@innosolutions/inno-calendar 1.0.35 → 1.0.38

package/dist/week-view-5nw-Hvod.js

@@ -1,2754 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import * as Y from "react";
-import { useState as oe, useCallback as M, forwardRef as ze, createElement as De, useMemo as V, useRef as se, useEffect as it, useLayoutEffect as qe } from "react";
-import { c as l, a as st } from "./index-DtaLkIY8.js";
-import * as H from "@radix-ui/react-dropdown-menu";
-import { getEventsCountInView as lt, getRangeText as dt, groupEventsByDate as ct, isToday as te, isSameDay as Pe, getEventsForDay as Le, separateEventsByDuration as Ke, calculateOverlappingPositions as Ye, getVisibleHoursArray as Xe, isWorkingHour as Je, formatHourLabel as we, generateMonthGrid as ut, getWeekDays as mt, startOfWeek as ht } from "./utils.mjs";
-import { a as We, b as Ee } from "./slot-selection-context-D2eu2o-7.js";
-import * as ue from "@radix-ui/react-popover";
-import * as pe from "@radix-ui/react-tooltip";
-const ne = ue.Root, re = ue.Trigger, an = ue.Anchor, Q = Y.forwardRef(({ className: t, align: n = "center", sideOffset: o = 4, ...a }, d) => /* @__PURE__ */ e(ue.Portal, { children: /* @__PURE__ */ e(
-  ue.Content,
-  {
-    ref: d,
-    align: n,
-    sideOffset: o,
-    className: l(
-      "z-50 w-72 rounded-xl border bg-white text-popover-foreground outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      t
-    ),
-    ...a
-  }
-) }));
-Q.displayName = ue.Content.displayName;
-const sn = pe.Provider, le = pe.Root, de = pe.Trigger, ee = Y.forwardRef(({ className: t, sideOffset: n = 4, ...o }, a) => /* @__PURE__ */ e(
-  pe.Content,
-  {
-    ref: a,
-    sideOffset: n,
-    className: l(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      t
-    ),
-    ...o
-  }
-));
-ee.displayName = pe.Content.displayName;
-function fe(t) {
-  return {
-    blue: {
-      bg: "bg-blue-50 dark:bg-blue-950/30",
-      text: "text-blue-700 dark:text-blue-300",
-      dot: "bg-blue-500",
-      dotFill: "fill-blue-600 dark:fill-blue-500",
-      border: "border-blue-400 dark:border-blue-600"
-    },
-    green: {
-      bg: "bg-green-50 dark:bg-green-950/30",
-      text: "text-green-700 dark:text-green-300",
-      dot: "bg-green-500",
-      dotFill: "fill-green-600 dark:fill-green-500",
-      border: "border-green-400 dark:border-green-600"
-    },
-    red: {
-      bg: "bg-red-50 dark:bg-red-950/30",
-      text: "text-red-700 dark:text-red-300",
-      dot: "bg-red-500",
-      dotFill: "fill-red-600 dark:fill-red-500",
-      border: "border-red-400 dark:border-red-600"
-    },
-    yellow: {
-      bg: "bg-yellow-50 dark:bg-yellow-950/30",
-      text: "text-yellow-700 dark:text-yellow-300",
-      dot: "bg-yellow-500",
-      dotFill: "fill-yellow-600 dark:fill-yellow-500",
-      border: "border-yellow-400 dark:border-yellow-600"
-    },
-    purple: {
-      bg: "bg-purple-50 dark:bg-purple-950/30",
-      text: "text-purple-700 dark:text-purple-300",
-      dot: "bg-purple-500",
-      dotFill: "fill-purple-600 dark:fill-purple-500",
-      border: "border-purple-400 dark:border-purple-600"
-    },
-    orange: {
-      bg: "bg-orange-50 dark:bg-orange-950/30",
-      text: "text-orange-700 dark:text-orange-300",
-      dot: "bg-orange-500",
-      dotFill: "fill-orange-600 dark:fill-orange-500",
-      border: "border-orange-400 dark:border-orange-600"
-    },
-    pink: {
-      bg: "bg-pink-50 dark:bg-pink-950/30",
-      text: "text-pink-700 dark:text-pink-300",
-      dot: "bg-pink-500",
-      dotFill: "fill-pink-600 dark:fill-pink-500",
-      border: "border-pink-400 dark:border-pink-600"
-    },
-    teal: {
-      bg: "bg-teal-50 dark:bg-teal-950/30",
-      text: "text-teal-700 dark:text-teal-300",
-      dot: "bg-teal-500",
-      dotFill: "fill-teal-600 dark:fill-teal-500",
-      border: "border-teal-400 dark:border-teal-600"
-    },
-    gray: {
-      bg: "bg-gray-50 dark:bg-gray-950/30",
-      text: "text-gray-700 dark:text-gray-300",
-      dot: "bg-gray-500",
-      dotFill: "fill-gray-600 dark:fill-gray-500",
-      border: "border-gray-400 dark:border-gray-600"
-    },
-    indigo: {
-      bg: "bg-indigo-50 dark:bg-indigo-950/30",
-      text: "text-indigo-700 dark:text-indigo-300",
-      dot: "bg-indigo-500",
-      dotFill: "fill-indigo-600 dark:fill-indigo-500",
-      border: "border-indigo-400 dark:border-indigo-600"
-    }
-  }[t ?? "blue"];
-}
-function ve(t) {
-  return t.toLocaleTimeString([], {
-    hour: "2-digit",
-    minute: "2-digit",
-    hour12: !1
-  });
-}
-function Z(t, n) {
-  return `${ve(t)} - ${ve(n)}`;
-}
-function _e(t) {
-  const n = new Date(t);
-  return n.setHours(0, 0, 0, 0), n;
-}
-function Ce({
-  event: t,
-  variant: n = "full",
-  badgeVariant: o = "colored",
-  onClick: a,
-  className: d,
-  showTime: g = !0,
-  showDescription: c = !1,
-  showParticipants: b = !1,
-  style: z,
-  disablePopover: p = !1,
-  renderPopover: y,
-  enableDrag: L = !1
-}) {
-  const i = fe(t.color), [v, h] = oe(!1), [w, _] = oe(!1), W = We(), D = t.endDate < _e(/* @__PURE__ */ new Date()), x = t.isCanceled ?? !1, O = L && W && !x && !D, j = t.data, B = j?.meetingTookPlace ?? t.meetingTookPlace ?? !1, $ = x ? /* @__PURE__ */ e(ft, { className: "h-3 w-3 text-zinc-800 dark:text-zinc-200" }) : B ? /* @__PURE__ */ e(pt, { className: l("h-3 w-3", i.text) }) : null, F = t.scheduleTypeName || j?.scheduleTypeName || j?.typeName, u = j?.productName, k = j?.nrParticipant, A = j?.siteName, m = j?.siteCity, E = [A, m].filter(Boolean).join(", "), I = M(() => {
-    w || (p && a ? a(t) : p || h(!0));
-  }, [w, p, a, t]), N = M(() => {
-    h(!1);
-  }, []), G = M(
-    (f) => {
-      O && (f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", t.id), _(!0), W?.startDrag?.(t));
-    },
-    [O, t, W]
-  ), C = M(() => {
-    _(!1), W?.isDragging && W.endDrag?.();
-  }, [W]);
-  if (n === "dot") {
-    const f = /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: I,
-        className: l(
-          "size-2 rounded-full cursor-pointer transition-opacity",
-          D ? "bg-gray-400" : i.dot,
-          t.isCanceled && "opacity-50",
-          d
-        ),
-        style: z,
-        "aria-label": t.title
-      }
-    );
-    return p ? /* @__PURE__ */ r(le, { children: [
-      /* @__PURE__ */ e(de, { asChild: !0, children: f }),
-      /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
-        /* @__PURE__ */ e("div", { className: "text-xs opacity-80", children: Z(t.startDate, t.endDate) })
-      ] }) })
-    ] }) : /* @__PURE__ */ r(ne, { open: v, onOpenChange: h, children: [
-      /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ r(le, { children: [
-        /* @__PURE__ */ e(de, { asChild: !0, children: f }),
-        /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }) })
-      ] }) }),
-      /* @__PURE__ */ e(Q, { className: "w-80", children: y ? y({ event: t, onClose: N }) : /* @__PURE__ */ e(he, { event: t, onClose: N }) })
-    ] });
-  }
-  if (n === "compact") {
-    const f = /* @__PURE__ */ r(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        draggable: !!O,
-        onDragStart: G,
-        onDragEnd: C,
-        onClick: p ? I : void 0,
-        onKeyDown: (S) => {
-          (S.key === "Enter" || S.key === " ") && (S.preventDefault(), I());
-        },
-        className: l(
-          "group flex w-full relative items-center shadow-[0_0_1px_rgba(0,0,0,0.3)] gap-0 rounded px-1.5 py-1 text-left text-xs transition-colors hover:opacity-80",
-          O ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
-          w && "opacity-50",
-          // Cancelled events get gray background with strikethrough
-          x || // Past events get neutral zinc styling
-          D ? "bg-zinc-100 dark:bg-zinc-800 text-zinc-500 dark:text-zinc-400 line-through" : [
-            o === "colored" && [i.bg, i.text],
-            o === "mixed" && [i.bg, i.text],
-            o === "dot" && "bg-muted/50"
-          ],
-          d
-        ),
-        style: z,
-        children: [
-          ["dot", "mixed"].includes(o) && !D && /* @__PURE__ */ e(
-            "svg",
-            {
-              width: "8",
-              height: "8",
-              viewBox: "0 0 8 8",
-              className: "event-dot absolute -top-1 -left-1 shrink-0",
-              "aria-hidden": "true",
-              focusable: "false",
-              children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4", className: i.dotFill })
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ r("span", { className: "", children: [
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: "relative block overflow-hidden whitespace-nowrap text-xs leading-tight",
-                style: {
-                  maskImage: "linear-gradient(to right, transparent 0, black 8px, black calc(100% - 8px), transparent 100%)",
-                  WebkitMaskImage: "linear-gradient(to right, transparent 0, black 8px, black calc(100% - 8px), transparent 100%)"
-                },
-                children: /* @__PURE__ */ r("span", { className: "inline-flex event-marquee", children: [
-                  /* @__PURE__ */ e("span", { className: "shrink-0 px-1", children: t.title }),
-                  /* @__PURE__ */ e("span", { className: "shrink-0 px-1", children: "•" }),
-                  /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "shrink-0 px-1", children: t.title }),
-                  /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "shrink-0 px-1", children: "•" })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: l(
-                  "w-fit mt-0.5 text-[10px] px-1 py-0.5 border border-dashed rounded-full font-medium",
-                  D ? "border-zinc-400 dark:border-zinc-600" : i.border
-                ),
-                children: Z(t.startDate, t.endDate)
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ e("div", { className: "flex gap-0.5", children: $ })
-        ]
-      }
-    );
-    return p ? /* @__PURE__ */ r(le, { children: [
-      /* @__PURE__ */ e(de, { asChild: !0, children: f }),
-      /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
-        /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground tabular-nums", children: Z(t.startDate, t.endDate) })
-      ] }) })
-    ] }) : /* @__PURE__ */ r(ne, { open: v, onOpenChange: h, children: [
-      /* @__PURE__ */ e(re, { asChild: !0, children: f }),
-      /* @__PURE__ */ e(Q, { className: "w-80", children: y ? y({ event: t, onClose: N }) : /* @__PURE__ */ e(he, { event: t, onClose: N }) })
-    ] });
-  }
-  const s = /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      onClick: I,
-      className: l(
-        "group relative flex w-full flex-col gap-1 rounded-md border px-2 py-1.5 text-left transition-all hover:shadow-md",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        // Cancelled events get gray background with strikethrough
-        x || // Past events get neutral zinc styling with strikethrough
-        D ? "bg-zinc-100 dark:bg-zinc-800 border-zinc-300 dark:border-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [
-          o === "colored" && [
-            i.bg,
-            i.border,
-            i.text
-          ],
-          o === "mixed" && [
-            i.bg,
-            i.border,
-            i.text
-          ],
-          o === "dot" && "bg-muted/50 border-border"
-        ],
-        d
-      ),
-      style: z,
-      children: [
-        /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-1", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-            ["dot", "mixed"].includes(o) && !D && !x && /* @__PURE__ */ e(
-              "svg",
-              {
-                width: "8",
-                height: "8",
-                viewBox: "0 0 8 8",
-                className: "event-dot shrink-0",
-                "aria-hidden": "true",
-                focusable: "false",
-                children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4", className: i.dotFill })
-              }
-            ),
-            /* @__PURE__ */ r(
-              "span",
-              {
-                className: l(
-                  "text-sm font-medium truncate",
-                  !D && !x && o !== "dot" && i.text,
-                  x && "line-through"
-                ),
-                children: [
-                  t.title,
-                  F && /* @__PURE__ */ r("span", { className: "font-normal opacity-75", children: [
-                    " ",
-                    "- ",
-                    F
-                  ] })
-                ]
-              }
-            )
-          ] }),
-          $
-        ] }),
-        u && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: u }),
-        k != null && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ e(Se, { className: "h-3 w-3 shrink-0" }),
-          /* @__PURE__ */ r("span", { children: [
-            k,
-            " participant",
-            k !== 1 ? "s" : ""
-          ] })
-        ] }),
-        g && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ e($e, { className: "h-3 w-3 shrink-0" }),
-          /* @__PURE__ */ e("span", { children: Z(t.startDate, t.endDate) })
-        ] }),
-        E && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ e(Ze, { className: "h-3 w-3 shrink-0" }),
-          /* @__PURE__ */ e("span", { className: "truncate", children: E })
-        ] }),
-        c && t.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: t.description }),
-        b && t.participants && t.participants.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ e(Se, { className: "h-3 w-3 shrink-0" }),
-          /* @__PURE__ */ e("span", { className: "truncate", children: t.participants.map((f) => f.name).join(", ") })
-        ] })
-      ]
-    }
-  );
-  return p ? /* @__PURE__ */ r(le, { children: [
-    /* @__PURE__ */ e(de, { asChild: !0, children: s }),
-    /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
-      /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
-      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground tabular-nums", children: Z(t.startDate, t.endDate) })
-    ] }) })
-  ] }) : /* @__PURE__ */ r(ne, { open: v, onOpenChange: h, children: [
-    /* @__PURE__ */ e(re, { asChild: !0, children: s }),
-    /* @__PURE__ */ e(Q, { className: "w-80", children: y ? y({ event: t, onClose: N }) : /* @__PURE__ */ e(he, { event: t, onClose: N }) })
-  ] });
-}
-function $e({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ e("polyline", { points: "12 6 12 12 16 14" })
-      ]
-    }
-  );
-}
-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: "M20 6 9 17l-5-5" })
-    }
-  );
-}
-function ft({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
-      ]
-    }
-  );
-}
-function Se({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
-        /* @__PURE__ */ e("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-        /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
-      ]
-    }
-  );
-}
-function Ze({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: t,
-      children: [
-        /* @__PURE__ */ e("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }),
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "10", r: "3" })
-      ]
-    }
-  );
-}
-function he({
-  event: t,
-  onClose: n
-}) {
-  const o = fe(t.color), a = t.isCanceled ?? !1;
-  return /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ e("div", { className: l("size-4 rounded shrink-0 mt-0.5", o.dot) }),
-      /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ e(
-          "h3",
-          {
-            className: l(
-              "font-semibold text-lg",
-              a && "line-through opacity-50"
-            ),
-            children: t.title
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-sm text-muted-foreground mt-1", children: [
-          /* @__PURE__ */ e($e, { className: "h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ e("span", { className: "tabular-nums", children: Z(t.startDate, t.endDate) })
-        ] })
-      ] })
-    ] }),
-    t.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t.description }),
-    /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1.5", children: [
-      t.isAllDay && /* @__PURE__ */ e("span", { className: "text-xs bg-muted px-2 py-0.5 rounded-full font-medium", children: "All day" }),
-      t.isRecurring && /* @__PURE__ */ e("span", { className: "text-xs bg-muted px-2 py-0.5 rounded-full font-medium", children: "Recurring" }),
-      a && /* @__PURE__ */ e("span", { className: "text-xs bg-red-100 dark:bg-red-950/30 text-red-700 dark:text-red-300 px-2 py-0.5 rounded-full font-medium", children: "Canceled" })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "flex justify-end pt-2 border-t", children: /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: n,
-        className: "text-xs text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-muted transition-colors",
-        children: "Close"
-      }
-    ) })
-  ] });
-}
-function Qe({
-  event: t,
-  position: n,
-  hourHeight: o = 96,
-  badgeVariant: a = "colored",
-  onClick: d,
-  className: g,
-  disablePopover: c = !1,
-  renderPopover: b,
-  enableDrag: z = !0
-}) {
-  const p = fe(t.color), [y, L] = oe(!1), [i, v] = oe(!1), h = We(), w = (t.endDate.getTime() - t.startDate.getTime()) / (1e3 * 60), _ = w / 60 * o - 8, W = t.endDate < _e(/* @__PURE__ */ new Date()), D = t.isCanceled ?? !1, x = z && h && !D && !W, O = w < 35, j = w > 25, B = w >= 45, $ = t.data, F = t.scheduleTypeName || $?.scheduleTypeName || $?.typeName, u = $?.productName, k = $?.nrParticipant, A = $?.siteName, m = $?.siteCity, E = [A, m].filter(Boolean).join(", "), I = a === "dot", N = M(() => {
-    i || (c && d ? d(t) : c || L(!0));
-  }, [i, c, d, t]), G = M(() => {
-    L(!1);
-  }, []), C = M(
-    (T) => {
-      if (!x) return;
-      T.dataTransfer.effectAllowed = "move", T.dataTransfer.setData("text/plain", t.id);
-      const q = T.currentTarget, R = q.getBoundingClientRect();
-      T.dataTransfer.setDragImage(
-        q,
-        T.clientX - R.left,
-        T.clientY - R.top
-      ), v(!0), h?.startDrag?.(t);
-    },
-    [x, t, h]
-  ), s = M(() => {
-    v(!1), h?.isDragging && h.endDrag?.();
-  }, [h]), f = M(
-    (T) => {
-      (T.key === "Enter" || T.key === " ") && (T.preventDefault(), N());
-    },
-    [N]
-  ), S = /* @__PURE__ */ r(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      draggable: !!x,
-      onDragStart: C,
-      onDragEnd: s,
-      onKeyDown: f,
-      onClick: i ? void 0 : N,
-      className: l(
-        "group flex w-full select-none flex-col gap-0.5 overflow-hidden rounded-md border px-2 py-1.5 text-xs text-left",
-        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        "transition-opacity",
-        x ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
-        i && "opacity-50",
-        // Cancelled events get gray background with strikethrough
-        D || // Past events get neutral zinc styling with strikethrough
-        W ? "bg-zinc-100 dark:bg-zinc-800 border-zinc-300 dark:border-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [
-          // Colored/mixed variants
-          !I && [p.bg, p.border, p.text],
-          // Dot variant - neutral background
-          I && "bg-neutral-50 dark:bg-neutral-900 border-neutral-200 dark:border-neutral-700"
-        ],
-        // Short events center content
-        O && "py-0 justify-center",
-        g
-      ),
-      style: { height: `${Math.max(_, 20)}px` },
-      children: [
-        /* @__PURE__ */ r("div", { className: "flex items-start gap-1.5 min-w-0", children: [
-          ["mixed", "dot"].includes(a) && !W && !D && /* @__PURE__ */ e(
-            "svg",
-            {
-              width: "8",
-              height: "8",
-              viewBox: "0 0 8 8",
-              className: "event-dot shrink-0",
-              "aria-hidden": "true",
-              focusable: "false",
-              children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4", className: p.dotFill })
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ r(
-            "p",
-            {
-              className: l(
-                "font-semibold truncate leading-tight",
-                !W && !D && I && "text-foreground"
-              ),
-              children: [
-                t.title,
-                F && /* @__PURE__ */ r("span", { className: "font-normal opacity-75", children: [
-                  " ",
-                  "- ",
-                  F
-                ] })
-              ]
-            }
-          ) })
-        ] }),
-        B && u && /* @__PURE__ */ e(
-          "p",
-          {
-            className: l(
-              "text-[11px] truncate leading-tight",
-              I ? "text-muted-foreground" : "opacity-80"
-            ),
-            children: u
-          }
-        ),
-        B && k != null && /* @__PURE__ */ r(
-          "div",
-          {
-            className: l(
-              "flex items-center gap-1 text-[11px] leading-tight",
-              I ? "text-muted-foreground" : "opacity-80"
-            ),
-            children: [
-              /* @__PURE__ */ e(Se, { className: "h-3 w-3 shrink-0" }),
-              /* @__PURE__ */ r("span", { children: [
-                k,
-                " participant",
-                k !== 1 ? "s" : ""
-              ] })
-            ]
-          }
-        ),
-        j && /* @__PURE__ */ r(
-          "div",
-          {
-            className: l(
-              "flex items-center gap-1 text-[11px] tabular-nums leading-tight",
-              I ? "text-muted-foreground" : "opacity-90"
-            ),
-            children: [
-              /* @__PURE__ */ e($e, { className: "h-3 w-3 shrink-0" }),
-              /* @__PURE__ */ r("span", { children: [
-                ve(t.startDate),
-                " - ",
-                ve(t.endDate)
-              ] })
-            ]
-          }
-        ),
-        B && E && /* @__PURE__ */ r(
-          "div",
-          {
-            className: l(
-              "flex items-center gap-1 text-[11px] truncate leading-tight",
-              I ? "text-muted-foreground" : "opacity-80"
-            ),
-            children: [
-              /* @__PURE__ */ e(Ze, { className: "h-3 w-3 shrink-0" }),
-              /* @__PURE__ */ e("span", { className: "truncate", children: E })
-            ]
-          }
-        )
-      ]
-    }
-  ), P = /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
-    /* @__PURE__ */ r("div", { className: "font-medium", children: [
-      t.title,
-      F && /* @__PURE__ */ r("span", { className: "font-normal opacity-75", children: [
-        " ",
-        "- ",
-        F
-      ] })
-    ] }),
-    u && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: u }),
-    k != null && /* @__PURE__ */ r("div", { className: "text-xs text-muted-foreground", children: [
-      k,
-      " participant",
-      k !== 1 ? "s" : ""
-    ] }),
-    /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground tabular-nums", children: Z(t.startDate, t.endDate) }),
-    E && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: E })
-  ] }) });
-  return c ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: "absolute p-0.5",
-      style: {
-        top: `${n.top}px`,
-        left: `${n.left}%`,
-        width: n.minWidth ? `max(${n.minWidth}px, ${n.width}%)` : `${n.width}%`,
-        minWidth: n.minWidth ? `${n.minWidth}px` : void 0
-      },
-      children: /* @__PURE__ */ r(le, { children: [
-        /* @__PURE__ */ e(de, { asChild: !0, children: S }),
-        P
-      ] })
-    }
-  ) : /* @__PURE__ */ e(
-    "div",
-    {
-      className: "absolute p-0.5",
-      style: {
-        top: `${n.top}px`,
-        left: `${n.left}%`,
-        width: n.minWidth ? `max(${n.minWidth}px, ${n.width}%)` : `${n.width}%`,
-        minWidth: n.minWidth ? `${n.minWidth}px` : void 0
-      },
-      children: /* @__PURE__ */ r(ne, { open: y, onOpenChange: L, children: [
-        /* @__PURE__ */ e(re, { asChild: !0, children: S }),
-        /* @__PURE__ */ e(Q, { className: "w-80", children: b ? b({ event: t, onClose: G }) : /* @__PURE__ */ e(he, { event: t, onClose: G }) })
-      ] })
-    }
-  );
-}
-function ln({
-  event: t,
-  spanDays: n,
-  isStart: o,
-  isEnd: a,
-  onClick: d,
-  className: g,
-  disablePopover: c = !1,
-  renderPopover: b
-}) {
-  const z = fe(t.color), [p, y] = oe(!1), L = t.endDate < _e(/* @__PURE__ */ new Date()), i = t.isCanceled ?? !1, v = M(() => {
-    c && d ? d(t) : c || y(!0);
-  }, [c, d, t]), h = M(() => {
-    y(!1);
-  }, []), w = /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      onClick: v,
-      className: l(
-        "flex h-5 items-center px-1.5 text-xs font-medium transition-opacity hover:opacity-80",
-        // Cancelled events get gray background with strikethrough
-        i || // Past events get neutral zinc styling with strikethrough
-        L ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [z.dot, "text-white"],
-        o && "rounded-l",
-        a && "rounded-r",
-        !o && "border-l-0",
-        !a && "border-r-0",
-        g
-      ),
-      style: { width: `${n * 100}%` },
-      children: o && /* @__PURE__ */ e("span", { className: "truncate", children: t.title })
-    }
-  ), _ = /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
-    /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
-    /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground tabular-nums", children: Z(t.startDate, t.endDate) })
-  ] }) });
-  return c ? /* @__PURE__ */ r(le, { children: [
-    /* @__PURE__ */ e(de, { asChild: !0, children: w }),
-    _
-  ] }) : /* @__PURE__ */ r(ne, { open: p, onOpenChange: y, children: [
-    /* @__PURE__ */ e(re, { asChild: !0, children: w }),
-    /* @__PURE__ */ e(Q, { className: "w-80", children: b ? b({ event: t, onClose: h }) : /* @__PURE__ */ e(he, { event: t, onClose: h }) })
-  ] });
-}
-if (typeof window < "u" && !document.getElementById("inno-calendar-event-marquee-style")) {
-  const t = document.createElement("style");
-  t.id = "inno-calendar-event-marquee-style", t.innerHTML = `
-@keyframes event-marquee {
-  0% { transform: translateX(0); }
-  100% { transform: translateX(-50%); }
-}
-.event-marquee {
-  animation: event-marquee 28s linear infinite;
-  will-change: transform;
-}
-`, document.head.appendChild(t);
-}
-const je = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Be = st, et = (t, n) => (o) => {
-  var a;
-  if (n?.variants == null) return Be(t, o?.class, o?.className);
-  const { variants: d, defaultVariants: g } = n, c = Object.keys(d).map((p) => {
-    const y = o?.[p], L = g?.[p];
-    if (y === null) return null;
-    const i = je(y) || je(L);
-    return d[p][i];
-  }), b = o && Object.entries(o).reduce((p, y) => {
-    let [L, i] = y;
-    return i === void 0 || (p[L] = i), p;
-  }, {}), z = n == null || (a = n.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((p, y) => {
-    let { class: L, className: i, ...v } = y;
-    return Object.entries(v).every((h) => {
-      let [w, _] = h;
-      return Array.isArray(_) ? _.includes({
-        ...g,
-        ...b
-      }[w]) : {
-        ...g,
-        ...b
-      }[w] === _;
-    }) ? [
-      ...p,
-      L,
-      i
-    ] : p;
-  }, []);
-  return Be(t, c, z, o?.class, o?.className);
-}, gt = et(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input active:!bg-zinc-100 hover:!bg-zinc-50 active:bg-white !bg-white hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), ce = ze(
-  ({ className: t, variant: n, size: o, loading: a, disabled: d, children: g, ...c }, b) => /* @__PURE__ */ r(
-    "button",
-    {
-      className: l(gt({ variant: n, size: o, className: t })),
-      ref: b,
-      disabled: d || a,
-      ...c,
-      children: [
-        a && /* @__PURE__ */ r(
-          "svg",
-          {
-            className: "animate-spin -ml-1 mr-2 size-4",
-            xmlns: "http://www.w3.org/2000/svg",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            children: [
-              /* @__PURE__ */ e(
-                "circle",
-                {
-                  className: "opacity-25",
-                  cx: "12",
-                  cy: "12",
-                  r: "10",
-                  stroke: "currentColor",
-                  strokeWidth: "4"
-                }
-              ),
-              /* @__PURE__ */ e(
-                "path",
-                {
-                  className: "opacity-75",
-                  fill: "currentColor",
-                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                }
-              )
-            ]
-          }
-        ),
-        g
-      ]
-    }
-  )
-);
-ce.displayName = "Button";
-const tt = (...t) => t.filter((n, o, a) => !!n && n.trim() !== "" && a.indexOf(n) === o).join(" ").trim();
-const xt = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const bt = (t) => t.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (n, o, a) => a ? a.toUpperCase() : o.toLowerCase()
-);
-const Re = (t) => {
-  const n = bt(t);
-  return n.charAt(0).toUpperCase() + n.slice(1);
-};
-var yt = {
-  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"
-};
-const wt = (t) => {
-  for (const n in t)
-    if (n.startsWith("aria-") || n === "role" || n === "title")
-      return !0;
-  return !1;
-};
-const vt = ze(
-  ({
-    color: t = "currentColor",
-    size: n = 24,
-    strokeWidth: o = 2,
-    absoluteStrokeWidth: a,
-    className: d = "",
-    children: g,
-    iconNode: c,
-    ...b
-  }, z) => De(
-    "svg",
-    {
-      ref: z,
-      ...yt,
-      width: n,
-      height: n,
-      stroke: t,
-      strokeWidth: a ? Number(o) * 24 / Number(n) : o,
-      className: tt("lucide", d),
-      ...!g && !wt(b) && { "aria-hidden": "true" },
-      ...b
-    },
-    [
-      ...c.map(([p, y]) => De(p, y)),
-      ...Array.isArray(g) ? g : [g]
-    ]
-  )
-);
-const Ie = (t, n) => {
-  const o = ze(
-    ({ className: a, ...d }, g) => De(vt, {
-      ref: g,
-      iconNode: n,
-      className: tt(
-        `lucide-${xt(Re(t))}`,
-        `lucide-${t}`,
-        a
-      ),
-      ...d
-    })
-  );
-  return o.displayName = Re(t), o;
-};
-const Nt = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], kt = Ie("check", Nt);
-const Dt = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ct = Ie("chevron-right", Dt);
-const St = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], Mt = Ie("circle", St), He = H.Root, Oe = H.Trigger, Tt = Y.forwardRef(({ className: t, inset: n, children: o, ...a }, d) => /* @__PURE__ */ r(
-  H.SubTrigger,
-  {
-    ref: d,
-    className: l(
-      "flex cursor-default select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      n && "pl-8",
-      t
-    ),
-    ...a,
-    children: [
-      o,
-      /* @__PURE__ */ e(Ct, { className: "ml-auto h-4 w-4" })
-    ]
-  }
-));
-Tt.displayName = H.SubTrigger.displayName;
-const zt = Y.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ e(
-  H.SubContent,
-  {
-    ref: o,
-    className: l(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      t
-    ),
-    ...n
-  }
-));
-zt.displayName = H.SubContent.displayName;
-const Me = Y.forwardRef(({ className: t, sideOffset: n = 4, ...o }, a) => /* @__PURE__ */ e(H.Portal, { children: /* @__PURE__ */ e(
-  H.Content,
-  {
-    ref: a,
-    sideOffset: n,
-    className: l(
-      "z-50 rounded-xl border bg-popover p-1 text-popover-foreground shadow-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      t
-    ),
-    ...o
-  }
-) }));
-Me.displayName = H.Content.displayName;
-const Te = Y.forwardRef(({ className: t, inset: n, ...o }, a) => /* @__PURE__ */ e(
-  H.Item,
-  {
-    ref: a,
-    className: l(
-      "relative flex cursor-pointer select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      n && "pl-8",
-      t
-    ),
-    ...o
-  }
-));
-Te.displayName = H.Item.displayName;
-const Lt = Y.forwardRef(({ className: t, children: n, checked: o = !1, ...a }, d) => /* @__PURE__ */ r(
-  H.CheckboxItem,
-  {
-    ref: d,
-    className: l(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      t
-    ),
-    checked: o,
-    ...a,
-    children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(H.ItemIndicator, { children: /* @__PURE__ */ e(kt, { className: "h-4 w-4" }) }) }),
-      n
-    ]
-  }
-));
-Lt.displayName = H.CheckboxItem.displayName;
-const Wt = Y.forwardRef(({ className: t, children: n, ...o }, a) => /* @__PURE__ */ r(
-  H.RadioItem,
-  {
-    ref: a,
-    className: l(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      t
-    ),
-    ...o,
-    children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(H.ItemIndicator, { children: /* @__PURE__ */ e(Mt, { className: "h-2 w-2 fill-current" }) }) }),
-      n
-    ]
-  }
-));
-Wt.displayName = H.RadioItem.displayName;
-const Et = Y.forwardRef(({ className: t, inset: n, ...o }, a) => /* @__PURE__ */ e(
-  H.Label,
-  {
-    ref: a,
-    className: l("px-2 py-1.5 text-sm font-semibold", n && "pl-8", t),
-    ...o
-  }
-));
-Et.displayName = H.Label.displayName;
-const _t = Y.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ e(
-  H.Separator,
-  {
-    ref: o,
-    className: l("-mx-1 my-1 h-px bg-muted", t),
-    ...n
-  }
-));
-_t.displayName = H.Separator.displayName;
-const $t = et(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
-    },
-    defaultVariants: { variant: "default" }
-  }
-);
-function It({ className: t, variant: n, ...o }) {
-  return /* @__PURE__ */ e("div", { className: l($t({ variant: n }), t), ...o });
-}
-function At({ 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: "m15 18-6-6 6-6" })
-    }
-  );
-}
-function Pt({ 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: "m9 18 6-6-6-6" })
-    }
-  );
-}
-const jt = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-function Bt({
-  date: t,
-  view: n,
-  events: o = [],
-  onNavigatePrev: a,
-  onNavigateNext: d,
-  weekStartsOn: g = 1,
-  showEventCount: c = !0,
-  className: b
-}) {
-  const z = jt[t.getMonth()], p = t.getFullYear(), y = c ? lt(o, t, n, g) : 0, L = dt(t, n);
-  return /* @__PURE__ */ r("div", { className: l("min-w-0 flex-1", b), children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 sm:gap-2 flex-wrap", children: [
-      /* @__PURE__ */ r("span", { className: "text-base sm:text-lg font-semibold truncate", children: [
-        z,
-        " ",
-        p
-      ] }),
-      c && /* @__PURE__ */ e(It, { variant: "outline", className: "px-1 sm:px-1.5 text-[10px] sm:text-xs shrink-0", children: y })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 sm:gap-2", children: [
-      /* @__PURE__ */ e(
-        ce,
-        {
-          variant: "outline",
-          size: "icon",
-          className: "size-5 sm:size-6 [&_svg]:size-3 sm:[&_svg]:size-4",
-          onClick: a,
-          children: /* @__PURE__ */ e(At, {})
-        }
-      ),
-      /* @__PURE__ */ e("p", { className: "text-xs sm:text-sm text-muted-foreground truncate", children: L }),
-      /* @__PURE__ */ e(
-        ce,
-        {
-          variant: "outline",
-          size: "icon",
-          className: "size-5 sm:size-6 [&_svg]:size-3 sm:[&_svg]:size-4",
-          onClick: d,
-          children: /* @__PURE__ */ e(Pt, {})
-        }
-      )
-    ] })
-  ] });
-}
-const Rt = [
-  "JAN",
-  "FEB",
-  "MAR",
-  "APR",
-  "MAY",
-  "JUN",
-  "JUL",
-  "AUG",
-  "SEP",
-  "OCT",
-  "NOV",
-  "DEC"
-];
-function Ht({ onClick: t, className: n }) {
-  const o = /* @__PURE__ */ new Date();
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      className: l(
-        "flex size-11 sm:size-14 flex-col items-start overflow-hidden rounded-lg border shrink-0",
-        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        "hover:bg-accent/50 transition-colors",
-        n
-      ),
-      onClick: t,
-      children: [
-        /* @__PURE__ */ e("p", { className: "flex h-4 sm:h-6 w-full items-center justify-center bg-primary text-center text-[10px] sm:text-xs font-semibold text-primary-foreground", children: Rt[o.getMonth()] }),
-        /* @__PURE__ */ e("p", { className: "flex w-full flex-1 items-center justify-center text-sm sm:text-lg font-bold", children: o.getDate() })
-      ]
-    }
-  );
-}
-function Ot({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("path", { d: "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 ye({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-        /* @__PURE__ */ e("path", { d: "M9 8h7" }),
-        /* @__PURE__ */ e("path", { d: "M8 12h6" }),
-        /* @__PURE__ */ e("path", { d: "M11 16h5" })
-      ]
-    }
-  );
-}
-function Fe({ 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: "m6 9 6 6 6-6" })
-    }
-  );
-}
-function Ft({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3" })
-      ]
-    }
-  );
-}
-function Ve({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("path", { d: "M5 12h14" }),
-        /* @__PURE__ */ e("path", { d: "M12 5v14" })
-      ]
-    }
-  );
-}
-function Vt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("rect", { width: "7", height: "7", x: "3", y: "3", rx: "1" }),
-        /* @__PURE__ */ e("rect", { width: "7", height: "7", x: "3", y: "14", rx: "1" }),
-        /* @__PURE__ */ e("path", { d: "M14 4h7" }),
-        /* @__PURE__ */ e("path", { d: "M14 9h7" }),
-        /* @__PURE__ */ e("path", { d: "M14 15h7" }),
-        /* @__PURE__ */ e("path", { d: "M14 20h7" })
-      ]
-    }
-  );
-}
-function Gt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-        /* @__PURE__ */ e("path", { d: "M12 3v18" })
-      ]
-    }
-  );
-}
-function Ut({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-        /* @__PURE__ */ e("path", { d: "M3 12h18" }),
-        /* @__PURE__ */ e("path", { d: "M12 3v18" })
-      ]
-    }
-  );
-}
-function qt({ className: t }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-        /* @__PURE__ */ e("path", { d: "M3 9h18" }),
-        /* @__PURE__ */ e("path", { d: "M3 15h18" }),
-        /* @__PURE__ */ e("path", { d: "M9 3v18" }),
-        /* @__PURE__ */ e("path", { d: "M15 3v18" })
-      ]
-    }
-  );
-}
-const Kt = [
-  { value: "day", label: "Day", icon: Vt },
-  { value: "week", label: "Week", icon: Gt },
-  { value: "month", label: "Month", icon: Ut },
-  { value: "year", label: "Year", icon: qt }
-  // { value: 'agenda', label: 'Agenda', icon: ListIcon }, NOTE: Not needed currently
-], Ge = [
-  { value: "timeline-day", label: "1 Day", icon: ye },
-  { value: "timeline-3day", label: "3 Days", icon: ye },
-  { value: "timeline-week", label: "7 Days", icon: ye }
-];
-function dn({
-  currentDate: t,
-  view: n,
-  events: o = [],
-  onNavigateToday: a,
-  onNavigatePrev: d,
-  onNavigateNext: g,
-  onNavigate: c,
-  onViewChange: b,
-  onAddEvent: z,
-  availableViews: p = ["day", "week", "month", "agenda"],
-  showTimelineViews: y = !1,
-  timelineViews: L,
-  settingsContent: i,
-  showSettings: v = !1,
-  filterContent: h,
-  actions: w,
-  className: _,
-  weekStartsOn: W = 1,
-  labels: D = {}
-}) {
-  const x = V(
-    () => ({
-      today: "Today",
-      addEvent: "Add Event",
-      calendarView: "Calendar View",
-      resourceView: "Resource View",
-      ...D
-    }),
-    [D]
-  ), O = () => {
-    a?.(), c?.("today");
-  }, j = () => {
-    d?.(), c?.("prev");
-  }, B = () => {
-    g?.(), c?.("next");
-  }, $ = ["day", "week", "month", "year", "agenda"].includes(
-    n
-  ), F = n.startsWith("timeline-") || n.startsWith("resource-"), u = Kt.filter(
-    (m) => p.includes(m.value)
-  ), k = $ ? u.find((m) => m.value === n) : null, A = F ? Ge.find((m) => m.value === n) : null;
-  return /* @__PURE__ */ r("div", { className: l("flex flex-col w-full gap-3 mb-2", _), children: [
-    /* @__PURE__ */ r("div", { className: "flex lg:flex-row flex-col w-full justify-between gap-3", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-2 sm:gap-3 min-w-0", children: [
-          /* @__PURE__ */ e(Ht, { onClick: O }),
-          /* @__PURE__ */ e(
-            Bt,
-            {
-              date: t,
-              view: n,
-              events: o,
-              onNavigatePrev: j,
-              onNavigateNext: B,
-              weekStartsOn: W
-            }
-          )
-        ] }),
-        z && /* @__PURE__ */ e(
-          ce,
-          {
-            size: "icon",
-            className: "shrink-0 lg:hidden",
-            onClick: z,
-            children: /* @__PURE__ */ e(Ve, { className: "size-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 sm:gap-2 overflow-x-auto pb-1 -mb-1 scrollbar-none", children: [
-        b && u.length > 0 && /* @__PURE__ */ r(He, { children: [
-          /* @__PURE__ */ r(
-            Oe,
-            {
-              className: l(
-                "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors",
-                "h-10 px-2 sm:px-3 gap-1 sm:gap-1.5 shrink-0",
-                $ ? "bg-primary text-primary-foreground hover:bg-primary/90" : "border border-input bg-background hover:bg-accent hover:text-accent-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ e(Ot, { className: "size-4" }),
-                /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: k?.label ?? x.calendarView }),
-                /* @__PURE__ */ e(Fe, { className: "size-3 opacity-60" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(Me, { align: "start", className: "min-w-[120px]", children: u.map((m) => {
-            const E = m.icon;
-            return /* @__PURE__ */ r(
-              Te,
-              {
-                onClick: () => b(m.value),
-                className: l(
-                  "gap-2",
-                  n === m.value && "bg-accent"
-                ),
-                children: [
-                  /* @__PURE__ */ e(E, { className: "size-4" }),
-                  /* @__PURE__ */ e("span", { children: m.label })
-                ]
-              },
-              m.value
-            );
-          }) })
-        ] }),
-        y && b && /* @__PURE__ */ r(He, { children: [
-          /* @__PURE__ */ r(
-            Oe,
-            {
-              className: l(
-                "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors",
-                "h-10 px-2 sm:px-3 gap-1 sm:gap-1.5 shrink-0",
-                F ? "bg-primary text-primary-foreground hover:bg-primary/90" : "border border-input bg-white hover:bg-zinc-50 hover:text-accent-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ e(ye, { className: "size-4" }),
-                /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: A?.label ?? x.resourceView }),
-                /* @__PURE__ */ e(Fe, { className: "size-3 opacity-60" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(Me, { align: "start", className: "min-w-[120px]", children: Ge.map((m) => {
-            const E = m.icon;
-            return /* @__PURE__ */ r(
-              Te,
-              {
-                onClick: () => b(m.value),
-                className: l(
-                  "gap-2",
-                  n === m.value && "bg-accent"
-                ),
-                children: [
-                  /* @__PURE__ */ e(E, { className: "size-4" }),
-                  /* @__PURE__ */ e("span", { children: m.label })
-                ]
-              },
-              m.value
-            );
-          }) })
-        ] }),
-        v && i && /* @__PURE__ */ r(ne, { children: [
-          /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e(
-            ce,
-            {
-              variant: "outline",
-              size: "icon",
-              className: "min-w-10 min-h-10 shrink-0 mx-0",
-              children: /* @__PURE__ */ e(Ft, { className: "size-4 sm:size-5" })
-            }
-          ) }),
-          /* @__PURE__ */ e(
-            Q,
-            {
-              className: "w-auto min-w-80 p-0",
-              align: "end",
-              sideOffset: 8,
-              children: /* @__PURE__ */ e("div", { className: "max-h-[70vh] overflow-y-auto p-4 space-y-6", children: i })
-            }
-          )
-        ] }),
-        w,
-        z && /* @__PURE__ */ r(
-          ce,
-          {
-            className: "hidden lg:flex shrink-0 max-h-10",
-            onClick: z,
-            children: [
-              /* @__PURE__ */ e(Ve, { className: "size-4" }),
-              x.addEvent
-            ]
-          }
-        )
-      ] })
-    ] }),
-    h && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 pb-1 -mb-1 scrollbar-none", children: h })
-  ] });
-}
-function cn({
-  events: t,
-  date: n,
-  daysAhead: o = 60,
-  badgeVariant: a = "colored",
-  onEventClick: d,
-  className: g,
-  renderEvent: c,
-  renderPopover: b,
-  slots: z,
-  classNames: p
-}) {
-  const y = V(() => {
-    const i = new Date(n);
-    i.setHours(0, 0, 0, 0);
-    const v = new Date(i);
-    return v.setDate(v.getDate() + o), t.filter((h) => h.endDate >= i && h.startDate <= v);
-  }, [t, o, n]), L = V(() => {
-    const i = ct(y), v = [];
-    for (const [h, w] of i)
-      v.push({
-        date: new Date(h),
-        dateKey: h,
-        events: w
-      });
-    return v.sort((h, w) => h.date.getTime() - w.date.getTime()), v;
-  }, [y]);
-  return L.length === 0 ? /* @__PURE__ */ e("div", { className: l("flex flex-col items-center justify-center h-full py-12", g), children: /* @__PURE__ */ r("div", { className: "text-center", children: [
-    /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: "No events found" }),
-    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground/70", children: "No events scheduled for this period" })
-  ] }) }) : /* @__PURE__ */ r("div", { className: l("flex flex-col h-full overflow-auto", p?.agendaList, g), children: [
-    /* @__PURE__ */ e("div", { className: "sticky top-0 z-10 bg-background border-b px-4 py-3", children: /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ e("h2", { className: "text-lg font-medium", children: "Schedule" }),
-      /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
-        y.length,
-        " event",
-        y.length !== 1 ? "s" : ""
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e("div", { className: "flex-1", children: L.map(({ date: i, dateKey: v, events: h }) => {
-      const w = te(i), _ = i.toLocaleDateString([], { weekday: "short" }), W = i.getDate(), D = i.toLocaleDateString([], { month: "short" });
-      return /* @__PURE__ */ r("div", { className: l("", p?.agendaDayGroup), children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: l(
-              "sticky top-[52px] z-10 bg-background px-4 py-3 border-b",
-              p?.agendaDayHeader
-            ),
-            children: /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ r("div", { className: "flex flex-col items-center min-w-[40px]", children: [
-                /* @__PURE__ */ e(
-                  "span",
-                  {
-                    className: l(
-                      "text-[11px] font-medium uppercase tracking-wide",
-                      w ? "text-primary" : "text-muted-foreground"
-                    ),
-                    children: _
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "span",
-                  {
-                    className: l(
-                      "flex items-center justify-center rounded-full mt-0.5",
-                      "size-10 text-xl font-normal",
-                      w ? "bg-primary text-primary-foreground" : "text-foreground"
-                    ),
-                    children: W
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
-                D,
-                " ",
-                i.getFullYear()
-              ] })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "px-4 py-3 space-y-2 border-b last:border-b-0", children: h.map(
-          (x) => c ? /* @__PURE__ */ e("div", { children: c({ event: x, variant: "full" }) }, x.id) : /* @__PURE__ */ e(
-            Ce,
-            {
-              event: x,
-              variant: "full",
-              badgeVariant: a,
-              onClick: d,
-              disablePopover: !!d && !b,
-              renderPopover: b,
-              showTime: !0,
-              showDescription: !0,
-              showParticipants: !0,
-              ...p?.eventCard && { className: p.eventCard }
-            },
-            x.id
-          )
-        ) })
-      ] }, v);
-    }) })
-  ] });
-}
-function nt({
-  events: t,
-  date: n,
-  onEventClick: o,
-  className: a
-}) {
-  return t.length === 0 ? null : /* @__PURE__ */ r("div", { className: l("border-b bg-muted/20 px-2 py-1.5 space-y-1", "sm:px-4 sm:py-2", a), children: [
-    /* @__PURE__ */ e("span", { className: "text-[10px] font-medium text-muted-foreground sm:text-xs", children: "All day / Multi-day" }),
-    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.map((d) => {
-      const g = fe(d.color), c = Pe(d.startDate, n), b = Pe(d.endDate, n);
-      return /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          onClick: () => o?.(d),
-          className: l(
-            "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium transition-opacity hover:opacity-80",
-            "sm:px-2 sm:py-1 sm:text-xs",
-            g.bg,
-            g.text,
-            d.isCanceled && "opacity-60 line-through"
-          ),
-          children: [
-            c && "→ ",
-            /* @__PURE__ */ e("span", { className: "truncate max-w-24 sm:max-w-32", children: d.title }),
-            b && " →"
-          ]
-        },
-        d.id
-      );
-    }) })
-  ] });
-}
-const Yt = 5;
-function rt({
-  slot: t,
-  onSelectionStart: n,
-  onSelectionMove: o,
-  onSelectionEnd: a,
-  isSelected: d = !1,
-  isSelecting: g = !1,
-  disabled: c = !1,
-  ariaLabel: b,
-  children: z,
-  className: p,
-  height: y,
-  style: L,
-  dataAttributes: i
-}) {
-  const v = se(null), h = se(!1), w = se(!1), _ = se(null), [W, D] = oe(!1), x = We(), O = M(
-    (m) => {
-      c || m.button !== 0 && m.pointerType === "mouse" || (m.preventDefault(), v.current = { x: m.clientX, y: m.clientY }, h.current = !1, w.current = !0, n?.(t));
-    },
-    [c, t, n]
-  ), j = M(
-    (m) => {
-      if (!(v.current && w.current && !c)) return;
-      const E = m.clientX - v.current.x, I = m.clientY - v.current.y;
-      Math.sqrt(E * E + I * I) >= Yt && (h.current = !0);
-    },
-    [c]
-  ), B = M(
-    (m) => {
-      c || (m.buttons > 0 || g) && o?.(t);
-    },
-    [c, g, t, o]
-  ), $ = M(() => {
-    c || (a?.(), v.current = null, h.current = !1, w.current = !1);
-  }, [c, a]), F = M(
-    (m) => {
-      if (!x?.isDragging || c) return;
-      m.preventDefault(), m.dataTransfer.dropEffect = "move", D(!0);
-      const E = /* @__PURE__ */ new Date(), I = t.hour ?? E.getHours(), N = t.minute ?? (E.getMinutes() >= 30 ? 30 : 0);
-      x.updateDragPreview?.(t.date, I, N);
-    },
-    [x, c, t]
-  ), u = M(() => {
-    D(!1);
-  }, []), k = M(
-    (m) => {
-      m.preventDefault(), D(!1), !(!x?.isDragging || c) && x.endDrag?.();
-    },
-    [x, c]
-  );
-  it(() => {
-    const m = () => {
-      w.current && (w.current = !1, v.current = null, h.current = !1);
-    };
-    return window.addEventListener("pointerup", m), window.addEventListener("pointercancel", m), () => {
-      window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m);
-    };
-  }, []);
-  const A = M(
-    (m) => {
-      c || (m.key === "Enter" || m.key === " ") && (m.preventDefault(), n?.(t), a?.());
-    },
-    [c, t, n, a]
-  );
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      ref: _,
-      type: "button",
-      "aria-label": b,
-      "aria-disabled": c,
-      "aria-pressed": d,
-      disabled: c,
-      onPointerDown: O,
-      onPointerMove: j,
-      onPointerUp: $,
-      onPointerEnter: B,
-      onKeyDown: A,
-      onDragOver: F,
-      onDragLeave: u,
-      onDrop: k,
-      className: l(
-        "select-none touch-none cursor-pointer transition-colors",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
-        // Hover state (only when not in selection)
-        !(g || c) && "hover:bg-blue-50/60",
-        // Selection state — blue tint matching the primary color
-        d && "bg-blue-100/70",
-        // Drag over state - visual feedback when event is dragged over
-        W && "bg-primary/20 ring-2 ring-primary ring-inset",
-        // Disabled state
-        c && "cursor-not-allowed opacity-50",
-        p
-      ),
-      style: { height: y, ...L },
-      ...i,
-      children: z
-    }
-  );
-}
-function ot({
-  slot: t,
-  date: n,
-  hour: o,
-  minute: a,
-  ariaLabel: d,
-  ...g
-}) {
-  const c = t ?? { date: n, hour: o ?? 0, minute: a ?? 0 }, b = d ?? `Add event at ${(c.hour ?? 0).toString().padStart(2, "0")}:${(c.minute ?? 0).toString().padStart(2, "0")} on ${c.date.toLocaleDateString()}`;
-  return /* @__PURE__ */ e(rt, { slot: c, ariaLabel: b, ...g });
-}
-function Xt({ slot: t, date: n, ariaLabel: o, ...a }) {
-  const d = t ?? { date: n }, g = o ?? `Select ${d.date.toLocaleDateString()}`;
-  return /* @__PURE__ */ e(rt, { slot: d, ariaLabel: g, ...a });
-}
-const me = 96, Ne = 72, ke = 80;
-function un({
-  events: t,
-  date: n,
-  visibleHours: o = { startHour: 0, endHour: 24 },
-  workingHours: a,
-  slotDuration: d = 30,
-  badgeVariant: g = "colored",
-  onEventClick: c,
-  onSlotSelect: b,
-  className: z,
-  renderEvent: p,
-  renderPopover: y,
-  slots: L,
-  classNames: i
-}) {
-  const v = 60 / d, h = 100 / v, w = V(() => {
-    const C = [];
-    for (let s = 0; s < v; s++)
-      C.push(s * d);
-    return C;
-  }, [v, d]), _ = V(() => Le(t, n), [t, n]), { singleDay: W, multiDay: D } = V(() => Ke(_), [_]), x = V(() => {
-    const C = Ye(W, n, o, me), s = /* @__PURE__ */ new Map();
-    for (const f of C)
-      s.set(f.event.id, f.position);
-    return s;
-  }, [W, n, o]), O = V(() => Xe(o), [o]), j = /* @__PURE__ */ new Date(), B = te(n), $ = V(() => {
-    if (!B) return 0;
-    const C = j.getHours() + j.getMinutes() / 60;
-    return C < o.startHour || C > o.endHour ? -1 : (C - o.startHour) * me;
-  }, [B, o, j]), F = se(null);
-  qe(() => {
-    const C = F.current;
-    if (!C) return;
-    const s = () => {
-      let f;
-      if (B) {
-        const P = (/* @__PURE__ */ new Date()).getHours();
-        f = Math.max(P - 1, o.startHour);
-      } else {
-        const P = n.getDay(), T = a?.[P];
-        T?.enabled && T.from > 0 ? f = Math.max(T.from - 1, o.startHour) : f = Math.max(7, o.startHour);
-      }
-      const S = (f - o.startHour) * me;
-      C.scrollTo({
-        top: S,
-        behavior: "instant"
-      });
-    };
-    requestAnimationFrame(() => {
-      requestAnimationFrame(s);
-    });
-  }, [n, a, o, B]);
-  const u = Ee(), k = M(
-    (C) => {
-      u?.startSelection(C);
-    },
-    [u]
-  ), A = M(
-    (C) => {
-      u?.updateSelection(C);
-    },
-    [u]
-  ), m = M(() => {
-    u?.endSelection();
-  }, [u]), E = M(
-    (C) => {
-      c?.(C);
-    },
-    [c]
-  ), I = n.toLocaleDateString([], { weekday: "short" }), N = n.getDate(), G = te(n);
-  return /* @__PURE__ */ r("div", { className: l("flex flex-col h-full", z), children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: l(
-          "flex items-center gap-3 border-b px-4 py-3",
-          i?.columnHeader,
-          G && i?.columnHeaderToday
-        ),
-        children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: l(
-                "text-[11px] font-medium uppercase tracking-wide",
-                G ? "text-primary" : "text-muted-foreground"
-              ),
-              children: I
-            }
-          ),
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: l(
-                "flex items-center justify-center rounded-full mt-0.5",
-                "size-12 text-3xl font-normal",
-                G ? "bg-primary text-primary-foreground" : "text-foreground"
-              ),
-              children: N
-            }
-          )
-        ] })
-      }
-    ),
-    D.length > 0 && /* @__PURE__ */ e(
-      nt,
-      {
-        events: D,
-        date: n,
-        onEventClick: E,
-        ...i?.multiDayBanner && { className: i.multiDayBanner }
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        ref: F,
-        className: l("flex-1 overflow-auto", i?.scrollContainer),
-        children: /* @__PURE__ */ r("div", { className: "relative min-h-full", children: [
-          O.map((C, s) => {
-            const S = !Je(n, C, a);
-            return /* @__PURE__ */ r(
-              "div",
-              {
-                className: l(
-                  "relative flex",
-                  S && "bg-calendar-disabled-hour",
-                  i?.timeSlot,
-                  S ? i?.timeSlotNonWorking : i?.timeSlotWorking
-                ),
-                style: { height: me },
-                children: [
-                  /* @__PURE__ */ e(
-                    "div",
-                    {
-                      className: l(
-                        "relative flex-shrink-0 border-r border-border/50 bg-zinc-50 dark:bg-zinc-900",
-                        i?.timeGutter
-                      ),
-                      style: { width: Ne },
-                      children: /* @__PURE__ */ e("div", { className: "absolute -top-2.5 right-1 sm:right-2 flex h-5 items-center", children: s !== 0 && /* @__PURE__ */ e(
-                        "span",
-                        {
-                          className: l(
-                            "text-[10px] sm:text-xs text-muted-foreground",
-                            i?.timeGutterLabel
-                          ),
-                          children: we(C)
-                        }
-                      ) })
-                    }
-                  ),
-                  /* @__PURE__ */ r("div", { className: "relative flex-1", children: [
-                    B && !S && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-primary/5" }),
-                    s !== 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b border-border/50" }),
-                    w.slice(1).map((P) => /* @__PURE__ */ e(
-                      "div",
-                      {
-                        className: "pointer-events-none absolute inset-x-0 border-b border-dashed border-border/30",
-                        style: { top: `${P / 60 * 100}%` }
-                      },
-                      P
-                    )),
-                    w.map((P, T) => {
-                      const q = { date: n, hour: C, minute: P };
-                      return /* @__PURE__ */ e(
-                        ot,
-                        {
-                          slot: q,
-                          onSelectionStart: k,
-                          onSelectionMove: A,
-                          onSelectionEnd: m,
-                          isSelected: u?.isSlotSelected(q) ?? !1,
-                          isSelecting: u?.isSelecting ?? !1,
-                          disabled: S,
-                          className: "absolute inset-x-0",
-                          style: {
-                            top: `${T * h}%`,
-                            height: `${h}%`
-                          },
-                          ariaLabel: `Add event at ${we(C)}:${String(P).padStart(2, "0")}`
-                        },
-                        P
-                      );
-                    })
-                  ] })
-                ]
-              },
-              C
-            );
-          }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "absolute top-0 bottom-0 right-0 pointer-events-none",
-              style: { left: Ne },
-              children: W.map((C) => {
-                const s = x.get(C.id);
-                if (!s) return null;
-                const f = `calc(${s.width}% - 2px)`, S = `max(${ke}px, ${f})`;
-                return p ? /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: "absolute pointer-events-auto p-0.5",
-                    style: {
-                      top: `${s.top}px`,
-                      left: `${s.left}%`,
-                      width: S,
-                      minWidth: `${ke}px`
-                    },
-                    children: p({ event: C, position: s })
-                  },
-                  C.id
-                ) : /* @__PURE__ */ e(
-                  Qe,
-                  {
-                    event: C,
-                    position: {
-                      top: s.top,
-                      left: s.left,
-                      width: s.width,
-                      minWidth: ke
-                    },
-                    hourHeight: me,
-                    badgeVariant: g,
-                    onClick: c,
-                    disablePopover: !!c && !y,
-                    renderPopover: y,
-                    className: l("pointer-events-auto", i?.eventCard)
-                  },
-                  C.id
-                );
-              })
-            }
-          ),
-          B && $ >= 0 && /* @__PURE__ */ r(
-            "div",
-            {
-              className: l(
-                "absolute left-0 right-0 z-20 flex items-center pointer-events-none",
-                i?.currentTimeIndicator
-              ),
-              style: {
-                top: $,
-                left: Ne
-              },
-              children: [
-                /* @__PURE__ */ e("div", { className: "h-2.5 w-2.5 -ml-1 rounded-full bg-red-500" }),
-                /* @__PURE__ */ e("div", { className: "flex-1 h-0.5 bg-red-500" })
-              ]
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}
-const Jt = [
-  { full: "Monday", short: "Mon", tiny: "M" },
-  { full: "Tuesday", short: "Tue", tiny: "T" },
-  { full: "Wednesday", short: "Wed", tiny: "W" },
-  { full: "Thursday", short: "Thu", tiny: "T" },
-  { full: "Friday", short: "Fri", tiny: "F" },
-  { full: "Saturday", short: "Sat", tiny: "S" },
-  { full: "Sunday", short: "Sun", tiny: "S" }
-], Zt = [
-  { full: "Sunday", short: "Sun", tiny: "S" },
-  { full: "Monday", short: "Mon", tiny: "M" },
-  { full: "Tuesday", short: "Tue", tiny: "T" },
-  { full: "Wednesday", short: "Wed", tiny: "W" },
-  { full: "Thursday", short: "Thu", tiny: "T" },
-  { full: "Friday", short: "Fri", tiny: "F" },
-  { full: "Saturday", short: "Sat", tiny: "S" }
-], ge = 3;
-function mn({
-  events: t,
-  date: n,
-  weekStartsOn: o = 1,
-  badgeVariant: a = "colored",
-  onEventClick: d,
-  onSlotSelect: g,
-  onDayClick: c,
-  className: b,
-  renderEvent: z,
-  renderPopover: p,
-  showMoreEventsInPopover: y = !1,
-  slots: L,
-  classNames: i
-}) {
-  const v = L?.dayCellHeader, h = L?.dayCellFooter, [w, _] = oe(null), W = V(() => ut(n, o), [n, o]), D = V(() => {
-    const u = /* @__PURE__ */ new Map();
-    for (const k of W) {
-      const A = k.date.toDateString(), m = Le(t, k.date);
-      m.sort((E, I) => E.startDate.getTime() - I.startDate.getTime()), u.set(A, m);
-    }
-    return u;
-  }, [W, t]), x = Ee(), O = M(
-    (u) => {
-      x?.startSelection(u);
-    },
-    [x]
-  ), j = M(
-    (u) => {
-      x?.updateSelection(u);
-    },
-    [x]
-  ), B = M(() => {
-    x?.endSelection();
-  }, [x]), $ = M(
-    (u) => {
-      c?.(u);
-    },
-    [c]
-  ), F = o === 0 ? Zt : Jt;
-  return /* @__PURE__ */ e("div", { className: l("flex flex-col h-full overflow-hidden", b), children: /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-auto", children: /* @__PURE__ */ r("div", { className: "flex flex-col flex-1 min-w-[560px] sm:min-w-0", children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: l(
-          "grid grid-cols-7 border-b !sticky !top-0 bg-background z-10",
-          i?.weekdayHeader
-        ),
-        children: F.map((u, k) => /* @__PURE__ */ r(
-          "div",
-          {
-            className: l(
-              "py-2 sm:py-2.5 text-center text-[11px] uppercase font-medium tracking-wide text-muted-foreground",
-              k >= 5 && "text-muted-foreground/70",
-              // Weekend
-              i?.weekdayLabel
-            ),
-            children: [
-              /* @__PURE__ */ e("span", { className: "sm:hidden", children: u.short }),
-              /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: u.short })
-            ]
-          },
-          u.full
-        ))
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: l("grid grid-cols-7 auto-rows-min", i?.monthGrid), children: W.map((u) => {
-      const k = u.date.toDateString(), A = D.get(k) || [], m = te(u.date), E = u.date.getDay() === 0 || u.date.getDay() === 6, I = A.length > ge;
-      return /* @__PURE__ */ r(
-        Xt,
-        {
-          date: u.date,
-          onSelectionStart: O,
-          onSelectionMove: j,
-          onSelectionEnd: B,
-          isSelected: x?.isSlotSelected({ date: u.date }) ?? !1,
-          isSelecting: x?.isSelecting ?? !1,
-          className: l(
-            "relative flex flex-col border-r border-b text-left min-h-[80px] sm:min-h-[100px] overflow-hidden",
-            "[&:nth-child(7n)]:border-r-0",
-            !u.isCurrentMonth && "bg-muted/20",
-            E && u.isCurrentMonth && "bg-muted/10",
-            i?.dayCell,
-            m && i?.dayCellToday,
-            !u.isCurrentMonth && i?.dayCellOutside,
-            E && i?.dayCellWeekend
-          ),
-          ariaLabel: `${u.date.toLocaleDateString()} - ${A.length} events. Click to create event, double-click to view day.`,
-          children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: l(
-                  "flex items-center justify-center p-1",
-                  !u.isCurrentMonth && "text-muted-foreground/40",
-                  i?.dayCellNumber
-                ),
-                children: /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: (N) => {
-                      N.stopPropagation(), $(u.date);
-                    },
-                    className: l(
-                      "flex items-center justify-center rounded-full transition-colors",
-                      "size-7 text-sm font-normal",
-                      m ? "bg-primary text-primary-foreground" : "hover:bg-muted"
-                    ),
-                    children: u.date.getDate()
-                  }
-                )
-              }
-            ),
-            v && /* @__PURE__ */ e(
-              v,
-              {
-                date: u.date,
-                events: A,
-                isToday: m,
-                isCurrentMonth: u.isCurrentMonth,
-                isWeekend: E,
-                view: "month"
-              }
-            ),
-            /* @__PURE__ */ r(
-              "div",
-              {
-                className: l(
-                  "flex-1 overflow-hidden px-2 pt-1 pb-1 space-y-1",
-                  i?.dayCellContent
-                ),
-                children: [
-                  A.slice(0, ge).map((N) => /* @__PURE__ */ e(
-                    "div",
-                    {
-                      onPointerDown: (G) => {
-                        G.stopPropagation();
-                      },
-                      children: z ? z({ event: N, variant: "compact" }) : /* @__PURE__ */ e(
-                        Ce,
-                        {
-                          event: N,
-                          variant: "compact",
-                          badgeVariant: a,
-                          onClick: d,
-                          disablePopover: !!d && !p,
-                          renderPopover: p,
-                          showTime: !1,
-                          enableDrag: !0,
-                          ...i?.eventCardCompact && {
-                            className: i.eventCardCompact
-                          }
-                        }
-                      )
-                    },
-                    N.id
-                  )),
-                  I && (y ? /* @__PURE__ */ r(
-                    ne,
-                    {
-                      open: w === k,
-                      onOpenChange: (N) => _(N ? k : null),
-                      children: [
-                        /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ r(
-                          "button",
-                          {
-                            type: "button",
-                            onPointerDown: (N) => N.stopPropagation(),
-                            onClick: (N) => {
-                              N.stopPropagation(), _(k);
-                            },
-                            className: l(
-                              "w-full text-left text-xs text-muted-foreground hover:text-foreground hover:underline px-1.5 cursor-pointer",
-                              i?.moreEventsIndicator
-                            ),
-                            children: [
-                              "+",
-                              A.length - ge,
-                              " more"
-                            ]
-                          }
-                        ) }),
-                        /* @__PURE__ */ r(
-                          Q,
-                          {
-                            align: "start",
-                            side: "right",
-                            sideOffset: 8,
-                            className: "w-72 max-h-80 overflow-y-auto p-2",
-                            onPointerDown: (N) => N.stopPropagation(),
-                            children: [
-                              /* @__PURE__ */ r("div", { className: "flex items-center justify-between mb-2 pb-2 border-b", children: [
-                                /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: u.date.toLocaleDateString(void 0, {
-                                  weekday: "short",
-                                  month: "short",
-                                  day: "numeric"
-                                }) }),
-                                /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: [
-                                  A.length,
-                                  " events"
-                                ] })
-                              ] }),
-                              /* @__PURE__ */ e("div", { className: "space-y-1.5", children: A.map((N) => /* @__PURE__ */ e("div", { children: z ? z({ event: N, variant: "compact" }) : /* @__PURE__ */ e(
-                                Ce,
-                                {
-                                  event: N,
-                                  variant: "compact",
-                                  badgeVariant: a,
-                                  onClick: (G) => {
-                                    _(null), d?.(G);
-                                  },
-                                  disablePopover: !!d && !p,
-                                  renderPopover: p,
-                                  showTime: !0
-                                }
-                              ) }, N.id)) })
-                            ]
-                          }
-                        )
-                      ]
-                    }
-                  ) : /* @__PURE__ */ r(
-                    "div",
-                    {
-                      onPointerDown: (N) => {
-                        N.stopPropagation(), $(u.date);
-                      },
-                      className: l(
-                        "w-full text-left text-xs text-muted-foreground hover:text-foreground hover:underline px-1.5 cursor-pointer",
-                        i?.moreEventsIndicator
-                      ),
-                      children: [
-                        "+",
-                        A.length - ge,
-                        " more"
-                      ]
-                    }
-                  ))
-                ]
-              }
-            ),
-            h && /* @__PURE__ */ e(
-              h,
-              {
-                date: u.date,
-                events: A,
-                isToday: m,
-                isCurrentMonth: u.isCurrentMonth,
-                isWeekend: E,
-                view: "month"
-              }
-            )
-          ]
-        },
-        k
-      );
-    }) })
-  ] }) }) });
-}
-const ie = 96, xe = 56, Ue = 72, X = 120, be = 100, Qt = 3;
-function hn({
-  events: t,
-  date: n,
-  weekStartsOn: o = 1,
-  visibleHours: a = { startHour: 0, endHour: 24 },
-  workingHours: d,
-  slotDuration: g = 30,
-  badgeVariant: c = "colored",
-  onEventClick: b,
-  onSlotSelect: z,
-  onDayClick: p,
-  className: y,
-  renderEvent: L,
-  renderPopover: i,
-  slots: v,
-  classNames: h
-}) {
-  const w = 60 / g, _ = 100 / w, W = V(() => {
-    const s = [];
-    for (let f = 0; f < w; f++)
-      s.push(f * g);
-    return s;
-  }, [w, g]), D = V(
-    () => mt(n, o),
-    [n, o]
-  ), x = V(
-    () => Xe(a),
-    [a]
-  ), O = V(() => {
-    const s = /* @__PURE__ */ new Map();
-    for (const f of D) {
-      const S = f.toDateString(), P = Le(t, f), { singleDay: T, multiDay: q } = Ke(P), R = Ye(
-        T,
-        f,
-        a,
-        ie
-      ), U = /* @__PURE__ */ new Map();
-      let ae = 1;
-      for (const K of R)
-        if (U.set(K.event.id, K.position), K.position.width > 0) {
-          const J = Math.round(100 / K.position.width);
-          ae = Math.max(ae, J);
-        }
-      s.set(S, {
-        singleDay: T,
-        multiDay: q,
-        positions: U,
-        maxOverlapping: ae
-      });
-    }
-    return s;
-  }, [D, t, a]), j = V(() => {
-    const s = /* @__PURE__ */ new Map();
-    for (const { multiDay: f } of O.values())
-      for (const S of f)
-        s.set(S.id, S);
-    return Array.from(s.values());
-  }, [O]), B = /* @__PURE__ */ new Date(), $ = D.findIndex((s) => te(s)), F = V(() => {
-    if ($ < 0) return -1;
-    const s = B.getHours() + B.getMinutes() / 60;
-    return s < a.startHour || s > a.endHour ? -1 : (s - a.startHour) * ie;
-  }, [$, a, B]), u = se(null);
-  qe(() => {
-    const s = u.current;
-    if (!s) return;
-    const f = () => {
-      let S;
-      if ($ !== -1) {
-        const T = (/* @__PURE__ */ new Date()).getHours();
-        S = Math.max(T - 1, a.startHour);
-      } else {
-        const q = (/* @__PURE__ */ new Date()).getDay();
-        let R = d?.[q];
-        if (!R?.enabled || R.from === 0) {
-          const U = d?.[1];
-          U?.enabled && (R = U);
-        }
-        R?.enabled && R.from > 0 ? S = Math.max(
-          R.from - 1,
-          a.startHour
-        ) : S = Math.max(7, a.startHour);
-      }
-      const P = (S - a.startHour) * ie;
-      s.scrollTo({
-        top: P,
-        behavior: "instant"
-      });
-    };
-    requestAnimationFrame(() => {
-      requestAnimationFrame(f);
-    });
-  }, [n, d, a, $]);
-  const k = Ee(), A = M(
-    (s) => {
-      k?.startSelection(s);
-    },
-    [k]
-  ), m = M(
-    (s) => {
-      k?.updateSelection(s);
-    },
-    [k]
-  ), E = M(() => {
-    k?.endSelection();
-  }, [k]), I = M(
-    (s) => {
-      b?.(s);
-    },
-    [b]
-  ), N = xe + 7 * X, G = V(() => {
-    const s = [];
-    for (const f of D) {
-      const S = f.toDateString(), T = O.get(S)?.maxOverlapping ?? 1;
-      T > Qt ? s.push(
-        Math.max(X, T * be)
-      ) : s.push(X);
-    }
-    return s;
-  }, [D, O]), C = xe + G.reduce((s, f) => s + f, 0);
-  return /* @__PURE__ */ r("div", { className: l("ic-week-view flex flex-col h-full", y), children: [
-    j.length > 0 && /* @__PURE__ */ e(
-      nt,
-      {
-        events: j,
-        date: ht(n, o),
-        onEventClick: I,
-        ...h?.multiDayBanner && {
-          className: h.multiDayBanner
-        }
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        ref: u,
-        className: l(
-          "ic-week-scroll-container flex-1",
-          h?.scrollContainer
-        ),
-        children: /* @__PURE__ */ r("div", { style: { minWidth: Math.max(N, C) }, children: [
-          /* @__PURE__ */ e("div", { className: "ic-week-header sticky top-0 z-20 border-b bg-background", children: /* @__PURE__ */ r("div", { className: "flex", children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: "flex-shrink-0 flex items-end justify-center pb-2 text-[10px] text-muted-foreground/70",
-                style: { width: xe, height: Ue },
-                children: /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: [
-                  "GMT",
-                  (() => {
-                    const s = (/* @__PURE__ */ new Date()).getTimezoneOffset(), f = Math.abs(Math.floor(s / 60)), S = s <= 0 ? "+" : "-";
-                    return f > 0 ? `${S}${String(f).padStart(2, "0")}` : "";
-                  })()
-                ] })
-              }
-            ),
-            D.map((s, f) => {
-              const S = te(s), P = G[f] ?? X, T = P > X;
-              return /* @__PURE__ */ r(
-                "div",
-                {
-                  className: l(
-                    "flex-1 flex flex-col items-center justify-center border-r last:border-r-0 py-2",
-                    h?.columnHeader,
-                    S && h?.columnHeaderToday
-                  ),
-                  style: {
-                    height: Ue,
-                    minWidth: T ? P : X
-                  },
-                  children: [
-                    /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: l(
-                          "text-[11px] font-medium uppercase tracking-wide",
-                          S ? "text-primary" : "text-muted-foreground"
-                        ),
-                        children: s.toLocaleDateString([], { weekday: "short" })
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => p?.(s),
-                        className: l(
-                          "flex items-center justify-center rounded-full transition-colors mt-0.5",
-                          "size-10 text-2xl font-normal",
-                          S ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"
-                        ),
-                        children: s.getDate()
-                      }
-                    )
-                  ]
-                },
-                s.toDateString()
-              );
-            })
-          ] }) }),
-          /* @__PURE__ */ r("div", { className: "relative flex", children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: l(
-                  "ic-hour-column sticky left-0 z-10 bg-zinc-50 border-r",
-                  h?.timeGutter
-                ),
-                style: { width: xe },
-                children: x.map((s, f) => /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: "relative",
-                    style: { height: ie },
-                    children: /* @__PURE__ */ e("div", { className: "absolute -top-2.5 right-1 sm:right-2 flex h-5 items-center", children: f !== 0 && /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: l(
-                          "text-[10px] sm:text-xs text-muted-foreground",
-                          h?.timeGutterLabel
-                        ),
-                        children: we(s)
-                      }
-                    ) })
-                  },
-                  s
-                ))
-              }
-            ),
-            /* @__PURE__ */ e("div", { className: "ic-week-grid relative flex-1", children: /* @__PURE__ */ e("div", { className: "flex divide-x", children: D.map((s, f) => {
-              const S = s.toDateString(), P = O.get(S), T = G[f] ?? X, q = T > X;
-              return /* @__PURE__ */ r(
-                "div",
-                {
-                  className: "ic-day-column relative flex-1",
-                  style: {
-                    minWidth: q ? T : X
-                  },
-                  children: [
-                    x.map((R, U) => {
-                      const K = !Je(
-                        s,
-                        R,
-                        d
-                      );
-                      return /* @__PURE__ */ r(
-                        "div",
-                        {
-                          className: l(
-                            "relative",
-                            K && "bg-calendar-disabled-hour",
-                            te(s) && !K && "bg-primary/5",
-                            h?.timeSlot,
-                            K ? h?.timeSlotNonWorking : h?.timeSlotWorking
-                          ),
-                          style: { height: ie },
-                          children: [
-                            U !== 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b border-border/50" }),
-                            W.slice(1).map((J) => /* @__PURE__ */ e(
-                              "div",
-                              {
-                                className: "pointer-events-none absolute inset-x-0 border-b border-dashed border-border/30",
-                                style: { top: `${J / 60 * 100}%` }
-                              },
-                              J
-                            )),
-                            W.map((J, at) => {
-                              const Ae = {
-                                date: s,
-                                hour: R,
-                                minute: J
-                              };
-                              return /* @__PURE__ */ e(
-                                ot,
-                                {
-                                  slot: Ae,
-                                  onSelectionStart: A,
-                                  onSelectionMove: m,
-                                  onSelectionEnd: E,
-                                  isSelected: k?.isSlotSelected(Ae) ?? !1,
-                                  isSelecting: k?.isSelecting ?? !1,
-                                  disabled: K,
-                                  className: "absolute inset-x-0",
-                                  style: {
-                                    top: `${at * _}%`,
-                                    height: `${_}%`
-                                  },
-                                  ariaLabel: `Add event on ${s.toLocaleDateString()} at ${we(R)}:${String(J).padStart(2, "0")}`
-                                },
-                                J
-                              );
-                            })
-                          ]
-                        },
-                        R
-                      );
-                    }),
-                    P?.singleDay.map((R) => {
-                      const U = P.positions.get(R.id);
-                      if (!U) return null;
-                      const ae = `calc(${U.width}% - 2px)`, K = `max(${be}px, ${ae})`;
-                      return L ? /* @__PURE__ */ e(
-                        "div",
-                        {
-                          className: "absolute pointer-events-auto p-0.5",
-                          style: {
-                            top: `${U.top}px`,
-                            left: `${U.left}%`,
-                            width: K,
-                            minWidth: `${be}px`
-                          },
-                          children: L({ event: R, position: U })
-                        },
-                        R.id
-                      ) : /* @__PURE__ */ e(
-                        Qe,
-                        {
-                          event: R,
-                          position: {
-                            top: U.top,
-                            left: U.left,
-                            width: U.width,
-                            minWidth: be
-                          },
-                          hourHeight: ie,
-                          badgeVariant: c,
-                          onClick: b,
-                          disablePopover: !!b && !i,
-                          renderPopover: i,
-                          className: l(
-                            "pointer-events-auto",
-                            h?.eventCard
-                          )
-                        },
-                        R.id
-                      );
-                    }),
-                    f === $ && F >= 0 && /* @__PURE__ */ r(
-                      "div",
-                      {
-                        className: l(
-                          "absolute left-0 right-0 z-20 flex items-center pointer-events-none",
-                          h?.currentTimeIndicator
-                        ),
-                        style: { top: F },
-                        children: [
-                          /* @__PURE__ */ e("div", { className: "h-2 w-2 -ml-1 rounded-full bg-red-500" }),
-                          /* @__PURE__ */ e("div", { className: "flex-1 h-0.5 bg-red-500" })
-                        ]
-                      }
-                    )
-                  ]
-                },
-                s.toDateString()
-              );
-            }) }) })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  cn as A,
-  ce as B,
-  dn as C,
-  Bt as D,
-  Qe as E,
-  mn as M,
-  ne as P,
-  ot as T,
-  hn as W,
-  Xt as a,
-  un as b,
-  Ce as c,
-  nt as d,
-  ln as e,
-  an as f,
-  Q as g,
-  re as h,
-  Ht as i,
-  le as j,
-  ee as k,
-  sn as l,
-  de as m,
-  gt as n,
-  fe as o,
-  He as p,
-  Oe as q,
-  Me as r,
-  Te as s,
-  It as t
-};
-//# sourceMappingURL=week-view-5nw-Hvod.js.map