@innosolutions/inno-calendar 1.0.35 → 1.0.38

package/dist/week-view-BGthazCB.js

@@ -0,0 +1,3015 @@
+import { jsx as e, jsxs as r, Fragment as ct } from "react/jsx-runtime";
+import * as Z from "react";
+import { useState as X, useCallback as W, useRef as ee, forwardRef as Ae, createElement as ze, useMemo as V, useLayoutEffect as Be, useEffect as Le } from "react";
+import { c as s, a as ut } from "./index-DtaLkIY8.js";
+import * as F from "@radix-ui/react-dropdown-menu";
+import { formatEventTimeDisplay as J, getEventsCountInView as mt, getRangeText as ht, groupEventsByDate as pt, isToday as oe, detectAllDayEvent as Ce, isSameDay as se, getEventsForDay as Ie, separateEventsByDuration as Ze, calculateOverlappingPositions as Qe, getVisibleHoursArray as et, isWorkingHour as tt, formatHourLabel as ke, generateMonthGrid as ft, getWeekDays as gt, startOfWeek as xt } from "./utils.mjs";
+import { a as $e, b as He } from "./slot-selection-context-D2eu2o-7.js";
+import * as me from "@radix-ui/react-popover";
+import * as ge from "@radix-ui/react-tooltip";
+const ae = me.Root, ie = me.Trigger, un = me.Anchor, ne = Z.forwardRef(({ className: t, align: n = "center", sideOffset: o = 4, ...a }, l) => /* @__PURE__ */ e(me.Portal, { children: /* @__PURE__ */ e(
+  me.Content,
+  {
+    ref: l,
+    align: n,
+    sideOffset: o,
+    className: s(
+      "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
+  }
+) }));
+ne.displayName = me.Content.displayName;
+const mn = ge.Provider, de = ge.Root, ce = ge.Trigger, re = Z.forwardRef(({ className: t, sideOffset: n = 4, ...o }, a) => /* @__PURE__ */ e(
+  ge.Content,
+  {
+    ref: a,
+    sideOffset: n,
+    className: s(
+      "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
+  }
+));
+re.displayName = ge.Content.displayName;
+function xe(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",
+      accentBorder: "border-l-blue-500 dark:border-l-blue-400"
+    },
+    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",
+      accentBorder: "border-l-green-500 dark:border-l-green-400"
+    },
+    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",
+      accentBorder: "border-l-red-500 dark:border-l-red-400"
+    },
+    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",
+      accentBorder: "border-l-yellow-500 dark:border-l-yellow-400"
+    },
+    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",
+      accentBorder: "border-l-purple-500 dark:border-l-purple-400"
+    },
+    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",
+      accentBorder: "border-l-orange-500 dark:border-l-orange-400"
+    },
+    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",
+      accentBorder: "border-l-pink-500 dark:border-l-pink-400"
+    },
+    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",
+      accentBorder: "border-l-teal-500 dark:border-l-teal-400"
+    },
+    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",
+      accentBorder: "border-l-gray-500 dark:border-l-gray-400"
+    },
+    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",
+      accentBorder: "border-l-indigo-500 dark:border-l-indigo-400"
+    }
+  }[t ?? "blue"];
+}
+function Pe(t) {
+  const n = new Date(t);
+  return n.setHours(0, 0, 0, 0), n;
+}
+function De({
+  event: t,
+  variant: n = "full",
+  badgeVariant: o = "colored",
+  onClick: a,
+  className: l,
+  showTime: b = !0,
+  showDescription: u = !1,
+  showParticipants: h = !1,
+  style: C,
+  disablePopover: f = !1,
+  renderPopover: y,
+  enableDrag: S = !1,
+  enablePageTransition: c = !1,
+  pageTransitionDuration: x = 400
+}) {
+  const d = xe(t.color), [w, A] = X(!1), [P, z] = X(!1), [L, R] = X(!1), [_, T] = X(null), M = ee(null), $ = $e(), k = t.endDate < Pe(/* @__PURE__ */ new Date()), B = t.isCanceled ?? !1, q = S && $ && !B && !k, p = t.data, g = p?.meetingTookPlace ?? t.meetingTookPlace ?? !1, E = B ? /* @__PURE__ */ e(yt, { className: "h-3 w-3 text-zinc-800 dark:text-zinc-200" }) : g ? /* @__PURE__ */ e(bt, { className: s("h-3 w-3", d.text) }) : null, H = t.scheduleTypeName || p?.scheduleTypeName || p?.typeName, O = p?.productName, v = p?.nrParticipant, i = p?.siteName, m = p?.siteCity, N = [i, m].filter(Boolean).join(", "), I = W(() => {
+    if (!P) {
+      if (f && a) {
+        a(t);
+        return;
+      }
+      if (c && M.current) {
+        const U = M.current.getBoundingClientRect();
+        T(U), R(!0);
+      } else f || A(!0);
+    }
+  }, [P, f, a, t, c]);
+  W(() => {
+    R(!1), T(null), f || A(!0);
+  }, [f]);
+  const D = W(() => {
+    A(!1);
+  }, []), Y = W(
+    (U) => {
+      q && (U.dataTransfer.effectAllowed = "move", U.dataTransfer.setData("text/plain", t.id), z(!0), $?.startDrag?.(t));
+    },
+    [q, t, $]
+  ), j = W(() => {
+    z(!1), $?.isDragging && $.endDrag?.();
+  }, [$]);
+  if (n === "dot") {
+    const U = /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: I,
+        className: s(
+          "size-2 rounded-full cursor-pointer transition-opacity",
+          k ? "bg-gray-400" : d.dot,
+          t.isCanceled && "opacity-50",
+          l
+        ),
+        style: C,
+        "aria-label": t.title
+      }
+    );
+    return f ? /* @__PURE__ */ r(de, { children: [
+      /* @__PURE__ */ e(ce, { asChild: !0, children: U }),
+      /* @__PURE__ */ e(re, { 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: J(t) })
+      ] }) })
+    ] }) : /* @__PURE__ */ r(ae, { open: w, onOpenChange: A, children: [
+      /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ r(de, { children: [
+        /* @__PURE__ */ e(ce, { asChild: !0, children: U }),
+        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }) })
+      ] }) }),
+      /* @__PURE__ */ e(ne, { className: "w-80", children: y ? y({ event: t, onClose: D }) : /* @__PURE__ */ e(fe, { event: t, onClose: D }) })
+    ] });
+  }
+  if (n === "compact") {
+    const U = /* @__PURE__ */ r(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        draggable: !!q,
+        onDragStart: Y,
+        onDragEnd: j,
+        onClick: f ? I : void 0,
+        onKeyDown: (K) => {
+          (K.key === "Enter" || K.key === " ") && (K.preventDefault(), I());
+        },
+        className: s(
+          "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",
+          q ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
+          P && "opacity-50",
+          // Cancelled events get gray background with strikethrough
+          B || // Past events get neutral zinc styling
+          k ? "bg-zinc-100 dark:bg-zinc-800 text-zinc-500 dark:text-zinc-400 line-through" : [
+            o === "colored" && [d.bg, d.text],
+            o === "mixed" && [d.bg, d.text],
+            o === "dot" && "bg-muted/50"
+          ],
+          l
+        ),
+        style: C,
+        children: [
+          ["dot", "mixed"].includes(o) && !k && /* @__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: d.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: s(
+                  "w-fit mt-0.5 text-[10px] px-1 py-0.5 border border-dashed rounded-full font-medium",
+                  k ? "border-zinc-400 dark:border-zinc-600" : d.border
+                ),
+                children: J(t)
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ e("div", { className: "flex gap-0.5", children: E })
+        ]
+      }
+    );
+    return f ? /* @__PURE__ */ r(de, { children: [
+      /* @__PURE__ */ e(ce, { asChild: !0, children: U }),
+      /* @__PURE__ */ e(re, { 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: J(t) })
+      ] }) })
+    ] }) : /* @__PURE__ */ r(ae, { open: w, onOpenChange: A, children: [
+      /* @__PURE__ */ e(ie, { asChild: !0, children: U }),
+      /* @__PURE__ */ e(ne, { className: "w-80", children: y ? y({ event: t, onClose: D }) : /* @__PURE__ */ e(fe, { event: t, onClose: D }) })
+    ] });
+  }
+  const G = /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      onClick: I,
+      className: s(
+        "group relative flex w-full flex-col gap-1 rounded-md border-l-[3px] px-2 py-1.5 text-left transition-all",
+        "shadow-[0_1px_3px_rgba(0,0,0,0.08)] hover:shadow-[0_2px_6px_rgba(0,0,0,0.12)]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        // Cancelled events get gray background with strikethrough
+        B || // Past events get neutral zinc styling with strikethrough
+        k ? "bg-zinc-100 dark:bg-zinc-800 border-l-zinc-400 dark:border-l-zinc-600 text-zinc-500 dark:text-zinc-400 line-through" : [
+          o === "colored" && [
+            d.bg,
+            d.accentBorder,
+            d.text
+          ],
+          o === "mixed" && [
+            d.bg,
+            d.accentBorder,
+            d.text
+          ],
+          o === "dot" && "bg-muted/50 border-l-neutral-400 dark:border-l-neutral-600"
+        ],
+        l
+      ),
+      style: C,
+      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) && !k && !B && /* @__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: d.dotFill })
+              }
+            ),
+            /* @__PURE__ */ r(
+              "span",
+              {
+                className: s(
+                  "text-sm font-medium truncate",
+                  !k && !B && o !== "dot" && d.text,
+                  B && "line-through"
+                ),
+                children: [
+                  t.title,
+                  H && /* @__PURE__ */ r("span", { className: "font-normal opacity-75", children: [
+                    " ",
+                    "- ",
+                    H
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          E
+        ] }),
+        O && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: O }),
+        v != null && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ e(We, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ r("span", { children: [
+            v,
+            " participant",
+            v !== 1 ? "s" : ""
+          ] })
+        ] }),
+        b && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ e(je, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ e("span", { children: J(t) })
+        ] }),
+        N && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ e(nt, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "truncate", children: N })
+        ] }),
+        u && t.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: t.description }),
+        h && t.participants && t.participants.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ e(We, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "truncate", children: t.participants.map((U) => U.name).join(", ") })
+        ] })
+      ]
+    }
+  );
+  return f ? /* @__PURE__ */ r(de, { children: [
+    /* @__PURE__ */ e(ce, { asChild: !0, children: G }),
+    /* @__PURE__ */ e(re, { 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: J(t) })
+    ] }) })
+  ] }) : /* @__PURE__ */ r(ae, { open: w, onOpenChange: A, children: [
+    /* @__PURE__ */ e(ie, { asChild: !0, children: G }),
+    /* @__PURE__ */ e(ne, { className: "w-80", children: y ? y({ event: t, onClose: D }) : /* @__PURE__ */ e(fe, { event: t, onClose: D }) })
+  ] });
+}
+function je({ 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 bt({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+function yt({ className: t }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+function We({ 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 nt({ 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 fe({
+  event: t,
+  onClose: n
+}) {
+  const o = xe(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: s("size-4 rounded shrink-0 mt-0.5", o.dot) }),
+      /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ e(
+          "h3",
+          {
+            className: s(
+              "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(je, { className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "tabular-nums", children: J(t) })
+        ] })
+      ] })
+    ] }),
+    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 rt({
+  event: t,
+  position: n,
+  hourHeight: o = 96,
+  badgeVariant: a = "colored",
+  onClick: l,
+  className: b,
+  disablePopover: u = !1,
+  renderPopover: h,
+  enableDrag: C = !0
+}) {
+  const f = xe(t.color), [y, S] = X(!1), [c, x] = X(!1), d = $e(), w = (t.endDate.getTime() - t.startDate.getTime()) / (1e3 * 60), A = w / 60 * o - 8, P = t.endDate < Pe(/* @__PURE__ */ new Date()), z = t.isCanceled ?? !1, L = C && d && !z && !P, R = w < 35, _ = w > 25, T = w >= 45, M = t.data, $ = t.scheduleTypeName || M?.scheduleTypeName || M?.typeName, k = M?.productName, B = M?.nrParticipant, q = M?.siteName, p = M?.siteCity, g = [q, p].filter(Boolean).join(", "), E = a === "dot", H = W(() => {
+    c || (u && l ? l(t) : u || S(!0));
+  }, [c, u, l, t]), O = W(() => {
+    S(!1);
+  }, []), v = W(
+    (D) => {
+      if (!L) return;
+      D.dataTransfer.effectAllowed = "move", D.dataTransfer.setData("text/plain", t.id);
+      const Y = D.currentTarget, j = Y.getBoundingClientRect();
+      D.dataTransfer.setDragImage(
+        Y,
+        D.clientX - j.left,
+        D.clientY - j.top
+      ), x(!0), d?.startDrag?.(t);
+    },
+    [L, t, d]
+  ), i = W(() => {
+    x(!1), d?.isDragging && d.endDrag?.();
+  }, [d]), m = W(
+    (D) => {
+      (D.key === "Enter" || D.key === " ") && (D.preventDefault(), H());
+    },
+    [H]
+  ), N = /* @__PURE__ */ r(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      draggable: !!L,
+      onDragStart: v,
+      onDragEnd: i,
+      onKeyDown: m,
+      onClick: c ? void 0 : H,
+      className: s(
+        "group flex w-full select-none flex-col gap-0.5 overflow-hidden rounded-md border-l-[3px] px-2 py-1.5 text-xs text-left",
+        "shadow-[0_1px_3px_rgba(0,0,0,0.08)] hover:shadow-[0_2px_6px_rgba(0,0,0,0.12)]",
+        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        "transition-all",
+        L ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
+        c && "opacity-50",
+        // Cancelled events get gray background with strikethrough
+        z || // Past events get neutral zinc styling with strikethrough
+        P ? "bg-zinc-100 dark:bg-zinc-800 border-l-zinc-400 dark:border-l-zinc-600 text-zinc-500 dark:text-zinc-400 line-through" : [
+          // Colored/mixed variants
+          !E && [
+            f.bg,
+            f.accentBorder,
+            f.text
+          ],
+          // Dot variant - neutral background
+          E && "bg-neutral-50 dark:bg-neutral-900 border-l-neutral-400 dark:border-l-neutral-600"
+        ],
+        // Short events center content
+        R && "py-0 justify-center",
+        b
+      ),
+      style: { height: `${Math.max(A, 20)}px` },
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex items-start gap-1.5 min-w-0", children: [
+          ["mixed", "dot"].includes(a) && !P && !z && /* @__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: f.dotFill })
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ r(
+            "p",
+            {
+              className: s(
+                "font-semibold truncate leading-tight",
+                !P && !z && E && "text-foreground"
+              ),
+              children: [
+                t.title,
+                $ && /* @__PURE__ */ r("span", { className: "font-normal opacity-75", children: [
+                  " ",
+                  "- ",
+                  $
+                ] })
+              ]
+            }
+          ) })
+        ] }),
+        T && k && /* @__PURE__ */ e(
+          "p",
+          {
+            className: s(
+              "text-[11px] truncate leading-tight",
+              E ? "text-muted-foreground" : "opacity-80"
+            ),
+            children: k
+          }
+        ),
+        T && B != null && /* @__PURE__ */ r(
+          "div",
+          {
+            className: s(
+              "flex items-center gap-1 text-[11px] leading-tight",
+              E ? "text-muted-foreground" : "opacity-80"
+            ),
+            children: [
+              /* @__PURE__ */ e(We, { className: "h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ r("span", { children: [
+                B,
+                " participant",
+                B !== 1 ? "s" : ""
+              ] })
+            ]
+          }
+        ),
+        _ && /* @__PURE__ */ r(
+          "div",
+          {
+            className: s(
+              "flex items-center gap-1 text-[11px] tabular-nums leading-tight",
+              E ? "text-muted-foreground" : "opacity-90"
+            ),
+            children: [
+              /* @__PURE__ */ e(je, { className: "h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ e("span", { children: J(t) })
+            ]
+          }
+        ),
+        T && g && /* @__PURE__ */ r(
+          "div",
+          {
+            className: s(
+              "flex items-center gap-1 text-[11px] truncate leading-tight",
+              E ? "text-muted-foreground" : "opacity-80"
+            ),
+            children: [
+              /* @__PURE__ */ e(nt, { className: "h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ e("span", { className: "truncate", children: g })
+            ]
+          }
+        )
+      ]
+    }
+  ), I = /* @__PURE__ */ e(re, { children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
+    /* @__PURE__ */ r("div", { className: "font-medium", children: [
+      t.title,
+      $ && /* @__PURE__ */ r("span", { className: "font-normal opacity-75", children: [
+        " ",
+        "- ",
+        $
+      ] })
+    ] }),
+    k && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: k }),
+    B != null && /* @__PURE__ */ r("div", { className: "text-xs text-muted-foreground", children: [
+      B,
+      " participant",
+      B !== 1 ? "s" : ""
+    ] }),
+    /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground tabular-nums", children: J(t) }),
+    g && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: g })
+  ] }) });
+  return u ? /* @__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(de, { children: [
+        /* @__PURE__ */ e(ce, { asChild: !0, children: N }),
+        I
+      ] })
+    }
+  ) : /* @__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(ae, { open: y, onOpenChange: S, children: [
+        /* @__PURE__ */ e(ie, { asChild: !0, children: N }),
+        /* @__PURE__ */ e(ne, { className: "w-80", children: h ? h({ event: t, onClose: O }) : /* @__PURE__ */ e(fe, { event: t, onClose: O }) })
+      ] })
+    }
+  );
+}
+function hn({
+  event: t,
+  spanDays: n,
+  isStart: o,
+  isEnd: a,
+  onClick: l,
+  className: b,
+  disablePopover: u = !1,
+  renderPopover: h
+}) {
+  const C = xe(t.color), [f, y] = X(!1), S = t.endDate < Pe(/* @__PURE__ */ new Date()), c = t.isCanceled ?? !1, x = W(() => {
+    u && l ? l(t) : u || y(!0);
+  }, [u, l, t]), d = W(() => {
+    y(!1);
+  }, []), w = /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: x,
+      className: s(
+        "flex h-5 items-center px-1.5 text-xs font-medium transition-opacity hover:opacity-80",
+        // Cancelled events get gray background with strikethrough
+        c || // Past events get neutral zinc styling with strikethrough
+        S ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-500 dark:text-zinc-400 line-through" : [C.dot, "text-white"],
+        o && "rounded-l",
+        a && "rounded-r",
+        !o && "border-l-0",
+        !a && "border-r-0",
+        b
+      ),
+      style: { width: `${n * 100}%` },
+      children: o && /* @__PURE__ */ e("span", { className: "truncate", children: t.title })
+    }
+  ), A = /* @__PURE__ */ e(re, { 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: J(t) })
+  ] }) });
+  return u ? /* @__PURE__ */ r(de, { children: [
+    /* @__PURE__ */ e(ce, { asChild: !0, children: w }),
+    A
+  ] }) : /* @__PURE__ */ r(ae, { open: f, onOpenChange: y, children: [
+    /* @__PURE__ */ e(ie, { asChild: !0, children: w }),
+    /* @__PURE__ */ e(ne, { className: "w-80", children: h ? h({ event: t, onClose: d }) : /* @__PURE__ */ e(fe, { event: t, onClose: d }) })
+  ] });
+}
+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 Fe = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Ve = ut, ot = (t, n) => (o) => {
+  var a;
+  if (n?.variants == null) return Ve(t, o?.class, o?.className);
+  const { variants: l, defaultVariants: b } = n, u = Object.keys(l).map((f) => {
+    const y = o?.[f], S = b?.[f];
+    if (y === null) return null;
+    const c = Fe(y) || Fe(S);
+    return l[f][c];
+  }), h = o && Object.entries(o).reduce((f, y) => {
+    let [S, c] = y;
+    return c === void 0 || (f[S] = c), f;
+  }, {}), C = n == null || (a = n.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((f, y) => {
+    let { class: S, className: c, ...x } = y;
+    return Object.entries(x).every((d) => {
+      let [w, A] = d;
+      return Array.isArray(A) ? A.includes({
+        ...b,
+        ...h
+      }[w]) : {
+        ...b,
+        ...h
+      }[w] === A;
+    }) ? [
+      ...f,
+      S,
+      c
+    ] : f;
+  }, []);
+  return Ve(t, u, C, o?.class, o?.className);
+}, wt = ot(
+  "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"
+    }
+  }
+), ue = Ae(
+  ({ className: t, variant: n, size: o, loading: a, disabled: l, children: b, ...u }, h) => /* @__PURE__ */ r(
+    "button",
+    {
+      className: s(wt({ variant: n, size: o, className: t })),
+      ref: h,
+      disabled: l || a,
+      ...u,
+      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"
+                }
+              )
+            ]
+          }
+        ),
+        b
+      ]
+    }
+  )
+);
+ue.displayName = "Button";
+const at = (...t) => t.filter((n, o, a) => !!n && n.trim() !== "" && a.indexOf(n) === o).join(" ").trim();
+const vt = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Nt = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (n, o, a) => a ? a.toUpperCase() : o.toLowerCase()
+);
+const Ge = (t) => {
+  const n = Nt(t);
+  return n.charAt(0).toUpperCase() + n.slice(1);
+};
+var kt = {
+  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 Dt = (t) => {
+  for (const n in t)
+    if (n.startsWith("aria-") || n === "role" || n === "title")
+      return !0;
+  return !1;
+};
+const Ct = Ae(
+  ({
+    color: t = "currentColor",
+    size: n = 24,
+    strokeWidth: o = 2,
+    absoluteStrokeWidth: a,
+    className: l = "",
+    children: b,
+    iconNode: u,
+    ...h
+  }, C) => ze(
+    "svg",
+    {
+      ref: C,
+      ...kt,
+      width: n,
+      height: n,
+      stroke: t,
+      strokeWidth: a ? Number(o) * 24 / Number(n) : o,
+      className: at("lucide", l),
+      ...!b && !Dt(h) && { "aria-hidden": "true" },
+      ...h
+    },
+    [
+      ...u.map(([f, y]) => ze(f, y)),
+      ...Array.isArray(b) ? b : [b]
+    ]
+  )
+);
+const Re = (t, n) => {
+  const o = Ae(
+    ({ className: a, ...l }, b) => ze(Ct, {
+      ref: b,
+      iconNode: n,
+      className: at(
+        `lucide-${vt(Ge(t))}`,
+        `lucide-${t}`,
+        a
+      ),
+      ...l
+    })
+  );
+  return o.displayName = Ge(t), o;
+};
+const Mt = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], St = Re("check", Mt);
+const Tt = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], zt = Re("chevron-right", Tt);
+const Lt = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], Wt = Re("circle", Lt), Ue = F.Root, qe = F.Trigger, _t = Z.forwardRef(({ className: t, inset: n, children: o, ...a }, l) => /* @__PURE__ */ r(
+  F.SubTrigger,
+  {
+    ref: l,
+    className: s(
+      "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(zt, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+_t.displayName = F.SubTrigger.displayName;
+const Et = Z.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ e(
+  F.SubContent,
+  {
+    ref: o,
+    className: s(
+      "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
+  }
+));
+Et.displayName = F.SubContent.displayName;
+const _e = Z.forwardRef(({ className: t, sideOffset: n = 4, ...o }, a) => /* @__PURE__ */ e(F.Portal, { children: /* @__PURE__ */ e(
+  F.Content,
+  {
+    ref: a,
+    sideOffset: n,
+    className: s(
+      "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
+  }
+) }));
+_e.displayName = F.Content.displayName;
+const Ee = Z.forwardRef(({ className: t, inset: n, ...o }, a) => /* @__PURE__ */ e(
+  F.Item,
+  {
+    ref: a,
+    className: s(
+      "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
+  }
+));
+Ee.displayName = F.Item.displayName;
+const At = Z.forwardRef(({ className: t, children: n, checked: o = !1, ...a }, l) => /* @__PURE__ */ r(
+  F.CheckboxItem,
+  {
+    ref: l,
+    className: s(
+      "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(F.ItemIndicator, { children: /* @__PURE__ */ e(St, { className: "h-4 w-4" }) }) }),
+      n
+    ]
+  }
+));
+At.displayName = F.CheckboxItem.displayName;
+const Bt = Z.forwardRef(({ className: t, children: n, ...o }, a) => /* @__PURE__ */ r(
+  F.RadioItem,
+  {
+    ref: a,
+    className: s(
+      "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(F.ItemIndicator, { children: /* @__PURE__ */ e(Wt, { className: "h-2 w-2 fill-current" }) }) }),
+      n
+    ]
+  }
+));
+Bt.displayName = F.RadioItem.displayName;
+const It = Z.forwardRef(({ className: t, inset: n, ...o }, a) => /* @__PURE__ */ e(
+  F.Label,
+  {
+    ref: a,
+    className: s("px-2 py-1.5 text-sm font-semibold", n && "pl-8", t),
+    ...o
+  }
+));
+It.displayName = F.Label.displayName;
+const $t = Z.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ e(
+  F.Separator,
+  {
+    ref: o,
+    className: s("-mx-1 my-1 h-px bg-muted", t),
+    ...n
+  }
+));
+$t.displayName = F.Separator.displayName;
+const Ht = ot(
+  "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 Pt({ className: t, variant: n, ...o }) {
+  return /* @__PURE__ */ e("div", { className: s(Ht({ variant: n }), t), ...o });
+}
+function jt({ 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 Rt({ 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 Ot = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function Ft({
+  date: t,
+  view: n,
+  events: o = [],
+  onNavigatePrev: a,
+  onNavigateNext: l,
+  weekStartsOn: b = 1,
+  showEventCount: u = !0,
+  className: h
+}) {
+  const C = Ot[t.getMonth()], f = t.getFullYear(), y = u ? mt(o, t, n, b) : 0, S = ht(t, n);
+  return /* @__PURE__ */ r("div", { className: s("min-w-0 flex-1", h), 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: [
+        C,
+        " ",
+        f
+      ] }),
+      u && /* @__PURE__ */ e(Pt, { 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(
+        ue,
+        {
+          variant: "outline",
+          size: "icon",
+          className: "size-5 sm:size-6 [&_svg]:size-3 sm:[&_svg]:size-4",
+          onClick: a,
+          children: /* @__PURE__ */ e(jt, {})
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "text-xs sm:text-sm text-muted-foreground truncate", children: S }),
+      /* @__PURE__ */ e(
+        ue,
+        {
+          variant: "outline",
+          size: "icon",
+          className: "size-5 sm:size-6 [&_svg]:size-3 sm:[&_svg]:size-4",
+          onClick: l,
+          children: /* @__PURE__ */ e(Rt, {})
+        }
+      )
+    ] })
+  ] });
+}
+const Vt = [
+  "JAN",
+  "FEB",
+  "MAR",
+  "APR",
+  "MAY",
+  "JUN",
+  "JUL",
+  "AUG",
+  "SEP",
+  "OCT",
+  "NOV",
+  "DEC"
+];
+function Gt({ onClick: t, className: n }) {
+  const o = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      className: s(
+        "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: Vt[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 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("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 Ne({ 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 Ke({ 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 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("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 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("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ e("path", { d: "M12 5v14" })
+      ]
+    }
+  );
+}
+function Kt({ 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 Yt({ 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 Xt({ 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 Jt({ 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 Zt = [
+  { value: "day", label: "Day", icon: Kt },
+  { value: "week", label: "Week", icon: Yt },
+  { value: "month", label: "Month", icon: Xt },
+  { value: "year", label: "Year", icon: Jt }
+  // { value: 'agenda', label: 'Agenda', icon: ListIcon }, NOTE: Not needed currently
+], Xe = [
+  { value: "timeline-day", label: "1 Day", icon: Ne },
+  { value: "timeline-3day", label: "3 Days", icon: Ne },
+  { value: "timeline-week", label: "7 Days", icon: Ne }
+];
+function pn({
+  currentDate: t,
+  view: n,
+  events: o = [],
+  onNavigateToday: a,
+  onNavigatePrev: l,
+  onNavigateNext: b,
+  onNavigate: u,
+  onViewChange: h,
+  onAddEvent: C,
+  availableViews: f = ["day", "week", "month", "agenda"],
+  showTimelineViews: y = !1,
+  timelineViews: S,
+  settingsContent: c,
+  showSettings: x = !1,
+  filterContent: d,
+  actions: w,
+  className: A,
+  weekStartsOn: P = 1,
+  labels: z = {}
+}) {
+  const L = V(
+    () => ({
+      today: "Today",
+      addEvent: "Add Event",
+      calendarView: "Calendar View",
+      resourceView: "Resource View",
+      ...z
+    }),
+    [z]
+  ), R = () => {
+    a?.(), u?.("today");
+  }, _ = () => {
+    l?.(), u?.("prev");
+  }, T = () => {
+    b?.(), u?.("next");
+  }, M = ["day", "week", "month", "year", "agenda"].includes(
+    n
+  ), $ = n.startsWith("timeline-") || n.startsWith("resource-"), k = Zt.filter(
+    (p) => f.includes(p.value)
+  ), B = M ? k.find((p) => p.value === n) : null, q = $ ? Xe.find((p) => p.value === n) : null;
+  return /* @__PURE__ */ r("div", { className: s("flex flex-col w-full gap-3 mb-2", A), 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(Gt, { onClick: R }),
+          /* @__PURE__ */ e(
+            Ft,
+            {
+              date: t,
+              view: n,
+              events: o,
+              onNavigatePrev: _,
+              onNavigateNext: T,
+              weekStartsOn: P
+            }
+          )
+        ] }),
+        C && /* @__PURE__ */ e(
+          ue,
+          {
+            size: "icon",
+            className: "shrink-0 lg:hidden",
+            onClick: C,
+            children: /* @__PURE__ */ e(Ye, { 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: [
+        h && k.length > 0 && /* @__PURE__ */ r(Ue, { children: [
+          /* @__PURE__ */ r(
+            qe,
+            {
+              className: s(
+                "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",
+                M ? "bg-primary text-primary-foreground hover:bg-primary/90" : "border border-input bg-background hover:bg-accent hover:text-accent-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ e(Ut, { className: "size-4" }),
+                /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: B?.label ?? L.calendarView }),
+                /* @__PURE__ */ e(Ke, { className: "size-3 opacity-60" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(_e, { align: "start", className: "min-w-[120px]", children: k.map((p) => {
+            const g = p.icon;
+            return /* @__PURE__ */ r(
+              Ee,
+              {
+                onClick: () => h(p.value),
+                className: s(
+                  "gap-2",
+                  n === p.value && "bg-accent"
+                ),
+                children: [
+                  /* @__PURE__ */ e(g, { className: "size-4" }),
+                  /* @__PURE__ */ e("span", { children: p.label })
+                ]
+              },
+              p.value
+            );
+          }) })
+        ] }),
+        y && h && /* @__PURE__ */ r(Ue, { children: [
+          /* @__PURE__ */ r(
+            qe,
+            {
+              className: s(
+                "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-white hover:bg-zinc-50 hover:text-accent-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ e(Ne, { className: "size-4" }),
+                /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: q?.label ?? L.resourceView }),
+                /* @__PURE__ */ e(Ke, { className: "size-3 opacity-60" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(_e, { align: "start", className: "min-w-[120px]", children: Xe.map((p) => {
+            const g = p.icon;
+            return /* @__PURE__ */ r(
+              Ee,
+              {
+                onClick: () => h(p.value),
+                className: s(
+                  "gap-2",
+                  n === p.value && "bg-accent"
+                ),
+                children: [
+                  /* @__PURE__ */ e(g, { className: "size-4" }),
+                  /* @__PURE__ */ e("span", { children: p.label })
+                ]
+              },
+              p.value
+            );
+          }) })
+        ] }),
+        x && c && /* @__PURE__ */ r(ae, { children: [
+          /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ e(
+            ue,
+            {
+              variant: "outline",
+              size: "icon",
+              className: "min-w-10 min-h-10 shrink-0 mx-0",
+              children: /* @__PURE__ */ e(qt, { className: "size-4 sm:size-5" })
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            ne,
+            {
+              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: c })
+            }
+          )
+        ] }),
+        w,
+        C && /* @__PURE__ */ r(
+          ue,
+          {
+            className: "hidden lg:flex shrink-0 max-h-10",
+            onClick: C,
+            children: [
+              /* @__PURE__ */ e(Ye, { className: "size-4" }),
+              L.addEvent
+            ]
+          }
+        )
+      ] })
+    ] }),
+    d && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 pb-1 -mb-1 scrollbar-none", children: d })
+  ] });
+}
+function fn({
+  events: t,
+  date: n,
+  daysAhead: o = 60,
+  badgeVariant: a = "colored",
+  onEventClick: l,
+  className: b,
+  renderEvent: u,
+  renderPopover: h,
+  slots: C,
+  classNames: f
+}) {
+  const y = V(() => {
+    const c = new Date(n);
+    c.setHours(0, 0, 0, 0);
+    const x = new Date(c);
+    return x.setDate(x.getDate() + o), t.filter((d) => d.endDate >= c && d.startDate <= x);
+  }, [t, o, n]), S = V(() => {
+    const c = pt(y), x = [];
+    for (const [d, w] of c)
+      x.push({
+        date: new Date(d),
+        dateKey: d,
+        events: w
+      });
+    return x.sort((d, w) => d.date.getTime() - w.date.getTime()), x;
+  }, [y]);
+  return S.length === 0 ? /* @__PURE__ */ e("div", { className: s("flex flex-col items-center justify-center h-full py-12", b), 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: s("flex flex-col h-full overflow-auto", f?.agendaList, b), 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: S.map(({ date: c, dateKey: x, events: d }) => {
+      const w = oe(c), A = c.toLocaleDateString([], { weekday: "short" }), P = c.getDate(), z = c.toLocaleDateString([], { month: "short" });
+      return /* @__PURE__ */ r("div", { className: s("", f?.agendaDayGroup), children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "sticky top-[52px] z-10 bg-background px-4 py-3 border-b",
+              f?.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: s(
+                      "text-[11px] font-medium uppercase tracking-wide",
+                      w ? "text-primary" : "text-muted-foreground"
+                    ),
+                    children: A
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: s(
+                      "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: P
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
+                z,
+                " ",
+                c.getFullYear()
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "px-4 py-3 space-y-2 border-b last:border-b-0", children: d.map(
+          (L) => u ? /* @__PURE__ */ e("div", { children: u({ event: L, variant: "full" }) }, L.id) : /* @__PURE__ */ e(
+            De,
+            {
+              event: L,
+              variant: "full",
+              badgeVariant: a,
+              onClick: l,
+              disablePopover: !!l && !h,
+              renderPopover: h,
+              showTime: !0,
+              showDescription: !0,
+              showParticipants: !0,
+              ...f?.eventCard && { className: f.eventCard }
+            },
+            L.id
+          )
+        ) })
+      ] }, x);
+    }) })
+  ] });
+}
+const be = 360, ye = 480, Me = 280;
+function Qt({
+  isOpen: t,
+  onClose: n,
+  date: o,
+  events: a,
+  anchorRect: l,
+  badgeVariant: b = "colored",
+  onEventClick: u,
+  renderEvent: h,
+  renderPopover: C,
+  className: f
+}) {
+  const y = ee(null), S = ee(null), [c, x] = X("closed"), d = V(
+    () => [...a].sort((_, T) => _.startDate.getTime() - T.startDate.getTime()),
+    [a]
+  ), w = V(() => {
+    if (!l) return { top: 0, left: 0, width: be, maxHeight: ye };
+    const _ = typeof window < "u" ? window.innerWidth : 1200, T = typeof window < "u" ? window.innerHeight : 800;
+    let M = l.left + l.width / 2 - be / 2;
+    M = Math.max(16, Math.min(M, _ - be - 16));
+    const $ = Math.min(a.length * 68 + 80, ye);
+    let k = l.top + l.height / 2 - $ / 2;
+    return k = Math.max(16, Math.min(k, T - $ - 16)), { top: k, left: M, width: be, maxHeight: ye };
+  }, [l, a.length]);
+  Be(() => {
+    if (t && l)
+      x("entering"), requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          x("open");
+        });
+      });
+    else if (!t && c === "open") {
+      x("exiting");
+      const _ = setTimeout(() => {
+        x("closed");
+      }, Me);
+      return () => clearTimeout(_);
+    }
+  }, [t, l]), Le(() => {
+    if (c === "closed") return;
+    const _ = (T) => {
+      T.key === "Escape" && (T.stopPropagation(), n());
+    };
+    return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
+  }, [c, n]), Le(() => {
+    c === "open" && S.current && S.current.focus();
+  }, [c]);
+  const A = W(
+    (_) => {
+      _.target === y.current && n();
+    },
+    [n]
+  );
+  if (c === "closed") return null;
+  const P = c === "entering" || c === "exiting", z = P && l ? {
+    // Collapsed state: match the day cell exactly
+    position: "fixed",
+    top: l.top,
+    left: l.left,
+    width: l.width,
+    height: l.height,
+    maxHeight: l.height,
+    opacity: c === "entering" ? 0.7 : 0,
+    transform: "scale(1)",
+    borderRadius: "8px"
+  } : {
+    // Expanded state: full panel
+    position: "fixed",
+    top: w.top,
+    left: w.left,
+    width: w.width,
+    maxHeight: w.maxHeight,
+    opacity: 1,
+    transform: "scale(1)",
+    borderRadius: "12px"
+  }, L = P ? 0 : 1, R = o.toLocaleDateString(void 0, {
+    weekday: "long",
+    month: "long",
+    day: "numeric"
+  });
+  return /* @__PURE__ */ r(ct, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: y,
+        role: "presentation",
+        onClick: A,
+        className: "ic-expansion-backdrop",
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 50,
+          backgroundColor: "rgba(0, 0, 0, 0.2)",
+          opacity: L,
+          transition: `opacity ${Me}ms cubic-bezier(0.32, 0.72, 0, 1)`
+        }
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: S,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": `Events for ${R}`,
+        tabIndex: -1,
+        className: s(
+          "ic-expansion-panel",
+          "bg-background border border-border shadow-2xl overflow-hidden",
+          "focus:outline-none",
+          f
+        ),
+        style: {
+          ...z,
+          zIndex: 51,
+          transition: `all ${Me}ms cubic-bezier(0.32, 0.72, 0, 1)`,
+          willChange: "top, left, width, height, max-height, opacity, border-radius"
+        },
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-4 py-3 border-b bg-muted/30", children: [
+            /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-foreground", children: R }),
+              /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: [
+                a.length,
+                " event",
+                a.length !== 1 ? "s" : ""
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: n,
+                className: "flex items-center justify-center size-7 rounded-full hover:bg-muted transition-colors text-muted-foreground hover:text-foreground",
+                "aria-label": "Close",
+                children: /* @__PURE__ */ r(
+                  "svg",
+                  {
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
+                      /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: "overflow-y-auto px-3 py-2 space-y-1.5",
+              style: { maxHeight: `${ye - 64}px` },
+              children: [
+                d.map((_) => /* @__PURE__ */ e(
+                  "div",
+                  {
+                    onPointerDown: (T) => T.stopPropagation(),
+                    children: h ? h({ event: _, variant: "compact" }) : /* @__PURE__ */ e(
+                      De,
+                      {
+                        event: _,
+                        variant: "compact",
+                        badgeVariant: b,
+                        onClick: (T) => {
+                          n(), u?.(T);
+                        },
+                        disablePopover: !!u && !C,
+                        renderPopover: C,
+                        showTime: !0
+                      }
+                    )
+                  },
+                  _.id
+                )),
+                a.length === 0 && /* @__PURE__ */ e("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No events" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function it({
+  events: t,
+  date: n,
+  onEventClick: o,
+  className: a
+}) {
+  if (t.length === 0) return null;
+  const l = t.some((h) => Ce(h) && se(h.startDate, h.endDate)), b = t.some(
+    (h) => !se(h.startDate, h.endDate) || Ce(h) && !se(h.startDate, h.endDate)
+  ), u = l && b ? "All day / Multi-day" : l ? "All day" : "Multi-day";
+  return /* @__PURE__ */ r("div", { className: s("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: u }),
+    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.map((h) => {
+      const C = xe(h.color), f = Ce(h), y = se(h.startDate, n), S = se(h.endDate, n), c = f && se(h.startDate, h.endDate);
+      return /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: () => o?.(h),
+          title: J(h),
+          className: s(
+            "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",
+            C.bg,
+            C.text,
+            h.isCanceled && "opacity-60 line-through"
+          ),
+          children: [
+            !c && y && !S && "→ ",
+            !c && !y && S && " ←",
+            !c && !y && !S && "↔ ",
+            /* @__PURE__ */ e("span", { className: "truncate max-w-24 sm:max-w-32", children: h.title }),
+            c && /* @__PURE__ */ e("span", { className: "text-[9px] opacity-70 sm:text-[10px]", children: "All day" })
+          ]
+        },
+        h.id
+      );
+    }) })
+  ] });
+}
+const en = 5;
+function st({
+  slot: t,
+  onSelectionStart: n,
+  onSelectionMove: o,
+  onSelectionEnd: a,
+  isSelected: l = !1,
+  isSelecting: b = !1,
+  disabled: u = !1,
+  ariaLabel: h,
+  children: C,
+  className: f,
+  height: y,
+  style: S,
+  dataAttributes: c
+}) {
+  const x = ee(null), d = ee(!1), w = ee(!1), A = ee(null), [P, z] = X(!1), L = $e(), R = W(
+    (p) => {
+      u || p.button !== 0 && p.pointerType === "mouse" || (p.preventDefault(), x.current = { x: p.clientX, y: p.clientY }, d.current = !1, w.current = !0, n?.(t));
+    },
+    [u, t, n]
+  ), _ = W(
+    (p) => {
+      if (!(x.current && w.current && !u)) return;
+      const g = p.clientX - x.current.x, E = p.clientY - x.current.y;
+      Math.sqrt(g * g + E * E) >= en && (d.current = !0);
+    },
+    [u]
+  ), T = W(
+    (p) => {
+      u || (p.buttons > 0 || b) && o?.(t);
+    },
+    [u, b, t, o]
+  ), M = W(() => {
+    u || (a?.(), x.current = null, d.current = !1, w.current = !1);
+  }, [u, a]), $ = W(
+    (p) => {
+      if (!L?.isDragging || u) return;
+      p.preventDefault(), p.dataTransfer.dropEffect = "move", z(!0);
+      const g = /* @__PURE__ */ new Date(), E = t.hour ?? g.getHours(), H = t.minute ?? (g.getMinutes() >= 30 ? 30 : 0);
+      L.updateDragPreview?.(t.date, E, H);
+    },
+    [L, u, t]
+  ), k = W(() => {
+    z(!1);
+  }, []), B = W(
+    (p) => {
+      p.preventDefault(), z(!1), !(!L?.isDragging || u) && L.endDrag?.();
+    },
+    [L, u]
+  );
+  Le(() => {
+    const p = () => {
+      w.current && (w.current = !1, x.current = null, d.current = !1);
+    };
+    return window.addEventListener("pointerup", p), window.addEventListener("pointercancel", p), () => {
+      window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", p);
+    };
+  }, []);
+  const q = W(
+    (p) => {
+      u || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), n?.(t), a?.());
+    },
+    [u, t, n, a]
+  );
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ref: A,
+      type: "button",
+      "aria-label": h,
+      "aria-disabled": u,
+      "aria-pressed": l,
+      disabled: u,
+      onPointerDown: R,
+      onPointerMove: _,
+      onPointerUp: M,
+      onPointerEnter: T,
+      onKeyDown: q,
+      onDragOver: $,
+      onDragLeave: k,
+      onDrop: B,
+      className: s(
+        "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)
+        !(b || u) && "hover:bg-blue-50/60",
+        // Selection state — blue tint matching the primary color
+        l && "bg-blue-100/70",
+        // Drag over state - visual feedback when event is dragged over
+        P && "bg-primary/20 ring-2 ring-primary ring-inset",
+        // Disabled state
+        u && "cursor-not-allowed opacity-50",
+        f
+      ),
+      style: { height: y, ...S },
+      ...c,
+      children: C
+    }
+  );
+}
+function lt({
+  slot: t,
+  date: n,
+  hour: o,
+  minute: a,
+  ariaLabel: l,
+  ...b
+}) {
+  const u = t ?? { date: n, hour: o ?? 0, minute: a ?? 0 }, h = l ?? `Add event at ${(u.hour ?? 0).toString().padStart(2, "0")}:${(u.minute ?? 0).toString().padStart(2, "0")} on ${u.date.toLocaleDateString()}`;
+  return /* @__PURE__ */ e(st, { slot: u, ariaLabel: h, ...b });
+}
+function tn({ slot: t, date: n, ariaLabel: o, ...a }) {
+  const l = t ?? { date: n }, b = o ?? `Select ${l.date.toLocaleDateString()}`;
+  return /* @__PURE__ */ e(st, { slot: l, ariaLabel: b, ...a });
+}
+const he = 96, Se = 72, Te = 80;
+function gn({
+  events: t,
+  date: n,
+  visibleHours: o = { startHour: 0, endHour: 24 },
+  workingHours: a,
+  slotDuration: l = 30,
+  badgeVariant: b = "colored",
+  onEventClick: u,
+  onSlotSelect: h,
+  className: C,
+  renderEvent: f,
+  renderPopover: y,
+  slots: S,
+  classNames: c
+}) {
+  const x = 60 / l, d = 100 / x, w = V(() => {
+    const v = [];
+    for (let i = 0; i < x; i++)
+      v.push(i * l);
+    return v;
+  }, [x, l]), A = V(() => Ie(t, n), [t, n]), { singleDay: P, multiDay: z } = V(() => Ze(A), [A]), L = V(() => {
+    const v = Qe(P, n, o, he), i = /* @__PURE__ */ new Map();
+    for (const m of v)
+      i.set(m.event.id, m.position);
+    return i;
+  }, [P, n, o]), R = V(() => et(o), [o]), _ = /* @__PURE__ */ new Date(), T = oe(n), M = V(() => {
+    if (!T) return 0;
+    const v = _.getHours() + _.getMinutes() / 60;
+    return v < o.startHour || v > o.endHour ? -1 : (v - o.startHour) * he;
+  }, [T, o, _]), $ = ee(null);
+  Be(() => {
+    const v = $.current;
+    if (!v) return;
+    const i = () => {
+      let m;
+      if (T) {
+        const I = (/* @__PURE__ */ new Date()).getHours();
+        m = Math.max(I - 1, o.startHour);
+      } else {
+        const I = n.getDay(), D = a?.[I];
+        D?.enabled && D.from > 0 ? m = Math.max(D.from - 1, o.startHour) : m = Math.max(7, o.startHour);
+      }
+      const N = (m - o.startHour) * he;
+      v.scrollTo({
+        top: N,
+        behavior: "instant"
+      });
+    };
+    requestAnimationFrame(() => {
+      requestAnimationFrame(i);
+    });
+  }, [n, a, o, T]);
+  const k = He(), B = W(
+    (v) => {
+      k?.startSelection(v);
+    },
+    [k]
+  ), q = W(
+    (v) => {
+      k?.updateSelection(v);
+    },
+    [k]
+  ), p = W(() => {
+    k?.endSelection();
+  }, [k]), g = W(
+    (v) => {
+      u?.(v);
+    },
+    [u]
+  ), E = n.toLocaleDateString([], { weekday: "short" }), H = n.getDate(), O = oe(n);
+  return /* @__PURE__ */ r("div", { className: s("flex flex-col h-full", C), children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: s(
+          "flex items-center gap-3 border-b px-4 py-3",
+          c?.columnHeader,
+          O && c?.columnHeaderToday
+        ),
+        children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: s(
+                "text-[11px] font-medium uppercase tracking-wide",
+                O ? "text-primary" : "text-muted-foreground"
+              ),
+              children: E
+            }
+          ),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: s(
+                "flex items-center justify-center rounded-full mt-0.5",
+                "size-12 text-3xl font-normal",
+                O ? "bg-primary text-primary-foreground" : "text-foreground"
+              ),
+              children: H
+            }
+          )
+        ] })
+      }
+    ),
+    z.length > 0 && /* @__PURE__ */ e(
+      it,
+      {
+        events: z,
+        date: n,
+        onEventClick: g,
+        ...c?.multiDayBanner && { className: c.multiDayBanner }
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: $,
+        className: s("flex-1 overflow-auto", c?.scrollContainer),
+        children: /* @__PURE__ */ r("div", { className: "relative min-h-full", children: [
+          R.map((v, i) => {
+            const N = !tt(n, v, a);
+            return /* @__PURE__ */ r(
+              "div",
+              {
+                className: s(
+                  "relative flex",
+                  N && "bg-calendar-disabled-hour",
+                  c?.timeSlot,
+                  N ? c?.timeSlotNonWorking : c?.timeSlotWorking
+                ),
+                style: { height: he },
+                children: [
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: s(
+                        "relative flex-shrink-0 border-r border-border/50 bg-zinc-50 dark:bg-zinc-900",
+                        c?.timeGutter
+                      ),
+                      style: { width: Se },
+                      children: /* @__PURE__ */ e("div", { className: "absolute -top-2.5 right-1 sm:right-2 flex h-5 items-center", children: i !== 0 && /* @__PURE__ */ e(
+                        "span",
+                        {
+                          className: s(
+                            "text-[10px] sm:text-xs text-muted-foreground",
+                            c?.timeGutterLabel
+                          ),
+                          children: ke(v)
+                        }
+                      ) })
+                    }
+                  ),
+                  /* @__PURE__ */ r("div", { className: "relative flex-1", children: [
+                    T && !N && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-primary/5" }),
+                    i !== 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b border-border/50" }),
+                    w.slice(1).map((I) => /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "pointer-events-none absolute inset-x-0 border-b border-dashed border-border/30",
+                        style: { top: `${I / 60 * 100}%` }
+                      },
+                      I
+                    )),
+                    w.map((I, D) => {
+                      const Y = { date: n, hour: v, minute: I };
+                      return /* @__PURE__ */ e(
+                        lt,
+                        {
+                          slot: Y,
+                          onSelectionStart: B,
+                          onSelectionMove: q,
+                          onSelectionEnd: p,
+                          isSelected: k?.isSlotSelected(Y) ?? !1,
+                          isSelecting: k?.isSelecting ?? !1,
+                          disabled: N,
+                          className: "absolute inset-x-0",
+                          style: {
+                            top: `${D * d}%`,
+                            height: `${d}%`
+                          },
+                          ariaLabel: `Add event at ${ke(v)}:${String(I).padStart(2, "0")}`
+                        },
+                        I
+                      );
+                    })
+                  ] })
+                ]
+              },
+              v
+            );
+          }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute top-0 bottom-0 right-0 pointer-events-none",
+              style: { left: Se },
+              children: P.map((v) => {
+                const i = L.get(v.id);
+                if (!i) return null;
+                const m = `calc(${i.width}% - 2px)`, N = `max(${Te}px, ${m})`;
+                return f ? /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "absolute pointer-events-auto p-0.5",
+                    style: {
+                      top: `${i.top}px`,
+                      left: `${i.left}%`,
+                      width: N,
+                      minWidth: `${Te}px`
+                    },
+                    children: f({ event: v, position: i })
+                  },
+                  v.id
+                ) : /* @__PURE__ */ e(
+                  rt,
+                  {
+                    event: v,
+                    position: {
+                      top: i.top,
+                      left: i.left,
+                      width: i.width,
+                      minWidth: Te
+                    },
+                    hourHeight: he,
+                    badgeVariant: b,
+                    onClick: u,
+                    disablePopover: !!u && !y,
+                    renderPopover: y,
+                    className: s("pointer-events-auto", c?.eventCard)
+                  },
+                  v.id
+                );
+              })
+            }
+          ),
+          T && M >= 0 && /* @__PURE__ */ r(
+            "div",
+            {
+              className: s(
+                "absolute left-0 right-0 z-20 flex items-center pointer-events-none",
+                c?.currentTimeIndicator
+              ),
+              style: {
+                top: M,
+                left: Se
+              },
+              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 nn = [
+  { 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" }
+], rn = [
+  { 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" }
+], pe = 3;
+function xn({
+  events: t,
+  date: n,
+  weekStartsOn: o = 1,
+  badgeVariant: a = "colored",
+  onEventClick: l,
+  onSlotSelect: b,
+  onDayClick: u,
+  className: h,
+  renderEvent: C,
+  renderPopover: f,
+  showMoreMode: y,
+  showMoreEventsInPopover: S = !1,
+  slots: c,
+  classNames: x
+}) {
+  const d = y ?? (S ? "popover" : "expand"), w = c?.dayCellHeader, A = c?.dayCellFooter, [P, z] = X(null), [L, R] = X(null), _ = V(() => ft(n, o), [n, o]), T = V(() => {
+    const g = /* @__PURE__ */ new Map();
+    for (const E of _) {
+      const H = E.date.toDateString(), O = Ie(t, E.date);
+      O.sort((v, i) => v.startDate.getTime() - i.startDate.getTime()), g.set(H, O);
+    }
+    return g;
+  }, [_, t]), M = He(), $ = W(
+    (g) => {
+      M?.startSelection(g);
+    },
+    [M]
+  ), k = W(
+    (g) => {
+      M?.updateSelection(g);
+    },
+    [M]
+  ), B = W(() => {
+    M?.endSelection();
+  }, [M]), q = W(
+    (g) => {
+      u?.(g);
+    },
+    [u]
+  ), p = o === 0 ? rn : nn;
+  return /* @__PURE__ */ r("div", { className: s("flex flex-col h-full overflow-hidden", h), 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: s(
+            "grid grid-cols-7 border-b !sticky !top-0 bg-background z-10",
+            x?.weekdayHeader
+          ),
+          children: p.map((g, E) => /* @__PURE__ */ r(
+            "div",
+            {
+              className: s(
+                "py-2 sm:py-2.5 text-center text-[11px] uppercase font-medium tracking-wide text-muted-foreground",
+                E >= 5 && "text-muted-foreground/70",
+                // Weekend
+                x?.weekdayLabel
+              ),
+              children: [
+                /* @__PURE__ */ e("span", { className: "sm:hidden", children: g.short }),
+                /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: g.short })
+              ]
+            },
+            g.full
+          ))
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: s("grid grid-cols-7 auto-rows-min", x?.monthGrid), children: _.map((g) => {
+        const E = g.date.toDateString(), H = T.get(E) || [], O = oe(g.date), v = g.date.getDay() === 0 || g.date.getDay() === 6, i = H.length > pe;
+        return /* @__PURE__ */ r(
+          tn,
+          {
+            date: g.date,
+            dataAttributes: { "data-day-key": E },
+            onSelectionStart: $,
+            onSelectionMove: k,
+            onSelectionEnd: B,
+            isSelected: M?.isSlotSelected({ date: g.date }) ?? !1,
+            isSelecting: M?.isSelecting ?? !1,
+            className: s(
+              "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",
+              !g.isCurrentMonth && "bg-muted/20",
+              v && g.isCurrentMonth && "bg-muted/10",
+              x?.dayCell,
+              O && x?.dayCellToday,
+              !g.isCurrentMonth && x?.dayCellOutside,
+              v && x?.dayCellWeekend
+            ),
+            ariaLabel: `${g.date.toLocaleDateString()} - ${H.length} events. Click to create event, double-click to view day.`,
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: s(
+                    "flex items-center justify-center p-1",
+                    !g.isCurrentMonth && "text-muted-foreground/40",
+                    x?.dayCellNumber
+                  ),
+                  children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (m) => {
+                        m.stopPropagation(), q(g.date);
+                      },
+                      className: s(
+                        "flex items-center justify-center rounded-full transition-colors",
+                        "size-7 text-sm font-normal",
+                        O ? "bg-primary text-primary-foreground" : "hover:bg-muted"
+                      ),
+                      children: g.date.getDate()
+                    }
+                  )
+                }
+              ),
+              w && /* @__PURE__ */ e(
+                w,
+                {
+                  date: g.date,
+                  events: H,
+                  isToday: O,
+                  isCurrentMonth: g.isCurrentMonth,
+                  isWeekend: v,
+                  view: "month"
+                }
+              ),
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: s(
+                    "flex-1 overflow-hidden px-2 pt-1 pb-1 space-y-1",
+                    x?.dayCellContent
+                  ),
+                  children: [
+                    H.slice(0, pe).map((m) => /* @__PURE__ */ e(
+                      "div",
+                      {
+                        onPointerDown: (N) => {
+                          N.stopPropagation();
+                        },
+                        children: C ? C({ event: m, variant: "compact" }) : /* @__PURE__ */ e(
+                          De,
+                          {
+                            event: m,
+                            variant: "compact",
+                            badgeVariant: a,
+                            onClick: l,
+                            disablePopover: !!l && !f,
+                            renderPopover: f,
+                            showTime: !1,
+                            enableDrag: !0,
+                            ...x?.eventCardCompact && {
+                              className: x.eventCardCompact
+                            }
+                          }
+                        )
+                      },
+                      m.id
+                    )),
+                    i && d === "expand" && /* @__PURE__ */ r(
+                      "button",
+                      {
+                        type: "button",
+                        onPointerDown: (m) => m.stopPropagation(),
+                        onClick: (m) => {
+                          m.stopPropagation();
+                          const N = document.querySelector(`[data-day-key="${E}"]`);
+                          R({
+                            date: g.date,
+                            events: H,
+                            rect: N?.getBoundingClientRect() ?? new DOMRect(window.innerWidth / 2 - 180, window.innerHeight / 2 - 240, 0, 0)
+                          });
+                        },
+                        className: s(
+                          "w-full text-left text-xs text-muted-foreground hover:text-foreground hover:underline px-1.5 cursor-pointer",
+                          x?.moreEventsIndicator
+                        ),
+                        children: [
+                          "+",
+                          H.length - pe,
+                          " more"
+                        ]
+                      }
+                    ),
+                    i && d === "popover" && /* @__PURE__ */ r(
+                      ae,
+                      {
+                        open: P === E,
+                        onOpenChange: (m) => z(m ? E : null),
+                        children: [
+                          /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ r(
+                            "button",
+                            {
+                              type: "button",
+                              onPointerDown: (m) => m.stopPropagation(),
+                              onClick: (m) => {
+                                m.stopPropagation(), z(E);
+                              },
+                              className: s(
+                                "w-full text-left text-xs text-muted-foreground hover:text-foreground hover:underline px-1.5 cursor-pointer",
+                                x?.moreEventsIndicator
+                              ),
+                              children: [
+                                "+",
+                                H.length - pe,
+                                " more"
+                              ]
+                            }
+                          ) }),
+                          /* @__PURE__ */ r(
+                            ne,
+                            {
+                              align: "start",
+                              side: "right",
+                              sideOffset: 8,
+                              className: "w-72 max-h-80 overflow-y-auto p-2",
+                              onPointerDown: (m) => m.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: g.date.toLocaleDateString(void 0, {
+                                    weekday: "short",
+                                    month: "short",
+                                    day: "numeric"
+                                  }) }),
+                                  /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: [
+                                    H.length,
+                                    " events"
+                                  ] })
+                                ] }),
+                                /* @__PURE__ */ e("div", { className: "space-y-1.5", children: H.map((m) => /* @__PURE__ */ e("div", { children: C ? C({ event: m, variant: "compact" }) : /* @__PURE__ */ e(
+                                  De,
+                                  {
+                                    event: m,
+                                    variant: "compact",
+                                    badgeVariant: a,
+                                    onClick: (N) => {
+                                      z(null), l?.(N);
+                                    },
+                                    disablePopover: !!l && !f,
+                                    renderPopover: f,
+                                    showTime: !0
+                                  }
+                                ) }, m.id)) })
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    i && d === "dayView" && /* @__PURE__ */ r(
+                      "div",
+                      {
+                        onPointerDown: (m) => {
+                          m.stopPropagation(), q(g.date);
+                        },
+                        className: s(
+                          "w-full text-left text-xs text-muted-foreground hover:text-foreground hover:underline px-1.5 cursor-pointer",
+                          x?.moreEventsIndicator
+                        ),
+                        children: [
+                          "+",
+                          H.length - pe,
+                          " more"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              A && /* @__PURE__ */ e(
+                A,
+                {
+                  date: g.date,
+                  events: H,
+                  isToday: O,
+                  isCurrentMonth: g.isCurrentMonth,
+                  isWeekend: v,
+                  view: "month"
+                }
+              )
+            ]
+          },
+          E
+        );
+      }) })
+    ] }) }),
+    /* @__PURE__ */ e(
+      Qt,
+      {
+        isOpen: L !== null,
+        onClose: () => R(null),
+        date: L?.date ?? /* @__PURE__ */ new Date(),
+        events: L?.events ?? [],
+        anchorRect: L?.rect ?? null,
+        badgeVariant: a,
+        onEventClick: l,
+        renderEvent: C,
+        renderPopover: f
+      }
+    )
+  ] });
+}
+const le = 96, we = 56, Je = 72, Q = 120, ve = 100, on = 3;
+function bn({
+  events: t,
+  date: n,
+  weekStartsOn: o = 1,
+  visibleHours: a = { startHour: 0, endHour: 24 },
+  workingHours: l,
+  slotDuration: b = 30,
+  badgeVariant: u = "colored",
+  onEventClick: h,
+  onSlotSelect: C,
+  onDayClick: f,
+  className: y,
+  renderEvent: S,
+  renderPopover: c,
+  slots: x,
+  classNames: d
+}) {
+  const w = 60 / b, A = 100 / w, P = V(() => {
+    const i = [];
+    for (let m = 0; m < w; m++)
+      i.push(m * b);
+    return i;
+  }, [w, b]), z = V(
+    () => gt(n, o),
+    [n, o]
+  ), L = V(
+    () => et(a),
+    [a]
+  ), R = V(() => {
+    const i = /* @__PURE__ */ new Map();
+    for (const m of z) {
+      const N = m.toDateString(), I = Ie(t, m), { singleDay: D, multiDay: Y } = Ze(I), j = Qe(
+        D,
+        m,
+        a,
+        le
+      ), G = /* @__PURE__ */ new Map();
+      let U = 1;
+      for (const K of j)
+        if (G.set(K.event.id, K.position), K.position.width > 0) {
+          const te = Math.round(100 / K.position.width);
+          U = Math.max(U, te);
+        }
+      i.set(N, {
+        singleDay: D,
+        multiDay: Y,
+        positions: G,
+        maxOverlapping: U
+      });
+    }
+    return i;
+  }, [z, t, a]), _ = V(() => {
+    const i = /* @__PURE__ */ new Map();
+    for (const { multiDay: m } of R.values())
+      for (const N of m)
+        i.set(N.id, N);
+    return Array.from(i.values());
+  }, [R]), T = /* @__PURE__ */ new Date(), M = z.findIndex((i) => oe(i)), $ = V(() => {
+    if (M < 0) return -1;
+    const i = T.getHours() + T.getMinutes() / 60;
+    return i < a.startHour || i > a.endHour ? -1 : (i - a.startHour) * le;
+  }, [M, a, T]), k = ee(null);
+  Be(() => {
+    const i = k.current;
+    if (!i) return;
+    const m = () => {
+      let N;
+      if (M !== -1) {
+        const D = (/* @__PURE__ */ new Date()).getHours();
+        N = Math.max(D - 1, a.startHour);
+      } else {
+        const Y = (/* @__PURE__ */ new Date()).getDay();
+        let j = l?.[Y];
+        if (!j?.enabled || j.from === 0) {
+          const G = l?.[1];
+          G?.enabled && (j = G);
+        }
+        j?.enabled && j.from > 0 ? N = Math.max(
+          j.from - 1,
+          a.startHour
+        ) : N = Math.max(7, a.startHour);
+      }
+      const I = (N - a.startHour) * le;
+      i.scrollTo({
+        top: I,
+        behavior: "instant"
+      });
+    };
+    requestAnimationFrame(() => {
+      requestAnimationFrame(m);
+    });
+  }, [n, l, a, M]);
+  const B = He(), q = W(
+    (i) => {
+      B?.startSelection(i);
+    },
+    [B]
+  ), p = W(
+    (i) => {
+      B?.updateSelection(i);
+    },
+    [B]
+  ), g = W(() => {
+    B?.endSelection();
+  }, [B]), E = W(
+    (i) => {
+      h?.(i);
+    },
+    [h]
+  ), H = we + 7 * Q, O = V(() => {
+    const i = [];
+    for (const m of z) {
+      const N = m.toDateString(), D = R.get(N)?.maxOverlapping ?? 1;
+      D > on ? i.push(
+        Math.max(Q, D * ve)
+      ) : i.push(Q);
+    }
+    return i;
+  }, [z, R]), v = we + O.reduce((i, m) => i + m, 0);
+  return /* @__PURE__ */ r("div", { className: s("ic-week-view flex flex-col h-full", y), children: [
+    _.length > 0 && /* @__PURE__ */ e(
+      it,
+      {
+        events: _,
+        date: xt(n, o),
+        onEventClick: E,
+        ...d?.multiDayBanner && {
+          className: d.multiDayBanner
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: k,
+        className: s(
+          "ic-week-scroll-container flex-1",
+          d?.scrollContainer
+        ),
+        children: /* @__PURE__ */ r("div", { style: { minWidth: Math.max(H, v) }, 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: we, height: Je },
+                children: /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: [
+                  "GMT",
+                  (() => {
+                    const i = (/* @__PURE__ */ new Date()).getTimezoneOffset(), m = Math.abs(Math.floor(i / 60)), N = i <= 0 ? "+" : "-";
+                    return m > 0 ? `${N}${String(m).padStart(2, "0")}` : "";
+                  })()
+                ] })
+              }
+            ),
+            z.map((i, m) => {
+              const N = oe(i), I = O[m] ?? Q, D = I > Q;
+              return /* @__PURE__ */ r(
+                "div",
+                {
+                  className: s(
+                    "flex-1 flex flex-col items-center justify-center border-r last:border-r-0 py-2",
+                    d?.columnHeader,
+                    N && d?.columnHeaderToday
+                  ),
+                  style: {
+                    height: Je,
+                    minWidth: D ? I : Q
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: s(
+                          "text-[11px] font-medium uppercase tracking-wide",
+                          N ? "text-primary" : "text-muted-foreground"
+                        ),
+                        children: i.toLocaleDateString([], { weekday: "short" })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => f?.(i),
+                        className: s(
+                          "flex items-center justify-center rounded-full transition-colors mt-0.5",
+                          "size-10 text-2xl font-normal",
+                          N ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"
+                        ),
+                        children: i.getDate()
+                      }
+                    )
+                  ]
+                },
+                i.toDateString()
+              );
+            })
+          ] }) }),
+          /* @__PURE__ */ r("div", { className: "relative flex", children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: s(
+                  "ic-hour-column sticky left-0 z-10 bg-zinc-50 border-r",
+                  d?.timeGutter
+                ),
+                style: { width: we },
+                children: L.map((i, m) => /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "relative",
+                    style: { height: le },
+                    children: /* @__PURE__ */ e("div", { className: "absolute -top-2.5 right-1 sm:right-2 flex h-5 items-center", children: m !== 0 && /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: s(
+                          "text-[10px] sm:text-xs text-muted-foreground",
+                          d?.timeGutterLabel
+                        ),
+                        children: ke(i)
+                      }
+                    ) })
+                  },
+                  i
+                ))
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "ic-week-grid relative flex-1", children: /* @__PURE__ */ e("div", { className: "flex divide-x", children: z.map((i, m) => {
+              const N = i.toDateString(), I = R.get(N), D = O[m] ?? Q, Y = D > Q;
+              return /* @__PURE__ */ r(
+                "div",
+                {
+                  className: "ic-day-column relative flex-1",
+                  style: {
+                    minWidth: Y ? D : Q
+                  },
+                  children: [
+                    L.map((j, G) => {
+                      const K = !tt(
+                        i,
+                        j,
+                        l
+                      );
+                      return /* @__PURE__ */ r(
+                        "div",
+                        {
+                          className: s(
+                            "relative",
+                            K && "bg-calendar-disabled-hour",
+                            oe(i) && !K && "bg-primary/5",
+                            d?.timeSlot,
+                            K ? d?.timeSlotNonWorking : d?.timeSlotWorking
+                          ),
+                          style: { height: le },
+                          children: [
+                            G !== 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b border-border/50" }),
+                            P.slice(1).map((te) => /* @__PURE__ */ e(
+                              "div",
+                              {
+                                className: "pointer-events-none absolute inset-x-0 border-b border-dashed border-border/30",
+                                style: { top: `${te / 60 * 100}%` }
+                              },
+                              te
+                            )),
+                            P.map((te, dt) => {
+                              const Oe = {
+                                date: i,
+                                hour: j,
+                                minute: te
+                              };
+                              return /* @__PURE__ */ e(
+                                lt,
+                                {
+                                  slot: Oe,
+                                  onSelectionStart: q,
+                                  onSelectionMove: p,
+                                  onSelectionEnd: g,
+                                  isSelected: B?.isSlotSelected(Oe) ?? !1,
+                                  isSelecting: B?.isSelecting ?? !1,
+                                  disabled: K,
+                                  className: "absolute inset-x-0",
+                                  style: {
+                                    top: `${dt * A}%`,
+                                    height: `${A}%`
+                                  },
+                                  ariaLabel: `Add event on ${i.toLocaleDateString()} at ${ke(j)}:${String(te).padStart(2, "0")}`
+                                },
+                                te
+                              );
+                            })
+                          ]
+                        },
+                        j
+                      );
+                    }),
+                    I?.singleDay.map((j) => {
+                      const G = I.positions.get(j.id);
+                      if (!G) return null;
+                      const U = `calc(${G.width}% - 2px)`, K = `max(${ve}px, ${U})`;
+                      return S ? /* @__PURE__ */ e(
+                        "div",
+                        {
+                          className: "absolute pointer-events-auto p-0.5",
+                          style: {
+                            top: `${G.top}px`,
+                            left: `${G.left}%`,
+                            width: K,
+                            minWidth: `${ve}px`
+                          },
+                          children: S({ event: j, position: G })
+                        },
+                        j.id
+                      ) : /* @__PURE__ */ e(
+                        rt,
+                        {
+                          event: j,
+                          position: {
+                            top: G.top,
+                            left: G.left,
+                            width: G.width,
+                            minWidth: ve
+                          },
+                          hourHeight: le,
+                          badgeVariant: u,
+                          onClick: h,
+                          disablePopover: !!h && !c,
+                          renderPopover: c,
+                          className: s(
+                            "pointer-events-auto",
+                            d?.eventCard
+                          )
+                        },
+                        j.id
+                      );
+                    }),
+                    m === M && $ >= 0 && /* @__PURE__ */ r(
+                      "div",
+                      {
+                        className: s(
+                          "absolute left-0 right-0 z-20 flex items-center pointer-events-none",
+                          d?.currentTimeIndicator
+                        ),
+                        style: { top: $ },
+                        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" })
+                        ]
+                      }
+                    )
+                  ]
+                },
+                i.toDateString()
+              );
+            }) }) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  fn as A,
+  ue as B,
+  pn as C,
+  Ft as D,
+  rt as E,
+  xn as M,
+  ae as P,
+  lt as T,
+  bn as W,
+  Qt as a,
+  tn as b,
+  gn as c,
+  De as d,
+  it as e,
+  hn as f,
+  un as g,
+  ne as h,
+  ie as i,
+  Gt as j,
+  de as k,
+  re as l,
+  mn as m,
+  ce as n,
+  wt as o,
+  xe as p,
+  Ue as q,
+  qe as r,
+  _e as s,
+  Ee as t,
+  Pt as u
+};
+//# sourceMappingURL=week-view-BGthazCB.js.map