@innosolutions/inno-calendar 1.0.0

package/dist/agenda-dropdown-CU74g7uM.js

@@ -0,0 +1,3393 @@
+import { jsx as e, jsxs as n, Fragment as Z } from "react/jsx-runtime";
+import { o as Ae, c as Ue, C as Ye, I as Ge, j as Ke } from "./inno-calendar-provider-B0e1XLeo.js";
+import { c as u } from "./index-DtaLkIY8.js";
+import { useMemo as j, useRef as Je, useCallback as se, forwardRef as ye, useState as ae, useEffect as be } from "react";
+import { an as Qe, Z as Xe, a8 as Ze, az as q, aO as fe, I as Be, h as qe, S as et, U as tt, o as Fe } from "./slot-selection-context-BCNnYGHC.js";
+import { B as V, c as rt, C as nt, M as ke, A as st, W as at, b as it, P as Pe, h as Oe, g as _e, l as Y, p as ot, q as lt, r as ct, s as Ce, j as G, m as K, k as J, t as dt } from "./agenda-view-CgPn9KUd.js";
+function ut({ view: t, className: r = "" }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: r,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "400px",
+        backgroundColor: "#f9fafb",
+        borderRadius: "0.5rem",
+        border: "1px dashed #d1d5db"
+      },
+      children: /* @__PURE__ */ n("div", { style: { textAlign: "center", color: "#6b7280" }, children: [
+        /* @__PURE__ */ n("p", { style: { fontSize: "1.125rem", fontWeight: 500 }, children: [
+          t.charAt(0).toUpperCase() + t.slice(1),
+          " View"
+        ] }),
+        /* @__PURE__ */ e("p", { style: { fontSize: "0.875rem" }, children: "Implementation pending" })
+      ] })
+    }
+  );
+}
+function De({ view: t, className: r }) {
+  return /* @__PURE__ */ e(ut, { view: t, className: r });
+}
+function Or(t) {
+  const {
+    events: r,
+    resources: s,
+    scheduleTypes: a,
+    initialView: i = "week",
+    initialDate: o,
+    initialFilters: d,
+    preferences: h,
+    locale: c,
+    slots: g,
+    renderEvent: p,
+    onViewChange: N,
+    onDateChange: w,
+    onEventClick: b,
+    onSlotSelect: k,
+    onFiltersChange: D,
+    className: C,
+    children: v
+  } = t, M = Ae();
+  if (M)
+    return /* @__PURE__ */ e("div", { className: C, style: { position: "relative" }, children: v ?? /* @__PURE__ */ e(De, { view: M.view, className: C }) });
+  const z = Ue({
+    events: r,
+    resources: s,
+    scheduleTypes: a,
+    initialView: i,
+    initialDate: o,
+    initialFilters: d,
+    preferences: h,
+    locale: c,
+    onViewChange: N,
+    onDateChange: w,
+    onEventClick: b,
+    onSlotSelect: k,
+    onFiltersChange: D
+  });
+  return /* @__PURE__ */ e(Ye, { value: z, children: /* @__PURE__ */ e("div", { className: C, style: { position: "relative" }, children: v ?? /* @__PURE__ */ e(De, { view: z.view, className: C }) }) });
+}
+const ht = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], mt = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function Me(t) {
+  const r = t.hexColor;
+  return r ? { backgroundColor: r } : {};
+}
+function ft({
+  day: t,
+  date: r,
+  events: s,
+  isCurrentMonth: a,
+  onDayClick: i
+}) {
+  const o = q(r), d = 3, h = s.length;
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      onClick: () => i?.(r),
+      className: u(
+        "flex h-9 sm:h-11 flex-1 flex-col items-center justify-start gap-0.5 rounded-md pt-0.5 sm:pt-1",
+        "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        "transition-colors",
+        !a && "opacity-40"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: u(
+              "flex size-5 sm:size-6 items-center justify-center rounded-full text-[10px] sm:text-xs font-medium",
+              o && "bg-primary font-semibold text-primary-foreground"
+            ),
+            children: t
+          }
+        ),
+        h > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex items-center gap-0.5", children: h <= d ? s.map((c) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: "size-1 sm:size-1.5 rounded-full bg-primary",
+            style: Me(c)
+          },
+          c.id
+        )) : /* @__PURE__ */ n(Z, { children: [
+          s.slice(0, d).map((c) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: "size-1 sm:size-1.5 rounded-full bg-primary",
+              style: Me(c)
+            },
+            c.id
+          )),
+          /* @__PURE__ */ n("span", { className: "text-[6px] sm:text-[7px] font-medium text-muted-foreground", children: [
+            "+",
+            h - d
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+function gt({
+  date: t,
+  events: r,
+  onMonthClick: s,
+  onDayClick: a
+}) {
+  const i = j(() => Xe(t, 0), [t]);
+  return /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: () => s?.(t),
+        className: u(
+          "w-full rounded-t-lg border px-2 sm:px-3 py-1.5 sm:py-2 text-xs sm:text-sm font-semibold",
+          "hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          "transition-colors"
+        ),
+        children: mt[t.getMonth()]
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "flex-1 space-y-1.5 sm:space-y-2 rounded-b-lg border border-t-0 p-2 sm:p-3", children: [
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: ht.map((o, d) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: "text-[9px] sm:text-xs font-medium text-muted-foreground",
+          children: [
+            /* @__PURE__ */ e("span", { className: "sm:hidden", children: o[0] }),
+            /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: o })
+          ]
+        },
+        d
+      )) }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-1", children: i.map((o, d) => {
+        const h = Ze(r, o.date);
+        return /* @__PURE__ */ e(
+          ft,
+          {
+            day: o.date.getDate(),
+            date: o.date,
+            events: h,
+            isCurrentMonth: o.isCurrentMonth,
+            onDayClick: a
+          },
+          `${d + 1}-${o.date.toISOString()}`
+        );
+      }) })
+    ] })
+  ] });
+}
+function xt({
+  events: t,
+  year: r,
+  onMonthClick: s,
+  onDayClick: a,
+  className: i
+}) {
+  const o = j(() => Qe(r), [r]);
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col h-full", i), children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-center border-b px-4 py-3", children: /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: r }) }),
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: o.map((d) => /* @__PURE__ */ e(
+      gt,
+      {
+        date: d,
+        events: t,
+        onMonthClick: s,
+        onDayClick: a
+      },
+      d.getMonth()
+    )) }) })
+  ] });
+}
+function pt({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "m15 18-6-6 6-6" })
+    }
+  );
+}
+function vt({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+const ge = 44, ze = 4, wt = 56, Se = 8, he = 80, oe = 140, bt = 8, yt = 18;
+function Nt(t) {
+  return t.split(" ").map((r) => r[0]).join("").toUpperCase().slice(0, 2);
+}
+function kt(t, r) {
+  const s = [];
+  for (let a = 0; a < r; a++) {
+    const i = new Date(t);
+    i.setDate(i.getDate() + a), s.push(i);
+  }
+  return s;
+}
+function Ct(t, r, s) {
+  const a = [];
+  return t.forEach((i, o) => {
+    for (let d = r; d < s; d++)
+      a.push({ hour: d, dayIndex: o, date: i });
+  }), a;
+}
+function Dt(t) {
+  return `${t.toString().padStart(2, "0")}:00`;
+}
+function Mt(t) {
+  return t.toLocaleDateString("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  });
+}
+function zt(t, r) {
+  const s = t.toLocaleDateString("en-US", { month: "short" }), a = r.toLocaleDateString("en-US", { month: "short" }), i = t.getDate(), o = r.getDate(), d = r.getFullYear();
+  return s === a ? `${s} ${i} - ${o}, ${d}` : `${s} ${i} - ${a} ${o}, ${d}`;
+}
+function Ee(t) {
+  const r = [...t].sort((i, o) => i.startCol !== o.startCol ? i.startCol - o.startCol : o.spanCols - i.spanCols), s = [], a = [];
+  for (const i of r) {
+    let o = 0;
+    for (; a[o] !== void 0 && a[o] > i.startCol; )
+      o++;
+    a[o] = i.startCol + i.spanCols, s.push({
+      ...i,
+      stackIndex: o
+    });
+  }
+  return s;
+}
+function St({ src: t, alt: r, fallback: s, className: a }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: u(
+        "relative flex shrink-0 overflow-hidden rounded-sm border bg-muted",
+        a
+      ),
+      children: t ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: t,
+          alt: r,
+          className: "aspect-square h-full w-full object-cover"
+        }
+      ) : /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: s })
+    }
+  );
+}
+const Et = 7;
+function xe({
+  daysToShow: t = Et,
+  events: r,
+  users: s = [],
+  selectedDate: a,
+  onDateChange: i,
+  onEventClick: o,
+  visibleHours: d,
+  className: h,
+  getEventUserId: c,
+  renderPopover: g
+}) {
+  const p = Je(null), N = a ?? /* @__PURE__ */ new Date(), w = !0, b = d?.from ?? bt, k = d?.to ?? yt, D = k - b, C = j(() => {
+    const l = new Date(N);
+    if (t === 1 || t === 3)
+      return l.setHours(0, 0, 0, 0), l;
+    const x = l.getDay(), y = x === 0 ? -6 : 1 - x;
+    return l.setDate(l.getDate() + y), l.setHours(0, 0, 0, 0), l;
+  }, [N, t]), v = j(
+    () => kt(C, t),
+    [C, t]
+  ), M = j(
+    () => Ct(v, b, k),
+    [w, v, b, k]
+  ), L = c ?? ((l) => {
+    if (l.user?.id) return l.user.id;
+    const x = l.data;
+    if (x?.userId) return String(x.userId);
+    if (x?.user && typeof x.user == "object" && x.user.id)
+      return String(x.user.id);
+    if (l.participants?.[0]?.id) return l.participants[0].id;
+  }), H = j(() => {
+    const l = /* @__PURE__ */ new Map();
+    for (const x of s)
+      l.set(x.id, {
+        id: x.id,
+        name: x.name,
+        avatar: x.avatar ?? void 0,
+        email: x.email
+      });
+    for (const x of r) {
+      x.user?.id && !l.has(x.user.id) && l.set(x.user.id, {
+        id: x.user.id,
+        name: x.user.name,
+        avatar: x.user.avatar ?? void 0,
+        email: x.user.email
+      });
+      for (const y of x.participants || [])
+        y.id && !l.has(y.id) && l.set(y.id, {
+          id: y.id,
+          name: y.name,
+          avatar: y.avatar ?? void 0,
+          email: y.email
+        });
+    }
+    return Array.from(l.values());
+  }, [s, r]), A = j(() => {
+    const l = [], x = /* @__PURE__ */ new Map();
+    for (const T of H)
+      x.set(T.id, []);
+    x.set("unassigned", []);
+    for (const T of r) {
+      const B = L(T) ?? "unassigned";
+      (x.get(B) ?? x.get("unassigned")).push(T);
+    }
+    const y = (T) => {
+      const B = [];
+      for (const I of T) {
+        const F = I.startDate.getHours() + I.startDate.getMinutes() / 60, ee = I.endDate.getHours() + I.endDate.getMinutes() / 60;
+        for (let R = 0; R < v.length; R++) {
+          const te = v[R], de = fe(te), ue = Be(te);
+          if (I.startDate <= ue && I.endDate >= de) {
+            let re = b, X = k;
+            if (I.startDate >= de && (re = Math.max(b, F)), I.endDate <= ue && (X = Math.min(k, ee)), re = Math.max(b, Math.min(k, re)), X = Math.max(b, Math.min(k, X)), X > re) {
+              const $ = R * D + Math.floor(re - b), ne = R * D + Math.ceil(X - b);
+              B.push({
+                event: I,
+                startCol: $,
+                spanCols: Math.max(1, ne - $)
+              });
+            }
+          }
+        }
+      }
+      return B;
+    };
+    for (const T of H) {
+      const B = x.get(T.id) ?? [], I = y(B), F = Ee(I), ee = F.reduce(
+        (R, te) => Math.max(R, te.stackIndex + 1),
+        0
+      );
+      l.push({
+        user: T,
+        events: F,
+        maxStack: Math.max(ee, 1)
+      });
+    }
+    const S = x.get("unassigned") ?? [];
+    if (S.length > 0) {
+      const T = y(S), B = Ee(T), I = B.reduce(
+        (F, ee) => Math.max(F, ee.stackIndex + 1),
+        0
+      );
+      l.push({
+        user: {
+          id: "unassigned",
+          name: "Unassigned",
+          avatar: void 0,
+          email: void 0
+        },
+        events: B,
+        maxStack: Math.max(I, 1)
+      });
+    }
+    return l;
+  }, [H, r, v, w, D, b, k, L]), W = (l) => Math.max(
+    wt,
+    l * (ge + ze) + Se * 2
+  ), P = () => {
+    const l = new Date(C);
+    l.setDate(l.getDate() - t), i?.(l);
+  }, O = () => {
+    const l = new Date(C);
+    l.setDate(l.getDate() + t), i?.(l);
+  }, _ = M.length, f = he, E = oe + _ * f, m = j(() => {
+    const l = v[0], x = v[v.length - 1];
+    return !l || !x ? "" : t === 1 ? l.toLocaleDateString("en-US", {
+      weekday: "long",
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    }) : zt(l, x);
+  }, [v, t]);
+  return /* @__PURE__ */ n("div", { className: u("flex h-full flex-col", h), children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b bg-white px-2 sm:px-4 py-2 sm:py-3 gap-2", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-1 sm:gap-2 shrink-0", children: [
+        /* @__PURE__ */ e(
+          V,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "size-7 sm:size-8",
+            onClick: P,
+            children: /* @__PURE__ */ e(pt, { className: "size-3.5 sm:size-4" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          V,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "size-7 sm:size-8",
+            onClick: O,
+            children: /* @__PURE__ */ e(vt, { className: "size-3.5 sm:size-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium truncate", children: m }),
+      /* @__PURE__ */ e("div", { className: "w-8 sm:w-16 shrink-0" }),
+      " "
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", ref: p, children: /* @__PURE__ */ n("div", { className: "relative", style: { minWidth: E }, children: [
+      // Hour mode: Day headers + Hour sub-headers
+      /* @__PURE__ */ n("div", { className: "sticky top-0 z-20 flex flex-col border-b bg-white", children: [
+        t > 1 && /* @__PURE__ */ n("div", { className: "flex border-b", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "flex shrink-0 items-center border-r bg-white px-2 py-1",
+              style: { width: oe },
+              children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
+            }
+          ),
+          v.map((l) => {
+            const x = q(l);
+            return /* @__PURE__ */ e(
+              "div",
+              {
+                className: u(
+                  "flex shrink-0 items-center justify-center border-r py-1.5 font-medium",
+                  x ? "bg-primary/10 text-primary" : "bg-muted/30"
+                ),
+                style: { width: D * he },
+                children: /* @__PURE__ */ e("span", { className: "text-xs", children: Mt(l) })
+              },
+              `day-${l.toISOString()}`
+            );
+          })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex", children: [
+          t === 1 && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "flex shrink-0 items-center border-r bg-white px-2 py-2",
+              style: { width: oe },
+              children: /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Resources" })
+            }
+          ),
+          t > 1 && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "shrink-0 border-r bg-background",
+              style: { width: oe }
+            }
+          ),
+          M.map((l, x) => {
+            const y = l.hour === b, S = q(l.date);
+            return /* @__PURE__ */ e(
+              "div",
+              {
+                className: u(
+                  "flex shrink-0 items-center justify-center py-1.5 text-[10px] text-muted-foreground",
+                  y && x > 0 ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                  S && "bg-primary/5"
+                ),
+                style: { width: he },
+                children: Dt(l.hour)
+              },
+              `hour-${l.dayIndex}-${l.hour}`
+            );
+          })
+        ] })
+      ] }),
+      A.map((l) => {
+        const x = W(l.maxStack);
+        return /* @__PURE__ */ n(
+          "div",
+          {
+            className: "relative flex border-b",
+            style: { height: x },
+            children: [
+              /* @__PURE__ */ n(
+                "div",
+                {
+                  className: "sticky left-0 z-10 flex shrink-0 items-center gap-2 sm:gap-3 border-r bg-white px-2 sm:px-4",
+                  style: { width: oe },
+                  children: [
+                    /* @__PURE__ */ e(
+                      St,
+                      {
+                        className: "size-7",
+                        src: l.user.avatar,
+                        alt: l.user.name,
+                        fallback: Nt(l.user.name)
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: "truncate text-xs sm:text-sm font-medium", children: l.user.name })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ n("div", { className: "relative flex flex-1", children: [
+                // Hour mode cells
+                M.map((y, S) => {
+                  const T = y.hour === b && S > 0;
+                  return /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: u(
+                        "shrink-0",
+                        T ? "border-l-2 border-l-border" : "border-r border-r-border/50",
+                        q(y.date) && "bg-primary/5"
+                      ),
+                      style: { width: he }
+                    },
+                    `cell-${y.dayIndex}-${y.hour}`
+                  );
+                }),
+                l.events.map((y) => {
+                  const S = y.startCol * f + 2, T = y.spanCols * f - 4, B = Se + y.stackIndex * (ge + ze);
+                  return /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "absolute",
+                      style: {
+                        left: S,
+                        width: T,
+                        top: B,
+                        height: ge
+                      },
+                      children: /* @__PURE__ */ e(
+                        rt,
+                        {
+                          event: y.event,
+                          variant: "compact",
+                          onClick: o,
+                          renderPopover: g,
+                          className: "h-full w-full"
+                        }
+                      )
+                    },
+                    y.event.id
+                  );
+                })
+              ] })
+            ]
+          },
+          l.user.id
+        );
+      }),
+      A.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-20 text-muted-foreground", children: "No users or events to display" })
+    ] }) })
+  ] });
+}
+function Lt(t) {
+  switch (t) {
+    case "day":
+    case "week":
+      return "time";
+    default:
+      return "day";
+  }
+}
+function Tt({
+  onEventClick: t,
+  onSlotClick: r,
+  onSlotSelect: s,
+  onAddEvent: a,
+  className: i,
+  showHeader: o = !0,
+  minSelectionMinutes: d = 30,
+  settingsContent: h,
+  filterContent: c,
+  renderPopover: g
+}) {
+  const {
+    view: p,
+    setView: N,
+    selectedDate: w,
+    setSelectedDate: b,
+    slotDuration: k,
+    filteredEvents: D,
+    users: C,
+    visibleHours: v,
+    workingHours: M,
+    badgeVariant: z
+  } = Ke(), L = j(
+    () => ({
+      startHour: v.start,
+      endHour: v.end
+    }),
+    [v]
+  ), H = j(() => Lt(p), [p]), A = se(
+    (f) => {
+      if (s) {
+        s(f);
+        return;
+      }
+      if (r) {
+        const E = f.startDate.getHours();
+        r(f.startDate, E);
+      }
+    },
+    [s, r]
+  ), W = se(
+    (f) => {
+      N("day"), b(f, "day");
+    },
+    [b, N]
+  ), P = se(
+    (f) => {
+      N("month"), b(f, "month");
+    },
+    [b, N]
+  ), O = se(
+    (f) => {
+      t?.(f);
+    },
+    [t]
+  ), _ = () => {
+    const f = D, E = O, m = g;
+    switch (p) {
+      case "day":
+        return /* @__PURE__ */ e(
+          it,
+          {
+            events: f,
+            date: w,
+            visibleHours: L,
+            workingHours: M,
+            slotDuration: k,
+            badgeVariant: z,
+            onEventClick: E,
+            renderPopover: m
+          }
+        );
+      case "week":
+        return /* @__PURE__ */ e(
+          at,
+          {
+            events: f,
+            date: w,
+            visibleHours: L,
+            workingHours: M,
+            slotDuration: k,
+            badgeVariant: z,
+            onEventClick: E,
+            renderPopover: m
+          }
+        );
+      case "month":
+        return /* @__PURE__ */ e(
+          ke,
+          {
+            events: f,
+            date: w,
+            badgeVariant: z,
+            onEventClick: E,
+            onDayClick: W,
+            renderPopover: m
+          }
+        );
+      case "year":
+        return /* @__PURE__ */ e(
+          xt,
+          {
+            events: f,
+            year: w.getFullYear(),
+            onMonthClick: P,
+            onDayClick: W
+          }
+        );
+      case "agenda":
+        return /* @__PURE__ */ e(
+          st,
+          {
+            events: f,
+            date: w,
+            onEventClick: E,
+            renderPopover: m
+          }
+        );
+      // Timeline views
+      case "timeline-day":
+        return /* @__PURE__ */ e(
+          xe,
+          {
+            daysToShow: 1,
+            events: f,
+            users: C,
+            selectedDate: w,
+            visibleHours: {
+              from: v.start,
+              to: v.end
+            },
+            onEventClick: E,
+            renderPopover: m
+          }
+        );
+      case "timeline-3day":
+        return /* @__PURE__ */ e(
+          xe,
+          {
+            daysToShow: 3,
+            events: f,
+            users: C,
+            selectedDate: w,
+            visibleHours: {
+              from: v.start,
+              to: v.end
+            },
+            onEventClick: E,
+            renderPopover: m
+          }
+        );
+      case "timeline-week":
+        return /* @__PURE__ */ e(
+          xe,
+          {
+            daysToShow: 7,
+            events: f,
+            users: C,
+            selectedDate: w,
+            visibleHours: {
+              from: v.start,
+              to: v.end
+            },
+            onEventClick: E,
+            renderPopover: m
+          }
+        );
+      default:
+        return /* @__PURE__ */ e(
+          ke,
+          {
+            events: f,
+            date: w,
+            badgeVariant: z,
+            onEventClick: E,
+            onDayClick: W
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ e(
+    et,
+    {
+      mode: H,
+      onSelect: A,
+      minDurationMinutes: d,
+      slotDurationMinutes: k,
+      enabled: !!(s || r),
+      children: /* @__PURE__ */ n("div", { className: u("flex flex-col h-full p-4", i), children: [
+        o && /* @__PURE__ */ e(
+          nt,
+          {
+            currentDate: w,
+            view: p,
+            events: D,
+            onViewChange: N,
+            onNavigateToday: () => b(/* @__PURE__ */ new Date(), p),
+            onNavigatePrev: () => {
+              const f = new Date(w);
+              p === "day" || p === "timeline-day" ? f.setDate(f.getDate() - 1) : p === "timeline-3day" ? f.setDate(f.getDate() - 3) : p === "week" || p === "timeline-week" ? f.setDate(f.getDate() - 7) : p === "month" ? f.setMonth(f.getMonth() - 1) : p === "year" ? f.setFullYear(f.getFullYear() - 1) : f.setDate(f.getDate() - 7), b(f, p);
+            },
+            onNavigateNext: () => {
+              const f = new Date(w);
+              p === "day" || p === "timeline-day" ? f.setDate(f.getDate() + 1) : p === "timeline-3day" ? f.setDate(f.getDate() + 3) : p === "week" || p === "timeline-week" ? f.setDate(f.getDate() + 7) : p === "month" ? f.setMonth(f.getMonth() + 1) : p === "year" ? f.setFullYear(f.getFullYear() + 1) : f.setDate(f.getDate() + 7), b(f, p);
+            },
+            availableViews: ["day", "week", "month", "year", "agenda"],
+            showTimelineViews: !0,
+            showSettings: !!h,
+            ...a && { onAddEvent: a },
+            settingsContent: h,
+            filterContent: c
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden border rounded-lg bg-white dark:bg-gray-900", children: _() })
+      ] })
+    }
+  );
+}
+function _r({
+  events: t,
+  users: r = [],
+  scheduleTypes: s = [],
+  initialView: a = "week",
+  initialDate: i,
+  initialSelectedUserId: o,
+  initialScheduleTypeIds: d,
+  initialParticipantIds: h,
+  initialWorkingHoursView: c,
+  initialSearchQuery: g,
+  preferencesConfig: p,
+  onEventClick: N,
+  onSlotClick: w,
+  onSlotSelect: b,
+  onAddEvent: k,
+  onEventDrop: D,
+  onDateChange: C,
+  onViewChange: v,
+  className: M,
+  showHeader: z = !0,
+  minSelectionMinutes: L = 30,
+  renderPopover: H,
+  settingsContent: A,
+  filterContent: W
+}) {
+  return /* @__PURE__ */ e(qe, { ...D && { onEventDrop: D }, children: /* @__PURE__ */ e(
+    Ge,
+    {
+      initialEvents: t,
+      initialUsers: r,
+      initialScheduleTypes: s,
+      initialView: a,
+      ...i && { initialDate: i },
+      ...o && { initialSelectedUserId: o },
+      ...d && { initialScheduleTypeIds: d },
+      ...h && { initialParticipantIds: h },
+      ...c && { initialWorkingHoursView: c },
+      ...g && { initialSearchQuery: g },
+      ...p && { preferencesConfig: p },
+      ...C && { onDateChange: C },
+      ...v && { onViewChange: v },
+      children: /* @__PURE__ */ e(
+        Tt,
+        {
+          ...N && { onEventClick: N },
+          ...w && { onSlotClick: w },
+          ...b && { onSlotSelect: b },
+          ...k && { onAddEvent: k },
+          ...H && { renderPopover: H },
+          className: M,
+          showHeader: z,
+          minSelectionMinutes: L,
+          settingsContent: A,
+          filterContent: W
+        }
+      )
+    }
+  ) });
+}
+const Q = ye(
+  ({ className: t, children: r, ...s }, a) => /* @__PURE__ */ e(
+    "select",
+    {
+      ref: a,
+      className: u(
+        "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm",
+        "ring-offset-background",
+        "focus:outline-none focus:ring-1 focus:ring-ring",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "[&>option]:bg-background",
+        t
+      ),
+      ...s,
+      children: r
+    }
+  )
+);
+Q.displayName = "Select";
+const U = ye(
+  ({ className: t, ...r }, s) => /* @__PURE__ */ e(
+    "label",
+    {
+      ref: s,
+      className: u(
+        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        t
+      ),
+      ...r
+    }
+  )
+);
+U.displayName = "Label";
+function jt({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
+        /* @__PURE__ */ e("path", { d: "m15 5 4 4" })
+      ]
+    }
+  );
+}
+function Re({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ e("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+        /* @__PURE__ */ e("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" }),
+        /* @__PURE__ */ e("line", { x1: "10", x2: "10", y1: "11", y2: "17" }),
+        /* @__PURE__ */ e("line", { x1: "14", x2: "14", y1: "11", y2: "17" })
+      ]
+    }
+  );
+}
+function me({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+function It({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "m4.9 4.9 14.2 14.2" })
+      ]
+    }
+  );
+}
+function le({ 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 Ht({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "m9 12 2 2 4-4" })
+      ]
+    }
+  );
+}
+function $t({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+function Wt({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ e("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+        /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+      ]
+    }
+  );
+}
+function At({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "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 Bt({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+        /* @__PURE__ */ e("path", { d: "M3 10h18" })
+      ]
+    }
+  );
+}
+function Ft({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+        /* @__PURE__ */ e("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+        /* @__PURE__ */ e("path", { d: "M10 9H8" }),
+        /* @__PURE__ */ e("path", { d: "M16 13H8" }),
+        /* @__PURE__ */ e("path", { d: "M16 17H8" })
+      ]
+    }
+  );
+}
+function ie({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: u("animate-spin", t),
+      children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+const Pt = {
+  edit: "Edit",
+  delete: "Delete",
+  cancel: "Cancel Event",
+  close: "Close",
+  going: "Going",
+  notGoing: "Not Going",
+  confirmMeeting: "Confirm meeting took place",
+  completed: "Completed",
+  canceled: "Canceled",
+  participants: "Participants",
+  guest: "guest",
+  guests: "guests",
+  confirmed: "confirmed",
+  organizer: "Organizer",
+  client: "Client",
+  more: "more",
+  noDateProvided: "No date provided",
+  eventNotFound: "Event not found",
+  cancellationNote: "Cancellation Note",
+  canceledOn: "Canceled on",
+  acceptThisEvent: "Accept this event only",
+  acceptAllEvents: "Accept all events",
+  deleteConfirmTitle: "Delete Event",
+  deleteConfirmDescription: "Are you sure you want to delete this event? This action cannot be undone."
+}, ce = ye(
+  ({ onClick: t, label: r, children: s, className: a, variant: i = "ghost", ...o }, d) => /* @__PURE__ */ n(G, { children: [
+    /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        ref: d,
+        onClick: t,
+        className: u(
+          "h-8 w-8 rounded-full flex items-center justify-center transition-colors",
+          i === "ghost" && "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400",
+          i === "destructive" && "hover:bg-red-50 dark:hover:bg-red-950/30 text-zinc-600 dark:text-zinc-400 hover:text-red-600",
+          a
+        ),
+        "aria-label": r,
+        ...o,
+        children: s
+      }
+    ) }),
+    /* @__PURE__ */ e(J, { side: "bottom", className: "text-xs", children: r })
+  ] })
+);
+ce.displayName = "IconButton";
+function Ot({ src: t, alt: r, initials: s, className: a, isClient: i }) {
+  const [o, d] = ae(!1);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: u(
+        "relative h-7 w-7 rounded-full overflow-hidden shrink-0",
+        a
+      ),
+      children: t && !o ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: t,
+          alt: r,
+          className: "h-full w-full object-cover",
+          onError: () => d(!0)
+        }
+      ) : /* @__PURE__ */ e(
+        "div",
+        {
+          className: u(
+            "h-full w-full flex items-center justify-center text-[10px] font-medium",
+            i ? "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300"
+          ),
+          children: s
+        }
+      )
+    }
+  );
+}
+function Le({
+  participant: t,
+  isEventCanceled: r = !1,
+  labels: s
+}) {
+  const a = t.name || "Unknown", i = a.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2), o = t.isOrganizer ?? !1, d = t.isConfirmed, h = d === !0, c = d === !1, g = t.isClient ?? !1, p = t.profilePicture || t.avatar, N = r;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: u(
+        "flex items-center gap-3 py-0",
+        N && "opacity-60"
+      ),
+      children: [
+        /* @__PURE__ */ n("div", { className: "relative", children: [
+          /* @__PURE__ */ e(
+            Ot,
+            {
+              src: p,
+              alt: a,
+              initials: i,
+              isClient: g,
+              className: u(N && "grayscale")
+            }
+          ),
+          N || c ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-red-100 dark:bg-red-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(me, { className: "h-2 w-2 text-red-600 dark:text-red-400 stroke-[3]" }) }) }) : h ? /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-3 w-3 rounded-full bg-green-100 dark:bg-green-900/50 flex items-center justify-center", children: /* @__PURE__ */ e(le, { className: "h-2 w-2 text-green-600 dark:text-green-400 stroke-[3]" }) }) }) : null
+        ] }),
+        /* @__PURE__ */ n("div", { className: "!h-fit min-w-0 gap-0", children: [
+          /* @__PURE__ */ e("div", { className: "gap-0", children: /* @__PURE__ */ e(
+            "span",
+            {
+              className: u(
+                "text-sm text-zinc-900 dark:text-zinc-100 truncate",
+                N && "line-through text-zinc-500 dark:text-zinc-500"
+              ),
+              children: a
+            }
+          ) }),
+          g && /* @__PURE__ */ e("div", { className: "text-[10px] px-1.5 w-fit py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium", children: s.client }),
+          o && !N && /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: s.organizer })
+        ] })
+      ]
+    }
+  );
+}
+function _t({ open: t, onOpenChange: r, title: s, children: a }) {
+  return be(() => {
+    if (!t) return;
+    const i = (o) => {
+      o.key === "Escape" && r(!1);
+    };
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+  }, [t, r]), be(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [t]), t ? /* @__PURE__ */ n("div", { className: "fixed inset-0 z-50", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
+        onClick: () => r(!1),
+        onKeyDown: (i) => {
+          (i.key === "Enter" || i.key === " ") && r(!1);
+        }
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-2xl shadow-xl overflow-hidden", children: [
+      s && /* @__PURE__ */ e("div", { className: "sr-only", children: s }),
+      a
+    ] }) })
+  ] }) : null;
+}
+function Rt({
+  open: t,
+  onOpenChange: r,
+  title: s,
+  description: a,
+  cancelLabel: i,
+  confirmLabel: o,
+  onConfirm: d,
+  isLoading: h
+}) {
+  return t ? /* @__PURE__ */ n("div", { className: "fixed inset-0 z-[60]", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
+        onClick: () => r(!1),
+        onKeyDown: (c) => {
+          (c.key === "Enter" || c.key === " ") && r(!1);
+        }
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "fixed inset-x-4 top-[50%] translate-y-[-50%] max-w-md mx-auto", children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-lg shadow-xl p-6", children: [
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: s }),
+      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: a }),
+      /* @__PURE__ */ n("div", { className: "mt-4 flex justify-end gap-3", children: [
+        /* @__PURE__ */ e(
+          V,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => r(!1),
+            children: i
+          }
+        ),
+        /* @__PURE__ */ n(
+          V,
+          {
+            variant: "destructive",
+            size: "sm",
+            onClick: d,
+            disabled: h,
+            children: [
+              h && /* @__PURE__ */ e(ie, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ e(Re, { className: "h-4 w-4 mr-2" }),
+              o
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] }) : null;
+}
+function Vt(t, r) {
+  return t.toLocaleDateString(void 0, {
+    weekday: "long",
+    month: "long",
+    day: "numeric"
+  });
+}
+function Ut(t, r) {
+  const s = {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !1
+  };
+  return `${t.toLocaleTimeString(void 0, s)} – ${r.toLocaleTimeString(void 0, s)}`;
+}
+function Yt(t) {
+  return t.toLocaleDateString(void 0, {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function Gt(t) {
+  const [r, s] = ae(() => typeof window < "u" ? window.matchMedia(t).matches : !1);
+  return be(() => {
+    if (typeof window > "u") return;
+    const a = window.matchMedia(t), i = (o) => s(o.matches);
+    return a.addEventListener("change", i), () => a.removeEventListener("change", i);
+  }, [t]), r;
+}
+function Te({
+  event: t,
+  labels: r,
+  isLoading: s,
+  onClose: a,
+  onEdit: i,
+  onDelete: o,
+  onCancel: d,
+  onAccept: h,
+  onDecline: c,
+  onConfirmMeeting: g,
+  canEdit: p = !0,
+  canDelete: N = !1,
+  canCancel: w = !0,
+  isCurrentUserParticipant: b = !1,
+  isCurrentUserClient: k = !1,
+  currentUserAcceptStatus: D,
+  isAcceptLoading: C = !1,
+  isDeclineLoading: v = !1,
+  isConfirmLoading: M = !1,
+  isDeleteLoading: z = !1,
+  renderParticipant: L,
+  renderHeaderActions: H,
+  renderCancelReason: A,
+  renderDeleteConfirmation: W,
+  formatDate: P = Vt,
+  formatTimeRange: O = Ut
+}) {
+  const [_, f] = ae(!1), E = !(t.isCanceled || t.meetingTookPlace), m = t.isRecurring ?? !1, l = t.participantDetails, x = t.participantsNames || [], y = l && l.length > 0, S = D === !0, T = D === !1, B = b && !k && E, I = y ? l.filter(($) => $.isConfirmed).length : t.isAccepted ? x.length : 0, F = y ? l.length : x.length, ee = t.scheduleTypeColor || t.hexColor || "#039BE5", R = se(() => t.startDate ? P(t.startDate) : r.noDateProvided, [t.startDate, P, r.noDateProvided]), te = se(() => t.startDate && t.endDate ? O(t.startDate, t.endDate) : null, [t.startDate, t.endDate, O]), de = () => {
+    a(), i?.(t);
+  }, ue = () => {
+    a(), d?.(t);
+  }, re = () => {
+    f(!0);
+  }, X = () => {
+    o?.(t), f(!1);
+  };
+  return s ? /* @__PURE__ */ e("div", { className: "flex h-48 items-center justify-center", children: /* @__PURE__ */ e(ie, { className: "h-6 w-6 text-zinc-400" }) }) : /* @__PURE__ */ n(Y, { delayDuration: 300, children: [
+    /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 p-3", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-start justify-end gap-0.5", children: H ? H({ onClose: a }) : /* @__PURE__ */ n(Z, { children: [
+        E && p && i && /* @__PURE__ */ e(ce, { onClick: de, label: r.edit, children: /* @__PURE__ */ e(jt, { className: "h-[18px] w-[18px]" }) }),
+        E && w && d && /* @__PURE__ */ e(ce, { onClick: ue, label: r.cancel, children: /* @__PURE__ */ e(It, { className: "h-[18px] w-[18px]" }) }),
+        N && o && /* @__PURE__ */ e(
+          ce,
+          {
+            onClick: re,
+            label: r.delete,
+            variant: "destructive",
+            children: /* @__PURE__ */ e(Re, { className: "h-[18px] w-[18px]" })
+          }
+        ),
+        /* @__PURE__ */ e(ce, { onClick: a, label: r.close, children: /* @__PURE__ */ e(me, { className: "h-[18px] w-[18px]" }) })
+      ] }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "w-4 h-4 rounded mt-1 shrink-0",
+            style: { backgroundColor: ee }
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ e(
+              "h2",
+              {
+                className: u(
+                  "text-[22px] font-normal text-zinc-900 dark:text-zinc-100 leading-tight",
+                  t.isCanceled && "line-through opacity-60"
+                ),
+                children: t.title
+              }
+            ),
+            t.meetingTookPlace && /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 text-xs font-medium", children: [
+              /* @__PURE__ */ e(Ht, { className: "h-3 w-3" }),
+              r.completed
+            ] }),
+            t.isCanceled && /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 text-xs font-medium", children: [
+              /* @__PURE__ */ e(me, { className: "h-3 w-3" }),
+              r.canceled
+            ] })
+          ] }),
+          /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-zinc-600 dark:text-zinc-400", children: [
+            /* @__PURE__ */ e("span", { children: R() }),
+            te() && /* @__PURE__ */ n(Z, { children: [
+              /* @__PURE__ */ e("span", { className: "mx-1.5", children: "·" }),
+              /* @__PURE__ */ e("span", { children: te() })
+            ] })
+          ] }),
+          m && t.recurrenceSummary && /* @__PURE__ */ e("div", { className: "text-sm text-zinc-500 dark:text-zinc-500", children: t.recurrenceSummary })
+        ] })
+      ] }) }),
+      t.isCanceled && /* @__PURE__ */ e("div", { className: "mx-4 p-3 rounded-lg bg-red-50 dark:bg-red-950/30", children: A ? A(t) : /* @__PURE__ */ e("div", { className: "flex items-start gap-0", children: /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-medium text-red-700 dark:text-red-400", children: r.cancellationNote }),
+        t.cancelReason && /* @__PURE__ */ n("div", { className: "mt-1 text-sm text-red-600/80 dark:text-red-400/80 italic", children: [
+          '"',
+          t.cancelReason,
+          '"'
+        ] }),
+        t.canceledDate && /* @__PURE__ */ n("div", { className: "mt-1.5 text-xs text-red-500/70 dark:text-red-400/60", children: [
+          r.canceledOn,
+          " ",
+          Yt(t.canceledDate)
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+        t.address && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(At, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: t.address })
+        ] }),
+        (y || x.length > 0) && /* @__PURE__ */ n("div", { className: "flex items-start gap-2 py-0", children: [
+          /* @__PURE__ */ e(Wt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ n("div", { className: "flex-1", children: [
+            /* @__PURE__ */ n("div", { className: "flex items-center gap-0", children: [
+              /* @__PURE__ */ n("span", { className: "text-sm text-zinc-900 dark:text-zinc-100 font-medium", children: [
+                F,
+                " ",
+                F !== 1 ? r.guests : r.guest
+              ] }),
+              F > 0 && /* @__PURE__ */ n("span", { className: "text-xs text-zinc-500", children: [
+                "(",
+                I,
+                " ",
+                r.confirmed,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ n("div", { className: "mt-2 space-y-2", children: [
+              y ? l.slice(0, 6).map(
+                ($, ne) => L ? L($, ne) : /* @__PURE__ */ e(
+                  Le,
+                  {
+                    participant: $,
+                    isEventCanceled: t.isCanceled,
+                    labels: r
+                  },
+                  $.id
+                )
+              ) : x.slice(0, 6).map(($, ne) => {
+                const Ne = {
+                  id: String(ne),
+                  name: $,
+                  email: "",
+                  isConfirmed: t.isAccepted,
+                  isOrganizer: ne === 0,
+                  isClient: !1
+                };
+                return L ? L(Ne, ne) : /* @__PURE__ */ e(
+                  Le,
+                  {
+                    participant: Ne,
+                    isEventCanceled: t.isCanceled,
+                    labels: r
+                  },
+                  $
+                );
+              }),
+              F > 6 && /* @__PURE__ */ n("div", { className: "text-xs text-zinc-500 py-1.5 pl-10", children: [
+                "+",
+                F - 6,
+                " ",
+                r.more
+              ] })
+            ] })
+          ] })
+        ] }),
+        t.description && /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(Ft, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-zinc-700 dark:text-zinc-300 whitespace-pre-wrap", children: t.description })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(Bt, { className: "h-5 w-5 text-zinc-400 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ e("div", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: y && l.find(($) => $.isOrganizer)?.name || x[0] || "Calendar" })
+        ] })
+      ] }),
+      B && h && c && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 mt-3 py-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+        m ? /* @__PURE__ */ n(ot, { children: [
+          /* @__PURE__ */ e(lt, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex", children: [
+            /* @__PURE__ */ e(
+              V,
+              {
+                size: "sm",
+                variant: "outline",
+                className: u(
+                  "rounded-r-none gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
+                  S && "!bg-green-700 !text-white hover:!bg-green-700"
+                ),
+                onClick: ($) => {
+                  $.stopPropagation(), S || h(t);
+                },
+                disabled: C,
+                children: C ? /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(Z, { children: [
+                  S && /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }),
+                  r.going
+                ] })
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                size: "sm",
+                variant: "outline",
+                className: u(
+                  "rounded-l-none px-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
+                  S && "!bg-green-700 !text-white hover:!bg-green-700"
+                ),
+                children: /* @__PURE__ */ e($t, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ n(ct, { align: "start", children: [
+            /* @__PURE__ */ n(
+              Ce,
+              {
+                className: u(
+                  "gap-1.5 h-8 !border-none !bg-green-50 text-green-800 hover:!bg-green-100",
+                  S && "!bg-green-700 !text-white hover:!bg-green-700"
+                ),
+                onClick: () => h(t),
+                children: [
+                  /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+                  r.acceptThisEvent
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(Ce, { onClick: () => h(t), children: [
+              /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5 mr-2 text-green-600" }),
+              r.acceptAllEvents
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ e(
+          V,
+          {
+            size: "sm",
+            variant: "outline",
+            className: u(
+              "gap-1.5 h-8 !border-none !bg-green-100 text-green-800 hover:!bg-green-200",
+              S && "!bg-green-700 !text-white hover:!bg-green-700"
+            ),
+            onClick: () => {
+              S || h(t);
+            },
+            disabled: C,
+            children: C ? /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(Z, { children: [
+              S && /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }),
+              r.going
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(
+          V,
+          {
+            size: "sm",
+            variant: "outline",
+            className: u(
+              "gap-1.5 h-8 !border-none !bg-rose-100 text-rose-800 hover:!bg-rose-200",
+              T && "!bg-rose-700 !text-white hover:!bg-rose-700"
+            ),
+            onClick: () => {
+              T || c(t);
+            },
+            disabled: v,
+            children: v ? /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(Z, { children: [
+              T && /* @__PURE__ */ e(me, { className: "h-3.5 w-3.5" }),
+              r.notGoing
+            ] })
+          }
+        )
+      ] }) }),
+      b && S && !t.meetingTookPlace && !t.isCanceled && g && /* @__PURE__ */ e("div", { className: "border-t border-zinc-100 dark:border-zinc-800 py-3", children: /* @__PURE__ */ n(
+        V,
+        {
+          size: "sm",
+          variant: "outline",
+          className: "w-full h-9 hover:!bg-green-100 hover:text-green-700 text-green-700 !bg-green-100 !border-none dark:text-green-400 dark:hover:bg-green-950/30",
+          onClick: () => g(t),
+          disabled: M,
+          children: [
+            M && /* @__PURE__ */ e(ie, { className: "h-4 w-4 mr-2" }),
+            r.confirmMeeting
+          ]
+        }
+      ) })
+    ] }),
+    W ? _ && W({
+      onConfirm: X,
+      onCancel: () => f(!1),
+      isLoading: z
+    }) : /* @__PURE__ */ e(
+      Rt,
+      {
+        open: _,
+        onOpenChange: f,
+        title: r.deleteConfirmTitle,
+        description: r.deleteConfirmDescription,
+        cancelLabel: r.cancel,
+        confirmLabel: r.delete,
+        onConfirm: X,
+        isLoading: z
+      }
+    )
+  ] });
+}
+function Rr({
+  event: t,
+  children: r,
+  open: s,
+  onOpenChange: a,
+  isLoading: i,
+  labels: o,
+  onEdit: d,
+  onDelete: h,
+  onCancel: c,
+  onAccept: g,
+  onDecline: p,
+  onConfirmMeeting: N,
+  canEdit: w = !0,
+  canDelete: b = !1,
+  canCancel: k = !0,
+  isCurrentUserParticipant: D,
+  isCurrentUserClient: C,
+  currentUserAcceptStatus: v,
+  isAcceptLoading: M,
+  isDeclineLoading: z,
+  isConfirmLoading: L,
+  isDeleteLoading: H,
+  renderParticipant: A,
+  renderHeaderActions: W,
+  renderCancelReason: P,
+  renderDeleteConfirmation: O,
+  formatDate: _,
+  formatTimeRange: f,
+  className: E,
+  width: m = 360
+}) {
+  const l = Gt("(min-width: 768px)"), x = { ...Pt, ...o }, y = se(() => {
+    a?.(!1);
+  }, [a]), S = {
+    event: t,
+    labels: x,
+    isLoading: i,
+    onClose: y,
+    onEdit: d,
+    onDelete: h,
+    onCancel: c,
+    onAccept: g,
+    onDecline: p,
+    onConfirmMeeting: N,
+    canEdit: w,
+    canDelete: b,
+    canCancel: k,
+    isCurrentUserParticipant: D,
+    isCurrentUserClient: C,
+    currentUserAcceptStatus: v,
+    isAcceptLoading: M,
+    isDeclineLoading: z,
+    isConfirmLoading: L,
+    isDeleteLoading: H,
+    renderParticipant: A,
+    renderHeaderActions: W,
+    renderCancelReason: P,
+    renderDeleteConfirmation: O,
+    formatDate: _,
+    formatTimeRange: f
+  };
+  return l ? /* @__PURE__ */ n(Pe, { open: s ?? !1, onOpenChange: a ?? (() => {
+  }), children: [
+    /* @__PURE__ */ e(Oe, { asChild: !0, children: r }),
+    /* @__PURE__ */ e(
+      _e,
+      {
+        className: u(
+          "p-0 shadow-lg !rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden border z-50",
+          E
+        ),
+        style: { width: m },
+        align: "center",
+        side: "bottom",
+        sideOffset: 4,
+        children: /* @__PURE__ */ e(Te, { ...S })
+      }
+    )
+  ] }) : /* @__PURE__ */ n(Z, { children: [
+    r,
+    /* @__PURE__ */ e(_t, { open: s ?? !1, onOpenChange: a ?? (() => {
+    }), title: t.title, children: /* @__PURE__ */ e(Te, { ...S }) })
+  ] });
+}
+function Kt({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function Jt({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+const Qt = [
+  { value: 15, label: "15 minutes" },
+  { value: 30, label: "30 minutes" },
+  { value: 60, label: "1 hour" }
+];
+function Vr({
+  value: t,
+  onChange: r,
+  isLocked: s = !1,
+  className: a,
+  labels: i = {}
+}) {
+  const o = {
+    title: "Slot duration",
+    lockedMessage: "This setting is locked by the administrator",
+    infoMessage: "Set the time slot duration for day and week calendar views.",
+    ...i
+  }, d = (h) => {
+    s || r(Number(h.target.value));
+  };
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", a), children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(U, { className: "text-sm font-semibold", children: o.title }),
+      s ? /* @__PURE__ */ e(Y, { delayDuration: 100, children: /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(Jt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e("p", { children: o.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(Y, { delayDuration: 100, children: /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(Kt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(J, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: o.infoMessage }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        value: t.toString(),
+        onChange: d,
+        disabled: s,
+        className: "h-9 w-[128px] text-sm",
+        children: Qt.map((h) => /* @__PURE__ */ e("option", { value: h.value.toString(), children: h.label }, h.value))
+      }
+    )
+  ] });
+}
+function Xt({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function Zt({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+function qt() {
+  return Array.from({ length: 25 }, (t, r) => ({
+    value: r,
+    label: `${String(r).padStart(2, "0")}:00`
+  }));
+}
+function Ur({
+  value: t,
+  onChange: r,
+  isLocked: s = !1,
+  className: a,
+  labels: i = {}
+}) {
+  const o = {
+    title: "Visible hours",
+    from: "From",
+    to: "To",
+    lockedMessage: "This setting is locked by the administrator",
+    infoMessage: "Set the visible hour range for day and week views. Hours outside this range will be hidden.",
+    ...i
+  }, d = qt(), h = (g) => {
+    if (s) return;
+    const p = Number(g.target.value);
+    p < t.endHour && r({ ...t, startHour: p });
+  }, c = (g) => {
+    if (s) return;
+    const p = Number(g.target.value);
+    p > t.startHour && r({ ...t, endHour: p });
+  };
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", a), children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(U, { className: "text-sm font-semibold", children: o.title }),
+      s ? /* @__PURE__ */ e(Y, { delayDuration: 100, children: /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(Zt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e("p", { children: o.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(Y, { delayDuration: 100, children: /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(Xt, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(J, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: o.infoMessage }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ e(U, { className: "text-xs text-muted-foreground", children: o.from }),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            value: t.startHour.toString(),
+            onChange: h,
+            disabled: s,
+            className: "h-9 w-[88px] text-sm",
+            children: d.map((g) => /* @__PURE__ */ e(
+              "option",
+              {
+                value: g.value.toString(),
+                disabled: g.value >= t.endHour,
+                children: g.label
+              },
+              g.value
+            ))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("span", { className: "mt-5 text-muted-foreground", children: "—" }),
+      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ e(U, { className: "text-xs text-muted-foreground", children: o.to }),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            value: t.endHour.toString(),
+            onChange: c,
+            disabled: s,
+            className: "h-9 w-[88px] text-sm",
+            children: d.map((g) => /* @__PURE__ */ e(
+              "option",
+              {
+                value: g.value.toString(),
+                disabled: g.value <= t.startHour,
+                children: g.label
+              },
+              g.value
+            ))
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function er({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function tr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+const rr = [
+  { value: "dot", label: "Dot indicator" },
+  { value: "colored", label: "Full color" },
+  { value: "mixed", label: "Mixed" }
+];
+function Yr({
+  value: t,
+  onChange: r,
+  isLocked: s = !1,
+  className: a,
+  labels: i = {}
+}) {
+  const o = {
+    title: "Event display",
+    lockedMessage: "This setting is locked by the administrator",
+    infoMessage: "Choose how events are displayed. Dot shows a small indicator, colored fills the entire event, mixed uses both.",
+    options: {
+      dot: "Dot indicator",
+      colored: "Full color",
+      mixed: "Mixed"
+    },
+    ...i
+  }, d = (c) => o.options?.[c] ?? c, h = (c) => {
+    s || r(c.target.value);
+  };
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", a), children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(U, { className: "text-sm font-semibold", children: o.title }),
+      s ? /* @__PURE__ */ e(Y, { delayDuration: 100, children: /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(tr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e("p", { children: o.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(Y, { delayDuration: 100, children: /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(er, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(J, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: o.infoMessage }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        value: t,
+        onChange: h,
+        disabled: s,
+        className: "h-9 w-[128px] text-sm",
+        children: rr.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: d(c.value) }, c.value))
+      }
+    )
+  ] });
+}
+function nr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ e("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function sr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+function ar({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+const ir = [
+  "monday",
+  "tuesday",
+  "wednesday",
+  "thursday",
+  "friday",
+  "saturday",
+  "sunday"
+];
+function or() {
+  return Array.from({ length: 25 }, (t, r) => ({
+    value: r,
+    label: `${String(r).padStart(2, "0")}:00`
+  }));
+}
+const je = {
+  sunday: "Sun",
+  monday: "Mon",
+  tuesday: "Tue",
+  wednesday: "Wed",
+  thursday: "Thu",
+  friday: "Fri",
+  saturday: "Sat"
+};
+function lr({
+  dayLabel: t,
+  config: r,
+  onChange: s,
+  disabled: a,
+  hourOptions: i
+}) {
+  const o = () => {
+    a || s({ ...r, enabled: !r.enabled });
+  }, d = (c) => {
+    if (a) return;
+    const g = Number(c.target.value);
+    g < r.to && s({ ...r, from: g });
+  }, h = (c) => {
+    if (a) return;
+    const g = Number(c.target.value);
+    g > r.from && s({ ...r, to: g });
+  };
+  return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": r.enabled,
+        "aria-label": `Enable ${t}`,
+        onClick: o,
+        disabled: a,
+        className: u(
+          "flex size-5 shrink-0 items-center justify-center rounded border transition-colors",
+          r.enabled ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background",
+          a && "cursor-not-allowed opacity-50"
+        ),
+        children: r.enabled && /* @__PURE__ */ e(ar, { className: "size-3" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: u(
+          "w-10 text-sm",
+          !r.enabled && "text-muted-foreground"
+        ),
+        children: t
+      }
+    ),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        value: r.from.toString(),
+        onChange: d,
+        disabled: a || !r.enabled,
+        className: "h-8 w-[76px] text-xs",
+        children: i.map((c) => /* @__PURE__ */ e(
+          "option",
+          {
+            value: c.value.toString(),
+            disabled: c.value >= r.to,
+            children: c.label
+          },
+          c.value
+        ))
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "—" }),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        value: r.to.toString(),
+        onChange: h,
+        disabled: a || !r.enabled,
+        className: "h-8 w-[76px] text-xs",
+        children: i.map((c) => /* @__PURE__ */ e(
+          "option",
+          {
+            value: c.value.toString(),
+            disabled: c.value <= r.from,
+            children: c.label
+          },
+          c.value
+        ))
+      }
+    )
+  ] });
+}
+function Gr({
+  value: t,
+  onChange: r,
+  isLocked: s = !1,
+  className: a,
+  labels: i = {}
+}) {
+  const o = {
+    title: "Working hours",
+    lockedMessage: "This setting is locked by the administrator",
+    infoMessage: "Configure working hours for each day of the week. Non-working hours will be grayed out in day and week views.",
+    days: je,
+    ...i
+  }, d = or(), h = (c, g) => {
+    s || r({ ...t, [c]: g });
+  };
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-3", a), children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(U, { className: "text-sm font-semibold", children: o.title }),
+      s ? /* @__PURE__ */ e(Y, { delayDuration: 100, children: /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(sr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e("p", { children: o.lockedMessage }) })
+      ] }) }) : /* @__PURE__ */ e(Y, { delayDuration: 100, children: /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(nr, { className: "size-3 text-muted-foreground" }) }),
+        /* @__PURE__ */ e(J, { className: "max-w-64 text-center", children: /* @__PURE__ */ e("p", { children: o.infoMessage }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: ir.map((c) => /* @__PURE__ */ e(
+      lr,
+      {
+        dayLabel: o.days?.[c] ?? je[c],
+        config: t[c],
+        onChange: (g) => h(c, g),
+        disabled: s,
+        hourOptions: d
+      },
+      c
+    )) })
+  ] });
+}
+const Kr = {
+  sunday: { enabled: !1, from: 8, to: 18 },
+  monday: { enabled: !0, from: 8, to: 18 },
+  tuesday: { enabled: !0, from: 8, to: 18 },
+  wednesday: { enabled: !0, from: 8, to: 18 },
+  thursday: { enabled: !0, from: 8, to: 18 },
+  friday: { enabled: !0, from: 8, to: 18 },
+  saturday: { enabled: !1, from: 8, to: 18 }
+};
+function cr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("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 Jr({
+  users: t,
+  value: r,
+  onChange: s,
+  allLabel: a = "All users",
+  className: i,
+  label: o
+}) {
+  const d = (h) => {
+    s(h.target.value);
+  };
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-1", i), children: [
+    o && /* @__PURE__ */ e(U, { className: "text-xs text-muted-foreground", children: o }),
+    /* @__PURE__ */ n("div", { className: "relative", children: [
+      /* @__PURE__ */ e(cr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ n(
+        Q,
+        {
+          value: r,
+          onChange: d,
+          className: "h-9 w-full min-w-[120px] pl-8 pr-8 text-sm",
+          children: [
+            /* @__PURE__ */ e("option", { value: "all", children: a }),
+            t.map((h) => /* @__PURE__ */ e("option", { value: h.id, children: h.name }, h.id))
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function dr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }),
+        /* @__PURE__ */ e("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
+      ]
+    }
+  );
+}
+function Qr({
+  scheduleTypes: t,
+  value: r,
+  onChange: s,
+  allLabel: a = "All types",
+  className: i,
+  label: o
+}) {
+  const d = (c) => {
+    s(c.target.value);
+  }, h = t.find(
+    (c) => String(c.id) === r
+  );
+  return /* @__PURE__ */ n("div", { className: u("flex flex-col gap-1", i), children: [
+    o && /* @__PURE__ */ e(U, { className: "text-xs text-muted-foreground", children: o }),
+    /* @__PURE__ */ n("div", { className: "relative", children: [
+      h ? /* @__PURE__ */ e(
+        "span",
+        {
+          className: "pointer-events-none absolute left-2.5 top-1/2 size-3 -translate-y-1/2 rounded-full",
+          style: { backgroundColor: h.color }
+        }
+      ) : /* @__PURE__ */ e(dr, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ n(
+        Q,
+        {
+          value: r,
+          onChange: d,
+          className: "h-9 w-full min-w-[140px] pl-8 pr-8 text-sm",
+          children: [
+            /* @__PURE__ */ e("option", { value: "all", children: a }),
+            t.map((c) => /* @__PURE__ */ e("option", { value: String(c.id), children: c.label }, c.id))
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function pe({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function ur({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+      ]
+    }
+  );
+}
+function hr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function ve({ checked: t, onCheckedChange: r, className: s, children: a }) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": t,
+      onClick: () => r(!t),
+      className: s,
+      children: a
+    }
+  );
+}
+function mr({ src: t, alt: r, fallback: s, className: a }) {
+  const [i, o] = ae(!1);
+  return !t || i ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: u(
+        "flex items-center justify-center bg-zinc-200 text-zinc-600 font-medium text-sm",
+        a
+      ),
+      children: s || "?"
+    }
+  ) : /* @__PURE__ */ e(
+    "img",
+    {
+      src: t,
+      alt: r || "",
+      className: u("object-cover", a),
+      onError: () => o(!0)
+    }
+  );
+}
+function Ie({ value: t, onChange: r, placeholder: s, className: a }) {
+  return /* @__PURE__ */ n("div", { className: u("relative", a), children: [
+    /* @__PURE__ */ e(ur, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: t,
+        onChange: (i) => r(i.target.value),
+        placeholder: s,
+        className: "h-9 w-full rounded-lg border border-border bg-white pl-9 pr-3 text-sm placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
+      }
+    )
+  ] });
+}
+function He(t, r, s, a = 0.3) {
+  if (!r.trim()) return t;
+  const i = r.toLowerCase();
+  return t.filter((o) => s(o).some((h) => h ? h.toLowerCase().includes(i) : !1));
+}
+const fr = {
+  title: "Filters",
+  subtitle: "Filter calendar events",
+  scheduleTypes: "Event Types",
+  participants: "Participants",
+  clearAll: "Clear all",
+  selectAll: "Select all",
+  unselectAll: "Unselect all",
+  searchScheduleTypes: "Search event types...",
+  searchParticipants: "Search participants...",
+  noScheduleTypes: "No event types found",
+  noParticipants: "No participants found"
+};
+function Xr({
+  scheduleTypes: t,
+  users: r,
+  selectedScheduleTypeIds: s,
+  onScheduleTypeChange: a,
+  selectedUserIds: i,
+  onUserChange: o,
+  onClearAll: d,
+  className: h,
+  scheduleTypesLoading: c = !1,
+  usersLoading: g = !1,
+  labels: p,
+  getScheduleTypeName: N
+}) {
+  const w = { ...fr, ...p }, [b, k] = ae(""), [D, C] = ae(""), v = j(() => b.trim() ? He(t, b, (m) => [
+    m.name,
+    N?.(m) || m.name
+  ]) : t, [t, b, N]), M = j(() => D.trim() ? He(r, D, (m) => [
+    m.name,
+    m.email || ""
+  ]) : r, [r, D]), z = v.length > 0 && v.every((m) => s.includes(m.id)), L = M.length > 0 && M.every((m) => i.includes(m.id)), H = s.length + i.length, A = (m, l) => {
+    const x = l ? [...s, m] : s.filter((y) => y !== m);
+    a(x);
+  }, W = () => {
+    if (z) {
+      const m = new Set(v.map((l) => l.id));
+      a(s.filter((l) => !m.has(l)));
+    } else {
+      const m = /* @__PURE__ */ new Set([
+        ...s,
+        ...v.map((l) => l.id)
+      ]);
+      a(Array.from(m));
+    }
+  }, P = (m, l) => {
+    const x = l ? [...i, m] : i.filter((y) => y !== m);
+    o(x);
+  }, O = () => {
+    if (L) {
+      const m = new Set(M.map((l) => l.id));
+      o(i.filter((l) => !m.has(l)));
+    } else {
+      const m = /* @__PURE__ */ new Set([
+        ...i,
+        ...M.map((l) => l.id)
+      ]);
+      o(Array.from(m));
+    }
+  }, _ = () => {
+    a([]), o([]), d?.();
+  }, f = (m) => N ? N(m) : m.name, E = (m) => m.colorHex || m.color || "#069AD7";
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: u(
+        "flex min-w-72 max-w-72 flex-col rounded-lg border bg-white shadow-sm",
+        h
+      ),
+      children: [
+        /* @__PURE__ */ n("header", { className: "flex items-start justify-between gap-2 px-4 pb-2 pt-4", children: [
+          /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: w.title }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: w.subtitle })
+          ] }),
+          H > 0 && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              onClick: _,
+              className: "flex h-auto items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-destructive transition-colors hover:bg-destructive/10",
+              children: [
+                /* @__PURE__ */ e(hr, { className: "h-3.5 w-3.5" }),
+                w.clearAll
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
+        /* @__PURE__ */ n("section", { className: "flex flex-col", children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-4 py-3", children: [
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: w.scheduleTypes }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: W,
+                className: "text-xs font-medium text-primary transition-colors hover:text-primary/80",
+                children: z ? w.unselectAll : w.selectAll
+              }
+            )
+          ] }),
+          t.length > 6 && /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
+            Ie,
+            {
+              value: b,
+              onChange: k,
+              placeholder: w.searchScheduleTypes
+            }
+          ) }),
+          /* @__PURE__ */ n("div", { className: "flex max-h-[220px] flex-col gap-2 overflow-y-auto px-4 pb-2 scrollbar-thin", children: [
+            c ? (
+              // Loading skeletons
+              Array.from({ length: 4 }).map((m, l) => /* @__PURE__ */ n(
+                "div",
+                {
+                  className: "flex animate-pulse items-center gap-2 rounded-md border border-border/60 bg-muted/40 p-2",
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "h-5 w-5 rounded bg-muted-foreground/20" }),
+                    /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" })
+                  ]
+                },
+                `skeleton-${l}`
+              ))
+            ) : v.map((m) => {
+              const l = s.includes(m.id), x = E(m);
+              return /* @__PURE__ */ n(
+                ve,
+                {
+                  checked: l,
+                  onCheckedChange: (y) => A(m.id, y),
+                  className: u(
+                    "relative flex w-full cursor-pointer items-center justify-between gap-3 rounded-md border border-border bg-white px-3 py-2 transition-colors hover:border-primary/50",
+                    l && "border-primary bg-primary/5"
+                  ),
+                  children: [
+                    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ e(
+                        "span",
+                        {
+                          className: u(
+                            "flex h-4 w-4 items-center justify-center rounded border border-border text-xs transition-colors",
+                            l && "border-primary bg-primary text-primary-foreground"
+                          ),
+                          children: l && /* @__PURE__ */ e(pe, { className: "h-3 w-3" })
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: f(m) })
+                    ] }),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "h-4 w-4 rounded-full border",
+                        style: {
+                          backgroundColor: x,
+                          borderColor: x
+                        }
+                      }
+                    )
+                  ]
+                },
+                m.id
+              );
+            }),
+            !c && v.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: w.noScheduleTypes })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "h-px w-full bg-border/60" }),
+        /* @__PURE__ */ n("section", { className: "flex flex-col", children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-4 py-3", children: [
+            /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground", children: w.participants }),
+            /* @__PURE__ */ e(
+              ve,
+              {
+                checked: L,
+                onCheckedChange: () => O(),
+                className: u(
+                  "flex h-5 w-5 items-center justify-center rounded border border-border bg-white transition-colors hover:border-primary/50",
+                  L && "border-primary bg-primary text-primary-foreground"
+                ),
+                children: L && /* @__PURE__ */ e(pe, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(
+            Ie,
+            {
+              value: D,
+              onChange: C,
+              placeholder: w.searchParticipants
+            }
+          ) }),
+          /* @__PURE__ */ n("div", { className: "flex max-h-[400px] flex-col gap-2 overflow-y-auto px-4 pb-4 scrollbar-thin", children: [
+            g ? (
+              // Loading skeletons
+              Array.from({ length: 4 }).map((m, l) => /* @__PURE__ */ n(
+                "div",
+                {
+                  className: "flex animate-pulse items-center gap-3 rounded-md border border-border/60 bg-muted/40 p-3",
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "h-5 w-5 rounded bg-muted-foreground/20" }),
+                    /* @__PURE__ */ e("div", { className: "h-10 w-10 rounded-full bg-muted-foreground/20" }),
+                    /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+                      /* @__PURE__ */ e("div", { className: "h-3 w-24 rounded bg-muted-foreground/20" }),
+                      /* @__PURE__ */ e("div", { className: "h-2 w-32 rounded bg-muted-foreground/10" })
+                    ] })
+                  ]
+                },
+                `p-skeleton-${l}`
+              ))
+            ) : M.map((m) => {
+              const l = i.includes(m.id);
+              return /* @__PURE__ */ n(
+                ve,
+                {
+                  checked: l,
+                  onCheckedChange: (x) => P(m.id, x),
+                  className: u(
+                    "relative flex w-full cursor-pointer items-start gap-2 rounded-lg border border-border bg-white p-2 transition-colors hover:border-primary/50",
+                    l && "border-primary bg-zinc-50"
+                  ),
+                  children: [
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: u(
+                          "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-border transition-colors",
+                          l && "border-primary bg-primary text-primary-foreground"
+                        ),
+                        children: l && /* @__PURE__ */ e(pe, { className: "h-2.5 w-2.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ n("div", { className: "flex flex-1 items-start gap-2", children: [
+                      /* @__PURE__ */ e(
+                        mr,
+                        {
+                          src: m.avatar ?? null,
+                          alt: m.name,
+                          fallback: m.name?.[0]?.toUpperCase() ?? "?",
+                          className: "h-10 w-10 rounded-lg"
+                        }
+                      ),
+                      /* @__PURE__ */ n("div", { className: "flex max-w-[140px] flex-col gap-0.5 overflow-hidden", children: [
+                        /* @__PURE__ */ e("span", { className: "line-clamp-1 text-sm font-medium text-foreground", children: m.name }),
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            className: "truncate text-[11px] text-muted-foreground",
+                            title: m.email,
+                            children: m.email
+                          }
+                        )
+                      ] })
+                    ] })
+                  ]
+                },
+                m.id
+              );
+            }),
+            !g && M.length === 0 && /* @__PURE__ */ e("p", { className: "px-4 text-xs text-muted-foreground", children: w.noParticipants })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function gr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5" }),
+        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M3 10h5" }),
+        /* @__PURE__ */ e("path", { d: "M17.5 17.5 16 16.25V14" }),
+        /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "6" })
+      ]
+    }
+  );
+}
+function Ve({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function xr(t) {
+  const r = /* @__PURE__ */ new Date();
+  return r.setDate(r.getDate() + 1), t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
+}
+function $e(t) {
+  const r = t.getHours(), s = t.getMinutes(), a = r >= 12 ? "PM" : "AM";
+  return `${r % 12 || 12}:${s.toString().padStart(2, "0")} ${a}`;
+}
+function pr(t) {
+  return new Intl.DateTimeFormat("en-US", {
+    weekday: "long",
+    month: "short",
+    day: "numeric"
+  }).format(t);
+}
+function vr(t) {
+  const r = $e(t.startDate), s = $e(t.endDate);
+  return `${r} - ${s}`;
+}
+function wr(t) {
+  return q(t) ? "Today" : xr(t) ? "Tomorrow" : pr(t);
+}
+function br(t, r) {
+  const s = /* @__PURE__ */ new Map();
+  for (const a of t) {
+    const i = tt(a.startDate), o = s.get(i) ?? [];
+    o.push(a), s.set(i, o);
+  }
+  return Array.from(s.entries()).map(([a, i]) => {
+    const o = [...i].sort(
+      (h, c) => h.startDate.getTime() - c.startDate.getTime()
+    ), d = r > 0 ? o.slice(0, r) : o;
+    return {
+      date: new Date(a),
+      dateKey: a,
+      events: d,
+      hasMore: r > 0 && o.length > r
+    };
+  }).sort((a, i) => a.date.getTime() - i.date.getTime());
+}
+function yr({ event: t, onClick: r, compact: s }) {
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      onClick: () => r?.(t),
+      className: u(
+        "w-full text-left rounded-lg transition-colors",
+        "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "flex items-start gap-3",
+        s ? "p-2" : "p-3"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: u("shrink-0 rounded-full mt-1", s ? "size-2" : "size-2.5"),
+            style: { backgroundColor: t.color ?? "#3b82f6" }
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e("p", { className: u("font-medium truncate", s ? "text-xs" : "text-sm"), children: t.title }),
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: u(
+                "text-muted-foreground truncate",
+                s ? "text-[10px]" : "text-xs"
+              ),
+              children: vr(t)
+            }
+          )
+        ] }),
+        r && /* @__PURE__ */ e(
+          Ve,
+          {
+            className: u(
+              "shrink-0 text-muted-foreground/50",
+              s ? "size-3" : "size-4"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Nr({
+  group: t,
+  onEventClick: r,
+  onViewMore: s,
+  compact: a
+}) {
+  return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: u(
+          "flex items-center justify-between px-2",
+          a ? "py-1" : "py-1.5"
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            "h3",
+            {
+              className: u(
+                "font-semibold",
+                a ? "text-xs" : "text-sm",
+                q(t.date) && "text-primary"
+              ),
+              children: wr(t.date)
+            }
+          ),
+          t.hasMore && s && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => s(t.date),
+              className: u(
+                "text-primary hover:underline",
+                a ? "text-[10px]" : "text-xs"
+              ),
+              children: "+more"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((i) => /* @__PURE__ */ e(
+      yr,
+      {
+        event: i,
+        onClick: r,
+        compact: a
+      },
+      i.id
+    )) })
+  ] });
+}
+function Zr({
+  events: t,
+  daysAhead: r = 7,
+  maxEventsPerDay: s = 3,
+  onEventClick: a,
+  onViewAll: i,
+  className: o,
+  emptyState: d,
+  title: h = "Upcoming",
+  showHeader: c = !0,
+  compact: g = !1
+}) {
+  const p = Ae(), N = p?.filteredEvents, w = p?.currentDate ?? /* @__PURE__ */ new Date(), b = t ?? N ?? [], k = j(() => {
+    const v = fe(w), M = new Date(v);
+    return M.setDate(M.getDate() + r), b.filter((z) => z.endDate >= v && z.startDate < M);
+  }, [b, r, w]), D = j(
+    () => br(k, s),
+    [k, s]
+  ), C = k.length;
+  return D.length === 0 ? /* @__PURE__ */ n("div", { className: u("rounded-lg border bg-card", o), children: [
+    c && /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(
+          "border-b px-4 flex items-center justify-between",
+          g ? "py-2" : "py-3"
+        ),
+        children: /* @__PURE__ */ e("h2", { className: u("font-semibold", g ? "text-sm" : "text-base"), children: h })
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(
+          "flex flex-col items-center justify-center text-center",
+          g ? "py-6 px-4" : "py-10 px-6"
+        ),
+        children: d ?? /* @__PURE__ */ n(Z, { children: [
+          /* @__PURE__ */ e(
+            gr,
+            {
+              className: u(
+                "text-muted-foreground/50 mb-2",
+                g ? "size-8" : "size-10"
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: u(
+                "text-muted-foreground",
+                g ? "text-xs" : "text-sm"
+              ),
+              children: "No upcoming events"
+            }
+          )
+        ] })
+      }
+    )
+  ] }) : /* @__PURE__ */ n("div", { className: u("rounded-lg border bg-card overflow-hidden", o), children: [
+    c && /* @__PURE__ */ n(
+      "div",
+      {
+        className: u(
+          "border-b px-4 flex items-center justify-between",
+          g ? "py-2" : "py-3"
+        ),
+        children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("h2", { className: u("font-semibold", g ? "text-sm" : "text-base"), children: h }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: u(
+                  "text-muted-foreground bg-muted rounded-full px-2",
+                  g ? "text-[10px] py-0" : "text-xs py-0.5"
+                ),
+                children: C
+              }
+            )
+          ] }),
+          i && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              onClick: () => i(),
+              className: u(
+                "text-primary hover:underline flex items-center gap-0.5",
+                g ? "text-xs" : "text-sm"
+              ),
+              children: [
+                "View all",
+                /* @__PURE__ */ e(Ve, { className: "size-3" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(
+          "divide-y overflow-auto",
+          g ? "p-2 max-h-[280px]" : "p-3 max-h-[400px]"
+        ),
+        children: D.map((v) => /* @__PURE__ */ e(
+          Nr,
+          {
+            group: v,
+            onEventClick: a,
+            onViewMore: i ? (M) => i(M) : void 0,
+            compact: g
+          },
+          v.dateKey
+        ))
+      }
+    )
+  ] });
+}
+function kr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.8,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+        /* @__PURE__ */ e("path", { d: "M3 10h18" }),
+        /* @__PURE__ */ e("path", { d: "M8 14h.01" }),
+        /* @__PURE__ */ e("path", { d: "M12 14h.01" }),
+        /* @__PURE__ */ e("path", { d: "M16 14h.01" }),
+        /* @__PURE__ */ e("path", { d: "M8 18h.01" }),
+        /* @__PURE__ */ e("path", { d: "M12 18h.01" }),
+        /* @__PURE__ */ e("path", { d: "M16 18h.01" })
+      ]
+    }
+  );
+}
+function Cr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5" }),
+        /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ e("path", { d: "M3 10h5" }),
+        /* @__PURE__ */ e("path", { d: "M17.5 17.5 16 16.3V14" }),
+        /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "6" })
+      ]
+    }
+  );
+}
+function Dr({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function Mr({ className: t }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M15 3h6v6" }),
+        /* @__PURE__ */ e("path", { d: "M10 14 21 3" }),
+        /* @__PURE__ */ e("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+      ]
+    }
+  );
+}
+function zr(t) {
+  const r = t.getFullYear(), s = String(t.getMonth() + 1).padStart(2, "0"), a = String(t.getDate()).padStart(2, "0");
+  return `${r}-${s}-${a}`;
+}
+function We(t) {
+  const r = t.getHours(), s = t.getMinutes(), a = r >= 12 ? "PM" : "AM", i = r % 12 || 12, o = String(s).padStart(2, "0");
+  return `${i}:${o} ${a}`;
+}
+function Sr(t) {
+  const r = We(t.startDate), s = We(t.endDate);
+  return `${r} - ${s}`;
+}
+function Er(t) {
+  const r = Fe(/* @__PURE__ */ new Date(), 1);
+  return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
+}
+function Lr(t) {
+  if (q(t)) return "Today";
+  if (Er(t)) return "Tomorrow";
+  const r = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], s = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], a = r[t.getDay()], i = s[t.getMonth()], o = t.getDate();
+  return `${a}, ${i} ${o}`;
+}
+function Tr(t, r) {
+  const s = /* @__PURE__ */ new Map();
+  for (const a of t) {
+    const i = zr(a.startDate), o = s.get(i) ?? [];
+    o.push(a), s.set(i, o);
+  }
+  return Array.from(s.entries()).map(([a, i]) => {
+    const o = [...i].sort(
+      (h, c) => h.startDate.getTime() - c.startDate.getTime()
+    ), d = r > 0 ? o.slice(0, r) : o;
+    return {
+      date: new Date(a),
+      dateKey: a,
+      events: d,
+      hasMore: r > 0 && o.length > r
+    };
+  }).sort((a, i) => a.date.getTime() - i.date.getTime());
+}
+function jr(t) {
+  const r = fe(/* @__PURE__ */ new Date()), s = Be(/* @__PURE__ */ new Date());
+  return t.filter(
+    (a) => a.startDate >= r && a.startDate <= s
+  ).length;
+}
+function we({ className: t }) {
+  return /* @__PURE__ */ e("div", { className: u("animate-pulse rounded-md bg-muted", t) });
+}
+function Ir({ event: t, onClick: r }) {
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      onClick: () => r?.(t),
+      className: u(
+        "w-full text-left rounded-lg transition-colors",
+        "hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "flex items-start gap-3 p-2"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "shrink-0 rounded-full mt-1.5 size-2",
+            style: { backgroundColor: t.color ?? "#3b82f6" }
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium truncate", children: t.title }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: Sr(t) })
+        ] }),
+        r && /* @__PURE__ */ e(Dr, { className: "shrink-0 size-4 text-muted-foreground/50 mt-1" })
+      ]
+    }
+  );
+}
+function Hr({ group: t, onEventClick: r }) {
+  return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
+      /* @__PURE__ */ e(
+        "h3",
+        {
+          className: u(
+            "text-xs font-semibold",
+            q(t.date) && "text-primary"
+          ),
+          children: Lr(t.date)
+        }
+      ),
+      t.hasMore && /* @__PURE__ */ n("span", { className: "text-[10px] text-muted-foreground", children: [
+        "+",
+        t.events.length,
+        " more"
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t.events.map((s) => /* @__PURE__ */ e(Ir, { event: s, onClick: r }, s.id)) })
+  ] });
+}
+function qr({
+  events: t,
+  isLoading: r = !1,
+  className: s,
+  daysAhead: a = 7,
+  maxEventsPerDay: i = 3,
+  onEventClick: o,
+  onNavigateToAgenda: d
+}) {
+  const [h, c] = ae(!1), g = j(() => {
+    const k = fe(/* @__PURE__ */ new Date()), D = Fe(k, a);
+    return t.filter((C) => C.endDate >= k && C.startDate < D);
+  }, [t, a]), p = j(
+    () => Tr(g, i),
+    [g, i]
+  ), N = j(() => jr(t), [t]), w = (k) => {
+    c(!1), o?.(k);
+  }, b = () => {
+    c(!1), d?.();
+  };
+  return /* @__PURE__ */ n(Pe, { open: h, onOpenChange: c, children: [
+    /* @__PURE__ */ n(
+      Oe,
+      {
+        className: u(
+          "relative rounded-xl hover:text-zinc-700 hover:!bg-zinc-300 !bg-zinc-200 text-zinc-600 shadow-none !px-2.5 p-2 max-h-10",
+          s
+        ),
+        children: [
+          /* @__PURE__ */ e(kr, { className: "h-4 w-4" }),
+          N > 0 && /* @__PURE__ */ e(
+            dt,
+            {
+              variant: "destructive",
+              className: "absolute -right-4 -top-4 m-3 flex h-5 w-5 items-center justify-center rounded-full bg-primary p-0 text-[10px] font-medium hover:bg-primary",
+              children: N > 99 ? "99+" : N
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(_e, { className: "w-80 rounded-xl p-0", align: "end", side: "bottom", sideOffset: 8, children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b p-4", children: [
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: "Upcoming" }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: N > 0 ? `${N} event${N > 1 ? "s" : ""} today` : "No events today" })
+        ] }),
+        d && /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: b,
+            className: "text-xs text-primary hover:underline flex items-center gap-1",
+            children: [
+              "View all",
+              /* @__PURE__ */ e(Mr, { className: "size-3" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto p-2", children: r ? /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: Array.from({ length: 3 }).map((k, D) => /* @__PURE__ */ n("div", { className: "flex space-x-3", children: [
+        /* @__PURE__ */ e(we, { className: "h-2 w-2 rounded-full mt-2" }),
+        /* @__PURE__ */ n("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ e(we, { className: "h-4 w-full" }),
+          /* @__PURE__ */ e(we, { className: "h-3 w-3/4" })
+        ] })
+      ] }, D)) }) : p.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+        /* @__PURE__ */ e(Cr, { className: "mb-2 h-8 w-8 text-muted-foreground/50" }),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No upcoming events" }),
+        /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground/70", children: [
+          "Your schedule is clear for the next ",
+          a,
+          " days"
+        ] })
+      ] }) : /* @__PURE__ */ e("div", { className: "space-y-3 divide-y", children: p.map((k) => /* @__PURE__ */ e(
+        Hr,
+        {
+          group: k,
+          onEventClick: w
+        },
+        k.dateKey
+      )) }) })
+    ] })
+  ] });
+}
+export {
+  qr as A,
+  Yr as B,
+  Or as C,
+  Kr as D,
+  Rr as E,
+  _r as I,
+  Qr as S,
+  xe as T,
+  Jr as U,
+  Ur as V,
+  Gr as W,
+  xt as Y,
+  Zr as a,
+  Xr as b,
+  Vr as c
+};
+//# sourceMappingURL=agenda-dropdown-CU74g7uM.js.map