@innosolutions/inno-calendar 1.0.71 → 2.0.0

package/dist/agenda-widget-DrRyLzTK.js

@@ -1,4126 +0,0 @@
-import { jsx as e, jsxs as r, Fragment as ke } from "react/jsx-runtime";
-import { g as ct, u as kt, C as Nt } from "./use-calendar-DJI35SSd.js";
-import { useCallback as B, useState as le, useEffect as he, forwardRef as We, useRef as ae, useMemo as re, useLayoutEffect as dt, useImperativeHandle as Dt } from "react";
-import { c as f } from "./index-DtaLkIY8.js";
-import { P as ut, p as ht, o as mt, z as pe, I as Ct, J as Mt, B as Me, K as Et, L as Ye, x as xe, F as ve, y as we, k as Lt, C as St, M as Ke, A as Tt, W as It, c as Ht, N as zt } from "./week-view-BeasFcyR.js";
-import { j as At, D as jt, I as Pt, e as Wt, S as _t } from "./slot-selection-context-Ct5cVcKW.js";
-import { aG as ue, b2 as _e, L as ft, as as $t, a2 as Ft, ad as Ot, o as gt, Y as Bt } from "./position-utils-D_KpwRus.js";
-function Rt({ view: t, className: n = "" }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: n,
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: "400px",
-        backgroundColor: "#f9fafb",
-        borderRadius: "0.5rem",
-        border: "1px dashed #d1d5db"
-      },
-      children: /* @__PURE__ */ r("div", { style: { textAlign: "center", color: "#6b7280" }, children: [
-        /* @__PURE__ */ r("p", { style: { fontSize: "1.125rem", fontWeight: 500 }, children: [
-          t.charAt(0).toUpperCase() + t.slice(1),
-          " View"
-        ] }),
-        /* @__PURE__ */ e("p", { style: { fontSize: "0.875rem" }, children: "Implementation pending" })
-      ] })
-    }
-  );
-}
-function qe({ view: t, className: n }) {
-  return /* @__PURE__ */ e(Rt, { view: t, className: n });
-}
-function Ir(t) {
-  const {
-    events: n,
-    resources: a,
-    scheduleTypes: o,
-    initialView: s = "week",
-    initialDate: l,
-    initialFilters: p,
-    preferences: h,
-    locale: c,
-    slots: v,
-    renderEvent: H,
-    onViewChange: b,
-    onDateChange: w,
-    onEventClick: P,
-    onSlotSelect: S,
-    onFiltersChange: $,
-    className: F,
-    children: R
-  } = t, I = ct();
-  if (I)
-    return /* @__PURE__ */ e("div", { className: F, style: { position: "relative" }, children: R ?? /* @__PURE__ */ e(qe, { view: I.view, className: F }) });
-  const L = kt({
-    events: n,
-    resources: a,
-    scheduleTypes: o,
-    initialView: s,
-    initialDate: l,
-    initialFilters: p,
-    preferences: h,
-    locale: c,
-    onViewChange: b,
-    onDateChange: w,
-    onEventClick: P,
-    onSlotSelect: S,
-    onFiltersChange: $
-  });
-  return /* @__PURE__ */ e(Nt, { value: L, children: /* @__PURE__ */ e("div", { className: F, style: { position: "relative" }, children: R ?? /* @__PURE__ */ e(qe, { view: L.view, className: F }) }) });
-}
-function Ut({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
-        /* @__PURE__ */ e("path", { d: "m15 5 4 4" })
-      ]
-    }
-  );
-}
-function pt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M3 6h18" }),
-        /* @__PURE__ */ e("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
-        /* @__PURE__ */ e("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" }),
-        /* @__PURE__ */ e("line", { x1: "10", x2: "10", y1: "11", y2: "17" }),
-        /* @__PURE__ */ e("line", { x1: "14", x2: "14", y1: "11", y2: "17" })
-      ]
-    }
-  );
-}
-function Pe({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
-      ]
-    }
-  );
-}
-function Vt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ e("path", { d: "m4.9 4.9 14.2 14.2" })
-      ]
-    }
-  );
-}
-function Ie({ className: t }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
-    }
-  );
-}
-function Yt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ e("path", { d: "m9 12 2 2 4-4" })
-      ]
-    }
-  );
-}
-function Kt({ className: t }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" })
-    }
-  );
-}
-function qt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
-        /* @__PURE__ */ e("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-        /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
-      ]
-    }
-  );
-}
-function Gt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }),
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "10", r: "3" })
-      ]
-    }
-  );
-}
-function Jt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
-        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
-        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
-        /* @__PURE__ */ e("path", { d: "M3 10h18" })
-      ]
-    }
-  );
-}
-function Xt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
-        /* @__PURE__ */ e("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
-        /* @__PURE__ */ e("path", { d: "M10 9H8" }),
-        /* @__PURE__ */ e("path", { d: "M16 13H8" }),
-        /* @__PURE__ */ e("path", { d: "M16 17H8" })
-      ]
-    }
-  );
-}
-function Ee({ className: t }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: f("animate-spin", t),
-      children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-    }
-  );
-}
-const Qt = {
-  edit: "Edit",
-  delete: "Delete",
-  cancel: "Cancel Event",
-  close: "Close",
-  going: "Going",
-  notGoing: "Not Going",
-  confirmMeeting: "Confirm meeting took place",
-  completed: "Completed",
-  canceled: "Canceled",
-  participants: "Participants",
-  guest: "guest",
-  guests: "guests",
-  confirmed: "confirmed",
-  organizer: "Organizer",
-  client: "Client",
-  more: "more",
-  noDateProvided: "No date provided",
-  eventNotFound: "Event not found",
-  cancellationNote: "Cancellation Note",
-  canceledOn: "Canceled on",
-  acceptThisEvent: "Accept this event only",
-  acceptAllEvents: "Accept all events",
-  deleteConfirmTitle: "Delete Event",
-  deleteConfirmDescription: "Are you sure you want to delete this event? This action cannot be undone."
-}, He = We(
-  ({ onClick: t, label: n, children: a, className: o, variant: s = "ghost", ...l }, p) => /* @__PURE__ */ r(xe, { children: [
-    /* @__PURE__ */ e(ve, { asChild: !0, children: /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        ref: p,
-        onClick: t,
-        className: f(
-          "h-8 w-8 rounded-full flex items-center justify-center transition-colors",
-          s === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
-          s === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
-          o
-        ),
-        "aria-label": n,
-        ...l,
-        children: a
-      }
-    ) }),
-    /* @__PURE__ */ e(we, { side: "bottom", className: "text-xs", children: n })
-  ] })
-);
-He.displayName = "IconButton";
-function Zt({ src: t, alt: n, initials: a, className: o, isClient: s }) {
-  const [l, p] = le(!1);
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: f(
-        "relative h-7 w-7 rounded-full overflow-hidden shrink-0",
-        o
-      ),
-      children: t && !l ? /* @__PURE__ */ e(
-        "img",
-        {
-          src: t,
-          alt: n,
-          className: "h-full w-full object-cover",
-          onError: () => p(!0)
-        }
-      ) : /* @__PURE__ */ e(
-        "div",
-        {
-          className: f(
-            "h-full w-full flex items-center justify-center text-[10px] font-medium",
-            s ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
-          ),
-          children: a
-        }
-      )
-    }
-  );
-}
-function Ge({
-  participant: t,
-  isEventCanceled: n = !1,
-  labels: a
-}) {
-  const o = t.name || "Unknown", s = o.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2), l = t.isOrganizer ?? !1, p = t.isConfirmed, h = p === !0, c = p === !1, v = t.isClient ?? !1, H = t.profilePicture || t.avatar, b = n;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: f(
-        "flex items-center gap-3 py-0",
-        b && "opacity-60"
-      ),
-      children: [
-        /* @__PURE__ */ r("div", { className: "relative", children: [
-          /* @__PURE__ */ e(
-            Zt,
-            {
-              src: H,
-              alt: o,
-              initials: s,
-              isClient: v,
-              className: f(b && "grayscale")
-            }
-          ),
-          b || c ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-red-100 dark:bg-red-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(Pe, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : h ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-green-100 dark:bg-green-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(Ie, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
-        ] }),
-        /* @__PURE__ */ r("div", { className: "!h-fit min-w-0 gap-0", children: [
-          /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
-            "span",
-            {
-              className: f(
-                "text-sm text-zinc-900 dark:text-zinc-100 truncate",
-                b && "line-through text-zinc-500 dark:text-zinc-500"
-              ),
-              children: o
-            }
-          ) }),
-          v && /* @__PURE__ */ e("div", { className: "text-[10px] px-1.5 w-fit py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium", children: a.client }),
-          l && !b && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: a.organizer })
-        ] })
-      ]
-    }
-  );
-}
-function en({
-  open: t,
-  onOpenChange: n,
-  title: a,
-  children: o
-}) {
-  return he(() => {
-    if (!t) return;
-    const s = (l) => {
-      l.key === "Escape" && n(!1);
-    };
-    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-  }, [t, n]), he(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
-    document.body.style.overflow = "";
-  }), [t]), t ? /* @__PURE__ */ r("div", { className: "fixed inset-0 z-50", children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
-        onClick: () => n(!1),
-        onKeyDown: (s) => {
-          (s.key === "Enter" || s.key === " ") && n(!1);
-        }
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ r("div", { className: "bg-white dark:bg-zinc-900 rounded-2xl shadow-xl overflow-hidden", children: [
-      a && /* @__PURE__ */ e("div", { className: "sr-only", children: a }),
-      o
-    ] }) })
-  ] }) : null;
-}
-function tn({
-  open: t,
-  onOpenChange: n,
-  title: a,
-  description: o,
-  cancelLabel: s,
-  confirmLabel: l,
-  onConfirm: p,
-  isLoading: h
-}) {
-  return t ? /* @__PURE__ */ r("div", { className: "fixed inset-0 z-[60]", children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
-        onClick: () => n(!1),
-        onKeyDown: (c) => {
-          (c.key === "Enter" || c.key === " ") && n(!1);
-        }
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ r("div", { className: "bg-white dark:bg-zinc-900 rounded-lg shadow-xl p-6", children: [
-      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: a }),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: o }),
-      /* @__PURE__ */ r("div", { className: "mt-4 flex justify-end gap-3", children: [
-        /* @__PURE__ */ e(
-          Me,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => n(!1),
-            children: s
-          }
-        ),
-        /* @__PURE__ */ r(
-          Me,
-          {
-            variant: "destructive",
-            size: "sm",
-            onClick: p,
-            disabled: h,
-            children: [
-              h && /* @__PURE__ */ e(Ee, { className: "h-4 w-4 mr-2" }),
-              /* @__PURE__ */ e(pt, { className: "h-4 w-4 mr-2" }),
-              l
-            ]
-          }
-        )
-      ] })
-    ] }) })
-  ] }) : null;
-}
-function nn(t, n) {
-  return t.toLocaleDateString(void 0, {
-    weekday: "long",
-    month: "long",
-    day: "numeric"
-  });
-}
-function rn(t, n) {
-  const a = {
-    hour: "2-digit",
-    minute: "2-digit",
-    hour12: !1
-  };
-  return `${t.toLocaleTimeString(void 0, a)} – ${n.toLocaleTimeString(void 0, a)}`;
-}
-function on(t) {
-  return t.toLocaleDateString(void 0, {
-    day: "2-digit",
-    month: "short",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-}
-function an(t) {
-  const [n, a] = le(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
-  return he(() => {
-    if (typeof window > "u") return;
-    const o = window.matchMedia(t), s = (l) => a(l.matches);
-    return o.addEventListener("change", s), () => o.removeEventListener("change", s);
-  }, [t]), n;
-}
-function Je({
-  event: t,
-  labels: n,
-  isLoading: a,
-  onClose: o,
-  onEdit: s,
-  onDelete: l,
-  onCancel: p,
-  onAccept: h,
-  onDecline: c,
-  onConfirmMeeting: v,
-  canEdit: H = !0,
-  canDelete: b = !1,
-  canCancel: w = !0,
-  isCurrentUserParticipant: P = !1,
-  isCurrentUserClient: S = !1,
-  currentUserAcceptStatus: $,
-  isAcceptLoading: F = !1,
-  isDeclineLoading: R = !1,
-  isConfirmLoading: I = !1,
-  isDeleteLoading: L = !1,
-  renderParticipant: W,
-  renderHeaderActions: z,
-  renderCancelReason: X,
-  renderDeleteConfirmation: M,
-  formatDate: _ = nn,
-  formatTimeRange: A = rn
-}) {
-  const [K, q] = le(!1), Y = !(t.isCanceled || t.meetingTookPlace), g = t.isRecurring ?? !1, C = t.participantDetails, u = t.participantsNames || [], N = C && C.length > 0, y = $ === !0, V = $ === !1, O = P && !S && Y, G = N ? C.filter((J) => J.isConfirmed).length : t.isAccepted ? u.length : 0, U = N ? C.length : u.length, se = t.scheduleTypeColor || t.hexColor || "#039BE5", Z = B(() => t.startDate ? _(t.startDate) : n.noDateProvided, [t.startDate, _, n.noDateProvided]), me = B(() => t.startDate && t.endDate ? A(t.startDate, t.endDate) : null, [t.startDate, t.endDate, A]), Ne = () => {
-    o(), s?.(t);
-  }, te = () => {
-    o(), p?.(t);
-  }, ce = () => {
-    q(!0);
-  }, fe = () => {
-    l?.(t), q(!1);
-  };
-  return a ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(Ee, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ r(pe, { delayDuration: 300, children: [
-    /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5 p-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: z ? z({ onClose: o }) : /* @__PURE__ */ r(ke, { children: [
-        Y && H && s && /* @__PURE__ */ e(He, { onClick: Ne, label: n.edit, children: /* @__PURE__ */ e(Ut, { className: "h-[18px] w-[18px]" }) }),
-        Y && w && p && /* @__PURE__ */ e(He, { onClick: te, label: n.cancel, children: /* @__PURE__ */ e(Vt, { className: "h-[18px] w-[18px]" }) }),
-        b && l && /* @__PURE__ */ e(
-          He,
-          {
-            onClick: ce,
-            label: n.delete,
-            variant: "destructive",
-            children: /* @__PURE__ */ e(pt, { className: "h-[18px] w-[18px]" })
-          }
-        ),
-        /* @__PURE__ */ e(He, { onClick: o, label: n.close, children: /* @__PURE__ */ e(Pe, { className: "h-[18px] w-[18px]" }) })
-      ] }) }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "w-4 h-4 rounded mt-1 shrink-0",
-            style: { backgroundColor: se }
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            /* @__PURE__ */ e(
-              "h2",
-              {
-                className: f(
-                  "text-[22px] font-normal text-zinc-900 dark:text-zinc-100 leading-tight",
-                  t.isCanceled && "line-through opacity-60"
-                ),
-                children: t.title
-              }
-            ),
-            t.meetingTookPlace && /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 text-xs font-medium", children: [
-              /* @__PURE__ */ e(Yt, { className: "h-3 w-3" }),
-              n.completed
-            ] }),
-            t.isCanceled && /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 text-xs font-medium", children: [
-              /* @__PURE__ */ e(Pe, { className: "h-3 w-3" }),
-              n.canceled
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: [
-            /* @__PURE__ */ e("span", { children: Z() }),
-            me() && /* @__PURE__ */ r(ke, { children: [
-              /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
-              /* @__PURE__ */ e("span", { children: me() })
-            ] })
-          ] }),
-          g && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
-        ] })
-      ] }) }),
-      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: X ? X(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ e("div", { className: "text-sm font-medium text-red-700 dark:text-red-400", children: n.cancellationNote }),
-        t.cancelReason && /* @__PURE__ */ r("div", { className: "mt-1 text-sm text-red-600/80 dark:text-red-400/80 italic", children: [
-          '"',
-          t.cancelReason,
-          '"'
-        ] }),
-        t.canceledDate && /* @__PURE__ */ r("div", { className: "mt-1.5 text-xs text-red-500/70 dark:text-red-400/60", children: [
-          n.canceledOn,
-          " ",
-          on(t.canceledDate)
-        ] })
-      ] }) }) }),
-      /* @__PURE__ */ r("div", { className: "space-y-0.5", children: [
-        t.address && /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Gt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ e("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: t.address })
-        ] }),
-        (N || u.length > 0) && /* @__PURE__ */ r("div", { className: "flex items-start gap-2 py-0", children: [
-          /* @__PURE__ */ e(qt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ r("div", { className: "flex-1", children: [
-            /* @__PURE__ */ r("div", { className: "flex items-center gap-0", children: [
-              /* @__PURE__ */ r("span", { className: "text-sm text-zinc-900 dark:text-zinc-100 font-medium", children: [
-                U,
-                " ",
-                U !== 1 ? n.guests : n.guest
-              ] }),
-              U > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-zinc-500", children: [
-                "(",
-                G,
-                " ",
-                n.confirmed,
-                ")"
-              ] })
-            ] }),
-            /* @__PURE__ */ r("div", { className: "mt-2 space-y-2", children: [
-              N ? C.slice(0, 6).map(
-                (J, m) => W ? W(J, m) : /* @__PURE__ */ e(
-                  Ge,
-                  {
-                    participant: J,
-                    isEventCanceled: t.isCanceled,
-                    labels: n
-                  },
-                  J.id
-                )
-              ) : u.slice(0, 6).map((J, m) => {
-                const j = {
-                  id: String(m),
-                  name: J,
-                  email: "",
-                  isConfirmed: t.isAccepted,
-                  isOrganizer: m === 0,
-                  isClient: !1
-                };
-                return W ? W(j, m) : /* @__PURE__ */ e(
-                  Ge,
-                  {
-                    participant: j,
-                    isEventCanceled: t.isCanceled,
-                    labels: n
-                  },
-                  J
-                );
-              }),
-              U > 6 && /* @__PURE__ */ r("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
-                "+",
-                U - 6,
-                " ",
-                n.more
-              ] })
-            ] })
-          ] })
-        ] }),
-        t.description && /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Xt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-zinc-700 dark:text-zinc-300 whitespace-pre-wrap", children: t.description })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Jt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: N && C.find((J) => J.isOrganizer)?.name || u[0] || "Calendar" })
-        ] })
-      ] }),
-      O && h && c && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        g ? /* @__PURE__ */ r(Ct, { children: [
-          /* @__PURE__ */ e(Mt, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "flex", children: [
-            /* @__PURE__ */ e(
-              Me,
-              {
-                size: "sm",
-                variant: "outline",
-                className: f(
-                  "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  y && "!bg-green-700 !text-white hover:!bg-green-700"
-                ),
-                onClick: (J) => {
-                  J.stopPropagation(), y || h(t);
-                },
-                disabled: F,
-                children: F ? /* @__PURE__ */ e(Ee, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ke, { children: [
-                  y && /* @__PURE__ */ e(Ie, { className: "h-3.5 w-3.5" }),
-                  n.going
-                ] })
-              }
-            ),
-            /* @__PURE__ */ e(
-              Me,
-              {
-                size: "sm",
-                variant: "outline",
-                className: f(
-                  "rounded-l-none px-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  y && "!bg-green-700 !text-white hover:!bg-green-700"
-                ),
-                children: /* @__PURE__ */ e(Kt, { className: "h-3.5 w-3.5" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ r(Et, { align: "start", children: [
-            /* @__PURE__ */ r(
-              Ye,
-              {
-                className: f(
-                  "gap-1.5 h-8 !border-none !bg-green-50 text-green-800 hover:!bg-green-100",
-                  y && "!bg-green-700 !text-white hover:!bg-green-700"
-                ),
-                onClick: () => h(t),
-                children: [
-                  /* @__PURE__ */ e(Ie, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
-                  n.acceptThisEvent
-                ]
-              }
-            ),
-            /* @__PURE__ */ r(Ye, { onClick: () => h(t), children: [
-              /* @__PURE__ */ e(Ie, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
-              n.acceptAllEvents
-            ] })
-          ] })
-        ] }) : /* @__PURE__ */ e(
-          Me,
-          {
-            size: "sm",
-            variant: "outline",
-            className: f(
-              "gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-              y && "!bg-green-700 !text-white hover:!bg-green-700"
-            ),
-            onClick: () => {
-              y || h(t);
-            },
-            disabled: F,
-            children: F ? /* @__PURE__ */ e(Ee, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ke, { children: [
-              y && /* @__PURE__ */ e(Ie, { className: "h-3.5 w-3.5" }),
-              n.going
-            ] })
-          }
-        ),
-        /* @__PURE__ */ e(
-          Me,
-          {
-            size: "sm",
-            variant: "outline",
-            className: f(
-              "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
-              V && "!bg-rose-700 !text-white hover:!bg-rose-700"
-            ),
-            onClick: () => {
-              V || c(t);
-            },
-            disabled: R,
-            children: R ? /* @__PURE__ */ e(Ee, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(ke, { children: [
-              V && /* @__PURE__ */ e(Pe, { className: "h-3.5 w-3.5" }),
-              n.notGoing
-            ] })
-          }
-        )
-      ] }) }),
-      P && y && !t.meetingTookPlace && !t.isCanceled && v && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ r(
-        Me,
-        {
-          size: "sm",
-          variant: "outline",
-          className: "w-full h-9 hover:!bg-green-100 hover:text-green-700 text-green-700 !bg-green-100 !border-none dark:text-green-400 dark:hover:bg-green-950/30",
-          onClick: () => v(t),
-          disabled: I,
-          children: [
-            I && /* @__PURE__ */ e(Ee, { className: "h-4 w-4 mr-2" }),
-            n.confirmMeeting
-          ]
-        }
-      ) })
-    ] }),
-    M ? K && M({
-      onConfirm: fe,
-      onCancel: () => q(!1),
-      isLoading: L
-    }) : /* @__PURE__ */ e(
-      tn,
-      {
-        open: K,
-        onOpenChange: q,
-        title: n.deleteConfirmTitle,
-        description: n.deleteConfirmDescription,
-        cancelLabel: n.cancel,
-        confirmLabel: n.delete,
-        onConfirm: fe,
-        isLoading: L
-      }
-    )
-  ] });
-}
-function Hr({
-  event: t,
-  children: n,
-  open: a,
-  onOpenChange: o,
-  isLoading: s,
-  labels: l,
-  onEdit: p,
-  onDelete: h,
-  onCancel: c,
-  onAccept: v,
-  onDecline: H,
-  onConfirmMeeting: b,
-  canEdit: w = !0,
-  canDelete: P = !1,
-  canCancel: S = !0,
-  isCurrentUserParticipant: $,
-  isCurrentUserClient: F,
-  currentUserAcceptStatus: R,
-  isAcceptLoading: I,
-  isDeclineLoading: L,
-  isConfirmLoading: W,
-  isDeleteLoading: z,
-  renderParticipant: X,
-  renderHeaderActions: M,
-  renderCancelReason: _,
-  renderDeleteConfirmation: A,
-  formatDate: K,
-  formatTimeRange: q,
-  className: Y,
-  width: g = 360
-}) {
-  const C = an("(min-width: 768px)"), u = { ...Qt, ...l }, N = B(() => {
-    o?.(!1);
-  }, [o]), y = {
-    event: t,
-    labels: u,
-    isLoading: s,
-    onClose: N,
-    onEdit: p,
-    onDelete: h,
-    onCancel: c,
-    onAccept: v,
-    onDecline: H,
-    onConfirmMeeting: b,
-    canEdit: w,
-    canDelete: P,
-    canCancel: S,
-    isCurrentUserParticipant: $,
-    isCurrentUserClient: F,
-    currentUserAcceptStatus: R,
-    isAcceptLoading: I,
-    isDeclineLoading: L,
-    isConfirmLoading: W,
-    isDeleteLoading: z,
-    renderParticipant: X,
-    renderHeaderActions: M,
-    renderCancelReason: _,
-    renderDeleteConfirmation: A,
-    formatDate: K,
-    formatTimeRange: q
-  };
-  return C ? /* @__PURE__ */ r(ut, { open: a ?? !1, onOpenChange: o ?? (() => {
-  }), children: [
-    /* @__PURE__ */ e(ht, { asChild: !0, children: n }),
-    /* @__PURE__ */ e(
-      mt,
-      {
-        className: f(
-          "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
-          Y
-        ),
-        style: { width: g },
-        align: "center",
-        side: "bottom",
-        sideOffset: 4,
-        children: /* @__PURE__ */ e(Je, { ...y })
-      }
-    )
-  ] }) : /* @__PURE__ */ r(ke, { children: [
-    n,
-    /* @__PURE__ */ e(
-      en,
-      {
-        open: a ?? !1,
-        onOpenChange: o ?? (() => {
-        }),
-        title: t.title,
-        children: /* @__PURE__ */ e(Je, { ...y })
-      }
-    )
-  ] });
-}
-const Fe = 44, Xe = 4, sn = 56, Qe = 8, Ae = 80, Se = 140, Ze = 100, et = 2, ln = 8, cn = 18;
-function dn(t) {
-  return t.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-}
-function un(t, n) {
-  const a = [];
-  for (let o = 0; o < n; o++) {
-    const s = new Date(t);
-    s.setDate(s.getDate() + o), a.push(s);
-  }
-  return a;
-}
-function hn(t, n, a) {
-  const o = [];
-  return t.forEach((s, l) => {
-    for (let p = n; p < a; p++)
-      o.push({ hour: p, dayIndex: l, date: s });
-  }), o;
-}
-function Oe(t) {
-  return `${t.toString().padStart(2, "0")}:00`;
-}
-function mn(t) {
-  return t.toLocaleDateString("en-US", {
-    weekday: "short",
-    month: "short",
-    day: "numeric"
-  });
-}
-function tt(t) {
-  const n = [...t].sort((s, l) => s.startCol !== l.startCol ? s.startCol - l.startCol : l.spanCols - s.spanCols), a = [], o = [];
-  for (const s of n) {
-    let l = 0;
-    for (; o[l] !== void 0 && o[l] > s.startCol; )
-      l++;
-    o[l] = s.startCol + s.spanCols, a.push({
-      ...s,
-      stackIndex: l
-    });
-  }
-  return a;
-}
-function fn({ src: t, alt: n, fallback: a, className: o }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: f(
-        "relative flex shrink-0 overflow-hidden rounded-sm border bg-muted",
-        o
-      ),
-      children: t ? /* @__PURE__ */ e(
-        "img",
-        {
-          src: t,
-          alt: n,
-          className: "aspect-square h-full w-full object-cover"
-        }
-      ) : /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: a })
-    }
-  );
-}
-const gn = 18, pn = 10, xn = 32;
-function vn({ text: t, className: n }) {
-  const a = ae(null), o = ae(null), [s, l] = le({
-    active: !1,
-    durationSec: 0
-  });
-  return dt(() => {
-    const p = a.current, h = o.current;
-    if (!p || !h) return;
-    const c = () => {
-      const H = h.offsetWidth, b = p.clientWidth;
-      if (H > b + 1) {
-        const w = H + xn, P = Math.max(
-          pn,
-          w / gn
-        );
-        l(
-          (S) => S.active && Math.abs(S.durationSec - P) < 0.1 ? S : { active: !0, durationSec: P }
-        );
-      } else
-        l((w) => w.active ? { active: !1, durationSec: 0 } : w);
-    };
-    c();
-    const v = new ResizeObserver(c);
-    return v.observe(p), v.observe(h), () => v.disconnect();
-  }, [t]), /* @__PURE__ */ e(
-    "div",
-    {
-      ref: a,
-      className: f(
-        "ic-marquee relative min-w-0 overflow-hidden",
-        s.active && "ic-marquee--active",
-        n
-      ),
-      children: /* @__PURE__ */ r(
-        "div",
-        {
-          className: "ic-marquee-track inline-flex whitespace-nowrap will-change-transform",
-          style: s.active ? { animationDuration: `${s.durationSec}s` } : void 0,
-          children: [
-            /* @__PURE__ */ e("span", { ref: o, className: "ic-marquee-copy", children: t }),
-            s.active && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "ic-marquee-copy", children: t })
-          ]
-        }
-      )
-    }
-  );
-}
-const wn = 7;
-function Te({
-  daysToShow: t = wn,
-  events: n,
-  users: a = [],
-  alwaysShowResources: o,
-  selectedDate: s,
-  onDateChange: l,
-  onEventClick: p,
-  onSlotClick: h,
-  onSlotSelect: c,
-  visibleHours: v,
-  className: H,
-  getEventUserId: b,
-  renderPopover: w,
-  slots: P,
-  classNames: S,
-  enableDrag: $ = !0,
-  resourceColumnConfig: F
-}) {
-  const R = F?.variant ?? "marquee", I = F?.showAvatar ?? "auto", L = ae(null), W = At(), [z, X] = le(null), M = ae(!1), [_, A] = le(null), K = s ?? /* @__PURE__ */ new Date(), q = !0, Y = v?.from ?? ln, g = v?.to ?? cn, C = g - Y, u = re(() => {
-    const i = new Date(K);
-    if (t === 1 || t === 3)
-      return i.setHours(0, 0, 0, 0), i;
-    const d = i.getDay(), x = d === 0 ? -6 : 1 - d;
-    return i.setDate(i.getDate() + x), i.setHours(0, 0, 0, 0), i;
-  }, [K, t]), N = re(
-    () => un(u, t),
-    [u, t]
-  ), y = re(
-    () => hn(N, Y, g),
-    [q, N, Y, g]
-  ), O = b ?? ((i) => {
-    if (i.resourceId) return i.resourceId;
-    const d = i.data;
-    if (d?.userId) return String(d.userId);
-    if (d?.user && typeof d.user == "object" && d.user.id)
-      return String(d.user.id);
-    if (i.user?.id) return i.user.id;
-    if (i.participants?.[0]?.id) return i.participants[0].id;
-  }), G = re(() => {
-    const i = /* @__PURE__ */ new Map();
-    for (const d of a)
-      i.set(d.id, {
-        id: d.id,
-        name: d.name,
-        avatar: d.avatar ?? void 0,
-        email: d.email
-      });
-    for (const d of n) {
-      const k = d.data?.user;
-      k?.id && !i.has(k.id) && i.set(k.id, {
-        id: k.id,
-        name: k.name ?? "",
-        avatar: k.avatar ?? void 0,
-        email: k.email
-      }), d.user?.id && !i.has(d.user.id) && i.set(d.user.id, {
-        id: d.user.id,
-        name: d.user.name,
-        avatar: d.user.avatar ?? void 0,
-        email: d.user.email
-      });
-      for (const D of d.participants || [])
-        D.id && !i.has(D.id) && i.set(D.id, {
-          id: D.id,
-          name: D.name,
-          avatar: D.avatar ?? void 0,
-          email: D.email
-        });
-    }
-    return Array.from(i.values());
-  }, [a, n]), U = re(() => {
-    const i = [], d = /* @__PURE__ */ new Map();
-    for (const D of G)
-      d.set(D.id, []);
-    d.set("unassigned", []);
-    for (const D of n) {
-      const E = O(D) ?? "unassigned";
-      (d.get(E) ?? d.get("unassigned")).push(D);
-    }
-    const x = (D) => {
-      const E = [];
-      for (const T of D) {
-        const ne = T.startDate.getHours() + T.startDate.getMinutes() / 60, oe = T.endDate.getHours() + T.endDate.getMinutes() / 60;
-        for (let Q = 0; Q < N.length; Q++) {
-          const ie = N[Q], De = _e(ie), Ce = ft(ie);
-          if (T.startDate <= Ce && T.endDate >= De) {
-            let ye = Y, Le = g;
-            if (T.startDate >= De && (ye = Math.max(Y, ne)), T.endDate <= Ce && (Le = Math.min(g, oe)), ye = Math.max(
-              Y,
-              Math.min(g, ye)
-            ), Le = Math.max(
-              Y,
-              Math.min(g, Le)
-            ), Le > ye) {
-              const bt = Q * C + (ye - Y), yt = Le - ye;
-              E.push({
-                event: T,
-                startCol: bt,
-                spanCols: yt
-              });
-            }
-          }
-        }
-      }
-      return E;
-    };
-    for (const D of G) {
-      const E = d.get(D.id) ?? [], T = x(E), ne = tt(T), oe = ne.reduce(
-        (Q, ie) => Math.max(Q, ie.stackIndex + 1),
-        0
-      );
-      i.push({
-        user: D,
-        events: ne,
-        maxStack: Math.max(oe, 1)
-      });
-    }
-    const k = d.get("unassigned") ?? [];
-    if (k.length > 0) {
-      const D = x(k), E = tt(D), T = E.reduce(
-        (ne, oe) => Math.max(ne, oe.stackIndex + 1),
-        0
-      );
-      i.push({
-        user: {
-          id: "unassigned",
-          name: "Unassigned",
-          avatar: void 0,
-          email: void 0
-        },
-        events: E,
-        maxStack: Math.max(T, 1)
-      });
-    }
-    if (o?.length) {
-      const D = new Set(i.map((E) => E.user.id));
-      for (const E of o)
-        D.has(E.id) || (i.push({
-          user: {
-            id: E.id,
-            name: E.name,
-            avatar: E.avatar ?? void 0,
-            email: E.email
-          },
-          events: [],
-          maxStack: 1
-        }), D.add(E.id));
-    }
-    return i;
-  }, [
-    G,
-    n,
-    N,
-    q,
-    C,
-    Y,
-    g,
-    O,
-    o
-  ]), se = re(() => {
-    const i = /* @__PURE__ */ new Map();
-    for (const d of U)
-      for (const x of d.events)
-        if (x.spanCols <= 1) {
-          const k = Math.floor(x.startCol), D = i.get(k) ?? 0;
-          i.set(k, D + 1);
-        }
-    return i;
-  }, [U]), Z = re(() => {
-    const i = y.length, d = Ae, x = [];
-    for (let k = 0; k < i; k++) {
-      const D = se.get(k) ?? 0;
-      D > et ? x.push(
-        Ze + (D - et) * 20
-      ) : D > 0 ? x.push(Math.max(d, Ze)) : x.push(d);
-    }
-    return x;
-  }, [
-    q,
-    y.length,
-    N.length,
-    se
-  ]), me = (i) => Math.max(
-    sn,
-    i * (Fe + Xe) + Qe * 2
-  ), Ne = Se + Z.reduce((i, d) => i + d, 0), te = re(() => {
-    const i = [0];
-    for (let d = 0; d < Z.length; d++)
-      i.push(i[d] + Z[d]);
-    return i;
-  }, [Z]), ce = B(
-    (i) => {
-      const d = te.length - 1;
-      if (i <= 0) return te[0] ?? 0;
-      if (i >= d) return te[d] ?? 0;
-      const x = Math.floor(i), k = te[x] ?? 0, D = te[x + 1] ?? k;
-      return k + (i - x) * (D - k);
-    },
-    [te]
-  );
-  dt(() => {
-    const i = L.current;
-    if (!i) return;
-    const d = () => {
-      let x = -1;
-      const D = (/* @__PURE__ */ new Date()).getHours();
-      {
-        for (let E = 0; E < y.length; E++) {
-          const T = y[E];
-          if (T && ue(T.date) && T.hour <= D && T.hour + 1 > D) {
-            x = E;
-            break;
-          }
-        }
-        if (x === -1)
-          for (let E = 0; E < y.length; E++) {
-            const T = y[E];
-            if (T && ue(T.date)) {
-              x = E;
-              break;
-            }
-          }
-      }
-      if (x !== -1) {
-        const E = (te[x] ?? 0) + Se, T = i.clientWidth, ne = Math.max(0, E - T / 3);
-        i.scrollTo({
-          left: ne,
-          behavior: "instant"
-        });
-      }
-    };
-    requestAnimationFrame(() => {
-      requestAnimationFrame(d);
-    });
-  }, [K, y, N, te, q]);
-  const fe = B(
-    (i, d) => {
-      const x = d.getBoundingClientRect(), k = i - x.left + d.scrollLeft;
-      for (let D = 0; D < te.length - 1; D++) {
-        const E = te[D], T = te[D + 1];
-        if (k >= E && k < T) {
-          const ne = (k - E) / (T - E), oe = Math.floor(ne * 60), Q = Math.round(oe / 15) * 15;
-          return { colIndex: D, minute: Math.min(Q, 45) };
-        }
-      }
-      return null;
-    },
-    [te]
-  ), J = B(
-    (i, d) => {
-      if (y[i]) {
-        const x = y[i], k = new Date(x.date);
-        return k.setHours(x.hour, d ?? 0, 0, 0), { date: k, hour: x.hour };
-      }
-      return { date: /* @__PURE__ */ new Date() };
-    },
-    [q, y, N]
-  ), m = B(
-    (i, d) => {
-      if (i.preventDefault(), i.dataTransfer.dropEffect = "move", !W?.isDragging || !W.dragState) return;
-      const x = i.currentTarget, k = fe(i.clientX, x);
-      if (!k) return;
-      const { colIndex: D, minute: E } = k, { date: T, hour: ne } = J(D, E);
-      W.updateDragPreview(T, ne, E, d);
-      const { originalStartDate: oe, originalEndDate: Q } = W.dragState, ie = Q.getTime() - oe.getTime(), De = y.length;
-      let Ce;
-      {
-        const ye = ie / 36e5;
-        Ce = Math.max(1, Math.ceil(ye));
-      }
-      Ce = Math.min(Ce, De - D), A({ resourceId: d, colIndex: D, spanCols: Ce });
-    },
-    [W, fe, J, q, y.length, N.length]
-  ), j = B(
-    (i) => {
-      const d = i.relatedTarget;
-      i.currentTarget.contains(d) || A(null);
-    },
-    []
-  ), ee = B(
-    (i, d) => {
-      i.preventDefault(), A(null), W?.isDragging && W.endDrag();
-    },
-    [W]
-  ), de = B(
-    (i, d) => {
-      if (!z || z.resourceId !== i) return !1;
-      const x = Math.min(z.startCol, z.endCol), k = Math.max(z.startCol, z.endCol);
-      return d >= x && d <= k;
-    },
-    [z]
-  ), ze = B(
-    (i, d) => !_ || _.resourceId !== i ? !1 : d >= _.colIndex && d < _.colIndex + _.spanCols,
-    [_]
-  ), vt = B(
-    (i, d, x) => {
-      x.button !== 0 && x.pointerType === "mouse" || (c || h) && (x.preventDefault(), M.current = !0, X({ resourceId: i, startCol: d, endCol: d, isSelecting: !0 }));
-    },
-    [c, h]
-  ), wt = B(
-    (i, d, x) => {
-      if (M.current && !(!z || z.resourceId !== i)) {
-        if (x.buttons === 0) {
-          M.current = !1;
-          return;
-        }
-        X((k) => k ? { ...k, endCol: d } : null);
-      }
-    },
-    [z]
-  ), $e = B(() => {
-    if (!M.current || !z) return;
-    M.current = !1;
-    const i = Math.min(z.startCol, z.endCol), d = Math.max(z.startCol, z.endCol), x = J(i), k = J(d), D = new Date(x.date), E = new Date(k.date);
-    k.hour !== void 0 && E.setHours(k.hour + 1, 0, 0, 0);
-    const T = {
-      startDate: D,
-      endDate: E,
-      resourceId: z.resourceId
-    };
-    i === d && h && h(x.date, x.hour, z.resourceId), c?.(T), X((ne) => ne ? { ...ne, isSelecting: !1 } : null), setTimeout(() => X(null), 150);
-  }, [z, J, q, h, c]);
-  return he(() => {
-    const i = () => {
-      M.current && $e();
-    };
-    return window.addEventListener("pointerup", i), window.addEventListener("pointercancel", i), () => {
-      window.removeEventListener("pointerup", i), window.removeEventListener("pointercancel", i);
-    };
-  }, [$e]), he(() => {
-    W?.isDragging || A(null);
-  }, [W?.isDragging]), /* @__PURE__ */ e("div", { className: f("flex h-full flex-col", H), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: L, children: /* @__PURE__ */ r("div", { className: "relative", style: { minWidth: Ne }, children: [
-    // Hour mode: Day headers + Hour sub-headers - sticky wrapper with flex child (sticky + flex breaks sticky)
-    /* @__PURE__ */ e("div", { className: "ic-timeline-header sticky top-0 z-20 border-b bg-background", children: t > 1 ? (
-      // Multi-day: Resources cell spans both day-header + hour-header rows
-      /* @__PURE__ */ r("div", { className: "flex", children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "flex shrink-0 items-center justify-center border-r bg-background px-2 sticky left-0 z-10",
-            style: { width: Se },
-            children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ e("div", { className: "flex border-b", children: N.map((i, d) => {
-            const x = ue(i), k = d * C, D = Z.slice(k, k + C).reduce((E, T) => E + T, 0);
-            return /* @__PURE__ */ e(
-              "div",
-              {
-                className: f(
-                  "flex shrink-0 items-center justify-center border-r py-1.5 font-medium",
-                  x ? "bg-primary/10 text-primary" : "bg-muted/30"
-                ),
-                style: { width: D },
-                children: /* @__PURE__ */ e("span", { className: "text-xs", children: mn(i) })
-              },
-              `day-${i.toISOString()}`
-            );
-          }) }),
-          /* @__PURE__ */ e("div", { className: "flex", children: y.map((i, d) => {
-            const x = i.hour === Y, k = ue(i.date), D = Z[d] ?? Ae;
-            return /* @__PURE__ */ e(
-              "div",
-              {
-                className: f(
-                  "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
-                  x && d > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                  k && "bg-primary/5"
-                ),
-                style: { width: D },
-                children: Oe(i.hour)
-              },
-              `hour-${i.dayIndex}-${i.hour}`
-            );
-          }) })
-        ] })
-      ] })
-    ) : (
-      // Single-day: simple single row
-      /* @__PURE__ */ r("div", { className: "flex", children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "flex shrink-0 items-center border-r bg-background px-2 py-2",
-            style: { width: Se },
-            children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
-          }
-        ),
-        y.map((i, d) => {
-          const x = i.hour === Y, k = ue(i.date), D = Z[d] ?? Ae;
-          return /* @__PURE__ */ e(
-            "div",
-            {
-              className: f(
-                "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
-                x && d > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                k && "bg-primary/5"
-              ),
-              style: { width: D },
-              children: Oe(i.hour)
-            },
-            `hour-${i.dayIndex}-${i.hour}`
-          );
-        })
-      ] })
-    ) }),
-    U.map((i) => {
-      const d = me(i.maxStack);
-      return /* @__PURE__ */ r(
-        "div",
-        {
-          className: f(
-            "relative flex border-b",
-            S?.resourceRow
-          ),
-          style: { height: d },
-          children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: "sticky left-0 z-10",
-                style: { width: Se },
-                children: /* @__PURE__ */ r(
-                  "div",
-                  {
-                    className: f(
-                      "flex h-full items-center gap-2 sm:gap-3 border-r bg-background px-2 sm:px-4",
-                      S?.resourceHeader
-                    ),
-                    children: [
-                      (() => {
-                        const x = !!i.user.avatar;
-                        return I === !0 || I === "auto" && x ? /* @__PURE__ */ e(
-                          fn,
-                          {
-                            className: "size-7",
-                            src: i.user.avatar,
-                            alt: i.user.name,
-                            fallback: dn(i.user.name)
-                          }
-                        ) : null;
-                      })(),
-                      R === "marquee" ? /* @__PURE__ */ e(
-                        vn,
-                        {
-                          text: i.user.name,
-                          className: "flex-1 text-xs sm:text-sm font-medium"
-                        }
-                      ) : /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-xs sm:text-sm font-medium", children: i.user.name })
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ r(
-              "div",
-              {
-                className: "ic-timeline-grid relative flex",
-                onDragOver: (x) => m(x, i.user.id),
-                onDragLeave: j,
-                onDrop: (x) => ee(x, i.user.id),
-                children: [
-                  // Hour mode cells — interactive buttons for slot selection
-                  y.map((x, k) => {
-                    const D = x.hour === Y && k > 0, E = Z[k] ?? Ae, T = de(i.user.id, k), ne = ze(i.user.id, k), oe = !!(c || h);
-                    return /* @__PURE__ */ e(
-                      "div",
-                      {
-                        role: oe ? "button" : void 0,
-                        tabIndex: oe ? 0 : void 0,
-                        "aria-label": oe ? `Select ${Oe(x.hour)} on ${x.date.toLocaleDateString()} for ${i.user.name}` : void 0,
-                        onPointerDown: (Q) => vt(i.user.id, k, Q),
-                        onPointerEnter: (Q) => wt(i.user.id, k, Q),
-                        onPointerUp: $e,
-                        onKeyDown: (Q) => {
-                          if (oe && (Q.key === "Enter" || Q.key === " ")) {
-                            Q.preventDefault();
-                            const ie = J(k);
-                            h?.(ie.date, ie.hour, i.user.id), c?.({
-                              startDate: ie.date,
-                              endDate: (() => {
-                                const De = new Date(ie.date);
-                                return ie.hour !== void 0 && De.setHours(ie.hour + 1, 0, 0, 0), De;
-                              })(),
-                              resourceId: i.user.id
-                            });
-                          }
-                        },
-                        className: f(
-                          "shrink-0 select-none touch-none transition-colors",
-                          oe && "cursor-pointer",
-                          D ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                          ue(x.date) && "bg-primary/5",
-                          // Hover — subtle feedback (only when not selecting or dragging)
-                          oe && !z?.isSelecting && !W?.isDragging && "hover:bg-blue-50/60",
-                          // Slot selection highlight
-                          T && "bg-blue-100/70",
-                          // Drop target highlight
-                          ne && "bg-primary/20 ring-2 ring-primary ring-inset"
-                        ),
-                        style: { width: E }
-                      },
-                      `cell-${x.dayIndex}-${x.hour}`
-                    );
-                  }),
-                  i.events.map((x) => {
-                    const k = ce(x.startCol), D = ce(x.startCol + x.spanCols), E = k + 2, T = D - k - 4, ne = Qe + x.stackIndex * (Fe + Xe), oe = t === 1 ? "timeline-day" : t === 3 ? "timeline-3day" : "timeline-week", Q = P?.eventCard;
-                    return /* @__PURE__ */ e(
-                      "div",
-                      {
-                        className: "absolute",
-                        style: {
-                          left: E,
-                          width: Math.max(T, 0),
-                          // No forced minimum - columns are guaranteed wide enough
-                          top: ne,
-                          height: Fe
-                        },
-                        children: Q ? /* @__PURE__ */ e(
-                          Q,
-                          {
-                            event: x.event,
-                            view: oe,
-                            isCompact: !0,
-                            onClick: () => p?.(x.event)
-                          }
-                        ) : /* @__PURE__ */ e(
-                          Lt,
-                          {
-                            event: x.event,
-                            variant: "compact",
-                            enableDrag: $,
-                            onClick: p,
-                            renderPopover: w,
-                            className: f(
-                              "h-full w-full",
-                              S?.eventCardCompact
-                            )
-                          }
-                        )
-                      },
-                      x.event.id
-                    );
-                  })
-                ]
-              }
-            )
-          ]
-        },
-        i.user.id
-      );
-    }),
-    U.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
-  ] }) }) });
-}
-const bn = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], yn = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-function nt(t) {
-  const n = t.hexColor;
-  return n ? { backgroundColor: n } : {};
-}
-function kn({ day: t, date: n, events: a, isCurrentMonth: o, onDayClick: s }) {
-  const l = ue(n), p = 3, h = a.length;
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      onClick: () => s?.(n),
-      className: f(
-        "flex h-9 sm:h-11 flex-1 flex-col items-center justify-start gap-0.5 rounded-md pt-0.5 sm:pt-1",
-        "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        "transition-colors",
-        !o && "opacity-40"
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: f(
-              "flex size-5 sm:size-6 items-center justify-center rounded-full text-[10px] sm:text-xs font-medium",
-              l && "bg-primary font-semibold text-primary-foreground"
-            ),
-            children: t
-          }
-        ),
-        h > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: h <= p ? a.map((c) => /* @__PURE__ */ e(
-          "div",
-          {
-            className: "size-1 sm:size-1.5 rounded-full bg-primary",
-            style: nt(c)
-          },
-          c.id
-        )) : /* @__PURE__ */ r(ke, { children: [
-          a.slice(0, p).map((c) => /* @__PURE__ */ e(
-            "div",
-            {
-              className: "size-1 sm:size-1.5 rounded-full bg-primary",
-              style: nt(c)
-            },
-            c.id
-          )),
-          /* @__PURE__ */ r("span", { className: "text-[6px] sm:text-[7px] font-medium text-muted-foreground", children: [
-            "+",
-            h - p
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-function Nn({
-  date: t,
-  events: n,
-  onMonthClick: a,
-  onDayClick: o
-}) {
-  const s = re(() => Ft(t, 0), [t]);
-  return /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: () => a?.(t),
-        className: f(
-          "w-full rounded-t-lg border px-2 sm:px-3 py-1.5 sm:py-2 text-xs sm:text-sm font-semibold",
-          "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-          "transition-colors"
-        ),
-        children: yn[t.getMonth()]
-      }
-    ),
-    /* @__PURE__ */ r("div", { className: "flex-1 space-y-1.5 sm:space-y-2 rounded-b-lg border border-t-0 p-2 sm:p-3", children: [
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: bn.map((l, p) => /* @__PURE__ */ r("div", { className: "text-[9px] sm:text-xs font-medium text-muted-foreground", children: [
-        /* @__PURE__ */ e("span", { className: "sm:hidden", children: l[0] }),
-        /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: l })
-      ] }, p)) }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: s.map((l, p) => {
-        const h = Ot(n, l.date);
-        return /* @__PURE__ */ e(
-          kn,
-          {
-            day: l.date.getDate(),
-            date: l.date,
-            events: h,
-            isCurrentMonth: l.isCurrentMonth,
-            onDayClick: o
-          },
-          `${p + 1}-${l.date.toISOString()}`
-        );
-      }) })
-    ] })
-  ] });
-}
-function Dn({
-  events: t,
-  year: n,
-  onMonthClick: a,
-  onDayClick: o,
-  className: s,
-  slots: l,
-  classNames: p
-}) {
-  const h = re(() => $t(n), [n]);
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col h-full", s), children: [
-    /* @__PURE__ */ e("div", { className: "flex items-center justify-center border-b px-4 py-3", children: /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: n }) }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: h.map((c) => /* @__PURE__ */ e(
-      Nn,
-      {
-        date: c,
-        events: t,
-        onMonthClick: a,
-        onDayClick: o
-      },
-      c.getMonth()
-    )) }) })
-  ] });
-}
-const je = 200, Cn = 60, Mn = 300, En = 7, rt = 2, Be = 40, Ln = 18;
-function Sn() {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ e("path", { d: "m18 15-6-6-6 6" })
-    }
-  );
-}
-function Tn() {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" })
-    }
-  );
-}
-function In() {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ e("path", { d: "m15 18-6-6 6-6" })
-    }
-  );
-}
-function Hn() {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
-    }
-  );
-}
-function zn({
-  containerRef: t,
-  currentDate: n,
-  className: a
-}) {
-  const [o, s] = le({
-    canUp: !1,
-    canDown: !1,
-    canLeft: !1,
-    canRight: !1
-  }), [l, p] = le({ x: 0, y: 0 }), [h, c] = le(!1), v = o.canUp || o.canDown || o.canLeft || o.canRight, H = ae(null), b = ae(null), w = ae(null), P = ae(!1), S = ae({ x: 0, y: 0 }), $ = ae({ x: 0, y: 0 }), F = ae(0), R = ae(null), I = B(() => {
-    const u = t.current;
-    if (!u) return;
-    const N = 4;
-    s({
-      canUp: u.scrollTop > N,
-      canDown: u.scrollTop + u.clientHeight < u.scrollHeight - N,
-      canLeft: u.scrollLeft > N,
-      canRight: u.scrollLeft + u.clientWidth < u.scrollWidth - N
-    });
-  }, [t]);
-  he(() => {
-    const u = t.current;
-    if (!u) return;
-    I(), u.addEventListener("scroll", I, { passive: !0 });
-    const N = new ResizeObserver(I);
-    N.observe(u);
-    const y = new MutationObserver(I);
-    return y.observe(u, { childList: !0, subtree: !0 }), () => {
-      u.removeEventListener("scroll", I), N.disconnect(), y.disconnect();
-    };
-  }, [t, I]);
-  const L = B(
-    (u, N) => {
-      t.current?.scrollBy({ left: u, top: N, behavior: "smooth" });
-    },
-    [t]
-  ), W = B(() => L(0, -je), [L]), z = B(() => L(0, je), [L]), X = B(() => L(-je, 0), [L]), M = B(() => L(je, 0), [L]), _ = B(() => {
-    H.current && (clearTimeout(H.current), H.current = null), b.current && (clearInterval(b.current), b.current = null);
-  }, []), A = B((u) => {
-    u(), H.current = setTimeout(() => {
-      b.current = setInterval(u, Cn);
-    }, Mn);
-  }, []);
-  he(() => _, [_]), he(() => {
-    const u = t.current;
-    if (!u) return;
-    const N = (y) => {
-      if (y.ctrlKey || y.metaKey || y.altKey) return;
-      const V = y.target.tagName;
-      if (!(V === "INPUT" || V === "TEXTAREA" || y.target.isContentEditable))
-        switch (y.key) {
-          case "ArrowUp":
-            y.preventDefault(), W();
-            break;
-          case "ArrowDown":
-            y.preventDefault(), z();
-            break;
-          case "ArrowLeft":
-            y.preventDefault(), X();
-            break;
-          case "ArrowRight":
-            y.preventDefault(), M();
-            break;
-        }
-    };
-    return u.addEventListener("keydown", N), () => u.removeEventListener("keydown", N);
-  }, [t, W, z, X, M]), he(() => {
-    if (!v) return;
-    const u = R.current;
-    if (!u) return;
-    let N = 0;
-    const y = () => {
-      const U = u.offsetParent;
-      if (!U) return;
-      const se = U.getBoundingClientRect(), Z = window.innerHeight;
-      if (se.height <= Z) {
-        u.style.removeProperty("top"), u.style.removeProperty("bottom");
-        return;
-      }
-      const Ne = Math.min(se.bottom, Z) - se.top, te = u.offsetHeight, ce = Ne - te - 12, fe = 12, J = U.clientHeight - te - 12, m = Math.max(fe, Math.min(ce, J));
-      u.style.top = `${m}px`, u.style.bottom = "auto";
-    }, V = () => {
-      cancelAnimationFrame(N), N = requestAnimationFrame(y);
-    }, O = [window];
-    let G = u.parentElement;
-    for (; G; ) {
-      const U = getComputedStyle(G);
-      /(auto|scroll)/.test(U.overflow + U.overflowY) && O.push(G), G = G.parentElement;
-    }
-    for (const U of O)
-      U.addEventListener("scroll", V, { passive: !0 });
-    return window.addEventListener("resize", V, { passive: !0 }), y(), () => {
-      cancelAnimationFrame(N);
-      for (const U of O)
-        U.removeEventListener("scroll", V);
-      window.removeEventListener("resize", V);
-    };
-  }, [v]);
-  const K = B(() => {
-    P.current = !1, c(!1), p({ x: 0, y: 0 }), $.current = { x: 0, y: 0 }, F.current && cancelAnimationFrame(F.current);
-  }, []), q = B(
-    (u) => {
-      u.preventDefault(), P.current = !0, c(!0), S.current = { x: u.clientX, y: u.clientY }, $.current = { x: 0, y: 0 }, u.target.setPointerCapture(u.pointerId);
-      const N = () => {
-        if (!P.current) return;
-        const y = t.current;
-        if (y) {
-          const { x: V, y: O } = $.current, G = Math.sqrt(V * V + O * O);
-          if (G > rt) {
-            const se = Math.min(G / Be, 1) * Ln;
-            y.scrollLeft += V / G * se, y.scrollTop += O / G * se;
-          }
-        }
-        F.current = requestAnimationFrame(N);
-      };
-      F.current = requestAnimationFrame(N);
-    },
-    [t]
-  ), Y = B((u) => {
-    if (!P.current) return;
-    const N = u.clientX - S.current.x, y = u.clientY - S.current.y;
-    $.current = { x: N, y };
-    const V = Math.sqrt(N * N + y * y);
-    if (V < rt)
-      p({ x: 0, y: 0 });
-    else {
-      const G = Math.min(V, Be) / Be * En;
-      p({
-        x: N / V * G,
-        y: y / V * G
-      });
-    }
-  }, []), g = B(
-    (u) => {
-      switch (u.key) {
-        case "ArrowUp":
-          u.preventDefault(), W();
-          break;
-        case "ArrowDown":
-          u.preventDefault(), z();
-          break;
-        case "ArrowLeft":
-          u.preventDefault(), X();
-          break;
-        case "ArrowRight":
-          u.preventDefault(), M();
-          break;
-      }
-    },
-    [W, z, X, M]
-  );
-  if (!v) return null;
-  const C = n ? n.toLocaleDateString(void 0, {
-    weekday: "short",
-    month: "short",
-    day: "numeric"
-  }) : null;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      ref: R,
-      className: `inno-scroll-nav-wrapper ${a ?? ""}`,
-      role: "toolbar",
-      "aria-label": "Scroll navigation",
-      onKeyDown: g,
-      children: [
-        C && /* @__PURE__ */ e("div", { className: "inno-scroll-nav-date", "aria-live": "polite", children: C }),
-        /* @__PURE__ */ r("div", { className: "inno-scroll-nav", children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              className: `inno-scroll-nav-btn inno-scroll-nav-up ${o.canUp ? "" : "inno-scroll-nav-btn-disabled"}`,
-              "aria-label": "Scroll up",
-              disabled: !o.canUp,
-              onPointerDown: () => A(W),
-              onPointerUp: _,
-              onPointerLeave: _,
-              tabIndex: o.canUp ? 0 : -1,
-              children: /* @__PURE__ */ e(Sn, {})
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              className: `inno-scroll-nav-btn inno-scroll-nav-left ${o.canLeft ? "" : "inno-scroll-nav-btn-disabled"}`,
-              "aria-label": "Scroll left",
-              disabled: !o.canLeft,
-              onPointerDown: () => A(X),
-              onPointerUp: _,
-              onPointerLeave: _,
-              tabIndex: o.canLeft ? 0 : -1,
-              children: /* @__PURE__ */ e(In, {})
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              ref: w,
-              type: "button",
-              className: `inno-scroll-nav-joystick ${h ? "inno-scroll-nav-joystick-active" : ""}`,
-              "aria-label": "Drag to scroll freely",
-              onPointerDown: q,
-              onPointerMove: Y,
-              onPointerUp: K,
-              onPointerCancel: K,
-              tabIndex: 0,
-              children: /* @__PURE__ */ e(
-                "span",
-                {
-                  className: "inno-scroll-nav-joystick-dot",
-                  style: {
-                    transform: `translate(${l.x}px, ${l.y}px)`
-                  }
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              className: `inno-scroll-nav-btn inno-scroll-nav-right ${o.canRight ? "" : "inno-scroll-nav-btn-disabled"}`,
-              "aria-label": "Scroll right",
-              disabled: !o.canRight,
-              onPointerDown: () => A(M),
-              onPointerUp: _,
-              onPointerLeave: _,
-              tabIndex: o.canRight ? 0 : -1,
-              children: /* @__PURE__ */ e(Hn, {})
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              className: `inno-scroll-nav-btn inno-scroll-nav-down ${o.canDown ? "" : "inno-scroll-nav-btn-disabled"}`,
-              "aria-label": "Scroll down",
-              disabled: !o.canDown,
-              onPointerDown: () => A(z),
-              onPointerUp: _,
-              onPointerLeave: _,
-              tabIndex: o.canDown ? 0 : -1,
-              children: /* @__PURE__ */ e(Tn, {})
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function An(t) {
-  switch (t) {
-    case "day":
-    case "week":
-      return "time";
-    default:
-      return "day";
-  }
-}
-function jn({
-  onEventClick: t,
-  onSlotClick: n,
-  onSlotSelect: a,
-  onAddEvent: o,
-  alwaysShowResources: s,
-  className: l,
-  showHeader: p = !0,
-  minSelectionMinutes: h = 30,
-  showMoreMode: c,
-  showMoreEventsInPopover: v = !1,
-  isLoading: H = !1,
-  slots: b,
-  classNames: w,
-  settingsContent: P,
-  filterContent: S,
-  headerActions: $,
-  renderPopover: F,
-  calendarRef: R,
-  headerConfig: I,
-  resourceColumnConfig: L,
-  eventDetailMode: W,
-  renderEventDetail: z
-}) {
-  const X = c ?? (v ? "popover" : "expand"), {
-    view: M,
-    setView: _,
-    selectedDate: A,
-    setSelectedDate: K,
-    slotDuration: q,
-    filteredEvents: Y,
-    users: g,
-    visibleHours: C,
-    workingHours: u,
-    badgeVariant: N,
-    showWorkingHoursOnly: y,
-    clearFocusEventId: V
-  } = Wt(), O = re(() => {
-    if (!y || !u)
-      return {
-        startHour: C.start,
-        endHour: C.end
-      };
-    let m = 24, j = 0;
-    for (const ee of Object.keys(u)) {
-      const de = u[Number(ee)];
-      !de || de.enabled === !1 || (de.from < m && (m = de.from), de.to > j && (j = de.to));
-    }
-    return m >= j ? {
-      startHour: C.start,
-      endHour: C.end
-    } : { startHour: m, endHour: j };
-  }, [y, u, C]), G = O, U = ae(null);
-  Dt(
-    R,
-    () => ({
-      scrollToToday: () => {
-        const m = /* @__PURE__ */ new Date();
-        K(m, M), requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            const j = U.current?.querySelector(
-              ".ic-timeline-scroll-container, [class*='overflow-auto']"
-            );
-            if (!j) return;
-            const ze = (m.getHours() - O.startHour) * 96;
-            ze > 0 && j.scrollTo({
-              top: Math.max(0, ze - 100),
-              // Offset to show some context
-              behavior: "smooth"
-            });
-          });
-        });
-      },
-      scrollToWorkingHours: () => {
-        let m = 8;
-        if (u)
-          for (const j of Object.keys(u)) {
-            const ee = u[Number(j)];
-            ee?.enabled && ee.from < m && (m = Math.max(ee.from - 1, 0));
-          }
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            const j = U.current?.querySelector(
-              ".ic-timeline-scroll-container, [class*='overflow-auto']"
-            );
-            if (!j) return;
-            const de = (m - O.startHour) * 96;
-            j.scrollTo({
-              top: Math.max(0, de),
-              behavior: "smooth"
-            });
-          });
-        });
-      },
-      getViewRect: () => U.current?.getBoundingClientRect() ?? null,
-      focusEvent: (m) => {
-        V(), requestAnimationFrame(() => {
-          V();
-        });
-        const j = U.current?.querySelector(
-          `[data-event-id="${m}"]`
-        );
-        j && setTimeout(() => j.click(), 150);
-      }
-    }),
-    [
-      K,
-      M,
-      O,
-      u,
-      V
-    ]
-  );
-  const se = re(() => An(M), [M]), Z = B(
-    (m) => {
-      if (a) {
-        a(m);
-        return;
-      }
-      if (n) {
-        const j = m.startDate.getHours();
-        n(m.startDate, j);
-      }
-    },
-    [a, n]
-  ), me = B(
-    (m) => {
-      _("day"), K(m, "day");
-    },
-    [K, _]
-  ), Ne = B(
-    (m) => {
-      _("month"), K(m, "month");
-    },
-    [K, _]
-  ), te = B(
-    (m) => {
-      t?.(m);
-    },
-    [t]
-  ), ce = B(
-    (m, j, ee) => {
-      n?.(m, j);
-    },
-    [n]
-  ), fe = () => {
-    const m = Y, j = te, ee = F;
-    switch (M) {
-      case "day":
-        return /* @__PURE__ */ e(
-          Ht,
-          {
-            events: m,
-            date: A,
-            visibleHours: G,
-            workingHours: u,
-            slotDuration: q,
-            badgeVariant: N,
-            onEventClick: j,
-            renderPopover: ee,
-            ...b && { slots: b },
-            ...w && { classNames: w }
-          }
-        );
-      case "week":
-        return /* @__PURE__ */ e(
-          It,
-          {
-            events: m,
-            date: A,
-            visibleHours: G,
-            workingHours: u,
-            slotDuration: q,
-            badgeVariant: N,
-            onEventClick: j,
-            renderPopover: ee,
-            ...b && { slots: b },
-            ...w && { classNames: w }
-          }
-        );
-      case "month":
-        return /* @__PURE__ */ e(
-          Ke,
-          {
-            events: m,
-            date: A,
-            badgeVariant: N,
-            onEventClick: j,
-            onDayClick: me,
-            renderPopover: ee,
-            showMoreMode: X,
-            ...b && { slots: b },
-            ...w && { classNames: w }
-          }
-        );
-      case "year":
-        return /* @__PURE__ */ e(
-          Dn,
-          {
-            events: m,
-            year: A.getFullYear(),
-            onMonthClick: Ne,
-            onDayClick: me,
-            ...b && { slots: b },
-            ...w && { classNames: w }
-          }
-        );
-      case "agenda":
-        return /* @__PURE__ */ e(
-          Tt,
-          {
-            events: m,
-            date: A,
-            onEventClick: j,
-            renderPopover: ee,
-            ...b && { slots: b },
-            ...w && { classNames: w }
-          }
-        );
-      // Resource views — delegate to TimelineView with matching day count
-      case "resource-day":
-        return /* @__PURE__ */ e(
-          Te,
-          {
-            daysToShow: 1,
-            events: m,
-            users: g,
-            ...s && { alwaysShowResources: s },
-            selectedDate: A,
-            visibleHours: {
-              from: O.startHour,
-              to: O.endHour
-            },
-            onEventClick: j,
-            onSlotSelect: Z,
-            onSlotClick: ce,
-            renderPopover: ee,
-            ...b && { slots: b },
-            ...w && { classNames: w },
-            ...L && { resourceColumnConfig: L }
-          }
-        );
-      case "resource-week":
-        return /* @__PURE__ */ e(
-          Te,
-          {
-            daysToShow: 7,
-            events: m,
-            users: g,
-            ...s && { alwaysShowResources: s },
-            selectedDate: A,
-            visibleHours: {
-              from: O.startHour,
-              to: O.endHour
-            },
-            onEventClick: j,
-            onSlotSelect: Z,
-            onSlotClick: ce,
-            renderPopover: ee,
-            ...b && { slots: b },
-            ...w && { classNames: w },
-            ...L && { resourceColumnConfig: L }
-          }
-        );
-      // Timeline views
-      case "timeline-day":
-        return /* @__PURE__ */ e(
-          Te,
-          {
-            daysToShow: 1,
-            events: m,
-            users: g,
-            ...s && { alwaysShowResources: s },
-            selectedDate: A,
-            visibleHours: {
-              from: O.startHour,
-              to: O.endHour
-            },
-            onEventClick: j,
-            onSlotSelect: Z,
-            onSlotClick: ce,
-            renderPopover: ee,
-            ...b && { slots: b },
-            ...w && { classNames: w },
-            ...L && { resourceColumnConfig: L }
-          }
-        );
-      case "timeline-3day":
-        return /* @__PURE__ */ e(
-          Te,
-          {
-            daysToShow: 3,
-            events: m,
-            users: g,
-            ...s && { alwaysShowResources: s },
-            selectedDate: A,
-            visibleHours: {
-              from: O.startHour,
-              to: O.endHour
-            },
-            onEventClick: j,
-            onSlotSelect: Z,
-            onSlotClick: ce,
-            renderPopover: ee,
-            ...b && { slots: b },
-            ...w && { classNames: w },
-            ...L && { resourceColumnConfig: L }
-          }
-        );
-      case "timeline-week":
-        return /* @__PURE__ */ e(
-          Te,
-          {
-            daysToShow: 7,
-            events: m,
-            users: g,
-            ...s && { alwaysShowResources: s },
-            selectedDate: A,
-            visibleHours: {
-              from: O.startHour,
-              to: O.endHour
-            },
-            onEventClick: j,
-            onSlotSelect: Z,
-            onSlotClick: ce,
-            renderPopover: ee,
-            ...b && { slots: b },
-            ...w && { classNames: w },
-            ...L && { resourceColumnConfig: L }
-          }
-        );
-      default:
-        return /* @__PURE__ */ e(
-          Ke,
-          {
-            events: m,
-            date: A,
-            badgeVariant: N,
-            onEventClick: j,
-            onDayClick: me,
-            ...b && { slots: b },
-            ...w && { classNames: w }
-          }
-        );
-    }
-  }, J = ae(null);
-  return he(() => {
-    U.current = J.current;
-  }), /* @__PURE__ */ e(
-    _t,
-    {
-      mode: se,
-      onSelect: Z,
-      minDurationMinutes: h,
-      slotDurationMinutes: q,
-      enabled: !!(a || n),
-      children: /* @__PURE__ */ r(
-        "div",
-        {
-          className: f(
-            "inno-calendar-root flex flex-col h-full p-4",
-            w?.root,
-            l
-          ),
-          children: [
-            p && /* @__PURE__ */ e(
-              St,
-              {
-                currentDate: A,
-                view: M,
-                events: Y,
-                onViewChange: _,
-                onNavigateToday: () => K(/* @__PURE__ */ new Date(), M),
-                onNavigatePrev: () => {
-                  const m = new Date(A);
-                  M === "day" || M === "timeline-day" || M === "resource-day" ? m.setDate(m.getDate() - 1) : M === "timeline-3day" ? m.setDate(m.getDate() - 3) : M === "week" || M === "timeline-week" || M === "resource-week" ? m.setDate(m.getDate() - 7) : M === "month" ? m.setMonth(m.getMonth() - 1) : M === "year" ? m.setFullYear(m.getFullYear() - 1) : m.setDate(m.getDate() - 7), K(m, M);
-                },
-                onNavigateNext: () => {
-                  const m = new Date(A);
-                  M === "day" || M === "timeline-day" || M === "resource-day" ? m.setDate(m.getDate() + 1) : M === "timeline-3day" ? m.setDate(m.getDate() + 3) : M === "week" || M === "timeline-week" || M === "resource-week" ? m.setDate(m.getDate() + 7) : M === "month" ? m.setMonth(m.getMonth() + 1) : M === "year" ? m.setFullYear(m.getFullYear() + 1) : m.setDate(m.getDate() + 7), K(m, M);
-                },
-                availableViews: [
-                  "day",
-                  "week",
-                  "month",
-                  // 'year', NOTE: Intentionally blocked cause it would severe performance issues when there are many events
-                  "agenda"
-                ],
-                showTimelineViews: !0,
-                showSettings: !!P,
-                ...!$ && o && { onAddEvent: o },
-                actions: $,
-                settingsContent: P,
-                filterContent: S,
-                ...I && { headerConfig: I }
-              }
-            ),
-            /* @__PURE__ */ r("div", { className: "relative flex-1 min-h-0", children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  ref: J,
-                  className: f(
-                    "h-full border rounded-lg bg-white overflow-x-auto",
-                    w?.viewContainer
-                  ),
-                  children: fe()
-                }
-              ),
-              H && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
-              /* @__PURE__ */ e(zn, { containerRef: J, currentDate: A })
-            ] })
-          ]
-        }
-      )
-    }
-  );
-}
-function Pn({
-  events: t,
-  users: n = [],
-  alwaysShowResources: a,
-  scheduleTypes: o = [],
-  initialView: s,
-  initialDate: l,
-  initialSelectedUserId: p,
-  initialScheduleTypeIds: h,
-  initialParticipantIds: c,
-  initialWorkingHoursView: v,
-  initialSearchQuery: H,
-  preferencesConfig: b,
-  onEventClick: w,
-  onSlotClick: P,
-  onSlotSelect: S,
-  onAddEvent: $,
-  onEventDrop: F,
-  onDateChange: R,
-  onViewChange: I,
-  className: L,
-  showHeader: W = !0,
-  minSelectionMinutes: z = 30,
-  showMoreMode: X,
-  showMoreEventsInPopover: M = !1,
-  isLoading: _ = !1,
-  renderPopover: A,
-  slots: K,
-  classNames: q,
-  settingsContent: Y,
-  filterContent: g,
-  headerActions: C,
-  focusEventId: u,
-  headerConfig: N,
-  resourceColumnConfig: y,
-  viewPersistence: V,
-  eventDetailMode: O,
-  renderEventDetail: G
-}, U) {
-  return /* @__PURE__ */ e(jt, { ...F && { onEventDrop: F }, children: /* @__PURE__ */ e(
-    Pt,
-    {
-      initialEvents: t,
-      initialUsers: n,
-      initialScheduleTypes: o,
-      ...s && { initialView: s },
-      ...l && { initialDate: l },
-      ...p && { initialSelectedUserId: p },
-      ...h && { initialScheduleTypeIds: h },
-      ...c && { initialParticipantIds: c },
-      ...v && { initialWorkingHoursView: v },
-      ...H && { initialSearchQuery: H },
-      ...b && { preferencesConfig: b },
-      ...R && { onDateChange: R },
-      ...I && { onViewChange: I },
-      ...u && { initialFocusEventId: u },
-      ...V && { viewPersistence: V },
-      children: /* @__PURE__ */ e(
-        jn,
-        {
-          ...w && { onEventClick: w },
-          ...P && { onSlotClick: P },
-          ...S && { onSlotSelect: S },
-          ...$ && { onAddEvent: $ },
-          ...a && { alwaysShowResources: a },
-          ...A && { renderPopover: A },
-          className: L,
-          showHeader: W,
-          minSelectionMinutes: z,
-          ...X && { showMoreMode: X },
-          showMoreEventsInPopover: M,
-          isLoading: _,
-          ...K && { slots: K },
-          ...q && { classNames: q },
-          settingsContent: Y,
-          filterContent: g,
-          headerActions: C,
-          calendarRef: U,
-          ...N && { headerConfig: N },
-          ...y && { resourceColumnConfig: y },
-          ...O && { eventDetailMode: O },
-          ...G && { renderEventDetail: G }
-        }
-      )
-    }
-  ) });
-}
-const zr = We(Pn), be = We(
-  ({ className: t, children: n, ...a }, o) => /* @__PURE__ */ e(
-    "select",
-    {
-      ref: o,
-      className: f(
-        "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm",
-        "ring-offset-background",
-        "focus:outline-none focus:ring-1 focus:ring-ring",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        "[&>option]:bg-background",
-        t
-      ),
-      ...a,
-      children: n
-    }
-  )
-);
-be.displayName = "Select";
-const ge = We(({ className: t, ...n }, a) => /* @__PURE__ */ e(
-  "label",
-  {
-    ref: a,
-    className: f(
-      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      t
-    ),
-    ...n
-  }
-));
-ge.displayName = "Label";
-function Wn({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
-        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
-      ]
-    }
-  );
-}
-function _n({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-      ]
-    }
-  );
-}
-const $n = [
-  { value: 15, label: "15 minutes" },
-  { value: 30, label: "30 minutes" },
-  { value: 60, label: "1 hour" }
-];
-function Ar({
-  value: t,
-  onChange: n,
-  isLocked: a = !1,
-  className: o,
-  labels: s = {}
-}) {
-  const l = {
-    title: "Slot duration",
-    lockedMessage: "This setting is locked by the administrator",
-    infoMessage: "Set the time slot duration for day and week calendar views.",
-    ...s
-  }, p = (h) => {
-    a || n(Number(h.target.value));
-  };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", o), children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(ge, { className: "text-sm font-semibold", children: l.title }),
-      a ? /* @__PURE__ */ e(pe, { delayDuration: 100, children: /* @__PURE__ */ r(xe, { children: [
-        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(_n, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(pe, { delayDuration: 100, children: /* @__PURE__ */ r(xe, { children: [
-        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(Wn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(we, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(
-      be,
-      {
-        value: t.toString(),
-        onChange: p,
-        disabled: a,
-        className: "h-9 w-[128px] text-sm",
-        children: $n.map((h) => /* @__PURE__ */ e("option", { value: h.value.toString(), children: h.label }, h.value))
-      }
-    )
-  ] });
-}
-function Fn({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
-        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
-      ]
-    }
-  );
-}
-function On({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-      ]
-    }
-  );
-}
-const Bn = [
-  { value: "dot", label: "Dot indicator" },
-  { value: "colored", label: "Full color" },
-  { value: "mixed", label: "Mixed" }
-];
-function jr({
-  value: t,
-  onChange: n,
-  isLocked: a = !1,
-  className: o,
-  labels: s = {}
-}) {
-  const l = {
-    title: "Event display",
-    lockedMessage: "This setting is locked by the administrator",
-    infoMessage: "Choose how events are displayed. Dot shows a small indicator, colored fills the entire event, mixed uses both.",
-    options: {
-      dot: "Dot indicator",
-      colored: "Full color",
-      mixed: "Mixed"
-    },
-    ...s
-  }, p = (c) => l.options?.[c] ?? c, h = (c) => {
-    a || n(c.target.value);
-  };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", o), children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(ge, { className: "text-sm font-semibold", children: l.title }),
-      a ? /* @__PURE__ */ e(pe, { delayDuration: 100, children: /* @__PURE__ */ r(xe, { children: [
-        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(On, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(pe, { delayDuration: 100, children: /* @__PURE__ */ r(xe, { children: [
-        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(Fn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(we, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(
-      be,
-      {
-        value: t,
-        onChange: h,
-        disabled: a,
-        className: "h-9 w-[128px] text-sm",
-        children: Bn.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: p(c.value) }, c.value))
-      }
-    )
-  ] });
-}
-function Rn({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
-        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
-      ]
-    }
-  );
-}
-function Un({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-      ]
-    }
-  );
-}
-function Vn() {
-  return Array.from({ length: 25 }, (t, n) => ({
-    value: n,
-    label: `${String(n).padStart(2, "0")}:00`
-  }));
-}
-function Pr({
-  value: t,
-  onChange: n,
-  isLocked: a = !1,
-  className: o,
-  labels: s = {}
-}) {
-  const l = {
-    title: "Visible hours",
-    from: "From",
-    to: "To",
-    lockedMessage: "This setting is locked by the administrator",
-    infoMessage: "Set the visible hour range for day and week views. Hours outside this range will be hidden.",
-    ...s
-  }, p = Vn(), h = (v) => {
-    if (a) return;
-    const H = Number(v.target.value);
-    H < t.endHour && n({ ...t, startHour: H });
-  }, c = (v) => {
-    if (a) return;
-    const H = Number(v.target.value);
-    H > t.startHour && n({ ...t, endHour: H });
-  };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", o), children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(ge, { className: "text-sm font-semibold", children: l.title }),
-      a ? /* @__PURE__ */ e(pe, { delayDuration: 100, children: /* @__PURE__ */ r(xe, { children: [
-        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(Un, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(pe, { delayDuration: 100, children: /* @__PURE__ */ r(xe, { children: [
-        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(Rn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(we, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(ge, { className: "text-xs text-muted-foreground", children: l.from }),
-        /* @__PURE__ */ e(
-          be,
-          {
-            value: t.startHour.toString(),
-            onChange: h,
-            disabled: a,
-            className: "h-9 w-[88px] text-sm",
-            children: p.map((v) => /* @__PURE__ */ e(
-              "option",
-              {
-                value: v.value.toString(),
-                disabled: v.value >= t.endHour,
-                children: v.label
-              },
-              v.value
-            ))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
-      /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(ge, { className: "text-xs text-muted-foreground", children: l.to }),
-        /* @__PURE__ */ e(
-          be,
-          {
-            value: t.endHour.toString(),
-            onChange: c,
-            disabled: a,
-            className: "h-9 w-[88px] text-sm",
-            children: p.map((v) => /* @__PURE__ */ e(
-              "option",
-              {
-                value: v.value.toString(),
-                disabled: v.value <= t.startHour,
-                children: v.label
-              },
-              v.value
-            ))
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function Yn({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
-        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
-      ]
-    }
-  );
-}
-function Kn({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-      ]
-    }
-  );
-}
-function qn({ className: t }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
-    }
-  );
-}
-const Gn = [
-  "monday",
-  "tuesday",
-  "wednesday",
-  "thursday",
-  "friday",
-  "saturday",
-  "sunday"
-];
-function Jn() {
-  return Array.from({ length: 25 }, (t, n) => ({
-    value: n,
-    label: `${String(n).padStart(2, "0")}:00`
-  }));
-}
-const ot = {
-  sunday: "Sun",
-  monday: "Mon",
-  tuesday: "Tue",
-  wednesday: "Wed",
-  thursday: "Thu",
-  friday: "Fri",
-  saturday: "Sat"
-};
-function Xn({ dayLabel: t, config: n, onChange: a, disabled: o, hourOptions: s }) {
-  const l = () => {
-    o || a({ ...n, enabled: !n.enabled });
-  }, p = (c) => {
-    if (o) return;
-    const v = Number(c.target.value);
-    v < n.to && a({ ...n, from: v });
-  }, h = (c) => {
-    if (o) return;
-    const v = Number(c.target.value);
-    v > n.from && a({ ...n, to: v });
-  };
-  return /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        role: "checkbox",
-        "aria-checked": n.enabled,
-        "aria-label": `Enable ${t}`,
-        onClick: l,
-        disabled: o,
-        className: f(
-          "flex size-5 shrink-0 items-center justify-center rounded border transition-colors",
-          n.enabled ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background",
-          o && "cursor-not-allowed opacity-50"
-        ),
-        children: n.enabled && /* @__PURE__ */ e(qn, { className: "size-3" })
-      }
-    ),
-    /* @__PURE__ */ e("span", { className: f("w-10 text-sm", !n.enabled && "text-muted-foreground"), children: t }),
-    /* @__PURE__ */ e(
-      be,
-      {
-        value: n.from.toString(),
-        onChange: p,
-        disabled: o || !n.enabled,
-        className: "h-8 w-[76px] text-xs",
-        children: s.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value >= n.to, children: c.label }, c.value))
-      }
-    ),
-    /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
-    /* @__PURE__ */ e(
-      be,
-      {
-        value: n.to.toString(),
-        onChange: h,
-        disabled: o || !n.enabled,
-        className: "h-8 w-[76px] text-xs",
-        children: s.map((c) => /* @__PURE__ */ e("option", { value: c.value.toString(), disabled: c.value <= n.from, children: c.label }, c.value))
-      }
-    )
-  ] });
-}
-function Wr({
-  value: t,
-  onChange: n,
-  isLocked: a = !1,
-  className: o,
-  labels: s = {}
-}) {
-  const l = {
-    title: "Working hours",
-    lockedMessage: "This setting is locked by the administrator",
-    infoMessage: "Configure working hours for each day of the week. Non-working hours will be grayed out in day and week views.",
-    days: ot,
-    ...s
-  }, p = Jn(), h = (c, v) => {
-    a || n({ ...t, [c]: v });
-  };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-3", o), children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(ge, { className: "text-sm font-semibold", children: l.title }),
-      a ? /* @__PURE__ */ e(pe, { delayDuration: 100, children: /* @__PURE__ */ r(xe, { children: [
-        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(Kn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(pe, { delayDuration: 100, children: /* @__PURE__ */ r(xe, { children: [
-        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(Yn, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(we, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: Gn.map((c) => /* @__PURE__ */ e(
-      Xn,
-      {
-        dayLabel: l.days?.[c] ?? ot[c],
-        config: t[c],
-        onChange: (v) => h(c, v),
-        disabled: a,
-        hourOptions: p
-      },
-      c
-    )) })
-  ] });
-}
-const _r = {
-  sunday: { enabled: !1, from: 8, to: 18 },
-  monday: { enabled: !0, from: 8, to: 18 },
-  tuesday: { enabled: !0, from: 8, to: 18 },
-  wednesday: { enabled: !0, from: 8, to: 18 },
-  thursday: { enabled: !0, from: 8, to: 18 },
-  friday: { enabled: !0, from: 8, to: 18 },
-  saturday: { enabled: !1, from: 8, to: 18 }
-};
-function Re({ className: t }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "3",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
-    }
-  );
-}
-function Qn({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
-      ]
-    }
-  );
-}
-function Zn({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-      ]
-    }
-  );
-}
-function Ue({ checked: t, onCheckedChange: n, className: a, children: o }) {
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      role: "checkbox",
-      "aria-checked": t,
-      onClick: () => n(!t),
-      className: a,
-      children: o
-    }
-  );
-}
-function er({ src: t, alt: n, fallback: a, className: o }) {
-  const [s, l] = le(!1);
-  return !t || s ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: f(
-        "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
-        o
-      ),
-      children: a || "?"
-    }
-  ) : /* @__PURE__ */ e(
-    "img",
-    {
-      src: t,
-      alt: n || "",
-      className: f("object-cover", o),
-      onError: () => l(!0)
-    }
-  );
-}
-function at({ value: t, onChange: n, placeholder: a, className: o }) {
-  return /* @__PURE__ */ r("div", { className: f("relative", o), children: [
-    /* @__PURE__ */ e(Qn, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-    /* @__PURE__ */ e(
-      "input",
-      {
-        type: "text",
-        value: t,
-        onChange: (s) => n(s.target.value),
-        placeholder: a,
-        className: "h-9 w-full rounded-lg border border-border bg-white pl-9 pr-3 text-sm placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-      }
-    )
-  ] });
-}
-function st(t, n, a, o = 0.3) {
-  if (!n.trim()) return t;
-  const s = n.toLowerCase();
-  return t.filter((l) => a(l).some((h) => h ? h.toLowerCase().includes(s) : !1));
-}
-const tr = {
-  title: "Filters",
-  subtitle: "Filter calendar events",
-  scheduleTypes: "Event Types",
-  participants: "Participants",
-  clearAll: "Clear all",
-  selectAll: "Select all",
-  unselectAll: "Unselect all",
-  searchScheduleTypes: "Search event types...",
-  searchParticipants: "Search participants...",
-  noScheduleTypes: "No event types found",
-  noParticipants: "No participants found"
-};
-function $r({
-  scheduleTypes: t,
-  users: n,
-  selectedScheduleTypeIds: a,
-  onScheduleTypeChange: o,
-  selectedUserIds: s,
-  onUserChange: l,
-  onClearAll: p,
-  className: h,
-  scheduleTypesLoading: c = !1,
-  usersLoading: v = !1,
-  labels: H,
-  getScheduleTypeName: b
-}) {
-  const w = { ...tr, ...H }, [P, S] = le(""), [$, F] = le(""), R = re(() => P.trim() ? st(t, P, (g) => [
-    g.name,
-    b?.(g) || g.name
-  ]) : t, [t, P, b]), I = re(() => $.trim() ? st(n, $, (g) => [g.name, g.email || ""]) : n, [n, $]), L = R.length > 0 && R.every((g) => a.includes(g.id)), W = I.length > 0 && I.every((g) => s.includes(g.id)), z = a.length + s.length, X = (g, C) => {
-    const u = C ? [...a, g] : a.filter((N) => N !== g);
-    o(u);
-  }, M = () => {
-    if (L) {
-      const g = new Set(R.map((C) => C.id));
-      o(a.filter((C) => !g.has(C)));
-    } else {
-      const g = /* @__PURE__ */ new Set([
-        ...a,
-        ...R.map((C) => C.id)
-      ]);
-      o(Array.from(g));
-    }
-  }, _ = (g, C) => {
-    const u = C ? [...s, g] : s.filter((N) => N !== g);
-    l(u);
-  }, A = () => {
-    if (W) {
-      const g = new Set(I.map((C) => C.id));
-      l(s.filter((C) => !g.has(C)));
-    } else {
-      const g = /* @__PURE__ */ new Set([...s, ...I.map((C) => C.id)]);
-      l(Array.from(g));
-    }
-  }, K = () => {
-    o([]), l([]), p?.();
-  }, q = (g) => b ? b(g) : g.name, Y = (g) => g.colorHex || g.color || "#069AD7";
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: f(
-        "flex min-w-72 max-w-72 flex-col rounded-lg border bg-white shadow-sm",
-        h
-      ),
-      children: [
-        /* @__PURE__ */ r("header", { className: "flex items-start justify-between gap-2 px-4 pb-2 pt-4", children: [
-          /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: w.title }),
-            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: w.subtitle })
-          ] }),
-          z > 0 && /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              onClick: K,
-              className: "flex h-auto items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-destructive transition-colors hover:bg-destructive/10",
-              children: [
-                /* @__PURE__ */ e(Zn, { className: "h-3.5 w-3.5" }),
-                w.clearAll
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
-        /* @__PURE__ */ r("section", { className: "flex flex-col", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: w.scheduleTypes }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                onClick: M,
-                className: "text-xs font-medium text-primary transition-colors hover:text-primary/80",
-                children: L ? w.unselectAll : w.selectAll
-              }
-            )
-          ] }),
-          t.length > 6 && /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            at,
-            {
-              value: P,
-              onChange: S,
-              placeholder: w.searchScheduleTypes
-            }
-          ) }),
-          /* @__PURE__ */ r("div", { className: "flex max-h-[220px] flex-col gap-2 overflow-y-auto px-4 pb-2 scrollbar-thin", children: [
-            c ? (
-              // Loading skeletons
-              Array.from({ length: 4 }).map((g, C) => /* @__PURE__ */ r(
-                "div",
-                {
-                  className: "flex animate-pulse items-center gap-2 rounded-md border border-border/60 bg-muted/40 p-2",
-                  children: [
-                    /* @__PURE__ */ e("div", { className: "h-5 w-5 rounded bg-muted-foreground/20" }),
-                    /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" })
-                  ]
-                },
-                `skeleton-${C}`
-              ))
-            ) : R.map((g) => {
-              const C = a.includes(g.id), u = Y(g);
-              return /* @__PURE__ */ r(
-                Ue,
-                {
-                  checked: C,
-                  onCheckedChange: (N) => X(g.id, N),
-                  className: f(
-                    "relative flex w-full cursor-pointer items-center justify-between gap-3 rounded-md border border-border bg-white px-3 py-2 transition-colors hover:border-primary/50",
-                    C && "border-primary bg-primary/5"
-                  ),
-                  children: [
-                    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ e(
-                        "span",
-                        {
-                          className: f(
-                            "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
-                            C && "border-primary bg-primary text-primary-foreground"
-                          ),
-                          children: C && /* @__PURE__ */ e(Re, { className: "h-3 w-3" })
-                        }
-                      ),
-                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: q(g) })
-                    ] }),
-                    /* @__PURE__ */ e(
-                      "div",
-                      {
-                        className: "h-4 w-4 rounded-full border",
-                        style: {
-                          backgroundColor: u,
-                          borderColor: u
-                        }
-                      }
-                    )
-                  ]
-                },
-                g.id
-              );
-            }),
-            !c && R.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: w.noScheduleTypes })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
-        /* @__PURE__ */ r("section", { className: "flex flex-col", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: w.participants }),
-            /* @__PURE__ */ e(
-              Ue,
-              {
-                checked: W,
-                onCheckedChange: () => A(),
-                className: f(
-                  "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
-                  W && "border-primary bg-primary text-primary-foreground"
-                ),
-                children: W && /* @__PURE__ */ e(Re, { className: "h-3.5 w-3.5" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            at,
-            {
-              value: $,
-              onChange: F,
-              placeholder: w.searchParticipants
-            }
-          ) }),
-          /* @__PURE__ */ r("div", { className: "flex max-h-[400px] flex-col gap-2 overflow-y-auto px-4 pb-4 scrollbar-thin", children: [
-            v ? (
-              // Loading skeletons
-              Array.from({ length: 4 }).map((g, C) => /* @__PURE__ */ r(
-                "div",
-                {
-                  className: "flex animate-pulse items-center gap-3 rounded-md border border-border/60 bg-muted/40 p-3",
-                  children: [
-                    /* @__PURE__ */ e("div", { className: "h-5 w-5 rounded bg-muted-foreground/20" }),
-                    /* @__PURE__ */ e("div", { className: "h-10 w-10 rounded-full bg-muted-foreground/20" }),
-                    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" }),
-                      /* @__PURE__ */ e("div", { className: "h-2 w-32 rounded bg-muted-foreground/10" })
-                    ] })
-                  ]
-                },
-                `p-skeleton-${C}`
-              ))
-            ) : I.map((g) => {
-              const C = s.includes(g.id);
-              return /* @__PURE__ */ r(
-                Ue,
-                {
-                  checked: C,
-                  onCheckedChange: (u) => _(g.id, u),
-                  className: f(
-                    "relative flex w-full cursor-pointer items-start gap-2 rounded-lg border border-border bg-white p-2 transition-colors hover:border-primary/50",
-                    C && "border-primary bg-zinc-50"
-                  ),
-                  children: [
-                    /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: f(
-                          "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
-                          C && "border-primary bg-primary text-primary-foreground"
-                        ),
-                        children: C && /* @__PURE__ */ e(Re, { className: "h-2.5 w-2.5" })
-                      }
-                    ),
-                    /* @__PURE__ */ r("div", { className: "flex flex-1 items-start gap-2", children: [
-                      /* @__PURE__ */ e(
-                        er,
-                        {
-                          src: g.avatar ?? null,
-                          alt: g.name,
-                          fallback: g.name?.[0]?.toUpperCase() ?? "?",
-                          className: "h-10 w-10 rounded-lg"
-                        }
-                      ),
-                      /* @__PURE__ */ r("div", { className: "flex max-w-[140px] flex-col gap-0.5 overflow-hidden", children: [
-                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: g.name }),
-                        /* @__PURE__ */ e(
-                          "span",
-                          {
-                            className: "truncate text-[11px] text-muted-foreground",
-                            title: g.email,
-                            children: g.email
-                          }
-                        )
-                      ] })
-                    ] })
-                  ]
-                },
-                g.id
-              );
-            }),
-            !v && I.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: w.noParticipants })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function nr({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }),
-        /* @__PURE__ */ e("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
-      ]
-    }
-  );
-}
-function Fr({
-  scheduleTypes: t,
-  value: n,
-  onChange: a,
-  allLabel: o = "All types",
-  className: s,
-  label: l
-}) {
-  const p = (c) => {
-    a(c.target.value);
-  }, h = t.find((c) => String(c.id) === n);
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-1", s), children: [
-    l && /* @__PURE__ */ e(ge, { className: "text-xs text-muted-foreground", children: l }),
-    /* @__PURE__ */ r("div", { className: "relative", children: [
-      h ? /* @__PURE__ */ e(
-        "span",
-        {
-          className: "pointer-events-none absolute left-2.5 top-1/2 size-3 -translate-y-1/2 rounded-full",
-          style: { backgroundColor: h.color }
-        }
-      ) : /* @__PURE__ */ e(nr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ r(
-        be,
-        {
-          value: n,
-          onChange: p,
-          className: "h-9 w-full min-w-[140px] pl-8 pr-8 text-sm",
-          children: [
-            /* @__PURE__ */ e("option", { value: "all", children: o }),
-            t.map((c) => /* @__PURE__ */ e("option", { value: String(c.id), children: c.label }, c.id))
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function rr({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
-        /* @__PURE__ */ e("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-        /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
-      ]
-    }
-  );
-}
-function Or({
-  users: t,
-  value: n,
-  onChange: a,
-  allLabel: o = "All users",
-  className: s,
-  label: l
-}) {
-  const p = (h) => {
-    a(h.target.value);
-  };
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col gap-1", s), children: [
-    l && /* @__PURE__ */ e(ge, { className: "text-xs text-muted-foreground", children: l }),
-    /* @__PURE__ */ r("div", { className: "relative", children: [
-      /* @__PURE__ */ e(rr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ r(
-        be,
-        {
-          value: n,
-          onChange: p,
-          className: "h-9 w-full min-w-[120px] pl-8 pr-8 text-sm",
-          children: [
-            /* @__PURE__ */ e("option", { value: "all", children: o }),
-            t.map((h) => /* @__PURE__ */ e("option", { value: h.id, children: h.name }, h.id))
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function or({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 1.8,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
-        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
-        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
-        /* @__PURE__ */ e("path", { d: "M3 10h18" }),
-        /* @__PURE__ */ e("path", { d: "M8 14h.01" }),
-        /* @__PURE__ */ e("path", { d: "M12 14h.01" }),
-        /* @__PURE__ */ e("path", { d: "M16 14h.01" }),
-        /* @__PURE__ */ e("path", { d: "M8 18h.01" }),
-        /* @__PURE__ */ e("path", { d: "M12 18h.01" }),
-        /* @__PURE__ */ e("path", { d: "M16 18h.01" })
-      ]
-    }
-  );
-}
-function ar({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5" }),
-        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
-        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
-        /* @__PURE__ */ e("path", { d: "M3 10h5" }),
-        /* @__PURE__ */ e("path", { d: "M17.5 17.5 16 16.3V14" }),
-        /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "6" })
-      ]
-    }
-  );
-}
-function sr({ className: t }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
-    }
-  );
-}
-function ir({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M15 3h6v6" }),
-        /* @__PURE__ */ e("path", { d: "M10 14 21 3" }),
-        /* @__PURE__ */ e("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
-      ]
-    }
-  );
-}
-function lr(t) {
-  const n = t.getFullYear(), a = String(t.getMonth() + 1).padStart(2, "0"), o = String(t.getDate()).padStart(2, "0");
-  return `${n}-${a}-${o}`;
-}
-function it(t) {
-  const n = t.getHours(), a = t.getMinutes(), o = n >= 12 ? "PM" : "AM", s = n % 12 || 12, l = String(a).padStart(2, "0");
-  return `${s}:${l} ${o}`;
-}
-function cr(t) {
-  const n = it(t.startDate), a = it(t.endDate);
-  return `${n} - ${a}`;
-}
-function dr(t) {
-  const n = gt(/* @__PURE__ */ new Date(), 1);
-  return t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
-}
-function ur(t) {
-  if (ue(t)) return "Today";
-  if (dr(t)) return "Tomorrow";
-  const n = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], a = [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ], o = n[t.getDay()], s = a[t.getMonth()], l = t.getDate();
-  return `${o}, ${s} ${l}`;
-}
-function hr(t, n) {
-  const a = /* @__PURE__ */ new Map();
-  for (const o of t) {
-    const s = lr(o.startDate), l = a.get(s) ?? [];
-    l.push(o), a.set(s, l);
-  }
-  return Array.from(a.entries()).map(([o, s]) => {
-    const l = [...s].sort(
-      (h, c) => h.startDate.getTime() - c.startDate.getTime()
-    ), p = n > 0 ? l.slice(0, n) : l;
-    return {
-      date: new Date(o),
-      dateKey: o,
-      events: p,
-      hasMore: n > 0 && l.length > n
-    };
-  }).sort((o, s) => o.date.getTime() - s.date.getTime());
-}
-function mr(t) {
-  const n = _e(/* @__PURE__ */ new Date()), a = ft(/* @__PURE__ */ new Date());
-  return t.filter((o) => o.startDate >= n && o.startDate <= a).length;
-}
-function Ve({ className: t }) {
-  return /* @__PURE__ */ e("div", { className: f("animate-pulse rounded-md bg-muted", t) });
-}
-function fr({ event: t, onClick: n }) {
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      onClick: () => n?.(t),
-      className: f(
-        "w-full text-left rounded-lg transition-colors",
-        "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        "flex items-start gap-3 p-2"
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "shrink-0 rounded-full mt-1.5 size-2",
-            style: { backgroundColor: t.color ?? "#3b82f6" }
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: "text-sm font-medium truncate", children: t.title }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: cr(t) })
-        ] }),
-        n && /* @__PURE__ */ e(sr, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
-      ]
-    }
-  );
-}
-function gr({ group: t, onEventClick: n }) {
-  return /* @__PURE__ */ r("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
-      /* @__PURE__ */ e("h3", { className: f("text-xs font-semibold", ue(t.date) && "text-primary"), children: ur(t.date) }),
-      t.hasMore && /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground", children: [
-        "+",
-        t.events.length,
-        " more"
-      ] })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((a) => /* @__PURE__ */ e(fr, { event: a, onClick: n }, a.id)) })
-  ] });
-}
-function Br({
-  events: t,
-  isLoading: n = !1,
-  className: a,
-  daysAhead: o = 7,
-  maxEventsPerDay: s = 3,
-  onEventClick: l,
-  onNavigateToAgenda: p
-}) {
-  const [h, c] = le(!1), v = re(() => {
-    const S = _e(/* @__PURE__ */ new Date()), $ = gt(S, o);
-    return t.filter((F) => F.endDate >= S && F.startDate < $);
-  }, [t, o]), H = re(
-    () => hr(v, s),
-    [v, s]
-  ), b = re(() => mr(t), [t]), w = (S) => {
-    c(!1), l?.(S);
-  }, P = () => {
-    c(!1), p?.();
-  };
-  return /* @__PURE__ */ r(ut, { open: h, onOpenChange: c, children: [
-    /* @__PURE__ */ r(
-      ht,
-      {
-        className: f(
-          "relative rounded-xl hover:text-zinc-700 hover:!bg-zinc-300 !bg-zinc-200 text-zinc-600 shadow-none !px-2.5 p-2 max-h-10",
-          a
-        ),
-        children: [
-          /* @__PURE__ */ e(or, { className: "h-4 w-4" }),
-          b > 0 && /* @__PURE__ */ e(
-            zt,
-            {
-              variant: "destructive",
-              className: "absolute -right-4 -top-4 m-3 flex h-5 w-5 items-center justify-center rounded-full bg-primary p-0 text-[10px] font-medium hover:bg-primary",
-              children: b > 99 ? "99+" : b
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ r(mt, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-between border-b p-4", children: [
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Upcoming" }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: b > 0 ? `${b} event${b > 1 ? "s" : ""} today` : "No events today" })
-        ] }),
-        p && /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            onClick: P,
-            className: "text-xs text-primary hover:underline flex items-center gap-1",
-            children: [
-              "View all",
-              /* @__PURE__ */ e(ir, { className: "size-3" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: n ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((S, $) => /* @__PURE__ */ r("div", { className: "flex space-x-3", children: [
-        /* @__PURE__ */ e(Ve, { className: "h-2 w-2 rounded-full mt-2" }),
-        /* @__PURE__ */ r("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ e(Ve, { className: "h-4 w-full" }),
-          /* @__PURE__ */ e(Ve, { className: "h-3 w-3/4" })
-        ] })
-      ] }, $)) }) : H.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
-        /* @__PURE__ */ e(ar, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
-        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No upcoming events" }),
-        /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground/70", children: [
-          "Your schedule is clear for the next ",
-          o,
-          " days"
-        ] })
-      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: H.map((S) => /* @__PURE__ */ e(
-        gr,
-        {
-          group: S,
-          onEventClick: w
-        },
-        S.dateKey
-      )) }) })
-    ] })
-  ] });
-}
-function pr({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5" }),
-        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
-        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
-        /* @__PURE__ */ e("path", { d: "M3 10h5" }),
-        /* @__PURE__ */ e("path", { d: "M17.5 17.5 16 16.25V14" }),
-        /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "6" })
-      ]
-    }
-  );
-}
-function xt({ className: t }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
-    }
-  );
-}
-function xr(t) {
-  const n = /* @__PURE__ */ new Date();
-  return n.setDate(n.getDate() + 1), t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
-}
-function lt(t) {
-  const n = t.getHours(), a = t.getMinutes(), o = n >= 12 ? "PM" : "AM";
-  return `${n % 12 || 12}:${a.toString().padStart(2, "0")} ${o}`;
-}
-function vr(t) {
-  return new Intl.DateTimeFormat("en-US", {
-    weekday: "long",
-    month: "short",
-    day: "numeric"
-  }).format(t);
-}
-function wr(t) {
-  const n = lt(t.startDate), a = lt(t.endDate);
-  return `${n} - ${a}`;
-}
-function br(t) {
-  return ue(t) ? "Today" : xr(t) ? "Tomorrow" : vr(t);
-}
-function yr(t, n) {
-  const a = /* @__PURE__ */ new Map();
-  for (const o of t) {
-    const s = Bt(o.startDate), l = a.get(s) ?? [];
-    l.push(o), a.set(s, l);
-  }
-  return Array.from(a.entries()).map(([o, s]) => {
-    const l = [...s].sort(
-      (h, c) => h.startDate.getTime() - c.startDate.getTime()
-    ), p = n > 0 ? l.slice(0, n) : l;
-    return {
-      date: new Date(o),
-      dateKey: o,
-      events: p,
-      hasMore: n > 0 && l.length > n
-    };
-  }).sort((o, s) => o.date.getTime() - s.date.getTime());
-}
-function kr({ event: t, onClick: n, compact: a }) {
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      onClick: () => n?.(t),
-      className: f(
-        "w-full text-left rounded-lg transition-colors",
-        "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        "flex items-start gap-3",
-        a ? "p-2" : "p-3"
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: f("shrink-0 rounded-full mt-1", a ? "size-2" : "size-2.5"),
-            style: { backgroundColor: t.color ?? "#3b82f6" }
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: f("font-medium truncate", a ? "text-xs" : "text-sm"), children: t.title }),
-          /* @__PURE__ */ e("p", { className: f("text-muted-foreground truncate", a ? "text-[10px]" : "text-xs"), children: wr(t) })
-        ] }),
-        n && /* @__PURE__ */ e(
-          xt,
-          {
-            className: f("shrink-0 text-muted-foreground/50", a ? "size-3" : "size-4")
-          }
-        )
-      ]
-    }
-  );
-}
-function Nr({
-  group: t,
-  onEventClick: n,
-  onViewMore: a,
-  compact: o
-}) {
-  return /* @__PURE__ */ r("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ r("div", { className: f("flex items-center justify-between px-2", o ? "py-1" : "py-1.5"), children: [
-      /* @__PURE__ */ e(
-        "h3",
-        {
-          className: f(
-            "font-semibold",
-            o ? "text-xs" : "text-sm",
-            ue(t.date) && "text-primary"
-          ),
-          children: br(t.date)
-        }
-      ),
-      t.hasMore && a && /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          onClick: () => a(t.date),
-          className: f("text-primary hover:underline", o ? "text-[10px]" : "text-xs"),
-          children: "+more"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((s) => /* @__PURE__ */ e(kr, { event: s, onClick: n, compact: o }, s.id)) })
-  ] });
-}
-function Rr({
-  events: t,
-  daysAhead: n = 7,
-  maxEventsPerDay: a = 3,
-  onEventClick: o,
-  onViewAll: s,
-  className: l,
-  emptyState: p,
-  title: h = "Upcoming",
-  showHeader: c = !0,
-  compact: v = !1
-}) {
-  const H = ct(), b = H?.filteredEvents, w = H?.currentDate ?? /* @__PURE__ */ new Date(), P = t ?? b ?? [], S = re(() => {
-    const R = _e(w), I = new Date(R);
-    return I.setDate(I.getDate() + n), P.filter((L) => L.endDate >= R && L.startDate < I);
-  }, [P, n, w]), $ = re(
-    () => yr(S, a),
-    [S, a]
-  ), F = S.length;
-  return $.length === 0 ? /* @__PURE__ */ r("div", { className: f("rounded-lg border bg-card", l), children: [
-    c && /* @__PURE__ */ e(
-      "div",
-      {
-        className: f(
-          "border-b px-4 flex items-center justify-between",
-          v ? "py-2" : "py-3"
-        ),
-        children: /* @__PURE__ */ e("h2", { className: f("font-semibold", v ? "text-sm" : "text-base"), children: h })
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: f(
-          "flex flex-col items-center justify-center text-center",
-          v ? "py-6 px-4" : "py-10 px-6"
-        ),
-        children: p ?? /* @__PURE__ */ r(ke, { children: [
-          /* @__PURE__ */ e(
-            pr,
-            {
-              className: f("text-muted-foreground/50 mb-2", v ? "size-8" : "size-10")
-            }
-          ),
-          /* @__PURE__ */ e("p", { className: f("text-muted-foreground", v ? "text-xs" : "text-sm"), children: "No upcoming events" })
-        ] })
-      }
-    )
-  ] }) : /* @__PURE__ */ r("div", { className: f("rounded-lg border bg-card overflow-hidden", l), children: [
-    c && /* @__PURE__ */ r(
-      "div",
-      {
-        className: f(
-          "border-b px-4 flex items-center justify-between",
-          v ? "py-2" : "py-3"
-        ),
-        children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("h2", { className: f("font-semibold", v ? "text-sm" : "text-base"), children: h }),
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: f(
-                  "text-muted-foreground bg-muted rounded-full px-2",
-                  v ? "text-[10px] py-0" : "text-xs py-0.5"
-                ),
-                children: F
-              }
-            )
-          ] }),
-          s && /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              onClick: () => s(),
-              className: f(
-                "text-primary hover:underline flex items-center gap-0.5",
-                v ? "text-xs" : "text-sm"
-              ),
-              children: [
-                "View all",
-                /* @__PURE__ */ e(xt, { className: "size-3" })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: f(
-          "divide-y overflow-auto",
-          v ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
-        ),
-        children: $.map((R) => /* @__PURE__ */ e(
-          Nr,
-          {
-            group: R,
-            onEventClick: o,
-            onViewMore: s ? (I) => s(I) : void 0,
-            compact: v
-          },
-          R.dateKey
-        ))
-      }
-    )
-  ] });
-}
-export {
-  Br as A,
-  jr as B,
-  Ir as C,
-  _r as D,
-  Hr as E,
-  zr as I,
-  Fr as S,
-  Te as T,
-  Or as U,
-  Pr as V,
-  Wr as W,
-  Dn as Y,
-  Rr as a,
-  $r as b,
-  Ar as c
-};
-//# sourceMappingURL=agenda-widget-DrRyLzTK.js.map