@innosolutions/inno-calendar 1.0.53 → 1.0.55

package/dist/agenda-widget-DHq2DsjV.js

@@ -1,3740 +0,0 @@
-import { jsx as e, jsxs as n, Fragment as ge } from "react/jsx-runtime";
-import { g as ot, u as mt, C as ft } from "./use-calendar-Clo9DFK4.js";
-import { useCallback as Y, useState as se, useEffect as be, forwardRef as je, useRef as Ie, useMemo as G, useLayoutEffect as gt, useImperativeHandle as pt } from "react";
-import { c as m } from "./index-DtaLkIY8.js";
-import { P as st, p as at, o as it, z as ce, I as xt, J as vt, B as we, K as wt, L as _e, x as de, F as ue, y as he, k as bt, C as yt, M as Re, A as kt, W as Nt, c as Ct, N as Dt } from "./week-view-CCzE8DEb.js";
-import { j as Mt, D as St, I as Et, e as zt, S as Tt } from "./slot-selection-context-BwghpxKA.js";
-import { isToday as oe, startOfDay as We, endOfDay as lt, getYearMonths as Lt, generateMonthGrid as Ht, getEventsForDay as It, addDays as ct, formatDateISO as jt } from "./utils.mjs";
-function Wt({ view: t, className: r = "" }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: r,
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: "400px",
-        backgroundColor: "#f9fafb",
-        borderRadius: "0.5rem",
-        border: "1px dashed #d1d5db"
-      },
-      children: /* @__PURE__ */ n("div", { style: { textAlign: "center", color: "#6b7280" }, children: [
-        /* @__PURE__ */ n("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 Ve({ view: t, className: r }) {
-  return /* @__PURE__ */ e(Wt, { view: t, className: r });
-}
-function dn(t) {
-  const {
-    events: r,
-    resources: o,
-    scheduleTypes: a,
-    initialView: i = "week",
-    initialDate: l,
-    initialFilters: p,
-    preferences: f,
-    locale: d,
-    slots: x,
-    renderEvent: y,
-    onViewChange: v,
-    onDateChange: L,
-    onEventClick: F,
-    onSlotSelect: I,
-    onFiltersChange: W,
-    className: E,
-    children: N
-  } = t, j = ot();
-  if (j)
-    return /* @__PURE__ */ e("div", { className: E, style: { position: "relative" }, children: N ?? /* @__PURE__ */ e(Ve, { view: j.view, className: E }) });
-  const B = mt({
-    events: r,
-    resources: o,
-    scheduleTypes: a,
-    initialView: i,
-    initialDate: l,
-    initialFilters: p,
-    preferences: f,
-    locale: d,
-    onViewChange: v,
-    onDateChange: L,
-    onEventClick: F,
-    onSlotSelect: I,
-    onFiltersChange: W
-  });
-  return /* @__PURE__ */ e(ft, { value: B, children: /* @__PURE__ */ e("div", { className: E, style: { position: "relative" }, children: N ?? /* @__PURE__ */ e(Ve, { view: B.view, className: E }) }) });
-}
-function At({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 dt({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 He({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Ft({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 ze({ 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 $t({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Pt({ 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 Bt({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Ot({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 _t({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Rt({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Ne({ 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: m("animate-spin", t),
-      children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-    }
-  );
-}
-const Vt = {
-  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."
-}, Te = je(
-  ({ onClick: t, label: r, children: o, className: a, variant: i = "ghost", ...l }, p) => /* @__PURE__ */ n(de, { children: [
-    /* @__PURE__ */ e(ue, { asChild: !0, children: /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        ref: p,
-        onClick: t,
-        className: m(
-          "h-8 w-8 rounded-full flex items-center justify-center transition-colors",
-          i === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
-          i === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
-          a
-        ),
-        "aria-label": r,
-        ...l,
-        children: o
-      }
-    ) }),
-    /* @__PURE__ */ e(he, { side: "bottom", className: "text-xs", children: r })
-  ] })
-);
-Te.displayName = "IconButton";
-function Ut({ src: t, alt: r, initials: o, className: a, isClient: i }) {
-  const [l, p] = se(!1);
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: m(
-        "relative h-7 w-7 rounded-full overflow-hidden shrink-0",
-        a
-      ),
-      children: t && !l ? /* @__PURE__ */ e(
-        "img",
-        {
-          src: t,
-          alt: r,
-          className: "h-full w-full object-cover",
-          onError: () => p(!0)
-        }
-      ) : /* @__PURE__ */ e(
-        "div",
-        {
-          className: m(
-            "h-full w-full flex items-center justify-center text-[10px] font-medium",
-            i ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
-          ),
-          children: o
-        }
-      )
-    }
-  );
-}
-function Ue({
-  participant: t,
-  isEventCanceled: r = !1,
-  labels: o
-}) {
-  const a = t.name || "Unknown", i = a.split(" ").map((L) => L[0]).join("").toUpperCase().slice(0, 2), l = t.isOrganizer ?? !1, p = t.isConfirmed, f = p === !0, d = p === !1, x = t.isClient ?? !1, y = t.profilePicture || t.avatar, v = r;
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: m(
-        "flex items-center gap-3 py-0",
-        v && "opacity-60"
-      ),
-      children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: [
-          /* @__PURE__ */ e(
-            Ut,
-            {
-              src: y,
-              alt: a,
-              initials: i,
-              isClient: x,
-              className: m(v && "grayscale")
-            }
-          ),
-          v || d ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-red-100 dark:bg-red-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(He, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : f ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-green-100 dark:bg-green-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(ze, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
-        ] }),
-        /* @__PURE__ */ n("div", { className: "!h-fit min-w-0 gap-0", children: [
-          /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
-            "span",
-            {
-              className: m(
-                "text-sm text-zinc-900 dark:text-zinc-100 truncate",
-                v && "line-through text-zinc-500 dark:text-zinc-500"
-              ),
-              children: a
-            }
-          ) }),
-          x && /* @__PURE__ */ e("div", { className: "text-[10px] px-1.5 w-fit py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium", children: o.client }),
-          l && !v && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: o.organizer })
-        ] })
-      ]
-    }
-  );
-}
-function Yt({
-  open: t,
-  onOpenChange: r,
-  title: o,
-  children: a
-}) {
-  return be(() => {
-    if (!t) return;
-    const i = (l) => {
-      l.key === "Escape" && r(!1);
-    };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [t, r]), be(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
-    document.body.style.overflow = "";
-  }), [t]), t ? /* @__PURE__ */ n("div", { className: "fixed inset-0 z-50", children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
-        onClick: () => r(!1),
-        onKeyDown: (i) => {
-          (i.key === "Enter" || i.key === " ") && r(!1);
-        }
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-2xl shadow-xl overflow-hidden", children: [
-      o && /* @__PURE__ */ e("div", { className: "sr-only", children: o }),
-      a
-    ] }) })
-  ] }) : null;
-}
-function Gt({
-  open: t,
-  onOpenChange: r,
-  title: o,
-  description: a,
-  cancelLabel: i,
-  confirmLabel: l,
-  onConfirm: p,
-  isLoading: f
-}) {
-  return t ? /* @__PURE__ */ n("div", { className: "fixed inset-0 z-[60]", children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
-        onClick: () => r(!1),
-        onKeyDown: (d) => {
-          (d.key === "Enter" || d.key === " ") && r(!1);
-        }
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-lg shadow-xl p-6", children: [
-      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: o }),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: a }),
-      /* @__PURE__ */ n("div", { className: "mt-4 flex justify-end gap-3", children: [
-        /* @__PURE__ */ e(
-          we,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => r(!1),
-            children: i
-          }
-        ),
-        /* @__PURE__ */ n(
-          we,
-          {
-            variant: "destructive",
-            size: "sm",
-            onClick: p,
-            disabled: f,
-            children: [
-              f && /* @__PURE__ */ e(Ne, { className: "h-4 w-4 mr-2" }),
-              /* @__PURE__ */ e(dt, { className: "h-4 w-4 mr-2" }),
-              l
-            ]
-          }
-        )
-      ] })
-    ] }) })
-  ] }) : null;
-}
-function Kt(t, r) {
-  return t.toLocaleDateString(void 0, {
-    weekday: "long",
-    month: "long",
-    day: "numeric"
-  });
-}
-function qt(t, r) {
-  const o = {
-    hour: "2-digit",
-    minute: "2-digit",
-    hour12: !1
-  };
-  return `${t.toLocaleTimeString(void 0, o)} – ${r.toLocaleTimeString(void 0, o)}`;
-}
-function Jt(t) {
-  return t.toLocaleDateString(void 0, {
-    day: "2-digit",
-    month: "short",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-}
-function Xt(t) {
-  const [r, o] = se(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
-  return be(() => {
-    if (typeof window > "u") return;
-    const a = window.matchMedia(t), i = (l) => o(l.matches);
-    return a.addEventListener("change", i), () => a.removeEventListener("change", i);
-  }, [t]), r;
-}
-function Ye({
-  event: t,
-  labels: r,
-  isLoading: o,
-  onClose: a,
-  onEdit: i,
-  onDelete: l,
-  onCancel: p,
-  onAccept: f,
-  onDecline: d,
-  onConfirmMeeting: x,
-  canEdit: y = !0,
-  canDelete: v = !1,
-  canCancel: L = !0,
-  isCurrentUserParticipant: F = !1,
-  isCurrentUserClient: I = !1,
-  currentUserAcceptStatus: W,
-  isAcceptLoading: E = !1,
-  isDeclineLoading: N = !1,
-  isConfirmLoading: j = !1,
-  isDeleteLoading: B = !1,
-  renderParticipant: O,
-  renderHeaderActions: C,
-  renderCancelReason: K,
-  renderDeleteConfirmation: H,
-  formatDate: T = Kt,
-  formatTimeRange: _ = qt
-}) {
-  const [q, R] = se(!1), A = !(t.isCanceled || t.meetingTookPlace), u = t.isRecurring ?? !1, k = t.participantDetails, $ = t.participantsNames || [], P = k && k.length > 0, z = W === !0, re = W === !1, X = F && !I && A, Ce = P ? k.filter((Q) => Q.isConfirmed).length : t.isAccepted ? $.length : 0, ee = P ? k.length : $.length, J = t.scheduleTypeColor || t.hexColor || "#039BE5", ye = Y(() => t.startDate ? T(t.startDate) : r.noDateProvided, [t.startDate, T, r.noDateProvided]), ne = Y(() => t.startDate && t.endDate ? _(t.startDate, t.endDate) : null, [t.startDate, t.endDate, _]), ae = () => {
-    a(), i?.(t);
-  }, De = () => {
-    a(), p?.(t);
-  }, fe = () => {
-    R(!0);
-  }, ke = () => {
-    l?.(t), R(!1);
-  };
-  return o ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(Ne, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ n(ce, { delayDuration: 300, children: [
-    /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 p-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: C ? C({ onClose: a }) : /* @__PURE__ */ n(ge, { children: [
-        A && y && i && /* @__PURE__ */ e(Te, { onClick: ae, label: r.edit, children: /* @__PURE__ */ e(At, { className: "h-[18px] w-[18px]" }) }),
-        A && L && p && /* @__PURE__ */ e(Te, { onClick: De, label: r.cancel, children: /* @__PURE__ */ e(Ft, { className: "h-[18px] w-[18px]" }) }),
-        v && l && /* @__PURE__ */ e(
-          Te,
-          {
-            onClick: fe,
-            label: r.delete,
-            variant: "destructive",
-            children: /* @__PURE__ */ e(dt, { className: "h-[18px] w-[18px]" })
-          }
-        ),
-        /* @__PURE__ */ e(Te, { onClick: a, label: r.close, children: /* @__PURE__ */ e(He, { className: "h-[18px] w-[18px]" }) })
-      ] }) }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "w-4 h-4 rounded mt-1 shrink-0",
-            style: { backgroundColor: J }
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            /* @__PURE__ */ e(
-              "h2",
-              {
-                className: m(
-                  "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__ */ n("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 text-xs font-medium", children: [
-              /* @__PURE__ */ e($t, { className: "h-3 w-3" }),
-              r.completed
-            ] }),
-            t.isCanceled && /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 text-xs font-medium", children: [
-              /* @__PURE__ */ e(He, { className: "h-3 w-3" }),
-              r.canceled
-            ] })
-          ] }),
-          /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: [
-            /* @__PURE__ */ e("span", { children: ye() }),
-            ne() && /* @__PURE__ */ n(ge, { children: [
-              /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
-              /* @__PURE__ */ e("span", { children: ne() })
-            ] })
-          ] }),
-          u && 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: K ? K(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ e("div", { className: "text-sm font-medium text-red-700 dark:text-red-400", children: r.cancellationNote }),
-        t.cancelReason && /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-red-600/80 dark:text-red-400/80 italic", children: [
-          '"',
-          t.cancelReason,
-          '"'
-        ] }),
-        t.canceledDate && /* @__PURE__ */ n("div", { className: "mt-1.5 text-xs text-red-500/70 dark:text-red-400/60", children: [
-          r.canceledOn,
-          " ",
-          Jt(t.canceledDate)
-        ] })
-      ] }) }) }),
-      /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
-        t.address && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Ot, { 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 })
-        ] }),
-        (P || $.length > 0) && /* @__PURE__ */ n("div", { className: "flex items-start gap-2 py-0", children: [
-          /* @__PURE__ */ e(Bt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ n("div", { className: "flex-1", children: [
-            /* @__PURE__ */ n("div", { className: "flex items-center gap-0", children: [
-              /* @__PURE__ */ n("span", { className: "text-sm text-zinc-900 dark:text-zinc-100 font-medium", children: [
-                ee,
-                " ",
-                ee !== 1 ? r.guests : r.guest
-              ] }),
-              ee > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
-                "(",
-                Ce,
-                " ",
-                r.confirmed,
-                ")"
-              ] })
-            ] }),
-            /* @__PURE__ */ n("div", { className: "mt-2 space-y-2", children: [
-              P ? k.slice(0, 6).map(
-                (Q, ie) => O ? O(Q, ie) : /* @__PURE__ */ e(
-                  Ue,
-                  {
-                    participant: Q,
-                    isEventCanceled: t.isCanceled,
-                    labels: r
-                  },
-                  Q.id
-                )
-              ) : $.slice(0, 6).map((Q, ie) => {
-                const h = {
-                  id: String(ie),
-                  name: Q,
-                  email: "",
-                  isConfirmed: t.isAccepted,
-                  isOrganizer: ie === 0,
-                  isClient: !1
-                };
-                return O ? O(h, ie) : /* @__PURE__ */ e(
-                  Ue,
-                  {
-                    participant: h,
-                    isEventCanceled: t.isCanceled,
-                    labels: r
-                  },
-                  Q
-                );
-              }),
-              ee > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
-                "+",
-                ee - 6,
-                " ",
-                r.more
-              ] })
-            ] })
-          ] })
-        ] }),
-        t.description && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(Rt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-zinc-700 dark:text-zinc-300 whitespace-pre-wrap", children: t.description })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ e(_t, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: P && k.find((Q) => Q.isOrganizer)?.name || $[0] || "Calendar" })
-        ] })
-      ] }),
-      X && f && d && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-        u ? /* @__PURE__ */ n(xt, { children: [
-          /* @__PURE__ */ e(vt, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex", children: [
-            /* @__PURE__ */ e(
-              we,
-              {
-                size: "sm",
-                variant: "outline",
-                className: m(
-                  "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  z && "!bg-green-700 !text-white hover:!bg-green-700"
-                ),
-                onClick: (Q) => {
-                  Q.stopPropagation(), z || f(t);
-                },
-                disabled: E,
-                children: E ? /* @__PURE__ */ e(Ne, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ge, { children: [
-                  z && /* @__PURE__ */ e(ze, { className: "h-3.5 w-3.5" }),
-                  r.going
-                ] })
-              }
-            ),
-            /* @__PURE__ */ e(
-              we,
-              {
-                size: "sm",
-                variant: "outline",
-                className: m(
-                  "rounded-l-none px-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-                  z && "!bg-green-700 !text-white hover:!bg-green-700"
-                ),
-                children: /* @__PURE__ */ e(Pt, { className: "h-3.5 w-3.5" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ n(wt, { align: "start", children: [
-            /* @__PURE__ */ n(
-              _e,
-              {
-                className: m(
-                  "gap-1.5 h-8 !border-none !bg-green-50 text-green-800 hover:!bg-green-100",
-                  z && "!bg-green-700 !text-white hover:!bg-green-700"
-                ),
-                onClick: () => f(t),
-                children: [
-                  /* @__PURE__ */ e(ze, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
-                  r.acceptThisEvent
-                ]
-              }
-            ),
-            /* @__PURE__ */ n(_e, { onClick: () => f(t), children: [
-              /* @__PURE__ */ e(ze, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
-              r.acceptAllEvents
-            ] })
-          ] })
-        ] }) : /* @__PURE__ */ e(
-          we,
-          {
-            size: "sm",
-            variant: "outline",
-            className: m(
-              "gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
-              z && "!bg-green-700 !text-white hover:!bg-green-700"
-            ),
-            onClick: () => {
-              z || f(t);
-            },
-            disabled: E,
-            children: E ? /* @__PURE__ */ e(Ne, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ge, { children: [
-              z && /* @__PURE__ */ e(ze, { className: "h-3.5 w-3.5" }),
-              r.going
-            ] })
-          }
-        ),
-        /* @__PURE__ */ e(
-          we,
-          {
-            size: "sm",
-            variant: "outline",
-            className: m(
-              "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
-              re && "!bg-rose-700 !text-white hover:!bg-rose-700"
-            ),
-            onClick: () => {
-              re || d(t);
-            },
-            disabled: N,
-            children: N ? /* @__PURE__ */ e(Ne, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(ge, { children: [
-              re && /* @__PURE__ */ e(He, { className: "h-3.5 w-3.5" }),
-              r.notGoing
-            ] })
-          }
-        )
-      ] }) }),
-      F && z && !t.meetingTookPlace && !t.isCanceled && x && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
-        we,
-        {
-          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: () => x(t),
-          disabled: j,
-          children: [
-            j && /* @__PURE__ */ e(Ne, { className: "h-4 w-4 mr-2" }),
-            r.confirmMeeting
-          ]
-        }
-      ) })
-    ] }),
-    H ? q && H({
-      onConfirm: ke,
-      onCancel: () => R(!1),
-      isLoading: B
-    }) : /* @__PURE__ */ e(
-      Gt,
-      {
-        open: q,
-        onOpenChange: R,
-        title: r.deleteConfirmTitle,
-        description: r.deleteConfirmDescription,
-        cancelLabel: r.cancel,
-        confirmLabel: r.delete,
-        onConfirm: ke,
-        isLoading: B
-      }
-    )
-  ] });
-}
-function un({
-  event: t,
-  children: r,
-  open: o,
-  onOpenChange: a,
-  isLoading: i,
-  labels: l,
-  onEdit: p,
-  onDelete: f,
-  onCancel: d,
-  onAccept: x,
-  onDecline: y,
-  onConfirmMeeting: v,
-  canEdit: L = !0,
-  canDelete: F = !1,
-  canCancel: I = !0,
-  isCurrentUserParticipant: W,
-  isCurrentUserClient: E,
-  currentUserAcceptStatus: N,
-  isAcceptLoading: j,
-  isDeclineLoading: B,
-  isConfirmLoading: O,
-  isDeleteLoading: C,
-  renderParticipant: K,
-  renderHeaderActions: H,
-  renderCancelReason: T,
-  renderDeleteConfirmation: _,
-  formatDate: q,
-  formatTimeRange: R,
-  className: A,
-  width: u = 360
-}) {
-  const k = Xt("(min-width: 768px)"), $ = { ...Vt, ...l }, P = Y(() => {
-    a?.(!1);
-  }, [a]), z = {
-    event: t,
-    labels: $,
-    isLoading: i,
-    onClose: P,
-    onEdit: p,
-    onDelete: f,
-    onCancel: d,
-    onAccept: x,
-    onDecline: y,
-    onConfirmMeeting: v,
-    canEdit: L,
-    canDelete: F,
-    canCancel: I,
-    isCurrentUserParticipant: W,
-    isCurrentUserClient: E,
-    currentUserAcceptStatus: N,
-    isAcceptLoading: j,
-    isDeclineLoading: B,
-    isConfirmLoading: O,
-    isDeleteLoading: C,
-    renderParticipant: K,
-    renderHeaderActions: H,
-    renderCancelReason: T,
-    renderDeleteConfirmation: _,
-    formatDate: q,
-    formatTimeRange: R
-  };
-  return k ? /* @__PURE__ */ n(st, { open: o ?? !1, onOpenChange: a ?? (() => {
-  }), children: [
-    /* @__PURE__ */ e(at, { asChild: !0, children: r }),
-    /* @__PURE__ */ e(
-      it,
-      {
-        className: m(
-          "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
-          A
-        ),
-        style: { width: u },
-        align: "center",
-        side: "bottom",
-        sideOffset: 4,
-        children: /* @__PURE__ */ e(Ye, { ...z })
-      }
-    )
-  ] }) : /* @__PURE__ */ n(ge, { children: [
-    r,
-    /* @__PURE__ */ e(
-      Yt,
-      {
-        open: o ?? !1,
-        onOpenChange: a ?? (() => {
-        }),
-        title: t.title,
-        children: /* @__PURE__ */ e(Ye, { ...z })
-      }
-    )
-  ] });
-}
-const Ae = 44, Ge = 4, Qt = 56, Ke = 8, Le = 80, Se = 140, qe = 100, Je = 2, Zt = 8, er = 18;
-function tr(t) {
-  return t.split(" ").map((r) => r[0]).join("").toUpperCase().slice(0, 2);
-}
-function rr(t, r) {
-  const o = [];
-  for (let a = 0; a < r; a++) {
-    const i = new Date(t);
-    i.setDate(i.getDate() + a), o.push(i);
-  }
-  return o;
-}
-function nr(t, r, o) {
-  const a = [];
-  return t.forEach((i, l) => {
-    for (let p = r; p < o; p++)
-      a.push({ hour: p, dayIndex: l, date: i });
-  }), a;
-}
-function Fe(t) {
-  return `${t.toString().padStart(2, "0")}:00`;
-}
-function or(t) {
-  return t.toLocaleDateString("en-US", {
-    weekday: "short",
-    month: "short",
-    day: "numeric"
-  });
-}
-function Xe(t) {
-  const r = [...t].sort((i, l) => i.startCol !== l.startCol ? i.startCol - l.startCol : l.spanCols - i.spanCols), o = [], a = [];
-  for (const i of r) {
-    let l = 0;
-    for (; a[l] !== void 0 && a[l] > i.startCol; )
-      l++;
-    a[l] = i.startCol + i.spanCols, o.push({
-      ...i,
-      stackIndex: l
-    });
-  }
-  return o;
-}
-function sr({ src: t, alt: r, fallback: o, className: a }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: m(
-        "relative flex shrink-0 overflow-hidden rounded-sm border bg-muted",
-        a
-      ),
-      children: t ? /* @__PURE__ */ e(
-        "img",
-        {
-          src: t,
-          alt: r,
-          className: "aspect-square h-full w-full object-cover"
-        }
-      ) : /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: o })
-    }
-  );
-}
-const ar = 7;
-function Ee({
-  daysToShow: t = ar,
-  events: r,
-  users: o = [],
-  selectedDate: a,
-  onDateChange: i,
-  onEventClick: l,
-  onSlotClick: p,
-  onSlotSelect: f,
-  visibleHours: d,
-  className: x,
-  getEventUserId: y,
-  renderPopover: v,
-  slots: L,
-  classNames: F,
-  enableDrag: I = !0
-}) {
-  const W = Ie(null), E = Mt(), [N, j] = se(null), B = Ie(!1), [O, C] = se(null), K = a ?? /* @__PURE__ */ new Date(), H = !0, T = d?.from ?? Zt, _ = d?.to ?? er, q = _ - T, R = G(() => {
-    const s = new Date(K);
-    if (t === 1 || t === 3)
-      return s.setHours(0, 0, 0, 0), s;
-    const c = s.getDay(), g = c === 0 ? -6 : 1 - c;
-    return s.setDate(s.getDate() + g), s.setHours(0, 0, 0, 0), s;
-  }, [K, t]), A = G(
-    () => rr(R, t),
-    [R, t]
-  ), u = G(
-    () => nr(A, T, _),
-    [H, A, T, _]
-  ), $ = y ?? ((s) => {
-    if (s.resourceId) return s.resourceId;
-    const c = s.data;
-    if (c?.userId) return String(c.userId);
-    if (c?.user && typeof c.user == "object" && c.user.id)
-      return String(c.user.id);
-    if (s.user?.id) return s.user.id;
-    if (s.participants?.[0]?.id) return s.participants[0].id;
-  }), P = G(() => {
-    const s = /* @__PURE__ */ new Map();
-    for (const c of o)
-      s.set(c.id, {
-        id: c.id,
-        name: c.name,
-        avatar: c.avatar ?? void 0,
-        email: c.email
-      });
-    for (const c of r) {
-      const w = c.data?.user;
-      w?.id && !s.has(w.id) && s.set(w.id, {
-        id: w.id,
-        name: w.name ?? "",
-        avatar: w.avatar ?? void 0,
-        email: w.email
-      }), c.user?.id && !s.has(c.user.id) && s.set(c.user.id, {
-        id: c.user.id,
-        name: c.user.name,
-        avatar: c.user.avatar ?? void 0,
-        email: c.user.email
-      });
-      for (const b of c.participants || [])
-        b.id && !s.has(b.id) && s.set(b.id, {
-          id: b.id,
-          name: b.name,
-          avatar: b.avatar ?? void 0,
-          email: b.email
-        });
-    }
-    return Array.from(s.values());
-  }, [o, r]), z = G(() => {
-    const s = [], c = /* @__PURE__ */ new Map();
-    for (const b of P)
-      c.set(b.id, []);
-    c.set("unassigned", []);
-    for (const b of r) {
-      const M = $(b) ?? "unassigned";
-      (c.get(M) ?? c.get("unassigned")).push(b);
-    }
-    const g = (b) => {
-      const M = [];
-      for (const S of b) {
-        const V = S.startDate.getHours() + S.startDate.getMinutes() / 60, Z = S.endDate.getHours() + S.endDate.getMinutes() / 60;
-        for (let U = 0; U < A.length; U++) {
-          const te = A[U], pe = We(te), xe = lt(te);
-          if (S.startDate <= xe && S.endDate >= pe) {
-            let ve = T, Me = _;
-            if (S.startDate >= pe && (ve = Math.max(T, V)), S.endDate <= xe && (Me = Math.min(_, Z)), ve = Math.max(
-              T,
-              Math.min(_, ve)
-            ), Me = Math.max(
-              T,
-              Math.min(_, Me)
-            ), Me > ve) {
-              const Oe = U * q + Math.floor(ve - T), ht = U * q + Math.ceil(Me - T);
-              M.push({
-                event: S,
-                startCol: Oe,
-                spanCols: Math.max(1, ht - Oe)
-              });
-            }
-          }
-        }
-      }
-      return M;
-    };
-    for (const b of P) {
-      const M = c.get(b.id) ?? [], S = g(M), V = Xe(S), Z = V.reduce(
-        (U, te) => Math.max(U, te.stackIndex + 1),
-        0
-      );
-      s.push({
-        user: b,
-        events: V,
-        maxStack: Math.max(Z, 1)
-      });
-    }
-    const w = c.get("unassigned") ?? [];
-    if (w.length > 0) {
-      const b = g(w), M = Xe(b), S = M.reduce(
-        (V, Z) => Math.max(V, Z.stackIndex + 1),
-        0
-      );
-      s.push({
-        user: {
-          id: "unassigned",
-          name: "Unassigned",
-          avatar: void 0,
-          email: void 0
-        },
-        events: M,
-        maxStack: Math.max(S, 1)
-      });
-    }
-    return s.filter((b) => b.events.length > 0);
-  }, [
-    P,
-    r,
-    A,
-    H,
-    q,
-    T,
-    _,
-    $
-  ]), re = G(() => {
-    const s = /* @__PURE__ */ new Map();
-    for (const c of z)
-      for (const g of c.events)
-        if (g.spanCols === 1) {
-          const w = s.get(g.startCol) ?? 0;
-          s.set(g.startCol, w + 1);
-        }
-    return s;
-  }, [z]), X = G(() => {
-    const s = u.length, c = Le, g = [];
-    for (let w = 0; w < s; w++) {
-      const b = re.get(w) ?? 0;
-      b > Je ? g.push(
-        qe + (b - Je) * 20
-      ) : b > 0 ? g.push(Math.max(c, qe)) : g.push(c);
-    }
-    return g;
-  }, [
-    H,
-    u.length,
-    A.length,
-    re
-  ]), Ce = (s) => Math.max(
-    Qt,
-    s * (Ae + Ge) + Ke * 2
-  ), ee = Se + X.reduce((s, c) => s + c, 0), J = G(() => {
-    const s = [0];
-    for (let c = 0; c < X.length; c++)
-      s.push(s[c] + X[c]);
-    return s;
-  }, [X]);
-  gt(() => {
-    const s = W.current;
-    if (!s) return;
-    const c = () => {
-      let g = -1;
-      const b = (/* @__PURE__ */ new Date()).getHours();
-      {
-        for (let M = 0; M < u.length; M++) {
-          const S = u[M];
-          if (S && oe(S.date) && S.hour <= b && S.hour + 1 > b) {
-            g = M;
-            break;
-          }
-        }
-        if (g === -1)
-          for (let M = 0; M < u.length; M++) {
-            const S = u[M];
-            if (S && oe(S.date)) {
-              g = M;
-              break;
-            }
-          }
-      }
-      if (g !== -1) {
-        const M = (J[g] ?? 0) + Se, S = s.clientWidth, V = Math.max(0, M - S / 3);
-        s.scrollTo({
-          left: V,
-          behavior: "instant"
-        });
-      }
-    };
-    requestAnimationFrame(() => {
-      requestAnimationFrame(c);
-    });
-  }, [K, u, A, J, H]);
-  const ye = Y(
-    (s, c) => {
-      const g = c.getBoundingClientRect(), w = s - g.left + c.scrollLeft;
-      for (let b = 0; b < J.length - 1; b++) {
-        const M = J[b], S = J[b + 1];
-        if (w >= M && w < S) {
-          const V = (w - M) / (S - M), Z = Math.floor(V * 60), U = Math.round(Z / 15) * 15;
-          return { colIndex: b, minute: Math.min(U, 45) };
-        }
-      }
-      return null;
-    },
-    [J]
-  ), ne = Y(
-    (s, c) => {
-      if (u[s]) {
-        const g = u[s], w = new Date(g.date);
-        return w.setHours(g.hour, c ?? 0, 0, 0), { date: w, hour: g.hour };
-      }
-      return { date: /* @__PURE__ */ new Date() };
-    },
-    [H, u, A]
-  ), ae = Y(
-    (s, c) => {
-      if (s.preventDefault(), s.dataTransfer.dropEffect = "move", !E?.isDragging || !E.dragState) return;
-      const g = s.currentTarget, w = ye(s.clientX, g);
-      if (!w) return;
-      const { colIndex: b, minute: M } = w, { date: S, hour: V } = ne(b, M);
-      E.updateDragPreview(S, V, M, c);
-      const { originalStartDate: Z, originalEndDate: U } = E.dragState, te = U.getTime() - Z.getTime(), pe = u.length;
-      let xe;
-      {
-        const ve = te / 36e5;
-        xe = Math.max(1, Math.ceil(ve));
-      }
-      xe = Math.min(xe, pe - b), C({ resourceId: c, colIndex: b, spanCols: xe });
-    },
-    [E, ye, ne, H, u.length, A.length]
-  ), De = Y(
-    (s) => {
-      const c = s.relatedTarget;
-      s.currentTarget.contains(c) || C(null);
-    },
-    []
-  ), fe = Y(
-    (s, c) => {
-      s.preventDefault(), C(null), E?.isDragging && E.endDrag();
-    },
-    [E]
-  ), ke = Y(
-    (s, c) => {
-      if (!N || N.resourceId !== s) return !1;
-      const g = Math.min(N.startCol, N.endCol), w = Math.max(N.startCol, N.endCol);
-      return c >= g && c <= w;
-    },
-    [N]
-  ), Q = Y(
-    (s, c) => !O || O.resourceId !== s ? !1 : c >= O.colIndex && c < O.colIndex + O.spanCols,
-    [O]
-  ), ie = Y(
-    (s, c, g) => {
-      g.button !== 0 && g.pointerType === "mouse" || (f || p) && (g.preventDefault(), B.current = !0, j({ resourceId: s, startCol: c, endCol: c, isSelecting: !0 }));
-    },
-    [f, p]
-  ), h = Y(
-    (s, c, g) => {
-      if (B.current && !(!N || N.resourceId !== s)) {
-        if (g.buttons === 0) {
-          B.current = !1;
-          return;
-        }
-        j((w) => w ? { ...w, endCol: c } : null);
-      }
-    },
-    [N]
-  ), D = Y(() => {
-    if (!B.current || !N) return;
-    B.current = !1;
-    const s = Math.min(N.startCol, N.endCol), c = Math.max(N.startCol, N.endCol), g = ne(s), w = ne(c), b = new Date(g.date), M = new Date(w.date);
-    w.hour !== void 0 && M.setHours(w.hour + 1, 0, 0, 0);
-    const S = {
-      startDate: b,
-      endDate: M,
-      resourceId: N.resourceId
-    };
-    s === c && p && p(g.date, g.hour, N.resourceId), f?.(S), j((V) => V ? { ...V, isSelecting: !1 } : null), setTimeout(() => j(null), 150);
-  }, [N, ne, H, p, f]);
-  return be(() => {
-    const s = () => {
-      B.current && D();
-    };
-    return window.addEventListener("pointerup", s), window.addEventListener("pointercancel", s), () => {
-      window.removeEventListener("pointerup", s), window.removeEventListener("pointercancel", s);
-    };
-  }, [D]), be(() => {
-    E?.isDragging || C(null);
-  }, [E?.isDragging]), /* @__PURE__ */ e("div", { className: m("flex h-full flex-col", x), children: /* @__PURE__ */ e("div", { className: "ic-timeline-scroll-container flex-1", ref: W, children: /* @__PURE__ */ n("div", { className: "relative", style: { minWidth: ee }, 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__ */ n("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__ */ n("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ e("div", { className: "flex border-b", children: A.map((s, c) => {
-            const g = oe(s), w = c * q, b = X.slice(w, w + q).reduce((M, S) => M + S, 0);
-            return /* @__PURE__ */ e(
-              "div",
-              {
-                className: m(
-                  "flex shrink-0 items-center justify-center border-r py-1.5 font-medium",
-                  g ? "bg-primary/10 text-primary" : "bg-muted/30"
-                ),
-                style: { width: b },
-                children: /* @__PURE__ */ e("span", { className: "text-xs", children: or(s) })
-              },
-              `day-${s.toISOString()}`
-            );
-          }) }),
-          /* @__PURE__ */ e("div", { className: "flex", children: u.map((s, c) => {
-            const g = s.hour === T, w = oe(s.date), b = X[c] ?? Le;
-            return /* @__PURE__ */ e(
-              "div",
-              {
-                className: m(
-                  "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
-                  g && c > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                  w && "bg-primary/5"
-                ),
-                style: { width: b },
-                children: Fe(s.hour)
-              },
-              `hour-${s.dayIndex}-${s.hour}`
-            );
-          }) })
-        ] })
-      ] })
-    ) : (
-      // Single-day: simple single row
-      /* @__PURE__ */ n("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" })
-          }
-        ),
-        u.map((s, c) => {
-          const g = s.hour === T, w = oe(s.date), b = X[c] ?? Le;
-          return /* @__PURE__ */ e(
-            "div",
-            {
-              className: m(
-                "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
-                g && c > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                w && "bg-primary/5"
-              ),
-              style: { width: b },
-              children: Fe(s.hour)
-            },
-            `hour-${s.dayIndex}-${s.hour}`
-          );
-        })
-      ] })
-    ) }),
-    z.map((s) => {
-      const c = Ce(s.maxStack);
-      return /* @__PURE__ */ n(
-        "div",
-        {
-          className: m(
-            "relative flex border-b",
-            F?.resourceRow
-          ),
-          style: { height: c },
-          children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: "sticky left-0 z-10",
-                style: { width: Se },
-                children: /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: m(
-                      "flex h-full items-center gap-2 sm:gap-3 border-r bg-background px-2 sm:px-4",
-                      F?.resourceHeader
-                    ),
-                    children: [
-                      /* @__PURE__ */ e(
-                        sr,
-                        {
-                          className: "size-7",
-                          src: s.user.avatar,
-                          alt: s.user.name,
-                          fallback: tr(s.user.name)
-                        }
-                      ),
-                      /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: s.user.name })
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ n(
-              "div",
-              {
-                className: "ic-timeline-grid relative flex",
-                onDragOver: (g) => ae(g, s.user.id),
-                onDragLeave: De,
-                onDrop: (g) => fe(g, s.user.id),
-                children: [
-                  // Hour mode cells — interactive buttons for slot selection
-                  u.map((g, w) => {
-                    const b = g.hour === T && w > 0, M = X[w] ?? Le, S = ke(s.user.id, w), V = Q(s.user.id, w), Z = !!(f || p);
-                    return /* @__PURE__ */ e(
-                      "div",
-                      {
-                        role: Z ? "button" : void 0,
-                        tabIndex: Z ? 0 : void 0,
-                        "aria-label": Z ? `Select ${Fe(g.hour)} on ${g.date.toLocaleDateString()} for ${s.user.name}` : void 0,
-                        onPointerDown: (U) => ie(s.user.id, w, U),
-                        onPointerEnter: (U) => h(s.user.id, w, U),
-                        onPointerUp: D,
-                        onKeyDown: (U) => {
-                          if (Z && (U.key === "Enter" || U.key === " ")) {
-                            U.preventDefault();
-                            const te = ne(w);
-                            p?.(te.date, te.hour, s.user.id), f?.({
-                              startDate: te.date,
-                              endDate: (() => {
-                                const pe = new Date(te.date);
-                                return te.hour !== void 0 && pe.setHours(te.hour + 1, 0, 0, 0), pe;
-                              })(),
-                              resourceId: s.user.id
-                            });
-                          }
-                        },
-                        className: m(
-                          "shrink-0 select-none touch-none transition-colors",
-                          Z && "cursor-pointer",
-                          b ? "border-l-2 border-l-border" : "border-r border-r-border/50",
-                          oe(g.date) && "bg-primary/5",
-                          // Hover — subtle feedback (only when not selecting or dragging)
-                          Z && !N?.isSelecting && !E?.isDragging && "hover:bg-blue-50/60",
-                          // Slot selection highlight
-                          S && "bg-blue-100/70",
-                          // Drop target highlight
-                          V && "bg-primary/20 ring-2 ring-primary ring-inset"
-                        ),
-                        style: { width: M }
-                      },
-                      `cell-${g.dayIndex}-${g.hour}`
-                    );
-                  }),
-                  s.events.map((g) => {
-                    const w = (J[g.startCol] ?? 0) + 2, b = J[g.startCol + g.spanCols] ?? J[J.length - 1] ?? 0, M = J[g.startCol] ?? 0, S = b - M - 4, V = Ke + g.stackIndex * (Ae + Ge);
-                    return /* @__PURE__ */ e(
-                      "div",
-                      {
-                        className: "absolute",
-                        style: {
-                          left: w,
-                          width: Math.max(S, 0),
-                          // No forced minimum - columns are guaranteed wide enough
-                          top: V,
-                          height: Ae
-                        },
-                        children: /* @__PURE__ */ e(
-                          bt,
-                          {
-                            event: g.event,
-                            variant: "compact",
-                            enableDrag: I,
-                            onClick: l,
-                            renderPopover: v,
-                            className: m(
-                              "h-full w-full",
-                              F?.eventCardCompact
-                            )
-                          }
-                        )
-                      },
-                      g.event.id
-                    );
-                  })
-                ]
-              }
-            )
-          ]
-        },
-        s.user.id
-      );
-    }),
-    z.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
-  ] }) }) });
-}
-const ir = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], lr = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-function Qe(t) {
-  const r = t.hexColor;
-  return r ? { backgroundColor: r } : {};
-}
-function cr({ day: t, date: r, events: o, isCurrentMonth: a, onDayClick: i }) {
-  const l = oe(r), p = 3, f = o.length;
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: () => i?.(r),
-      className: m(
-        "flex h-9 sm:h-11 flex-1 flex-col items-center justify-start gap-0.5 rounded-md pt-0.5 sm:pt-1",
-        "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        "transition-colors",
-        !a && "opacity-40"
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: m(
-              "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
-          }
-        ),
-        f > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: f <= p ? o.map((d) => /* @__PURE__ */ e(
-          "div",
-          {
-            className: "size-1 sm:size-1.5 rounded-full bg-primary",
-            style: Qe(d)
-          },
-          d.id
-        )) : /* @__PURE__ */ n(ge, { children: [
-          o.slice(0, p).map((d) => /* @__PURE__ */ e(
-            "div",
-            {
-              className: "size-1 sm:size-1.5 rounded-full bg-primary",
-              style: Qe(d)
-            },
-            d.id
-          )),
-          /* @__PURE__ */ n("span", { className: "text-[6px] sm:text-[7px] font-medium text-muted-foreground", children: [
-            "+",
-            f - p
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-function dr({
-  date: t,
-  events: r,
-  onMonthClick: o,
-  onDayClick: a
-}) {
-  const i = G(() => Ht(t, 0), [t]);
-  return /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: () => o?.(t),
-        className: m(
-          "w-full rounded-t-lg border px-2 sm:px-3 py-1.5 sm:py-2 text-xs sm:text-sm font-semibold",
-          "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-          "transition-colors"
-        ),
-        children: lr[t.getMonth()]
-      }
-    ),
-    /* @__PURE__ */ n("div", { className: "flex-1 space-y-1.5 sm:space-y-2 rounded-b-lg border border-t-0 p-2 sm:p-3", children: [
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: ir.map((l, p) => /* @__PURE__ */ n("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: i.map((l, p) => {
-        const f = It(r, l.date);
-        return /* @__PURE__ */ e(
-          cr,
-          {
-            day: l.date.getDate(),
-            date: l.date,
-            events: f,
-            isCurrentMonth: l.isCurrentMonth,
-            onDayClick: a
-          },
-          `${p + 1}-${l.date.toISOString()}`
-        );
-      }) })
-    ] })
-  ] });
-}
-function ur({
-  events: t,
-  year: r,
-  onMonthClick: o,
-  onDayClick: a,
-  className: i,
-  slots: l,
-  classNames: p
-}) {
-  const f = G(() => Lt(r), [r]);
-  return /* @__PURE__ */ n("div", { className: m("flex flex-col h-full", i), children: [
-    /* @__PURE__ */ e("div", { className: "flex items-center justify-center border-b px-4 py-3", children: /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: r }) }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: f.map((d) => /* @__PURE__ */ e(
-      dr,
-      {
-        date: d,
-        events: t,
-        onMonthClick: o,
-        onDayClick: a
-      },
-      d.getMonth()
-    )) }) })
-  ] });
-}
-function hr(t) {
-  switch (t) {
-    case "day":
-    case "week":
-      return "time";
-    default:
-      return "day";
-  }
-}
-function mr({
-  onEventClick: t,
-  onSlotClick: r,
-  onSlotSelect: o,
-  onAddEvent: a,
-  className: i,
-  showHeader: l = !0,
-  minSelectionMinutes: p = 30,
-  showMoreMode: f,
-  showMoreEventsInPopover: d = !1,
-  isLoading: x = !1,
-  slots: y,
-  classNames: v,
-  settingsContent: L,
-  filterContent: F,
-  headerActions: I,
-  renderPopover: W,
-  calendarRef: E,
-  headerConfig: N,
-  eventDetailMode: j,
-  renderEventDetail: B
-}) {
-  const O = f ?? (d ? "popover" : "expand"), {
-    view: C,
-    setView: K,
-    selectedDate: H,
-    setSelectedDate: T,
-    slotDuration: _,
-    filteredEvents: q,
-    users: R,
-    visibleHours: A,
-    workingHours: u,
-    badgeVariant: k,
-    showWorkingHoursOnly: $,
-    clearFocusEventId: P
-  } = zt(), z = G(() => {
-    if (!$ || !u)
-      return {
-        startHour: A.start,
-        endHour: A.end
-      };
-    let h = 24, D = 0;
-    for (const s of Object.keys(u)) {
-      const c = u[Number(s)];
-      !c || c.enabled === !1 || (c.from < h && (h = c.from), c.to > D && (D = c.to));
-    }
-    return h >= D ? {
-      startHour: A.start,
-      endHour: A.end
-    } : { startHour: h, endHour: D };
-  }, [$, u, A]), re = z, X = Ie(null);
-  pt(
-    E,
-    () => ({
-      scrollToToday: () => {
-        const h = /* @__PURE__ */ new Date();
-        T(h, C), requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            const D = X.current?.querySelector(
-              ".ic-timeline-scroll-container, [class*='overflow-auto']"
-            );
-            if (!D) return;
-            const g = (h.getHours() - z.startHour) * 96;
-            g > 0 && D.scrollTo({
-              top: Math.max(0, g - 100),
-              // Offset to show some context
-              behavior: "smooth"
-            });
-          });
-        });
-      },
-      scrollToWorkingHours: () => {
-        let h = 8;
-        if (u)
-          for (const D of Object.keys(u)) {
-            const s = u[Number(D)];
-            s?.enabled && s.from < h && (h = Math.max(s.from - 1, 0));
-          }
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            const D = X.current?.querySelector(
-              ".ic-timeline-scroll-container, [class*='overflow-auto']"
-            );
-            if (!D) return;
-            const c = (h - z.startHour) * 96;
-            D.scrollTo({
-              top: Math.max(0, c),
-              behavior: "smooth"
-            });
-          });
-        });
-      },
-      getViewRect: () => X.current?.getBoundingClientRect() ?? null,
-      focusEvent: (h) => {
-        P(), requestAnimationFrame(() => {
-          P();
-        });
-        const D = X.current?.querySelector(
-          `[data-event-id="${h}"]`
-        );
-        D && setTimeout(() => D.click(), 150);
-      }
-    }),
-    [
-      T,
-      C,
-      z,
-      u,
-      P
-    ]
-  );
-  const Ce = G(() => hr(C), [C]), ee = Y(
-    (h) => {
-      if (o) {
-        o(h);
-        return;
-      }
-      if (r) {
-        const D = h.startDate.getHours();
-        r(h.startDate, D);
-      }
-    },
-    [o, r]
-  ), J = Y(
-    (h) => {
-      K("day"), T(h, "day");
-    },
-    [T, K]
-  ), ye = Y(
-    (h) => {
-      K("month"), T(h, "month");
-    },
-    [T, K]
-  ), ne = Y(
-    (h) => {
-      t?.(h);
-    },
-    [t]
-  ), ae = Y(
-    (h, D, s) => {
-      r?.(h, D);
-    },
-    [r]
-  ), De = () => {
-    const h = q, D = ne, s = W;
-    switch (C) {
-      case "day":
-        return /* @__PURE__ */ e(
-          Ct,
-          {
-            events: h,
-            date: H,
-            visibleHours: re,
-            workingHours: u,
-            slotDuration: _,
-            badgeVariant: k,
-            onEventClick: D,
-            renderPopover: s,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      case "week":
-        return /* @__PURE__ */ e(
-          Nt,
-          {
-            events: h,
-            date: H,
-            visibleHours: re,
-            workingHours: u,
-            slotDuration: _,
-            badgeVariant: k,
-            onEventClick: D,
-            renderPopover: s,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      case "month":
-        return /* @__PURE__ */ e(
-          Re,
-          {
-            events: h,
-            date: H,
-            badgeVariant: k,
-            onEventClick: D,
-            onDayClick: J,
-            renderPopover: s,
-            showMoreMode: O,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      case "year":
-        return /* @__PURE__ */ e(
-          ur,
-          {
-            events: h,
-            year: H.getFullYear(),
-            onMonthClick: ye,
-            onDayClick: J,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      case "agenda":
-        return /* @__PURE__ */ e(
-          kt,
-          {
-            events: h,
-            date: H,
-            onEventClick: D,
-            renderPopover: s,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      // Resource views — delegate to TimelineView with matching day count
-      case "resource-day":
-        return /* @__PURE__ */ e(
-          Ee,
-          {
-            daysToShow: 1,
-            events: h,
-            users: R,
-            selectedDate: H,
-            visibleHours: {
-              from: z.startHour,
-              to: z.endHour
-            },
-            onEventClick: D,
-            onSlotSelect: ee,
-            onSlotClick: ae,
-            renderPopover: s,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      case "resource-week":
-        return /* @__PURE__ */ e(
-          Ee,
-          {
-            daysToShow: 7,
-            events: h,
-            users: R,
-            selectedDate: H,
-            visibleHours: {
-              from: z.startHour,
-              to: z.endHour
-            },
-            onEventClick: D,
-            onSlotSelect: ee,
-            onSlotClick: ae,
-            renderPopover: s,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      // Timeline views
-      case "timeline-day":
-        return /* @__PURE__ */ e(
-          Ee,
-          {
-            daysToShow: 1,
-            events: h,
-            users: R,
-            selectedDate: H,
-            visibleHours: {
-              from: z.startHour,
-              to: z.endHour
-            },
-            onEventClick: D,
-            onSlotSelect: ee,
-            onSlotClick: ae,
-            renderPopover: s,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      case "timeline-3day":
-        return /* @__PURE__ */ e(
-          Ee,
-          {
-            daysToShow: 3,
-            events: h,
-            users: R,
-            selectedDate: H,
-            visibleHours: {
-              from: z.startHour,
-              to: z.endHour
-            },
-            onEventClick: D,
-            onSlotSelect: ee,
-            onSlotClick: ae,
-            renderPopover: s,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      case "timeline-week":
-        return /* @__PURE__ */ e(
-          Ee,
-          {
-            daysToShow: 7,
-            events: h,
-            users: R,
-            selectedDate: H,
-            visibleHours: {
-              from: z.startHour,
-              to: z.endHour
-            },
-            onEventClick: D,
-            onSlotSelect: ee,
-            onSlotClick: ae,
-            renderPopover: s,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-      default:
-        return /* @__PURE__ */ e(
-          Re,
-          {
-            events: h,
-            date: H,
-            badgeVariant: k,
-            onEventClick: D,
-            onDayClick: J,
-            ...y && { slots: y },
-            ...v && { classNames: v }
-          }
-        );
-    }
-  }, fe = Ie(null), [ke, Q] = se(!1);
-  be(() => {
-    X.current = fe.current;
-  }), be(() => {
-    const h = fe.current;
-    if (!h) return;
-    const D = () => {
-      const { scrollLeft: g, scrollWidth: w, clientWidth: b } = h;
-      Q(g + b < w - 4);
-    };
-    D(), h.addEventListener("scroll", D, { passive: !0 });
-    const s = new ResizeObserver(D);
-    s.observe(h);
-    const c = new MutationObserver(D);
-    return c.observe(h, { childList: !0, subtree: !0 }), () => {
-      h.removeEventListener("scroll", D), s.disconnect(), c.disconnect();
-    };
-  }, [C]);
-  const ie = Y(() => {
-    fe.current?.scrollBy({ left: 300, behavior: "smooth" });
-  }, []);
-  return /* @__PURE__ */ e(
-    Tt,
-    {
-      mode: Ce,
-      onSelect: ee,
-      minDurationMinutes: p,
-      slotDurationMinutes: _,
-      enabled: !!(o || r),
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          className: m(
-            "inno-calendar-root flex flex-col h-full p-4",
-            v?.root,
-            i
-          ),
-          children: [
-            l && /* @__PURE__ */ e(
-              yt,
-              {
-                currentDate: H,
-                view: C,
-                events: q,
-                onViewChange: K,
-                onNavigateToday: () => T(/* @__PURE__ */ new Date(), C),
-                onNavigatePrev: () => {
-                  const h = new Date(H);
-                  C === "day" || C === "timeline-day" || C === "resource-day" ? h.setDate(h.getDate() - 1) : C === "timeline-3day" ? h.setDate(h.getDate() - 3) : C === "week" || C === "timeline-week" || C === "resource-week" ? h.setDate(h.getDate() - 7) : C === "month" ? h.setMonth(h.getMonth() - 1) : C === "year" ? h.setFullYear(h.getFullYear() - 1) : h.setDate(h.getDate() - 7), T(h, C);
-                },
-                onNavigateNext: () => {
-                  const h = new Date(H);
-                  C === "day" || C === "timeline-day" || C === "resource-day" ? h.setDate(h.getDate() + 1) : C === "timeline-3day" ? h.setDate(h.getDate() + 3) : C === "week" || C === "timeline-week" || C === "resource-week" ? h.setDate(h.getDate() + 7) : C === "month" ? h.setMonth(h.getMonth() + 1) : C === "year" ? h.setFullYear(h.getFullYear() + 1) : h.setDate(h.getDate() + 7), T(h, C);
-                },
-                availableViews: [
-                  "day",
-                  "week",
-                  "month",
-                  // 'year', NOTE: Intentionally blocked cause it would severe performance issues when there are many events
-                  "agenda"
-                ],
-                showTimelineViews: !0,
-                showSettings: !!L,
-                ...!I && a && { onAddEvent: a },
-                actions: I,
-                settingsContent: L,
-                filterContent: F,
-                ...N && { headerConfig: N }
-              }
-            ),
-            /* @__PURE__ */ n("div", { className: "relative flex-1 min-h-0", children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  ref: fe,
-                  className: m(
-                    "h-full border rounded-lg bg-white overflow-x-auto",
-                    v?.viewContainer
-                  ),
-                  children: De()
-                }
-              ),
-              x && /* @__PURE__ */ e("div", { className: "inno-calendar-loading-overlay", children: /* @__PURE__ */ e("div", { className: "inno-calendar-spinner" }) }),
-              ke && /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  onClick: ie,
-                  className: "inno-scroll-right-btn",
-                  "aria-label": "Scroll right",
-                  children: /* @__PURE__ */ n(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "16",
-                      height: "16",
-                      viewBox: "0 0 24 24",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      "aria-hidden": "true",
-                      children: [
-                        /* @__PURE__ */ e("title", { children: "Scroll right" }),
-                        /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
-                      ]
-                    }
-                  )
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  );
-}
-function fr({
-  events: t,
-  users: r = [],
-  scheduleTypes: o = [],
-  initialView: a = "week",
-  initialDate: i,
-  initialSelectedUserId: l,
-  initialScheduleTypeIds: p,
-  initialParticipantIds: f,
-  initialWorkingHoursView: d,
-  initialSearchQuery: x,
-  preferencesConfig: y,
-  onEventClick: v,
-  onSlotClick: L,
-  onSlotSelect: F,
-  onAddEvent: I,
-  onEventDrop: W,
-  onDateChange: E,
-  onViewChange: N,
-  className: j,
-  showHeader: B = !0,
-  minSelectionMinutes: O = 30,
-  showMoreMode: C,
-  showMoreEventsInPopover: K = !1,
-  isLoading: H = !1,
-  renderPopover: T,
-  slots: _,
-  classNames: q,
-  settingsContent: R,
-  filterContent: A,
-  headerActions: u,
-  focusEventId: k,
-  headerConfig: $,
-  eventDetailMode: P,
-  renderEventDetail: z
-}, re) {
-  return /* @__PURE__ */ e(St, { ...W && { onEventDrop: W }, children: /* @__PURE__ */ e(
-    Et,
-    {
-      initialEvents: t,
-      initialUsers: r,
-      initialScheduleTypes: o,
-      initialView: a,
-      ...i && { initialDate: i },
-      ...l && { initialSelectedUserId: l },
-      ...p && { initialScheduleTypeIds: p },
-      ...f && { initialParticipantIds: f },
-      ...d && { initialWorkingHoursView: d },
-      ...x && { initialSearchQuery: x },
-      ...y && { preferencesConfig: y },
-      ...E && { onDateChange: E },
-      ...N && { onViewChange: N },
-      ...k && { initialFocusEventId: k },
-      children: /* @__PURE__ */ e(
-        mr,
-        {
-          ...v && { onEventClick: v },
-          ...L && { onSlotClick: L },
-          ...F && { onSlotSelect: F },
-          ...I && { onAddEvent: I },
-          ...T && { renderPopover: T },
-          className: j,
-          showHeader: B,
-          minSelectionMinutes: O,
-          ...C && { showMoreMode: C },
-          showMoreEventsInPopover: K,
-          isLoading: H,
-          ..._ && { slots: _ },
-          ...q && { classNames: q },
-          settingsContent: R,
-          filterContent: A,
-          headerActions: u,
-          calendarRef: re,
-          ...$ && { headerConfig: $ },
-          ...P && { eventDetailMode: P },
-          ...z && { renderEventDetail: z }
-        }
-      )
-    }
-  ) });
-}
-const hn = je(fr), me = je(
-  ({ className: t, children: r, ...o }, a) => /* @__PURE__ */ e(
-    "select",
-    {
-      ref: a,
-      className: m(
-        "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm",
-        "ring-offset-background",
-        "focus:outline-none focus:ring-1 focus:ring-ring",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        "[&>option]:bg-background",
-        t
-      ),
-      ...o,
-      children: r
-    }
-  )
-);
-me.displayName = "Select";
-const le = je(({ className: t, ...r }, o) => /* @__PURE__ */ e(
-  "label",
-  {
-    ref: o,
-    className: m(
-      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      t
-    ),
-    ...r
-  }
-));
-le.displayName = "Label";
-function gr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 pr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 xr = [
-  { value: 15, label: "15 minutes" },
-  { value: 30, label: "30 minutes" },
-  { value: 60, label: "1 hour" }
-];
-function mn({
-  value: t,
-  onChange: r,
-  isLocked: o = !1,
-  className: a,
-  labels: i = {}
-}) {
-  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.",
-    ...i
-  }, p = (f) => {
-    o || r(Number(f.target.value));
-  };
-  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-3", a), children: [
-    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(le, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(ce, { delayDuration: 100, children: /* @__PURE__ */ n(de, { children: [
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(pr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(ce, { delayDuration: 100, children: /* @__PURE__ */ n(de, { children: [
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(gr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(he, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(
-      me,
-      {
-        value: t.toString(),
-        onChange: p,
-        disabled: o,
-        className: "h-9 w-[128px] text-sm",
-        children: xr.map((f) => /* @__PURE__ */ e("option", { value: f.value.toString(), children: f.label }, f.value))
-      }
-    )
-  ] });
-}
-function vr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 wr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 br = [
-  { value: "dot", label: "Dot indicator" },
-  { value: "colored", label: "Full color" },
-  { value: "mixed", label: "Mixed" }
-];
-function fn({
-  value: t,
-  onChange: r,
-  isLocked: o = !1,
-  className: a,
-  labels: i = {}
-}) {
-  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"
-    },
-    ...i
-  }, p = (d) => l.options?.[d] ?? d, f = (d) => {
-    o || r(d.target.value);
-  };
-  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-3", a), children: [
-    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(le, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(ce, { delayDuration: 100, children: /* @__PURE__ */ n(de, { children: [
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(wr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(ce, { delayDuration: 100, children: /* @__PURE__ */ n(de, { children: [
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(vr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(he, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(
-      me,
-      {
-        value: t,
-        onChange: f,
-        disabled: o,
-        className: "h-9 w-[128px] text-sm",
-        children: br.map((d) => /* @__PURE__ */ e("option", { value: d.value, children: p(d.value) }, d.value))
-      }
-    )
-  ] });
-}
-function yr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 kr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Nr() {
-  return Array.from({ length: 25 }, (t, r) => ({
-    value: r,
-    label: `${String(r).padStart(2, "0")}:00`
-  }));
-}
-function gn({
-  value: t,
-  onChange: r,
-  isLocked: o = !1,
-  className: a,
-  labels: i = {}
-}) {
-  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.",
-    ...i
-  }, p = Nr(), f = (x) => {
-    if (o) return;
-    const y = Number(x.target.value);
-    y < t.endHour && r({ ...t, startHour: y });
-  }, d = (x) => {
-    if (o) return;
-    const y = Number(x.target.value);
-    y > t.startHour && r({ ...t, endHour: y });
-  };
-  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-3", a), children: [
-    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(le, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(ce, { delayDuration: 100, children: /* @__PURE__ */ n(de, { children: [
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(kr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(ce, { delayDuration: 100, children: /* @__PURE__ */ n(de, { children: [
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(yr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(he, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(le, { className: "text-xs text-muted-foreground", children: l.from }),
-        /* @__PURE__ */ e(
-          me,
-          {
-            value: t.startHour.toString(),
-            onChange: f,
-            disabled: o,
-            className: "h-9 w-[88px] text-sm",
-            children: p.map((x) => /* @__PURE__ */ e(
-              "option",
-              {
-                value: x.value.toString(),
-                disabled: x.value >= t.endHour,
-                children: x.label
-              },
-              x.value
-            ))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
-      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ e(le, { className: "text-xs text-muted-foreground", children: l.to }),
-        /* @__PURE__ */ e(
-          me,
-          {
-            value: t.endHour.toString(),
-            onChange: d,
-            disabled: o,
-            className: "h-9 w-[88px] text-sm",
-            children: p.map((x) => /* @__PURE__ */ e(
-              "option",
-              {
-                value: x.value.toString(),
-                disabled: x.value <= t.startHour,
-                children: x.label
-              },
-              x.value
-            ))
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function Cr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Dr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Mr({ 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 Sr = [
-  "monday",
-  "tuesday",
-  "wednesday",
-  "thursday",
-  "friday",
-  "saturday",
-  "sunday"
-];
-function Er() {
-  return Array.from({ length: 25 }, (t, r) => ({
-    value: r,
-    label: `${String(r).padStart(2, "0")}:00`
-  }));
-}
-const Ze = {
-  sunday: "Sun",
-  monday: "Mon",
-  tuesday: "Tue",
-  wednesday: "Wed",
-  thursday: "Thu",
-  friday: "Fri",
-  saturday: "Sat"
-};
-function zr({ dayLabel: t, config: r, onChange: o, disabled: a, hourOptions: i }) {
-  const l = () => {
-    a || o({ ...r, enabled: !r.enabled });
-  }, p = (d) => {
-    if (a) return;
-    const x = Number(d.target.value);
-    x < r.to && o({ ...r, from: x });
-  }, f = (d) => {
-    if (a) return;
-    const x = Number(d.target.value);
-    x > r.from && o({ ...r, to: x });
-  };
-  return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        role: "checkbox",
-        "aria-checked": r.enabled,
-        "aria-label": `Enable ${t}`,
-        onClick: l,
-        disabled: a,
-        className: m(
-          "flex size-5 shrink-0 items-center justify-center rounded border transition-colors",
-          r.enabled ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background",
-          a && "cursor-not-allowed opacity-50"
-        ),
-        children: r.enabled && /* @__PURE__ */ e(Mr, { className: "size-3" })
-      }
-    ),
-    /* @__PURE__ */ e("span", { className: m("w-10 text-sm", !r.enabled && "text-muted-foreground"), children: t }),
-    /* @__PURE__ */ e(
-      me,
-      {
-        value: r.from.toString(),
-        onChange: p,
-        disabled: a || !r.enabled,
-        className: "h-8 w-[76px] text-xs",
-        children: i.map((d) => /* @__PURE__ */ e("option", { value: d.value.toString(), disabled: d.value >= r.to, children: d.label }, d.value))
-      }
-    ),
-    /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
-    /* @__PURE__ */ e(
-      me,
-      {
-        value: r.to.toString(),
-        onChange: f,
-        disabled: a || !r.enabled,
-        className: "h-8 w-[76px] text-xs",
-        children: i.map((d) => /* @__PURE__ */ e("option", { value: d.value.toString(), disabled: d.value <= r.from, children: d.label }, d.value))
-      }
-    )
-  ] });
-}
-function pn({
-  value: t,
-  onChange: r,
-  isLocked: o = !1,
-  className: a,
-  labels: i = {}
-}) {
-  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: Ze,
-    ...i
-  }, p = Er(), f = (d, x) => {
-    o || r({ ...t, [d]: x });
-  };
-  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-3", a), children: [
-    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(le, { className: "text-sm font-semibold", children: l.title }),
-      o ? /* @__PURE__ */ e(ce, { delayDuration: 100, children: /* @__PURE__ */ n(de, { children: [
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(Dr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e("p", { children: l.lockedMessage }) })
-      ] }) }) : /* @__PURE__ */ e(ce, { delayDuration: 100, children: /* @__PURE__ */ n(de, { children: [
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(Cr, { className: "size-3 text-muted-foreground" }) }),
-        /* @__PURE__ */ e(he, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: l.infoMessage }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: Sr.map((d) => /* @__PURE__ */ e(
-      zr,
-      {
-        dayLabel: l.days?.[d] ?? Ze[d],
-        config: t[d],
-        onChange: (x) => f(d, x),
-        disabled: o,
-        hourOptions: p
-      },
-      d
-    )) })
-  ] });
-}
-const xn = {
-  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 $e({ 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 Tr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Lr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Pe({ checked: t, onCheckedChange: r, className: o, children: a }) {
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      role: "checkbox",
-      "aria-checked": t,
-      onClick: () => r(!t),
-      className: o,
-      children: a
-    }
-  );
-}
-function Hr({ src: t, alt: r, fallback: o, className: a }) {
-  const [i, l] = se(!1);
-  return !t || i ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: m(
-        "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
-        a
-      ),
-      children: o || "?"
-    }
-  ) : /* @__PURE__ */ e(
-    "img",
-    {
-      src: t,
-      alt: r || "",
-      className: m("object-cover", a),
-      onError: () => l(!0)
-    }
-  );
-}
-function et({ value: t, onChange: r, placeholder: o, className: a }) {
-  return /* @__PURE__ */ n("div", { className: m("relative", a), children: [
-    /* @__PURE__ */ e(Tr, { 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: (i) => r(i.target.value),
-        placeholder: o,
-        className: "h-9 w-full rounded-lg border border-border bg-white pl-9 pr-3 text-sm placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-      }
-    )
-  ] });
-}
-function tt(t, r, o, a = 0.3) {
-  if (!r.trim()) return t;
-  const i = r.toLowerCase();
-  return t.filter((l) => o(l).some((f) => f ? f.toLowerCase().includes(i) : !1));
-}
-const Ir = {
-  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 vn({
-  scheduleTypes: t,
-  users: r,
-  selectedScheduleTypeIds: o,
-  onScheduleTypeChange: a,
-  selectedUserIds: i,
-  onUserChange: l,
-  onClearAll: p,
-  className: f,
-  scheduleTypesLoading: d = !1,
-  usersLoading: x = !1,
-  labels: y,
-  getScheduleTypeName: v
-}) {
-  const L = { ...Ir, ...y }, [F, I] = se(""), [W, E] = se(""), N = G(() => F.trim() ? tt(t, F, (u) => [
-    u.name,
-    v?.(u) || u.name
-  ]) : t, [t, F, v]), j = G(() => W.trim() ? tt(r, W, (u) => [u.name, u.email || ""]) : r, [r, W]), B = N.length > 0 && N.every((u) => o.includes(u.id)), O = j.length > 0 && j.every((u) => i.includes(u.id)), C = o.length + i.length, K = (u, k) => {
-    const $ = k ? [...o, u] : o.filter((P) => P !== u);
-    a($);
-  }, H = () => {
-    if (B) {
-      const u = new Set(N.map((k) => k.id));
-      a(o.filter((k) => !u.has(k)));
-    } else {
-      const u = /* @__PURE__ */ new Set([
-        ...o,
-        ...N.map((k) => k.id)
-      ]);
-      a(Array.from(u));
-    }
-  }, T = (u, k) => {
-    const $ = k ? [...i, u] : i.filter((P) => P !== u);
-    l($);
-  }, _ = () => {
-    if (O) {
-      const u = new Set(j.map((k) => k.id));
-      l(i.filter((k) => !u.has(k)));
-    } else {
-      const u = /* @__PURE__ */ new Set([...i, ...j.map((k) => k.id)]);
-      l(Array.from(u));
-    }
-  }, q = () => {
-    a([]), l([]), p?.();
-  }, R = (u) => v ? v(u) : u.name, A = (u) => u.colorHex || u.color || "#069AD7";
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: m(
-        "flex min-w-72 max-w-72 flex-col rounded-lg border bg-white shadow-sm",
-        f
-      ),
-      children: [
-        /* @__PURE__ */ n("header", { className: "flex items-start justify-between gap-2 px-4 pb-2 pt-4", children: [
-          /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: L.title }),
-            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: L.subtitle })
-          ] }),
-          C > 0 && /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              onClick: q,
-              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(Lr, { className: "h-3.5 w-3.5" }),
-                L.clearAll
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
-        /* @__PURE__ */ n("section", { className: "flex flex-col", children: [
-          /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: L.scheduleTypes }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                onClick: H,
-                className: "text-xs font-medium text-primary transition-colors hover:text-primary/80",
-                children: B ? L.unselectAll : L.selectAll
-              }
-            )
-          ] }),
-          t.length > 6 && /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            et,
-            {
-              value: F,
-              onChange: I,
-              placeholder: L.searchScheduleTypes
-            }
-          ) }),
-          /* @__PURE__ */ n("div", { className: "flex max-h-[220px] flex-col gap-2 overflow-y-auto px-4 pb-2 scrollbar-thin", children: [
-            d ? (
-              // Loading skeletons
-              Array.from({ length: 4 }).map((u, k) => /* @__PURE__ */ n(
-                "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-${k}`
-              ))
-            ) : N.map((u) => {
-              const k = o.includes(u.id), $ = A(u);
-              return /* @__PURE__ */ n(
-                Pe,
-                {
-                  checked: k,
-                  onCheckedChange: (P) => K(u.id, P),
-                  className: m(
-                    "relative flex w-full cursor-pointer items-center justify-between gap-3 rounded-md border border-border bg-white px-3 py-2 transition-colors hover:border-primary/50",
-                    k && "border-primary bg-primary/5"
-                  ),
-                  children: [
-                    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ e(
-                        "span",
-                        {
-                          className: m(
-                            "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
-                            k && "border-primary bg-primary text-primary-foreground"
-                          ),
-                          children: k && /* @__PURE__ */ e($e, { className: "h-3 w-3" })
-                        }
-                      ),
-                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: R(u) })
-                    ] }),
-                    /* @__PURE__ */ e(
-                      "div",
-                      {
-                        className: "h-4 w-4 rounded-full border",
-                        style: {
-                          backgroundColor: $,
-                          borderColor: $
-                        }
-                      }
-                    )
-                  ]
-                },
-                u.id
-              );
-            }),
-            !d && N.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: L.noScheduleTypes })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
-        /* @__PURE__ */ n("section", { className: "flex flex-col", children: [
-          /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-4 py-3", children: [
-            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: L.participants }),
-            /* @__PURE__ */ e(
-              Pe,
-              {
-                checked: O,
-                onCheckedChange: () => _(),
-                className: m(
-                  "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
-                  O && "border-primary bg-primary text-primary-foreground"
-                ),
-                children: O && /* @__PURE__ */ e($e, { className: "h-3.5 w-3.5" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
-            et,
-            {
-              value: W,
-              onChange: E,
-              placeholder: L.searchParticipants
-            }
-          ) }),
-          /* @__PURE__ */ n("div", { className: "flex max-h-[400px] flex-col gap-2 overflow-y-auto px-4 pb-4 scrollbar-thin", children: [
-            x ? (
-              // Loading skeletons
-              Array.from({ length: 4 }).map((u, k) => /* @__PURE__ */ n(
-                "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__ */ n("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-${k}`
-              ))
-            ) : j.map((u) => {
-              const k = i.includes(u.id);
-              return /* @__PURE__ */ n(
-                Pe,
-                {
-                  checked: k,
-                  onCheckedChange: ($) => T(u.id, $),
-                  className: m(
-                    "relative flex w-full cursor-pointer items-start gap-2 rounded-lg border border-border bg-white p-2 transition-colors hover:border-primary/50",
-                    k && "border-primary bg-zinc-50"
-                  ),
-                  children: [
-                    /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: m(
-                          "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
-                          k && "border-primary bg-primary text-primary-foreground"
-                        ),
-                        children: k && /* @__PURE__ */ e($e, { className: "h-2.5 w-2.5" })
-                      }
-                    ),
-                    /* @__PURE__ */ n("div", { className: "flex flex-1 items-start gap-2", children: [
-                      /* @__PURE__ */ e(
-                        Hr,
-                        {
-                          src: u.avatar ?? null,
-                          alt: u.name,
-                          fallback: u.name?.[0]?.toUpperCase() ?? "?",
-                          className: "h-10 w-10 rounded-lg"
-                        }
-                      ),
-                      /* @__PURE__ */ n("div", { className: "flex max-w-[140px] flex-col gap-0.5 overflow-hidden", children: [
-                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: u.name }),
-                        /* @__PURE__ */ e(
-                          "span",
-                          {
-                            className: "truncate text-[11px] text-muted-foreground",
-                            title: u.email,
-                            children: u.email
-                          }
-                        )
-                      ] })
-                    ] })
-                  ]
-                },
-                u.id
-              );
-            }),
-            !x && j.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: L.noParticipants })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function jr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 wn({
-  scheduleTypes: t,
-  value: r,
-  onChange: o,
-  allLabel: a = "All types",
-  className: i,
-  label: l
-}) {
-  const p = (d) => {
-    o(d.target.value);
-  }, f = t.find((d) => String(d.id) === r);
-  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-1", i), children: [
-    l && /* @__PURE__ */ e(le, { className: "text-xs text-muted-foreground", children: l }),
-    /* @__PURE__ */ n("div", { className: "relative", children: [
-      f ? /* @__PURE__ */ e(
-        "span",
-        {
-          className: "pointer-events-none absolute left-2.5 top-1/2 size-3 -translate-y-1/2 rounded-full",
-          style: { backgroundColor: f.color }
-        }
-      ) : /* @__PURE__ */ e(jr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ n(
-        me,
-        {
-          value: r,
-          onChange: p,
-          className: "h-9 w-full min-w-[140px] pl-8 pr-8 text-sm",
-          children: [
-            /* @__PURE__ */ e("option", { value: "all", children: a }),
-            t.map((d) => /* @__PURE__ */ e("option", { value: String(d.id), children: d.label }, d.id))
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function Wr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 bn({
-  users: t,
-  value: r,
-  onChange: o,
-  allLabel: a = "All users",
-  className: i,
-  label: l
-}) {
-  const p = (f) => {
-    o(f.target.value);
-  };
-  return /* @__PURE__ */ n("div", { className: m("flex flex-col gap-1", i), children: [
-    l && /* @__PURE__ */ e(le, { className: "text-xs text-muted-foreground", children: l }),
-    /* @__PURE__ */ n("div", { className: "relative", children: [
-      /* @__PURE__ */ e(Wr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ n(
-        me,
-        {
-          value: r,
-          onChange: p,
-          className: "h-9 w-full min-w-[120px] pl-8 pr-8 text-sm",
-          children: [
-            /* @__PURE__ */ e("option", { value: "all", children: a }),
-            t.map((f) => /* @__PURE__ */ e("option", { value: f.id, children: f.name }, f.id))
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function Ar({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Fr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 $r({ 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 Pr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 Br(t) {
-  const r = t.getFullYear(), o = String(t.getMonth() + 1).padStart(2, "0"), a = String(t.getDate()).padStart(2, "0");
-  return `${r}-${o}-${a}`;
-}
-function rt(t) {
-  const r = t.getHours(), o = t.getMinutes(), a = r >= 12 ? "PM" : "AM", i = r % 12 || 12, l = String(o).padStart(2, "0");
-  return `${i}:${l} ${a}`;
-}
-function Or(t) {
-  const r = rt(t.startDate), o = rt(t.endDate);
-  return `${r} - ${o}`;
-}
-function _r(t) {
-  const r = ct(/* @__PURE__ */ new Date(), 1);
-  return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
-}
-function Rr(t) {
-  if (oe(t)) return "Today";
-  if (_r(t)) return "Tomorrow";
-  const r = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], o = [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ], a = r[t.getDay()], i = o[t.getMonth()], l = t.getDate();
-  return `${a}, ${i} ${l}`;
-}
-function Vr(t, r) {
-  const o = /* @__PURE__ */ new Map();
-  for (const a of t) {
-    const i = Br(a.startDate), l = o.get(i) ?? [];
-    l.push(a), o.set(i, l);
-  }
-  return Array.from(o.entries()).map(([a, i]) => {
-    const l = [...i].sort(
-      (f, d) => f.startDate.getTime() - d.startDate.getTime()
-    ), p = r > 0 ? l.slice(0, r) : l;
-    return {
-      date: new Date(a),
-      dateKey: a,
-      events: p,
-      hasMore: r > 0 && l.length > r
-    };
-  }).sort((a, i) => a.date.getTime() - i.date.getTime());
-}
-function Ur(t) {
-  const r = We(/* @__PURE__ */ new Date()), o = lt(/* @__PURE__ */ new Date());
-  return t.filter((a) => a.startDate >= r && a.startDate <= o).length;
-}
-function Be({ className: t }) {
-  return /* @__PURE__ */ e("div", { className: m("animate-pulse rounded-md bg-muted", t) });
-}
-function Yr({ event: t, onClick: r }) {
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: () => r?.(t),
-      className: m(
-        "w-full text-left rounded-lg transition-colors",
-        "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        "flex items-start gap-3 p-2"
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "shrink-0 rounded-full mt-1.5 size-2",
-            style: { backgroundColor: t.color ?? "#3b82f6" }
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: "text-sm font-medium truncate", children: t.title }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: Or(t) })
-        ] }),
-        r && /* @__PURE__ */ e($r, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
-      ]
-    }
-  );
-}
-function Gr({ group: t, onEventClick: r }) {
-  return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
-      /* @__PURE__ */ e("h3", { className: m("text-xs font-semibold", oe(t.date) && "text-primary"), children: Rr(t.date) }),
-      t.hasMore && /* @__PURE__ */ n("span", { className: "text-[10px] text-muted-foreground", children: [
-        "+",
-        t.events.length,
-        " more"
-      ] })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((o) => /* @__PURE__ */ e(Yr, { event: o, onClick: r }, o.id)) })
-  ] });
-}
-function yn({
-  events: t,
-  isLoading: r = !1,
-  className: o,
-  daysAhead: a = 7,
-  maxEventsPerDay: i = 3,
-  onEventClick: l,
-  onNavigateToAgenda: p
-}) {
-  const [f, d] = se(!1), x = G(() => {
-    const I = We(/* @__PURE__ */ new Date()), W = ct(I, a);
-    return t.filter((E) => E.endDate >= I && E.startDate < W);
-  }, [t, a]), y = G(
-    () => Vr(x, i),
-    [x, i]
-  ), v = G(() => Ur(t), [t]), L = (I) => {
-    d(!1), l?.(I);
-  }, F = () => {
-    d(!1), p?.();
-  };
-  return /* @__PURE__ */ n(st, { open: f, onOpenChange: d, children: [
-    /* @__PURE__ */ n(
-      at,
-      {
-        className: m(
-          "relative rounded-xl hover:text-zinc-700 hover:!bg-zinc-300 !bg-zinc-200 text-zinc-600 shadow-none !px-2.5 p-2 max-h-10",
-          o
-        ),
-        children: [
-          /* @__PURE__ */ e(Ar, { className: "h-4 w-4" }),
-          v > 0 && /* @__PURE__ */ e(
-            Dt,
-            {
-              variant: "destructive",
-              className: "absolute -right-4 -top-4 m-3 flex h-5 w-5 items-center justify-center rounded-full bg-primary p-0 text-[10px] font-medium hover:bg-primary",
-              children: v > 99 ? "99+" : v
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ n(it, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
-      /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b p-4", children: [
-        /* @__PURE__ */ n("div", { children: [
-          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Upcoming" }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: v > 0 ? `${v} event${v > 1 ? "s" : ""} today` : "No events today" })
-        ] }),
-        p && /* @__PURE__ */ n(
-          "button",
-          {
-            type: "button",
-            onClick: F,
-            className: "text-xs text-primary hover:underline flex items-center gap-1",
-            children: [
-              "View all",
-              /* @__PURE__ */ e(Pr, { className: "size-3" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: r ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((I, W) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
-        /* @__PURE__ */ e(Be, { className: "h-2 w-2 rounded-full mt-2" }),
-        /* @__PURE__ */ n("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ e(Be, { className: "h-4 w-full" }),
-          /* @__PURE__ */ e(Be, { className: "h-3 w-3/4" })
-        ] })
-      ] }, W)) }) : y.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
-        /* @__PURE__ */ e(Fr, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
-        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No upcoming events" }),
-        /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground/70", children: [
-          "Your schedule is clear for the next ",
-          a,
-          " days"
-        ] })
-      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: y.map((I) => /* @__PURE__ */ e(
-        Gr,
-        {
-          group: I,
-          onEventClick: L
-        },
-        I.dateKey
-      )) }) })
-    ] })
-  ] });
-}
-function Kr({ className: t }) {
-  return /* @__PURE__ */ n(
-    "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 ut({ 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 qr(t) {
-  const r = /* @__PURE__ */ new Date();
-  return r.setDate(r.getDate() + 1), t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
-}
-function nt(t) {
-  const r = t.getHours(), o = t.getMinutes(), a = r >= 12 ? "PM" : "AM";
-  return `${r % 12 || 12}:${o.toString().padStart(2, "0")} ${a}`;
-}
-function Jr(t) {
-  return new Intl.DateTimeFormat("en-US", {
-    weekday: "long",
-    month: "short",
-    day: "numeric"
-  }).format(t);
-}
-function Xr(t) {
-  const r = nt(t.startDate), o = nt(t.endDate);
-  return `${r} - ${o}`;
-}
-function Qr(t) {
-  return oe(t) ? "Today" : qr(t) ? "Tomorrow" : Jr(t);
-}
-function Zr(t, r) {
-  const o = /* @__PURE__ */ new Map();
-  for (const a of t) {
-    const i = jt(a.startDate), l = o.get(i) ?? [];
-    l.push(a), o.set(i, l);
-  }
-  return Array.from(o.entries()).map(([a, i]) => {
-    const l = [...i].sort(
-      (f, d) => f.startDate.getTime() - d.startDate.getTime()
-    ), p = r > 0 ? l.slice(0, r) : l;
-    return {
-      date: new Date(a),
-      dateKey: a,
-      events: p,
-      hasMore: r > 0 && l.length > r
-    };
-  }).sort((a, i) => a.date.getTime() - i.date.getTime());
-}
-function en({ event: t, onClick: r, compact: o }) {
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: () => r?.(t),
-      className: m(
-        "w-full text-left rounded-lg transition-colors",
-        "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        "flex items-start gap-3",
-        o ? "p-2" : "p-3"
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: m("shrink-0 rounded-full mt-1", o ? "size-2" : "size-2.5"),
-            style: { backgroundColor: t.color ?? "#3b82f6" }
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("p", { className: m("font-medium truncate", o ? "text-xs" : "text-sm"), children: t.title }),
-          /* @__PURE__ */ e("p", { className: m("text-muted-foreground truncate", o ? "text-[10px]" : "text-xs"), children: Xr(t) })
-        ] }),
-        r && /* @__PURE__ */ e(
-          ut,
-          {
-            className: m("shrink-0 text-muted-foreground/50", o ? "size-3" : "size-4")
-          }
-        )
-      ]
-    }
-  );
-}
-function tn({
-  group: t,
-  onEventClick: r,
-  onViewMore: o,
-  compact: a
-}) {
-  return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ n("div", { className: m("flex items-center justify-between px-2", a ? "py-1" : "py-1.5"), children: [
-      /* @__PURE__ */ e(
-        "h3",
-        {
-          className: m(
-            "font-semibold",
-            a ? "text-xs" : "text-sm",
-            oe(t.date) && "text-primary"
-          ),
-          children: Qr(t.date)
-        }
-      ),
-      t.hasMore && o && /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          onClick: () => o(t.date),
-          className: m("text-primary hover:underline", a ? "text-[10px]" : "text-xs"),
-          children: "+more"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((i) => /* @__PURE__ */ e(en, { event: i, onClick: r, compact: a }, i.id)) })
-  ] });
-}
-function kn({
-  events: t,
-  daysAhead: r = 7,
-  maxEventsPerDay: o = 3,
-  onEventClick: a,
-  onViewAll: i,
-  className: l,
-  emptyState: p,
-  title: f = "Upcoming",
-  showHeader: d = !0,
-  compact: x = !1
-}) {
-  const y = ot(), v = y?.filteredEvents, L = y?.currentDate ?? /* @__PURE__ */ new Date(), F = t ?? v ?? [], I = G(() => {
-    const N = We(L), j = new Date(N);
-    return j.setDate(j.getDate() + r), F.filter((B) => B.endDate >= N && B.startDate < j);
-  }, [F, r, L]), W = G(
-    () => Zr(I, o),
-    [I, o]
-  ), E = I.length;
-  return W.length === 0 ? /* @__PURE__ */ n("div", { className: m("rounded-lg border bg-card", l), children: [
-    d && /* @__PURE__ */ e(
-      "div",
-      {
-        className: m(
-          "border-b px-4 flex items-center justify-between",
-          x ? "py-2" : "py-3"
-        ),
-        children: /* @__PURE__ */ e("h2", { className: m("font-semibold", x ? "text-sm" : "text-base"), children: f })
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: m(
-          "flex flex-col items-center justify-center text-center",
-          x ? "py-6 px-4" : "py-10 px-6"
-        ),
-        children: p ?? /* @__PURE__ */ n(ge, { children: [
-          /* @__PURE__ */ e(
-            Kr,
-            {
-              className: m("text-muted-foreground/50 mb-2", x ? "size-8" : "size-10")
-            }
-          ),
-          /* @__PURE__ */ e("p", { className: m("text-muted-foreground", x ? "text-xs" : "text-sm"), children: "No upcoming events" })
-        ] })
-      }
-    )
-  ] }) : /* @__PURE__ */ n("div", { className: m("rounded-lg border bg-card overflow-hidden", l), children: [
-    d && /* @__PURE__ */ n(
-      "div",
-      {
-        className: m(
-          "border-b px-4 flex items-center justify-between",
-          x ? "py-2" : "py-3"
-        ),
-        children: [
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("h2", { className: m("font-semibold", x ? "text-sm" : "text-base"), children: f }),
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: m(
-                  "text-muted-foreground bg-muted rounded-full px-2",
-                  x ? "text-[10px] py-0" : "text-xs py-0.5"
-                ),
-                children: E
-              }
-            )
-          ] }),
-          i && /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              onClick: () => i(),
-              className: m(
-                "text-primary hover:underline flex items-center gap-0.5",
-                x ? "text-xs" : "text-sm"
-              ),
-              children: [
-                "View all",
-                /* @__PURE__ */ e(ut, { className: "size-3" })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: m(
-          "divide-y overflow-auto",
-          x ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
-        ),
-        children: W.map((N) => /* @__PURE__ */ e(
-          tn,
-          {
-            group: N,
-            onEventClick: a,
-            onViewMore: i ? (j) => i(j) : void 0,
-            compact: x
-          },
-          N.dateKey
-        ))
-      }
-    )
-  ] });
-}
-export {
-  yn as A,
-  fn as B,
-  dn as C,
-  xn as D,
-  un as E,
-  hn as I,
-  wn as S,
-  Ee as T,
-  bn as U,
-  gn as V,
-  pn as W,
-  ur as Y,
-  kn as a,
-  vn as b,
-  mn as c
-};
-//# sourceMappingURL=agenda-widget-DHq2DsjV.js.map