calendarkit-pro 1.2.0 → 1.3.0

package/dist/index.mjs

@@ -1,17 +1,22 @@
-import * as React15 from 'react';
-import React15__default, { useState, useId, useMemo, useCallback, useEffect, useRef } from 'react';
-import { useDraggable, useSensors, useSensor, PointerSensor, DndContext, DragOverlay, useDroppable } from '@dnd-kit/core';
-import { createSnapModifier, restrictToWindowEdges } from '@dnd-kit/modifiers';
-import { motion, AnimatePresence } from 'framer-motion';
-import { format, differenceInMinutes, subDays, addDays, differenceInMilliseconds, startOfWeek, endOfWeek, eachDayOfInterval, isSameMonth, isToday, isSameDay, startOfDay, addWeeks, addMonths, subWeeks, subMonths, startOfMonth, endOfMonth, isTomorrow } from 'date-fns';
-import { cva } from 'class-variance-authority';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { Menu, ChevronLeft, ChevronRight, Sun, Moon, CalendarDays, CalendarRange, Calendar, ListTodo, Plus, ChevronDown, Globe, Clock, Users, Paperclip, Bell, Edit3, Copy, Trash2, X, Edit2, MapPin, ExternalLink, AlignLeft, File, Download, BellRing, Check, Repeat, Tag } from 'lucide-react';
-import { toZonedTime, fromZonedTime } from 'date-fns-tz';
-import { CSS } from '@dnd-kit/utilities';
-import { RRule } from 'rrule';
+"use client";
 
+// src/index.tsx
+import React18, { useCallback as useCallback5, useId, useState as useState6, useMemo as useMemo4 } from "react";
+import { DndContext, useSensor, useSensors, PointerSensor, DragOverlay } from "@dnd-kit/core";
+import { createSnapModifier, restrictToWindowEdges } from "@dnd-kit/modifiers";
+import { AnimatePresence as AnimatePresence3, motion as motion4 } from "framer-motion";
+
+// src/components/CalendarHeader.tsx
+import React2 from "react";
+import { format } from "date-fns";
+
+// src/components/ui/button.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+
+// src/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -44,10 +49,10 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React15.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
+var Button = React.forwardRef(
+  ({ className, variant, size, ...props }, ref) => {
     const Comp = "button";
-    return /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React.createElement(
       Comp,
       {
         className: cn(buttonVariants({ variant, size, className })),
@@ -58,6 +63,9 @@ var Button = React15.forwardRef(
   }
 );
 Button.displayName = "Button";
+
+// src/components/CalendarHeader.tsx
+import { ChevronLeft, ChevronRight, Menu, Moon, Sun, CalendarDays, CalendarRange, Calendar, ListTodo } from "lucide-react";
 var CalendarHeader = ({
   currentDate,
   onPrev,
@@ -80,7 +88,7 @@ var CalendarHeader = ({
     { key: "day", icon: Calendar },
     { key: "agenda", icon: ListTodo }
   ];
-  return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between px-3 md:px-5 py-3 border-b-[0px] border-border/50 bg-gradient-to-r from-background via-background to-muted/20 gap-3 md:gap-0 min-h-[64px]" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2 w-full md:w-auto justify-between md:justify-start" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2 md:gap-3" }, /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between px-3 md:px-5 py-3 border-b-[0px] border-border/50 bg-gradient-to-r from-background via-background to-muted/20 gap-3 md:gap-0 min-h-[64px]" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2 w-full md:w-auto justify-between md:justify-start" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2 md:gap-3" }, /* @__PURE__ */ React2.createElement(
     Button,
     {
       variant: "ghost",
@@ -88,8 +96,8 @@ var CalendarHeader = ({
       className: "text-muted-foreground hover:text-foreground hover:bg-accent/80 rounded-xl h-10 w-10 hidden md:inline-flex transition-all duration-200",
       onClick: onMenuClick
     },
-    /* @__PURE__ */ React15__default.createElement(Menu, { className: "h-5 w-5" })
-  ), /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React2.createElement(Menu, { className: "h-5 w-5" })
+  ), /* @__PURE__ */ React2.createElement(
     Button,
     {
       variant: "outline",
@@ -97,7 +105,7 @@ var CalendarHeader = ({
       className: "h-9 px-5 rounded-xl text-sm font-medium hidden sm:inline-flex border-[0.5px] border-border/60 hover:border-primary/40 hover:bg-primary/5 hover:text-primary transition-all duration-200"
     },
     translations.today
-  ), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center bg-muted/40 rounded-xl p-0.5" }, /* @__PURE__ */ React15__default.createElement(
+  ), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center bg-muted/40 rounded-xl p-0.5" }, /* @__PURE__ */ React2.createElement(
     Button,
     {
       variant: "ghost",
@@ -105,8 +113,8 @@ var CalendarHeader = ({
       onClick: onPrev,
       className: "rounded-lg h-8 w-8 hover:bg-background/80 transition-all duration-200"
     },
-    /* @__PURE__ */ React15__default.createElement(ChevronLeft, { className: "h-4 w-4 text-muted-foreground" })
-  ), /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React2.createElement(ChevronLeft, { className: "h-4 w-4 text-muted-foreground" })
+  ), /* @__PURE__ */ React2.createElement(
     Button,
     {
       variant: "ghost",
@@ -114,8 +122,8 @@ var CalendarHeader = ({
       onClick: onNext,
       className: "rounded-lg h-8 w-8 hover:bg-background/80 transition-all duration-200"
     },
-    /* @__PURE__ */ React15__default.createElement(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
-  )), /* @__PURE__ */ React15__default.createElement("div", { className: "ml-2 md:ml-4" }, /* @__PURE__ */ React15__default.createElement("h2", { className: "text-lg md:text-xl font-semibold text-foreground whitespace-nowrap capitalize tracking-tight" }, format(currentDate, "MMMM yyyy", { locale }))))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2 md:gap-3 w-full md:w-auto justify-end" }, onLanguageChange && language && /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React2.createElement(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
+  )), /* @__PURE__ */ React2.createElement("div", { className: "ml-2 md:ml-4" }, /* @__PURE__ */ React2.createElement("h2", { className: "text-lg md:text-xl font-semibold text-foreground whitespace-nowrap capitalize tracking-tight" }, format(currentDate, "MMMM yyyy", { locale }))))), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2 md:gap-3 w-full md:w-auto justify-end" }, onLanguageChange && language && /* @__PURE__ */ React2.createElement(
     Button,
     {
       variant: "ghost",
@@ -124,7 +132,7 @@ var CalendarHeader = ({
       className: "h-9 px-3 rounded-xl text-xs font-semibold text-muted-foreground hover:text-foreground hover:bg-accent/80 transition-all duration-200 uppercase tracking-wider"
     },
     language
-  ), onThemeToggle && /* @__PURE__ */ React15__default.createElement(
+  ), onThemeToggle && /* @__PURE__ */ React2.createElement(
     Button,
     {
       variant: "ghost",
@@ -132,8 +140,8 @@ var CalendarHeader = ({
       className: "rounded-xl h-9 w-9 hover:bg-accent/80 transition-all duration-200",
       onClick: onThemeToggle
     },
-    isDarkMode ? /* @__PURE__ */ React15__default.createElement(Sun, { className: "h-4 w-4 text-amber-500" }) : /* @__PURE__ */ React15__default.createElement(Moon, { className: "h-4 w-4 text-muted-foreground" })
-  ), !hideViewSwitcher && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center bg-muted/50 backdrop-blur-sm rounded-xl p-1" }, viewConfig.map(({ key, icon: Icon }) => /* @__PURE__ */ React15__default.createElement(
+    isDarkMode ? /* @__PURE__ */ React2.createElement(Sun, { className: "h-4 w-4 text-amber-500" }) : /* @__PURE__ */ React2.createElement(Moon, { className: "h-4 w-4 text-muted-foreground" })
+  ), !hideViewSwitcher && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center bg-muted/50 backdrop-blur-sm rounded-xl p-1" }, viewConfig.map(({ key, icon: Icon }) => /* @__PURE__ */ React2.createElement(
     Button,
     {
       key,
@@ -145,24 +153,40 @@ var CalendarHeader = ({
         view === key ? "bg-background shadow-sm text-foreground font-medium border-[0.5px] border-border/50" : "text-muted-foreground hover:text-foreground hover:bg-background/50"
       )
     },
-    /* @__PURE__ */ React15__default.createElement(Icon, { className: "h-3.5 w-3.5" }),
-    /* @__PURE__ */ React15__default.createElement("span", { className: "hidden sm:inline" }, translations[key])
+    /* @__PURE__ */ React2.createElement(Icon, { className: "h-3.5 w-3.5" }),
+    /* @__PURE__ */ React2.createElement("span", { className: "hidden sm:inline" }, translations[key])
   )))));
 };
-var getMonthGrid = (date, weekStartOn = 0) => {
+
+// src/components/Sidebar.tsx
+import React4, { useState, useEffect } from "react";
+import { Plus, ChevronDown, Globe } from "lucide-react";
+
+// src/components/MiniCalendar.tsx
+import React3 from "react";
+import { format as format2, isSameMonth, isSameDay, isToday, addMonths, subMonths } from "date-fns";
+
+// src/core/week.ts
+import { eachDayOfInterval, endOfMonth, endOfWeek, startOfMonth, startOfWeek } from "date-fns";
+function resolveWeekStartsOn(locale, fallback) {
+  return locale?.options?.weekStartsOn ?? fallback;
+}
+function getWeekDays(date, weekStartsOn) {
+  return eachDayOfInterval({
+    start: startOfWeek(date, { weekStartsOn }),
+    end: endOfWeek(date, { weekStartsOn })
+  });
+}
+function getMonthGrid(date, weekStartsOn) {
   const monthStart = startOfMonth(date);
-  const monthEnd = endOfMonth(monthStart);
-  const startDate = startOfWeek(monthStart, { weekStartsOn: weekStartOn });
-  const endDate = endOfWeek(monthEnd, { weekStartsOn: weekStartOn });
   return eachDayOfInterval({
-    start: startDate,
-    end: endDate
+    start: startOfWeek(monthStart, { weekStartsOn }),
+    end: endOfWeek(endOfMonth(monthStart), { weekStartsOn })
   });
-};
-var uses24HourClock = (locale) => {
-  if (!locale) return false;
-  return !/[ap]\.?m/i.test(format(new Date(2e3, 0, 1, 13, 0), "p", { locale }));
-};
+}
+
+// src/components/MiniCalendar.tsx
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
 var MiniCalendar = ({
   currentDate,
   onDateChange,
@@ -170,12 +194,12 @@ var MiniCalendar = ({
   className,
   locale
 }) => {
-  const [viewDate, setViewDate] = React15__default.useState(currentDate);
-  React15__default.useEffect(() => {
+  const [viewDate, setViewDate] = React3.useState(currentDate);
+  React3.useEffect(() => {
     setViewDate(currentDate);
   }, [currentDate]);
-  const weekStartsOn = locale?.options?.weekStartsOn ?? 0;
-  const days = React15__default.useMemo(
+  const weekStartsOn = resolveWeekStartsOn(locale, 0);
+  const days = React3.useMemo(
     () => getMonthGrid(viewDate, weekStartsOn),
     [viewDate, weekStartsOn]
   );
@@ -199,7 +223,7 @@ var MiniCalendar = ({
     onDateChange(day);
     if (onViewChange) onViewChange("day");
   };
-  return /* @__PURE__ */ React15__default.createElement("div", { className: cn("px-4 w-[260px]", className) }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-semibold text-foreground capitalize" }, format(viewDate, "MMMM yyyy", { locale })), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center bg-muted/40 rounded-lg p-0.5" }, /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: cn("px-4 w-[260px]", className) }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React3.createElement("span", { className: "text-sm font-semibold text-foreground capitalize" }, format2(viewDate, "MMMM yyyy", { locale })), /* @__PURE__ */ React3.createElement("div", { className: "flex items-center bg-muted/40 rounded-lg p-0.5" }, /* @__PURE__ */ React3.createElement(
     Button,
     {
       variant: "ghost",
@@ -208,8 +232,8 @@ var MiniCalendar = ({
       onClick: handlePrev,
       "aria-label": "Previous month"
     },
-    /* @__PURE__ */ React15__default.createElement(ChevronLeft, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React3.createElement(ChevronLeft2, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React3.createElement(
     Button,
     {
       variant: "ghost",
@@ -218,12 +242,12 @@ var MiniCalendar = ({
       onClick: handleNext,
       "aria-label": "Next month"
     },
-    /* @__PURE__ */ React15__default.createElement(ChevronRight, { className: "h-4 w-4" })
-  ))), /* @__PURE__ */ React15__default.createElement("div", { className: "grid grid-cols-7 gap-y-2 text-center mb-2" }, weekDays.map((day, i) => /* @__PURE__ */ React15__default.createElement("div", { key: `${day}-${i}`, className: "text-[10px] text-muted-foreground/70 font-semibold uppercase" }, day))), /* @__PURE__ */ React15__default.createElement("div", { className: "grid grid-cols-7 gap-y-1 text-center" }, days.map((day) => {
+    /* @__PURE__ */ React3.createElement(ChevronRight2, { className: "h-4 w-4" })
+  ))), /* @__PURE__ */ React3.createElement("div", { className: "grid grid-cols-7 gap-y-2 text-center mb-2" }, weekDays.map((day, i) => /* @__PURE__ */ React3.createElement("div", { key: `${day}-${i}`, className: "text-[10px] text-muted-foreground/70 font-semibold uppercase" }, day))), /* @__PURE__ */ React3.createElement("div", { className: "grid grid-cols-7 gap-y-1 text-center" }, days.map((day) => {
     const isSelected = isSameDay(day, currentDate);
     const isCurrentMonth = isSameMonth(day, viewDate);
     const isTodayDate = isToday(day);
-    return /* @__PURE__ */ React15__default.createElement(
+    return /* @__PURE__ */ React3.createElement(
       "button",
       {
         key: day.toISOString(),
@@ -236,10 +260,202 @@ var MiniCalendar = ({
           !isSelected && isTodayDate && "bg-primary/10 text-primary ring-1 ring-primary/30"
         )
       },
-      format(day, "d")
+      format2(day, "d")
     );
   })));
 };
+
+// src/components/Sidebar.tsx
+import { toZonedTime } from "date-fns-tz";
+import { format as format4 } from "date-fns";
+
+// src/core/format.ts
+import { format as format3 } from "date-fns";
+
+// src/locales/index.ts
+var en = {
+  today: "Today",
+  month: "Month",
+  week: "Week",
+  day: "Day",
+  agenda: "Agenda",
+  resource: "Resources",
+  createEvent: "Create Event",
+  editEvent: "Edit Event",
+  delete: "Delete",
+  save: "Save",
+  cancel: "Cancel",
+  title: "Add title",
+  start: "Start",
+  end: "End",
+  allDay: "All Day",
+  description: "Description",
+  repeat: "Repeat",
+  noRepeat: "Does not repeat",
+  selectCalendar: "Select Calendar",
+  selectType: "Select Type",
+  daily: "Daily",
+  weekly: "Weekly",
+  monthly: "Monthly",
+  yearly: "Yearly",
+  search: "Search events...",
+  allTypes: "All Types",
+  timezone: "Time zone",
+  localTime: "Local Time",
+  create: "Create",
+  calendars: "Calendars",
+  event: "Event",
+  task: "Task",
+  appointmentSchedule: "Appointment schedule",
+  new: "New",
+  dateAndTime: "Date & Time",
+  whosJoining: "Who's joining?",
+  suggestedTimes: "Suggested times for guests",
+  viewSuggestions: "View suggestions",
+  whereWillItBe: "Where will it be?",
+  location: "Enter address",
+  descriptionAndAttachments: "Description",
+  dragAndDrop: "Drag & drop files or",
+  guests: "Guests",
+  addGuests: "Add guests",
+  addAttachment: "Upload files",
+  moreOptions: "More options",
+  doesNotRepeat: "Does not repeat",
+  locationHelpText: 'Enter a physical address (e.g. "123 Main St") to generate the map.',
+  notes: "Notes...",
+  guestCount: "guest",
+  guestsCount: "guests",
+  repeatFor: "Repeat for",
+  times: "times",
+  until: "Until",
+  endRepeat: "End repeat",
+  never: "Never",
+  afterOccurrences: "After occurrences",
+  onDate: "On date",
+  tomorrow: "Tomorrow",
+  edit: "Edit",
+  duplicate: "Duplicate",
+  eventSingular: "event",
+  eventPlural: "events",
+  allCaughtUp: "All caught up!",
+  noEventsScheduled: "No events scheduled",
+  noUpcoming: "Your schedule is clear",
+  noUpcomingHint: "No upcoming events to show. Create a new event to start planning."
+};
+var fr = {
+  today: "Aujourd'hui",
+  month: "Mois",
+  week: "Semaine",
+  day: "Jour",
+  agenda: "Agenda",
+  resource: "Ressources",
+  createEvent: "Cr\xE9er un \xE9v\xE9nement",
+  editEvent: "Modifier l'\xE9v\xE9nement",
+  delete: "Supprimer",
+  save: "Enregistrer",
+  cancel: "Annuler",
+  title: "Ajouter un titre",
+  start: "D\xE9but",
+  end: "Fin",
+  allDay: "Toute la journ\xE9e",
+  description: "Description",
+  repeat: "R\xE9p\xE9ter",
+  noRepeat: "Ne se r\xE9p\xE8te pas",
+  selectCalendar: "S\xE9lectionner un calendrier",
+  selectType: "S\xE9lectionner un type",
+  daily: "Quotidien",
+  weekly: "Hebdomadaire",
+  monthly: "Mensuel",
+  yearly: "Annuel",
+  search: "Rechercher...",
+  allTypes: "Tous les types",
+  timezone: "Fuseau horaire",
+  localTime: "Heure locale",
+  create: "Cr\xE9er",
+  calendars: "Calendriers",
+  event: "\xC9v\xE9nement",
+  task: "T\xE2che",
+  appointmentSchedule: "Planning de rendez-vous",
+  new: "Nouveau",
+  dateAndTime: "Date et heure",
+  whosJoining: "Qui participe ?",
+  suggestedTimes: "Horaires sugg\xE9r\xE9s",
+  viewSuggestions: "Voir les suggestions",
+  whereWillItBe: "O\xF9 aura lieu ?",
+  location: "Entrer une adresse",
+  descriptionAndAttachments: "Description",
+  dragAndDrop: "Glisser-d\xE9poser des fichiers ou",
+  guests: "Invit\xE9s",
+  addGuests: "Ajouter des invit\xE9s",
+  addAttachment: "T\xE9l\xE9charger des fichiers",
+  moreOptions: "Plus d'options",
+  doesNotRepeat: "Ne se r\xE9p\xE8te pas",
+  locationHelpText: 'Entrez une adresse physique (ex: "123 Rue Principale") pour g\xE9n\xE9rer la carte.',
+  notes: "Notes...",
+  guestCount: "invit\xE9",
+  guestsCount: "invit\xE9s",
+  repeatFor: "R\xE9p\xE9ter pendant",
+  times: "fois",
+  until: "Jusqu'au",
+  endRepeat: "Fin de r\xE9p\xE9tition",
+  never: "Jamais",
+  afterOccurrences: "Apr\xE8s occurrences",
+  onDate: "\xC0 la date",
+  tomorrow: "Demain",
+  edit: "Modifier",
+  duplicate: "Dupliquer",
+  eventSingular: "\xE9v\xE9nement",
+  eventPlural: "\xE9v\xE9nements",
+  allCaughtUp: "Tout est \xE0 jour !",
+  noEventsScheduled: "Aucun \xE9v\xE9nement pr\xE9vu",
+  noUpcoming: "Votre planning est libre",
+  noUpcomingHint: "Aucun \xE9v\xE9nement \xE0 venir. Cr\xE9ez un nouvel \xE9v\xE9nement pour commencer \xE0 planifier."
+};
+
+// src/core/format.ts
+var clockCache = /* @__PURE__ */ new WeakMap();
+function uses24HourClock(locale) {
+  if (!locale) return false;
+  let is24 = clockCache.get(locale);
+  if (is24 === void 0) {
+    is24 = !/[ap]\.?m/i.test(format3(new Date(2e3, 0, 1, 13, 0), "p", { locale }));
+    clockCache.set(locale, is24);
+  }
+  return is24;
+}
+var H24 = { hour: "H:mm", time: "H:mm", compact: "H:mm" };
+var H12 = { hour: "h a", time: "h:mm a", compact: "h:mm" };
+function timeFormats(locale) {
+  return uses24HourClock(locale) ? H24 : H12;
+}
+var MAX_FORMATTERS = 50;
+var formatters = /* @__PURE__ */ new Map();
+function getDateTimeFormat(locale, timeZone, options) {
+  const key = `${locale}|${timeZone ?? ""}|${JSON.stringify(options)}`;
+  let formatter = formatters.get(key);
+  if (formatter) {
+    formatters.delete(key);
+  } else {
+    formatter = new Intl.DateTimeFormat(locale, { ...options, timeZone });
+    if (formatters.size >= MAX_FORMATTERS) {
+      formatters.delete(formatters.keys().next().value);
+    }
+  }
+  formatters.set(key, formatter);
+  return formatter;
+}
+function timeZoneAbbreviation(date, timeZone) {
+  try {
+    return getDateTimeFormat("en-US", timeZone, { timeZoneName: "short" }).formatToParts(date).find((part) => part.type === "timeZoneName")?.value ?? "";
+  } catch {
+    return "";
+  }
+}
+function resolveTranslations(language, overrides) {
+  return { ...language === "fr" ? fr : en, ...overrides };
+}
+
+// src/components/Sidebar.tsx
 var Sidebar = ({
   currentDate,
   onDateChange,
@@ -270,14 +486,7 @@ var Sidebar = ({
     { id: "3", label: "Tasks", color: "#6366f1", active: true }
   ];
   const displayCalendars = calendars || defaultCalendars;
-  const getAcronym = (tz) => {
-    if (!tz || !now) return "LOC";
-    try {
-      return new Intl.DateTimeFormat("en-US", { timeZone: tz, timeZoneName: "short" }).formatToParts(now).find((part) => part.type === "timeZoneName")?.value || "";
-    } catch (e) {
-      return "";
-    }
-  };
+  const getAcronym = (tz) => !tz || !now ? "LOC" : timeZoneAbbreviation(now, tz);
   const timezones = [
     { value: "", label: translations?.localTime || "Local Time", acronym: "LOC" },
     { value: "UTC", label: "UTC", acronym: "UTC" },
@@ -295,56 +504,53 @@ var Sidebar = ({
   ];
   const formatTzLabel = (tz, showTime = true) => {
     if (!hasMounted || !now || !showTime) {
-      return /* @__PURE__ */ React15__default.createElement("span", null, tz.label);
+      return /* @__PURE__ */ React4.createElement("span", null, tz.label);
     }
     let time = "";
     let acronym = tz.acronym;
     try {
       if (!tz.value) {
-        time = format(now, "HH:mm");
-        try {
-          acronym = new Intl.DateTimeFormat("en-US", { timeZoneName: "short" }).formatToParts(now).find((part) => part.type === "timeZoneName")?.value || "LOC";
-        } catch (e) {
-        }
+        time = format4(now, "HH:mm");
+        acronym = timeZoneAbbreviation(now) || "LOC";
       } else {
         const zDate = toZonedTime(now, tz.value);
-        time = format(zDate, "HH:mm");
+        time = format4(zDate, "HH:mm");
         const dynAcronym = getAcronym(tz.value);
         if (dynAcronym && !dynAcronym.includes("GMT") && !dynAcronym.includes("Time")) {
           acronym = dynAcronym;
         }
       }
-    } catch (e) {
-      return /* @__PURE__ */ React15__default.createElement("span", null, tz.label);
+    } catch {
+      return /* @__PURE__ */ React4.createElement("span", null, tz.label);
     }
-    return /* @__PURE__ */ React15__default.createElement("div", { className: "flex justify-between w-full" }, /* @__PURE__ */ React15__default.createElement("span", null, tz.label), /* @__PURE__ */ React15__default.createElement("span", { className: "text-muted-foreground ml-2 tabular-nums" }, time, " ", /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs opacity-75" }, "(", acronym, ")")));
+    return /* @__PURE__ */ React4.createElement("div", { className: "flex justify-between w-full" }, /* @__PURE__ */ React4.createElement("span", null, tz.label), /* @__PURE__ */ React4.createElement("span", { className: "text-muted-foreground ml-2 tabular-nums" }, time, " ", /* @__PURE__ */ React4.createElement("span", { className: "text-xs opacity-75" }, "(", acronym, ")")));
   };
   const selectedTzObj = timezones.find((t) => t.value === (timezone || ""));
   const selectedTimezoneLabel = selectedTzObj ? formatTzLabel(selectedTzObj) : translations?.localTime || "Local Time";
-  return /* @__PURE__ */ React15__default.createElement("div", { className: cn("flex flex-col w-[260px] overflow-x-hidden h-full bg-gradient-to-b scrollbar-hide from-background via-background to-muted/10 pt-4 pb-4 overflow-y-auto hidden lg:flex", className) }, !readOnly && /* @__PURE__ */ React15__default.createElement("div", { className: "px-4 mb-6" }, /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React4.createElement("div", { className: cn("flex flex-col w-[260px] overflow-x-hidden h-full bg-gradient-to-b scrollbar-hide from-background via-background to-muted/10 pt-4 pb-4 overflow-y-auto hidden lg:flex", className) }, !readOnly && /* @__PURE__ */ React4.createElement("div", { className: "px-4 mb-6" }, /* @__PURE__ */ React4.createElement(
     Button,
     {
       className: "w-full rounded-2xl shadow-lg bg-primary text-primary-foreground hover:bg-primary/90 h-12 gap-3 justify-center transition-all duration-300 hover:shadow-xl hover:shadow-primary/20 hover:scale-[1.02] active:scale-[0.98] font-semibold",
       onClick: onEventCreate
     },
-    /* @__PURE__ */ React15__default.createElement(Plus, { className: "w-5 h-5" }),
-    /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm" }, translations?.create || "Create")
-  )), /* @__PURE__ */ React15__default.createElement(MiniCalendar, { currentDate, onDateChange, onViewChange, locale }), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 px-4 space-y-5 mt-5" }, /* @__PURE__ */ React15__default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3 border-[0px] border-border/30" }, /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React4.createElement(Plus, { className: "w-5 h-5" }),
+    /* @__PURE__ */ React4.createElement("span", { className: "text-sm" }, translations?.create || "Create")
+  )), /* @__PURE__ */ React4.createElement(MiniCalendar, { currentDate, onDateChange, onViewChange, locale }), /* @__PURE__ */ React4.createElement("div", { className: "flex-1 px-4 space-y-5 mt-5" }, /* @__PURE__ */ React4.createElement("div", { className: "bg-muted/20 rounded-2xl p-3 border-[0px] border-border/30" }, /* @__PURE__ */ React4.createElement(
     "div",
     {
       className: "flex items-center justify-between cursor-pointer hover:bg-accent/50 p-2 -m-1 rounded-xl mb-2 transition-all duration-200",
       onClick: () => setCalendarsOpen(!calendarsOpen)
     },
-    /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-semibold text-foreground" }, translations?.calendars || "Calendars"),
-    /* @__PURE__ */ React15__default.createElement(ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform duration-200", calendarsOpen && "rotate-180") })
-  ), calendarsOpen && /* @__PURE__ */ React15__default.createElement("div", { className: "space-y-1" }, displayCalendars.map((cal) => /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React4.createElement("span", { className: "text-sm font-semibold text-foreground" }, translations?.calendars || "Calendars"),
+    /* @__PURE__ */ React4.createElement(ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform duration-200", calendarsOpen && "rotate-180") })
+  ), calendarsOpen && /* @__PURE__ */ React4.createElement("div", { className: "space-y-1" }, displayCalendars.map((cal) => /* @__PURE__ */ React4.createElement(
     "div",
     {
       key: cal.id,
       className: "flex items-center gap-3 py-2 px-2 hover:bg-accent/60 rounded-xl cursor-pointer group transition-all duration-200",
       onClick: () => onCalendarToggle?.(cal.id, !(cal.active ?? true))
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "relative flex items-center justify-center" }, /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React4.createElement("div", { className: "relative flex items-center justify-center" }, /* @__PURE__ */ React4.createElement(
       "input",
       {
         type: "checkbox",
@@ -357,7 +563,7 @@ var Sidebar = ({
         style: { "--primary-color": cal.color },
         "data-cal-id": cal.id
       }
-    ), /* @__PURE__ */ React15__default.createElement("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none opacity-0 peer-checked:opacity-100 transition-opacity" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-3.5 h-3.5 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3 }, /* @__PURE__ */ React15__default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React15__default.createElement("style", null, `
+    ), /* @__PURE__ */ React4.createElement("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none opacity-0 peer-checked:opacity-100 transition-opacity" }, /* @__PURE__ */ React4.createElement("svg", { className: "w-3.5 h-3.5 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3 }, /* @__PURE__ */ React4.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React4.createElement("style", null, `
                       input[type="checkbox"][data-cal-id="${cal.id}"]:checked {
                         background-color: ${cal.color} !important;
                         border-color: ${cal.color} !important;
@@ -366,23 +572,23 @@ var Sidebar = ({
                         --tw-ring-color: ${cal.color}40 !important;
                       }
                     `)),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2 flex-1 min-w-0" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm text-foreground/90 truncate font-medium" }, cal.label)),
-    /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React4.createElement("div", { className: "flex items-center gap-2 flex-1 min-w-0" }, /* @__PURE__ */ React4.createElement("span", { className: "text-sm text-foreground/90 truncate font-medium" }, cal.label)),
+    /* @__PURE__ */ React4.createElement(
       "div",
       {
         className: "w-2 h-2 rounded-full opacity-60 group-hover:opacity-100 transition-opacity",
         style: { backgroundColor: cal.color }
       }
     )
-  ))))), /* @__PURE__ */ React15__default.createElement("div", { className: "mt-auto px-4 pt-5" }, /* @__PURE__ */ React15__default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2 mb-3" }, /* @__PURE__ */ React15__default.createElement("div", { className: "p-1.5 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React15__default.createElement(Globe, { className: "w-4 h-4 text-primary" })), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-semibold text-foreground" }, translations?.timezone || "Timezone")), /* @__PURE__ */ React15__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React15__default.createElement(
+  ))))), /* @__PURE__ */ React4.createElement("div", { className: "mt-auto px-4 pt-5" }, /* @__PURE__ */ React4.createElement("div", { className: "bg-muted/20 rounded-2xl p-3" }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center gap-2 mb-3" }, /* @__PURE__ */ React4.createElement("div", { className: "p-1.5 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React4.createElement(Globe, { className: "w-4 h-4 text-primary" })), /* @__PURE__ */ React4.createElement("span", { className: "text-sm font-semibold text-foreground" }, translations?.timezone || "Timezone")), /* @__PURE__ */ React4.createElement("div", { className: "relative" }, /* @__PURE__ */ React4.createElement(
     "button",
     {
       onClick: () => setTimezoneOpen(!timezoneOpen),
       className: "w-full flex items-center justify-between bg-blue-200/40  hover:bg-blue-200/80 rounded-xl py-2.5 pl-4 pr-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary/50 transition-all duration-200 text-left"
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 truncate mr-2 font-medium" }, selectedTimezoneLabel),
-    /* @__PURE__ */ React15__default.createElement(ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform duration-200", timezoneOpen && "rotate-180") })
-  ), timezoneOpen && /* @__PURE__ */ React15__default.createElement(React15__default.Fragment, null, /* @__PURE__ */ React15__default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setTimezoneOpen(false) }), /* @__PURE__ */ React15__default.createElement("div", { className: "absolute bottom-full left-0 w-full mb-2 bg-background rounded-xl shadow-2xl z-50 max-h-[260px] overflow-y-auto p-1.5 animate-in fade-in zoom-in-95 duration-200 backdrop-blur-none" }, timezones.map((tz) => /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React4.createElement("div", { className: "flex-1 truncate mr-2 font-medium" }, selectedTimezoneLabel),
+    /* @__PURE__ */ React4.createElement(ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform duration-200", timezoneOpen && "rotate-180") })
+  ), timezoneOpen && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setTimezoneOpen(false) }), /* @__PURE__ */ React4.createElement("div", { className: "absolute bottom-full left-0 w-full mb-2 bg-background rounded-xl shadow-2xl z-50 max-h-[260px] overflow-y-auto p-1.5 animate-in fade-in zoom-in-95 duration-200 backdrop-blur-none" }, timezones.map((tz) => /* @__PURE__ */ React4.createElement(
     "div",
     {
       key: tz.value,
@@ -398,26 +604,202 @@ var Sidebar = ({
     formatTzLabel(tz)
   ))))))));
 };
-var DraggableEvent = ({ event, children, className, style: propStyle, ...props }) => {
+
+// src/views/MonthView.tsx
+import React7, { useMemo } from "react";
+import { format as format7, isSameDay as isSameDay3, isSameMonth as isSameMonth2 } from "date-fns";
+
+// src/core/events.ts
+import { addDays, format as format6, startOfDay as startOfDay2 } from "date-fns";
+
+// src/core/timezone.ts
+import { format as format5, isSameDay as isSameDay2, startOfDay } from "date-fns";
+import { fromZonedTime, toZonedTime as toZonedTime2 } from "date-fns-tz";
+
+// src/core/warn.ts
+var warned = /* @__PURE__ */ new Set();
+function isProductionBuild() {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return false;
+  }
+}
+function warnOnce(key, message) {
+  if (isProductionBuild() || warned.has(key)) return;
+  warned.add(key);
+  console.warn(`[calendarkit-pro] ${message}`);
+}
+
+// src/core/timezone.ts
+var validity = /* @__PURE__ */ new Map();
+function resolveTimeZone(tz) {
+  if (!tz) return void 0;
+  let valid = validity.get(tz);
+  if (valid === void 0) {
+    try {
+      new Intl.DateTimeFormat("en-US", { timeZone: tz });
+      valid = true;
+    } catch {
+      valid = false;
+    }
+    validity.set(tz, valid);
+  }
+  if (!valid) {
+    warnOnce(`invalid-timezone:${tz}`, `Unknown timezone "${tz}", falling back to local time.`);
+    return void 0;
+  }
+  return tz;
+}
+function toDisplay(date, tz) {
+  const zone = resolveTimeZone(tz);
+  return zone ? toZonedTime2(date, zone) : date;
+}
+function fromDisplay(wall, tz) {
+  const zone = resolveTimeZone(tz);
+  return zone ? fromZonedTime(wall, zone) : new Date(wall);
+}
+function minutesSinceDisplayMidnight(date, tz) {
+  const wall = toDisplay(date, tz);
+  return wall.getHours() * 60 + wall.getMinutes();
+}
+function isSameDisplayDay(date, day, tz) {
+  return isSameDay2(toDisplay(date, tz), day);
+}
+function displayToday(tz, now = /* @__PURE__ */ new Date()) {
+  return startOfDay(toDisplay(now, tz));
+}
+
+// src/core/events.ts
+var toDate = (value) => value === void 0 || value === null ? void 0 : value instanceof Date ? value : new Date(value);
+var isValidDate = (date) => !!date && !Number.isNaN(date.getTime());
+var normalizedEvent = /* @__PURE__ */ new WeakMap();
+var normalizedList = /* @__PURE__ */ new WeakMap();
+function normalizeEvent(event) {
+  const cached = normalizedEvent.get(event);
+  if (cached !== void 0) return cached;
+  const start = toDate(event.start);
+  const end = toDate(event.end);
+  let result = null;
+  if (!isValidDate(start) || !isValidDate(end)) {
+    warnOnce(`invalid-date:${event.id}`, `Event "${event.id}" has an invalid start or end date and was skipped.`);
+  } else if (end.getTime() < start.getTime()) {
+    warnOnce(`end-before-start:${event.id}`, `Event "${event.id}" ends before it starts and was skipped.`);
+  } else {
+    const needsCopy = start !== event.start || end !== event.end || needsRecurrenceCopy(event);
+    result = needsCopy ? {
+      ...event,
+      start,
+      end,
+      recurrence: event.recurrence && {
+        ...event.recurrence,
+        until: toDate(event.recurrence.until),
+        exdates: event.recurrence.exdates?.map((d) => toDate(d))
+      }
+    } : event;
+  }
+  normalizedEvent.set(event, result);
+  return result;
+}
+function needsRecurrenceCopy(event) {
+  const r = event.recurrence;
+  if (!r) return false;
+  return r.until !== void 0 && !(r.until instanceof Date) || !!r.exdates?.some((d) => !(d instanceof Date));
+}
+function normalizeEvents(events) {
+  const cached = normalizedList.get(events);
+  if (cached) return cached;
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  for (const event of events) {
+    const normalized = normalizeEvent(event);
+    if (!normalized) continue;
+    if (seen.has(normalized.id)) {
+      warnOnce(`duplicate-id:${normalized.id}`, `Duplicate event id "${normalized.id}": ids must be unique.`);
+    }
+    seen.add(normalized.id);
+    result.push(normalized);
+  }
+  normalizedList.set(events, result);
+  return result;
+}
+var dayKey = (wall) => format6(wall, "yyyy-MM-dd");
+function memoByZone(cache, events, tz, compute) {
+  let byZone = cache.get(events);
+  if (!byZone) {
+    byZone = /* @__PURE__ */ new Map();
+    cache.set(events, byZone);
+  }
+  const key = tz ?? "";
+  let value = byZone.get(key);
+  if (value === void 0) {
+    value = compute();
+    byZone.set(key, value);
+  }
+  return value;
+}
+var startDayCache = /* @__PURE__ */ new WeakMap();
+function eventsByStartDay(events, tz) {
+  return memoByZone(startDayCache, events, tz, () => {
+    const map = /* @__PURE__ */ new Map();
+    for (const event of events) {
+      const key = dayKey(toDisplay(event.start, tz));
+      const bucket = map.get(key);
+      if (bucket) bucket.push(event);
+      else map.set(key, [event]);
+    }
+    return map;
+  });
+}
+var segmentCache = /* @__PURE__ */ new WeakMap();
+function segmentsByDisplayDay(events, tz, range) {
+  const cacheKey = range ? `${tz ?? ""}|${range.start.getTime()}|${range.end.getTime()}` : tz;
+  return memoByZone(segmentCache, events, cacheKey, () => {
+    const map = /* @__PURE__ */ new Map();
+    for (const event of events) {
+      const wallStart = toDisplay(event.start, tz);
+      const rawEnd = toDisplay(event.end, tz);
+      const wallEnd = rawEnd < wallStart ? wallStart : rawEnd;
+      if (range && (wallEnd < range.start || wallStart >= range.end)) continue;
+      let day = startOfDay2(range && wallStart < range.start ? range.start : wallStart);
+      const stop = range && wallEnd > range.end ? range.end : wallEnd;
+      do {
+        const next = addDays(day, 1);
+        const start = wallStart > day ? wallStart : day;
+        const end = wallEnd < next ? wallEnd : next;
+        if (end > start || wallStart.getTime() === wallEnd.getTime()) {
+          const key = dayKey(day);
+          const bucket = map.get(key);
+          const segment = { event, start, end };
+          if (bucket) bucket.push(segment);
+          else map.set(key, [segment]);
+        }
+        day = next;
+      } while (day < stop);
+    }
+    return map;
+  });
+}
+
+// src/components/dnd/DraggableEvent.tsx
+import React5 from "react";
+import { useDraggable } from "@dnd-kit/core";
+import { CSS } from "@dnd-kit/utilities";
+var DraggableEventImpl = ({ event, dragId, grabOffsetMs, children, className, style: propStyle, ...props }) => {
   const dragDisabled = isEventDragDisabled(event);
   const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
-    id: event.id,
-    data: { event },
+    id: dragId ?? event.id,
+    data: { event, grabOffsetMs },
     disabled: dragDisabled
   });
   const style = {
     ...propStyle,
     transform: CSS.Translate.toString(transform),
     zIndex: isDragging ? 100 : propStyle?.zIndex,
-    // When dragging, we want the ORIGINAL element to be almost invisible (or fully invisible)
-    // so that the DragOverlay (the "ghost") is the only thing the user focuses on.
-    // If we set opacity: 0, it disappears. If 0.1, it's a faint placeholder.
-    // The user asked for "Make the entire dragged item transparent". 
-    // Usually this means the original item should be faded out while the drag overlay is moving.
+    // Hide the original while dragging: the DragOverlay ghost is what the user follows.
     opacity: isDragging ? 0 : propStyle?.opacity
-    // Hiding original element completely
   };
-  return /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "div",
     {
       ref: setNodeRef,
@@ -430,32 +812,59 @@ var DraggableEvent = ({ event, children, className, style: propStyle, ...props }
     children
   );
 };
-var DroppableCell = ({ id, date, resourceId, children, className, style, onClick }) => {
+var DraggableEvent = React5.memo(DraggableEventImpl);
+
+// src/components/dnd/DroppableCell.tsx
+import React6 from "react";
+import { useDroppable } from "@dnd-kit/core";
+var QUARTER_HOVER = [
+  "hover:bg-blue-50/50 dark:hover:bg-blue-900/10",
+  "hover:bg-blue-50/80 dark:hover:bg-blue-900/20",
+  "hover:bg-blue-100/50 dark:hover:bg-blue-900/30",
+  "hover:bg-blue-100/80 dark:hover:bg-blue-900/40"
+];
+var QUARTER_ACTIVE = [
+  "bg-blue-50/50 dark:bg-blue-900/10 ring-2 ring-primary ring-inset",
+  "bg-blue-50/80 dark:bg-blue-900/20 ring-2 ring-primary ring-inset",
+  "bg-blue-100/50 dark:bg-blue-900/30 ring-2 ring-primary ring-inset",
+  "bg-blue-100/80 dark:bg-blue-900/40 ring-2 ring-primary ring-inset"
+];
+var quarterOf = (date) => Math.min(3, Math.floor(date.getMinutes() / 15));
+var DroppableCellImpl = ({ id, date, resourceId, children, className, style, onClick, onSlotClick }) => {
   const { isOver, setNodeRef } = useDroppable({
     id,
     data: { date, resourceId }
   });
-  const minutes = date.getMinutes();
-  const quarterClass = minutes === 0 ? "hover:bg-blue-50/50 dark:hover:bg-blue-900/10" : minutes === 15 ? "hover:bg-blue-50/80 dark:hover:bg-blue-900/20" : minutes === 30 ? "hover:bg-blue-100/50 dark:hover:bg-blue-900/30" : "hover:bg-blue-100/80 dark:hover:bg-blue-900/40";
-  const activeQuarterClass = minutes === 0 ? "bg-blue-50/50 dark:bg-blue-900/10 ring-2 ring-primary ring-inset" : minutes === 15 ? "bg-blue-50/80 dark:bg-blue-900/20 ring-2 ring-primary ring-inset" : minutes === 30 ? "bg-blue-100/50 dark:bg-blue-900/30 ring-2 ring-primary ring-inset" : "bg-blue-100/80 dark:bg-blue-900/40 ring-2 ring-primary ring-inset";
-  return /* @__PURE__ */ React15__default.createElement(
+  const quarter = quarterOf(date);
+  return /* @__PURE__ */ React6.createElement(
     "div",
     {
       ref: setNodeRef,
       className: cn(
         className,
-        quarterClass,
-        isOver && activeQuarterClass
+        QUARTER_HOVER[quarter],
+        isOver && QUARTER_ACTIVE[quarter],
+        onSlotClick && "cursor-pointer"
       ),
       style,
-      onClick
+      onClick: onSlotClick ? () => onSlotClick(date, resourceId) : onClick
     },
     children
   );
 };
+var shallowEqualStyle = (a, b) => {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  const keys = Object.keys(a);
+  return keys.length === Object.keys(b).length && keys.every((key) => a[key] === b[key]);
+};
+var DroppableCell = React6.memo(
+  DroppableCellImpl,
+  (prev, next) => prev.id === next.id && prev.date.getTime() === next.date.getTime() && prev.resourceId === next.resourceId && prev.children === next.children && prev.className === next.className && prev.onClick === next.onClick && prev.onSlotClick === next.onSlotClick && shallowEqualStyle(prev.style, next.style)
+);
 
 // src/views/MonthView.tsx
-var EventItem = React15__default.memo(({ event, onEventClick }) => /* @__PURE__ */ React15__default.createElement(DraggableEvent, { event }, /* @__PURE__ */ React15__default.createElement(
+var EventItem = React7.memo(({ event, onEventClick }) => /* @__PURE__ */ React7.createElement(DraggableEvent, { event }, /* @__PURE__ */ React7.createElement(
   "div",
   {
     className: cn(
@@ -473,7 +882,7 @@ var EventItem = React15__default.memo(({ event, onEventClick }) => /* @__PURE__
       onEventClick?.(event);
     }
   },
-  /* @__PURE__ */ React15__default.createElement("span", { className: "font-medium" }, event.title)
+  /* @__PURE__ */ React7.createElement("span", { className: "font-medium" }, event.title)
 )));
 EventItem.displayName = "EventItem";
 var MonthView = ({
@@ -484,44 +893,24 @@ var MonthView = ({
   timezone,
   locale
 }) => {
-  const weekStartsOn = locale?.options?.weekStartsOn ?? 1;
-  const days = useMemo(
-    () => getMonthGrid(currentDate, weekStartsOn),
-    [currentDate, weekStartsOn]
-  );
-  const weekDays = useMemo(() => {
-    const start = startOfWeek(currentDate, { weekStartsOn });
-    const end = endOfWeek(currentDate, { weekStartsOn });
-    return eachDayOfInterval({ start, end });
-  }, [currentDate, weekStartsOn]);
-  const getZonedDate = useCallback((date) => {
-    return timezone ? toZonedTime(date, timezone) : date;
-  }, [timezone]);
-  const eventsByDay = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    events.forEach((event) => {
-      const zonedStart = getZonedDate(event.start);
-      const key = format(zonedStart, "yyyy-MM-dd");
-      if (!map.has(key)) {
-        map.set(key, []);
-      }
-      map.get(key).push(event);
-    });
-    return map;
-  }, [events, getZonedDate]);
-  return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] scrollbar-hide border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React15__default.createElement("div", { className: "overflow-y-auto flex-1 relative" }, /* @__PURE__ */ React15__default.createElement("div", { className: "grid grid-cols-7 border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/30 via-muted/40 to-muted/30 sticky top-0 z-20 backdrop-blur-sm" }, weekDays.map((day) => /* @__PURE__ */ React15__default.createElement(
+  const weekStartsOn = resolveWeekStartsOn(locale, 1);
+  const days = useMemo(() => getMonthGrid(currentDate, weekStartsOn), [currentDate, weekStartsOn]);
+  const weekDays = useMemo(() => getWeekDays(currentDate, weekStartsOn), [currentDate, weekStartsOn]);
+  const eventsByDay = eventsByStartDay(events, timezone);
+  const today = displayToday(timezone);
+  return /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] scrollbar-hide border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React7.createElement("div", { className: "overflow-y-auto flex-1 relative" }, /* @__PURE__ */ React7.createElement("div", { className: "grid grid-cols-7 border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/30 via-muted/40 to-muted/30 sticky top-0 z-20 backdrop-blur-sm" }, weekDays.map((day) => /* @__PURE__ */ React7.createElement(
     "div",
     {
       key: day.toISOString(),
       className: "py-3 text-center text-xs font-semibold text-muted-foreground border-r-[0.5px] border-border/30 last:border-r-0 uppercase tracking-wider"
     },
-    format(day, "EEE", { locale })
-  ))), /* @__PURE__ */ React15__default.createElement("div", { className: "grid grid-cols-7", style: { gridAutoRows: "130px" } }, days.map((day) => {
-    const dayKey = format(day, "yyyy-MM-dd");
-    const dayEvents = eventsByDay.get(dayKey) || [];
-    const isCurrentMonth = isSameMonth(day, currentDate);
+    format7(day, "EEE", { locale })
+  ))), /* @__PURE__ */ React7.createElement("div", { className: "grid grid-cols-7", style: { gridAutoRows: "130px" } }, days.map((day) => {
+    const dayKey2 = format7(day, "yyyy-MM-dd");
+    const dayEvents = eventsByDay.get(dayKey2) || [];
+    const isCurrentMonth = isSameMonth2(day, currentDate);
     const cellId = day.toISOString();
-    return /* @__PURE__ */ React15__default.createElement(
+    return /* @__PURE__ */ React7.createElement(
       DroppableCell,
       {
         key: cellId,
@@ -530,18 +919,87 @@ var MonthView = ({
         className: cn(
           "h-[130px] p-2 border-b-[0.5px] border-r-[0.5px] border-border/30 last:border-r-0 relative transition-all duration-200 hover:bg-accent/5 flex flex-col gap-1.5 overflow-hidden group",
           !isCurrentMonth && "bg-muted/5 text-muted-foreground/60",
-          isToday(day) && "bg-primary/5 ring-1 ring-inset ring-primary/20"
+          isSameDay3(day, today) && "bg-primary/5 ring-1 ring-inset ring-primary/20"
         ),
         onClick: () => onDateClick?.(day)
       },
-      /* @__PURE__ */ React15__default.createElement("div", { className: "flex justify-between items-start" }, /* @__PURE__ */ React15__default.createElement("div", { className: cn(
+      /* @__PURE__ */ React7.createElement("div", { className: "flex justify-between items-start" }, /* @__PURE__ */ React7.createElement("div", { className: cn(
         "text-sm font-semibold w-7 h-7 flex items-center justify-center rounded-full transition-all duration-200",
-        isToday(day) ? "bg-primary text-primary-foreground shadow-md shadow-primary/30" : "group-hover:bg-accent"
-      ) }, format(day, "d", { locale })), dayEvents.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "text-[10px] font-medium text-muted-foreground/60 bg-muted/50 px-1.5 py-0.5 rounded-full" }, dayEvents.length)),
-      /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 flex flex-col gap-1 scrollbar-hide overflow-y-auto overflow-x-hidden" }, dayEvents.slice(0, 4).map((event) => /* @__PURE__ */ React15__default.createElement(EventItem, { key: `${event.id}-${dayKey}`, event, onEventClick })), dayEvents.length > 4 && /* @__PURE__ */ React15__default.createElement("div", { className: "text-[10px] text-primary font-semibold text-center py-1 px-2 rounded-md bg-primary/5 hover:bg-primary/10 cursor-pointer transition-colors" }, "+", dayEvents.length - 4, " more"))
+        isSameDay3(day, today) ? "bg-primary text-primary-foreground shadow-md shadow-primary/30" : "group-hover:bg-accent"
+      ) }, format7(day, "d", { locale })), dayEvents.length > 0 && /* @__PURE__ */ React7.createElement("div", { className: "text-[10px] font-medium text-muted-foreground/60 bg-muted/50 px-1.5 py-0.5 rounded-full" }, dayEvents.length)),
+      /* @__PURE__ */ React7.createElement("div", { className: "flex-1 flex flex-col gap-1 scrollbar-hide overflow-y-auto overflow-x-hidden" }, dayEvents.slice(0, 4).map((event) => /* @__PURE__ */ React7.createElement(EventItem, { key: `${event.id}-${dayKey2}`, event, onEventClick })), dayEvents.length > 4 && /* @__PURE__ */ React7.createElement("div", { className: "text-[10px] text-primary font-semibold text-center py-1 px-2 rounded-md bg-primary/5 hover:bg-primary/10 cursor-pointer transition-colors" }, "+", dayEvents.length - 4, " more"))
     );
   }))));
 };
+
+// src/views/WeekView.tsx
+import React9 from "react";
+import { addDays as addDays2, format as format8, differenceInMinutes, isSameDay as isSameDay4 } from "date-fns";
+
+// src/core/layout.ts
+var layoutCache = /* @__PURE__ */ new WeakMap();
+function layoutDayEvents(segments) {
+  const cached = layoutCache.get(segments);
+  if (cached) return cached;
+  const sorted = [...segments].sort(
+    (a, b) => a.start.getTime() - b.start.getTime() || b.end.getTime() - a.end.getTime() || (a.event.id < b.event.id ? -1 : a.event.id > b.event.id ? 1 : 0)
+  );
+  const result = [];
+  let cluster = [];
+  let columnEnds = [];
+  let clusterEnd = -Infinity;
+  const closeCluster = () => {
+    for (const placed of cluster) placed.columns = columnEnds.length;
+    cluster = [];
+    columnEnds = [];
+  };
+  for (const segment of sorted) {
+    const start = segment.start.getTime();
+    const end = Math.max(segment.end.getTime(), start + 1);
+    if (start >= clusterEnd) closeCluster();
+    let column = columnEnds.findIndex((columnEnd) => columnEnd <= start);
+    if (column === -1) {
+      column = columnEnds.length;
+      columnEnds.push(end);
+    } else {
+      columnEnds[column] = end;
+    }
+    const placed = { ...segment, column, columns: 1 };
+    cluster.push(placed);
+    result.push(placed);
+    clusterEnd = Math.max(clusterEnd, end);
+  }
+  closeCluster();
+  layoutCache.set(segments, result);
+  return result;
+}
+
+// src/components/dnd/ResizableEvent.tsx
+import React8, { useState as useState2, useRef, useCallback } from "react";
+
+// src/core/dnd.ts
+function computeDrop({ event, overDate, overResourceId, grabOffsetMs = 0, view, tz }) {
+  let wallStart;
+  if (view === "month") {
+    const original = toDisplay(event.start, tz);
+    wallStart = new Date(overDate);
+    wallStart.setHours(original.getHours(), original.getMinutes(), original.getSeconds(), original.getMilliseconds());
+  } else {
+    wallStart = new Date(overDate.getTime() - grabOffsetMs);
+    wallStart.setSeconds(0, 0);
+  }
+  const start = fromDisplay(wallStart, tz);
+  const end = new Date(start.getTime() + (event.end.getTime() - event.start.getTime()));
+  const resourceId = overResourceId ?? event.resourceId;
+  if (start.getTime() === event.start.getTime() && resourceId === event.resourceId) return null;
+  return { start, end, resourceId };
+}
+function computeResizeEnd(event, deltaMinutes, minDuration = 15) {
+  const minEnd = event.start.getTime() + minDuration * 6e4;
+  return new Date(Math.max(event.end.getTime() + deltaMinutes * 6e4, minEnd));
+}
+
+// src/components/dnd/ResizableEvent.tsx
 var ResizableEvent = ({
   event,
   hourHeight,
@@ -553,8 +1011,8 @@ var ResizableEvent = ({
   readonly
 }) => {
   const resizeLocked = readonly || isEventResizeDisabled(event);
-  const [isResizing, setIsResizing] = useState(false);
-  const [resizeHeight, setResizeHeight] = useState(null);
+  const [isResizing, setIsResizing] = useState2(false);
+  const [resizeHeight, setResizeHeight] = useState2(null);
   const containerRef = useRef(null);
   const startYRef = useRef(0);
   const startHeightRef = useRef(0);
@@ -583,14 +1041,8 @@ var ResizableEvent = ({
       setIsResizing(false);
       const finalHeight = resizeHeightRef.current;
       if (finalHeight !== null && containerRef.current && onResize) {
-        const originalHeight = startHeightRef.current;
-        const heightDiff = finalHeight - originalHeight;
-        const minutesDiff = heightDiff / hourHeight * 60;
-        const newEnd = new Date(event.end);
-        newEnd.setMinutes(newEnd.getMinutes() + minutesDiff);
-        if (newEnd > event.start) {
-          onResize(event, newEnd);
-        }
+        const minutesDiff = (finalHeight - startHeightRef.current) / hourHeight * 60;
+        onResize(event, computeResizeEnd(event, minutesDiff, minDuration));
       }
       resizeHeightRef.current = null;
       setResizeHeight(null);
@@ -607,7 +1059,7 @@ var ResizableEvent = ({
   const handlePointerDown = useCallback((e) => {
     e.stopPropagation();
   }, []);
-  return /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React8.createElement(
     "div",
     {
       ref: containerRef,
@@ -618,7 +1070,7 @@ var ResizableEvent = ({
       }
     },
     children,
-    /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React8.createElement(
       "div",
       {
         className: cn(
@@ -631,17 +1083,26 @@ var ResizableEvent = ({
         onMouseDown: resizeLocked ? void 0 : handleResizeStart,
         onTouchStart: resizeLocked ? void 0 : handleResizeStart
       },
-      /* @__PURE__ */ React15__default.createElement("div", { className: cn(
+      /* @__PURE__ */ React8.createElement("div", { className: cn(
         "w-8 h-1 rounded-full transition-all",
         isResizing ? "bg-primary" : "bg-muted-foreground/30 group-hover:bg-primary/50"
       ) })
     ),
-    isResizing && /* @__PURE__ */ React15__default.createElement("div", { className: "absolute inset-0 border-2 border-primary border-dashed rounded-md pointer-events-none bg-primary/5" })
+    isResizing && /* @__PURE__ */ React8.createElement("div", { className: "absolute inset-0 border-2 border-primary border-dashed rounded-md pointer-events-none bg-primary/5" })
   );
 };
 
 // src/views/WeekView.tsx
-var WeekView = ({
+var HOUR_HEIGHT = 60;
+var HOURS = Array.from({ length: 24 }, (_, i) => i);
+var QUARTERS = [0, 15, 30, 45];
+var NO_SEGMENTS = [];
+var slotDate = (day, hour, minute) => {
+  const date = new Date(day);
+  date.setHours(hour, minute, 0, 0);
+  return date;
+};
+var WeekViewImpl = ({
   currentDate,
   events,
   onEventClick,
@@ -651,151 +1112,110 @@ var WeekView = ({
   locale,
   readonly
 }) => {
-  const weekStartsOn = locale?.options?.weekStartsOn ?? 1;
-  const start = startOfWeek(currentDate, { weekStartsOn });
-  const end = endOfWeek(currentDate, { weekStartsOn });
-  const weekDays = eachDayOfInterval({ start, end });
-  const hours = Array.from({ length: 24 }, (_, i) => i);
-  const hourHeight = 60;
-  const scrollContainerRef = React15__default.useRef(null);
-  const [now, setNow] = React15__default.useState(/* @__PURE__ */ new Date());
-  React15__default.useEffect(() => {
+  const weekDays = React9.useMemo(
+    () => getWeekDays(currentDate, resolveWeekStartsOn(locale, 1)),
+    [currentDate, locale]
+  );
+  const visibleRange = React9.useMemo(
+    () => ({ start: weekDays[0], end: addDays2(weekDays[weekDays.length - 1], 1) }),
+    [weekDays]
+  );
+  const scrollContainerRef = React9.useRef(null);
+  const [now, setNow] = React9.useState(() => /* @__PURE__ */ new Date());
+  React9.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
-  React15__default.useEffect(() => {
+  React9.useEffect(() => {
     if (scrollContainerRef.current) {
-      const scrollToActualTime = () => {
-        const currentHour = now.getHours();
-        const offsetHour = 4;
-        return (currentHour - offsetHour) * hourHeight;
-      };
-      scrollContainerRef.current.scrollTop = scrollToActualTime();
-    }
-  }, []);
-  const getZonedDate = (date) => {
-    return timezone ? toZonedTime(date, timezone) : date;
-  };
-  const zonedNow = getZonedDate(/* @__PURE__ */ new Date());
-  const getTimezoneDisplay = (tz) => {
-    const date = now;
-    let displayTime = "";
-    let acronym = "";
-    if (!tz) {
-      displayTime = format(date, "HH:mm");
-      try {
-        acronym = new Intl.DateTimeFormat("en-US", { timeZoneName: "short" }).formatToParts(date).find((part) => part.type === "timeZoneName")?.value || "";
-      } catch (e) {
-        acronym = "LOC";
-      }
-    } else {
-      try {
-        const zDate = toZonedTime(date, tz);
-        displayTime = format(zDate, "HH:mm");
-        acronym = new Intl.DateTimeFormat("en-US", { timeZone: tz, timeZoneName: "short" }).formatToParts(date).find((part) => part.type === "timeZoneName")?.value || "";
-      } catch (e) {
-        displayTime = format(date, "HH:mm");
-        acronym = tz;
-      }
+      const offsetHour = 4;
+      scrollContainerRef.current.scrollTop = (toDisplay(/* @__PURE__ */ new Date(), timezone).getHours() - offsetHour) * HOUR_HEIGHT;
     }
-    return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center justify-center leading-tight" }, /* @__PURE__ */ React15__default.createElement("span", null, displayTime), /* @__PURE__ */ React15__default.createElement("span", { className: "text-[10px] opacity-75" }, "(", acronym, ")"));
-  };
-  const is24h = uses24HourClock(locale);
-  const timeFormat = is24h ? "H:mm" : "h a";
-  const eventTimeFormat = is24h ? "H:mm" : "h:mm a";
-  const nowFormat = is24h ? "H:mm" : "h:mm";
-  return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React15__default.createElement(
+  }, [timezone]);
+  const segmentsByDay = segmentsByDisplayDay(events, timezone, visibleRange);
+  const today = displayToday(timezone, now);
+  const zonedNow = toDisplay(now, timezone);
+  const nowTop = minutesSinceDisplayMidnight(now, timezone) / 60 * HOUR_HEIGHT;
+  const showsToday = weekDays.some((day) => isSameDay4(day, today));
+  const zone = resolveTimeZone(timezone);
+  const zoneLabel = timeZoneAbbreviation(now, zone) || zone || "LOC";
+  const formats = timeFormats(locale);
+  return /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React9.createElement(
     "div",
     {
       ref: scrollContainerRef,
       className: "flex-1 overflow-y-auto scrollbar-hide relative bg-background scroll-smooth"
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/20 via-background to-muted/20 z-20 sticky top-0 backdrop-blur-sm" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex-none p-3 text-center text-xs font-semibold text-muted-foreground w-16 flex items-center justify-center border-r-[0.5px] border-border/30 bg-muted/10" }, getTimezoneDisplay(timezone)), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 grid grid-cols-7" }, weekDays.map((day, index) => /* @__PURE__ */ React15__default.createElement("div", { key: day.toISOString(), className: cn("py-3 px-2 text-center", index > 0 && "border-l-[0.5px] border-border/30") }, /* @__PURE__ */ React15__default.createElement("div", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1.5" }, format(day, "EEE", { locale })), /* @__PURE__ */ React15__default.createElement("div", { className: cn(
+    /* @__PURE__ */ React9.createElement("div", { className: "flex border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/20 via-background to-muted/20 z-20 sticky top-0 backdrop-blur-sm" }, /* @__PURE__ */ React9.createElement("div", { className: "flex-none p-3 text-center text-xs font-semibold text-muted-foreground w-16 flex items-center justify-center border-r-[0.5px] border-border/30 bg-muted/10" }, /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col items-center justify-center leading-tight" }, /* @__PURE__ */ React9.createElement("span", null, format8(zonedNow, "HH:mm")), /* @__PURE__ */ React9.createElement("span", { className: "text-[10px] opacity-75" }, "(", zoneLabel, ")"))), /* @__PURE__ */ React9.createElement("div", { className: "flex-1 grid grid-cols-7" }, weekDays.map((day, index) => /* @__PURE__ */ React9.createElement("div", { key: day.toISOString(), className: cn("py-3 px-2 text-center", index > 0 && "border-l-[0.5px] border-border/30") }, /* @__PURE__ */ React9.createElement("div", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1.5" }, format8(day, "EEE", { locale })), /* @__PURE__ */ React9.createElement("div", { className: cn(
       "w-9 h-9 flex items-center justify-center rounded-xl mx-auto text-sm font-semibold transition-all duration-200",
-      isToday(day) ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30 scale-110" : "text-foreground hover:bg-accent/80"
-    ) }, format(day, "d", { locale })))))),
-    /* @__PURE__ */ React15__default.createElement(
+      isSameDay4(day, today) ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30 scale-110" : "text-foreground hover:bg-accent/80"
+    ) }, format8(day, "d", { locale })))))),
+    /* @__PURE__ */ React9.createElement(
       "div",
       {
         className: "flex min-w-full relative",
-        style: { height: hours.length * hourHeight }
+        style: { height: HOURS.length * HOUR_HEIGHT }
       },
-      /* @__PURE__ */ React15__default.createElement("div", { className: "flex-none w-16 border-r-[0.5px] border-border/30 relative bg-muted/5" }, hours.map((hour) => /* @__PURE__ */ React15__default.createElement(
+      /* @__PURE__ */ React9.createElement("div", { className: "flex-none w-16 border-r-[0.5px] border-border/30 relative bg-muted/5" }, HOURS.map((hour) => /* @__PURE__ */ React9.createElement(
         "div",
         {
           key: hour,
           className: "relative w-full text-[11px] text-muted-foreground/80 text-right pr-3 font-medium tabular-nums box-border",
-          style: { height: hourHeight }
+          style: { height: HOUR_HEIGHT }
         },
-        /* @__PURE__ */ React15__default.createElement("span", { className: "block -translate-y-1/2" }, hour !== 0 && format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale }))
-      ))),
-      /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, weekDays.map((day, dayIndex) => {
-        const dayEvents = events.filter((e) => {
-          const zonedStart = getZonedDate(e.start);
-          return isSameDay(zonedStart, day);
-        });
-        return /* @__PURE__ */ React15__default.createElement("div", { key: day.toISOString(), className: cn("relative h-full", dayIndex > 0 && "border-l-[0.5px] border-border/30") }, hours.map((hour) => {
-          return /* @__PURE__ */ React15__default.createElement(
-            "div",
-            {
-              key: hour,
-              className: "w-full border-b-[0.5px] border-dashed border-border/20 box-border relative hover:bg-accent/5 transition-colors",
-              style: { height: hourHeight }
-            },
-            [0, 15, 30, 45].map((minute) => {
-              const cellDate = new Date(day);
-              cellDate.setHours(hour, minute, 0, 0);
-              const cellId = cellDate.toISOString();
-              return /* @__PURE__ */ React15__default.createElement(
-                DroppableCell,
-                {
-                  key: minute,
-                  id: cellId,
-                  date: cellDate,
-                  className: "w-full absolute left-0 right-0 z-0 transition-colors",
-                  style: {
-                    height: "25%",
-                    top: `${minute / 60 * 100}%`
-                  }
+        /* @__PURE__ */ React9.createElement("span", { className: "block -translate-y-1/2" }, hour !== 0 && format8(slotDate(currentDate, hour, 0), formats.hour, { locale }))
+      )), showsToday && /* @__PURE__ */ React9.createElement(
+        "div",
+        {
+          className: "absolute left-0 w-full pointer-events-none z-30 flex justify-end pr-2",
+          style: { top: `${nowTop}px` }
+        },
+        /* @__PURE__ */ React9.createElement("span", { className: "text-[10px] font-bold text-primary-foreground bg-primary px-1.5 py-0.5 rounded-md shadow-md -translate-y-1/2 backdrop-blur-none" }, format8(zonedNow, formats.compact, { locale }))
+      )),
+      /* @__PURE__ */ React9.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, weekDays.map((day, dayIndex) => {
+        const dayKey2 = format8(day, "yyyy-MM-dd");
+        const positioned = layoutDayEvents(segmentsByDay.get(dayKey2) ?? NO_SEGMENTS);
+        return /* @__PURE__ */ React9.createElement("div", { key: dayKey2, className: cn("relative h-full", dayIndex > 0 && "border-l-[0.5px] border-border/30") }, HOURS.map((hour) => /* @__PURE__ */ React9.createElement(
+          "div",
+          {
+            key: hour,
+            className: "w-full border-b-[0.5px] border-dashed border-border/20 box-border relative hover:bg-accent/5 transition-colors",
+            style: { height: HOUR_HEIGHT }
+          },
+          QUARTERS.map((minute) => {
+            const cellDate = slotDate(day, hour, minute);
+            return /* @__PURE__ */ React9.createElement(
+              DroppableCell,
+              {
+                key: minute,
+                id: cellDate.toISOString(),
+                date: cellDate,
+                className: "w-full absolute left-0 right-0 z-0 transition-colors",
+                style: {
+                  height: "25%",
+                  top: `${minute / 60 * 100}%`
                 },
-                /* @__PURE__ */ React15__default.createElement(
-                  "div",
-                  {
-                    className: "w-full h-full bg-transparent cursor-pointer",
-                    onClick: () => onTimeSlotClick?.(cellDate)
-                  }
-                )
-              );
-            })
-          );
-        }), dayEvents.map((event) => {
-          const overlappingEvents = dayEvents.filter((e) => {
-            if (e.id === event.id) return false;
-            const s1 = getZonedDate(event.start).getTime();
-            const e1 = getZonedDate(event.end).getTime();
-            const s2 = getZonedDate(e.start).getTime();
-            const e2 = getZonedDate(e.end).getTime();
-            return s1 < e2 && e1 > s2;
-          });
-          const group = [event, ...overlappingEvents].sort(
-            (a, b) => getZonedDate(a.start).getTime() - getZonedDate(b.start).getTime() || (a.id > b.id ? 1 : -1)
-            // stable sort
-          );
-          const index = group.findIndex((e) => e.id === event.id);
-          const count = group.length;
-          const widthPercent = 100 / count;
-          const leftPercent = index * widthPercent;
-          const zonedEventStart = getZonedDate(event.start);
-          const zonedEventEnd = getZonedDate(event.end);
-          const startMinutes = zonedEventStart.getHours() * 60 + zonedEventStart.getMinutes();
-          const durationMinutes = differenceInMinutes(zonedEventEnd, zonedEventStart);
-          const top = startMinutes / 60 * hourHeight;
-          const height = durationMinutes / 60 * hourHeight;
+                onSlotClick: onTimeSlotClick
+              }
+            );
+          })
+        )), positioned.map(({ event, start, end, column, columns }) => {
+          const widthPercent = 100 / columns;
+          const leftPercent = column * widthPercent;
+          const zonedEventStart = toDisplay(event.start, timezone);
+          const zonedEventEnd = toDisplay(event.end, timezone);
+          const startMinutes = start.getHours() * 60 + start.getMinutes();
+          const durationMinutes = differenceInMinutes(end, start);
+          const top = startMinutes / 60 * HOUR_HEIGHT;
+          const height = durationMinutes / 60 * HOUR_HEIGHT;
           const isShortEvent = durationMinutes < 60;
-          return /* @__PURE__ */ React15__default.createElement(
+          const isLastSegment = end.getTime() === zonedEventEnd.getTime();
+          return /* @__PURE__ */ React9.createElement(
             DraggableEvent,
             {
-              key: `${event.id}-${day.toISOString()}`,
+              key: `${event.id}-${dayKey2}`,
+              dragId: `${event.id}@${dayKey2}`,
+              grabOffsetMs: start.getTime() - zonedEventStart.getTime(),
               event,
               className: `absolute z-10 transition-all ${readonly ? "cursor-default" : ""}`,
               style: {
@@ -804,20 +1224,20 @@ var WeekView = ({
                 left: `${leftPercent}%`,
                 width: `${widthPercent}%`,
                 // Add minimal spacing between overlapping events
-                paddingRight: count > 1 ? "2px" : "0"
+                paddingRight: columns > 1 ? "2px" : "0"
               }
             },
-            /* @__PURE__ */ React15__default.createElement(
+            /* @__PURE__ */ React9.createElement(
               ResizableEvent,
               {
-                readonly,
+                readonly: readonly || !isLastSegment,
                 event,
-                hourHeight,
+                hourHeight: HOUR_HEIGHT,
                 onResize: onEventResize,
                 className: "h-full",
                 style: { height: "100%" }
               },
-              /* @__PURE__ */ React15__default.createElement(
+              /* @__PURE__ */ React9.createElement(
                 "div",
                 {
                   className: cn(
@@ -827,7 +1247,7 @@ var WeekView = ({
                     !event.color && "border-primary/20 bg-primary/10",
                     isShortEvent ? "px-1 flex items-center justify-center" : "p-2",
                     // Add active border for overlapped events to distinguish them
-                    count > 1 && "border-l-4 border-l-primary/50"
+                    columns > 1 && "border-l-4 border-l-primary/50"
                   ),
                   style: {
                     height: "100%",
@@ -840,41 +1260,43 @@ var WeekView = ({
                     e.stopPropagation();
                     onEventClick?.(event);
                   },
-                  title: count > 1 ? `${event.title} (${index + 1}/${count})` : void 0
+                  title: columns > 1 ? `${event.title} (${column + 1}/${columns})` : void 0
                 },
-                /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React15__default.createElement("div", { className: cn(
+                /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React9.createElement("div", { className: cn(
                   "font-semibold truncate text-foreground/90 leading-tight",
                   isShortEvent ? "text-xs text-center" : "text-xs"
-                ) }, event.title), !isShortEvent && /* @__PURE__ */ React15__default.createElement(React15__default.Fragment, null, /* @__PURE__ */ React15__default.createElement("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5 font-medium leading-tight" }, format(zonedEventStart, eventTimeFormat, { locale }), " - ", format(zonedEventEnd, eventTimeFormat, { locale })), event.description && height > 50 && /* @__PURE__ */ React15__default.createElement("div", { className: "text-[10px] text-muted-foreground/80 truncate mt-1 leading-tight opacity-80" }, event.description)), count > 1 && !isShortEvent && /* @__PURE__ */ React15__default.createElement("div", { className: "absolute top-1 right-1 bg-background/80 backdrop-blur-sm rounded-full w-4 h-4 flex items-center justify-center text-[9px] font-bold text-muted-foreground border border-border shadow-sm" }, count))
+                ) }, event.title), !isShortEvent && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5 font-medium leading-tight" }, format8(zonedEventStart, formats.time, { locale }), " - ", format8(zonedEventEnd, formats.time, { locale })), event.description && height > 50 && /* @__PURE__ */ React9.createElement("div", { className: "text-[10px] text-muted-foreground/80 truncate mt-1 leading-tight opacity-80" }, event.description)), columns > 1 && !isShortEvent && /* @__PURE__ */ React9.createElement("div", { className: "absolute top-1 right-1 bg-background/80 backdrop-blur-sm rounded-full w-4 h-4 flex items-center justify-center text-[9px] font-bold text-muted-foreground border border-border shadow-sm" }, columns))
               )
             )
           );
-        }), isToday(day) && /* @__PURE__ */ React15__default.createElement(
+        }), isSameDay4(day, today) && /* @__PURE__ */ React9.createElement(
           "div",
           {
             className: "absolute left-0 right-0 z-20 pointer-events-none flex items-center",
-            style: {
-              top: `${(zonedNow.getHours() * 60 + zonedNow.getMinutes()) / 60 * hourHeight}px`
-            }
+            style: { top: `${nowTop}px` }
           },
-          /* @__PURE__ */ React15__default.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
-          /* @__PURE__ */ React15__default.createElement("div", { className: "absolute -left-1.5 w-3 h-3 bg-primary rounded-full shadow-lg shadow-primary/40 ring-2 ring-background animate-pulse" })
+          /* @__PURE__ */ React9.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
+          /* @__PURE__ */ React9.createElement("div", { className: "absolute -left-1.5 w-3 h-3 bg-primary rounded-full shadow-lg shadow-primary/40 ring-2 ring-background animate-pulse" })
         ));
       }))
-    ),
-    /* @__PURE__ */ React15__default.createElement(
-      "div",
-      {
-        className: "absolute left-0 w-16 pointer-events-none z-30 flex justify-end pr-2",
-        style: {
-          top: `${(zonedNow.getHours() * 60 + zonedNow.getMinutes()) / 60 * hourHeight + 80}px`
-        }
-      },
-      /* @__PURE__ */ React15__default.createElement("span", { className: "text-[10px] font-bold text-primary-foreground bg-primary px-1.5 py-0.5 rounded-md shadow-md -translate-y-1/2 backdrop-blur-none" }, format(zonedNow, nowFormat, { locale }))
     )
   ));
 };
-var DayView = ({
+var WeekView = React9.memo(WeekViewImpl);
+
+// src/views/DayView.tsx
+import React10 from "react";
+import { addDays as addDays3, format as format9, differenceInMinutes as differenceInMinutes2, isSameDay as isSameDay5, startOfDay as startOfDay3 } from "date-fns";
+var HOUR_HEIGHT2 = 80;
+var HOURS2 = Array.from({ length: 24 }, (_, i) => i);
+var QUARTERS2 = [0, 15, 30, 45];
+var NO_SEGMENTS2 = [];
+var slotDate2 = (day, hour, minute) => {
+  const date = new Date(day);
+  date.setHours(hour, minute, 0, 0);
+  return date;
+};
+var DayViewImpl = ({
   currentDate,
   events,
   onEventClick,
@@ -884,114 +1306,84 @@ var DayView = ({
   locale,
   readonly
 }) => {
-  const hours = Array.from({ length: 24 }, (_, i) => i);
-  const hourHeight = 80;
-  const scrollContainerRef = React15__default.useRef(null);
-  const [now, setNow] = React15__default.useState(/* @__PURE__ */ new Date());
-  React15__default.useEffect(() => {
+  const visibleRange = React10.useMemo(() => {
+    const start = startOfDay3(currentDate);
+    return { start, end: addDays3(start, 1) };
+  }, [currentDate]);
+  const scrollContainerRef = React10.useRef(null);
+  const [now, setNow] = React10.useState(() => /* @__PURE__ */ new Date());
+  React10.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
-  React15__default.useEffect(() => {
+  React10.useEffect(() => {
     if (scrollContainerRef.current) {
-      const scrollToActualTime = () => {
-        const currentHour = now.getHours();
-        const offsetHour = 3;
-        return (currentHour - offsetHour) * hourHeight;
-      };
-      scrollContainerRef.current.scrollTop = scrollToActualTime();
+      const offsetHour = 3;
+      scrollContainerRef.current.scrollTop = (toDisplay(/* @__PURE__ */ new Date(), timezone).getHours() - offsetHour) * HOUR_HEIGHT2;
     }
-  }, []);
-  const getZonedDate = (date) => {
-    return timezone ? toZonedTime(date, timezone) : date;
-  };
-  const zonedNow = getZonedDate(now);
-  const dayEvents = events.filter((e) => {
-    const zonedStart = getZonedDate(e.start);
-    return isSameDay(zonedStart, currentDate);
-  });
-  const is24h = uses24HourClock(locale);
-  const timeFormat = is24h ? "H:mm" : "h a";
-  const eventTimeFormat = is24h ? "H:mm" : "h:mm a";
-  const nowFormat = is24h ? "H:mm" : "h:mm a";
-  return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React15__default.createElement("div", { className: "px-6 py-4 border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/20 via-background to-muted/20 text-center shrink-0" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-center gap-3" }, /* @__PURE__ */ React15__default.createElement("h2", { className: "text-xl font-semibold capitalize text-foreground" }, format(currentDate, "EEEE, MMMM d, yyyy", { locale })), isToday(currentDate) && /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-semibold bg-primary text-primary-foreground px-3 py-1 rounded-full shadow-md shadow-primary/20" }, "Today"))), /* @__PURE__ */ React15__default.createElement("div", { ref: scrollContainerRef, className: "flex-1 overflow-y-auto relative" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex relative", style: { height: hours.length * hourHeight } }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-20 bg-muted/5 border-r-[0.5px] border-border/30 relative" }, hours.map((hour) => /* @__PURE__ */ React15__default.createElement(
+  }, [timezone]);
+  const dayKey2 = format9(currentDate, "yyyy-MM-dd");
+  const positioned = layoutDayEvents(segmentsByDisplayDay(events, timezone, visibleRange).get(dayKey2) ?? NO_SEGMENTS2);
+  const isToday2 = isSameDay5(currentDate, displayToday(timezone, now));
+  const zonedNow = toDisplay(now, timezone);
+  const nowTop = minutesSinceDisplayMidnight(now, timezone) / 60 * HOUR_HEIGHT2;
+  const formats = timeFormats(locale);
+  return /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col h-full bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React10.createElement("div", { className: "px-6 py-4 border-b-[0.5px] border-border/50 bg-gradient-to-r from-muted/20 via-background to-muted/20 text-center shrink-0" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-center justify-center gap-3" }, /* @__PURE__ */ React10.createElement("h2", { className: "text-xl font-semibold capitalize text-foreground" }, format9(currentDate, "EEEE, MMMM d, yyyy", { locale })), isToday2 && /* @__PURE__ */ React10.createElement("span", { className: "text-xs font-semibold bg-primary text-primary-foreground px-3 py-1 rounded-full shadow-md shadow-primary/20" }, "Today"))), /* @__PURE__ */ React10.createElement("div", { ref: scrollContainerRef, className: "flex-1 overflow-y-auto relative" }, /* @__PURE__ */ React10.createElement("div", { className: "flex relative", style: { height: HOURS2.length * HOUR_HEIGHT2 } }, /* @__PURE__ */ React10.createElement("div", { className: "w-20 bg-muted/5 border-r-[0.5px] border-border/30 relative" }, HOURS2.map((hour) => /* @__PURE__ */ React10.createElement(
     "div",
     {
       key: hour,
       className: "relative w-full",
-      style: { height: hourHeight }
+      style: { height: HOUR_HEIGHT2 }
     },
-    hour !== 0 && /* @__PURE__ */ React15__default.createElement("span", { className: "absolute w-full text-center -top-3 left-1/2 -translate-x-1/2 text-[11px] text-muted-foreground/80 font-medium tabular-nums bg-background px-1.5 py-0.5 rounded-md" }, format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale }))
-  )), isToday(currentDate) && /* @__PURE__ */ React15__default.createElement(
+    hour !== 0 && /* @__PURE__ */ React10.createElement("span", { className: "absolute w-full text-center -top-3 left-1/2 -translate-x-1/2 text-[11px] text-muted-foreground/80 font-medium tabular-nums bg-background px-1.5 py-0.5 rounded-md" }, format9(slotDate2(currentDate, hour, 0), formats.hour, { locale }))
+  )), isToday2 && /* @__PURE__ */ React10.createElement(
     "div",
     {
       className: "absolute left-0 w-full pointer-events-none z-30 flex justify-end pr-2",
-      style: {
-        top: `${(zonedNow.getHours() * 60 + zonedNow.getMinutes()) / 60 * hourHeight}px`
-      }
+      style: { top: `${nowTop}px` }
     },
-    /* @__PURE__ */ React15__default.createElement("span", { className: "text-[10px] font-bold text-white bg-primary px-2 py-1 rounded-lg shadow-md shadow-primary/30 -translate-y-1/2" }, format(zonedNow, nowFormat, { locale }))
-  )), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 relative" }, hours.map((hour) => {
-    return /* @__PURE__ */ React15__default.createElement(
-      "div",
-      {
-        key: hour,
-        className: "border-b-[0.5px] border-dashed border-border/20 box-border relative hover:bg-accent/5 transition-colors",
-        style: { height: hourHeight }
-      },
-      [0, 15, 30, 45].map((minute) => {
-        const cellDate = new Date(currentDate);
-        cellDate.setHours(hour, minute, 0, 0);
-        const cellId = cellDate.toISOString();
-        return /* @__PURE__ */ React15__default.createElement(
-          DroppableCell,
-          {
-            key: minute,
-            id: cellId,
-            date: cellDate,
-            className: "w-full absolute left-0 right-0 z-0 transition-colors",
-            style: {
-              height: "25%",
-              top: `${minute / 60 * 100}%`
-            }
+    /* @__PURE__ */ React10.createElement("span", { className: "text-[10px] font-bold text-white bg-primary px-2 py-1 rounded-lg shadow-md shadow-primary/30 -translate-y-1/2" }, format9(zonedNow, formats.time, { locale }))
+  )), /* @__PURE__ */ React10.createElement("div", { className: "flex-1 relative" }, HOURS2.map((hour) => /* @__PURE__ */ React10.createElement(
+    "div",
+    {
+      key: hour,
+      className: "border-b-[0.5px] border-dashed border-border/20 box-border relative hover:bg-accent/5 transition-colors",
+      style: { height: HOUR_HEIGHT2 }
+    },
+    QUARTERS2.map((minute) => {
+      const cellDate = slotDate2(currentDate, hour, minute);
+      return /* @__PURE__ */ React10.createElement(
+        DroppableCell,
+        {
+          key: minute,
+          id: cellDate.toISOString(),
+          date: cellDate,
+          className: "w-full absolute left-0 right-0 z-0 transition-colors",
+          style: {
+            height: "25%",
+            top: `${minute / 60 * 100}%`
           },
-          /* @__PURE__ */ React15__default.createElement(
-            "div",
-            {
-              className: "h-full w-full bg-transparent cursor-pointer",
-              onClick: () => onTimeSlotClick?.(cellDate)
-            }
-          )
-        );
-      })
-    );
-  }), dayEvents.map((event) => {
-    const overlappingEvents = dayEvents.filter((e) => {
-      if (e.id === event.id) return false;
-      const s1 = getZonedDate(event.start).getTime();
-      const e1 = getZonedDate(event.end).getTime();
-      const s2 = getZonedDate(e.start).getTime();
-      const e2 = getZonedDate(e.end).getTime();
-      return s1 < e2 && e1 > s2;
-    });
-    const group = [event, ...overlappingEvents].sort(
-      (a, b) => getZonedDate(a.start).getTime() - getZonedDate(b.start).getTime() || (a.id > b.id ? 1 : -1)
-    );
-    const index = group.findIndex((e) => e.id === event.id);
-    const count = group.length;
-    const widthPercent = 100 / count;
-    const leftPercent = index * widthPercent;
-    const zonedStart = getZonedDate(event.start);
-    const zonedEnd = getZonedDate(event.end);
-    const startMinutes = zonedStart.getHours() * 60 + zonedStart.getMinutes();
-    const durationMinutes = differenceInMinutes(zonedEnd, zonedStart);
-    const top = startMinutes / 60 * hourHeight;
-    const height = durationMinutes / 60 * hourHeight;
+          onSlotClick: onTimeSlotClick
+        }
+      );
+    })
+  )), positioned.map(({ event, start, end, column, columns }) => {
+    const widthPercent = 100 / columns;
+    const leftPercent = column * widthPercent;
+    const zonedStart = toDisplay(event.start, timezone);
+    const zonedEnd = toDisplay(event.end, timezone);
+    const startMinutes = start.getHours() * 60 + start.getMinutes();
+    const durationMinutes = differenceInMinutes2(end, start);
+    const top = startMinutes / 60 * HOUR_HEIGHT2;
+    const height = durationMinutes / 60 * HOUR_HEIGHT2;
     const isShortEvent = durationMinutes < 45;
-    return /* @__PURE__ */ React15__default.createElement(
+    const isLastSegment = end.getTime() === zonedEnd.getTime();
+    return /* @__PURE__ */ React10.createElement(
       DraggableEvent,
       {
-        key: `${event.id}-${currentDate.toISOString()}`,
+        key: `${event.id}-${dayKey2}`,
+        dragId: `${event.id}@${dayKey2}`,
+        grabOffsetMs: start.getTime() - zonedStart.getTime(),
         event,
         className: `absolute z-10 transition-all ${readonly ? "cursor-default" : ""}`,
         style: {
@@ -999,20 +1391,20 @@ var DayView = ({
           height: `${Math.max(height, 28)}px`,
           left: `calc(${leftPercent}% + 4px)`,
           width: `calc(${widthPercent}% - 8px)`,
-          paddingRight: count > 1 ? "2px" : "0"
+          paddingRight: columns > 1 ? "2px" : "0"
         }
       },
-      /* @__PURE__ */ React15__default.createElement(
+      /* @__PURE__ */ React10.createElement(
         ResizableEvent,
         {
-          readonly,
+          readonly: readonly || !isLastSegment,
           event,
-          hourHeight,
+          hourHeight: HOUR_HEIGHT2,
           onResize: onEventResize,
           className: "h-full",
           style: { height: "100%" }
         },
-        /* @__PURE__ */ React15__default.createElement(
+        /* @__PURE__ */ React10.createElement(
           "div",
           {
             className: cn(
@@ -1021,61 +1413,72 @@ var DayView = ({
               readonly || isEventDragDisabled(event) ? "cursor-default" : "cursor-grab active:cursor-grabbing",
               !event.color && "bg-primary/10 border-primary/20",
               isShortEvent ? "px-2 flex items-center" : "px-3 py-2",
-              count > 1 && "border-l-4"
+              columns > 1 && "border-l-4"
             ),
             style: {
               backgroundColor: event.color ? `${event.color}15` : void 0,
               borderColor: event.color ? `${event.color}30` : void 0,
               borderLeftColor: event.color || "var(--primary)",
-              borderLeftWidth: count > 1 ? "4px" : "3px"
+              borderLeftWidth: columns > 1 ? "4px" : "3px"
             },
             onClick: (e) => {
               e.stopPropagation();
               onEventClick?.(event);
             },
-            title: count > 1 ? `${event.title} (${index + 1}/${count})` : void 0
+            title: columns > 1 ? `${event.title} (${column + 1}/${columns})` : void 0
           },
-          /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React15__default.createElement("div", { className: cn(
+          /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React10.createElement("div", { className: cn(
             "font-semibold truncate leading-tight",
             isShortEvent ? "text-xs" : "text-sm",
             event.color ? "text-foreground" : "text-foreground/90"
-          ) }, event.title), !isShortEvent && /* @__PURE__ */ React15__default.createElement(React15__default.Fragment, null, /* @__PURE__ */ React15__default.createElement("div", { className: "text-xs text-muted-foreground mt-0.5 font-medium" }, format(zonedStart, eventTimeFormat, { locale }), " - ", format(zonedEnd, eventTimeFormat, { locale })), event.description && height > 60 && /* @__PURE__ */ React15__default.createElement("div", { className: "text-xs text-muted-foreground/80 mt-1 line-clamp-2" }, event.description)), count > 1 && !isShortEvent && /* @__PURE__ */ React15__default.createElement("div", { className: "absolute top-1.5 right-1.5 bg-background/90 backdrop-blur-sm rounded-full w-5 h-5 flex items-center justify-center text-[10px] font-bold text-muted-foreground border border-border shadow-sm" }, count))
+          ) }, event.title), !isShortEvent && /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("div", { className: "text-xs text-muted-foreground mt-0.5 font-medium" }, format9(zonedStart, formats.time, { locale }), " - ", format9(zonedEnd, formats.time, { locale })), event.description && height > 60 && /* @__PURE__ */ React10.createElement("div", { className: "text-xs text-muted-foreground/80 mt-1 line-clamp-2" }, event.description)), columns > 1 && !isShortEvent && /* @__PURE__ */ React10.createElement("div", { className: "absolute top-1.5 right-1.5 bg-background/90 backdrop-blur-sm rounded-full w-5 h-5 flex items-center justify-center text-[10px] font-bold text-muted-foreground border border-border shadow-sm" }, columns))
         )
       )
     );
-  }), isToday(currentDate) && /* @__PURE__ */ React15__default.createElement(
+  }), isToday2 && /* @__PURE__ */ React10.createElement(
     "div",
     {
       className: "absolute left-0 right-0 z-20 pointer-events-none flex items-center",
-      style: {
-        top: `${(zonedNow.getHours() * 60 + zonedNow.getMinutes()) / 60 * hourHeight}px`
-      }
+      style: { top: `${nowTop}px` }
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "absolute -left-1.5 w-3 h-3 bg-primary rounded-full shadow-lg shadow-primary/40 ring-2 ring-background animate-pulse" })
+    /* @__PURE__ */ React10.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
+    /* @__PURE__ */ React10.createElement("div", { className: "absolute -left-1.5 w-3 h-3 bg-primary rounded-full shadow-lg shadow-primary/40 ring-2 ring-background animate-pulse" })
   )))));
 };
-var AgendaEmptyState = ({ onCreateEvent, translations }) => /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center justify-center h-full min-h-[400px] py-12" }, /* @__PURE__ */ React15__default.createElement("div", { className: "relative mb-8" }, /* @__PURE__ */ React15__default.createElement("div", { className: "p-8 bg-gradient-to-br from-green-50 to-blue-50 dark:from-green-900/10 dark:to-blue-900/10 rounded-3xl border border-border/30" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-12 h-12 rounded-2xl bg-green-100 dark:bg-green-900/30 flex items-center justify-center" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-6 h-6 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 }, /* @__PURE__ */ React15__default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React15__default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React15__default.createElement("div", { className: "font-medium text-foreground" }, translations?.allCaughtUp || "All caught up!"), /* @__PURE__ */ React15__default.createElement("div", { className: "text-sm text-muted-foreground" }, translations?.noEventsScheduled || "No events scheduled"))))), /* @__PURE__ */ React15__default.createElement("div", { className: "text-center max-w-sm" }, /* @__PURE__ */ React15__default.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, translations?.noUpcoming || "Your schedule is clear"), /* @__PURE__ */ React15__default.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, translations?.noUpcomingHint || "No upcoming events to show. Create a new event to start planning."), onCreateEvent && /* @__PURE__ */ React15__default.createElement(
+var DayView = React10.memo(DayViewImpl);
+
+// src/views/AgendaView.tsx
+import React12, { useMemo as useMemo2 } from "react";
+import { format as format10, isSameDay as isSameDay6, addDays as addDays4, startOfDay as startOfDay4, differenceInMinutes as differenceInMinutes3 } from "date-fns";
+
+// src/components/EmptyState.tsx
+import React11 from "react";
+import { Plus as Plus2 } from "lucide-react";
+var AgendaEmptyState = ({ onCreateEvent, translations }) => /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col items-center justify-center h-full min-h-[400px] py-12" }, /* @__PURE__ */ React11.createElement("div", { className: "relative mb-8" }, /* @__PURE__ */ React11.createElement("div", { className: "p-8 bg-gradient-to-br from-green-50 to-blue-50 dark:from-green-900/10 dark:to-blue-900/10 rounded-3xl border border-border/30" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-12 h-12 rounded-2xl bg-green-100 dark:bg-green-900/30 flex items-center justify-center" }, /* @__PURE__ */ React11.createElement("svg", { className: "w-6 h-6 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 }, /* @__PURE__ */ React11.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React11.createElement("div", { className: "text-left" }, /* @__PURE__ */ React11.createElement("div", { className: "font-medium text-foreground" }, translations?.allCaughtUp || "All caught up!"), /* @__PURE__ */ React11.createElement("div", { className: "text-sm text-muted-foreground" }, translations?.noEventsScheduled || "No events scheduled"))))), /* @__PURE__ */ React11.createElement("div", { className: "text-center max-w-sm" }, /* @__PURE__ */ React11.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, translations?.noUpcoming || "Your schedule is clear"), /* @__PURE__ */ React11.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, translations?.noUpcomingHint || "No upcoming events to show. Create a new event to start planning."), onCreateEvent && /* @__PURE__ */ React11.createElement(
   "button",
   {
     onClick: onCreateEvent,
     className: "inline-flex items-center gap-2 px-5 py-2.5 bg-primary text-primary-foreground rounded-xl font-medium text-sm shadow-lg shadow-primary/20 hover:shadow-xl hover:shadow-primary/30 hover:scale-105 active:scale-95 transition-all duration-200"
   },
-  /* @__PURE__ */ React15__default.createElement(Plus, { className: "w-4 h-4" }),
+  /* @__PURE__ */ React11.createElement(Plus2, { className: "w-4 h-4" }),
   translations?.createEvent || "Create Event"
 )));
+
+// src/views/AgendaView.tsx
+import { motion } from "framer-motion";
+import { Clock, Users, Paperclip, Bell } from "lucide-react";
 var formatDuration = (start, end) => {
-  const minutes = differenceInMinutes(end, start);
+  const minutes = differenceInMinutes3(end, start);
   if (minutes < 60) return `${minutes}m`;
   const hours = Math.floor(minutes / 60);
   const remainingMinutes = minutes % 60;
   if (remainingMinutes === 0) return `${hours}h`;
   return `${hours}h ${remainingMinutes}m`;
 };
-var getDateLabel = (date, locale, translations) => {
-  if (isToday(date)) return translations?.today || "Today";
-  if (isTomorrow(date)) return translations?.tomorrow || "Tomorrow";
-  return format(date, "EEEE", { locale });
+var getDateLabel = (date, today, locale, translations) => {
+  if (isSameDay6(date, today)) return translations?.today || "Today";
+  if (isSameDay6(date, addDays4(today, 1))) return translations?.tomorrow || "Tomorrow";
+  return format10(date, "EEEE", { locale });
 };
 var AgendaView = ({
   currentDate,
@@ -1083,24 +1486,24 @@ var AgendaView = ({
   onEventClick,
   onCreateEvent,
   locale,
-  translations
+  translations,
+  timezone
 }) => {
   const is24h = uses24HourClock(locale);
-  const timePattern = is24h ? "H:mm" : "h:mm a";
-  const compactTimePattern = is24h ? "H:mm" : "h:mm";
-  const groupedEvents = useMemo(() => {
-    const startDate = startOfDay(currentDate);
+  const { time: timePattern, compact: compactTimePattern } = timeFormats(locale);
+  const today = displayToday(timezone);
+  const groupedEvents = useMemo2(() => {
+    const byDay = eventsByStartDay(events, timezone);
     const groups = [];
-    const sortedEvents = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
     for (let i = 0; i < 30; i++) {
-      const day = addDays(startDate, i);
-      const dayEvents = sortedEvents.filter((event) => isSameDay(event.start, day));
-      if (dayEvents.length > 0) {
-        groups.push({ date: day, events: dayEvents });
+      const day = addDays4(startOfDay4(currentDate), i);
+      const dayEvents = byDay.get(format10(day, "yyyy-MM-dd"));
+      if (dayEvents?.length) {
+        groups.push({ date: day, events: [...dayEvents].sort((a, b) => a.start.getTime() - b.start.getTime()) });
       }
     }
     return groups;
-  }, [currentDate, events]);
+  }, [currentDate, events, timezone]);
   const container = {
     hidden: { opacity: 0 },
     show: {
@@ -1114,7 +1517,7 @@ var AgendaView = ({
     hidden: { opacity: 0, x: -20 },
     show: { opacity: 1, x: 0 }
   };
-  return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full bg-background overflow-y-auto" }, groupedEvents.length === 0 ? /* @__PURE__ */ React15__default.createElement(AgendaEmptyState, { onCreateEvent, translations }) : /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col h-full bg-background overflow-y-auto" }, groupedEvents.length === 0 ? /* @__PURE__ */ React12.createElement(AgendaEmptyState, { onCreateEvent, translations }) : /* @__PURE__ */ React12.createElement(
     motion.div,
     {
       className: "max-w-3xl mx-auto w-full pb-10 px-4 md:px-6",
@@ -1122,21 +1525,21 @@ var AgendaView = ({
       initial: "hidden",
       animate: "show"
     },
-    groupedEvents.map((group, groupIndex) => /* @__PURE__ */ React15__default.createElement(
+    groupedEvents.map((group) => /* @__PURE__ */ React12.createElement(
       motion.div,
       {
         key: group.date.toISOString(),
         className: "relative",
         variants: item
       },
-      /* @__PURE__ */ React15__default.createElement("div", { className: "sticky top-0 bg-background/95 backdrop-blur-md py-4 z-10 border-b border-border/50" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React15__default.createElement("div", { className: cn(
+      /* @__PURE__ */ React12.createElement("div", { className: "sticky top-0 bg-background/95 backdrop-blur-md py-4 z-10 border-b border-border/50" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: cn(
         "flex flex-col items-center justify-center w-16 h-16 rounded-2xl transition-all",
-        isToday(group.date) ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30" : "bg-muted/50 text-foreground"
-      ) }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-2xl font-bold leading-none" }, format(group.date, "d")), /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-medium uppercase tracking-wide opacity-80" }, format(group.date, "MMM", { locale }))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React15__default.createElement("span", { className: cn(
+        isSameDay6(group.date, today) ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30" : "bg-muted/50 text-foreground"
+      ) }, /* @__PURE__ */ React12.createElement("span", { className: "text-2xl font-bold leading-none" }, format10(group.date, "d")), /* @__PURE__ */ React12.createElement("span", { className: "text-xs font-medium uppercase tracking-wide opacity-80" }, format10(group.date, "MMM", { locale }))), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React12.createElement("span", { className: cn(
         "text-lg font-semibold",
-        isToday(group.date) && "text-primary"
-      ) }, getDateLabel(group.date, locale, translations)), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm text-muted-foreground" }, group.events.length, " ", group.events.length !== 1 ? translations?.eventPlural || "events" : translations?.eventSingular || "event")))),
-      /* @__PURE__ */ React15__default.createElement("div", { className: "py-4 space-y-3" }, group.events.map((event, eventIndex) => /* @__PURE__ */ React15__default.createElement(
+        isSameDay6(group.date, today) && "text-primary"
+      ) }, getDateLabel(group.date, today, locale, translations)), /* @__PURE__ */ React12.createElement("span", { className: "text-sm text-muted-foreground" }, group.events.length, " ", group.events.length !== 1 ? translations?.eventPlural || "events" : translations?.eventSingular || "event")))),
+      /* @__PURE__ */ React12.createElement("div", { className: "py-4 space-y-3" }, group.events.map((event) => /* @__PURE__ */ React12.createElement(
         motion.div,
         {
           key: event.id,
@@ -1150,44 +1553,49 @@ var AgendaView = ({
           whileHover: { scale: 1.01, y: -2 },
           transition: { duration: 0.2 }
         },
-        /* @__PURE__ */ React15__default.createElement(
+        /* @__PURE__ */ React12.createElement(
           "div",
           {
             className: "absolute left-0 top-3 bottom-3 w-1 rounded-full",
             style: { backgroundColor: event.color || "var(--primary)" }
           }
         ),
-        /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center min-w-[70px] pl-2" }, event.allDay ? /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-semibold text-muted-foreground bg-muted/80 px-2.5 py-1 rounded-full" }, translations?.allDay || "All Day")) : /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-base font-semibold text-foreground" }, format(event.start, compactTimePattern, { locale })), !is24h && /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs text-muted-foreground uppercase" }, format(event.start, "a")), /* @__PURE__ */ React15__default.createElement("div", { className: "w-px h-3 bg-border my-1" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs text-muted-foreground/70 font-medium" }, formatDuration(event.start, event.end)))),
-        /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 min-w-0 space-y-2" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ React15__default.createElement("h4", { className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors line-clamp-1" }, event.title), /* @__PURE__ */ React15__default.createElement(
+        /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center min-w-[70px] pl-2" }, event.allDay ? /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React12.createElement("span", { className: "text-xs font-semibold text-muted-foreground bg-muted/80 px-2.5 py-1 rounded-full" }, translations?.allDay || "All Day")) : /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React12.createElement("span", { className: "text-base font-semibold text-foreground" }, format10(toDisplay(event.start, timezone), compactTimePattern, { locale })), !is24h && /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-muted-foreground uppercase" }, format10(toDisplay(event.start, timezone), "a")), /* @__PURE__ */ React12.createElement("div", { className: "w-px h-3 bg-border my-1" }), /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-muted-foreground/70 font-medium" }, formatDuration(event.start, event.end)))),
+        /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0 space-y-2" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ React12.createElement("h4", { className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors line-clamp-1" }, event.title), /* @__PURE__ */ React12.createElement(
           "div",
           {
             className: "w-3 h-3 rounded-full shrink-0 mt-1.5",
             style: { backgroundColor: event.color || "var(--primary)" }
           }
-        )), event.description && /* @__PURE__ */ React15__default.createElement("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed" }, event.description), /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-wrap items-center gap-3 pt-1" }, !event.allDay && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Clock, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, format(event.start, timePattern, { locale }), " - ", format(event.end, timePattern, { locale }))), event.guests && event.guests.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Users, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, event.guests.length, " ", event.guests.length !== 1 ? translations?.guestsCount || "guests" : translations?.guestCount || "guest")), event.attachments && event.attachments.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Paperclip, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, event.attachments.length)), event.reminders && event.reminders.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React15__default.createElement(Bell, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React15__default.createElement("span", null, event.reminders.length)))),
-        /* @__PURE__ */ React15__default.createElement("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-5 h-5 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React15__default.createElement("path", { d: "M9 18l6-6-6-6" })))
+        )), event.description && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed" }, event.description), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-wrap items-center gap-3 pt-1" }, !event.allDay && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React12.createElement(Clock, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React12.createElement("span", null, format10(toDisplay(event.start, timezone), timePattern, { locale }), " - ", format10(toDisplay(event.end, timezone), timePattern, { locale }))), event.guests && event.guests.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React12.createElement(Users, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React12.createElement("span", null, event.guests.length, " ", event.guests.length !== 1 ? translations?.guestsCount || "guests" : translations?.guestCount || "guest")), event.attachments && event.attachments.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React12.createElement(Paperclip, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React12.createElement("span", null, event.attachments.length)), event.reminders && event.reminders.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React12.createElement(Bell, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React12.createElement("span", null, event.reminders.length)))),
+        /* @__PURE__ */ React12.createElement("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React12.createElement("svg", { className: "w-5 h-5 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React12.createElement("path", { d: "M9 18l6-6-6-6" })))
       )))
     ))
   ));
 };
+
+// src/views/ResourceView.tsx
+import React13, { useRef as useRef2 } from "react";
+import { format as format11, startOfDay as startOfDay5, differenceInMinutes as differenceInMinutes4 } from "date-fns";
 var ResourceView = ({
   currentDate,
   events,
   resources,
   onEventClick,
   onTimeSlotClick,
-  locale
+  locale,
+  timezone
 }) => {
-  const containerRef = useRef(null);
+  const containerRef = useRef2(null);
   const hours = Array.from({ length: 24 }, (_, i) => i);
   const hourWidth = 100;
-  const timeFormat = uses24HourClock(locale) ? "H:mm" : "h a";
+  const timeFormat = timeFormats(locale).hour;
   const getEventStyle = (event) => {
-    const start = new Date(event.start);
-    const end = new Date(event.end);
-    const dayStart = startOfDay(currentDate);
-    const startMinutes = differenceInMinutes(start, dayStart);
-    const durationMinutes = differenceInMinutes(end, start);
+    const start = toDisplay(event.start, timezone);
+    const end = toDisplay(event.end, timezone);
+    const dayStart = startOfDay5(currentDate);
+    const startMinutes = differenceInMinutes4(start, dayStart);
+    const durationMinutes = differenceInMinutes4(end, start);
     const left = startMinutes / 60 * hourWidth;
     const width = durationMinutes / 60 * hourWidth;
     return {
@@ -1196,19 +1604,19 @@ var ResourceView = ({
       // Min width for visibility
     };
   };
-  return /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col h-full bg-background overflow-hidden" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex border-b border-border bg-muted/20" }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-48 shrink-0 border-r border-border p-4 font-semibold text-sm bg-background sticky left-0 z-20" }, "Resources"), /* @__PURE__ */ React15__default.createElement("div", { className: "flex overflow-hidden" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex relative", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col h-full bg-background overflow-hidden" }, /* @__PURE__ */ React13.createElement("div", { className: "flex border-b border-border bg-muted/20" }, /* @__PURE__ */ React13.createElement("div", { className: "w-48 shrink-0 border-r border-border p-4 font-semibold text-sm bg-background sticky left-0 z-20" }, "Resources"), /* @__PURE__ */ React13.createElement("div", { className: "flex overflow-hidden" }, /* @__PURE__ */ React13.createElement("div", { className: "flex relative", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React13.createElement(
     "div",
     {
       key: hour,
       className: "border-r border-border/50 text-xs text-muted-foreground p-2 font-medium shrink-0",
       style: { width: hourWidth }
     },
-    format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale })
-  ))))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 overflow-auto relative", ref: containerRef }, /* @__PURE__ */ React15__default.createElement("div", { className: "min-w-fit" }, resources.map((resource) => {
+    format11((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale })
+  ))))), /* @__PURE__ */ React13.createElement("div", { className: "flex-1 overflow-auto relative", ref: containerRef }, /* @__PURE__ */ React13.createElement("div", { className: "min-w-fit" }, resources.map((resource) => {
     const resourceEvents = events.filter(
-      (e) => e.resourceId === resource.id && isSameDay(new Date(e.start), currentDate)
+      (e) => e.resourceId === resource.id && isSameDisplayDay(e.start, currentDate, timezone)
     );
-    return /* @__PURE__ */ React15__default.createElement("div", { key: resource.id, className: "flex border-b border-border min-h-[100px]" }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-48 shrink-0 border-r border-border p-4 bg-background sticky left-0 z-10 flex items-center gap-3" }, resource.avatar ? /* @__PURE__ */ React15__default.createElement("img", { src: resource.avatar, alt: resource.label, className: "w-8 h-8 rounded-full object-cover" }) : /* @__PURE__ */ React15__default.createElement("div", { className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-xs font-bold text-primary" }, resource.label.substring(0, 2).toUpperCase()), /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-medium" }, resource.label), /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs text-muted-foreground" }, "ID: ", resource.id))), /* @__PURE__ */ React15__default.createElement("div", { className: "relative flex", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React15__default.createElement(
+    return /* @__PURE__ */ React13.createElement("div", { key: resource.id, className: "flex border-b border-border min-h-[100px]" }, /* @__PURE__ */ React13.createElement("div", { className: "w-48 shrink-0 border-r border-border p-4 bg-background sticky left-0 z-10 flex items-center gap-3" }, resource.avatar ? /* @__PURE__ */ React13.createElement("img", { src: resource.avatar, alt: resource.label, className: "w-8 h-8 rounded-full object-cover" }) : /* @__PURE__ */ React13.createElement("div", { className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-xs font-bold text-primary" }, resource.label.substring(0, 2).toUpperCase()), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React13.createElement("span", { className: "text-sm font-medium" }, resource.label), /* @__PURE__ */ React13.createElement("span", { className: "text-xs text-muted-foreground" }, "ID: ", resource.id))), /* @__PURE__ */ React13.createElement("div", { className: "relative flex", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React13.createElement(
       "div",
       {
         key: hour,
@@ -1216,24 +1624,22 @@ var ResourceView = ({
         style: { width: hourWidth }
       },
       [0, 15, 30, 45].map((minute) => {
-        const slotDate = new Date(currentDate);
-        slotDate.setHours(hour, minute, 0, 0);
-        const slotId = `${resource.id}-${slotDate.toISOString()}`;
-        return /* @__PURE__ */ React15__default.createElement(
+        const slotDate3 = new Date(currentDate);
+        slotDate3.setHours(hour, minute, 0, 0);
+        const slotId = `${resource.id}-${slotDate3.toISOString()}`;
+        return /* @__PURE__ */ React13.createElement(
           DroppableCell,
           {
             key: minute,
             id: slotId,
-            date: slotDate,
+            date: slotDate3,
             resourceId: resource.id,
             className: "h-full flex-1 border-r border-border/10 last:border-border/30 hover:bg-accent/10 transition-colors",
-            onClick: () => {
-              onTimeSlotClick?.(slotDate, resource.id);
-            }
+            onSlotClick: onTimeSlotClick
           }
         );
       })
-    )), resourceEvents.map((event) => /* @__PURE__ */ React15__default.createElement(
+    )), resourceEvents.map((event) => /* @__PURE__ */ React13.createElement(
       DraggableEvent,
       {
         key: event.id,
@@ -1250,10 +1656,17 @@ var ResourceView = ({
           color: "#fff"
         }
       },
-      /* @__PURE__ */ React15__default.createElement("div", { className: "truncate" }, event.title)
+      /* @__PURE__ */ React13.createElement("div", { className: "truncate" }, event.title)
     ))));
   }))));
 };
+
+// src/components/EventModal.tsx
+import React15, { useState as useState3, useEffect as useEffect3 } from "react";
+
+// src/components/ui/Modal.tsx
+import React14, { useEffect as useEffect2, useRef as useRef3 } from "react";
+import { X } from "lucide-react";
 var Modal = ({
   isOpen,
   onClose,
@@ -1262,8 +1675,8 @@ var Modal = ({
   className,
   hideHeader = false
 }) => {
-  const overlayRef = useRef(null);
-  useEffect(() => {
+  const overlayRef = useRef3(null);
+  useEffect2(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -1277,14 +1690,14 @@ var Modal = ({
     };
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ React15__default.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center p-4 bg-black/40 backdrop-blur-md animate-in fade-in duration-300" }, /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React14.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center p-4 bg-black/40 backdrop-blur-md animate-in fade-in duration-300" }, /* @__PURE__ */ React14.createElement(
     "div",
     {
       ref: overlayRef,
       className: "absolute inset-0",
       onClick: onClose
     }
-  ), /* @__PURE__ */ React15__default.createElement(
+  ), /* @__PURE__ */ React14.createElement(
     "div",
     {
       className: cn(
@@ -1292,7 +1705,7 @@ var Modal = ({
         className
       )
     },
-    !hideHeader && /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border/50 shrink-0 bg-gradient-to-r from-muted/20 to-background" }, /* @__PURE__ */ React15__default.createElement("h3", { className: "text-lg font-semibold text-foreground" }, title), /* @__PURE__ */ React15__default.createElement(
+    !hideHeader && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border/50 shrink-0 bg-gradient-to-r from-muted/20 to-background" }, /* @__PURE__ */ React14.createElement("h3", { className: "text-lg font-semibold text-foreground" }, title), /* @__PURE__ */ React14.createElement(
       Button,
       {
         variant: "ghost",
@@ -1300,12 +1713,37 @@ var Modal = ({
         onClick: onClose,
         className: "h-9 w-9 p-0 rounded-xl hover:bg-accent/80 transition-all duration-200"
       },
-      /* @__PURE__ */ React15__default.createElement(X, { className: "h-4 w-4" }),
-      /* @__PURE__ */ React15__default.createElement("span", { className: "sr-only" }, "Close")
+      /* @__PURE__ */ React14.createElement(X, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React14.createElement("span", { className: "sr-only" }, "Close")
     )),
-    /* @__PURE__ */ React15__default.createElement("div", { className: cn("overflow-y-auto flex-1", !hideHeader && "p-6") }, children)
+    /* @__PURE__ */ React14.createElement("div", { className: cn("overflow-y-auto flex-1", !hideHeader && "p-6") }, children)
   ));
 };
+
+// src/components/EventModal.tsx
+import { format as format12, differenceInMinutes as differenceInMinutes5 } from "date-fns";
+import { motion as motion2, AnimatePresence } from "framer-motion";
+import {
+  Clock as Clock2,
+  MapPin,
+  AlignLeft,
+  Trash2,
+  X as X2,
+  Edit2,
+  Users as Users2,
+  Paperclip as Paperclip2,
+  File,
+  Calendar as Calendar2,
+  ChevronDown as ChevronDown2,
+  Check,
+  Download,
+  Bell as Bell2,
+  BellRing,
+  Plus as Plus3,
+  Repeat,
+  Tag,
+  ExternalLink
+} from "lucide-react";
 var REMINDER_OPTIONS = [
   { value: 0, label: "At time of event" },
   { value: 5, label: "5 minutes before" },
@@ -1347,13 +1785,10 @@ var EventModal = ({
   initialDate,
   onSave,
   onDelete,
-  calendars,
-  eventTypes,
-  translations
+  calendars
 }) => {
-  const [mode, setMode] = useState("create");
-  const [activeTab, setActiveTab] = useState("details");
-  const [formData, setFormData] = useState({
+  const [mode, setMode] = useState3("create");
+  const [formData, setFormData] = useState3({
     title: "",
     description: "",
     location: "",
@@ -1367,10 +1802,10 @@ var EventModal = ({
     attachments: [],
     reminders: [{ id: "1", type: "notification", time: 30, label: "30 minutes before" }]
   });
-  const [isCalendarDropdownOpen, setIsCalendarDropdownOpen] = useState(false);
-  const [isColorPickerOpen, setIsColorPickerOpen] = useState(false);
-  const [isReminderDropdownOpen, setIsReminderDropdownOpen] = useState(false);
-  const [isGuestsDropdownOpen, setIsGuestsDropdownOpen] = useState(false);
+  const [isCalendarDropdownOpen, setIsCalendarDropdownOpen] = useState3(false);
+  const [isColorPickerOpen, setIsColorPickerOpen] = useState3(false);
+  const [isReminderDropdownOpen, setIsReminderDropdownOpen] = useState3(false);
+  const [isGuestsDropdownOpen, setIsGuestsDropdownOpen] = useState3(false);
   const fakeGuests = [
     "alice@example.com",
     "bob@example.com",
@@ -1378,9 +1813,8 @@ var EventModal = ({
     "diana@example.com",
     "evan@example.com"
   ];
-  useRef(null);
-  const [selectedGuests, setSelectedGuests] = useState([]);
-  useEffect(() => {
+  const [selectedGuests, setSelectedGuests] = useState3([]);
+  useEffect3(() => {
     if (isOpen) {
       if (event) {
         setMode("view");
@@ -1410,7 +1844,6 @@ var EventModal = ({
           reminders: [{ id: "1", type: "notification", time: 30, label: "30 minutes before" }]
         });
         setSelectedGuests([]);
-        setActiveTab("details");
       }
     }
   }, [isOpen, event, initialDate, calendars]);
@@ -1445,7 +1878,7 @@ var EventModal = ({
   };
   const formatDateForInput = (date) => {
     if (!date) return "";
-    return format(date, "yyyy-MM-dd'T'HH:mm");
+    return format12(date, "yyyy-MM-dd'T'HH:mm");
   };
   const handleDateChange = (field, value) => {
     const date = new Date(value);
@@ -1495,14 +1928,14 @@ var EventModal = ({
   };
   const getDurationText = () => {
     if (!formData.start || !formData.end) return "";
-    const mins = differenceInMinutes(formData.end, formData.start);
+    const mins = differenceInMinutes5(formData.end, formData.start);
     if (mins < 60) return `${mins} min`;
     const hours = Math.floor(mins / 60);
     const remainingMins = mins % 60;
     if (remainingMins === 0) return `${hours} hr`;
     return `${hours} hr ${remainingMins} min`;
   };
-  const renderViewMode = () => /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-col bg-background overflow-hidden w-full max-h-[90vh]" }, /* @__PURE__ */ React15__default.createElement(
+  const renderViewMode = () => /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col bg-background overflow-hidden w-full max-h-[90vh]" }, /* @__PURE__ */ React15.createElement(
     "div",
     {
       className: "relative px-6 pt-6 pb-8",
@@ -1510,65 +1943,65 @@ var EventModal = ({
         background: `linear-gradient(135deg, ${event?.color || "#3b82f6"}15 0%, transparent 100%)`
       }
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
       "div",
       {
         className: "w-3 h-3 rounded-full",
         style: { backgroundColor: event?.color || "#3b82f6" }
       }
-    ), /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider" }, calendars?.find((c) => c.id === event?.calendarId)?.label || "Event")), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React15__default.createElement(
+    ), /* @__PURE__ */ React15.createElement("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider" }, calendars?.find((c) => c.id === event?.calendarId)?.label || "Event")), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React15.createElement(
       "button",
       {
         onClick: () => setMode("edit"),
         className: "p-2 hover:bg-background/80 rounded-lg transition-all text-muted-foreground hover:text-foreground",
         title: "Edit"
       },
-      /* @__PURE__ */ React15__default.createElement(Edit2, { className: "w-4 h-4" })
-    ), /* @__PURE__ */ React15__default.createElement(
+      /* @__PURE__ */ React15.createElement(Edit2, { className: "w-4 h-4" })
+    ), /* @__PURE__ */ React15.createElement(
       "button",
       {
         onClick: handleDelete,
         className: "p-2 hover:bg-destructive/10 rounded-lg transition-all text-muted-foreground hover:text-destructive",
         title: "Delete"
       },
-      /* @__PURE__ */ React15__default.createElement(Trash2, { className: "w-4 h-4" })
-    ), /* @__PURE__ */ React15__default.createElement(
+      /* @__PURE__ */ React15.createElement(Trash2, { className: "w-4 h-4" })
+    ), /* @__PURE__ */ React15.createElement(
       "button",
       {
         onClick: onClose,
         className: "p-2 hover:bg-background/80 rounded-lg transition-all text-muted-foreground hover:text-foreground",
         title: "Close"
       },
-      /* @__PURE__ */ React15__default.createElement(X, { className: "w-4 h-4" })
+      /* @__PURE__ */ React15.createElement(X2, { className: "w-4 h-4" })
     ))),
-    /* @__PURE__ */ React15__default.createElement("h1", { className: "text-2xl font-bold text-foreground mb-3 leading-tight" }, event?.title || "(No title)"),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-background/60 backdrop-blur-sm rounded-lg border border-border/30" }, /* @__PURE__ */ React15__default.createElement(Calendar, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15__default.createElement("span", { className: "font-medium" }, event?.start && format(new Date(event.start), "EEE, MMM d"))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-background/60 backdrop-blur-sm rounded-lg border border-border/30" }, /* @__PURE__ */ React15__default.createElement(Clock, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15__default.createElement("span", { className: "font-medium" }, event?.start && format(new Date(event.start), "h:mm a"), " \u2013 ", event?.end && format(new Date(event.end), "h:mm a"))))
-  ), /* @__PURE__ */ React15__default.createElement("div", { className: "px-6 pb-6 space-y-4 overflow-y-auto flex-1" }, event?.location && /* @__PURE__ */ React15__default.createElement(
-    motion.div,
+    /* @__PURE__ */ React15.createElement("h1", { className: "text-2xl font-bold text-foreground mb-3 leading-tight" }, event?.title || "(No title)"),
+    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-background/60 backdrop-blur-sm rounded-lg border border-border/30" }, /* @__PURE__ */ React15.createElement(Calendar2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "font-medium" }, event?.start && format12(new Date(event.start), "EEE, MMM d"))), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-background/60 backdrop-blur-sm rounded-lg border border-border/30" }, /* @__PURE__ */ React15.createElement(Clock2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "font-medium" }, event?.start && format12(new Date(event.start), "h:mm a"), " \u2013 ", event?.end && format12(new Date(event.end), "h:mm a"))))
+  ), /* @__PURE__ */ React15.createElement("div", { className: "px-6 pb-6 space-y-4 overflow-y-auto flex-1" }, event?.location && /* @__PURE__ */ React15.createElement(
+    motion2.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       className: "flex items-start gap-3 p-4 rounded-2xl bg-muted/30 border border-border/30 group hover:bg-muted/50 transition-all cursor-pointer"
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "p-2 bg-primary/10 rounded-xl" }, /* @__PURE__ */ React15__default.createElement(MapPin, { className: "w-5 h-5 text-primary" })),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React15__default.createElement("p", { className: "text-sm font-medium text-foreground" }, event.location), /* @__PURE__ */ React15__default.createElement("p", { className: "text-xs text-muted-foreground mt-0.5" }, "Click to open in maps")),
-    /* @__PURE__ */ React15__default.createElement(ExternalLink, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
-  ), event?.guests && event.guests.length > 0 && /* @__PURE__ */ React15__default.createElement(
-    motion.div,
+    /* @__PURE__ */ React15.createElement("div", { className: "p-2 bg-primary/10 rounded-xl" }, /* @__PURE__ */ React15.createElement(MapPin, { className: "w-5 h-5 text-primary" })),
+    /* @__PURE__ */ React15.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React15.createElement("p", { className: "text-sm font-medium text-foreground" }, event.location), /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-muted-foreground mt-0.5" }, "Click to open in maps")),
+    /* @__PURE__ */ React15.createElement(ExternalLink, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
+  ), event?.guests && event.guests.length > 0 && /* @__PURE__ */ React15.createElement(
+    motion2.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       transition: { delay: 0.05 },
       className: "space-y-3"
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(Users, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-medium text-foreground" }, event.guests.length, " ", event.guests.length > 1 ? "Guests" : "Guest"))),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-wrap gap-2" }, event.guests.map((email, index) => /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Users2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, event.guests.length, " ", event.guests.length > 1 ? "Guests" : "Guest"))),
+    /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-2" }, event.guests.map((email, index) => /* @__PURE__ */ React15.createElement(
       "div",
       {
         key: index,
         className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-muted/30 border border-border/30 hover:bg-muted/50 transition-all cursor-pointer group"
       },
-      /* @__PURE__ */ React15__default.createElement(
+      /* @__PURE__ */ React15.createElement(
         "div",
         {
           className: "w-8 h-8 rounded-full flex items-center justify-center text-sm font-semibold text-white",
@@ -1576,18 +2009,18 @@ var EventModal = ({
         },
         email[0].toUpperCase()
       ),
-      /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React15__default.createElement("p", { className: "text-sm font-medium text-foreground" }, email.split("@")[0]), /* @__PURE__ */ React15__default.createElement("p", { className: "text-xs text-muted-foreground truncate" }, email))
+      /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React15.createElement("p", { className: "text-sm font-medium text-foreground" }, email.split("@")[0]), /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-muted-foreground truncate" }, email))
     )))
-  ), event?.reminders && event.reminders.length > 0 && /* @__PURE__ */ React15__default.createElement(
-    motion.div,
+  ), event?.reminders && event.reminders.length > 0 && /* @__PURE__ */ React15.createElement(
+    motion2.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       transition: { delay: 0.1 },
       className: "flex items-center gap-3"
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "p-2 bg-amber-500/10 rounded-xl" }, /* @__PURE__ */ React15__default.createElement(Bell, { className: "w-4 h-4 text-amber-500" })),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-wrap gap-2" }, event.reminders.map((reminder) => /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement("div", { className: "p-2 bg-amber-500/10 rounded-xl" }, /* @__PURE__ */ React15.createElement(Bell2, { className: "w-4 h-4 text-amber-500" })),
+    /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-2" }, event.reminders.map((reminder) => /* @__PURE__ */ React15.createElement(
       "span",
       {
         key: reminder.id,
@@ -1595,45 +2028,45 @@ var EventModal = ({
       },
       reminder.label || `${reminder.time} min before`
     )))
-  ), event?.description && /* @__PURE__ */ React15__default.createElement(
-    motion.div,
+  ), event?.description && /* @__PURE__ */ React15.createElement(
+    motion2.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       transition: { delay: 0.15 },
       className: "space-y-2"
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-medium text-foreground" }, "Notes")),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "text-sm text-foreground/80 whitespace-pre-wrap leading-relaxed pl-6 p-3 rounded-xl bg-muted/20 border border-border/30" }, event.description)
-  ), event?.attachments && event.attachments.length > 0 && /* @__PURE__ */ React15__default.createElement(
-    motion.div,
+    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, "Notes")),
+    /* @__PURE__ */ React15.createElement("div", { className: "text-sm text-foreground/80 whitespace-pre-wrap leading-relaxed pl-6 p-3 rounded-xl bg-muted/20 border border-border/30" }, event.description)
+  ), event?.attachments && event.attachments.length > 0 && /* @__PURE__ */ React15.createElement(
+    motion2.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       transition: { delay: 0.2 },
       className: "space-y-2"
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(Paperclip, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-medium text-foreground" }, "Attachments")),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "grid gap-2" }, event.attachments.map((att) => /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Paperclip2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, "Attachments")),
+    /* @__PURE__ */ React15.createElement("div", { className: "grid gap-2" }, event.attachments.map((att) => /* @__PURE__ */ React15.createElement(
       "div",
       {
         key: att.id,
         onClick: () => handleDownload(att),
         className: "flex items-center gap-3 p-3 rounded-xl border border-border/30 bg-muted/20 hover:bg-muted/40 transition-all cursor-pointer group"
       },
-      /* @__PURE__ */ React15__default.createElement("div", { className: "p-2 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React15__default.createElement(File, { className: "w-4 h-4 text-primary" })),
-      /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React15__default.createElement("p", { className: "text-sm font-medium text-foreground truncate" }, att.name), /* @__PURE__ */ React15__default.createElement("p", { className: "text-xs text-muted-foreground" }, att.size)),
-      /* @__PURE__ */ React15__default.createElement(Download, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
+      /* @__PURE__ */ React15.createElement("div", { className: "p-2 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React15.createElement(File, { className: "w-4 h-4 text-primary" })),
+      /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React15.createElement("p", { className: "text-sm font-medium text-foreground truncate" }, att.name), /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-muted-foreground" }, att.size)),
+      /* @__PURE__ */ React15.createElement(Download, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
     )))
   )));
-  const renderEditMode = () => /* @__PURE__ */ React15__default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col bg-background overflow-hidden w-full max-h-[85vh]" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border/50 shrink-0" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React15__default.createElement(
+  const renderEditMode = () => /* @__PURE__ */ React15.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col bg-background overflow-hidden w-full max-h-[85vh]" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border/50 shrink-0" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
       onClick: () => setIsColorPickerOpen(!isColorPickerOpen),
       className: "relative p-1"
     },
-    /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement(
       "div",
       {
         className: "w-5 h-5 rounded-full cursor-pointer hover:scale-110 transition-transform",
@@ -1643,7 +2076,7 @@ var EventModal = ({
         }
       }
     ),
-    isColorPickerOpen && /* @__PURE__ */ React15__default.createElement("div", { className: "absolute top-full left-0 mt-2 p-2 bg-background border border-border rounded-xl shadow-xl z-50 flex flex-wrap gap-1.5 w-[180px]" }, COLOR_PALETTE.map((color) => /* @__PURE__ */ React15__default.createElement(
+    isColorPickerOpen && /* @__PURE__ */ React15.createElement("div", { className: "absolute top-full left-0 mt-2 p-2 bg-background border border-border rounded-xl shadow-xl z-50 flex flex-wrap gap-1.5 w-[180px]" }, COLOR_PALETTE.map((color) => /* @__PURE__ */ React15.createElement(
       "button",
       {
         key: color,
@@ -1659,15 +2092,15 @@ var EventModal = ({
         style: { backgroundColor: color, color }
       }
     )))
-  ), /* @__PURE__ */ React15__default.createElement("h2", { className: "text-lg font-semibold text-foreground" }, mode === "edit" ? "Edit Event" : "New Event")), /* @__PURE__ */ React15__default.createElement(
+  ), /* @__PURE__ */ React15.createElement("h2", { className: "text-lg font-semibold text-foreground" }, mode === "edit" ? "Edit Event" : "New Event")), /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
       onClick: onClose,
       className: "p-2 hover:bg-accent rounded-xl transition-all text-muted-foreground hover:text-foreground"
     },
-    /* @__PURE__ */ React15__default.createElement(X, { className: "w-4 h-4" })
-  )), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 overflow-y-auto" }, /* @__PURE__ */ React15__default.createElement("div", { className: "px-5 py-4 space-y-5" }, /* @__PURE__ */ React15__default.createElement("div", null, /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement(X2, { className: "w-4 h-4" })
+  )), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 overflow-y-auto" }, /* @__PURE__ */ React15.createElement("div", { className: "px-5 py-4 space-y-5" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
     "input",
     {
       type: "text",
@@ -1678,7 +2111,7 @@ var EventModal = ({
       onChange: (e) => setFormData({ ...formData, title: e.target.value }),
       placeholder: "Add title"
     }
-  )), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-3 p-4 rounded-2xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15__default.createElement("div", { className: "p-2 bg-primary/10 rounded-xl shrink-0" }, /* @__PURE__ */ React15__default.createElement(Clock, { className: "w-5 h-5 text-primary" })), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 grid grid-cols-2 gap-3" }, /* @__PURE__ */ React15__default.createElement("div", null, /* @__PURE__ */ React15__default.createElement("label", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, "Start"), /* @__PURE__ */ React15__default.createElement(
+  )), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 p-4 rounded-2xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15.createElement("div", { className: "p-2 bg-primary/10 rounded-xl shrink-0" }, /* @__PURE__ */ React15.createElement(Clock2, { className: "w-5 h-5 text-primary" })), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 grid grid-cols-2 gap-3" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("label", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, "Start"), /* @__PURE__ */ React15.createElement(
     "input",
     {
       type: "datetime-local",
@@ -1686,7 +2119,7 @@ var EventModal = ({
       value: formatDateForInput(formData.start),
       onChange: (e) => handleDateChange("start", e.target.value)
     }
-  )), /* @__PURE__ */ React15__default.createElement("div", null, /* @__PURE__ */ React15__default.createElement("label", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, "End"), /* @__PURE__ */ React15__default.createElement(
+  )), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("label", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, "End"), /* @__PURE__ */ React15.createElement(
     "input",
     {
       type: "datetime-local",
@@ -1694,16 +2127,16 @@ var EventModal = ({
       value: formatDateForInput(formData.end),
       onChange: (e) => handleDateChange("end", e.target.value)
     }
-  )))), getDurationText() && /* @__PURE__ */ React15__default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-medium px-3 py-1 rounded-full bg-primary/10 text-primary" }, getDurationText())), /* @__PURE__ */ React15__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(Bell, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-medium text-foreground" }, "Reminders")), /* @__PURE__ */ React15__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React15__default.createElement(
+  )))), getDurationText() && /* @__PURE__ */ React15.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React15.createElement("span", { className: "text-xs font-medium px-3 py-1 rounded-full bg-primary/10 text-primary" }, getDurationText())), /* @__PURE__ */ React15.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Bell2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, "Reminders")), /* @__PURE__ */ React15.createElement("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
       onClick: () => setIsReminderDropdownOpen(!isReminderDropdownOpen),
       className: "flex items-center gap-1 text-xs font-medium text-primary hover:text-primary/80 transition-colors"
     },
-    /* @__PURE__ */ React15__default.createElement(Plus, { className: "w-3.5 h-3.5" }),
+    /* @__PURE__ */ React15.createElement(Plus3, { className: "w-3.5 h-3.5" }),
     "Add"
-  ), isReminderDropdownOpen && /* @__PURE__ */ React15__default.createElement(React15__default.Fragment, null, /* @__PURE__ */ React15__default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsReminderDropdownOpen(false) }), /* @__PURE__ */ React15__default.createElement("div", { className: "absolute right-0 top-full mt-1 w-48 bg-background border border-border rounded-xl shadow-xl z-50 py-1 max-h-60 overflow-y-auto" }, REMINDER_OPTIONS.map((option) => /* @__PURE__ */ React15__default.createElement(
+  ), isReminderDropdownOpen && /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsReminderDropdownOpen(false) }), /* @__PURE__ */ React15.createElement("div", { className: "absolute right-0 top-full mt-1 w-48 bg-background border border-border rounded-xl shadow-xl z-50 py-1 max-h-60 overflow-y-auto" }, REMINDER_OPTIONS.map((option) => /* @__PURE__ */ React15.createElement(
     "button",
     {
       key: option.value,
@@ -1712,58 +2145,58 @@ var EventModal = ({
       className: "w-full px-3 py-2 text-left text-sm hover:bg-accent transition-colors"
     },
     option.label
-  )))))), formData.reminders && formData.reminders.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-wrap gap-2" }, formData.reminders.map((reminder) => /* @__PURE__ */ React15__default.createElement(
+  )))))), formData.reminders && formData.reminders.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-2" }, formData.reminders.map((reminder) => /* @__PURE__ */ React15.createElement(
     "div",
     {
       key: reminder.id,
       className: "flex items-center gap-2 px-3 py-1.5 rounded-full bg-amber-500/10 border border-amber-500/20"
     },
-    /* @__PURE__ */ React15__default.createElement(BellRing, { className: "w-3.5 h-3.5 text-amber-500" }),
-    /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-medium text-amber-600 dark:text-amber-400" }, reminder.label),
-    /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement(BellRing, { className: "w-3.5 h-3.5 text-amber-500" }),
+    /* @__PURE__ */ React15.createElement("span", { className: "text-xs font-medium text-amber-600 dark:text-amber-400" }, reminder.label),
+    /* @__PURE__ */ React15.createElement(
       "button",
       {
         type: "button",
         onClick: () => removeReminder(reminder.id),
         className: "p-0.5 hover:bg-amber-500/20 rounded-full transition-colors"
       },
-      /* @__PURE__ */ React15__default.createElement(X, { className: "w-3 h-3 text-amber-500" })
+      /* @__PURE__ */ React15.createElement(X2, { className: "w-3 h-3 text-amber-500" })
     )
-  )))), /* @__PURE__ */ React15__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(Users, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-medium text-foreground" }, "Guests")), /* @__PURE__ */ React15__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React15__default.createElement(
+  )))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Users2, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, "Guests")), /* @__PURE__ */ React15.createElement("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
       onClick: () => setIsGuestsDropdownOpen(!isGuestsDropdownOpen),
       className: "w-full flex items-center justify-between px-4 py-3 bg-muted/20 border border-border/30 rounded-xl text-sm text-left hover:bg-muted/30 transition-all"
     },
-    /* @__PURE__ */ React15__default.createElement("span", { className: selectedGuests.length > 0 ? "text-foreground font-medium" : "text-muted-foreground" }, selectedGuests.length > 0 ? `${selectedGuests.length} guest${selectedGuests.length > 1 ? "s" : ""} added` : "Add guests"),
-    /* @__PURE__ */ React15__default.createElement(ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform", isGuestsDropdownOpen && "rotate-180") })
-  ), isGuestsDropdownOpen && /* @__PURE__ */ React15__default.createElement(React15__default.Fragment, null, /* @__PURE__ */ React15__default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsGuestsDropdownOpen(false) }), /* @__PURE__ */ React15__default.createElement("div", { className: "absolute z-50 w-full mt-2 bg-background border border-border rounded-xl shadow-xl max-h-48 overflow-y-auto" }, fakeGuests.map((email) => /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement("span", { className: selectedGuests.length > 0 ? "text-foreground font-medium" : "text-muted-foreground" }, selectedGuests.length > 0 ? `${selectedGuests.length} guest${selectedGuests.length > 1 ? "s" : ""} added` : "Add guests"),
+    /* @__PURE__ */ React15.createElement(ChevronDown2, { className: cn("w-4 h-4 text-muted-foreground transition-transform", isGuestsDropdownOpen && "rotate-180") })
+  ), isGuestsDropdownOpen && /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsGuestsDropdownOpen(false) }), /* @__PURE__ */ React15.createElement("div", { className: "absolute z-50 w-full mt-2 bg-background border border-border rounded-xl shadow-xl max-h-48 overflow-y-auto" }, fakeGuests.map((email) => /* @__PURE__ */ React15.createElement(
     "div",
     {
       key: email,
       className: "px-4 py-3 hover:bg-accent cursor-pointer flex items-center gap-3 transition-colors",
       onClick: () => toggleGuest(email)
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: cn(
+    /* @__PURE__ */ React15.createElement("div", { className: cn(
       "w-5 h-5 rounded-md border-2 flex items-center justify-center transition-all",
       selectedGuests.includes(email) ? "bg-primary border-primary" : "border-border"
-    ) }, selectedGuests.includes(email) && /* @__PURE__ */ React15__default.createElement(Check, { className: "w-3 h-3 text-primary-foreground" })),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(
+    ) }, selectedGuests.includes(email) && /* @__PURE__ */ React15.createElement(Check, { className: "w-3 h-3 text-primary-foreground" })),
+    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
       "div",
       {
         className: "w-7 h-7 rounded-full flex items-center justify-center text-xs font-semibold text-white",
         style: { backgroundColor: `hsl(${fakeGuests.indexOf(email) * 60}, 70%, 50%)` }
       },
       email[0].toUpperCase()
-    ), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm" }, email))
-  ))))), selectedGuests.length > 0 && /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, selectedGuests.map((email) => /* @__PURE__ */ React15__default.createElement(
+    ), /* @__PURE__ */ React15.createElement("span", { className: "text-sm" }, email))
+  ))))), selectedGuests.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, selectedGuests.map((email) => /* @__PURE__ */ React15.createElement(
     "div",
     {
       key: email,
       className: "flex items-center gap-2 pl-1 pr-2 py-1 bg-muted/30 border border-border/30 rounded-full"
     },
-    /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement(
       "div",
       {
         className: "w-6 h-6 rounded-full flex items-center justify-center text-xs font-semibold text-white",
@@ -1771,17 +2204,17 @@ var EventModal = ({
       },
       email[0].toUpperCase()
     ),
-    /* @__PURE__ */ React15__default.createElement("span", { className: "text-xs font-medium text-foreground" }, email.split("@")[0]),
-    /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement("span", { className: "text-xs font-medium text-foreground" }, email.split("@")[0]),
+    /* @__PURE__ */ React15.createElement(
       "button",
       {
         type: "button",
         onClick: () => toggleGuest(email),
         className: "p-0.5 hover:bg-destructive/10 rounded-full transition-colors"
       },
-      /* @__PURE__ */ React15__default.createElement(X, { className: "w-3 h-3 text-muted-foreground" })
+      /* @__PURE__ */ React15.createElement(X2, { className: "w-3 h-3 text-muted-foreground" })
     )
-  )))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15__default.createElement(MapPin, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React15__default.createElement(
+  )))), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15.createElement(MapPin, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React15.createElement(
     "input",
     {
       type: "text",
@@ -1790,7 +2223,7 @@ var EventModal = ({
       value: formData.location || "",
       onChange: (e) => setFormData({ ...formData, location: e.target.value })
     }
-  )), /* @__PURE__ */ React15__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-medium text-foreground" }, "Notes")), /* @__PURE__ */ React15__default.createElement(
+  )), /* @__PURE__ */ React15.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm font-medium text-foreground" }, "Notes")), /* @__PURE__ */ React15.createElement(
     "textarea",
     {
       className: "w-full bg-muted/20 border border-border/30 rounded-xl px-4 py-3 text-sm min-h-[100px] resize-none text-foreground placeholder-muted-foreground focus:border-primary focus:ring-2 focus:ring-primary/20 transition-all",
@@ -1798,7 +2231,7 @@ var EventModal = ({
       value: formData.description || "",
       onChange: (e) => setFormData({ ...formData, description: e.target.value })
     }
-  )), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15__default.createElement(Repeat, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React15__default.createElement(
+  )), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15.createElement(Repeat, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React15.createElement(
     "select",
     {
       className: "flex-1 bg-transparent text-sm text-foreground focus:outline-none cursor-pointer",
@@ -1817,28 +2250,28 @@ var EventModal = ({
         }
       }
     },
-    /* @__PURE__ */ React15__default.createElement("option", { value: "" }, "Does not repeat"),
-    /* @__PURE__ */ React15__default.createElement("option", { value: "DAILY" }, "Daily"),
-    /* @__PURE__ */ React15__default.createElement("option", { value: "WEEKLY" }, "Weekly"),
-    /* @__PURE__ */ React15__default.createElement("option", { value: "MONTHLY" }, "Monthly"),
-    /* @__PURE__ */ React15__default.createElement("option", { value: "YEARLY" }, "Yearly")
-  )), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center justify-between p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(Tag, { className: "w-5 h-5 text-muted-foreground" }), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm text-foreground" }, "Calendar")), /* @__PURE__ */ React15__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement("option", { value: "" }, "Does not repeat"),
+    /* @__PURE__ */ React15.createElement("option", { value: "DAILY" }, "Daily"),
+    /* @__PURE__ */ React15.createElement("option", { value: "WEEKLY" }, "Weekly"),
+    /* @__PURE__ */ React15.createElement("option", { value: "MONTHLY" }, "Monthly"),
+    /* @__PURE__ */ React15.createElement("option", { value: "YEARLY" }, "Yearly")
+  )), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(Tag, { className: "w-5 h-5 text-muted-foreground" }), /* @__PURE__ */ React15.createElement("span", { className: "text-sm text-foreground" }, "Calendar")), /* @__PURE__ */ React15.createElement("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
       onClick: () => setIsCalendarDropdownOpen(!isCalendarDropdownOpen),
       className: "flex items-center gap-2 px-3 py-1.5 bg-background border border-border/50 rounded-lg text-sm hover:bg-accent/50 transition-all"
     },
-    /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement(
       "div",
       {
         className: "w-3 h-3 rounded-full",
         style: { backgroundColor: calendars?.find((c) => c.id === formData.calendarId)?.color || "#3b82f6" }
       }
     ),
-    /* @__PURE__ */ React15__default.createElement("span", { className: "font-medium" }, calendars?.find((c) => c.id === formData.calendarId)?.label || "Select"),
-    /* @__PURE__ */ React15__default.createElement(ChevronDown, { className: "w-3.5 h-3.5 text-muted-foreground" })
-  ), isCalendarDropdownOpen && /* @__PURE__ */ React15__default.createElement(React15__default.Fragment, null, /* @__PURE__ */ React15__default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsCalendarDropdownOpen(false) }), /* @__PURE__ */ React15__default.createElement("div", { className: "absolute right-0 bottom-full mb-2 w-48 bg-background border border-border rounded-xl shadow-xl z-50 py-1" }, calendars?.map((cal) => /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement("span", { className: "font-medium" }, calendars?.find((c) => c.id === formData.calendarId)?.label || "Select"),
+    /* @__PURE__ */ React15.createElement(ChevronDown2, { className: "w-3.5 h-3.5 text-muted-foreground" })
+  ), isCalendarDropdownOpen && /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsCalendarDropdownOpen(false) }), /* @__PURE__ */ React15.createElement("div", { className: "absolute right-0 bottom-full mb-2 w-48 bg-background border border-border rounded-xl shadow-xl z-50 py-1" }, calendars?.map((cal) => /* @__PURE__ */ React15.createElement(
     "button",
     {
       key: cal.id,
@@ -1853,19 +2286,19 @@ var EventModal = ({
         setIsCalendarDropdownOpen(false);
       }
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: cal.color } }),
-    /* @__PURE__ */ React15__default.createElement("span", { className: "flex-1 text-sm" }, cal.label),
-    formData.calendarId === cal.id && /* @__PURE__ */ React15__default.createElement(Check, { className: "w-4 h-4 text-primary" })
-  )))))))), /* @__PURE__ */ React15__default.createElement("div", { className: "px-5 py-4 border-t border-border/50 flex items-center justify-between bg-muted/10 shrink-0" }, mode === "edit" && /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React15.createElement("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: cal.color } }),
+    /* @__PURE__ */ React15.createElement("span", { className: "flex-1 text-sm" }, cal.label),
+    formData.calendarId === cal.id && /* @__PURE__ */ React15.createElement(Check, { className: "w-4 h-4 text-primary" })
+  )))))))), /* @__PURE__ */ React15.createElement("div", { className: "px-5 py-4 border-t border-border/50 flex items-center justify-between bg-muted/10 shrink-0" }, mode === "edit" && /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
       onClick: handleDelete,
       className: "flex items-center gap-2 px-4 py-2 text-destructive hover:bg-destructive/10 rounded-xl transition-all text-sm font-medium"
     },
-    /* @__PURE__ */ React15__default.createElement(Trash2, { className: "w-4 h-4" }),
+    /* @__PURE__ */ React15.createElement(Trash2, { className: "w-4 h-4" }),
     "Delete"
-  ), mode === "create" && /* @__PURE__ */ React15__default.createElement("div", null), /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(
+  ), mode === "create" && /* @__PURE__ */ React15.createElement("div", null), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
@@ -1873,7 +2306,7 @@ var EventModal = ({
       className: "px-4 py-2.5 text-muted-foreground hover:text-foreground font-medium text-sm rounded-xl transition-all hover:bg-accent"
     },
     "Cancel"
-  ), /* @__PURE__ */ React15__default.createElement(
+  ), /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "submit",
@@ -1881,8 +2314,8 @@ var EventModal = ({
     },
     mode === "edit" ? "Save Changes" : "Create Event"
   ))));
-  return /* @__PURE__ */ React15__default.createElement(Modal, { isOpen, onClose, hideHeader: true, className: "p-0 overflow-hidden max-w-lg rounded-2xl shadow-2xl" }, /* @__PURE__ */ React15__default.createElement(AnimatePresence, { mode: "wait" }, mode === "view" && event ? /* @__PURE__ */ React15__default.createElement(
-    motion.div,
+  return /* @__PURE__ */ React15.createElement(Modal, { isOpen, onClose, hideHeader: true, className: "p-0 overflow-hidden max-w-lg rounded-2xl shadow-2xl" }, /* @__PURE__ */ React15.createElement(AnimatePresence, { mode: "wait" }, mode === "view" && event ? /* @__PURE__ */ React15.createElement(
+    motion2.div,
     {
       key: "view",
       initial: { opacity: 0 },
@@ -1891,8 +2324,8 @@ var EventModal = ({
       transition: { duration: 0.15 }
     },
     renderViewMode()
-  ) : /* @__PURE__ */ React15__default.createElement(
-    motion.div,
+  ) : /* @__PURE__ */ React15.createElement(
+    motion2.div,
     {
       key: "edit",
       initial: { opacity: 0 },
@@ -1903,9 +2336,12 @@ var EventModal = ({
     renderEditMode()
   )));
 };
-var Skeleton = ({ className, style }) => /* @__PURE__ */ React15__default.createElement("div", { className: cn("animate-pulse bg-muted/40 rounded", className), style });
-var MonthViewSkeleton = () => /* @__PURE__ */ React15__default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React15__default.createElement("div", { className: "grid grid-cols-7 border-b border-border/50 bg-muted/10" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React15__default.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-4 w-8 mx-auto" })))), /* @__PURE__ */ React15__default.createElement("div", { className: "grid grid-cols-7 flex-1" }, Array.from({ length: 35 }).map((_, i) => /* @__PURE__ */ React15__default.createElement("div", { key: i, className: "min-h-[120px] border-r border-b border-border/30 p-2" }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-4 w-6 mb-2" }), /* @__PURE__ */ React15__default.createElement("div", { className: "space-y-1" }, Math.random() > 0.5 && /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-5 w-full rounded-md" }), Math.random() > 0.7 && /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-5 w-3/4 rounded-md" }))))));
-var WeekViewSkeleton = () => /* @__PURE__ */ React15__default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex border-b border-border/50 bg-muted/10" }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-16 p-3 border-r border-border/30" }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-8 w-10 mx-auto" })), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 grid grid-cols-7" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React15__default.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-3 w-8 mx-auto mb-1" }), /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-8 w-8 mx-auto rounded-xl" }))))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-16 border-r border-border/30" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React15__default.createElement("div", { key: i, className: "h-[60px] relative" }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-4 w-10 absolute right-2 -translate-y-1/2" })))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, Array.from({ length: 7 }).map((_, colIdx) => /* @__PURE__ */ React15__default.createElement("div", { key: colIdx, className: "relative border-r border-border/30 last:border-r-0" }, Array.from({ length: 10 }).map((_2, rowIdx) => /* @__PURE__ */ React15__default.createElement("div", { key: rowIdx, className: "h-[60px] border-b border-dashed border-border/20" })), Math.random() > 0.3 && /* @__PURE__ */ React15__default.createElement(
+
+// src/components/Skeleton.tsx
+import React16 from "react";
+var Skeleton = ({ className, style }) => /* @__PURE__ */ React16.createElement("div", { className: cn("animate-pulse bg-muted/40 rounded", className), style });
+var MonthViewSkeleton = () => /* @__PURE__ */ React16.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React16.createElement("div", { className: "grid grid-cols-7 border-b border-border/50 bg-muted/10" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-8 mx-auto" })))), /* @__PURE__ */ React16.createElement("div", { className: "grid grid-cols-7 flex-1" }, Array.from({ length: 35 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "min-h-[120px] border-r border-b border-border/30 p-2" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-6 mb-2" }), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1" }, Math.random() > 0.5 && /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-5 w-full rounded-md" }), Math.random() > 0.7 && /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-5 w-3/4 rounded-md" }))))));
+var WeekViewSkeleton = () => /* @__PURE__ */ React16.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React16.createElement("div", { className: "flex border-b border-border/50 bg-muted/10" }, /* @__PURE__ */ React16.createElement("div", { className: "w-16 p-3 border-r border-border/30" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-8 w-10 mx-auto" })), /* @__PURE__ */ React16.createElement("div", { className: "flex-1 grid grid-cols-7" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-3 w-8 mx-auto mb-1" }), /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-8 w-8 mx-auto rounded-xl" }))))), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React16.createElement("div", { className: "w-16 border-r border-border/30" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "h-[60px] relative" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-10 absolute right-2 -translate-y-1/2" })))), /* @__PURE__ */ React16.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, Array.from({ length: 7 }).map((_, colIdx) => /* @__PURE__ */ React16.createElement("div", { key: colIdx, className: "relative border-r border-border/30 last:border-r-0" }, Array.from({ length: 10 }).map((_2, rowIdx) => /* @__PURE__ */ React16.createElement("div", { key: rowIdx, className: "h-[60px] border-b border-dashed border-border/20" })), Math.random() > 0.3 && /* @__PURE__ */ React16.createElement(
   Skeleton,
   {
     className: "absolute rounded-md",
@@ -1917,20 +2353,25 @@ var WeekViewSkeleton = () => /* @__PURE__ */ React15__default.createElement("div
     }
   }
 ))))));
-var DayViewSkeleton = () => /* @__PURE__ */ React15__default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React15__default.createElement("div", { className: "px-6 py-4 border-b border-border/50 bg-muted/10 text-center" }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-7 w-64 mx-auto" })), /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React15__default.createElement("div", { className: "w-20 border-r border-border/30 bg-muted/5" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React15__default.createElement("div", { key: i, className: "h-[80px] relative" }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-4 w-12 absolute left-1/2 -translate-x-1/2 -translate-y-1/2" })))), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 relative" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React15__default.createElement("div", { key: i, className: "h-[80px] border-b border-dashed border-border/20" })), /* @__PURE__ */ React15__default.createElement(
+var DayViewSkeleton = () => /* @__PURE__ */ React16.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React16.createElement("div", { className: "px-6 py-4 border-b border-border/50 bg-muted/10 text-center" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-7 w-64 mx-auto" })), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React16.createElement("div", { className: "w-20 border-r border-border/30 bg-muted/5" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "h-[80px] relative" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-12 absolute left-1/2 -translate-x-1/2 -translate-y-1/2" })))), /* @__PURE__ */ React16.createElement("div", { className: "flex-1 relative" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React16.createElement("div", { key: i, className: "h-[80px] border-b border-dashed border-border/20" })), /* @__PURE__ */ React16.createElement(
   Skeleton,
   {
     className: "absolute rounded-lg left-4 right-4",
     style: { top: "160px", height: "120px" }
   }
-), /* @__PURE__ */ React15__default.createElement(
+), /* @__PURE__ */ React16.createElement(
   Skeleton,
   {
     className: "absolute rounded-lg left-4 right-4",
     style: { top: "400px", height: "80px" }
   }
 ))));
-var AgendaViewSkeleton = () => /* @__PURE__ */ React15__default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden p-6" }, /* @__PURE__ */ React15__default.createElement("div", { className: "space-y-6" }, Array.from({ length: 4 }).map((_, dayIdx) => /* @__PURE__ */ React15__default.createElement("div", { key: dayIdx }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-5 w-40 mb-4" }), /* @__PURE__ */ React15__default.createElement("div", { className: "space-y-3" }, Array.from({ length: 2 + Math.floor(Math.random() * 3) }).map((_2, eventIdx) => /* @__PURE__ */ React15__default.createElement("div", { key: eventIdx, className: "flex items-center gap-4 p-3 rounded-xl bg-muted/10" }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-10 w-10 rounded-lg" }), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React15__default.createElement(Skeleton, { className: "h-3 w-1/2" })))))))));
+var AgendaViewSkeleton = () => /* @__PURE__ */ React16.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden p-6" }, /* @__PURE__ */ React16.createElement("div", { className: "space-y-6" }, Array.from({ length: 4 }).map((_, dayIdx) => /* @__PURE__ */ React16.createElement("div", { key: dayIdx }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-5 w-40 mb-4" }), /* @__PURE__ */ React16.createElement("div", { className: "space-y-3" }, Array.from({ length: 2 + Math.floor(Math.random() * 3) }).map((_2, eventIdx) => /* @__PURE__ */ React16.createElement("div", { key: eventIdx, className: "flex items-center gap-4 p-3 rounded-xl bg-muted/10" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-10 w-10 rounded-lg" }), /* @__PURE__ */ React16.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React16.createElement(Skeleton, { className: "h-3 w-1/2" })))))))));
+
+// src/components/ContextMenu.tsx
+import React17, { useState as useState4, useCallback as useCallback2, useEffect as useEffect4, useRef as useRef4 } from "react";
+import { Edit3, Trash2 as Trash22, Copy } from "lucide-react";
+import { AnimatePresence as AnimatePresence2, motion as motion3 } from "framer-motion";
 var EventContextMenu = ({
   event,
   position,
@@ -1941,8 +2382,8 @@ var EventContextMenu = ({
   customActions = [],
   translations
 }) => {
-  const menuRef = useRef(null);
-  useEffect(() => {
+  const menuRef = useRef4(null);
+  useEffect4(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -1953,7 +2394,7 @@ var EventContextMenu = ({
       return () => document.removeEventListener("keydown", handleKeyDown);
     }
   }, [position, onClose]);
-  useEffect(() => {
+  useEffect4(() => {
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
         onClose();
@@ -1971,7 +2412,7 @@ var EventContextMenu = ({
     ...onEdit ? [{
       id: "edit",
       label: translations?.edit || "Edit",
-      icon: /* @__PURE__ */ React15__default.createElement(Edit3, { className: "w-4 h-4" }),
+      icon: /* @__PURE__ */ React17.createElement(Edit3, { className: "w-4 h-4" }),
       onClick: () => {
         onEdit(event);
         onClose();
@@ -1980,7 +2421,7 @@ var EventContextMenu = ({
     ...onDuplicate ? [{
       id: "duplicate",
       label: translations?.duplicate || "Duplicate",
-      icon: /* @__PURE__ */ React15__default.createElement(Copy, { className: "w-4 h-4" }),
+      icon: /* @__PURE__ */ React17.createElement(Copy, { className: "w-4 h-4" }),
       onClick: () => {
         onDuplicate(event);
         onClose();
@@ -1990,7 +2431,7 @@ var EventContextMenu = ({
     ...onDelete ? [{
       id: "delete",
       label: translations?.delete || "Delete",
-      icon: /* @__PURE__ */ React15__default.createElement(Trash2, { className: "w-4 h-4" }),
+      icon: /* @__PURE__ */ React17.createElement(Trash22, { className: "w-4 h-4" }),
       onClick: () => {
         onDelete(event.id);
         onClose();
@@ -2002,8 +2443,8 @@ var EventContextMenu = ({
     x: Math.min(position.x, window.innerWidth - 200),
     y: Math.min(position.y, window.innerHeight - (actions.length * 44 + 80))
   };
-  return /* @__PURE__ */ React15__default.createElement(AnimatePresence, null, /* @__PURE__ */ React15__default.createElement(
-    motion.div,
+  return /* @__PURE__ */ React17.createElement(AnimatePresence2, null, /* @__PURE__ */ React17.createElement(
+    motion3.div,
     {
       ref: menuRef,
       initial: { opacity: 0, scale: 0.95, y: -5 },
@@ -2016,14 +2457,14 @@ var EventContextMenu = ({
         top: adjustedPosition.y
       }
     },
-    /* @__PURE__ */ React15__default.createElement("div", { className: "px-3 py-2 border-b-[0.5px] border-border bg-muted/30" }, /* @__PURE__ */ React15__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React17.createElement("div", { className: "px-3 py-2 border-b-[0.5px] border-border bg-muted/30" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(
       "div",
       {
         className: "w-2.5 h-2.5 rounded-full shrink-0",
         style: { backgroundColor: event.color || "var(--primary)" }
       }
-    ), /* @__PURE__ */ React15__default.createElement("span", { className: "text-sm font-medium truncate text-foreground" }, event.title))),
-    /* @__PURE__ */ React15__default.createElement("div", { className: "py-1" }, actions.map((action, index) => /* @__PURE__ */ React15__default.createElement(React15__default.Fragment, { key: action.id }, index > 0 && action.variant === "danger" && /* @__PURE__ */ React15__default.createElement("div", { className: "h-px bg-border my-1" }), /* @__PURE__ */ React15__default.createElement(
+    ), /* @__PURE__ */ React17.createElement("span", { className: "text-sm font-medium truncate text-foreground" }, event.title))),
+    /* @__PURE__ */ React17.createElement("div", { className: "py-1" }, actions.map((action, index) => /* @__PURE__ */ React17.createElement(React17.Fragment, { key: action.id }, index > 0 && action.variant === "danger" && /* @__PURE__ */ React17.createElement("div", { className: "h-px bg-border my-1" }), /* @__PURE__ */ React17.createElement(
       "button",
       {
         onClick: action.onClick,
@@ -2035,13 +2476,13 @@ var EventContextMenu = ({
         )
       },
       action.icon,
-      /* @__PURE__ */ React15__default.createElement("span", null, action.label)
+      /* @__PURE__ */ React17.createElement("span", null, action.label)
     ))))
   ));
 };
 var useEventContextMenu = () => {
-  const [contextMenu, setContextMenu] = useState({ event: null, position: null });
-  const openContextMenu = useCallback((event, e) => {
+  const [contextMenu, setContextMenu] = useState4({ event: null, position: null });
+  const openContextMenu = useCallback2((event, e) => {
     e.preventDefault();
     e.stopPropagation();
     setContextMenu({
@@ -2049,7 +2490,7 @@ var useEventContextMenu = () => {
       position: { x: e.clientX, y: e.clientY }
     });
   }, []);
-  const closeContextMenu = useCallback(() => {
+  const closeContextMenu = useCallback2(() => {
     setContextMenu({ event: null, position: null });
   }, []);
   return {
@@ -2060,146 +2501,6 @@ var useEventContextMenu = () => {
   };
 };
 
-// src/locales/index.ts
-var en = {
-  today: "Today",
-  month: "Month",
-  week: "Week",
-  day: "Day",
-  agenda: "Agenda",
-  resource: "Resources",
-  createEvent: "Create Event",
-  editEvent: "Edit Event",
-  delete: "Delete",
-  save: "Save",
-  cancel: "Cancel",
-  title: "Add title",
-  start: "Start",
-  end: "End",
-  allDay: "All Day",
-  description: "Description",
-  repeat: "Repeat",
-  noRepeat: "Does not repeat",
-  selectCalendar: "Select Calendar",
-  selectType: "Select Type",
-  daily: "Daily",
-  weekly: "Weekly",
-  monthly: "Monthly",
-  yearly: "Yearly",
-  search: "Search events...",
-  allTypes: "All Types",
-  timezone: "Time zone",
-  localTime: "Local Time",
-  create: "Create",
-  calendars: "Calendars",
-  event: "Event",
-  task: "Task",
-  appointmentSchedule: "Appointment schedule",
-  new: "New",
-  dateAndTime: "Date & Time",
-  whosJoining: "Who's joining?",
-  suggestedTimes: "Suggested times for guests",
-  viewSuggestions: "View suggestions",
-  whereWillItBe: "Where will it be?",
-  location: "Enter address",
-  descriptionAndAttachments: "Description",
-  dragAndDrop: "Drag & drop files or",
-  guests: "Guests",
-  addGuests: "Add guests",
-  addAttachment: "Upload files",
-  moreOptions: "More options",
-  doesNotRepeat: "Does not repeat",
-  locationHelpText: 'Enter a physical address (e.g. "123 Main St") to generate the map.',
-  notes: "Notes...",
-  guestCount: "guest",
-  guestsCount: "guests",
-  repeatFor: "Repeat for",
-  times: "times",
-  until: "Until",
-  endRepeat: "End repeat",
-  never: "Never",
-  afterOccurrences: "After occurrences",
-  onDate: "On date",
-  tomorrow: "Tomorrow",
-  edit: "Edit",
-  duplicate: "Duplicate",
-  eventSingular: "event",
-  eventPlural: "events",
-  allCaughtUp: "All caught up!",
-  noEventsScheduled: "No events scheduled",
-  noUpcoming: "Your schedule is clear",
-  noUpcomingHint: "No upcoming events to show. Create a new event to start planning."
-};
-var fr = {
-  today: "Aujourd'hui",
-  month: "Mois",
-  week: "Semaine",
-  day: "Jour",
-  agenda: "Agenda",
-  resource: "Ressources",
-  createEvent: "Cr\xE9er un \xE9v\xE9nement",
-  editEvent: "Modifier l'\xE9v\xE9nement",
-  delete: "Supprimer",
-  save: "Enregistrer",
-  cancel: "Annuler",
-  title: "Ajouter un titre",
-  start: "D\xE9but",
-  end: "Fin",
-  allDay: "Toute la journ\xE9e",
-  description: "Description",
-  repeat: "R\xE9p\xE9ter",
-  noRepeat: "Ne se r\xE9p\xE8te pas",
-  selectCalendar: "S\xE9lectionner un calendrier",
-  selectType: "S\xE9lectionner un type",
-  daily: "Quotidien",
-  weekly: "Hebdomadaire",
-  monthly: "Mensuel",
-  yearly: "Annuel",
-  search: "Rechercher...",
-  allTypes: "Tous les types",
-  timezone: "Fuseau horaire",
-  localTime: "Heure locale",
-  create: "Cr\xE9er",
-  calendars: "Calendriers",
-  event: "\xC9v\xE9nement",
-  task: "T\xE2che",
-  appointmentSchedule: "Planning de rendez-vous",
-  new: "Nouveau",
-  dateAndTime: "Date et heure",
-  whosJoining: "Qui participe ?",
-  suggestedTimes: "Horaires sugg\xE9r\xE9s",
-  viewSuggestions: "Voir les suggestions",
-  whereWillItBe: "O\xF9 aura lieu ?",
-  location: "Entrer une adresse",
-  descriptionAndAttachments: "Description",
-  dragAndDrop: "Glisser-d\xE9poser des fichiers ou",
-  guests: "Invit\xE9s",
-  addGuests: "Ajouter des invit\xE9s",
-  addAttachment: "T\xE9l\xE9charger des fichiers",
-  moreOptions: "Plus d'options",
-  doesNotRepeat: "Ne se r\xE9p\xE8te pas",
-  locationHelpText: 'Entrez une adresse physique (ex: "123 Rue Principale") pour g\xE9n\xE9rer la carte.',
-  notes: "Notes...",
-  guestCount: "invit\xE9",
-  guestsCount: "invit\xE9s",
-  repeatFor: "R\xE9p\xE9ter pendant",
-  times: "fois",
-  until: "Jusqu'au",
-  endRepeat: "Fin de r\xE9p\xE9tition",
-  never: "Jamais",
-  afterOccurrences: "Apr\xE8s occurrences",
-  onDate: "\xC0 la date",
-  tomorrow: "Demain",
-  edit: "Modifier",
-  duplicate: "Dupliquer",
-  eventSingular: "\xE9v\xE9nement",
-  eventPlural: "\xE9v\xE9nements",
-  allCaughtUp: "Tout est \xE0 jour !",
-  noEventsScheduled: "Aucun \xE9v\xE9nement pr\xE9vu",
-  noUpcoming: "Votre planning est libre",
-  noUpcomingHint: "Aucun \xE9v\xE9nement \xE0 venir. Cr\xE9ez un nouvel \xE9v\xE9nement pour commencer \xE0 planifier."
-};
-
 // src/lib/theme.ts
 function colorToHsl(color) {
   let r = 0, g = 0, b = 0;
@@ -2225,7 +2526,7 @@ function colorToHsl(color) {
   const min = Math.min(r, g, b);
   let h = 0;
   let s = 0;
-  let l = (max + min) / 2;
+  const l = (max + min) / 2;
   if (max !== min) {
     const d = max - min;
     s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
@@ -2278,6 +2579,162 @@ function getThemeStyles(theme) {
   }
   return styles;
 }
+
+// src/hooks/useCalendarLogic.ts
+import { useMemo as useMemo3, useState as useState5 } from "react";
+import {
+  addDays as addDays5,
+  addMonths as addMonths3,
+  addWeeks,
+  endOfMonth as endOfMonth2,
+  format as format13,
+  startOfMonth as startOfMonth3,
+  startOfWeek as startOfWeek2,
+  subDays,
+  subMonths as subMonths2,
+  subWeeks
+} from "date-fns";
+
+// src/core/recurrence.ts
+import { addMonths as addMonths2, startOfMonth as startOfMonth2 } from "date-fns";
+import { RRule } from "rrule";
+var WEEKDAYS = [RRule.MO, RRule.TU, RRule.WE, RRule.TH, RRule.FR, RRule.SA, RRule.SU];
+var toFloating = (instant, tz) => {
+  const w = toDisplay(instant, tz);
+  return new Date(Date.UTC(w.getFullYear(), w.getMonth(), w.getDate(), w.getHours(), w.getMinutes(), w.getSeconds(), w.getMilliseconds()));
+};
+var fromFloating = (floating, tz) => fromDisplay(
+  new Date(
+    floating.getUTCFullYear(),
+    floating.getUTCMonth(),
+    floating.getUTCDate(),
+    floating.getUTCHours(),
+    floating.getUTCMinutes(),
+    floating.getUTCSeconds(),
+    floating.getUTCMilliseconds()
+  ),
+  tz
+);
+var minuteKey = (date) => Math.floor(date.getTime() / 6e4);
+var FREQUENCIES = { DAILY: RRule.DAILY, WEEKLY: RRule.WEEKLY, MONTHLY: RRule.MONTHLY, YEARLY: RRule.YEARLY };
+function buildRule(event, tz) {
+  const r = event.recurrence;
+  const freq = FREQUENCIES[r.freq];
+  if (freq === void 0) throw new Error(`unsupported frequency "${r.freq}"`);
+  return new RRule({
+    freq,
+    interval: r.interval || 1,
+    dtstart: toFloating(event.start, tz),
+    until: r.until ? toFloating(r.until, tz) : void 0,
+    count: r.count,
+    byweekday: r.byweekday?.length ? r.byweekday.map((d) => WEEKDAYS[d]) : void 0
+  });
+}
+function occurrencesInMonth(event, monthStart, tz) {
+  const rule = buildRule(event, tz);
+  const excluded = new Set((event.recurrence.exdates ?? []).map(minuteKey));
+  const duration = event.end.getTime() - event.start.getTime();
+  const from = toFloating(monthStart, tz);
+  const to = toFloating(addMonths2(monthStart, 1), tz);
+  const result = [];
+  for (const floating of rule.between(from, to, true)) {
+    if (floating.getTime() === to.getTime()) continue;
+    const start = fromFloating(floating, tz);
+    if (excluded.has(minuteKey(start))) continue;
+    result.push({
+      ...event,
+      id: `${event.id}-${start.getTime()}`,
+      originalEventId: event.id,
+      occurrenceStart: start,
+      start,
+      end: new Date(start.getTime() + duration)
+    });
+  }
+  return result;
+}
+var MAX_MONTHS_PER_EVENT = 12;
+var occurrenceCache = /* @__PURE__ */ new WeakMap();
+function cachedMonth(event, monthStart, tz) {
+  let months = occurrenceCache.get(event);
+  if (!months) {
+    months = /* @__PURE__ */ new Map();
+    occurrenceCache.set(event, months);
+  }
+  const key = `${monthStart.getFullYear()}-${monthStart.getMonth()}|${tz ?? ""}`;
+  let occurrences = months.get(key);
+  if (occurrences) {
+    months.delete(key);
+  } else {
+    occurrences = occurrencesInMonth(event, monthStart, tz);
+    if (months.size >= MAX_MONTHS_PER_EVENT) months.delete(months.keys().next().value);
+  }
+  months.set(key, occurrences);
+  return occurrences;
+}
+function expandRecurrences(events, range, anchorTz) {
+  const result = [];
+  const firstMonth = startOfMonth2(toDisplay(range.start, anchorTz));
+  const lastMonth = startOfMonth2(toDisplay(range.end, anchorTz));
+  for (const event of events) {
+    if (!event.recurrence) {
+      result.push(event);
+      continue;
+    }
+    try {
+      for (let month = firstMonth; month <= lastMonth; month = addMonths2(month, 1)) {
+        for (const occurrence of cachedMonth(event, fromDisplay(month, anchorTz), anchorTz)) {
+          if (occurrence.end >= range.start && occurrence.start <= range.end) result.push(occurrence);
+        }
+      }
+    } catch (error) {
+      warnOnce(`invalid-recurrence:${event.id}`, `Event "${event.id}" has an invalid recurrence rule: ${String(error)}`);
+      result.push(event);
+    }
+  }
+  return result;
+}
+function stripOccurrenceFields(event) {
+  const { originalEventId: _originalEventId, occurrenceStart: _occurrenceStart, ...rest } = event;
+  return rest;
+}
+var shiftFloating = (instant, deltaMs, tz) => fromFloating(new Date(toFloating(instant, tz).getTime() + deltaMs), tz);
+var DAY_MS = 24 * 60 * 60 * 1e3;
+var floatingDay = (floating) => Math.floor(floating.getTime() / DAY_MS);
+function shiftSeries(master, occurrence, newStart, newEnd, anchorTz) {
+  const fromFloat = toFloating(occurrence.start, anchorTz);
+  const toFloat = toFloating(newStart, anchorTz);
+  const deltaMs = toFloat.getTime() - fromFloat.getTime();
+  const dayDelta = floatingDay(toFloat) - floatingDay(fromFloat);
+  const start = shiftFloating(master.start, deltaMs, anchorTz);
+  const end = new Date(start.getTime() + (newEnd.getTime() - newStart.getTime()));
+  const recurrence = master.recurrence && {
+    ...master.recurrence,
+    byweekday: master.recurrence.byweekday && dayDelta % 7 !== 0 ? master.recurrence.byweekday.map((d) => ((d + dayDelta) % 7 + 7) % 7) : master.recurrence.byweekday,
+    exdates: master.recurrence.exdates?.map((d) => shiftFloating(d, deltaMs, anchorTz))
+  };
+  return stripOccurrenceFields({ ...master, start, end, recurrence });
+}
+function excludeOccurrence(master, occurrenceStart) {
+  const recurrence = master.recurrence ?? { freq: "DAILY" };
+  return { ...master, recurrence: { ...recurrence, exdates: [...recurrence.exdates ?? [], occurrenceStart] } };
+}
+
+// src/hooks/useStableCallback.ts
+import { useCallback as useCallback3, useRef as useRef5 } from "react";
+function useStableCallback(fn) {
+  const ref = useRef5(fn);
+  ref.current = fn;
+  return useCallback3((...args) => ref.current(...args), []);
+}
+
+// src/hooks/useCalendarLogic.ts
+function expansionRange(monthStart) {
+  return {
+    start: startOfWeek2(startOfMonth3(subMonths2(monthStart, 1))),
+    end: addDays5(endOfMonth2(addMonths3(monthStart, 1)), 37)
+  };
+}
+var DAY_MS2 = 24 * 60 * 60 * 1e3;
 var useCalendarLogic = ({
   events,
   view: controlledView,
@@ -2288,72 +2745,47 @@ var useCalendarLogic = ({
   onEventUpdate,
   onEventCreate,
   onEventDelete,
+  onEventDrop,
+  onEventResize,
+  onOccurrenceDelete,
   readOnly,
   timezone
 }) => {
-  const [internalView, setInternalView] = useState("week");
-  const [internalDate, setInternalDate] = useState(/* @__PURE__ */ new Date());
-  const [isSidebarOpen, setIsSidebarOpen] = useState(true);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [selectedEvent, setSelectedEvent] = useState(null);
-  const [modalInitialDate, setModalInitialDate] = useState(void 0);
+  const [internalView, setInternalView] = useState5("week");
+  const [internalDate, setInternalDate] = useState5(() => /* @__PURE__ */ new Date());
+  const [isSidebarOpen, setIsSidebarOpen] = useState5(true);
+  const [isModalOpen, setIsModalOpen] = useState5(false);
+  const [selectedEvent, setSelectedEvent] = useState5(null);
+  const [modalInitialDate, setModalInitialDate] = useState5(void 0);
+  const [modalInitialResourceId, setModalInitialResourceId] = useState5(void 0);
   const view = controlledView ?? internalView;
   const currentDate = controlledDate ?? internalDate;
-  const expandedEvents = useMemo(() => {
-    const allEvents = [];
-    const rangeStart = subDays(currentDate, 365);
-    const rangeEnd = addDays(currentDate, 365);
-    events.forEach((event) => {
-      if (event.recurrence) {
-        try {
-          const rule = new RRule({
-            freq: RRule[event.recurrence.freq],
-            interval: event.recurrence.interval || 1,
-            dtstart: new Date(event.start),
-            until: event.recurrence.until ? new Date(event.recurrence.until) : void 0,
-            count: event.recurrence.count
-          });
-          const dates = rule.between(rangeStart, rangeEnd);
-          dates.forEach((date) => {
-            const duration = differenceInMilliseconds(new Date(event.end), new Date(event.start));
-            allEvents.push({
-              ...event,
-              id: `${event.id}-${date.getTime()}`,
-              // Unique ID for each instance
-              originalEventId: event.id,
-              // Reference to original
-              start: date,
-              end: new Date(date.getTime() + duration)
-            });
-          });
-        } catch (e) {
-          console.error("Error parsing recurrence rule", e);
-          allEvents.push(event);
-        }
-      } else {
-        allEvents.push(event);
-      }
-    });
-    return allEvents;
-  }, [events, currentDate]);
-  const handleViewChange = (newView) => {
+  const normalizedEvents = useMemo3(() => normalizeEvents(events), [events]);
+  const monthKey = format13(currentDate, "yyyy-MM");
+  const range = useMemo3(() => expansionRange(/* @__PURE__ */ new Date(`${monthKey}-01T00:00:00`)), [monthKey]);
+  const expandedEvents = useMemo3(
+    () => expandRecurrences(normalizedEvents, range, timezone),
+    [normalizedEvents, range, timezone]
+  );
+  const masterOf = (occurrence) => normalizedEvents.find((e) => e.id === occurrence.originalEventId);
+  const handleViewChange = useStableCallback((newView) => {
     if (controlledOnViewChange) {
       controlledOnViewChange(newView);
     } else {
       setInternalView(newView);
     }
-  };
-  const handleDateChange = (newDate) => {
+  });
+  const handleDateChange = useStableCallback((newDate) => {
     if (controlledOnDateChange) {
       controlledOnDateChange(newDate);
     } else {
       setInternalDate(newDate);
     }
-  };
-  const handlePrev = () => {
+  });
+  const handlePrev = useStableCallback(() => {
     switch (view) {
       case "month":
-        handleDateChange(subMonths(currentDate, 1));
+        handleDateChange(subMonths2(currentDate, 1));
         break;
       case "week":
         handleDateChange(subWeeks(currentDate, 1));
@@ -2366,133 +2798,139 @@ var useCalendarLogic = ({
         handleDateChange(subDays(currentDate, 7));
         break;
     }
-  };
-  const handleNext = () => {
+  });
+  const handleNext = useStableCallback(() => {
     switch (view) {
       case "month":
-        handleDateChange(addMonths(currentDate, 1));
+        handleDateChange(addMonths3(currentDate, 1));
         break;
       case "week":
         handleDateChange(addWeeks(currentDate, 1));
         break;
       case "day":
       case "resource":
-        handleDateChange(addDays(currentDate, 1));
+        handleDateChange(addDays5(currentDate, 1));
         break;
       case "agenda":
-        handleDateChange(addDays(currentDate, 7));
+        handleDateChange(addDays5(currentDate, 7));
         break;
     }
-  };
-  const handleToday = () => {
+  });
+  const handleToday = useStableCallback(() => {
     handleDateChange(/* @__PURE__ */ new Date());
-  };
-  const handleDateClick = (date) => {
+  });
+  const handleDateClick = useStableCallback((date) => {
     handleDateChange(date);
     handleViewChange("day");
-  };
-  const handleTimeSlotClick = (date) => {
+  });
+  const handleTimeSlotClick = useStableCallback((date, resourceId) => {
     if (readOnly) return;
     setSelectedEvent(null);
     setModalInitialDate(date);
+    setModalInitialResourceId(resourceId);
     setIsModalOpen(true);
-  };
-  const handleEventClickInternal = (event) => {
-    if (onEventClick) {
-      onEventClick(event);
-    }
+  });
+  const handleEventClickInternal = useStableCallback((event) => {
+    onEventClick?.(event);
     if (!readOnly) {
       setSelectedEvent(event);
       setModalInitialDate(void 0);
+      setModalInitialResourceId(void 0);
       setIsModalOpen(true);
     }
-  };
-  const handleCreateEvent = () => {
+  });
+  const handleCreateEvent = useStableCallback(() => {
     if (readOnly) return;
     setSelectedEvent(null);
     setModalInitialDate(/* @__PURE__ */ new Date());
+    setModalInitialResourceId(void 0);
     setIsModalOpen(true);
-  };
-  const handleModalSave = (eventData) => {
-    let effectiveEventId = selectedEvent?.id;
+  });
+  const handleModalSave = useStableCallback((eventData) => {
     if (selectedEvent?.originalEventId) {
-      effectiveEventId = selectedEvent.originalEventId;
-    }
-    if (effectiveEventId) {
-      if (onEventUpdate) {
-        onEventUpdate({
-          ...eventData,
-          id: effectiveEventId
-        });
-      }
+      const master = masterOf(selectedEvent);
+      if (!master) return;
+      const edited = {
+        ...master,
+        ...stripOccurrenceFields(eventData),
+        id: master.id,
+        start: master.start,
+        end: master.end
+      };
+      onEventUpdate?.(
+        shiftSeries(edited, selectedEvent, eventData.start ?? selectedEvent.start, eventData.end ?? selectedEvent.end, timezone)
+      );
+    } else if (selectedEvent) {
+      onEventUpdate?.({ ...eventData, id: selectedEvent.id });
     } else {
-      if (onEventCreate) {
-        onEventCreate(eventData);
-      }
-    }
-  };
-  const handleModalDelete = (eventId) => {
-    let effectiveEventId = eventId;
-    if (selectedEvent?.originalEventId && selectedEvent.id === eventId) {
-      effectiveEventId = selectedEvent.originalEventId;
+      onEventCreate?.(
+        modalInitialResourceId && eventData.resourceId === void 0 ? { ...eventData, resourceId: modalInitialResourceId } : eventData
+      );
     }
-    if (onEventDelete) {
-      onEventDelete(effectiveEventId);
+  });
+  const handleEventDelete = useStableCallback((event) => {
+    if (!event.originalEventId) {
+      onEventDelete?.(event.id);
+      return;
     }
-  };
-  const handleDragEnd = (event) => {
-    const { active, over } = event;
-    if (!over) return;
-    const activeEvent = active.data.current?.event;
-    const overDate = over.data.current?.date;
-    if (!activeEvent || !overDate) return;
-    const originalStart = new Date(activeEvent.start);
-    const originalEnd = new Date(activeEvent.end);
-    const duration = differenceInMilliseconds(originalEnd, originalStart);
-    let newStart;
-    if (view === "month") {
-      if (timezone) {
-        const zonedOriginal = toZonedTime(originalStart, timezone);
-        const zonedNew = new Date(overDate);
-        zonedNew.setHours(zonedOriginal.getHours());
-        zonedNew.setMinutes(zonedOriginal.getMinutes());
-        zonedNew.setSeconds(zonedOriginal.getSeconds());
-        zonedNew.setMilliseconds(zonedOriginal.getMilliseconds());
-        newStart = fromZonedTime(zonedNew, timezone);
-      } else {
-        newStart = new Date(overDate);
-        newStart.setHours(originalStart.getHours());
-        newStart.setMinutes(originalStart.getMinutes());
-        newStart.setSeconds(originalStart.getSeconds());
-        newStart.setMilliseconds(originalStart.getMilliseconds());
-      }
+    const master = masterOf(event);
+    if (onOccurrenceDelete && master) {
+      onOccurrenceDelete(event, excludeOccurrence(master, event.occurrenceStart ?? event.start));
     } else {
-      if (timezone) {
-        newStart = fromZonedTime(overDate, timezone);
-      } else {
-        newStart = new Date(overDate);
-      }
-      newStart.setSeconds(0);
-      newStart.setMilliseconds(0);
-    }
-    const newEnd = new Date(newStart.getTime() + duration);
-    let newResourceId = activeEvent.resourceId;
-    const overResourceId = over.data.current?.resourceId;
-    if (overResourceId) {
-      newResourceId = overResourceId;
-    }
-    if (newStart.getTime() === originalStart.getTime() && newEnd.getTime() === originalEnd.getTime() && newResourceId === activeEvent.resourceId) {
-      return;
+      onEventDelete?.(event.originalEventId);
     }
-    if (onEventUpdate) {
-      onEventUpdate({
-        ...activeEvent,
-        start: newStart,
-        end: newEnd,
-        resourceId: newResourceId
-      });
+  });
+  const handleModalDelete = useStableCallback((eventId) => {
+    if (selectedEvent && selectedEvent.id === eventId) {
+      handleEventDelete(selectedEvent);
+    } else {
+      onEventDelete?.(eventId);
     }
+  });
+  const handleEventDuplicate = useStableCallback((event) => {
+    const { recurrence: _recurrence, ...copy } = stripOccurrenceFields(event);
+    onEventCreate?.({
+      ...copy,
+      id: `${event.originalEventId ?? event.id}-copy-${Date.now()}`,
+      title: `${event.title} (Copy)`,
+      start: new Date(event.start.getTime() + DAY_MS2),
+      end: new Date(event.end.getTime() + DAY_MS2)
+    });
+  });
+  const applyChange = (event, start, end) => {
+    if (!event.originalEventId) return { original: event, updated: { ...event, start, end } };
+    const master = masterOf(event);
+    if (!master) return null;
+    return { original: master, updated: shiftSeries(master, event, start, end, timezone) };
   };
+  const handleDragEnd = useStableCallback((dragEvent) => {
+    const { active, over } = dragEvent;
+    if (!over) return;
+    const dragged = active.data.current?.event;
+    const overDate = over.data.current?.date;
+    if (!dragged || !overDate) return;
+    const drop = computeDrop({
+      event: dragged,
+      overDate,
+      overResourceId: over.data.current?.resourceId,
+      grabOffsetMs: active.data.current?.grabOffsetMs,
+      view,
+      tz: timezone
+    });
+    if (!drop) return;
+    const change = applyChange(dragged, drop.start, drop.end);
+    if (!change) return;
+    const updated = { ...change.updated, resourceId: drop.resourceId };
+    onEventDrop?.(change.original, updated.start, updated.end);
+    onEventUpdate?.(updated);
+  });
+  const handleEventResize = useStableCallback((event, newEnd) => {
+    if (readOnly) return;
+    const change = applyChange(event, event.start, newEnd);
+    if (!change) return;
+    onEventResize?.(change.original, change.updated.start, change.updated.end);
+    onEventUpdate?.(change.updated);
+  });
   return {
     view,
     currentDate,
@@ -2514,9 +2952,18 @@ var useCalendarLogic = ({
     handleCreateEvent,
     handleModalSave,
     handleModalDelete,
+    handleEventDelete,
+    handleEventDuplicate,
+    handleEventResize,
     handleDragEnd
   };
 };
+
+// src/index.tsx
+import { differenceInMinutes as differenceInMinutes6, format as format14 } from "date-fns";
+
+// src/hooks/useSwipeGesture.ts
+import { useRef as useRef6, useCallback as useCallback4, useEffect as useEffect5 } from "react";
 var useSwipeGesture = (options) => {
   const {
     onSwipeLeft,
@@ -2528,9 +2975,9 @@ var useSwipeGesture = (options) => {
     allowedTime = 500,
     enabled = true
   } = options;
-  const touchInfoRef = useRef(null);
-  const elementRef = useRef(null);
-  const handleTouchStart = useCallback((e) => {
+  const touchInfoRef = useRef6(null);
+  const elementRef = useRef6(null);
+  const handleTouchStart = useCallback4((e) => {
     if (!enabled) return;
     const touch = e.touches[0];
     touchInfoRef.current = {
@@ -2539,7 +2986,7 @@ var useSwipeGesture = (options) => {
       startTime: Date.now()
     };
   }, [enabled]);
-  const handleTouchEnd = useCallback((e) => {
+  const handleTouchEnd = useCallback4((e) => {
     if (!enabled || !touchInfoRef.current) return;
     const touch = e.changedTouches[0];
     const { startX, startY, startTime } = touchInfoRef.current;
@@ -2563,7 +3010,7 @@ var useSwipeGesture = (options) => {
     }
     touchInfoRef.current = null;
   }, [enabled, threshold, restraint, allowedTime, onSwipeLeft, onSwipeRight, onSwipeUp, onSwipeDown]);
-  useEffect(() => {
+  useEffect5(() => {
     const element = elementRef.current;
     if (!element) return;
     element.addEventListener("touchstart", handleTouchStart, { passive: true });
@@ -2597,7 +3044,9 @@ var Scheduler = ({
   onEventCreate,
   onEventUpdate,
   onEventDelete,
+  onEventDrop,
   onEventResize,
+  onOccurrenceDelete,
   timezone,
   onTimezoneChange,
   className,
@@ -2619,7 +3068,7 @@ var Scheduler = ({
   locale
   // Date-fns locale
 }) => {
-  const [activeDragEvent, setActiveDragEvent] = useState(null);
+  const [activeDragEvent, setActiveDragEvent] = useState6(null);
   const {
     contextMenuEvent,
     contextMenuPosition,
@@ -2645,9 +3094,11 @@ var Scheduler = ({
     handleCreateEvent,
     handleModalSave,
     handleModalDelete,
+    handleEventDelete,
+    handleEventDuplicate,
+    handleEventResize,
     handleDragEnd,
     expandedEvents
-    // New export
   } = useCalendarLogic({
     events,
     view: controlledView,
@@ -2658,6 +3109,9 @@ var Scheduler = ({
     onEventUpdate,
     onEventCreate,
     onEventDelete,
+    onEventDrop,
+    onEventResize,
+    onOccurrenceDelete,
     readOnly,
     timezone
   });
@@ -2672,57 +3126,40 @@ var Scheduler = ({
   const snapToGrid = createSnapModifier(gridSize);
   const modifiers = [snapToGrid, restrictToWindowEdges];
   const dndSensors = readOnly ? [] : sensors;
-  const handleEventResize = (event, newEnd) => {
-    if (readOnly) return;
-    if (onEventResize) {
-      onEventResize(event, event.start, newEnd);
-    }
-    if (onEventUpdate) {
-      onEventUpdate({
-        ...event,
-        end: newEnd
-      });
-    }
-  };
   const id = useId();
   const swipeRef = useViewSwipe(handlePrev, handleNext, true);
-  const languagePack = language === "fr" ? fr : en;
-  const t = {
-    ...languagePack,
-    ...translations
-  };
-  const overlayTimeFormat = uses24HourClock(locale) ? "H:mm" : "h:mm a";
-  const handleDragStart = (event) => {
-    const { active } = event;
-    const draggedEvent = expandedEvents.find((e) => e.id === active.id);
+  const t = useMemo4(() => resolveTranslations(language, translations), [language, translations]);
+  const overlayTimeFormat = timeFormats(locale).time;
+  const handleDragStart = useCallback5((event) => {
+    const draggedEvent = event.active.data.current?.event;
     if (draggedEvent) {
       setActiveDragEvent(draggedEvent);
     }
-  };
-  const onDragEndWrapper = (event) => {
+  }, []);
+  const onDragEndWrapper = useCallback5((event) => {
     setActiveDragEvent(null);
     handleDragEnd(event);
-  };
+  }, [handleDragEnd]);
   const getDragHeight = () => {
     if (!activeDragEvent) return void 0;
     if (view === "resource") {
       return 80;
     }
     if (view !== "week" && view !== "day") return void 0;
-    const duration = differenceInMinutes(activeDragEvent.end, activeDragEvent.start);
+    const duration = differenceInMinutes6(activeDragEvent.end, activeDragEvent.start);
     const hourHeight = view === "day" ? 80 : 60;
     return duration / 60 * hourHeight;
   };
   const getDragWidth = () => {
     if (view === "month") return "100%";
     if (view === "resource" && activeDragEvent) {
-      const duration = differenceInMinutes(activeDragEvent.end, activeDragEvent.start);
+      const duration = differenceInMinutes6(activeDragEvent.end, activeDragEvent.start);
       const width = duration / 60 * 100;
       return `${Math.max(width, 4)}px`;
     }
     return "150px";
   };
-  const filteredEvents = useMemo(() => {
+  const filteredEvents = useMemo4(() => {
     if (!calendars) return expandedEvents;
     const activeCalendarIds = calendars.filter((c) => c.active !== false).map((c) => c.id);
     return expandedEvents.filter((e) => {
@@ -2730,7 +3167,7 @@ var Scheduler = ({
       return activeCalendarIds.includes(e.calendarId);
     });
   }, [expandedEvents, calendars]);
-  return /* @__PURE__ */ React15__default.createElement(
+  return /* @__PURE__ */ React18.createElement(
     DndContext,
     {
       id,
@@ -2739,13 +3176,13 @@ var Scheduler = ({
       onDragEnd: onDragEndWrapper,
       modifiers
     },
-    /* @__PURE__ */ React15__default.createElement(
+    /* @__PURE__ */ React18.createElement(
       "div",
       {
         className: cn("flex flex-col h-full bg-background text-foreground relative", className),
         style: getThemeStyles(theme)
       },
-      /* @__PURE__ */ React15__default.createElement(
+      /* @__PURE__ */ React18.createElement(
         CalendarHeader,
         {
           currentDate,
@@ -2764,8 +3201,8 @@ var Scheduler = ({
           locale
         }
       ),
-      /* @__PURE__ */ React15__default.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React15__default.createElement(
-        motion.div,
+      /* @__PURE__ */ React18.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React18.createElement(
+        motion4.div,
         {
           className: cn(
             "hidden md:block overflow-hidden"
@@ -2780,7 +3217,7 @@ var Scheduler = ({
             ease: [0.4, 0, 0.2, 1]
           }
         },
-        /* @__PURE__ */ React15__default.createElement(
+        /* @__PURE__ */ React18.createElement(
           Sidebar,
           {
             currentDate,
@@ -2797,8 +3234,8 @@ var Scheduler = ({
             locale
           }
         )
-      ), /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 flex flex-col overflow-hidden relative" }, isLoading ? /* @__PURE__ */ React15__default.createElement("div", { className: "flex-1 overflow-auto p-0 md:p-4" }, /* @__PURE__ */ React15__default.createElement("div", { className: "h-full min-w-full" }, view === "month" && /* @__PURE__ */ React15__default.createElement(MonthViewSkeleton, null), view === "week" && /* @__PURE__ */ React15__default.createElement(WeekViewSkeleton, null), view === "day" && /* @__PURE__ */ React15__default.createElement(DayViewSkeleton, null), view === "agenda" && /* @__PURE__ */ React15__default.createElement(AgendaViewSkeleton, null), view === "resource" && /* @__PURE__ */ React15__default.createElement(WeekViewSkeleton, null))) : /* @__PURE__ */ React15__default.createElement("div", { ref: swipeRef, className: "flex-1 overflow-auto p-0 md:p-4 touch-pan-y" }, /* @__PURE__ */ React15__default.createElement("div", { className: "h-full min-w-full" }, /* @__PURE__ */ React15__default.createElement(AnimatePresence, { mode: "wait", initial: false }, /* @__PURE__ */ React15__default.createElement(
-        motion.div,
+      ), /* @__PURE__ */ React18.createElement("div", { className: "flex-1 flex flex-col overflow-hidden relative" }, isLoading ? /* @__PURE__ */ React18.createElement("div", { className: "flex-1 overflow-auto p-0 md:p-4" }, /* @__PURE__ */ React18.createElement("div", { className: "h-full min-w-full" }, view === "month" && /* @__PURE__ */ React18.createElement(MonthViewSkeleton, null), view === "week" && /* @__PURE__ */ React18.createElement(WeekViewSkeleton, null), view === "day" && /* @__PURE__ */ React18.createElement(DayViewSkeleton, null), view === "agenda" && /* @__PURE__ */ React18.createElement(AgendaViewSkeleton, null), view === "resource" && /* @__PURE__ */ React18.createElement(WeekViewSkeleton, null))) : /* @__PURE__ */ React18.createElement("div", { ref: swipeRef, className: "flex-1 overflow-auto p-0 md:p-4 touch-pan-y" }, /* @__PURE__ */ React18.createElement("div", { className: "h-full min-w-full" }, /* @__PURE__ */ React18.createElement(AnimatePresence3, { mode: "wait", initial: false }, /* @__PURE__ */ React18.createElement(
+        motion4.div,
         {
           key: `${view}-${currentDate.toISOString()}-${timezone || "local"}`,
           initial: { opacity: 0, scale: 0.98, y: 15 },
@@ -2822,7 +3259,7 @@ var Scheduler = ({
           },
           className: "h-full"
         },
-        view === "month" && /* @__PURE__ */ React15__default.createElement(
+        view === "month" && /* @__PURE__ */ React18.createElement(
           MonthView,
           {
             currentDate,
@@ -2833,7 +3270,7 @@ var Scheduler = ({
             locale
           }
         ),
-        view === "week" && /* @__PURE__ */ React15__default.createElement(
+        view === "week" && /* @__PURE__ */ React18.createElement(
           WeekView,
           {
             currentDate,
@@ -2846,7 +3283,7 @@ var Scheduler = ({
             readonly: readOnly
           }
         ),
-        view === "day" && /* @__PURE__ */ React15__default.createElement(
+        view === "day" && /* @__PURE__ */ React18.createElement(
           DayView,
           {
             currentDate,
@@ -2859,7 +3296,7 @@ var Scheduler = ({
             readonly: readOnly
           }
         ),
-        view === "agenda" && /* @__PURE__ */ React15__default.createElement(
+        view === "agenda" && /* @__PURE__ */ React18.createElement(
           AgendaView,
           {
             currentDate,
@@ -2867,30 +3304,29 @@ var Scheduler = ({
             onEventClick: handleEventClickInternal,
             onCreateEvent: handleCreateEvent,
             locale,
-            translations: t
+            translations: t,
+            timezone
           }
         ),
-        view === "resource" && resources && /* @__PURE__ */ React15__default.createElement(
+        view === "resource" && resources && /* @__PURE__ */ React18.createElement(
           ResourceView,
           {
             currentDate,
             events: filteredEvents,
             resources,
             onEventClick: handleEventClickInternal,
-            onTimeSlotClick: (date, resourceId) => {
-              if (readOnly) return;
-              handleTimeSlotClick(date);
-            },
-            locale
+            onTimeSlotClick: handleTimeSlotClick,
+            locale,
+            timezone
           }
         )
-      )))), /* @__PURE__ */ React15__default.createElement("div", { className: "md:hidden absolute bottom-6 right-6 z-50" }, /* @__PURE__ */ React15__default.createElement(
+      )))), /* @__PURE__ */ React18.createElement("div", { className: "md:hidden absolute bottom-6 right-6 z-50" }, /* @__PURE__ */ React18.createElement(
         "button",
         {
           onClick: handleCreateEvent,
           className: "w-14 h-14 bg-blue-600 rounded-full shadow-lg flex items-center justify-center text-white active:scale-90 transition-transform"
         },
-        /* @__PURE__ */ React15__default.createElement("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" }, /* @__PURE__ */ React15__default.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React15__default.createElement("path", { d: "M12 5v14" }))
+        /* @__PURE__ */ React18.createElement("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" }, /* @__PURE__ */ React18.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React18.createElement("path", { d: "M12 5v14" }))
       )))),
       renderEventForm ? renderEventForm({
         isOpen: isModalOpen,
@@ -2899,7 +3335,7 @@ var Scheduler = ({
         initialDate: modalInitialDate,
         onSave: handleModalSave,
         onDelete: handleModalDelete
-      }) : /* @__PURE__ */ React15__default.createElement(
+      }) : /* @__PURE__ */ React18.createElement(
         EventModal,
         {
           isOpen: isModalOpen,
@@ -2913,7 +3349,7 @@ var Scheduler = ({
           translations: t
         }
       ),
-      /* @__PURE__ */ React15__default.createElement(
+      /* @__PURE__ */ React18.createElement(
         EventContextMenu,
         {
           event: contextMenuEvent,
@@ -2923,20 +3359,12 @@ var Scheduler = ({
             handleEventClickInternal(event);
             closeContextMenu();
           },
-          onDelete: (eventId) => {
-            onEventDelete?.(eventId);
+          onDelete: () => {
+            if (contextMenuEvent) handleEventDelete(contextMenuEvent);
             closeContextMenu();
           },
           onDuplicate: (event) => {
-            const duplicatedEvent = {
-              ...event,
-              id: `${event.id}-copy-${Date.now()}`,
-              title: `${event.title} (Copy)`,
-              start: new Date(event.start.getTime() + 24 * 60 * 60 * 1e3),
-              // +1 day
-              end: new Date(event.end.getTime() + 24 * 60 * 60 * 1e3)
-            };
-            onEventCreate?.(duplicatedEvent);
+            handleEventDuplicate(event);
             closeContextMenu();
           },
           translations: {
@@ -2946,7 +3374,7 @@ var Scheduler = ({
           }
         }
       ),
-      /* @__PURE__ */ React15__default.createElement(DragOverlay, { dropAnimation: null }, activeDragEvent ? /* @__PURE__ */ React15__default.createElement(
+      /* @__PURE__ */ React18.createElement(DragOverlay, { dropAnimation: null }, activeDragEvent ? /* @__PURE__ */ React18.createElement(
         "div",
         {
           className: cn(
@@ -2964,18 +3392,18 @@ var Scheduler = ({
             transform: "rotate(-2deg) scale(1.02)"
           }
         },
-        /* @__PURE__ */ React15__default.createElement("div", { className: "p-2.5 h-full flex flex-col" }, /* @__PURE__ */ React15__default.createElement(
+        /* @__PURE__ */ React18.createElement("div", { className: "p-2.5 h-full flex flex-col" }, /* @__PURE__ */ React18.createElement(
           "div",
           {
             className: "absolute left-0 top-0 bottom-0 w-1 rounded-l-lg",
             style: { backgroundColor: activeDragEvent.color || "var(--primary)" }
           }
-        ), /* @__PURE__ */ React15__default.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React15__default.createElement("div", { className: "font-semibold truncate text-sm" }, activeDragEvent.title), (view === "week" || view === "day") && getDragHeight() && getDragHeight() > 40 && /* @__PURE__ */ React15__default.createElement("div", { className: "text-xs opacity-80 mt-0.5 flex items-center gap-1" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React15__default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React15__default.createElement("path", { d: "M12 6v6l4 2" })), format(activeDragEvent.start, overlayTimeFormat, { locale }), " - ", format(activeDragEvent.end, overlayTimeFormat, { locale }))), /* @__PURE__ */ React15__default.createElement("div", { className: "absolute bottom-1.5 right-1.5 opacity-60" }, /* @__PURE__ */ React15__default.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React15__default.createElement("circle", { cx: "9", cy: "5", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "15", cy: "5", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "9", cy: "12", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "15", cy: "12", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "9", cy: "19", r: "1.5" }), /* @__PURE__ */ React15__default.createElement("circle", { cx: "15", cy: "19", r: "1.5" }))))
+        ), /* @__PURE__ */ React18.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React18.createElement("div", { className: "font-semibold truncate text-sm" }, activeDragEvent.title), (view === "week" || view === "day") && getDragHeight() && getDragHeight() > 40 && /* @__PURE__ */ React18.createElement("div", { className: "text-xs opacity-80 mt-0.5 flex items-center gap-1" }, /* @__PURE__ */ React18.createElement("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React18.createElement("path", { d: "M12 6v6l4 2" })), format14(activeDragEvent.start, overlayTimeFormat, { locale }), " - ", format14(activeDragEvent.end, overlayTimeFormat, { locale }))), /* @__PURE__ */ React18.createElement("div", { className: "absolute bottom-1.5 right-1.5 opacity-60" }, /* @__PURE__ */ React18.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React18.createElement("circle", { cx: "9", cy: "5", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "15", cy: "5", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "9", cy: "12", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "15", cy: "12", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "9", cy: "19", r: "1.5" }), /* @__PURE__ */ React18.createElement("circle", { cx: "15", cy: "19", r: "1.5" }))))
       ) : null)
     )
   );
 };
-
-export { Scheduler, cn };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map
+export {
+  Scheduler,
+  cn
+};