big-calendar 0.1.0

package/dist/big-calendar.mjs

@@ -0,0 +1,2882 @@
+import { jsx as e, jsxs as l, Fragment as he } from "react/jsx-runtime";
+import * as w from "react";
+import { useState as j, useEffect as oe, useCallback as ve, useContext as Nr, createContext as wr, forwardRef as ht, Children as Dr, useMemo as L, cloneElement as kr, useRef as Cr } from "react";
+import { formatDate as pt, startOfMonth as we, endOfMonth as Fe, eachDayOfInterval as st, differenceInDays as Y, parseISO as b, startOfDay as B, isWithinInterval as He, differenceInMinutes as bt, isSameMonth as De, isSameWeek as Sr, isSameDay as $, isSameYear as Mr, addDays as je, subDays as Er, addWeeks as Tr, subWeeks as Ir, addMonths as Ae, subMonths as lt, addYears as _r, subYears as zr, format as k, startOfWeek as Be, endOfWeek as vt, startOfYear as xt, endOfYear as Or, isToday as yt, getDaysInMonth as Pr, differenceInMilliseconds as Nt, endOfDay as Le, areIntervalsOverlapping as wt, isBefore as Fr, isAfter as Hr } from "date-fns";
+import { clsx as Ar } from "clsx";
+import { twMerge as Rr } from "tailwind-merge";
+import { useDragLayer as Vr, DndProvider as jr, useDrag as Br, useDrop as Dt } from "react-dnd";
+import { HTML5Backend as Lr, getEmptyImage as Wr } from "react-dnd-html5-backend";
+import { Check as $r, ChevronDown as We, ChevronUp as Ur, ChevronLeft as kt, ChevronRight as Ct, X as Yr, List as Kr, Columns as Gr, Grid2x2 as qr, Grid3x3 as Zr, CalendarRange as Xr, Plus as Jr, User as $e, Calendar as Ue, Clock as Ye, Text as St, CalendarX2 as Qr, Info as Mt, Moon as Et, Sun as en, ArrowUpRight as it } from "lucide-react";
+import { Slot as Tt } from "@radix-ui/react-slot";
+import { cva as re } from "class-variance-authority";
+import * as ce from "@radix-ui/react-avatar";
+import * as E from "@radix-ui/react-select";
+import { appendErrors as It, FormProvider as tn, Controller as rn, useFormContext as nn, useForm as _t } from "react-hook-form";
+import { validateFieldsNatively as dt, toNestErrors as ct } from "@hookform/resolvers";
+import { TimeField as an, DateInput as on, DateSegment as sn } from "react-aria-components";
+import { DayPicker as ln } from "react-day-picker";
+import * as se from "@radix-ui/react-popover";
+import * as zt from "@radix-ui/react-label";
+import * as W from "@radix-ui/react-dialog";
+import { z as V } from "zod";
+import * as J from "@radix-ui/react-scroll-area";
+import * as le from "@radix-ui/react-tooltip";
+import * as Re from "@radix-ui/react-switch";
+import * as Q from "@radix-ui/react-accordion";
+const X = [
+  {
+    id: "dd503cf9-6c38-43cf-94cc-0d4032e2f77a",
+    name: "Leonardo Ramos",
+    picturePath: null
+  },
+  {
+    id: "f3b035ac-49f7-4e92-a715-35680bf63175",
+    name: "Michael Doe",
+    picturePath: null
+  },
+  {
+    id: "3e36ea6e-78f3-40dd-ab8c-a6c737c3c422",
+    name: "Alice Johnson",
+    picturePath: null
+  },
+  {
+    id: "a7aff6bd-a50a-4d6a-ab57-76f76bb27cf5",
+    name: "Robert Smith",
+    picturePath: null
+  }
+], xe = ["blue", "green", "red", "yellow", "purple", "orange", "gray"], ye = [
+  "Doctor's appointment",
+  "Dental cleaning",
+  "Eye exam",
+  "Therapy session",
+  "Business meeting",
+  "Team stand-up",
+  "Project deadline",
+  "Weekly report submission",
+  "Client presentation",
+  "Marketing strategy review",
+  "Networking event",
+  "Sales call",
+  "Investor pitch",
+  "Board meeting",
+  "Employee training",
+  "Performance review",
+  "One-on-one meeting",
+  "Lunch with a colleague",
+  "HR interview",
+  "Conference call",
+  "Web development sprint planning",
+  "Software deployment",
+  "Code review",
+  "QA testing session",
+  "Cybersecurity audit",
+  "Server maintenance",
+  "API integration update",
+  "Data backup",
+  "Cloud migration",
+  "System upgrade",
+  "Content planning session",
+  "Product launch",
+  "Customer support review",
+  "Team building activity",
+  "Legal consultation",
+  "Budget review",
+  "Financial planning session",
+  "Tax filing deadline",
+  "Investor relations update",
+  "Partnership negotiation",
+  "Medical check-up",
+  "Vaccination appointment",
+  "Blood donation",
+  "Gym workout",
+  "Yoga class",
+  "Physical therapy session",
+  "Nutrition consultation",
+  "Personal trainer session",
+  "Parent-teacher meeting",
+  "School open house",
+  "College application deadline",
+  "Final exam",
+  "Graduation ceremony",
+  "Job interview",
+  "Internship orientation",
+  "Office relocation",
+  "Business trip",
+  "Flight departure",
+  "Hotel check-in",
+  "Vacation planning",
+  "Birthday party",
+  "Wedding anniversary",
+  "Family reunion",
+  "Housewarming party",
+  "Community volunteer work",
+  "Charity fundraiser",
+  "Religious service",
+  "Concert attendance",
+  "Theater play",
+  "Movie night",
+  "Sporting event",
+  "Football match",
+  "Basketball game",
+  "Tennis practice",
+  "Marathon training",
+  "Cycling event",
+  "Fishing trip",
+  "Camping weekend",
+  "Hiking expedition",
+  "Photography session",
+  "Art workshop",
+  "Cooking class",
+  "Book club meeting",
+  "Grocery shopping",
+  "Car maintenance",
+  "Home renovation meeting"
+], dn = (t) => {
+  const n = [
+    {
+      id: 1204,
+      startDate: (/* @__PURE__ */ new Date("2025-09-20T00:00:00-03:00")).toISOString(),
+      endDate: (/* @__PURE__ */ new Date("2025-09-20T23:59:00-03:00")).toISOString(),
+      title: "My wedding :)",
+      color: "red",
+      description: "Can't wait to see the most beautiful woman in that dress!",
+      user: X[0]
+    }
+  ];
+  let r = 1;
+  const a = X[Math.floor(Math.random() * X.length)], d = /* @__PURE__ */ new Date(), c = new Date(d);
+  c.setDate(d.getDate() - 30);
+  const i = new Date(d);
+  i.setDate(d.getDate() + 30);
+  const o = {
+    id: r++,
+    startDate: new Date(d.getTime() - 30 * 6e4).toISOString(),
+    endDate: new Date(d.getTime() + 30 * 6e4).toISOString(),
+    title: ye[Math.floor(Math.random() * ye.length)],
+    color: xe[Math.floor(Math.random() * xe.length)],
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+    user: a
+  };
+  (d.getMonth() !== 8 || d.getDate() !== 20) && n.push(o);
+  let s = 0, u = 0;
+  const f = t * 3;
+  for (; s < t - 1 && u < f; ) {
+    u++;
+    const h = Math.random() < 0.1, p = new Date(c.getTime() + Math.random() * (i.getTime() - c.getTime()));
+    if (p.getMonth() === 8 && p.getDate() === 20)
+      continue;
+    p.setHours(8 + Math.floor(Math.random() * 8), Math.floor(Math.random() * 4) * 15, 0, 0);
+    const g = new Date(p);
+    if (h) {
+      const m = Math.floor(Math.random() * 4) + 1;
+      g.setDate(p.getDate() + m);
+      const v = g.getMonth(), y = g.getDate(), C = p.getMonth(), S = p.getDate();
+      if (C === 8 && S < 20 && (v > 8 || v === 8 && y >= 20) || v === 8 && y >= 20 && (C < 8 || C === 8 && S < 20))
+        continue;
+      g.setHours(8 + Math.floor(Math.random() * 12), Math.floor(Math.random() * 4) * 15, 0, 0);
+    } else {
+      const m = (Math.floor(Math.random() * 11) + 2) * 15;
+      g.setTime(g.getTime() + m * 60 * 1e3);
+    }
+    n.push({
+      id: r++,
+      startDate: p.toISOString(),
+      endDate: g.toISOString(),
+      title: ye[Math.floor(Math.random() * ye.length)],
+      color: xe[Math.floor(Math.random() * xe.length)],
+      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+      user: X[Math.floor(Math.random() * X.length)]
+    }), s++;
+  }
+  return n;
+}, ut = dn(80), Ot = wr({}), cn = {
+  0: { from: 0, to: 0 },
+  1: { from: 8, to: 17 },
+  2: { from: 8, to: 17 },
+  3: { from: 8, to: 17 },
+  4: { from: 8, to: 17 },
+  5: { from: 8, to: 17 },
+  6: { from: 8, to: 12 }
+}, un = { from: 7, to: 18 };
+function za({
+  children: t,
+  users: n,
+  events: r,
+  api: a = {},
+  useMocks: d = !1,
+  singleUser: c = !1,
+  currentUser: i,
+  defaultSettings: o = {},
+  onSettingsChange: s,
+  onEventCreate: u,
+  onEventUpdate: f,
+  onEventDelete: h
+}) {
+  const [p, g] = j(o.badgeVariant || "colored"), [m, v] = j(o.visibleHours || un), [y, C] = j(o.workingHours || cn), [S, _] = j(/* @__PURE__ */ new Date()), [A, ne] = j("all"), [pe, Ie] = j(n || []), [ot, U] = j(r || []), [ur, ae] = j(!1), mr = c ? i || (pe.length > 0 ? pe[0] : null) || (n && n.length > 0 ? n[0] : null) : null, be = d || !a.getEvents && !r, _e = d || !a.getUsers && !n;
+  oe(() => {
+    _e && pe.length === 0 ? Ie(X) : a.getUsers && !_e && (ae(!0), a.getUsers().then((N) => {
+      Ie(N);
+    }).catch((N) => {
+      console.error("Failed to fetch users:", N), d && Ie(X);
+    }).finally(() => {
+      ae(!1);
+    }));
+  }, [a.getUsers, _e, d]), oe(() => {
+    be && ot.length === 0 ? U(ut) : a.getEvents && !be && (ae(!0), a.getEvents().then((N) => {
+      U(N);
+    }).catch((N) => {
+      console.error("Failed to fetch events:", N), d && U(ut);
+    }).finally(() => {
+      ae(!1);
+    }));
+  }, [a.getEvents, be, d]);
+  const fr = (N) => {
+    N && _(N);
+  }, gr = (N) => {
+    g(N), s == null || s({ badgeVariant: N, visibleHours: m, workingHours: y });
+  }, hr = (N) => {
+    v(N), s == null || s({ badgeVariant: p, visibleHours: N, workingHours: y });
+  }, pr = (N) => {
+    C(N), s == null || s({ badgeVariant: p, visibleHours: m, workingHours: N });
+  }, br = ve(async (N) => {
+    if (a.createEvent)
+      try {
+        const D = await a.createEvent(N);
+        return U((z) => [...z, D]), u == null || u(D), D;
+      } catch (D) {
+        throw console.error("Failed to create event:", D), D;
+      }
+    else {
+      const D = { ...N, id: Date.now() };
+      return U((z) => [...z, D]), u == null || u(D), D;
+    }
+  }, [a.createEvent, u]), vr = ve(async (N) => {
+    if (a.updateEvent)
+      try {
+        const D = await a.updateEvent(N);
+        return U((z) => {
+          const Z = z.findIndex((ze) => ze.id === N.id);
+          return Z === -1 ? z : [...z.slice(0, Z), D, ...z.slice(Z + 1)];
+        }), f == null || f(D), D;
+      } catch (D) {
+        throw console.error("Failed to update event:", D), D;
+      }
+    else {
+      const D = { ...N };
+      return U((z) => {
+        const Z = z.findIndex((ze) => ze.id === N.id);
+        return Z === -1 ? z : [...z.slice(0, Z), D, ...z.slice(Z + 1)];
+      }), f == null || f(D), D;
+    }
+  }, [a.updateEvent, f]), xr = ve(async (N) => {
+    if (a.deleteEvent)
+      try {
+        await a.deleteEvent(N), U((D) => D.filter((z) => z.id !== N)), h == null || h(N);
+      } catch (D) {
+        throw console.error("Failed to delete event:", D), D;
+      }
+    else
+      U((D) => D.filter((z) => z.id !== N)), h == null || h(N);
+  }, [a.deleteEvent, h]), yr = ve(async () => {
+    if (a.getEvents) {
+      ae(!0);
+      try {
+        const N = await a.getEvents();
+        U(N);
+      } catch (N) {
+        console.error("Failed to refetch events:", N);
+      } finally {
+        ae(!1);
+      }
+    }
+  }, [a.getEvents]);
+  return /* @__PURE__ */ e(
+    Ot.Provider,
+    {
+      value: {
+        selectedDate: S,
+        setSelectedDate: fr,
+        selectedUserId: A,
+        setSelectedUserId: ne,
+        badgeVariant: p,
+        setBadgeVariant: gr,
+        users: pe,
+        visibleHours: m,
+        setVisibleHours: hr,
+        workingHours: y,
+        setWorkingHours: pr,
+        events: ot,
+        setEvents: U,
+        isLoading: ur,
+        // API functions
+        createEvent: br,
+        updateEvent: vr,
+        deleteEvent: xr,
+        refetchEvents: yr,
+        // API object for direct access
+        api: a,
+        useMocks: be,
+        // Single user mode
+        singleUser: c,
+        currentUser: mr
+      },
+      children: t
+    }
+  );
+}
+function T() {
+  const t = Nr(Ot);
+  if (!t) throw new Error("useCalendar must be used within a CalendarProvider.");
+  return t;
+}
+function x(...t) {
+  return Rr(Ar(t));
+}
+function mn() {
+  const { isDragging: t, item: n, currentOffset: r, initialOffset: a, initialClientOffset: d } = Vr((s) => ({
+    item: s.getItem(),
+    itemType: s.getItemType(),
+    isDragging: s.isDragging(),
+    currentOffset: s.getClientOffset(),
+    initialOffset: s.getInitialSourceClientOffset(),
+    initialClientOffset: s.getInitialClientOffset()
+  }));
+  if (!t || !n || !r || !a || !d)
+    return null;
+  const c = d.x - a.x, i = d.y - a.y, o = {
+    position: "fixed",
+    pointerEvents: "none",
+    zIndex: 100,
+    left: r.x - c,
+    top: r.y - i
+  };
+  return /* @__PURE__ */ e("div", { style: o, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: "",
+      style: {
+        width: n.width,
+        height: n.height
+      },
+      children: n.children
+    }
+  ) });
+}
+function fn({ children: t }) {
+  return /* @__PURE__ */ l(jr, { backend: Lr, children: [
+    t,
+    /* @__PURE__ */ e(mn, {})
+  ] });
+}
+const Ve = re(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), I = w.forwardRef(({ className: t, variant: n, size: r, asChild: a = !1, ...d }, c) => /* @__PURE__ */ e(a ? Tt : "button", { className: x(Ve({ variant: n, size: r, className: t })), ref: c, ...d }));
+I.displayName = "Button";
+const Pt = ht(({ className: t, children: n, max: r = 1, spacing: a = 10, ...d }, c) => {
+  const i = Dr.toArray(n), o = L(() => /* @__PURE__ */ l(he, { children: [
+    i.slice(0, r).map((s, u) => kr(s, {
+      className: x(s.props.className, "border-2 border-background"),
+      style: { marginLeft: u === 0 ? 0 : -a, ...s.props.style }
+    })),
+    i.length > r && /* @__PURE__ */ e(
+      "div",
+      {
+        className: x("relative flex items-center justify-center rounded-full border-2 border-background bg-muted", i[0].props.className),
+        style: { marginLeft: -a },
+        children: /* @__PURE__ */ l("p", { children: [
+          "+",
+          i.length - r
+        ] })
+      }
+    )
+  ] }), [i, r, a]);
+  return /* @__PURE__ */ e("div", { ref: c, className: x("relative flex", t), ...d, children: o });
+});
+Pt.displayName = "AvatarGroup";
+const ue = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(ce.Root, { ref: r, className: x("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", t), ...n })
+);
+ue.displayName = ce.Root.displayName;
+const me = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(ce.Image, { ref: r, className: x("aspect-square h-full w-full", t), ...n })
+);
+me.displayName = ce.Image.displayName;
+const fe = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(ce.Fallback, { ref: r, className: x("flex h-full w-full items-center justify-center rounded-full bg-muted", t), ...n })
+);
+fe.displayName = ce.Fallback.displayName;
+const ie = E.Root, Oa = E.Group, de = E.Value, ee = w.forwardRef(
+  ({ className: t, children: n, ...r }, a) => /* @__PURE__ */ l(
+    E.Trigger,
+    {
+      ref: a,
+      className: x(
+        "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground [&>span]:line-clamp-1",
+        t
+      ),
+      ...r,
+      children: [
+        n,
+        /* @__PURE__ */ e(E.Icon, { asChild: !0, children: /* @__PURE__ */ e(We, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  )
+);
+ee.displayName = E.Trigger.displayName;
+const Ft = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(E.ScrollUpButton, { ref: r, className: x("flex cursor-default items-center justify-center py-1", t), ...n, children: /* @__PURE__ */ e(Ur, { className: "size-4" }) })
+);
+Ft.displayName = E.ScrollUpButton.displayName;
+const Ht = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(E.ScrollDownButton, { ref: r, className: x("flex cursor-default items-center justify-center py-1", t), ...n, children: /* @__PURE__ */ e(We, { className: "size-4" }) })
+);
+Ht.displayName = E.ScrollDownButton.displayName;
+const te = w.forwardRef(
+  ({ className: t, children: n, position: r = "popper", ...a }, d) => /* @__PURE__ */ e(E.Portal, { children: /* @__PURE__ */ l(
+    E.Content,
+    {
+      ref: d,
+      className: x(
+        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        t
+      ),
+      position: r,
+      ...a,
+      children: [
+        /* @__PURE__ */ e(Ft, {}),
+        /* @__PURE__ */ e(
+          E.Viewport,
+          {
+            className: x("p-1", r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+            children: n
+          }
+        ),
+        /* @__PURE__ */ e(Ht, {})
+      ]
+    }
+  ) })
+);
+te.displayName = E.Content.displayName;
+const gn = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(E.Label, { ref: r, className: x("px-2 py-1.5 text-sm font-semibold", t), ...n })
+);
+gn.displayName = E.Label.displayName;
+const M = w.forwardRef(
+  ({ className: t, children: n, ...r }, a) => /* @__PURE__ */ l(
+    E.Item,
+    {
+      ref: a,
+      className: x(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        t
+      ),
+      ...r,
+      children: [
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(E.ItemIndicator, { children: /* @__PURE__ */ e($r, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(E.ItemText, { children: n })
+      ]
+    }
+  )
+);
+M.displayName = E.Item.displayName;
+const hn = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(E.Separator, { ref: r, className: x("-mx-1 my-1 h-px bg-muted", t), ...n })
+);
+hn.displayName = E.Separator.displayName;
+function pn() {
+  const { users: t, selectedUserId: n, setSelectedUserId: r } = T();
+  return /* @__PURE__ */ l(ie, { value: n, onValueChange: r, children: [
+    /* @__PURE__ */ e(ee, { className: "flex-1 md:w-48", children: /* @__PURE__ */ e(de, {}) }),
+    /* @__PURE__ */ l(te, { align: "end", children: [
+      /* @__PURE__ */ e(M, { value: "all", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ e(Pt, { max: 2, children: t.map((a) => /* @__PURE__ */ l(ue, { className: "size-6 text-xxs", children: [
+          /* @__PURE__ */ e(me, { src: a.picturePath ?? void 0, alt: a.name }),
+          /* @__PURE__ */ e(fe, { className: "text-xxs", children: a.name[0] })
+        ] }, a.id)) }),
+        "All"
+      ] }) }),
+      t.map((a) => /* @__PURE__ */ e(M, { value: a.id, className: "flex-1", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ l(ue, { className: "size-6", children: [
+          /* @__PURE__ */ e(me, { src: a.picturePath ?? void 0, alt: a.name }),
+          /* @__PURE__ */ e(fe, { className: "text-xxs", children: a.name[0] })
+        ] }, a.id),
+        /* @__PURE__ */ e("p", { className: "truncate", children: a.name })
+      ] }) }, a.id))
+    ] })
+  ] });
+}
+function bn() {
+  const { setSelectedDate: t } = T(), n = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      className: "flex size-14 flex-col items-start overflow-hidden rounded-lg border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+      onClick: () => t(n),
+      children: [
+        /* @__PURE__ */ e("p", { className: "flex h-6 w-full items-center justify-center bg-primary text-center text-xs font-semibold text-primary-foreground", children: pt(n, "MMM").toUpperCase() }),
+        /* @__PURE__ */ e("p", { className: "flex w-full items-center justify-center text-lg font-bold", children: n.getDate() })
+      ]
+    }
+  );
+}
+const vn = re(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function xn({ className: t, variant: n, ...r }) {
+  return /* @__PURE__ */ e("div", { className: x(vn({ variant: n }), t), ...r });
+}
+function yn(t, n) {
+  const r = "MMM d, yyyy";
+  let a, d;
+  switch (t) {
+    case "agenda":
+      a = we(n), d = Fe(n);
+      break;
+    case "year":
+      a = xt(n), d = Or(n);
+      break;
+    case "month":
+      a = we(n), d = Fe(n);
+      break;
+    case "week":
+      a = Be(n), d = vt(n);
+      break;
+    case "day":
+      return k(n, r);
+    default:
+      return "Error while formatting ";
+  }
+  return `${k(a, r)} - ${k(d, r)}`;
+}
+function mt(t, n, r) {
+  return {
+    agenda: r === "next" ? Ae : lt,
+    year: r === "next" ? _r : zr,
+    month: r === "next" ? Ae : lt,
+    week: r === "next" ? Tr : Ir,
+    day: r === "next" ? je : Er
+  }[n](t, 1);
+}
+function Nn(t, n, r) {
+  const a = {
+    agenda: De,
+    year: Mr,
+    day: $,
+    week: Sr,
+    month: De
+  };
+  return t.filter((d) => a[r](new Date(d.startDate), n)).length;
+}
+function wn(t) {
+  const n = /* @__PURE__ */ new Date();
+  return t.filter((r) => He(n, { start: b(r.startDate), end: b(r.endDate) })) || null;
+}
+function At(t) {
+  const n = t.sort((a, d) => b(a.startDate).getTime() - b(d.startDate).getTime()), r = [];
+  for (const a of n) {
+    const d = b(a.startDate);
+    let c = !1;
+    for (const i of r) {
+      const o = i[i.length - 1], s = b(o.endDate);
+      if (d >= s) {
+        i.push(a), c = !0;
+        break;
+      }
+    }
+    c || r.push([a]);
+  }
+  return r;
+}
+function Rt(t, n, r, a, d) {
+  const c = b(t.startDate), i = new Date(n.setHours(0, 0, 0, 0)), o = c < i ? i : c, s = bt(o, i);
+  let u;
+  if (d) {
+    const p = d.from * 60, m = d.to * 60 - p;
+    u = (s - p) / m * 100;
+  } else
+    u = s / 1440 * 100;
+  const f = 100 / a, h = r * f;
+  return { top: `${u}%`, width: `${f}%`, left: `${h}%` };
+}
+function Vt(t, n, r) {
+  const a = t.getDay(), d = r[a];
+  return n >= d.from && n < d.to;
+}
+function jt(t, n) {
+  let r = t.from, a = t.to;
+  return n.forEach((c) => {
+    const i = b(c.startDate).getHours(), o = b(c.endDate), s = o.getHours() + (o.getMinutes() > 0 ? 1 : 0);
+    i < r && (r = i), s > a && (a = s);
+  }), a = Math.min(a, 24), { hours: Array.from({ length: a - r }, (c, i) => i + r), earliestEventHour: r, latestEventHour: a };
+}
+function Dn(t) {
+  const n = t.getFullYear(), r = t.getMonth(), a = (p, g) => new Date(p, g + 1, 0).getDate(), d = (p, g) => new Date(p, g, 1).getDay(), c = a(n, r), i = d(n, r), o = a(n, r - 1), s = i + c, u = Array.from({ length: i }, (p, g) => ({
+    day: o - i + g + 1,
+    currentMonth: !1,
+    date: new Date(n, r - 1, o - i + g + 1)
+  })), f = Array.from({ length: c }, (p, g) => ({
+    day: g + 1,
+    currentMonth: !0,
+    date: new Date(n, r, g + 1)
+  })), h = Array.from({ length: (7 - s % 7) % 7 }, (p, g) => ({
+    day: g + 1,
+    currentMonth: !1,
+    date: new Date(n, r + 1, g + 1)
+  }));
+  return [...u, ...f, ...h];
+}
+function kn(t, n, r) {
+  const a = we(r), d = Fe(r), c = {}, i = {};
+  return st({ start: a, end: d }).forEach((s) => {
+    i[s.toISOString()] = [!1, !1, !1];
+  }), [
+    ...t.sort((s, u) => {
+      const f = Y(b(s.endDate), b(s.startDate));
+      return Y(b(u.endDate), b(u.startDate)) - f || b(s.startDate).getTime() - b(u.startDate).getTime();
+    }),
+    ...n.sort((s, u) => b(s.startDate).getTime() - b(u.startDate).getTime())
+  ].forEach((s) => {
+    const u = b(s.startDate), f = b(s.endDate), h = st({
+      start: u < a ? a : u,
+      end: f > d ? d : f
+    });
+    let p = -1;
+    for (let g = 0; g < 3; g++)
+      if (h.every((m) => {
+        const v = i[B(m).toISOString()];
+        return v && !v[g];
+      })) {
+        p = g;
+        break;
+      }
+    p !== -1 && (h.forEach((g) => {
+      const m = B(g).toISOString();
+      i[m][p] = !0;
+    }), c[s.id] = p);
+  }), c;
+}
+function Cn(t, n, r) {
+  return n.filter((d) => {
+    const c = b(d.startDate), i = b(d.endDate);
+    return t >= c && t <= i || $(t, c) || $(t, i);
+  }).map((d) => ({
+    ...d,
+    position: r[d.id] ?? -1,
+    isMultiDay: d.startDate !== d.endDate
+  })).sort((d, c) => d.isMultiDay && !c.isMultiDay ? -1 : !d.isMultiDay && c.isMultiDay ? 1 : d.position - c.position);
+}
+function Sn({ view: t, events: n }) {
+  const { selectedDate: r, setSelectedDate: a } = T(), d = pt(r, "MMMM"), c = r.getFullYear(), i = L(() => Nn(n, r, t), [n, r, t]), o = () => a(mt(r, t, "previous")), s = () => a(mt(r, t, "next"));
+  return /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ l("span", { className: "text-lg font-semibold", children: [
+        d,
+        " ",
+        c
+      ] }),
+      /* @__PURE__ */ l(xn, { variant: "outline", className: "px-1.5", children: [
+        i,
+        " events"
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(I, { variant: "outline", className: "size-6.5 px-0 [&_svg]:size-4.5", onClick: o, children: /* @__PURE__ */ e(kt, {}) }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: yn(t, r) }),
+      /* @__PURE__ */ e(I, { variant: "outline", className: "size-6.5 px-0 [&_svg]:size-4.5", onClick: s, children: /* @__PURE__ */ e(Ct, {}) })
+    ] })
+  ] });
+}
+function Bt(t, n, r) {
+  function a(o, s) {
+    var u;
+    Object.defineProperty(o, "_zod", {
+      value: o._zod ?? {},
+      enumerable: !1
+    }), (u = o._zod).traits ?? (u.traits = /* @__PURE__ */ new Set()), o._zod.traits.add(t), n(o, s);
+    for (const f in i.prototype)
+      f in o || Object.defineProperty(o, f, { value: i.prototype[f].bind(o) });
+    o._zod.constr = i, o._zod.def = s;
+  }
+  const d = (r == null ? void 0 : r.Parent) ?? Object;
+  class c extends d {
+  }
+  Object.defineProperty(c, "name", { value: t });
+  function i(o) {
+    var s;
+    const u = r != null && r.Parent ? new c() : this;
+    a(u, o), (s = u._zod).deferred ?? (s.deferred = []);
+    for (const f of u._zod.deferred)
+      f();
+    return u;
+  }
+  return Object.defineProperty(i, "init", { value: a }), Object.defineProperty(i, Symbol.hasInstance, {
+    value: (o) => {
+      var s, u;
+      return r != null && r.Parent && o instanceof r.Parent ? !0 : (u = (s = o == null ? void 0 : o._zod) == null ? void 0 : s.traits) == null ? void 0 : u.has(t);
+    }
+  }), Object.defineProperty(i, "name", { value: t }), i;
+}
+class Mn extends Error {
+  constructor() {
+    super("Encountered Promise during synchronous parse. Use .parseAsync() instead.");
+  }
+}
+const En = {};
+function Lt(t) {
+  return En;
+}
+function Tn(t, n) {
+  return typeof n == "bigint" ? n.toString() : n;
+}
+const Wt = Error.captureStackTrace ? Error.captureStackTrace : (...t) => {
+};
+function Ne(t) {
+  return typeof t == "string" ? t : t == null ? void 0 : t.message;
+}
+function $t(t, n, r) {
+  var d, c, i, o, s, u;
+  const a = { ...t, path: t.path ?? [] };
+  if (!t.message) {
+    const f = Ne((i = (c = (d = t.inst) == null ? void 0 : d._zod.def) == null ? void 0 : c.error) == null ? void 0 : i.call(c, t)) ?? Ne((o = n == null ? void 0 : n.error) == null ? void 0 : o.call(n, t)) ?? Ne((s = r.customError) == null ? void 0 : s.call(r, t)) ?? Ne((u = r.localeError) == null ? void 0 : u.call(r, t)) ?? "Invalid input";
+    a.message = f;
+  }
+  return delete a.inst, delete a.continue, n != null && n.reportInput || delete a.input, a;
+}
+const Ut = (t, n) => {
+  t.name = "$ZodError", Object.defineProperty(t, "_zod", {
+    value: t._zod,
+    enumerable: !1
+  }), Object.defineProperty(t, "issues", {
+    value: n,
+    enumerable: !1
+  }), Object.defineProperty(t, "message", {
+    get() {
+      return JSON.stringify(n, Tn, 2);
+    },
+    enumerable: !0
+    // configurable: false,
+  }), Object.defineProperty(t, "toString", {
+    value: () => t.message,
+    enumerable: !1
+  });
+}, In = Bt("$ZodError", Ut), Yt = Bt("$ZodError", Ut, { Parent: Error }), _n = (t) => (n, r, a, d) => {
+  const c = a ? Object.assign(a, { async: !1 }) : { async: !1 }, i = n._zod.run({ value: r, issues: [] }, c);
+  if (i instanceof Promise)
+    throw new Mn();
+  if (i.issues.length) {
+    const o = new ((d == null ? void 0 : d.Err) ?? t)(i.issues.map((s) => $t(s, c, Lt())));
+    throw Wt(o, d == null ? void 0 : d.callee), o;
+  }
+  return i.value;
+}, zn = /* @__PURE__ */ _n(Yt), On = (t) => async (n, r, a, d) => {
+  const c = a ? Object.assign(a, { async: !0 }) : { async: !0 };
+  let i = n._zod.run({ value: r, issues: [] }, c);
+  if (i instanceof Promise && (i = await i), i.issues.length) {
+    const o = new ((d == null ? void 0 : d.Err) ?? t)(i.issues.map((s) => $t(s, c, Lt())));
+    throw Wt(o, d == null ? void 0 : d.callee), o;
+  }
+  return i.value;
+}, Pn = /* @__PURE__ */ On(Yt);
+function ft(t, n) {
+  try {
+    var r = t();
+  } catch (a) {
+    return n(a);
+  }
+  return r && r.then ? r.then(void 0, n) : r;
+}
+function Fn(t, n) {
+  for (var r = {}; t.length; ) {
+    var a = t[0], d = a.code, c = a.message, i = a.path.join(".");
+    if (!r[i]) if ("unionErrors" in a) {
+      var o = a.unionErrors[0].errors[0];
+      r[i] = { message: o.message, type: o.code };
+    } else r[i] = { message: c, type: d };
+    if ("unionErrors" in a && a.unionErrors.forEach(function(f) {
+      return f.errors.forEach(function(h) {
+        return t.push(h);
+      });
+    }), n) {
+      var s = r[i].types, u = s && s[a.code];
+      r[i] = It(i, n, r, d, u ? [].concat(u, a.message) : a.message);
+    }
+    t.shift();
+  }
+  return r;
+}
+function Hn(t, n) {
+  for (var r = {}; t.length; ) {
+    var a = t[0], d = a.code, c = a.message, i = a.path.join(".");
+    if (!r[i]) if (a.code === "invalid_union" && a.errors.length > 0) {
+      var o = a.errors[0][0];
+      r[i] = { message: o.message, type: o.code };
+    } else r[i] = { message: c, type: d };
+    if (a.code === "invalid_union" && a.errors.forEach(function(f) {
+      return f.forEach(function(h) {
+        return t.push(h);
+      });
+    }), n) {
+      var s = r[i].types, u = s && s[a.code];
+      r[i] = It(i, n, r, d, u ? [].concat(u, a.message) : a.message);
+    }
+    t.shift();
+  }
+  return r;
+}
+function Kt(t, n, r) {
+  if (r === void 0 && (r = {}), function(a) {
+    return "_def" in a && typeof a._def == "object" && "typeName" in a._def;
+  }(t)) return function(a, d, c) {
+    try {
+      return Promise.resolve(ft(function() {
+        return Promise.resolve(t[r.mode === "sync" ? "parse" : "parseAsync"](a, n)).then(function(i) {
+          return c.shouldUseNativeValidation && dt({}, c), { errors: {}, values: r.raw ? Object.assign({}, a) : i };
+        });
+      }, function(i) {
+        if (function(o) {
+          return Array.isArray(o == null ? void 0 : o.issues);
+        }(i)) return { values: {}, errors: ct(Fn(i.errors, !c.shouldUseNativeValidation && c.criteriaMode === "all"), c) };
+        throw i;
+      }));
+    } catch (i) {
+      return Promise.reject(i);
+    }
+  };
+  if (function(a) {
+    return "_zod" in a && typeof a._zod == "object";
+  }(t)) return function(a, d, c) {
+    try {
+      return Promise.resolve(ft(function() {
+        return Promise.resolve((r.mode === "sync" ? zn : Pn)(t, a, n)).then(function(i) {
+          return c.shouldUseNativeValidation && dt({}, c), { errors: {}, values: r.raw ? Object.assign({}, a) : i };
+        });
+      }, function(i) {
+        if (function(o) {
+          return o instanceof In;
+        }(i)) return { values: {}, errors: ct(Hn(i.issues, !c.shouldUseNativeValidation && c.criteriaMode === "all"), c) };
+        throw i;
+      }));
+    } catch (i) {
+      return Promise.reject(i);
+    }
+  };
+  throw new Error("Invalid input: not a Zod schema");
+}
+function Ke({ defaultIsOpen: t = !1 } = {}) {
+  const [n, r] = j(t);
+  return { onOpen: () => r(!0), onClose: () => r(!1), isOpen: n, onToggle: () => r((i) => !i) };
+}
+const Ge = w.forwardRef(({ className: t, type: n, ...r }, a) => /* @__PURE__ */ e(
+  "input",
+  {
+    type: n,
+    className: x(
+      "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      t
+    ),
+    ref: a,
+    ...r
+  }
+));
+Ge.displayName = "Input";
+const qe = w.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ e(
+  "textarea",
+  {
+    className: x(
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      t
+    ),
+    ref: r,
+    ...n
+  }
+));
+qe.displayName = "Textarea";
+const G = ht(
+  ({ className: t, dateInputClassName: n, segmentClassName: r, disabled: a, "data-invalid": d, ...c }, i) => /* @__PURE__ */ e(
+    an,
+    {
+      ref: i,
+      className: x("relative", t),
+      isDisabled: a,
+      isInvalid: d,
+      ...c,
+      "aria-label": "Time",
+      shouldForceLeadingZeros: !0,
+      children: /* @__PURE__ */ e(
+        on,
+        {
+          className: x(
+            "peer inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-md border bg-background px-3 py-2 text-sm shadow-black",
+            "data-[focus-within]:outline-none data-[focus-within]:ring-1 data-[focus-within]:ring-ring",
+            "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+            n
+          ),
+          children: (o) => /* @__PURE__ */ e(
+            sn,
+            {
+              segment: o,
+              className: x(
+                "inline rounded p-0.5 caret-transparent outline outline-0",
+                "data-[focused]:bg-foreground/10 data-[focused]:text-foreground",
+                "data-[placeholder]:text-muted-foreground",
+                "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+                r
+              )
+            }
+          )
+        }
+      )
+    }
+  )
+);
+G.displayName = "TimeInput";
+function Ze({ className: t, classNames: n, showOutsideDays: r = !0, selected: a, ...d }) {
+  const [c, i] = w.useState(a instanceof Date ? a : void 0);
+  return /* @__PURE__ */ e(
+    ln,
+    {
+      selected: a,
+      showOutsideDays: r,
+      month: c,
+      onMonthChange: i,
+      className: x("p-3", t),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: x(Ve({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: x(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: x(Ve({ variant: "ghost" }), "h-8 w-8 p-0 font-normal aria-selected:opacity-100"),
+        day_range_start: "day-range-start",
+        day_range_end: "day-range-end",
+        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside: "day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...n
+      },
+      components: {
+        IconLeft: ({ className: o, ...s }) => /* @__PURE__ */ e(kt, { className: x("h-4 w-4", o), ...s }),
+        IconRight: ({ className: o, ...s }) => /* @__PURE__ */ e(Ct, { className: x("h-4 w-4", o), ...s })
+      },
+      ...d
+    }
+  );
+}
+Ze.displayName = "Calendar";
+const An = se.Root, Rn = se.Trigger, Pa = se.Anchor, Gt = w.forwardRef(
+  ({ className: t, align: n = "center", sideOffset: r = 4, ...a }, d) => /* @__PURE__ */ e(se.Portal, { children: /* @__PURE__ */ e(
+    se.Content,
+    {
+      ref: d,
+      align: n,
+      sideOffset: r,
+      className: x(
+        "z-50 w-72 origin-[--radix-popover-content-transform-origin] rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        t
+      ),
+      ...a
+    }
+  ) })
+);
+Gt.displayName = se.Content.displayName;
+function ke({ id: t, onSelect: n, className: r, placeholder: a, labelVariant: d = "PPP", value: c, ...i }) {
+  const { isOpen: o, onClose: s, onToggle: u } = Ke(), f = (h) => {
+    n(h), s();
+  };
+  return /* @__PURE__ */ l(An, { open: o, onOpenChange: u, modal: !0, children: [
+    /* @__PURE__ */ e(Rn, { asChild: !0, children: /* @__PURE__ */ l(
+      I,
+      {
+        id: t,
+        variant: "outline",
+        className: x("group relative h-9 w-full justify-start whitespace-nowrap px-3 py-2 font-normal hover:bg-inherit", r),
+        ...i,
+        children: [
+          c && /* @__PURE__ */ e("span", { children: k(c, d) }),
+          !c && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: a })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(Gt, { align: "center", className: "w-fit p-0", children: /* @__PURE__ */ e(Ze, { mode: "single", selected: c, onSelect: f, initialFocus: !0 }) })
+  ] });
+}
+const Vn = re("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), qt = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(zt.Root, { ref: r, className: x(Vn(), t), ...n })
+);
+qt.displayName = zt.Root.displayName;
+const Zt = tn, Xt = w.createContext({});
+function R({ ...t }) {
+  return /* @__PURE__ */ e(Xt.Provider, { value: { name: t.name }, children: /* @__PURE__ */ e(rn, { ...t }) });
+}
+const Ce = () => {
+  const t = w.useContext(Xt), n = w.useContext(Jt), { getFieldState: r, formState: a } = nn(), d = r(t.name, a);
+  if (!t)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: c } = n;
+  return {
+    id: c,
+    name: t.name,
+    formItemId: `${c}-form-item`,
+    formDescriptionId: `${c}-form-item-description`,
+    formMessageId: `${c}-form-item-message`,
+    ...d
+  };
+}, Jt = w.createContext({}), O = w.forwardRef(({ className: t, ...n }, r) => {
+  const a = w.useId();
+  return /* @__PURE__ */ e(Jt.Provider, { value: { id: a }, children: /* @__PURE__ */ e("div", { ref: r, className: x("space-y-2", t), ...n }) });
+});
+O.displayName = "FormItem";
+const P = w.forwardRef(
+  ({ className: t, ...n }, r) => {
+    const { error: a, formItemId: d } = Ce();
+    return /* @__PURE__ */ e(qt, { ref: r, className: x(a && "text-destructive", t), htmlFor: d, ...n });
+  }
+);
+P.displayName = "FormLabel";
+const F = w.forwardRef(({ ...t }, n) => {
+  const { error: r, formItemId: a, formDescriptionId: d, formMessageId: c } = Ce();
+  return /* @__PURE__ */ e(
+    Tt,
+    {
+      ref: n,
+      id: a,
+      "aria-describedby": r ? `${d} ${c}` : `${d}`,
+      "aria-invalid": !!r,
+      ...t
+    }
+  );
+});
+F.displayName = "FormControl";
+const jn = w.forwardRef(({ className: t, ...n }, r) => {
+  const { formDescriptionId: a } = Ce();
+  return /* @__PURE__ */ e("p", { ref: r, id: a, className: x("text-[0.8rem] text-muted-foreground", t), ...n });
+});
+jn.displayName = "FormDescription";
+const H = w.forwardRef(({ className: t, children: n, ...r }, a) => {
+  const { error: d, formMessageId: c } = Ce(), i = d ? String((d == null ? void 0 : d.message) ?? "") : n;
+  return i ? /* @__PURE__ */ e("p", { ref: a, id: c, className: x("text-[0.8rem] font-medium text-destructive", t), ...r, children: i }) : null;
+});
+H.displayName = "FormMessage";
+const Xe = W.Root, Je = W.Trigger, Bn = W.Portal, Qt = W.Close, er = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(
+    W.Overlay,
+    {
+      ref: r,
+      className: x(
+        "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        t
+      ),
+      ...n
+    }
+  )
+);
+er.displayName = W.Overlay.displayName;
+const Se = w.forwardRef(
+  ({ className: t, children: n, ...r }, a) => /* @__PURE__ */ l(Bn, { children: [
+    /* @__PURE__ */ e(er, {}),
+    /* @__PURE__ */ l(
+      W.Content,
+      {
+        ref: a,
+        className: x(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          t
+        ),
+        ...r,
+        children: [
+          n,
+          /* @__PURE__ */ l(W.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ e(Yr, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] })
+);
+Se.displayName = W.Content.displayName;
+function Me({ className: t, ...n }) {
+  return /* @__PURE__ */ e("div", { className: x("flex flex-col space-y-1.5 text-center sm:text-left", t), ...n });
+}
+Me.displayName = "DialogHeader";
+function Ee({ className: t, ...n }) {
+  return /* @__PURE__ */ e("div", { className: x("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t), ...n });
+}
+Ee.displayName = "DialogFooter";
+const Te = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(W.Title, { ref: r, className: x("text-lg font-semibold leading-none tracking-tight", t), ...n })
+);
+Te.displayName = W.Title.displayName;
+const Qe = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(W.Description, { ref: r, className: x("text-sm text-muted-foreground", t), ...n })
+);
+Qe.displayName = W.Description.displayName;
+const et = (t = !1) => V.object({
+  user: t ? V.string().optional() : V.string(),
+  title: V.string().min(1, "Title is required"),
+  description: V.string().min(1, "Description is required"),
+  startDate: V.date({ required_error: "Start date is required" }),
+  startTime: V.object({ hour: V.number(), minute: V.number() }, { required_error: "Start time is required" }),
+  endDate: V.date({ required_error: "End date is required" }),
+  endTime: V.object({ hour: V.number(), minute: V.number() }, { required_error: "End time is required" }),
+  color: V.enum(["blue", "green", "red", "yellow", "purple", "orange", "gray"], { required_error: "Color is required" })
+}).refine(
+  (n) => {
+    const r = new Date(n.startDate);
+    r.setHours(n.startTime.hour, n.startTime.minute, 0, 0);
+    const a = new Date(n.endDate);
+    return a.setHours(n.endTime.hour, n.endTime.minute, 0, 0), r < a;
+  },
+  {
+    message: "Start date cannot be after end date",
+    path: ["startDate"]
+  }
+), Fa = et(!1);
+function K({ children: t, startDate: n, startTime: r, onEventCreated: a, showFormDisclaimer: d = !0 }) {
+  const { users: c, createEvent: i, singleUser: o, currentUser: s } = T(), { isOpen: u, onClose: f, onToggle: h } = Ke(), p = _t({
+    resolver: Kt(et(o)),
+    defaultValues: {
+      title: "",
+      description: "",
+      user: o && s ? s.id : void 0,
+      startDate: typeof n < "u" ? n : void 0,
+      startTime: typeof r < "u" ? r : void 0
+    }
+  }), g = async (m) => {
+    try {
+      const v = o ? s : c.find((A) => A.id === m.user);
+      if (!v) {
+        o || p.setError("user", { message: "User not found" });
+        return;
+      }
+      const y = new Date(m.startDate);
+      y.setHours(m.startTime.hour, m.startTime.minute, 0, 0);
+      const C = new Date(m.endDate);
+      C.setHours(m.endTime.hour, m.endTime.minute, 0, 0);
+      const S = {
+        user: v,
+        title: m.title,
+        color: m.color,
+        description: m.description,
+        startDate: y.toISOString(),
+        endDate: C.toISOString()
+      }, _ = await i(S);
+      a == null || a(_), f(), p.reset();
+    } catch (v) {
+      console.error("Failed to create event:", v);
+    }
+  };
+  return oe(() => {
+    p.reset({
+      startDate: n,
+      startTime: r
+    });
+  }, [n, r, p]), /* @__PURE__ */ l(Xe, { open: u, onOpenChange: h, children: [
+    /* @__PURE__ */ e(Je, { asChild: !0, children: t }),
+    /* @__PURE__ */ l(Se, { children: [
+      /* @__PURE__ */ l(Me, { children: [
+        /* @__PURE__ */ e(Te, { children: "Add New Event" }),
+        d && /* @__PURE__ */ e(Qe, { className: "mt-2", children: "Create a new calendar event. The event will be saved according to your API configuration." })
+      ] }),
+      /* @__PURE__ */ e(Zt, { ...p, children: /* @__PURE__ */ l("form", { id: "event-form", onSubmit: p.handleSubmit(g), className: "grid gap-4 py-4", children: [
+        !o && /* @__PURE__ */ e(
+          R,
+          {
+            control: p.control,
+            name: "user",
+            render: ({ field: m, fieldState: v }) => /* @__PURE__ */ l(O, { children: [
+              /* @__PURE__ */ e(P, { children: "Responsible" }),
+              /* @__PURE__ */ e(F, { children: /* @__PURE__ */ l(ie, { value: m.value, onValueChange: m.onChange, children: [
+                /* @__PURE__ */ e(ee, { "data-invalid": v.invalid, children: /* @__PURE__ */ e(de, { placeholder: "Select an option" }) }),
+                /* @__PURE__ */ e(te, { children: c.map((y) => /* @__PURE__ */ e(M, { value: y.id, className: "flex-1", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ l(ue, { className: "size-6", children: [
+                    /* @__PURE__ */ e(me, { src: y.picturePath ?? void 0, alt: y.name }),
+                    /* @__PURE__ */ e(fe, { className: "text-xxs", children: y.name[0] })
+                  ] }, y.id),
+                  /* @__PURE__ */ e("p", { className: "truncate", children: y.name })
+                ] }) }, y.id)) })
+              ] }) }),
+              /* @__PURE__ */ e(H, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            control: p.control,
+            name: "title",
+            render: ({ field: m, fieldState: v }) => /* @__PURE__ */ l(O, { children: [
+              /* @__PURE__ */ e(P, { htmlFor: "title", children: "Title" }),
+              /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Ge, { id: "title", placeholder: "Enter a title", "data-invalid": v.invalid, ...m }) }),
+              /* @__PURE__ */ e(H, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(
+            R,
+            {
+              control: p.control,
+              name: "startDate",
+              render: ({ field: m, fieldState: v }) => /* @__PURE__ */ l(O, { className: "flex-1", children: [
+                /* @__PURE__ */ e(P, { htmlFor: "startDate", children: "Start Date" }),
+                /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(
+                  ke,
+                  {
+                    id: "startDate",
+                    value: m.value,
+                    onSelect: (y) => m.onChange(y),
+                    placeholder: "Select a date",
+                    "data-invalid": v.invalid
+                  }
+                ) }),
+                /* @__PURE__ */ e(H, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            R,
+            {
+              control: p.control,
+              name: "startTime",
+              render: ({ field: m, fieldState: v }) => /* @__PURE__ */ l(O, { className: "flex-1", children: [
+                /* @__PURE__ */ e(P, { children: "Start Time" }),
+                /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(G, { value: m.value, onChange: m.onChange, hourCycle: 12, "data-invalid": v.invalid }) }),
+                /* @__PURE__ */ e(H, {})
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(
+            R,
+            {
+              control: p.control,
+              name: "endDate",
+              render: ({ field: m, fieldState: v }) => /* @__PURE__ */ l(O, { className: "flex-1", children: [
+                /* @__PURE__ */ e(P, { children: "End Date" }),
+                /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(
+                  ke,
+                  {
+                    value: m.value,
+                    onSelect: (y) => m.onChange(y),
+                    placeholder: "Select a date",
+                    "data-invalid": v.invalid
+                  }
+                ) }),
+                /* @__PURE__ */ e(H, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            R,
+            {
+              control: p.control,
+              name: "endTime",
+              render: ({ field: m, fieldState: v }) => /* @__PURE__ */ l(O, { className: "flex-1", children: [
+                /* @__PURE__ */ e(P, { children: "End Time" }),
+                /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(G, { value: m.value, onChange: m.onChange, hourCycle: 12, "data-invalid": v.invalid }) }),
+                /* @__PURE__ */ e(H, {})
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          R,
+          {
+            control: p.control,
+            name: "color",
+            render: ({ field: m, fieldState: v }) => /* @__PURE__ */ l(O, { children: [
+              /* @__PURE__ */ e(P, { children: "Color" }),
+              /* @__PURE__ */ e(F, { children: /* @__PURE__ */ l(ie, { value: m.value, onValueChange: m.onChange, children: [
+                /* @__PURE__ */ e(ee, { "data-invalid": v.invalid, children: /* @__PURE__ */ e(de, { placeholder: "Select an option" }) }),
+                /* @__PURE__ */ l(te, { children: [
+                  /* @__PURE__ */ e(M, { value: "blue", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-blue-600" }),
+                    "Blue"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "green", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-green-600" }),
+                    "Green"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "red", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-red-600" }),
+                    "Red"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "yellow", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-yellow-600" }),
+                    "Yellow"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "purple", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-purple-600" }),
+                    "Purple"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "orange", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-orange-600" }),
+                    "Orange"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "gray", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-neutral-600" }),
+                    "Gray"
+                  ] }) })
+                ] })
+              ] }) }),
+              /* @__PURE__ */ e(H, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            control: p.control,
+            name: "description",
+            render: ({ field: m, fieldState: v }) => /* @__PURE__ */ l(O, { children: [
+              /* @__PURE__ */ e(P, { children: "Description" }),
+              /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(qe, { ...m, value: m.value, "data-invalid": v.invalid }) }),
+              /* @__PURE__ */ e(H, {})
+            ] })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ l(Ee, { children: [
+        /* @__PURE__ */ e(Qt, { asChild: !0, children: /* @__PURE__ */ e(I, { type: "button", variant: "outline", children: "Cancel" }) }),
+        /* @__PURE__ */ e(I, { form: "event-form", type: "submit", children: "Create Event" })
+      ] })
+    ] })
+  ] });
+}
+function Ln({
+  view: t,
+  events: n,
+  onViewChange: r,
+  showTodayButton: a = !0,
+  showDateNavigator: d = !0,
+  showViewSwitcher: c = !0,
+  showUserSelect: i = !0,
+  showAddEventButton: o = !0,
+  availableViews: s = ["day", "week", "month", "year", "agenda"],
+  className: u,
+  leftSectionClassName: f,
+  rightSectionClassName: h,
+  viewSwitcherClassName: p,
+  addButtonClassName: g
+}) {
+  const { singleUser: m } = T(), v = (C) => {
+    r && r(C);
+  }, y = i && !m;
+  return /* @__PURE__ */ l("div", { className: x("flex flex-col gap-4 border-b p-4 lg:flex-row lg:items-center lg:justify-between", u), children: [
+    (a || d) && /* @__PURE__ */ l("div", { className: x("flex items-center gap-3", f), children: [
+      a && /* @__PURE__ */ e(bn, {}),
+      d && /* @__PURE__ */ e(Sn, { view: t, events: n })
+    ] }),
+    (c || i || o) && /* @__PURE__ */ l("div", { className: x("flex flex-col items-center gap-1.5 sm:flex-row sm:justify-between", h), children: [
+      (c || i) && /* @__PURE__ */ l("div", { className: "flex w-full items-center gap-1.5", children: [
+        c && /* @__PURE__ */ l("div", { className: x("inline-flex first:rounded-r-none last:rounded-l-none [&:not(:first-child):not(:last-child)]:rounded-none", p), children: [
+          s.includes("day") && /* @__PURE__ */ e(
+            I,
+            {
+              "aria-label": "View by day",
+              size: "icon",
+              variant: t === "day" ? "default" : "outline",
+              className: "rounded-r-none [&_svg]:size-5",
+              onClick: () => v("day"),
+              children: /* @__PURE__ */ e(Kr, { strokeWidth: 1.8 })
+            }
+          ),
+          s.includes("week") && /* @__PURE__ */ e(
+            I,
+            {
+              "aria-label": "View by week",
+              size: "icon",
+              variant: t === "week" ? "default" : "outline",
+              className: "-ml-px rounded-none [&_svg]:size-5",
+              onClick: () => v("week"),
+              children: /* @__PURE__ */ e(Gr, { strokeWidth: 1.8 })
+            }
+          ),
+          s.includes("month") && /* @__PURE__ */ e(
+            I,
+            {
+              "aria-label": "View by month",
+              size: "icon",
+              variant: t === "month" ? "default" : "outline",
+              className: "-ml-px rounded-none [&_svg]:size-5",
+              onClick: () => v("month"),
+              children: /* @__PURE__ */ e(qr, { strokeWidth: 1.8 })
+            }
+          ),
+          s.includes("year") && /* @__PURE__ */ e(
+            I,
+            {
+              "aria-label": "View by year",
+              size: "icon",
+              variant: t === "year" ? "default" : "outline",
+              className: "-ml-px rounded-none [&_svg]:size-5",
+              onClick: () => v("year"),
+              children: /* @__PURE__ */ e(Zr, { strokeWidth: 1.8 })
+            }
+          ),
+          s.includes("agenda") && /* @__PURE__ */ e(
+            I,
+            {
+              "aria-label": "View by agenda",
+              size: "icon",
+              variant: t === "agenda" ? "default" : "outline",
+              className: "-ml-px rounded-l-none [&_svg]:size-5",
+              onClick: () => v("agenda"),
+              children: /* @__PURE__ */ e(Xr, { strokeWidth: 1.8 })
+            }
+          )
+        ] }),
+        y && /* @__PURE__ */ e(pn, {})
+      ] }),
+      o && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ l(I, { className: x("w-full sm:w-auto", g), children: [
+        /* @__PURE__ */ e(Jr, {}),
+        "Add Event"
+      ] }) })
+    ] })
+  ] });
+}
+function Wn({ day: t, date: n, events: r }) {
+  const { setSelectedDate: a } = T(), d = 3, c = r.length;
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      onClick: () => {
+        a(n);
+      },
+      type: "button",
+      className: "flex h-11 flex-1 flex-col items-center justify-start gap-0.5 rounded-md pt-1 hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: x(
+              "flex size-6 items-center justify-center rounded-full text-xs font-medium",
+              yt(n) && "bg-primary font-semibold text-primary-foreground"
+            ),
+            children: t
+          }
+        ),
+        c > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 flex gap-0.5", children: c <= d ? r.map((o) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: x(
+              "size-1.5 rounded-full",
+              o.color === "blue" && "bg-blue-600",
+              o.color === "green" && "bg-green-600",
+              o.color === "red" && "bg-red-600",
+              o.color === "yellow" && "bg-yellow-600",
+              o.color === "purple" && "bg-purple-600",
+              o.color === "orange" && "bg-orange-600",
+              o.color === "gray" && "bg-neutral-600"
+            )
+          },
+          o.id
+        )) : /* @__PURE__ */ l(he, { children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: x(
+                "size-1.5 rounded-full",
+                r[0].color === "blue" && "bg-blue-600",
+                r[0].color === "green" && "bg-green-600",
+                r[0].color === "red" && "bg-red-600",
+                r[0].color === "yellow" && "bg-yellow-600",
+                r[0].color === "purple" && "bg-purple-600",
+                r[0].color === "orange" && "bg-orange-600"
+              )
+            }
+          ),
+          /* @__PURE__ */ l("span", { className: "text-[7px] text-muted-foreground", children: [
+            "+",
+            c - 1
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+function $n({ month: t, events: n }) {
+  const { setSelectedDate: r } = T(), a = k(t, "MMMM"), d = L(() => {
+    const o = Pr(t), s = we(t).getDay(), u = Array.from({ length: o }, (h, p) => p + 1);
+    return [...Array(s).fill(null), ...u];
+  }, [t]);
+  return /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          r(new Date(t.getFullYear(), t.getMonth(), 1));
+        },
+        className: "w-full rounded-t-lg border px-3 py-2 text-sm font-semibold hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        children: a
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "flex-1 space-y-2 rounded-b-lg border border-t-0 p-3", children: [
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 text-center", children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((o, s) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-muted-foreground", children: o }, s)) }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-x-0.5 gap-y-2", children: d.map((o, s) => {
+        if (o === null) return /* @__PURE__ */ e("div", { className: "h-10" }, `blank-${s}`);
+        const u = new Date(t.getFullYear(), t.getMonth(), o), f = n.filter((h) => $(b(h.startDate), u) || $(b(h.endDate), u));
+        return /* @__PURE__ */ e(Wn, { day: o, date: u, events: f }, `day-${o}`);
+      }) })
+    ] })
+  ] });
+}
+function Un({ allEvents: t }) {
+  const { selectedDate: n } = T(), r = L(() => {
+    const a = xt(n);
+    return Array.from({ length: 12 }, (d, c) => Ae(a, c));
+  }, [n]);
+  return /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: r.map((a) => /* @__PURE__ */ e($n, { month: a, events: t }, a.toString())) }) });
+}
+const Yn = re("size-2 rounded-full", {
+  variants: {
+    color: {
+      blue: "bg-blue-600 dark:bg-blue-500",
+      green: "bg-green-600 dark:bg-green-500",
+      red: "bg-red-600 dark:bg-red-500",
+      yellow: "bg-yellow-600 dark:bg-yellow-500",
+      purple: "bg-purple-600 dark:bg-purple-500",
+      gray: "bg-neutral-600 dark:bg-neutral-500",
+      orange: "bg-orange-600 dark:bg-orange-500"
+    }
+  },
+  defaultVariants: {
+    color: "blue"
+  }
+});
+function Kn({ color: t, className: n }) {
+  return /* @__PURE__ */ e("div", { className: x(Yn({ color: t, className: n })) });
+}
+function tr() {
+  const { updateEvent: t } = T();
+  return { updateEvent: t };
+}
+const tt = {
+  EVENT: "event"
+};
+function rr({ event: t, children: n }) {
+  const r = Cr(null), [{ isDragging: a }, d, c] = Br(() => ({
+    type: tt.EVENT,
+    item: () => {
+      var s, u;
+      const i = ((s = r.current) == null ? void 0 : s.offsetWidth) || 0, o = ((u = r.current) == null ? void 0 : u.offsetHeight) || 0;
+      return { event: t, children: n, width: i, height: o };
+    },
+    collect: (i) => ({ isDragging: i.isDragging() })
+  }));
+  return oe(() => {
+    c(Wr(), { captureDraggingState: !0 });
+  }, [c]), d(r), /* @__PURE__ */ e("div", { ref: r, className: x(a && "opacity-40"), children: n });
+}
+function Gn({ cell: t, children: n }) {
+  const { updateEvent: r } = tr(), [{ isOver: a, canDrop: d }, c] = Dt(
+    () => ({
+      accept: tt.EVENT,
+      drop: (i) => {
+        const o = i.event, s = b(o.startDate), u = b(o.endDate), f = Nt(u, s), h = new Date(t.date);
+        h.setHours(s.getHours(), s.getMinutes(), s.getSeconds(), s.getMilliseconds());
+        const p = new Date(h.getTime() + f);
+        return r({
+          ...o,
+          startDate: h.toISOString(),
+          endDate: p.toISOString()
+        }), { moved: !0 };
+      },
+      collect: (i) => ({
+        isOver: i.isOver(),
+        canDrop: i.canDrop()
+      })
+    }),
+    [t.date, r]
+  );
+  return /* @__PURE__ */ e("div", { ref: c, className: x(a && d && "bg-accent/50"), children: n });
+}
+function qn({ children: t, event: n, onEventUpdated: r, showFormDisclaimer: a = !0 }) {
+  const { isOpen: d, onClose: c, onToggle: i } = Ke(), { users: o, updateEvent: s, singleUser: u, currentUser: f } = T(), h = _t({
+    resolver: Kt(et(u)),
+    defaultValues: {
+      user: u && (f == null ? void 0 : f.id) || n.user.id,
+      title: n.title,
+      description: n.description,
+      startDate: b(n.startDate),
+      startTime: { hour: b(n.startDate).getHours(), minute: b(n.startDate).getMinutes() },
+      endDate: b(n.endDate),
+      endTime: { hour: b(n.endDate).getHours(), minute: b(n.endDate).getMinutes() },
+      color: n.color
+    }
+  }), p = async (g) => {
+    try {
+      const m = u ? f : o.find((S) => S.id === g.user);
+      if (!m) {
+        u || h.setError("user", { message: "User not found" });
+        return;
+      }
+      const v = new Date(g.startDate);
+      v.setHours(g.startTime.hour, g.startTime.minute, 0, 0);
+      const y = new Date(g.endDate);
+      y.setHours(g.endTime.hour, g.endTime.minute, 0, 0);
+      const C = await s({
+        ...n,
+        user: m,
+        title: g.title,
+        color: g.color,
+        description: g.description,
+        startDate: v.toISOString(),
+        endDate: y.toISOString()
+      });
+      r == null || r(C), c();
+    } catch (m) {
+      console.error("Failed to update event:", m);
+    }
+  };
+  return /* @__PURE__ */ l(Xe, { open: d, onOpenChange: i, children: [
+    /* @__PURE__ */ e(Je, { asChild: !0, children: t }),
+    /* @__PURE__ */ l(Se, { children: [
+      /* @__PURE__ */ l(Me, { children: [
+        /* @__PURE__ */ e(Te, { children: "Edit Event" }),
+        a && /* @__PURE__ */ e(Qe, { className: "mt-2", children: "Update the event details. Changes will be saved according to your API configuration." })
+      ] }),
+      /* @__PURE__ */ e(Zt, { ...h, children: /* @__PURE__ */ l("form", { id: "event-form", onSubmit: h.handleSubmit(p), className: "grid gap-4 py-4", children: [
+        !u && /* @__PURE__ */ e(
+          R,
+          {
+            control: h.control,
+            name: "user",
+            render: ({ field: g, fieldState: m }) => /* @__PURE__ */ l(O, { children: [
+              /* @__PURE__ */ e(P, { children: "Responsible" }),
+              /* @__PURE__ */ e(F, { children: /* @__PURE__ */ l(ie, { value: g.value, onValueChange: g.onChange, children: [
+                /* @__PURE__ */ e(ee, { "data-invalid": m.invalid, children: /* @__PURE__ */ e(de, { placeholder: "Select an option" }) }),
+                /* @__PURE__ */ e(te, { children: o.map((v) => /* @__PURE__ */ e(M, { value: v.id, className: "flex-1", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ l(ue, { className: "size-6", children: [
+                    /* @__PURE__ */ e(me, { src: v.picturePath ?? void 0, alt: v.name }),
+                    /* @__PURE__ */ e(fe, { className: "text-xxs", children: v.name[0] })
+                  ] }, v.id),
+                  /* @__PURE__ */ e("p", { className: "truncate", children: v.name })
+                ] }) }, v.id)) })
+              ] }) }),
+              /* @__PURE__ */ e(H, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            control: h.control,
+            name: "title",
+            render: ({ field: g, fieldState: m }) => /* @__PURE__ */ l(O, { children: [
+              /* @__PURE__ */ e(P, { htmlFor: "title", children: "Title" }),
+              /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Ge, { id: "title", placeholder: "Enter a title", "data-invalid": m.invalid, ...g }) }),
+              /* @__PURE__ */ e(H, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(
+            R,
+            {
+              control: h.control,
+              name: "startDate",
+              render: ({ field: g, fieldState: m }) => /* @__PURE__ */ l(O, { className: "flex-1", children: [
+                /* @__PURE__ */ e(P, { htmlFor: "startDate", children: "Start Date" }),
+                /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(
+                  ke,
+                  {
+                    id: "startDate",
+                    value: g.value,
+                    onSelect: (v) => g.onChange(v),
+                    placeholder: "Select a date",
+                    "data-invalid": m.invalid
+                  }
+                ) }),
+                /* @__PURE__ */ e(H, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            R,
+            {
+              control: h.control,
+              name: "startTime",
+              render: ({ field: g, fieldState: m }) => /* @__PURE__ */ l(O, { className: "flex-1", children: [
+                /* @__PURE__ */ e(P, { children: "Start Time" }),
+                /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(G, { value: g.value, onChange: g.onChange, hourCycle: 12, "data-invalid": m.invalid }) }),
+                /* @__PURE__ */ e(H, {})
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(
+            R,
+            {
+              control: h.control,
+              name: "endDate",
+              render: ({ field: g, fieldState: m }) => /* @__PURE__ */ l(O, { className: "flex-1", children: [
+                /* @__PURE__ */ e(P, { children: "End Date" }),
+                /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(
+                  ke,
+                  {
+                    value: g.value,
+                    onSelect: (v) => g.onChange(v),
+                    placeholder: "Select a date",
+                    "data-invalid": m.invalid
+                  }
+                ) }),
+                /* @__PURE__ */ e(H, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            R,
+            {
+              control: h.control,
+              name: "endTime",
+              render: ({ field: g, fieldState: m }) => /* @__PURE__ */ l(O, { className: "flex-1", children: [
+                /* @__PURE__ */ e(P, { children: "End Time" }),
+                /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(G, { value: g.value, onChange: g.onChange, hourCycle: 12, "data-invalid": m.invalid }) }),
+                /* @__PURE__ */ e(H, {})
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          R,
+          {
+            control: h.control,
+            name: "color",
+            render: ({ field: g, fieldState: m }) => /* @__PURE__ */ l(O, { children: [
+              /* @__PURE__ */ e(P, { children: "Color" }),
+              /* @__PURE__ */ e(F, { children: /* @__PURE__ */ l(ie, { value: g.value, onValueChange: g.onChange, children: [
+                /* @__PURE__ */ e(ee, { "data-invalid": m.invalid, children: /* @__PURE__ */ e(de, { placeholder: "Select an option" }) }),
+                /* @__PURE__ */ l(te, { children: [
+                  /* @__PURE__ */ e(M, { value: "blue", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-blue-600" }),
+                    "Blue"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "green", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-green-600" }),
+                    "Green"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "red", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-red-600" }),
+                    "Red"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "yellow", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-yellow-600" }),
+                    "Yellow"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "purple", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-purple-600" }),
+                    "Purple"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "orange", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-orange-600" }),
+                    "Orange"
+                  ] }) }),
+                  /* @__PURE__ */ e(M, { value: "gray", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("div", { className: "size-3.5 rounded-full bg-neutral-600" }),
+                    "Gray"
+                  ] }) })
+                ] })
+              ] }) }),
+              /* @__PURE__ */ e(H, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            control: h.control,
+            name: "description",
+            render: ({ field: g, fieldState: m }) => /* @__PURE__ */ l(O, { children: [
+              /* @__PURE__ */ e(P, { children: "Description" }),
+              /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(qe, { ...g, value: g.value, "data-invalid": m.invalid }) }),
+              /* @__PURE__ */ e(H, {})
+            ] })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ l(Ee, { children: [
+        /* @__PURE__ */ e(Qt, { asChild: !0, children: /* @__PURE__ */ e(I, { type: "button", variant: "outline", children: "Cancel" }) }),
+        /* @__PURE__ */ e(I, { form: "event-form", type: "submit", children: "Save changes" })
+      ] })
+    ] })
+  ] });
+}
+function rt({ event: t, children: n }) {
+  const r = b(t.startDate), a = b(t.endDate);
+  return /* @__PURE__ */ e(he, { children: /* @__PURE__ */ l(Xe, { children: [
+    /* @__PURE__ */ e(Je, { asChild: !0, children: n }),
+    /* @__PURE__ */ l(Se, { children: [
+      /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(Te, { children: t.title }) }),
+      /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e($e, { className: "mt-1 size-4 shrink-0" }),
+          /* @__PURE__ */ l("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "Responsible" }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t.user.name })
+          ] })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(Ue, { className: "mt-1 size-4 shrink-0" }),
+          /* @__PURE__ */ l("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "Start Date" }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: k(r, "MMM d, yyyy h:mm a") })
+          ] })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(Ye, { className: "mt-1 size-4 shrink-0" }),
+          /* @__PURE__ */ l("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "End Date" }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: k(a, "MMM d, yyyy h:mm a") })
+          ] })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e(St, { className: "mt-1 size-4 shrink-0" }),
+          /* @__PURE__ */ l("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "Description" }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t.description })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(qn, { event: t, children: /* @__PURE__ */ e(I, { type: "button", variant: "outline", children: "Edit" }) }) })
+    ] })
+  ] }) });
+}
+const Zn = re(
+  "mx-1 flex size-auto h-6.5 select-none items-center justify-between gap-1.5 truncate whitespace-nowrap rounded-md border px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+  {
+    variants: {
+      color: {
+        // Colored and mixed variants
+        blue: "border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300 [&_.event-dot]:fill-blue-600",
+        green: "border-green-200 bg-green-50 text-green-700 dark:border-green-800 dark:bg-green-950 dark:text-green-300 [&_.event-dot]:fill-green-600",
+        red: "border-red-200 bg-red-50 text-red-700 dark:border-red-800 dark:bg-red-950 dark:text-red-300 [&_.event-dot]:fill-red-600",
+        yellow: "border-yellow-200 bg-yellow-50 text-yellow-700 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-300 [&_.event-dot]:fill-yellow-600",
+        purple: "border-purple-200 bg-purple-50 text-purple-700 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-300 [&_.event-dot]:fill-purple-600",
+        orange: "border-orange-200 bg-orange-50 text-orange-700 dark:border-orange-800 dark:bg-orange-950 dark:text-orange-300 [&_.event-dot]:fill-orange-600",
+        gray: "border-neutral-200 bg-neutral-50 text-neutral-900 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 [&_.event-dot]:fill-neutral-600",
+        // Dot variants
+        "blue-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-blue-600",
+        "green-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-green-600",
+        "red-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-red-600",
+        "yellow-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-yellow-600",
+        "purple-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-purple-600",
+        "orange-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-orange-600",
+        "gray-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-neutral-600"
+      },
+      multiDayPosition: {
+        first: "relative z-10 mr-0 w-[calc(100%_-_3px)] rounded-r-none border-r-0 [&>span]:mr-2.5",
+        middle: "relative z-10 mx-0 w-[calc(100%_+_1px)] rounded-none border-x-0",
+        last: "ml-0 rounded-l-none border-l-0",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      color: "blue-dot"
+    }
+  }
+);
+function nt({ event: t, cellDate: n, eventCurrentDay: r, eventTotalDays: a, className: d, position: c }) {
+  const { badgeVariant: i } = T(), o = B(b(t.startDate)), s = Le(b(t.endDate));
+  if (n < o || n > s) return null;
+  let u;
+  c ? u = c : r && a || $(o, s) ? u = "none" : $(n, o) ? u = "first" : $(n, s) ? u = "last" : u = "middle";
+  const f = ["first", "none"].includes(u), h = i === "dot" ? `${t.color}-dot` : t.color, p = x(Zn({ color: h, multiDayPosition: u, className: d }));
+  return /* @__PURE__ */ e(rr, { event: t, children: /* @__PURE__ */ e(rt, { event: t, children: /* @__PURE__ */ l("div", { role: "button", tabIndex: 0, className: p, onKeyDown: (m) => {
+    (m.key === "Enter" || m.key === " ") && (m.preventDefault(), m.currentTarget instanceof HTMLElement && m.currentTarget.click());
+  }, children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5 truncate", children: [
+      !["middle", "last"].includes(u) && ["mixed", "dot"].includes(i) && /* @__PURE__ */ e("svg", { width: "8", height: "8", viewBox: "0 0 8 8", className: "event-dot shrink-0", children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4" }) }),
+      f && /* @__PURE__ */ l("p", { className: "flex-1 truncate font-semibold", children: [
+        r && /* @__PURE__ */ l("span", { className: "text-xs", children: [
+          "Day ",
+          r,
+          " of ",
+          a,
+          " •",
+          " "
+        ] }),
+        t.title
+      ] })
+    ] }),
+    f && /* @__PURE__ */ e("span", { children: k(new Date(t.startDate), "h:mm a") })
+  ] }) }) });
+}
+const Oe = 3;
+function Xn({ cell: t, events: n, eventPositions: r }) {
+  const { setSelectedDate: a } = T(), { day: d, currentMonth: c, date: i } = t, o = L(() => Cn(i, n, r), [i, n, r]), s = i.getDay() === 0, u = () => {
+    a(i);
+  };
+  return /* @__PURE__ */ e(Gn, { cell: t, children: /* @__PURE__ */ l("div", { className: x("flex h-full flex-col gap-1 border-l border-t py-1.5 lg:pb-2 lg:pt-1", s && "border-l-0"), children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: u,
+        className: x(
+          "flex size-6 translate-x-1 items-center justify-center rounded-full text-xs font-semibold hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring lg:px-2",
+          !c && "opacity-20",
+          yt(i) && "bg-primary font-bold text-primary-foreground hover:bg-primary"
+        ),
+        children: d
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: x("flex h-6 gap-1 px-2 lg:h-[94px] lg:flex-col lg:gap-2 lg:px-0", !c && "opacity-50"), children: [0, 1, 2].map((f) => {
+      const h = o.find((g) => g.position === f), p = h ? `event-${h.id}-${f}` : `empty-${f}`;
+      return /* @__PURE__ */ e("div", { className: "lg:flex-1", children: h && /* @__PURE__ */ l(he, { children: [
+        /* @__PURE__ */ e(Kn, { className: "lg:hidden", color: h.color }),
+        /* @__PURE__ */ e(nt, { className: "hidden lg:flex", event: h, cellDate: B(i) })
+      ] }) }, p);
+    }) }),
+    o.length > Oe && /* @__PURE__ */ l("p", { className: x("h-4.5 px-1.5 text-xs font-semibold text-muted-foreground", !c && "opacity-50"), children: [
+      /* @__PURE__ */ l("span", { className: "sm:hidden", children: [
+        "+",
+        o.length - Oe
+      ] }),
+      /* @__PURE__ */ l("span", { className: "hidden sm:inline", children: [
+        " ",
+        o.length - Oe,
+        " more..."
+      ] })
+    ] })
+  ] }) });
+}
+const Jn = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+function Qn({ singleDayEvents: t, multiDayEvents: n }) {
+  const { selectedDate: r } = T(), a = [...n, ...t], d = L(() => Dn(r), [r]), c = L(
+    () => kn(n, t, r),
+    [n, t, r]
+  );
+  return /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-7 divide-x", children: Jn.map((i) => /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-2", children: /* @__PURE__ */ e("span", { className: "text-xs font-medium text-muted-foreground", children: i }) }, i)) }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-7 overflow-hidden", children: d.map((i) => /* @__PURE__ */ e(Xn, { cell: i, events: a, eventPositions: c }, i.date.toISOString())) })
+  ] });
+}
+const ge = w.forwardRef(
+  ({ className: t, children: n, ...r }, a) => /* @__PURE__ */ l(J.Root, { ref: a, className: x("relative overflow-hidden", t), ...r, children: [
+    /* @__PURE__ */ e(J.Viewport, { className: "size-full rounded-[inherit]", children: n }),
+    /* @__PURE__ */ e(nr, {}),
+    /* @__PURE__ */ e(J.Corner, {})
+  ] })
+);
+ge.displayName = J.Root.displayName;
+const nr = w.forwardRef(
+  ({ className: t, orientation: n = "vertical", ...r }, a) => /* @__PURE__ */ e(
+    J.ScrollAreaScrollbar,
+    {
+      ref: a,
+      orientation: n,
+      className: x(
+        "flex touch-none select-none transition-colors",
+        n === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+        n === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+        t
+      ),
+      ...r,
+      children: /* @__PURE__ */ e(J.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    }
+  )
+);
+nr.displayName = J.ScrollAreaScrollbar.displayName;
+const ea = re(
+  "flex select-none items-center justify-between gap-3 rounded-md border p-3 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+  {
+    variants: {
+      color: {
+        // Colored variants
+        blue: "border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300 [&_.event-dot]:fill-blue-600",
+        green: "border-green-200 bg-green-50 text-green-700 dark:border-green-800 dark:bg-green-950 dark:text-green-300 [&_.event-dot]:fill-green-600",
+        red: "border-red-200 bg-red-50 text-red-700 dark:border-red-800 dark:bg-red-950 dark:text-red-300 [&_.event-dot]:fill-red-600",
+        yellow: "border-yellow-200 bg-yellow-50 text-yellow-700 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-300 [&_.event-dot]:fill-yellow-600",
+        purple: "border-purple-200 bg-purple-50 text-purple-700 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-300 [&_.event-dot]:fill-purple-600",
+        orange: "border-orange-200 bg-orange-50 text-orange-700 dark:border-orange-800 dark:bg-orange-950 dark:text-orange-300 [&_.event-dot]:fill-orange-600",
+        gray: "border-neutral-200 bg-neutral-50 text-neutral-900 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 [&_.event-dot]:fill-neutral-600",
+        // Dot variants
+        "blue-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-blue-600",
+        "green-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-green-600",
+        "red-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-red-600",
+        "orange-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-orange-600",
+        "purple-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-purple-600",
+        "yellow-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-yellow-600",
+        "gray-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-neutral-600"
+      }
+    },
+    defaultVariants: {
+      color: "blue-dot"
+    }
+  }
+);
+function gt({ event: t, eventCurrentDay: n, eventTotalDays: r, className: a }) {
+  const { badgeVariant: d } = T(), c = b(t.startDate), i = b(t.endDate), o = d === "dot" ? `${t.color}-dot` : t.color, s = ea({ color: o, className: a });
+  return /* @__PURE__ */ e(rt, { event: t, children: /* @__PURE__ */ e("div", { role: "button", tabIndex: 0, className: s, onKeyDown: (f) => {
+    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.currentTarget instanceof HTMLElement && f.currentTarget.click());
+  }, children: /* @__PURE__ */ l("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5", children: [
+      ["mixed", "dot"].includes(d) && /* @__PURE__ */ e("svg", { width: "8", height: "8", viewBox: "0 0 8 8", className: "event-dot shrink-0", children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4" }) }),
+      /* @__PURE__ */ l("p", { className: "font-medium", children: [
+        n && r && /* @__PURE__ */ l("span", { className: "mr-1 text-xs", children: [
+          "Day ",
+          n,
+          " of ",
+          r,
+          " •",
+          " "
+        ] }),
+        t.title
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "mt-1 flex items-center gap-1", children: [
+      /* @__PURE__ */ e($e, { className: "size-3 shrink-0" }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-foreground", children: t.user.name })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ e(Ye, { className: "size-3 shrink-0" }),
+      /* @__PURE__ */ l("p", { className: "text-xs text-foreground", children: [
+        k(c, "h:mm a"),
+        " - ",
+        k(i, "h:mm a")
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ e(St, { className: "size-3 shrink-0" }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-foreground", children: t.description })
+    ] })
+  ] }) }) });
+}
+function ta({ date: t, events: n, multiDayEvents: r }) {
+  const a = [...n].sort((d, c) => new Date(d.startDate).getTime() - new Date(c.startDate).getTime());
+  return /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e("div", { className: "sticky top-0 flex items-center gap-4 bg-background py-2", children: /* @__PURE__ */ e("p", { className: "text-sm font-semibold", children: k(t, "EEEE, MMMM d, yyyy") }) }),
+    /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+      r.length > 0 && r.map((d) => {
+        const c = B(b(d.startDate)), i = B(b(d.endDate)), o = B(t), s = Y(i, c) + 1, u = Y(o, c) + 1;
+        return /* @__PURE__ */ e(gt, { event: d, eventCurrentDay: u, eventTotalDays: s }, d.id);
+      }),
+      a.length > 0 && a.map((d) => /* @__PURE__ */ e(gt, { event: d }, d.id))
+    ] })
+  ] });
+}
+function ra({ singleDayEvents: t, multiDayEvents: n }) {
+  const { selectedDate: r } = T(), a = L(() => {
+    const c = /* @__PURE__ */ new Map();
+    return t.forEach((i) => {
+      var u;
+      const o = b(i.startDate);
+      if (!De(o, r)) return;
+      const s = k(o, "yyyy-MM-dd");
+      c.has(s) || c.set(s, { date: B(o), events: [], multiDayEvents: [] }), (u = c.get(s)) == null || u.events.push(i);
+    }), n.forEach((i) => {
+      var h;
+      const o = b(i.startDate), s = b(i.endDate);
+      let u = B(o);
+      const f = Le(s);
+      for (; u <= f; ) {
+        if (De(u, r)) {
+          const p = k(u, "yyyy-MM-dd");
+          c.has(p) || c.set(p, { date: new Date(u), events: [], multiDayEvents: [] }), (h = c.get(p)) == null || h.multiDayEvents.push(i);
+        }
+        u = new Date(u.setDate(u.getDate() + 1));
+      }
+    }), Array.from(c.values()).sort((i, o) => i.date.getTime() - o.date.getTime());
+  }, [t, n, r]), d = t.length > 0 || n.length > 0;
+  return /* @__PURE__ */ e("div", { className: "h-[800px]", children: /* @__PURE__ */ e(ge, { className: "h-full", type: "always", children: /* @__PURE__ */ l("div", { className: "space-y-6 p-4", children: [
+    a.map((c) => /* @__PURE__ */ e(ta, { date: c.date, events: c.events, multiDayEvents: c.multiDayEvents }, k(c.date, "yyyy-MM-dd"))),
+    !d && /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center gap-2 py-20 text-muted-foreground", children: [
+      /* @__PURE__ */ e(Qr, { className: "size-10" }),
+      /* @__PURE__ */ e("p", { className: "text-sm md:text-base", children: "No events scheduled for the selected month" })
+    ] })
+  ] }) }) });
+}
+const na = re(
+  "flex select-none flex-col gap-0.5 truncate whitespace-nowrap rounded-md border px-2 py-1.5 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+  {
+    variants: {
+      color: {
+        // Colored and mixed variants
+        blue: "border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300 [&_.event-dot]:fill-blue-600",
+        green: "border-green-200 bg-green-50 text-green-700 dark:border-green-800 dark:bg-green-950 dark:text-green-300 [&_.event-dot]:fill-green-600",
+        red: "border-red-200 bg-red-50 text-red-700 dark:border-red-800 dark:bg-red-950 dark:text-red-300 [&_.event-dot]:fill-red-600",
+        yellow: "border-yellow-200 bg-yellow-50 text-yellow-700 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-300 [&_.event-dot]:fill-yellow-600",
+        purple: "border-purple-200 bg-purple-50 text-purple-700 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-300 [&_.event-dot]:fill-purple-600",
+        orange: "border-orange-200 bg-orange-50 text-orange-700 dark:border-orange-800 dark:bg-orange-950 dark:text-orange-300 [&_.event-dot]:fill-orange-600",
+        gray: "border-neutral-200 bg-neutral-50 text-neutral-700 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 [&_.event-dot]:fill-neutral-600",
+        // Dot variants
+        "blue-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-blue-600",
+        "green-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-green-600",
+        "red-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-red-600",
+        "orange-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-orange-600",
+        "purple-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-purple-600",
+        "yellow-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-yellow-600",
+        "gray-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-neutral-600"
+      }
+    },
+    defaultVariants: {
+      color: "blue-dot"
+    }
+  }
+);
+function ar({ event: t, className: n }) {
+  const { badgeVariant: r } = T(), a = b(t.startDate), d = b(t.endDate), c = bt(d, a), i = c / 60 * 96 - 8, o = r === "dot" ? `${t.color}-dot` : t.color, s = x(na({ color: o, className: n }), c < 35 && "py-0 justify-center"), u = (f) => {
+    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.currentTarget instanceof HTMLElement && f.currentTarget.click());
+  };
+  return /* @__PURE__ */ e(rr, { event: t, children: /* @__PURE__ */ e(rt, { event: t, children: /* @__PURE__ */ l("div", { role: "button", tabIndex: 0, className: s, style: { height: `${i}px` }, onKeyDown: u, children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5 truncate", children: [
+      ["mixed", "dot"].includes(r) && /* @__PURE__ */ e("svg", { width: "8", height: "8", viewBox: "0 0 8 8", className: "event-dot shrink-0", children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "4" }) }),
+      /* @__PURE__ */ e("p", { className: "truncate font-semibold", children: t.title })
+    ] }),
+    c > 25 && /* @__PURE__ */ l("p", { children: [
+      k(a, "h:mm a"),
+      " - ",
+      k(d, "h:mm a")
+    ] })
+  ] }) }) });
+}
+function q({ date: t, hour: n, minute: r, children: a }) {
+  const { updateEvent: d } = tr(), [{ isOver: c, canDrop: i }, o] = Dt(
+    () => ({
+      accept: tt.EVENT,
+      drop: (s) => {
+        const u = s.event, f = b(u.startDate), h = b(u.endDate), p = Nt(h, f), g = new Date(t);
+        g.setHours(n, r, 0, 0);
+        const m = new Date(g.getTime() + p);
+        return d({
+          ...u,
+          startDate: g.toISOString(),
+          endDate: m.toISOString()
+        }), { moved: !0 };
+      },
+      collect: (s) => ({
+        isOver: s.isOver(),
+        canDrop: s.canDrop()
+      })
+    }),
+    [t, n, r, d]
+  );
+  return /* @__PURE__ */ e("div", { ref: o, className: x("h-[24px]", c && i && "bg-accent/50"), children: a });
+}
+function or({ firstVisibleHour: t, lastVisibleHour: n }) {
+  const [r, a] = j(/* @__PURE__ */ new Date());
+  oe(() => {
+    const o = setInterval(() => a(/* @__PURE__ */ new Date()), 6e4);
+    return () => clearInterval(o);
+  }, []);
+  const d = () => {
+    const o = r.getHours() * 60 + r.getMinutes(), s = t * 60, f = n * 60 - s;
+    return (o - s) / f * 100;
+  }, c = () => k(r, "h:mm a"), i = r.getHours();
+  return i < t || i >= n ? null : /* @__PURE__ */ l("div", { className: "pointer-events-none absolute inset-x-0 z-50 border-t border-primary", style: { top: `${d()}%` }, children: [
+    /* @__PURE__ */ e("div", { className: "absolute left-0 top-0 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary" }),
+    /* @__PURE__ */ e("div", { className: "absolute -left-18 flex w-16 -translate-y-1/2 justify-end bg-background pr-1 text-xs font-medium text-primary", children: c() })
+  ] });
+}
+function aa({ selectedDate: t, multiDayEvents: n }) {
+  const r = B(t), a = Le(t), d = n.filter((c) => {
+    const i = b(c.startDate), o = b(c.endDate);
+    return He(r, { start: i, end: o }) || He(a, { start: i, end: o }) || i <= r && o >= a;
+  }).sort((c, i) => {
+    const o = Y(b(c.endDate), b(c.startDate));
+    return Y(b(i.endDate), b(i.startDate)) - o;
+  });
+  return d.length === 0 ? null : /* @__PURE__ */ l("div", { className: "flex border-b", children: [
+    /* @__PURE__ */ e("div", { className: "w-18" }),
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-1 border-l py-1", children: d.map((c) => {
+      const i = B(b(c.startDate)), o = B(b(c.endDate)), s = B(t), u = Y(o, i) + 1, f = Y(s, i) + 1;
+      return /* @__PURE__ */ e(nt, { event: c, cellDate: t, eventCurrentDay: f, eventTotalDays: u }, c.id);
+    }) })
+  ] });
+}
+function oa({ singleDayEvents: t, multiDayEvents: n }) {
+  const { selectedDate: r, setSelectedDate: a, users: d, visibleHours: c, workingHours: i } = T(), { hours: o, earliestEventHour: s, latestEventHour: u } = jt(c, t), f = wn(t), h = t.filter((g) => {
+    const m = b(g.startDate);
+    return m.getDate() === r.getDate() && m.getMonth() === r.getMonth() && m.getFullYear() === r.getFullYear();
+  }), p = At(h);
+  return /* @__PURE__ */ l("div", { className: "flex", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col", children: [
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ e(aa, { selectedDate: r, multiDayEvents: n }),
+        /* @__PURE__ */ l("div", { className: "relative z-20 flex border-b", children: [
+          /* @__PURE__ */ e("div", { className: "w-18" }),
+          /* @__PURE__ */ l("span", { className: "flex-1 border-l py-2 text-center text-xs font-medium text-muted-foreground", children: [
+            k(r, "EE"),
+            " ",
+            /* @__PURE__ */ e("span", { className: "font-semibold text-foreground", children: k(r, "d") })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(ge, { className: "h-[800px]", type: "always", children: /* @__PURE__ */ l("div", { className: "flex", children: [
+        /* @__PURE__ */ e("div", { className: "relative w-18", children: o.map((g, m) => /* @__PURE__ */ e("div", { className: "relative", style: { height: "96px" }, children: /* @__PURE__ */ e("div", { className: "absolute -top-3 right-2 flex h-6 items-center", children: m !== 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: k((/* @__PURE__ */ new Date()).setHours(g, 0, 0, 0), "hh a") }) }) }, g)) }),
+        /* @__PURE__ */ l("div", { className: "relative flex-1 border-l", children: [
+          /* @__PURE__ */ l("div", { className: "relative", children: [
+            o.map((g, m) => {
+              const v = !Vt(r, g, i);
+              return /* @__PURE__ */ l("div", { className: x("relative", v && "bg-calendar-disabled-hour"), style: { height: "96px" }, children: [
+                m !== 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b" }),
+                /* @__PURE__ */ e(q, { date: r, hour: g, minute: 0, children: /* @__PURE__ */ e(K, { startDate: r, startTime: { hour: g, minute: 0 }, children: /* @__PURE__ */ e("div", { className: "absolute inset-x-0 top-0 h-[24px] cursor-pointer transition-colors hover:bg-accent" }) }) }),
+                /* @__PURE__ */ e(q, { date: r, hour: g, minute: 15, children: /* @__PURE__ */ e(K, { startDate: r, startTime: { hour: g, minute: 15 }, children: /* @__PURE__ */ e("div", { className: "absolute inset-x-0 top-[24px] h-[24px] cursor-pointer transition-colors hover:bg-accent" }) }) }),
+                /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-1/2 border-b border-dashed" }),
+                /* @__PURE__ */ e(q, { date: r, hour: g, minute: 30, children: /* @__PURE__ */ e(K, { startDate: r, startTime: { hour: g, minute: 30 }, children: /* @__PURE__ */ e("div", { className: "absolute inset-x-0 top-[48px] h-[24px] cursor-pointer transition-colors hover:bg-accent" }) }) }),
+                /* @__PURE__ */ e(q, { date: r, hour: g, minute: 45, children: /* @__PURE__ */ e(K, { startDate: r, startTime: { hour: g, minute: 45 }, children: /* @__PURE__ */ e("div", { className: "absolute inset-x-0 top-[72px] h-[24px] cursor-pointer transition-colors hover:bg-accent" }) }) })
+              ] }, g);
+            }),
+            p.map(
+              (g, m) => g.map((v) => {
+                let y = Rt(v, r, m, p.length, { from: s, to: u });
+                return p.some(
+                  (S, _) => _ !== m && S.some(
+                    (A) => wt(
+                      { start: b(v.startDate), end: b(v.endDate) },
+                      { start: b(A.startDate), end: b(A.endDate) }
+                    )
+                  )
+                ) || (y = { ...y, width: "100%", left: "0%" }), /* @__PURE__ */ e("div", { className: "absolute p-1", style: y, children: /* @__PURE__ */ e(ar, { event: v }) }, v.id);
+              })
+            )
+          ] }),
+          /* @__PURE__ */ e(or, { firstVisibleHour: s, lastVisibleHour: u })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "hidden w-64 divide-y border-l md:block", children: [
+      /* @__PURE__ */ e(Ze, { className: "mx-auto w-fit", mode: "single", selected: r, onSelect: a, initialFocus: !0 }),
+      /* @__PURE__ */ l("div", { className: "flex-1 space-y-3", children: [
+        f.length > 0 ? /* @__PURE__ */ l("div", { className: "flex items-start gap-2 px-4 pt-4", children: [
+          /* @__PURE__ */ l("span", { className: "relative mt-[5px] flex size-2.5", children: [
+            /* @__PURE__ */ e("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-green-400 opacity-75" }),
+            /* @__PURE__ */ e("span", { className: "relative inline-flex size-2.5 rounded-full bg-green-600" })
+          ] }),
+          /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-foreground", children: "Happening now" })
+        ] }) : /* @__PURE__ */ e("p", { className: "p-4 text-center text-sm italic text-muted-foreground", children: "No appointments or consultations at the moment" }),
+        f.length > 0 && /* @__PURE__ */ e(ge, { className: "h-[422px] px-4", type: "always", children: /* @__PURE__ */ e("div", { className: "space-y-6 pb-4", children: f.map((g) => {
+          const m = d.find((v) => v.id === g.user.id);
+          return /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ e("p", { className: "line-clamp-2 text-sm font-semibold", children: g.title }),
+            m && /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+              /* @__PURE__ */ e($e, { className: "size-3.5" }),
+              /* @__PURE__ */ e("span", { className: "text-sm", children: m.name })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+              /* @__PURE__ */ e(Ue, { className: "size-3.5" }),
+              /* @__PURE__ */ e("span", { className: "text-sm", children: k(/* @__PURE__ */ new Date(), "MMM d, yyyy") })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+              /* @__PURE__ */ e(Ye, { className: "size-3.5" }),
+              /* @__PURE__ */ l("span", { className: "text-sm", children: [
+                k(b(g.startDate), "h:mm a"),
+                " - ",
+                k(b(g.endDate), "h:mm a")
+              ] })
+            ] })
+          ] }, g.id);
+        }) }) })
+      ] })
+    ] })
+  ] });
+}
+function sa({ selectedDate: t, multiDayEvents: n }) {
+  const r = Be(t), a = vt(t), d = Array.from({ length: 7 }, (s, u) => je(r, u)), c = L(() => n.map((s) => {
+    const u = b(s.startDate), f = b(s.endDate), h = Fr(u, r) ? r : u, p = Hr(f, a) ? a : f, g = Y(h, r), m = Y(p, r);
+    return {
+      ...s,
+      adjustedStart: h,
+      adjustedEnd: p,
+      startIndex: g,
+      endIndex: m
+    };
+  }).sort((s, u) => {
+    const f = s.adjustedStart.getTime() - u.adjustedStart.getTime();
+    return f !== 0 ? f : u.endIndex - u.startIndex - (s.endIndex - s.startIndex);
+  }), [n, r, a]), i = L(() => {
+    const s = [];
+    return c.forEach((u) => {
+      let f = s.findIndex((h) => h.every((p) => p.endIndex < u.startIndex || p.startIndex > u.endIndex));
+      f === -1 && (f = s.length, s.push([])), s[f].push(u);
+    }), s;
+  }, [c]);
+  return L(() => n.some((s) => {
+    const u = b(s.startDate), f = b(s.endDate);
+    return (
+      // Event starts within the week
+      u >= r && u <= a || // Event ends within the week
+      f >= r && f <= a || // Event spans the entire week
+      u <= r && f >= a
+    );
+  }), [n, r, a]) ? /* @__PURE__ */ l("div", { className: "hidden overflow-hidden sm:flex", children: [
+    /* @__PURE__ */ e("div", { className: "w-18 border-b" }),
+    /* @__PURE__ */ e("div", { className: "grid flex-1 grid-cols-7 divide-x border-b border-l", children: d.map((s, u) => /* @__PURE__ */ e("div", { className: "flex h-full flex-col gap-1 py-1", children: i.map((f, h) => {
+      const p = f.find((m) => m.startIndex <= u && m.endIndex >= u);
+      if (!p)
+        return /* @__PURE__ */ e("div", { className: "h-6.5" }, `${h}-${u}`);
+      let g = "none";
+      return u === p.startIndex && u === p.endIndex ? g = "none" : u === p.startIndex ? g = "first" : u === p.endIndex ? g = "last" : g = "middle", /* @__PURE__ */ e(nt, { event: p, cellDate: B(s), position: g }, `${p.id}-${u}`);
+    }) }, s.toISOString())) })
+  ] }) : null;
+}
+function la({ singleDayEvents: t, multiDayEvents: n }) {
+  const { selectedDate: r, workingHours: a, visibleHours: d } = T(), { hours: c, earliestEventHour: i, latestEventHour: o } = jt(d, t), s = Be(r), u = Array.from({ length: 7 }, (f, h) => je(s, h));
+  return /* @__PURE__ */ l(he, { children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center border-b py-4 text-sm text-muted-foreground sm:hidden", children: [
+      /* @__PURE__ */ e("p", { children: "Weekly view is not available on smaller devices." }),
+      /* @__PURE__ */ e("p", { children: "Please switch to daily or monthly view." })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "hidden flex-col sm:flex", children: [
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ e(sa, { selectedDate: r, multiDayEvents: n }),
+        /* @__PURE__ */ l("div", { className: "relative z-20 flex border-b", children: [
+          /* @__PURE__ */ e("div", { className: "w-18" }),
+          /* @__PURE__ */ e("div", { className: "grid flex-1 grid-cols-7 divide-x border-l", children: u.map((f, h) => /* @__PURE__ */ l("span", { className: "py-2 text-center text-xs font-medium text-muted-foreground", children: [
+            k(f, "EE"),
+            " ",
+            /* @__PURE__ */ e("span", { className: "ml-1 font-semibold text-foreground", children: k(f, "d") })
+          ] }, h)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(ge, { className: "h-[736px]", type: "always", children: /* @__PURE__ */ l("div", { className: "flex overflow-hidden", children: [
+        /* @__PURE__ */ e("div", { className: "relative w-18", children: c.map((f, h) => /* @__PURE__ */ e("div", { className: "relative", style: { height: "96px" }, children: /* @__PURE__ */ e("div", { className: "absolute -top-3 right-2 flex h-6 items-center", children: h !== 0 && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: k((/* @__PURE__ */ new Date()).setHours(f, 0, 0, 0), "hh a") }) }) }, f)) }),
+        /* @__PURE__ */ l("div", { className: "relative flex-1 border-l", children: [
+          /* @__PURE__ */ e("div", { className: "grid grid-cols-7 divide-x", children: u.map((f, h) => {
+            const p = t.filter((m) => $(b(m.startDate), f) || $(b(m.endDate), f)), g = At(p);
+            return /* @__PURE__ */ l("div", { className: "relative", children: [
+              c.map((m, v) => {
+                const y = !Vt(f, m, a);
+                return /* @__PURE__ */ l("div", { className: x("relative", y && "bg-calendar-disabled-hour"), style: { height: "96px" }, children: [
+                  v !== 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b" }),
+                  /* @__PURE__ */ e(q, { date: f, hour: m, minute: 0, children: /* @__PURE__ */ e(K, { startDate: f, startTime: { hour: m, minute: 0 }, children: /* @__PURE__ */ e("div", { className: "absolute inset-x-0 top-0 h-[24px] cursor-pointer transition-colors hover:bg-accent" }) }) }),
+                  /* @__PURE__ */ e(q, { date: f, hour: m, minute: 15, children: /* @__PURE__ */ e(K, { startDate: f, startTime: { hour: m, minute: 15 }, children: /* @__PURE__ */ e("div", { className: "absolute inset-x-0 top-[24px] h-[24px] cursor-pointer transition-colors hover:bg-accent" }) }) }),
+                  /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-x-0 top-1/2 border-b border-dashed" }),
+                  /* @__PURE__ */ e(q, { date: f, hour: m, minute: 30, children: /* @__PURE__ */ e(K, { startDate: f, startTime: { hour: m, minute: 30 }, children: /* @__PURE__ */ e("div", { className: "absolute inset-x-0 top-[48px] h-[24px] cursor-pointer transition-colors hover:bg-accent" }) }) }),
+                  /* @__PURE__ */ e(q, { date: f, hour: m, minute: 45, children: /* @__PURE__ */ e(K, { startDate: f, startTime: { hour: m, minute: 45 }, children: /* @__PURE__ */ e("div", { className: "absolute inset-x-0 top-[72px] h-[24px] cursor-pointer transition-colors hover:bg-accent" }) }) })
+                ] }, m);
+              }),
+              g.map(
+                (m, v) => m.map((y) => {
+                  let C = Rt(y, f, v, g.length, { from: i, to: o });
+                  return g.some(
+                    (_, A) => A !== v && _.some(
+                      (ne) => wt(
+                        { start: b(y.startDate), end: b(y.endDate) },
+                        { start: b(ne.startDate), end: b(ne.endDate) }
+                      )
+                    )
+                  ) || (C = { ...C, width: "100%", left: "0%" }), /* @__PURE__ */ e("div", { className: "absolute p-1", style: C, children: /* @__PURE__ */ e(ar, { event: y }) }, y.id);
+                })
+              )
+            ] }, h);
+          }) }),
+          /* @__PURE__ */ e(or, { firstVisibleHour: i, lastVisibleHour: o })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function Ha({
+  view: t,
+  onViewChange: n,
+  showHeader: r = !0,
+  headerProps: a = {},
+  className: d,
+  headerClassName: c,
+  contentClassName: i
+}) {
+  const { selectedDate: o, selectedUserId: s, events: u } = T(), f = L(() => u.filter((m) => {
+    const v = b(m.startDate), y = b(m.endDate);
+    if (t === "year") {
+      const C = new Date(o.getFullYear(), 0, 1), S = new Date(o.getFullYear(), 11, 31, 23, 59, 59, 999), _ = v <= S && y >= C, A = s === "all" || m.user.id === s;
+      return _ && A;
+    }
+    if (t === "month" || t === "agenda") {
+      const C = new Date(o.getFullYear(), o.getMonth(), 1), S = new Date(o.getFullYear(), o.getMonth() + 1, 0, 23, 59, 59, 999), _ = v <= S && y >= C, A = s === "all" || m.user.id === s;
+      return _ && A;
+    }
+    if (t === "week") {
+      const C = o.getDay(), S = new Date(o);
+      S.setDate(o.getDate() - C), S.setHours(0, 0, 0, 0);
+      const _ = new Date(S);
+      _.setDate(S.getDate() + 6), _.setHours(23, 59, 59, 999);
+      const A = v <= _ && y >= S, ne = s === "all" || m.user.id === s;
+      return A && ne;
+    }
+    if (t === "day") {
+      const C = new Date(o.getFullYear(), o.getMonth(), o.getDate(), 0, 0, 0), S = new Date(o.getFullYear(), o.getMonth(), o.getDate(), 23, 59, 59), _ = v <= S && y >= C, A = s === "all" || m.user.id === s;
+      return _ && A;
+    }
+  }), [o, s, u, t]), h = f.filter((m) => {
+    const v = b(m.startDate), y = b(m.endDate);
+    return $(v, y);
+  }), p = f.filter((m) => {
+    const v = b(m.startDate), y = b(m.endDate);
+    return !$(v, y);
+  }), g = L(() => f.map((m) => ({ ...m, endDate: m.startDate })), [f]);
+  return /* @__PURE__ */ l("div", { className: x("overflow-hidden rounded-xl border", d), children: [
+    r && /* @__PURE__ */ e(
+      Ln,
+      {
+        view: t,
+        events: f,
+        onViewChange: n,
+        className: x(c, a.className),
+        ...a
+      }
+    ),
+    /* @__PURE__ */ e(fn, { children: /* @__PURE__ */ l("div", { className: i, children: [
+      t === "day" && /* @__PURE__ */ e(oa, { singleDayEvents: h, multiDayEvents: p }),
+      t === "month" && /* @__PURE__ */ e(Qn, { singleDayEvents: h, multiDayEvents: p }),
+      t === "week" && /* @__PURE__ */ e(la, { singleDayEvents: h, multiDayEvents: p }),
+      t === "year" && /* @__PURE__ */ e(Un, { allEvents: g }),
+      t === "agenda" && /* @__PURE__ */ e(ra, { singleDayEvents: h, multiDayEvents: p })
+    ] }) })
+  ] });
+}
+function Aa() {
+  const { badgeVariant: t, setBadgeVariant: n } = T();
+  return /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e("p", { className: "text-sm font-semibold", children: "Change badge variant" }),
+    /* @__PURE__ */ l(ie, { value: t, onValueChange: n, children: [
+      /* @__PURE__ */ e(ee, { className: "w-48", children: /* @__PURE__ */ e(de, {}) }),
+      /* @__PURE__ */ l(te, { children: [
+        /* @__PURE__ */ e(M, { value: "dot", children: "Dot" }),
+        /* @__PURE__ */ e(M, { value: "colored", children: "Colored" }),
+        /* @__PURE__ */ e(M, { value: "mixed", children: "Mixed" })
+      ] })
+    ] })
+  ] });
+}
+const sr = le.Provider, lr = le.Root, ir = le.Trigger, at = w.forwardRef(({ className: t, sideOffset: n = 4, ...r }, a) => /* @__PURE__ */ e(le.Portal, { children: /* @__PURE__ */ e(
+  le.Content,
+  {
+    ref: a,
+    sideOffset: n,
+    className: x(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+      t
+    ),
+    ...r
+  }
+) }));
+at.displayName = le.Content.displayName;
+function Ra() {
+  const { visibleHours: t, setVisibleHours: n } = T(), [r, a] = j({ hour: t.from, minute: 0 }), [d, c] = j({ hour: t.to, minute: 0 });
+  return /* @__PURE__ */ l("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("p", { className: "text-sm font-semibold", children: "Change visible hours" }),
+      /* @__PURE__ */ e(sr, { delayDuration: 100, children: /* @__PURE__ */ l(lr, { children: [
+        /* @__PURE__ */ e(ir, { children: /* @__PURE__ */ e(Mt, { className: "size-3" }) }),
+        /* @__PURE__ */ e(at, { className: "max-w-80 text-center", children: /* @__PURE__ */ e("p", { children: "If an event falls outside the specified visible hours, the visible hours will automatically adjust to include that event." }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ e("p", { children: "From" }),
+      /* @__PURE__ */ e(G, { id: "start-time", hourCycle: 12, granularity: "hour", value: r, onChange: a }),
+      /* @__PURE__ */ e("p", { children: "To" }),
+      /* @__PURE__ */ e(G, { id: "end-time", hourCycle: 12, granularity: "hour", value: d, onChange: c })
+    ] }),
+    /* @__PURE__ */ e(I, { className: "mt-4 w-fit", onClick: () => {
+      const o = d.hour === 0 ? 24 : d.hour;
+      n({ from: r.hour, to: o });
+    }, children: "Apply" })
+  ] });
+}
+const dr = w.forwardRef(
+  ({ className: t, ...n }, r) => /* @__PURE__ */ e(
+    Re.Root,
+    {
+      className: x(
+        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        t
+      ),
+      ...n,
+      ref: r,
+      children: /* @__PURE__ */ e(
+        Re.Thumb,
+        {
+          className: x(
+            "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  )
+);
+dr.displayName = Re.Root.displayName;
+const ia = [
+  { index: 0, name: "Sunday" },
+  { index: 1, name: "Monday" },
+  { index: 2, name: "Tuesday" },
+  { index: 3, name: "Wednesday" },
+  { index: 4, name: "Thursday" },
+  { index: 5, name: "Friday" },
+  { index: 6, name: "Saturday" }
+];
+function Va() {
+  const { workingHours: t, setWorkingHours: n } = T(), [r, a] = j({ ...t }), d = (o) => {
+    a((s) => ({
+      ...s,
+      [o]: s[o].from > 0 || s[o].to > 0 ? { from: 0, to: 0 } : { from: 9, to: 17 }
+    }));
+  }, c = (o, s, u) => {
+    u && a((f) => {
+      const h = { ...f[o], [s]: u.hour };
+      return s === "to" && u.hour === 0 && h.from === 0 && (h.to = 24), { ...f, [o]: h };
+    });
+  }, i = () => {
+    const o = { ...r };
+    for (const s in o) {
+      const u = o[parseInt(s)];
+      r[parseInt(s)].from > 0 || r[parseInt(s)].to > 0 ? u.from === 0 && u.to === 0 ? o[s] = { from: 0, to: 24 } : u.to === 0 && u.from > 0 && (o[s] = { ...u, to: 24 }) : o[s] = { from: 0, to: 0 };
+    }
+    n(o);
+  };
+  return /* @__PURE__ */ l("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("p", { className: "text-sm font-semibold", children: "Change working hours" }),
+      /* @__PURE__ */ e(sr, { delayDuration: 100, children: /* @__PURE__ */ l(lr, { children: [
+        /* @__PURE__ */ e(ir, { children: /* @__PURE__ */ e(Mt, { className: "size-3" }) }),
+        /* @__PURE__ */ e(at, { className: "max-w-80 text-center", children: /* @__PURE__ */ e("p", { children: "This will apply a dashed background to the hour cells that fall outside the working hours — only for week and day views." }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "space-y-4", children: ia.map((o) => {
+      const s = r[o.index].from > 0 || r[o.index].to > 0;
+      return /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ l("div", { className: "flex w-40 items-center gap-2", children: [
+          /* @__PURE__ */ e(dr, { checked: s, onCheckedChange: () => d(o.index) }),
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: o.name })
+        ] }),
+        s ? /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("span", { children: "From" }),
+            /* @__PURE__ */ e(
+              G,
+              {
+                id: `${o.name.toLowerCase()}-from`,
+                hourCycle: 12,
+                granularity: "hour",
+                value: { hour: r[o.index].from, minute: 0 },
+                onChange: (u) => c(o.index, "from", u)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("span", { children: "To" }),
+            /* @__PURE__ */ e(
+              G,
+              {
+                id: `${o.name.toLowerCase()}-to`,
+                hourCycle: 12,
+                granularity: "hour",
+                value: { hour: r[o.index].to, minute: 0 },
+                onChange: (u) => c(o.index, "to", u)
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+          /* @__PURE__ */ e(Et, { className: "size-4" }),
+          /* @__PURE__ */ e("span", { children: "Closed" })
+        ] })
+      ] }, o.index);
+    }) }),
+    /* @__PURE__ */ e(I, { className: "mt-4 w-fit", onClick: i, children: "Apply" })
+  ] });
+}
+const ja = Q.Root, da = w.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ e(
+  Q.Item,
+  {
+    ref: r,
+    className: x("border-b", t),
+    ...n
+  }
+));
+da.displayName = "AccordionItem";
+const ca = w.forwardRef(({ className: t, children: n, ...r }, a) => /* @__PURE__ */ e(Q.Header, { className: "flex", children: /* @__PURE__ */ l(
+  Q.Trigger,
+  {
+    ref: a,
+    className: x(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+      t
+    ),
+    ...r,
+    children: [
+      n,
+      /* @__PURE__ */ e(We, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+    ]
+  }
+) }));
+ca.displayName = Q.Trigger.displayName;
+const ua = w.forwardRef(({ className: t, children: n, ...r }, a) => /* @__PURE__ */ e(
+  Q.Content,
+  {
+    ref: a,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...r,
+    children: /* @__PURE__ */ e("div", { className: x("pb-4 pt-0", t), children: n })
+  }
+));
+ua.displayName = Q.Content.displayName;
+function ma({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: x("animate-pulse rounded-md bg-primary/10", t),
+      ...n
+    }
+  );
+}
+const cr = "big-calendar-theme", fa = 60 * 60 * 24 * 365, Pe = { theme: "dark" };
+function ga(t) {
+  document.cookie = `${cr}=${t}; path=/; max-age=${fa}`, document.documentElement.classList.remove("light", "dark"), document.documentElement.classList.add(t);
+}
+function ha() {
+  const [t, n] = j();
+  oe(() => {
+    const a = document.documentElement.classList.contains("dark") ? "dark" : "light";
+    n(a);
+  }, []);
+  const r = () => {
+    const a = t === "light" ? "dark" : "light";
+    ga(a), n(a);
+  };
+  return t ? /* @__PURE__ */ l(I, { variant: "ghost", size: "icon", onClick: r, children: [
+    t === "light" && /* @__PURE__ */ e(en, {}),
+    t === "dark" && /* @__PURE__ */ e(Et, {})
+  ] }) : /* @__PURE__ */ e(ma, { className: "size-9" });
+}
+function Ba() {
+  return /* @__PURE__ */ e("header", { className: "mx-auto flex h-[88px] w-full max-w-screen-2xl items-center justify-center", children: /* @__PURE__ */ l("div", { className: "my-3 flex h-14 w-full items-center justify-between px-8", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-3.5", children: [
+      /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full border p-3", children: /* @__PURE__ */ e(Ue, { className: "size-6 text-foreground" }) }),
+      /* @__PURE__ */ l("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ e("p", { className: "text-lg font-medium leading-6", children: "Big calendar" }),
+        /* @__PURE__ */ l("p", { className: "text-sm text-foreground", children: [
+          "Built with React and Tailwind by",
+          " ",
+          /* @__PURE__ */ l(
+            "a",
+            {
+              href: "https://github.com/lramos33",
+              target: "_blank",
+              className: "inline-flex gap-0.5 text-sm underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+              children: [
+                "lramos33",
+                /* @__PURE__ */ e(it, { size: 12, className: "text-foreground" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "hidden items-center gap-4 md:flex", children: [
+      /* @__PURE__ */ l(
+        "a",
+        {
+          href: "https://github.com/lramos33/big-calendar",
+          target: "_blank",
+          className: "inline-flex gap-0.5 text-sm hover:underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          children: [
+            "View on GitHub",
+            /* @__PURE__ */ e(it, { size: 14, className: "text-foreground" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(I, { size: "icon", asChild: !0, variant: "ghost", children: /* @__PURE__ */ e("a", { href: "https://x.com/leoo_ramos1", target: "_blank", children: /* @__PURE__ */ l(
+          "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",
+            children: [
+              /* @__PURE__ */ e("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+              /* @__PURE__ */ e("path", { d: "M4 4l11.733 16h4.267l-11.733 -16z" }),
+              /* @__PURE__ */ e("path", { d: "M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e(ha, {})
+      ] })
+    ] })
+  ] }) });
+}
+const pa = ["light", "dark"];
+function La() {
+  var a;
+  if (typeof document > "u")
+    return Pe.theme;
+  const n = document.cookie.split(";").find((d) => d.trim().startsWith(`${cr}=`));
+  if (!n)
+    return Pe.theme;
+  const r = (a = n.split("=")[1]) == null ? void 0 : a.trim();
+  return pa.includes(r) ? r : Pe.theme;
+}
+const Wa = {
+  variable: "--font-inter"
+};
+export {
+  ja as Accordion,
+  ua as AccordionContent,
+  da as AccordionItem,
+  ca as AccordionTrigger,
+  K as AddEventDialog,
+  ue as Avatar,
+  fe as AvatarFallback,
+  Pt as AvatarGroup,
+  me as AvatarImage,
+  xn as Badge,
+  I as Button,
+  ra as CalendarAgendaView,
+  oa as CalendarDayView,
+  Ln as CalendarHeader,
+  Qn as CalendarMonthView,
+  za as CalendarProvider,
+  la as CalendarWeekView,
+  Un as CalendarYearView,
+  Aa as ChangeBadgeVariantInput,
+  Ra as ChangeVisibleHoursInput,
+  Va as ChangeWorkingHoursInput,
+  Ha as ClientContainer,
+  mn as CustomDragLayer,
+  Pe as DEFAULT_VALUES,
+  Sn as DateNavigator,
+  Xe as Dialog,
+  Qt as DialogClose,
+  Se as DialogContent,
+  Qe as DialogDescription,
+  Ee as DialogFooter,
+  Me as DialogHeader,
+  er as DialogOverlay,
+  Bn as DialogPortal,
+  Te as DialogTitle,
+  Je as DialogTrigger,
+  fn as DndProviderWrapper,
+  rr as DraggableEvent,
+  Gn as DroppableDayCell,
+  q as DroppableTimeBlock,
+  qn as EditEventDialog,
+  rt as EventDetailsDialog,
+  Zt as Form,
+  F as FormControl,
+  jn as FormDescription,
+  R as FormField,
+  O as FormItem,
+  P as FormLabel,
+  H as FormMessage,
+  Ba as Header,
+  Ge as Input,
+  tt as ItemTypes,
+  qt as Label,
+  An as Popover,
+  Pa as PopoverAnchor,
+  Gt as PopoverContent,
+  Rn as PopoverTrigger,
+  ge as ScrollArea,
+  nr as ScrollBar,
+  ie as Select,
+  te as SelectContent,
+  Oa as SelectGroup,
+  M as SelectItem,
+  gn as SelectLabel,
+  Ht as SelectScrollDownButton,
+  Ft as SelectScrollUpButton,
+  hn as SelectSeparator,
+  ee as SelectTrigger,
+  de as SelectValue,
+  Ze as SingleCalendar,
+  ke as SingleDayPicker,
+  ma as Skeleton,
+  dr as Switch,
+  pa as THEMES_VALUES,
+  fa as THEME_COOKIE_MAX_AGE,
+  cr as THEME_COOKIE_NAME,
+  qe as Textarea,
+  G as TimeInput,
+  bn as TodayButton,
+  ha as ToggleTheme,
+  lr as Tooltip,
+  at as TooltipContent,
+  sr as TooltipProvider,
+  ir as TooltipTrigger,
+  pn as UserSelect,
+  vn as badgeVariants,
+  Ve as buttonVariants,
+  kn as calculateMonthEventPositions,
+  x as cn,
+  Fa as eventSchema,
+  Dn as getCalendarCells,
+  wn as getCurrentEvents,
+  Rt as getEventBlockStyle,
+  Nn as getEventsCount,
+  Cn as getMonthCellEvents,
+  La as getTheme,
+  jt as getVisibleHours,
+  At as groupEvents,
+  Wa as inter,
+  Vt as isWorkingHour,
+  mt as navigateDate,
+  yn as rangeText,
+  ga as setTheme,
+  T as useCalendar,
+  Ke as useDisclosure,
+  Ce as useFormField,
+  tr as useUpdateEvent
+};
+//# sourceMappingURL=big-calendar.mjs.map