calendarkit-prov2 2.0.9 → 2.0.11

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React17 = require('react');
+var React18 = require('react');
 var reactDom = require('react-dom');
 var core = require('@dnd-kit/core');
 var modifiers = require('@dnd-kit/modifiers');
@@ -33,7 +33,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React17__namespace = /*#__PURE__*/_interopNamespace(React17);
+var React18__namespace = /*#__PURE__*/_interopNamespace(React18);
 
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
@@ -65,10 +65,10 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React17__namespace.forwardRef(
+var Button = React18__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = "button";
-    return /* @__PURE__ */ React17__namespace.createElement(
+    return /* @__PURE__ */ React18__namespace.createElement(
       Comp,
       {
         className: cn(buttonVariants({ variant, size, className })),
@@ -179,6 +179,8 @@ var tr = {
   tomorrow: "Yar\u0131n",
   eventCount: "etkinlik",
   eventsCount: "etkinlik",
+  hourCount: "saat",
+  hoursCount: "saat",
   timezone: "Zaman Dilimi",
   localTime: "Yerel Saat",
   operations: "\u0130\u015Flemler",
@@ -272,6 +274,8 @@ var en = {
   tomorrow: "Tomorrow",
   eventCount: "event",
   eventsCount: "events",
+  hourCount: "hour",
+  hoursCount: "hours",
   timezone: "Time zone",
   localTime: "Local Time",
   operations: "Operations",
@@ -365,6 +369,8 @@ var fr = {
   tomorrow: "Demain",
   eventCount: "\xE9v\xE9nement",
   eventsCount: "\xE9v\xE9nements",
+  hourCount: "heure",
+  hoursCount: "heures",
   timezone: "Fuseau horaire",
   localTime: "Heure locale",
   operations: "Op\xE9rations",
@@ -458,6 +464,8 @@ var de = {
   tomorrow: "Morgen",
   eventCount: "Termin",
   eventsCount: "Termine",
+  hourCount: "Stunde",
+  hoursCount: "Stunden",
   timezone: "Zeitzone",
   localTime: "Ortszeit",
   operations: "Aktionen",
@@ -551,6 +559,8 @@ var es = {
   tomorrow: "Ma\xF1ana",
   eventCount: "evento",
   eventsCount: "eventos",
+  hourCount: "hora",
+  hoursCount: "horas",
   timezone: "Zona horaria",
   localTime: "Hora local",
   operations: "Operaciones",
@@ -644,6 +654,8 @@ var it = {
   tomorrow: "Domani",
   eventCount: "evento",
   eventsCount: "eventi",
+  hourCount: "ora",
+  hoursCount: "ore",
   timezone: "Fuso orario",
   localTime: "Ora locale",
   operations: "Operazioni",
@@ -737,6 +749,8 @@ var pt = {
   tomorrow: "Amanh\xE3",
   eventCount: "evento",
   eventsCount: "eventos",
+  hourCount: "hora",
+  hoursCount: "horas",
   timezone: "Fuso hor\xE1rio",
   localTime: "Hora local",
   operations: "Opera\xE7\xF5es",
@@ -830,6 +844,8 @@ var ar = {
   tomorrow: "\u063A\u062F\u064B\u0627",
   eventCount: "\u062D\u062F\u062B",
   eventsCount: "\u0623\u062D\u062F\u0627\u062B",
+  hourCount: "\u0633\u0627\u0639\u0629",
+  hoursCount: "\u0633\u0627\u0639\u0627\u062A",
   timezone: "\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0632\u0645\u0646\u064A\u0629",
   localTime: "\u0627\u0644\u062A\u0648\u0642\u064A\u062A \u0627\u0644\u0645\u062D\u0644\u064A",
   operations: "\u0627\u0644\u0639\u0645\u0644\u064A\u0627\u062A",
@@ -923,6 +939,8 @@ var zh = {
   tomorrow: "\u660E\u5929",
   eventCount: "\u4E2A\u6D3B\u52A8",
   eventsCount: "\u4E2A\u6D3B\u52A8",
+  hourCount: "\u5C0F\u65F6",
+  hoursCount: "\u5C0F\u65F6",
   timezone: "\u65F6\u533A",
   localTime: "\u672C\u5730\u65F6\u95F4",
   operations: "\u64CD\u4F5C",
@@ -1016,6 +1034,8 @@ var ja = {
   tomorrow: "\u660E\u65E5",
   eventCount: "\u4EF6\u306E\u30A4\u30D9\u30F3\u30C8",
   eventsCount: "\u4EF6\u306E\u30A4\u30D9\u30F3\u30C8",
+  hourCount: "\u6642\u9593",
+  hoursCount: "\u6642\u9593",
   timezone: "\u30BF\u30A4\u30E0\u30BE\u30FC\u30F3",
   localTime: "\u30ED\u30FC\u30AB\u30EB\u6642\u9593",
   operations: "\u64CD\u4F5C",
@@ -1109,6 +1129,8 @@ var ko = {
   tomorrow: "\uB0B4\uC77C",
   eventCount: "\uAC1C \uC77C\uC815",
   eventsCount: "\uAC1C \uC77C\uC815",
+  hourCount: "\uC2DC\uAC04",
+  hoursCount: "\uC2DC\uAC04",
   timezone: "\uC2DC\uAC04\uB300",
   localTime: "\uB85C\uCEEC \uC2DC\uAC04",
   operations: "\uC791\uC5C5",
@@ -1202,6 +1224,8 @@ var ru = {
   tomorrow: "\u0417\u0430\u0432\u0442\u0440\u0430",
   eventCount: "\u0441\u043E\u0431\u044B\u0442\u0438\u0435",
   eventsCount: "\u0441\u043E\u0431\u044B\u0442\u0438\u0439",
+  hourCount: "\u0447\u0430\u0441",
+  hoursCount: "\u0447\u0430\u0441\u043E\u0432",
   timezone: "\u0427\u0430\u0441\u043E\u0432\u043E\u0439 \u043F\u043E\u044F\u0441",
   localTime: "\u041C\u0435\u0441\u0442\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F",
   operations: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438",
@@ -1295,6 +1319,8 @@ var nl = {
   tomorrow: "Morgen",
   eventCount: "evenement",
   eventsCount: "evenementen",
+  hourCount: "uur",
+  hoursCount: "uur",
   timezone: "Tijdzone",
   localTime: "Lokale tijd",
   operations: "Bewerkingen",
@@ -1388,6 +1414,8 @@ var pl = {
   tomorrow: "Jutro",
   eventCount: "wydarzenie",
   eventsCount: "wydarze\u0144",
+  hourCount: "godzina",
+  hoursCount: "godzin",
   timezone: "Strefa czasowa",
   localTime: "Czas lokalny",
   operations: "Operacje",
@@ -1481,6 +1509,8 @@ var sv = {
   tomorrow: "Imorgon",
   eventCount: "h\xE4ndelse",
   eventsCount: "h\xE4ndelser",
+  hourCount: "timme",
+  hoursCount: "timmar",
   timezone: "Tidszon",
   localTime: "Lokal tid",
   operations: "\xC5tg\xE4rder",
@@ -1563,35 +1593,36 @@ var CalendarHeader = ({
   activeCustomViewId,
   onCustomViewChange,
   eventCount,
+  hourCount,
   hideLanguageSwitcher = false
 }) => {
-  const [isLangOpen, setIsLangOpen] = React17.useState(false);
-  const [isCustomViewOpen, setIsCustomViewOpen] = React17.useState(false);
-  const langButtonRef = React17.useRef(null);
-  const langDropdownRef = React17.useRef(null);
-  const customViewDropdownRef = React17.useRef(null);
-  const customViewButtonRef = React17.useRef(null);
-  const [langPos, setLangPos] = React17.useState(null);
-  const [customViewPos, setCustomViewPos] = React17.useState(null);
-  const updateLangPos = React17.useCallback(() => {
+  const [isLangOpen, setIsLangOpen] = React18.useState(false);
+  const [isCustomViewOpen, setIsCustomViewOpen] = React18.useState(false);
+  const langButtonRef = React18.useRef(null);
+  const langDropdownRef = React18.useRef(null);
+  const customViewDropdownRef = React18.useRef(null);
+  const customViewButtonRef = React18.useRef(null);
+  const [langPos, setLangPos] = React18.useState(null);
+  const [customViewPos, setCustomViewPos] = React18.useState(null);
+  const updateLangPos = React18.useCallback(() => {
     const el = langButtonRef.current;
     if (!el) return;
     setLangPos(getDropdownPosition(el.getBoundingClientRect(), LANG_DROPDOWN_WIDTH));
   }, []);
-  const updateCustomViewPos = React17.useCallback(() => {
+  const updateCustomViewPos = React18.useCallback(() => {
     const el = customViewButtonRef.current;
     if (!el) return;
     setCustomViewPos(getDropdownPosition(el.getBoundingClientRect(), CUSTOM_VIEW_DROPDOWN_WIDTH));
   }, []);
-  React17.useLayoutEffect(() => {
+  React18.useLayoutEffect(() => {
     if (!isLangOpen) return;
     updateLangPos();
   }, [isLangOpen, updateLangPos]);
-  React17.useLayoutEffect(() => {
+  React18.useLayoutEffect(() => {
     if (!isCustomViewOpen) return;
     updateCustomViewPos();
   }, [isCustomViewOpen, updateCustomViewPos]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!isLangOpen) return;
     const handle = () => updateLangPos();
     window.addEventListener("resize", handle);
@@ -1601,7 +1632,7 @@ var CalendarHeader = ({
       window.removeEventListener("scroll", handle, true);
     };
   }, [isLangOpen, updateLangPos]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!isCustomViewOpen) return;
     const handle = () => updateCustomViewPos();
     window.addEventListener("resize", handle);
@@ -1611,7 +1642,7 @@ var CalendarHeader = ({
       window.removeEventListener("scroll", handle, true);
     };
   }, [isCustomViewOpen, updateCustomViewPos]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const handleClickOutside = (e) => {
       const target = e.target;
       const insideButton = langButtonRef.current?.contains(target);
@@ -1621,7 +1652,7 @@ var CalendarHeader = ({
     if (isLangOpen) document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isLangOpen]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const handleClickOutside = (e) => {
       const target = e.target;
       const insideButton = customViewButtonRef.current?.contains(target);
@@ -1638,7 +1669,7 @@ var CalendarHeader = ({
     { key: "agenda", icon: lucideReact.ListTodo }
   ];
   const currentLang = LANGUAGE_META[language] ?? LANGUAGE_META["tr"];
-  return /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2 w-full md:w-auto justify-between md:justify-start" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2 md:gap-3" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2 w-full md:w-auto justify-between md:justify-start" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2 md:gap-3" }, /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       variant: "ghost",
@@ -1646,8 +1677,8 @@ var CalendarHeader = ({
       className: "text-muted-foreground hover:text-foreground hover:bg-accent/80 rounded-xl h-10 w-10 transition-all duration-200",
       onClick: onMenuClick
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Menu, { className: "h-5 w-5" })
-  ), /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Menu, { className: "h-5 w-5" })
+  ), /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       variant: "outline",
@@ -1655,15 +1686,15 @@ 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
-  ), onCreateEvent && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "relative group hidden sm:block" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  ), onCreateEvent && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative group hidden sm:block" }, /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       onClick: onCreateEvent,
       size: "icon",
       className: "h-9 w-9 rounded-xl shadow-sm shadow-primary/20 transition-all duration-200"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Plus, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "pointer-events-none absolute left-1/2 -translate-x-1/2 top-full mt-2 z-50 opacity-0 group-hover:opacity-100 transition-opacity duration-150" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "bg-popover text-popover-foreground text-xs font-medium px-2.5 py-1.5 rounded-lg shadow-md border border-border/60 whitespace-nowrap" }, translations.createEvent ?? translations.create), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "absolute -top-1 left-1/2 -translate-x-1/2 w-2 h-2 bg-popover border-l border-t border-border/60 rotate-45" }))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center bg-muted/40 rounded-xl p-0.5" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Plus, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "pointer-events-none absolute left-1/2 -translate-x-1/2 top-full mt-2 z-50 opacity-0 group-hover:opacity-100 transition-opacity duration-150" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "bg-popover text-popover-foreground text-xs font-medium px-2.5 py-1.5 rounded-lg shadow-md border border-border/60 whitespace-nowrap" }, translations.createEvent ?? translations.create), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "absolute -top-1 left-1/2 -translate-x-1/2 w-2 h-2 bg-popover border-l border-t border-border/60 rotate-45" }))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center bg-muted/40 rounded-xl p-0.5" }, /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       variant: "ghost",
@@ -1671,8 +1702,8 @@ var CalendarHeader = ({
       onClick: onPrev,
       className: "rounded-lg h-8 w-8 hover:bg-background/80 transition-all duration-200"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronLeft, { className: "h-4 w-4 text-muted-foreground" })
-  ), /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronLeft, { className: "h-4 w-4 text-muted-foreground" })
+  ), /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       variant: "ghost",
@@ -1680,8 +1711,8 @@ var CalendarHeader = ({
       onClick: onNext,
       className: "rounded-lg h-8 w-8 hover:bg-background/80 transition-all duration-200"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
-  )), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "ml-2 md:ml-4 hidden sm:block" }, /* @__PURE__ */ React17__namespace.default.createElement("h2", { className: "text-lg md:text-xl font-semibold text-foreground whitespace-nowrap capitalize tracking-tight" }, dateFns.format(currentDate, "MMMM yyyy", { locale })))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "sm:hidden" }, /* @__PURE__ */ React17__namespace.default.createElement("h2", { className: "text-lg font-semibold text-foreground whitespace-nowrap capitalize tracking-tight" }, dateFns.format(currentDate, "MMMM yyyy", { locale })))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2 md:gap-3 w-full md:w-auto justify-end" }, onLanguageChange && !hideLanguageSwitcher && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
+  )), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "ml-2 md:ml-4 hidden sm:block" }, /* @__PURE__ */ React18__namespace.default.createElement("h2", { className: "text-lg md:text-xl font-semibold text-foreground whitespace-nowrap capitalize tracking-tight" }, dateFns.format(currentDate, "MMMM yyyy", { locale })))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "sm:hidden" }, /* @__PURE__ */ React18__namespace.default.createElement("h2", { className: "text-lg font-semibold text-foreground whitespace-nowrap capitalize tracking-tight" }, dateFns.format(currentDate, "MMMM yyyy", { locale })))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2 md:gap-3 w-full md:w-auto justify-end" }, onLanguageChange && !hideLanguageSwitcher && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       ref: langButtonRef,
@@ -1693,20 +1724,20 @@ var CalendarHeader = ({
       ),
       title: currentLang.english
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Globe, { className: "h-3.5 w-3.5" }),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-base leading-none" }, currentLang.flag),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "hidden sm:inline text-xs font-semibold uppercase tracking-wider" }, language),
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("h-3.5 w-3.5 transition-transform duration-200", isLangOpen && "rotate-180") })
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Globe, { className: "h-3.5 w-3.5" }),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-base leading-none" }, currentLang.flag),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "hidden sm:inline text-xs font-semibold uppercase tracking-wider" }, language),
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("h-3.5 w-3.5 transition-transform duration-200", isLangOpen && "rotate-180") })
   ), isLangOpen && langPos && reactDom.createPortal(
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         ref: langDropdownRef,
         className: "fixed w-52 bg-background border border-border/60 rounded-2xl shadow-2xl z-[9999] overflow-hidden py-1.5",
         style: { top: langPos.top, left: langPos.left, width: LANG_DROPDOWN_WIDTH }
       },
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "px-3 py-2 border-b border-border/40 mb-1" }, /* @__PURE__ */ React17__namespace.default.createElement("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, "Language / Dil")),
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "max-h-72 overflow-y-auto" }, Object.entries(LANGUAGE_META).map(([code, meta]) => /* @__PURE__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "px-3 py-2 border-b border-border/40 mb-1" }, /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, "Language / Dil")),
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "max-h-72 overflow-y-auto" }, Object.entries(LANGUAGE_META).map(([code, meta]) => /* @__PURE__ */ React18__namespace.default.createElement(
         "button",
         {
           key: code,
@@ -1720,13 +1751,13 @@ var CalendarHeader = ({
             language === code ? "bg-primary/10 text-primary font-semibold" : "text-foreground"
           )
         },
-        /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-lg leading-none w-6 text-center" }, meta.flag),
-        /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn("font-medium", meta.rtl && "text-right") }, meta.native), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-xs text-muted-foreground" }, meta.english)),
-        language === code && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "w-2 h-2 rounded-full bg-primary shrink-0" })
+        /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-lg leading-none w-6 text-center" }, meta.flag),
+        /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: cn("font-medium", meta.rtl && "text-right") }, meta.native), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-xs text-muted-foreground" }, meta.english)),
+        language === code && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "w-2 h-2 rounded-full bg-primary shrink-0" })
       )))
     ),
     document.body
-  )), onThemeToggle && /* @__PURE__ */ React17__namespace.default.createElement(
+  )), onThemeToggle && /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       variant: "ghost",
@@ -1734,16 +1765,24 @@ var CalendarHeader = ({
       className: "rounded-xl h-9 w-9 hover:bg-accent/80 transition-all duration-200",
       onClick: onThemeToggle
     },
-    isDarkMode ? /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Sun, { className: "h-4 w-4 text-amber-500" }) : /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Moon, { className: "h-4 w-4 text-muted-foreground" })
-  ), typeof eventCount === "number" && !hideViewSwitcher && /* @__PURE__ */ React17__namespace.default.createElement(
+    isDarkMode ? /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Sun, { className: "h-4 w-4 text-amber-500" }) : /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Moon, { className: "h-4 w-4 text-muted-foreground" })
+  ), !hideViewSwitcher && (typeof eventCount === "number" || typeof hourCount === "number") && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-1.5" }, typeof eventCount === "number" && /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       className: "flex items-center gap-1.5 h-8 px-3 rounded-xl bg-primary/10 text-primary text-xs font-semibold tabular-nums select-none border border-primary/20 shadow-sm shadow-primary/10",
-      title: `${eventCount} event${eventCount !== 1 ? "s" : ""}`
+      title: `${eventCount} ${eventCount === 1 ? translations.eventCount ?? "event" : translations.eventsCount ?? "events"}`
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.CalendarCheck2, { className: "w-3.5 h-3.5 shrink-0" }),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", null, eventCount)
-  ), !hideViewSwitcher && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center bg-muted/50 backdrop-blur-sm rounded-xl p-1 gap-0.5" }, viewConfig.map(({ key, icon: Icon }) => /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.CalendarCheck2, { className: "w-3.5 h-3.5 shrink-0" }),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", null, eventCount)
+  ), typeof hourCount === "number" && /* @__PURE__ */ React18__namespace.default.createElement(
+    "div",
+    {
+      className: "flex items-center gap-1.5 h-8 px-3 rounded-xl bg-amber-500/10 text-amber-600 dark:text-amber-400 text-xs font-semibold tabular-nums select-none border border-amber-500/20 shadow-sm shadow-amber-500/10",
+      title: `${hourCount} ${hourCount === 1 ? translations.hourCount ?? "hour" : translations.hoursCount ?? "hours"}`
+    },
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Clock, { className: "w-3.5 h-3.5 shrink-0" }),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", null, hourCount)
+  )), !hideViewSwitcher && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center bg-muted/50 backdrop-blur-sm rounded-xl p-1 gap-0.5" }, viewConfig.map(({ key, icon: Icon }) => /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       key,
@@ -1758,9 +1797,9 @@ var CalendarHeader = ({
         view === key && !activeCustomViewId ? "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__ */ React17__namespace.default.createElement(Icon, { className: "h-3.5 w-3.5" }),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "hidden sm:inline" }, translations[key])
-  )), customViews && customViews.length > 0 && /* @__PURE__ */ React17__namespace.default.createElement(React17__namespace.default.Fragment, null, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "w-px h-5 bg-border/60 mx-0.5 shrink-0" }), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(Icon, { className: "h-3.5 w-3.5" }),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "hidden sm:inline" }, translations[key])
+  )), customViews && customViews.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "w-px h-5 bg-border/60 mx-0.5 shrink-0" }), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       ref: customViewButtonRef,
@@ -1773,17 +1812,17 @@ var CalendarHeader = ({
       ),
       title: "Daha fazla g\xF6r\xFCn\xFCm"
     },
-    activeCustomViewId ? customViews.find((cv) => cv.id === activeCustomViewId)?.label : /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.MoreHorizontal, { className: "h-3.5 w-3.5" }),
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("h-3 w-3 transition-transform duration-150", isCustomViewOpen && "rotate-180") })
+    activeCustomViewId ? customViews.find((cv) => cv.id === activeCustomViewId)?.label : /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.MoreHorizontal, { className: "h-3.5 w-3.5" }),
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("h-3 w-3 transition-transform duration-150", isCustomViewOpen && "rotate-180") })
   ), isCustomViewOpen && customViewPos && reactDom.createPortal(
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         ref: customViewDropdownRef,
         className: "fixed min-w-[160px] bg-background border border-border/60 rounded-2xl shadow-2xl z-[9999] overflow-hidden py-1.5",
         style: { top: customViewPos.top, left: customViewPos.left, minWidth: CUSTOM_VIEW_DROPDOWN_WIDTH }
       },
-      customViews.map((cv) => /* @__PURE__ */ React17__namespace.default.createElement(
+      customViews.map((cv) => /* @__PURE__ */ React18__namespace.default.createElement(
         "button",
         {
           key: cv.id,
@@ -1797,9 +1836,9 @@ var CalendarHeader = ({
             activeCustomViewId === cv.id ? "bg-primary/10 text-primary font-semibold" : "text-foreground"
           )
         },
-        cv.icon && /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "w-4 h-4 flex items-center justify-center shrink-0" }, cv.icon),
-        /* @__PURE__ */ React17__namespace.default.createElement("span", null, cv.label),
-        activeCustomViewId === cv.id && /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "ml-auto w-1.5 h-1.5 rounded-full bg-primary shrink-0" })
+        cv.icon && /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "w-4 h-4 flex items-center justify-center shrink-0" }, cv.icon),
+        /* @__PURE__ */ React18__namespace.default.createElement("span", null, cv.label),
+        activeCustomViewId === cv.id && /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "ml-auto w-1.5 h-1.5 rounded-full bg-primary shrink-0" })
       ))
     ),
     document.body
@@ -1826,12 +1865,12 @@ var MiniCalendar = ({
   className,
   locale
 }) => {
-  const [viewDate, setViewDate] = React17__namespace.default.useState(currentDate);
-  React17__namespace.default.useEffect(() => {
+  const [viewDate, setViewDate] = React18__namespace.default.useState(currentDate);
+  React18__namespace.default.useEffect(() => {
     setViewDate(currentDate);
   }, [currentDate]);
-  const days = React17__namespace.default.useMemo(() => getMonthGrid(viewDate), [viewDate]);
-  const weekDays = React17__namespace.default.useMemo(() => {
+  const days = React18__namespace.default.useMemo(() => getMonthGrid(viewDate), [viewDate]);
+  const weekDays = React18__namespace.default.useMemo(() => {
     const base = new Date(2024, 0, 7);
     return Array.from({ length: 7 }, (_, i) => {
       const d = new Date(base);
@@ -1855,7 +1894,7 @@ var MiniCalendar = ({
     onDateChange(day);
     if (onViewChange) onViewChange("day");
   };
-  return /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn("px-4 w-[260px]", className) }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-semibold text-foreground capitalize" }, dateFns.format(viewDate, "MMMM yyyy", { locale })), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center bg-muted/40 rounded-lg p-0.5" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", { className: cn("px-4 w-[260px]", className) }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-semibold text-foreground capitalize" }, dateFns.format(viewDate, "MMMM yyyy", { locale })), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center bg-muted/40 rounded-lg p-0.5" }, /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       variant: "ghost",
@@ -1864,8 +1903,8 @@ var MiniCalendar = ({
       onClick: handlePrev,
       "aria-label": "Previous month"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronLeft, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronLeft, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       variant: "ghost",
@@ -1874,12 +1913,12 @@ var MiniCalendar = ({
       onClick: handleNext,
       "aria-label": "Next month"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronRight, { className: "h-4 w-4" })
-  ))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "grid grid-cols-7 gap-y-2 text-center mb-2" }, weekDays.map((day, i) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: `${day}-${i}`, className: "text-[10px] text-muted-foreground/70 font-semibold uppercase" }, day))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "grid grid-cols-7 gap-y-1 text-center" }, days.map((day) => {
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronRight, { className: "h-4 w-4" })
+  ))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "grid grid-cols-7 gap-y-2 text-center mb-2" }, weekDays.map((day, i) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: `${day}-${i}`, className: "text-[10px] text-muted-foreground/70 font-semibold uppercase" }, day))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "grid grid-cols-7 gap-y-1 text-center" }, days.map((day) => {
     const isSelected = dateFns.isSameDay(day, currentDate);
     const isCurrentMonth = dateFns.isSameMonth(day, viewDate);
     const isTodayDate = dateFns.isToday(day);
-    return /* @__PURE__ */ React17__namespace.default.createElement(
+    return /* @__PURE__ */ React18__namespace.default.createElement(
       "button",
       {
         key: day.toISOString(),
@@ -1919,12 +1958,12 @@ var Sidebar = ({
   onCustomViewChange,
   locale
 }) => {
-  const [calendarsOpen, setCalendarsOpen] = React17.useState(true);
-  const [timezoneOpen, setTimezoneOpen] = React17.useState(false);
-  const [now, setNow] = React17.useState(null);
-  const [hasMounted, setHasMounted] = React17.useState(false);
-  const [menusExpanded, setMenusExpanded] = React17.useState(false);
-  React17.useEffect(() => {
+  const [calendarsOpen, setCalendarsOpen] = React18.useState(true);
+  const [timezoneOpen, setTimezoneOpen] = React18.useState(false);
+  const [now, setNow] = React18.useState(null);
+  const [hasMounted, setHasMounted] = React18.useState(false);
+  const [menusExpanded, setMenusExpanded] = React18.useState(false);
+  React18.useEffect(() => {
     setHasMounted(true);
     setNow(/* @__PURE__ */ new Date());
     const timer = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
@@ -1961,7 +2000,7 @@ var Sidebar = ({
   ];
   const formatTzLabel = (tz, showTime = true) => {
     if (!hasMounted || !now || !showTime) {
-      return /* @__PURE__ */ React17__namespace.default.createElement("span", null, tz.label);
+      return /* @__PURE__ */ React18__namespace.default.createElement("span", null, tz.label);
     }
     let time = "";
     let acronym = tz.acronym;
@@ -1981,29 +2020,29 @@ var Sidebar = ({
         }
       }
     } catch (e) {
-      return /* @__PURE__ */ React17__namespace.default.createElement("span", null, tz.label);
+      return /* @__PURE__ */ React18__namespace.default.createElement("span", null, tz.label);
     }
-    return /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex justify-between w-full" }, /* @__PURE__ */ React17__namespace.default.createElement("span", null, tz.label), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-muted-foreground ml-2 tabular-nums" }, time, " ", /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-xs opacity-75" }, "(", acronym, ")")));
+    return /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex justify-between w-full" }, /* @__PURE__ */ React18__namespace.default.createElement("span", null, tz.label), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-muted-foreground ml-2 tabular-nums" }, time, " ", /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.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", className) }, sidebarMenus && sidebarMenus.length > 0 && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "px-4 mb-4" }, !menusExpanded && /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.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", className) }, sidebarMenus && sidebarMenus.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "px-4 mb-4" }, !menusExpanded && /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       variant: "outline",
       className: "w-full rounded-2xl h-11 gap-2.5 justify-start border-[0.5px] border-border/60 hover:border-primary/40 hover:bg-primary/5 hover:text-primary transition-all duration-200 font-medium text-sm",
       onClick: () => setMenusExpanded(true)
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.LayoutGrid, { className: "w-4 h-4" }),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", null, translations?.operations ?? "\u0130\u015Flemler")
-  ), menusExpanded && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "animate-in fade-in slide-in-from-top-2 duration-200" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center justify-between mb-2 px-1" }, /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, translations?.operations ?? "\u0130\u015Flemler"), /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.LayoutGrid, { className: "w-4 h-4" }),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", null, translations?.operations ?? "\u0130\u015Flemler")
+  ), menusExpanded && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "animate-in fade-in slide-in-from-top-2 duration-200" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center justify-between mb-2 px-1" }, /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider" }, translations?.operations ?? "\u0130\u015Flemler"), /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       onClick: () => setMenusExpanded(false),
       className: "w-6 h-6 rounded-lg flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-accent/60 transition-all duration-150"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.X, { className: "w-3.5 h-3.5" })
-  )), /* @__PURE__ */ React17__namespace.default.createElement("nav", { className: "space-y-0.5" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.X, { className: "w-3.5 h-3.5" })
+  )), /* @__PURE__ */ React18__namespace.default.createElement("nav", { className: "space-y-0.5" }, /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       onClick: () => {
@@ -2015,10 +2054,10 @@ var Sidebar = ({
         activeCustomMenu === null ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-accent/60 hover:text-foreground"
       )
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React17__namespace.default.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ React17__namespace.default.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ React17__namespace.default.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ React17__namespace.default.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" })),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", null, translations?.calendar ?? "Takvim"),
-    activeCustomMenu === null && /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "ml-auto w-1.5 h-1.5 rounded-full bg-primary" })
-  ), sidebarMenus?.map((item) => /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18__namespace.default.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ React18__namespace.default.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ React18__namespace.default.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ React18__namespace.default.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" })),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", null, translations?.calendar ?? "Takvim"),
+    activeCustomMenu === null && /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "ml-auto w-1.5 h-1.5 rounded-full bg-primary" })
+  ), sidebarMenus?.map((item) => /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       key: item.id,
@@ -2031,10 +2070,10 @@ var Sidebar = ({
         activeCustomMenu === item.id ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-accent/60 hover:text-foreground"
       )
     },
-    item.icon && /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "w-4 h-4 shrink-0 flex items-center justify-center" }, item.icon),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "truncate" }, item.label),
-    activeCustomMenu === item.id && /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "ml-auto w-1.5 h-1.5 rounded-full bg-primary" })
-  ))))), onEventCreate && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "md:hidden px-4 mb-4" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    item.icon && /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "w-4 h-4 shrink-0 flex items-center justify-center" }, item.icon),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "truncate" }, item.label),
+    activeCustomMenu === item.id && /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "ml-auto w-1.5 h-1.5 rounded-full bg-primary" })
+  ))))), onEventCreate && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "md:hidden px-4 mb-4" }, /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       onClick: () => {
@@ -2042,9 +2081,9 @@ var Sidebar = ({
       },
       className: "w-full rounded-2xl h-11 gap-2.5 justify-center shadow-sm shadow-primary/20 transition-all duration-200 font-medium text-sm"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React17__namespace.default.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React17__namespace.default.createElement("path", { d: "M12 5v14" })),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", null, translations?.createEvent ?? "Etkinlik Olu\u015Ftur")
-  )), onReverseTimeChange && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "px-4 mb-4" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18__namespace.default.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React18__namespace.default.createElement("path", { d: "M12 5v14" })),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", null, translations?.createEvent ?? "Etkinlik Olu\u015Ftur")
+  )), onReverseTimeChange && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "px-4 mb-4" }, /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       onClick: () => onReverseTimeChange(!reverseTime),
@@ -2053,33 +2092,33 @@ var Sidebar = ({
         reverseTime ? "bg-primary/10 border-primary/30 text-primary" : "bg-muted/30 border-border/50 text-muted-foreground hover:border-primary/30 hover:text-foreground"
       )
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2.5" }, /* @__PURE__ */ React17__namespace.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React17__namespace.default.createElement("line", { x1: "12", y1: "19", x2: "12", y2: "5" }), /* @__PURE__ */ React17__namespace.default.createElement("polyline", { points: "5 12 12 5 19 12" }), /* @__PURE__ */ React17__namespace.default.createElement("line", { x1: "12", y1: "5", x2: "12", y2: "19", className: "opacity-40" }), /* @__PURE__ */ React17__namespace.default.createElement("polyline", { points: "5 12 12 19 19 12", className: "opacity-40" })), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-xs font-semibold leading-tight" }, translations?.reverseTimeLabel ?? "Saat Y\xF6n\xFC"), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-[10px] leading-tight opacity-70 mt-0.5" }, reverseTime ? "23:00 \u2192 00:00" : "00:00 \u2192 23:00"))),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2.5" }, /* @__PURE__ */ React18__namespace.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18__namespace.default.createElement("line", { x1: "12", y1: "19", x2: "12", y2: "5" }), /* @__PURE__ */ React18__namespace.default.createElement("polyline", { points: "5 12 12 5 19 12" }), /* @__PURE__ */ React18__namespace.default.createElement("line", { x1: "12", y1: "5", x2: "12", y2: "19", className: "opacity-40" }), /* @__PURE__ */ React18__namespace.default.createElement("polyline", { points: "5 12 12 19 19 12", className: "opacity-40" })), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-xs font-semibold leading-tight" }, translations?.reverseTimeLabel ?? "Saat Y\xF6n\xFC"), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-[10px] leading-tight opacity-70 mt-0.5" }, reverseTime ? "23:00 \u2192 00:00" : "00:00 \u2192 23:00"))),
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: cn(
       "relative w-9 h-5 rounded-full transition-colors duration-200 shrink-0",
       reverseTime ? "bg-primary" : "bg-border"
-    ) }, /* @__PURE__ */ React17__namespace.default.createElement("span", { className: cn(
+    ) }, /* @__PURE__ */ React18__namespace.default.createElement("span", { className: cn(
       "absolute top-0.5 w-4 h-4 bg-white rounded-full shadow-sm transition-all duration-200",
       reverseTime ? "left-4" : "left-0.5"
     ) }))
   )), renderMiniCalendar ? (
     // Custom mini-calendar: receives the same props as the built-in one
     renderMiniCalendar({ currentDate, onDateChange, onViewChange })
-  ) : /* @__PURE__ */ React17__namespace.default.createElement(MiniCalendar, { currentDate, onDateChange, onViewChange, locale }), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 px-4 space-y-5 mt-5" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3 border-[0px] border-border/30" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  ) : /* @__PURE__ */ React18__namespace.default.createElement(MiniCalendar, { currentDate, onDateChange, onViewChange, locale }), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 px-4 space-y-5 mt-5" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3 border-[0px] border-border/30" }, /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement("span", { className: "text-sm font-semibold text-foreground" }, translations?.calendars),
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform duration-200", calendarsOpen && "rotate-180") })
-  ), calendarsOpen && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "space-y-1" }, displayCalendars.map((cal) => /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-semibold text-foreground" }, translations?.calendars),
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform duration-200", calendarsOpen && "rotate-180") })
+  ), calendarsOpen && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "space-y-1" }, displayCalendars.map((cal) => /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement("div", { className: "relative flex items-center justify-center" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative flex items-center justify-center" }, /* @__PURE__ */ React18__namespace.default.createElement(
       "input",
       {
         type: "checkbox",
@@ -2092,7 +2131,7 @@ var Sidebar = ({
         style: { "--primary-color": cal.color },
         "data-cal-id": cal.id
       }
-    ), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none opacity-0 peer-checked:opacity-100 transition-opacity" }, /* @__PURE__ */ React17__namespace.default.createElement("svg", { className: "w-3.5 h-3.5 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3 }, /* @__PURE__ */ React17__namespace.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React17__namespace.default.createElement("style", null, `
+    ), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none opacity-0 peer-checked:opacity-100 transition-opacity" }, /* @__PURE__ */ React18__namespace.default.createElement("svg", { className: "w-3.5 h-3.5 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3 }, /* @__PURE__ */ React18__namespace.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React18__namespace.default.createElement("style", null, `
                       input[type="checkbox"][data-cal-id="${cal.id}"]:checked {
                         background-color: ${cal.color} !important;
                         border-color: ${cal.color} !important;
@@ -2101,23 +2140,23 @@ var Sidebar = ({
                         --tw-ring-color: ${cal.color}40 !important;
                       }
                     `)),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2 flex-1 min-w-0" }, /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm text-foreground/90 truncate font-medium" }, cal.label)),
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2 flex-1 min-w-0" }, /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm text-foreground/90 truncate font-medium" }, cal.label)),
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         className: "w-2 h-2 rounded-full opacity-60 group-hover:opacity-100 transition-opacity",
         style: { backgroundColor: cal.color }
       }
     )
-  ))))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "mt-auto px-4 pt-5" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2 mb-3" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "p-1.5 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Globe, { className: "w-4 h-4 text-primary" })), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-semibold text-foreground" }, translations?.timezone)), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  ))))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "mt-auto px-4 pt-5" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "bg-muted/20 rounded-2xl p-3" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2 mb-3" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "p-1.5 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Globe, { className: "w-4 h-4 text-primary" })), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-semibold text-foreground" }, translations?.timezone)), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement("div", { className: "flex-1 truncate mr-2 font-medium" }, selectedTimezoneLabel),
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform duration-200", timezoneOpen && "rotate-180") })
-  ), timezoneOpen && /* @__PURE__ */ React17__namespace.default.createElement(React17__namespace.default.Fragment, null, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setTimezoneOpen(false) }), /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 truncate mr-2 font-medium" }, selectedTimezoneLabel),
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform duration-200", timezoneOpen && "rotate-180") })
+  ), timezoneOpen && /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setTimezoneOpen(false) }), /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement(
     "div",
     {
       key: tz.value,
@@ -2150,7 +2189,7 @@ var DraggableEvent = ({ event, children, className, style: propStyle, ...props }
     opacity: isDragging ? 0 : propStyle?.opacity
     // Hiding original element completely
   };
-  return /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       ref: setNodeRef,
@@ -2171,7 +2210,7 @@ var DroppableCell = ({ id, date, resourceId, children, className, style, onClick
   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__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       ref: setNodeRef,
@@ -2188,7 +2227,7 @@ var DroppableCell = ({ id, date, resourceId, children, className, style, onClick
 };
 
 // src/views/MonthView.tsx
-var EventItem = React17__namespace.default.memo(({ event, onEventClick }) => /* @__PURE__ */ React17__namespace.default.createElement(DraggableEvent, { event }, /* @__PURE__ */ React17__namespace.default.createElement(
+var EventItem = React18__namespace.default.memo(({ event, onEventClick }) => /* @__PURE__ */ React18__namespace.default.createElement(DraggableEvent, { event }, /* @__PURE__ */ React18__namespace.default.createElement(
   "div",
   {
     className: cn(
@@ -2206,7 +2245,7 @@ var EventItem = React17__namespace.default.memo(({ event, onEventClick }) => /*
       onEventClick?.(event);
     }
   },
-  /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "font-medium" }, event.title)
+  /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "font-medium" }, event.title)
 )));
 EventItem.displayName = "EventItem";
 var MonthView = ({
@@ -2217,16 +2256,16 @@ var MonthView = ({
   timezone,
   locale
 }) => {
-  const days = React17.useMemo(() => getMonthGrid(currentDate), [currentDate]);
-  const weekDays = React17.useMemo(() => {
+  const days = React18.useMemo(() => getMonthGrid(currentDate), [currentDate]);
+  const weekDays = React18.useMemo(() => {
     const start = dateFns.startOfWeek(currentDate, { weekStartsOn: 1 });
     const end = dateFns.endOfWeek(currentDate, { weekStartsOn: 1 });
     return dateFns.eachDayOfInterval({ start, end });
   }, [currentDate]);
-  const getZonedDate = React17.useCallback((date) => {
+  const getZonedDate = React18.useCallback((date) => {
     return timezone ? dateFnsTz.toZonedTime(date, timezone) : date;
   }, [timezone]);
-  const eventsByDay = React17.useMemo(() => {
+  const eventsByDay = React18.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     events.forEach((event) => {
       const zonedStart = getZonedDate(event.start);
@@ -2238,19 +2277,19 @@ var MonthView = ({
     });
     return map;
   }, [events, getZonedDate]);
-  return /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background border-[0.5px] scrollbar-hide border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "overflow-y-auto flex-1 min-h-0 relative" }, /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background border-[0.5px] scrollbar-hide border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "overflow-y-auto flex-1 min-h-0 relative" }, /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.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"
     },
     dateFns.format(day, "EEE", { locale })
-  ))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "grid grid-cols-7", style: { gridAutoRows: "130px" } }, days.map((day) => {
+  ))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "grid grid-cols-7", style: { gridAutoRows: "130px" } }, days.map((day) => {
     const dayKey = dateFns.format(day, "yyyy-MM-dd");
     const dayEvents = eventsByDay.get(dayKey) || [];
     const isCurrentMonth = dateFns.isSameMonth(day, currentDate);
     const cellId = day.toISOString();
-    return /* @__PURE__ */ React17__namespace.default.createElement(
+    return /* @__PURE__ */ React18__namespace.default.createElement(
       DroppableCell,
       {
         key: cellId,
@@ -2263,11 +2302,11 @@ var MonthView = ({
         ),
         onClick: () => onDateClick?.(day)
       },
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex justify-between items-start" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn(
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex justify-between items-start" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: cn(
         "text-sm font-semibold w-7 h-7 flex items-center justify-center rounded-full transition-all duration-200",
         dateFns.isToday(day) ? "bg-primary text-primary-foreground shadow-md shadow-primary/30" : "group-hover:bg-accent"
-      ) }, dateFns.format(day, "d", { locale })), dayEvents.length > 0 && /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.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__ */ React17__namespace.default.createElement(EventItem, { key: `${event.id}-${dayKey}`, event, onEventClick })), dayEvents.length > 4 && /* @__PURE__ */ React17__namespace.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"))
+      ) }, dateFns.format(day, "d", { locale })), dayEvents.length > 0 && /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.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__ */ React18__namespace.default.createElement(EventItem, { key: `${event.id}-${dayKey}`, event, onEventClick })), dayEvents.length > 4 && /* @__PURE__ */ React18__namespace.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"))
     );
   }))));
 };
@@ -2281,12 +2320,12 @@ var ResizableEvent = ({
   style,
   readonly
 }) => {
-  const [isResizing, setIsResizing] = React17.useState(false);
-  const [resizeHeight, setResizeHeight] = React17.useState(null);
-  const containerRef = React17.useRef(null);
-  const startYRef = React17.useRef(0);
-  const startHeightRef = React17.useRef(0);
-  const handleResizeStart = React17.useCallback((e) => {
+  const [isResizing, setIsResizing] = React18.useState(false);
+  const [resizeHeight, setResizeHeight] = React18.useState(null);
+  const containerRef = React18.useRef(null);
+  const startYRef = React18.useRef(0);
+  const startHeightRef = React18.useRef(0);
+  const handleResizeStart = React18.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     const clientY = "touches" in e ? e.touches[0].clientY : e.clientY;
@@ -2328,7 +2367,7 @@ var ResizableEvent = ({
     document.addEventListener("touchmove", handleMove, { passive: false });
     document.addEventListener("touchend", handleEnd);
   }, [event, hourHeight, minDuration, onResize, resizeHeight]);
-  return /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       ref: containerRef,
@@ -2339,7 +2378,7 @@ var ResizableEvent = ({
       }
     },
     children,
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         className: cn(
@@ -2351,12 +2390,12 @@ var ResizableEvent = ({
         onMouseDown: readonly ? void 0 : handleResizeStart,
         onTouchStart: readonly ? void 0 : handleResizeStart
       },
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn(
+      /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement("div", { className: "absolute inset-0 border-2 border-primary border-dashed rounded-md pointer-events-none bg-primary/5" })
+    isResizing && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "absolute inset-0 border-2 border-primary border-dashed rounded-md pointer-events-none bg-primary/5" })
   );
 };
 var EventCardBadge = ({
@@ -2365,7 +2404,7 @@ var EventCardBadge = ({
   className
 }) => {
   if (!badge?.icon || !badge?.name) return null;
-  return /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       className: cn(
@@ -2378,26 +2417,121 @@ var EventCardBadge = ({
       ),
       title: badge.name
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "shrink-0 flex items-center justify-center [&>svg]:w-2.5 [&>svg]:h-2.5" }, badge.icon),
-    !compact && /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "truncate max-w-[72px]" }, badge.name)
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "shrink-0 flex items-center justify-center [&>svg]:w-2.5 [&>svg]:h-2.5" }, badge.icon),
+    !compact && /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "truncate max-w-[72px]" }, badge.name)
   );
 };
+var EventHoverPopover = ({
+  enabled,
+  event,
+  timeRange,
+  children,
+  className
+}) => {
+  const triggerRef = React18.useRef(null);
+  const [open, setOpen] = React18.useState(false);
+  const [coords, setCoords] = React18.useState({ top: 0, left: 0, placeAbove: true });
+  const hideTimerRef = React18.useRef(null);
+  const updatePosition = React18.useCallback(() => {
+    const el = triggerRef.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    const placeAbove = rect.top > 160;
+    setCoords({
+      top: placeAbove ? rect.top - 8 : rect.bottom + 8,
+      left: Math.min(
+        Math.max(rect.left + rect.width / 2, 120),
+        window.innerWidth - 120
+      ),
+      placeAbove
+    });
+  }, []);
+  const show = React18.useCallback(() => {
+    if (!enabled) return;
+    if (hideTimerRef.current) {
+      clearTimeout(hideTimerRef.current);
+      hideTimerRef.current = null;
+    }
+    updatePosition();
+    setOpen(true);
+  }, [enabled, updatePosition]);
+  const scheduleHide = React18.useCallback(() => {
+    if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
+    hideTimerRef.current = setTimeout(() => setOpen(false), 80);
+  }, []);
+  React18.useEffect(() => {
+    if (!open) return;
+    const onMove = () => updatePosition();
+    window.addEventListener("scroll", onMove, true);
+    window.addEventListener("resize", onMove);
+    return () => {
+      window.removeEventListener("scroll", onMove, true);
+      window.removeEventListener("resize", onMove);
+    };
+  }, [open, updatePosition]);
+  React18.useEffect(() => () => {
+    if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
+  }, []);
+  if (!enabled) {
+    return /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, children);
+  }
+  const accent = event.color || "hsl(var(--primary))";
+  return /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement(
+    "div",
+    {
+      ref: triggerRef,
+      className: cn("h-full w-full", className),
+      onMouseEnter: show,
+      onMouseLeave: scheduleHide
+    },
+    children
+  ), open && typeof document !== "undefined" && reactDom.createPortal(
+    /* @__PURE__ */ React18__namespace.default.createElement(
+      "div",
+      {
+        role: "tooltip",
+        className: cn(
+          "fixed z-[10000] w-64 max-w-[min(16rem,calc(100vw-1.5rem))]",
+          "rounded-xl border border-border/60 bg-popover text-popover-foreground",
+          "shadow-xl shadow-black/10 backdrop-blur-md",
+          "pointer-events-none transition-opacity duration-150"
+        ),
+        style: {
+          top: coords.top,
+          left: coords.left,
+          transform: coords.placeAbove ? "translate(-50%, -100%)" : "translate(-50%, 0)"
+        },
+        onMouseEnter: show,
+        onMouseLeave: scheduleHide
+      },
+      /* @__PURE__ */ React18__namespace.default.createElement(
+        "div",
+        {
+          className: "h-1 rounded-t-xl",
+          style: { backgroundColor: accent }
+        }
+      ),
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "p-3 space-y-2" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-sm font-semibold leading-snug text-foreground" }, event.title), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-xs font-medium text-muted-foreground tabular-nums" }, timeRange), event.description && /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-xs text-muted-foreground/90 leading-relaxed line-clamp-4" }, event.description), event.guests?.length || event.attachments?.length || event.reminders?.length ? /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-wrap gap-1.5 pt-0.5" }, event.guests && event.guests.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] text-muted-foreground" }, event.guests.length, " guest", event.guests.length !== 1 ? "s" : ""), event.attachments && event.attachments.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] text-muted-foreground" }, event.attachments.length, " file", event.attachments.length !== 1 ? "s" : ""), event.reminders && event.reminders.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] text-muted-foreground" }, event.reminders.length, " reminder", event.reminders.length !== 1 ? "s" : "")) : null)
+    ),
+    document.body
+  ));
+};
 var ICON_CLASS = "w-2.5 h-2.5";
 var EVENT_BADGE_ICONS = {
-  privateLesson: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.User, { className: ICON_CLASS }),
-  groupLesson: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Users, { className: ICON_CLASS }),
-  packageLesson: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Package, { className: ICON_CLASS }),
-  online: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Video, { className: ICON_CLASS }),
-  inPerson: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.MapPin, { className: ICON_CLASS }),
-  homeVisit: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Home, { className: ICON_CLASS }),
-  trial: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Sparkles, { className: ICON_CLASS }),
-  makeup: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.RefreshCw, { className: ICON_CLASS }),
-  exam: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ClipboardCheck, { className: ICON_CLASS }),
-  workshop: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Presentation, { className: ICON_CLASS }),
-  priority: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Star, { className: ICON_CLASS }),
-  holiday: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.PartyPopper, { className: ICON_CLASS }),
-  cancelled: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Ban, { className: ICON_CLASS }),
-  listening: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Headphones, { className: ICON_CLASS })
+  privateLesson: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.User, { className: ICON_CLASS }),
+  groupLesson: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Users, { className: ICON_CLASS }),
+  packageLesson: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Package, { className: ICON_CLASS }),
+  online: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Video, { className: ICON_CLASS }),
+  inPerson: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.MapPin, { className: ICON_CLASS }),
+  homeVisit: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Home, { className: ICON_CLASS }),
+  trial: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Sparkles, { className: ICON_CLASS }),
+  makeup: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.RefreshCw, { className: ICON_CLASS }),
+  exam: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ClipboardCheck, { className: ICON_CLASS }),
+  workshop: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Presentation, { className: ICON_CLASS }),
+  priority: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Star, { className: ICON_CLASS }),
+  holiday: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.PartyPopper, { className: ICON_CLASS }),
+  cancelled: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Ban, { className: ICON_CLASS }),
+  listening: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Headphones, { className: ICON_CLASS })
 };
 var EVENT_BADGE_LABELS = {
   tr: {
@@ -2488,13 +2622,13 @@ var WeekView = ({
   const weekDays = dateFns.eachDayOfInterval({ start, end });
   const hours = reverseTime ? Array.from({ length: 24 }, (_, i) => 23 - i) : Array.from({ length: 24 }, (_, i) => i);
   const hourHeight = 60;
-  const scrollContainerRef = React17__namespace.default.useRef(null);
-  const [now, setNow] = React17__namespace.default.useState(/* @__PURE__ */ new Date());
-  React17__namespace.default.useEffect(() => {
+  const scrollContainerRef = React18__namespace.default.useRef(null);
+  const [now, setNow] = React18__namespace.default.useState(/* @__PURE__ */ new Date());
+  React18__namespace.default.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
-  React17__namespace.default.useEffect(() => {
+  React18__namespace.default.useEffect(() => {
     if (scrollContainerRef.current) {
       scrollContainerRef.current.scrollTop = reverseTime ? (23 - initialScrollHour) * hourHeight : initialScrollHour * hourHeight;
     }
@@ -2524,44 +2658,44 @@ var WeekView = ({
         acronym = tz;
       }
     }
-    return /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col items-center justify-center leading-tight" }, /* @__PURE__ */ React17__namespace.default.createElement("span", null, displayTime), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-[10px] opacity-75" }, "(", acronym, ")"));
+    return /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col items-center justify-center leading-tight" }, /* @__PURE__ */ React18__namespace.default.createElement("span", null, displayTime), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-[10px] opacity-75" }, "(", acronym, ")"));
   };
   const timeFormat = getTimeFormat(language);
   const eventTimeFormat = getTimeFormatFull(language);
   const nowFormat = getTimeFormatFull(language);
-  return /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden min-w-[800px] md:min-w-0 shadow-sm" }, /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       ref: scrollContainerRef,
       className: "flex-1 min-h-0 overflow-y-auto scrollbar-hide relative bg-background scroll-smooth",
       style: { scrollbarGutter: "stable" }
     },
-    /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.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__ */ React17__namespace.default.createElement("div", { className: "flex-1 grid grid-cols-7" }, weekDays.map((day, index) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: day.toISOString(), className: cn("py-3 px-2 text-center", index > 0 && "border-l-[0.5px] border-border/30") }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1.5" }, dateFns.format(day, "EEE", { locale })), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn(
+    /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.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__ */ React18__namespace.default.createElement("div", { className: "flex-1 grid grid-cols-7" }, weekDays.map((day, index) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: day.toISOString(), className: cn("py-3 px-2 text-center", index > 0 && "border-l-[0.5px] border-border/30") }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1.5" }, dateFns.format(day, "EEE", { locale })), /* @__PURE__ */ React18__namespace.default.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",
       dateFns.isToday(day) ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30 scale-110" : "text-foreground hover:bg-accent/80"
     ) }, dateFns.format(day, "d", { locale })))))),
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         className: "flex min-w-full relative",
         style: { height: hours.length * hourHeight }
       },
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-none w-16 border-r-[0.5px] border-border/30 relative bg-muted/5" }, hours.map((hour) => /* @__PURE__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-none w-16 border-r-[0.5px] border-border/30 relative bg-muted/5" }, hours.map((hour) => /* @__PURE__ */ React18__namespace.default.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 }
         },
-        /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "block -translate-y-1/2" }, hour !== 0 && dateFns.format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale }))
+        /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "block -translate-y-1/2" }, hour !== 0 && dateFns.format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale }))
       ))),
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, weekDays.map((day, dayIndex) => {
+      /* @__PURE__ */ React18__namespace.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 dateFns.isSameDay(zonedStart, day);
         });
-        return /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(
+        return /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement(
             "div",
             {
               key: hour,
@@ -2572,7 +2706,7 @@ var WeekView = ({
               const cellDate = new Date(day);
               cellDate.setHours(hour, minute, 0, 0);
               const cellId = cellDate.toISOString();
-              return /* @__PURE__ */ React17__namespace.default.createElement(
+              return /* @__PURE__ */ React18__namespace.default.createElement(
                 DroppableCell,
                 {
                   key: minute,
@@ -2584,7 +2718,7 @@ var WeekView = ({
                     top: `${minute / 60 * 100}%`
                   }
                 },
-                /* @__PURE__ */ React17__namespace.default.createElement(
+                /* @__PURE__ */ React18__namespace.default.createElement(
                   "div",
                   {
                     className: "w-full h-full bg-transparent cursor-pointer",
@@ -2618,9 +2752,9 @@ var WeekView = ({
           const height = durationMinutes / 60 * hourHeight;
           const top = reverseTime ? (1440 - startMinutes - durationMinutes) / 60 * hourHeight : startMinutes / 60 * hourHeight;
           const isShortEvent = compactShortEvents && durationMinutes < 60;
-          const resolvedBadge = resolveEventBadge(event, language);
+          const resolvedBadge = !isShortEvent ? resolveEventBadge(event, language) : void 0;
           const hasBadge = Boolean(resolvedBadge);
-          return /* @__PURE__ */ React17__namespace.default.createElement(
+          return /* @__PURE__ */ React18__namespace.default.createElement(
             DraggableEvent,
             {
               key: `${event.id}-${day.toISOString()}`,
@@ -2635,7 +2769,7 @@ var WeekView = ({
                 paddingRight: count > 1 ? "2px" : "0"
               }
             },
-            /* @__PURE__ */ React17__namespace.default.createElement(
+            /* @__PURE__ */ React18__namespace.default.createElement(
               ResizableEvent,
               {
                 readonly,
@@ -2645,48 +2779,56 @@ var WeekView = ({
                 className: "h-full",
                 style: { height: "100%" }
               },
-              /* @__PURE__ */ React17__namespace.default.createElement(
-                "div",
+              /* @__PURE__ */ React18__namespace.default.createElement(
+                EventHoverPopover,
                 {
-                  className: cn(
-                    "rounded-md border shadow-sm transition-all hover:shadow-md group overflow-hidden relative",
-                    "glass",
-                    readonly ? "cursor-default" : "cursor-grab active:cursor-grabbing",
-                    !event.color && "border-primary/20 bg-primary/10",
-                    isShortEvent ? "px-1 flex items-center justify-center" : "p-2",
-                    // Reserve space under the badge so title/time do not overlap
-                    hasBadge && !isShortEvent && "pt-4",
-                    // Add active border for overlapped events to distinguish them
-                    count > 1 && "border-l-4 border-l-primary/50"
-                  ),
-                  style: {
-                    height: "100%",
-                    backgroundColor: event.color ? `${event.color}15` : void 0,
-                    borderColor: event.color ? `${event.color}40` : void 0,
-                    borderLeftWidth: "3px",
-                    borderLeftColor: event.color || "var(--primary)"
-                  },
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    onEventClick?.(event);
-                  },
-                  title: count > 1 ? `${event.title} (${index + 1}/${count})` : void 0
+                  enabled: isShortEvent,
+                  event,
+                  timeRange: `${dateFns.format(zonedEventStart, eventTimeFormat, { locale })} - ${dateFns.format(zonedEventEnd, eventTimeFormat, { locale })}`
                 },
-                resolvedBadge && /* @__PURE__ */ React17__namespace.default.createElement(
-                  EventCardBadge,
+                /* @__PURE__ */ React18__namespace.default.createElement(
+                  "div",
                   {
-                    badge: resolvedBadge,
-                    compact: isShortEvent
-                  }
-                ),
-                /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn(
-                  "font-semibold truncate text-foreground/90 leading-tight",
-                  isShortEvent ? "text-xs text-center" : "text-xs"
-                ) }, event.title), !isShortEvent && /* @__PURE__ */ React17__namespace.default.createElement(React17__namespace.default.Fragment, null, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5 font-medium leading-tight" }, dateFns.format(zonedEventStart, eventTimeFormat, { locale }), " - ", dateFns.format(zonedEventEnd, eventTimeFormat, { locale })), event.description && height > 50 && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-[10px] text-muted-foreground/80 truncate mt-1 leading-tight opacity-80" }, event.description)), count > 1 && !isShortEvent && /* @__PURE__ */ React17__namespace.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))
+                    className: cn(
+                      "rounded-md border shadow-sm transition-all hover:shadow-md group overflow-hidden relative",
+                      "glass",
+                      readonly ? "cursor-default" : "cursor-grab active:cursor-grabbing",
+                      !event.color && "border-primary/20 bg-primary/10",
+                      isShortEvent ? "px-1 flex items-center justify-center" : "p-2",
+                      // Reserve space under the badge so title/time do not overlap
+                      hasBadge && !isShortEvent && "pt-4",
+                      // Add active border for overlapped events to distinguish them
+                      count > 1 && "border-l-4 border-l-primary/50"
+                    ),
+                    style: {
+                      height: "100%",
+                      backgroundColor: event.color ? `${event.color}15` : void 0,
+                      borderColor: event.color ? `${event.color}40` : void 0,
+                      borderLeftWidth: "3px",
+                      borderLeftColor: event.color || "var(--primary)"
+                    },
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onEventClick?.(event);
+                    },
+                    title: !isShortEvent && count > 1 ? `${event.title} (${index + 1}/${count})` : void 0
+                  },
+                  hasBadge && /* @__PURE__ */ React18__namespace.default.createElement(
+                    EventCardBadge,
+                    {
+                      badge: resolvedBadge,
+                      compact: false
+                    }
+                  ),
+                  /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: cn(
+                    "font-semibold truncate text-foreground/90 leading-tight",
+                    isShortEvent ? "text-xs text-center" : "text-xs"
+                  ) }, event.title), !isShortEvent && /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5 font-medium leading-tight" }, dateFns.format(zonedEventStart, eventTimeFormat, { locale }), " - ", dateFns.format(zonedEventEnd, eventTimeFormat, { locale })), event.description && height > 50 && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-[10px] text-muted-foreground/80 truncate mt-1 leading-tight opacity-80" }, event.description)), count > 1 && !isShortEvent && /* @__PURE__ */ React18__namespace.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))
+                )
               )
             )
           );
-        }), dateFns.isToday(day) && /* @__PURE__ */ React17__namespace.default.createElement(
+        }), dateFns.isToday(day) && /* @__PURE__ */ React18__namespace.default.createElement(
           "div",
           {
             className: "absolute left-0 right-0 z-20 pointer-events-none flex items-center",
@@ -2694,12 +2836,12 @@ var WeekView = ({
               top: reverseTime ? `${(1440 - (zonedNow.getHours() * 60 + zonedNow.getMinutes())) / 60 * hourHeight}px` : `${(zonedNow.getHours() * 60 + zonedNow.getMinutes()) / 60 * hourHeight}px`
             }
           },
-          /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
-          /* @__PURE__ */ React17__namespace.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__ */ React18__namespace.default.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
+          /* @__PURE__ */ React18__namespace.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__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         className: "absolute left-0 w-16 pointer-events-none z-30 flex justify-end pr-2",
@@ -2707,7 +2849,7 @@ var WeekView = ({
           top: reverseTime ? `${(1440 - (zonedNow.getHours() * 60 + zonedNow.getMinutes())) / 60 * hourHeight + 80}px` : `${(zonedNow.getHours() * 60 + zonedNow.getMinutes()) / 60 * hourHeight + 80}px`
         }
       },
-      /* @__PURE__ */ React17__namespace.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" }, dateFns.format(zonedNow, nowFormat, { locale }))
+      /* @__PURE__ */ React18__namespace.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" }, dateFns.format(zonedNow, nowFormat, { locale }))
     )
   ));
 };
@@ -2727,13 +2869,13 @@ var DayView = ({
 }) => {
   const hours = reverseTime ? Array.from({ length: 24 }, (_, i) => 23 - i) : Array.from({ length: 24 }, (_, i) => i);
   const hourHeight = 80;
-  const scrollContainerRef = React17__namespace.default.useRef(null);
-  const [now, setNow] = React17__namespace.default.useState(/* @__PURE__ */ new Date());
-  React17__namespace.default.useEffect(() => {
+  const scrollContainerRef = React18__namespace.default.useRef(null);
+  const [now, setNow] = React18__namespace.default.useState(/* @__PURE__ */ new Date());
+  React18__namespace.default.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
-  React17__namespace.default.useEffect(() => {
+  React18__namespace.default.useEffect(() => {
     if (scrollContainerRef.current) {
       scrollContainerRef.current.scrollTop = reverseTime ? (23 - initialScrollHour) * hourHeight : initialScrollHour * hourHeight;
     }
@@ -2749,15 +2891,15 @@ var DayView = ({
   const timeFormat = getTimeFormat(language);
   const eventTimeFormat = getTimeFormatFull(language);
   const nowFormat = getTimeFormatFull(language);
-  return /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("div", { className: "flex items-center justify-center gap-3" }, /* @__PURE__ */ React17__namespace.default.createElement("h2", { className: "text-xl font-semibold capitalize text-foreground" }, dateFns.format(currentDate, "EEEE, MMMM d, yyyy", { locale })), dateFns.isToday(currentDate) && /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("div", { ref: scrollContainerRef, className: "flex-1 min-h-0 overflow-y-auto relative" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex relative", style: { height: hours.length * hourHeight } }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "w-20 bg-muted/5 border-r-[0.5px] border-border/30 relative" }, hours.map((hour) => /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background border-[0.5px] border-border/50 rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("div", { className: "flex items-center justify-center gap-3" }, /* @__PURE__ */ React18__namespace.default.createElement("h2", { className: "text-xl font-semibold capitalize text-foreground" }, dateFns.format(currentDate, "EEEE, MMMM d, yyyy", { locale })), dateFns.isToday(currentDate) && /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("div", { ref: scrollContainerRef, className: "flex-1 min-h-0 overflow-y-auto relative" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex relative", style: { height: hours.length * hourHeight } }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "w-20 bg-muted/5 border-r-[0.5px] border-border/30 relative" }, hours.map((hour) => /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       key: hour,
       className: "relative w-full",
       style: { height: hourHeight }
     },
-    hour !== 0 && /* @__PURE__ */ React17__namespace.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" }, dateFns.format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale }))
-  )), dateFns.isToday(currentDate) && /* @__PURE__ */ React17__namespace.default.createElement(
+    hour !== 0 && /* @__PURE__ */ React18__namespace.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" }, dateFns.format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale }))
+  )), dateFns.isToday(currentDate) && /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       className: "absolute left-0 w-full pointer-events-none z-30 flex justify-end pr-2",
@@ -2765,9 +2907,9 @@ var DayView = ({
         top: reverseTime ? `${(1440 - (zonedNow.getHours() * 60 + zonedNow.getMinutes())) / 60 * hourHeight}px` : `${(zonedNow.getHours() * 60 + zonedNow.getMinutes()) / 60 * hourHeight}px`
       }
     },
-    /* @__PURE__ */ React17__namespace.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" }, dateFns.format(zonedNow, nowFormat, { locale }))
-  )), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 relative" }, hours.map((hour) => {
-    return /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.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" }, dateFns.format(zonedNow, nowFormat, { locale }))
+  )), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 relative" }, hours.map((hour) => {
+    return /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         key: hour,
@@ -2778,7 +2920,7 @@ var DayView = ({
         const cellDate = new Date(currentDate);
         cellDate.setHours(hour, minute, 0, 0);
         const cellId = cellDate.toISOString();
-        return /* @__PURE__ */ React17__namespace.default.createElement(
+        return /* @__PURE__ */ React18__namespace.default.createElement(
           DroppableCell,
           {
             key: minute,
@@ -2790,7 +2932,7 @@ var DayView = ({
               top: `${minute / 60 * 100}%`
             }
           },
-          /* @__PURE__ */ React17__namespace.default.createElement(
+          /* @__PURE__ */ React18__namespace.default.createElement(
             "div",
             {
               className: "h-full w-full bg-transparent cursor-pointer",
@@ -2823,7 +2965,8 @@ var DayView = ({
     const height = durationMinutes / 60 * hourHeight;
     const top = reverseTime ? (1440 - startMinutes - durationMinutes) / 60 * hourHeight : startMinutes / 60 * hourHeight;
     const isShortEvent = compactShortEvents && durationMinutes < 45;
-    return /* @__PURE__ */ React17__namespace.default.createElement(
+    const timeRange = `${dateFns.format(zonedStart, eventTimeFormat, { locale })} - ${dateFns.format(zonedEnd, eventTimeFormat, { locale })}`;
+    return /* @__PURE__ */ React18__namespace.default.createElement(
       DraggableEvent,
       {
         key: `${event.id}-${currentDate.toISOString()}`,
@@ -2837,7 +2980,7 @@ var DayView = ({
           paddingRight: count > 1 ? "2px" : "0"
         }
       },
-      /* @__PURE__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement(
         ResizableEvent,
         {
           readonly,
@@ -2847,38 +2990,46 @@ var DayView = ({
           className: "h-full",
           style: { height: "100%" }
         },
-        /* @__PURE__ */ React17__namespace.default.createElement(
-          "div",
+        /* @__PURE__ */ React18__namespace.default.createElement(
+          EventHoverPopover,
           {
-            className: cn(
-              "h-full rounded-lg border-[0.5px] shadow-sm overflow-hidden transition-all hover:shadow-lg hover:z-20 group",
-              "glass backdrop-blur-sm",
-              readonly ? "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"
-            ),
-            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"
-            },
-            onClick: (e) => {
-              e.stopPropagation();
-              onEventClick?.(event);
-            },
-            title: count > 1 ? `${event.title} (${index + 1}/${count})` : void 0
+            enabled: isShortEvent,
+            event,
+            timeRange
           },
-          /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React17__namespace.default.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__ */ React17__namespace.default.createElement(React17__namespace.default.Fragment, null, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-xs text-muted-foreground mt-0.5 font-medium" }, dateFns.format(zonedStart, eventTimeFormat, { locale }), " - ", dateFns.format(zonedEnd, eventTimeFormat, { locale })), event.description && height > 60 && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-xs text-muted-foreground/80 mt-1 line-clamp-2" }, event.description)), count > 1 && !isShortEvent && /* @__PURE__ */ React17__namespace.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))
+          /* @__PURE__ */ React18__namespace.default.createElement(
+            "div",
+            {
+              className: cn(
+                "h-full rounded-lg border-[0.5px] shadow-sm overflow-hidden transition-all hover:shadow-lg hover:z-20 group",
+                "glass backdrop-blur-sm",
+                readonly ? "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"
+              ),
+              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"
+              },
+              onClick: (e) => {
+                e.stopPropagation();
+                onEventClick?.(event);
+              },
+              title: !isShortEvent && count > 1 ? `${event.title} (${index + 1}/${count})` : void 0
+            },
+            /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col h-full overflow-hidden w-full" }, /* @__PURE__ */ React18__namespace.default.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__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-xs text-muted-foreground mt-0.5 font-medium" }, timeRange), event.description && height > 60 && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-xs text-muted-foreground/80 mt-1 line-clamp-2" }, event.description)), count > 1 && !isShortEvent && /* @__PURE__ */ React18__namespace.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))
+          )
         )
       )
     );
-  }), dateFns.isToday(currentDate) && /* @__PURE__ */ React17__namespace.default.createElement(
+  }), dateFns.isToday(currentDate) && /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       className: "absolute left-0 right-0 z-20 pointer-events-none flex items-center",
@@ -2886,17 +3037,17 @@ var DayView = ({
         top: reverseTime ? `${(1440 - (zonedNow.getHours() * 60 + zonedNow.getMinutes())) / 60 * hourHeight}px` : `${(zonedNow.getHours() * 60 + zonedNow.getMinutes()) / 60 * hourHeight}px`
       }
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
-    /* @__PURE__ */ React17__namespace.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__ */ React18__namespace.default.createElement("div", { className: "h-[2px] w-full bg-gradient-to-r from-primary via-primary to-primary/50" }),
+    /* @__PURE__ */ React18__namespace.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" })
   )))));
 };
-var AgendaEmptyState = ({ onCreateEvent, translations }) => /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col items-center justify-center h-full min-h-[400px] py-12" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "relative mb-8" }, /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "w-12 h-12 rounded-2xl bg-green-100 dark:bg-green-900/30 flex items-center justify-center" }, /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "font-medium text-foreground" }, "All caught up!"), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-sm text-muted-foreground" }, "No events scheduled"))))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-center max-w-sm" }, /* @__PURE__ */ React17__namespace.default.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, translations?.noUpcoming || "Your schedule is clear"), /* @__PURE__ */ React17__namespace.default.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, "No upcoming events to show. Create a new event to start planning."), onCreateEvent && /* @__PURE__ */ React17__namespace.default.createElement(
+var AgendaEmptyState = ({ onCreateEvent, translations }) => /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col items-center justify-center h-full min-h-[400px] py-12" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative mb-8" }, /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "w-12 h-12 rounded-2xl bg-green-100 dark:bg-green-900/30 flex items-center justify-center" }, /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "font-medium text-foreground" }, "All caught up!"), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-sm text-muted-foreground" }, "No events scheduled"))))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-center max-w-sm" }, /* @__PURE__ */ React18__namespace.default.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, translations?.noUpcoming || "Your schedule is clear"), /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, "No upcoming events to show. Create a new event to start planning."), onCreateEvent && /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement(lucideReact.Plus, { className: "w-4 h-4" }),
+  /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Plus, { className: "w-4 h-4" }),
   translations?.createEvent || "Create Event"
 )));
 var formatDuration = (start, end) => {
@@ -2922,7 +3073,7 @@ var AgendaView = ({
   renderEmptyState
 }) => {
   const timeFmt = getTimeFormatFull(language);
-  const groupedEvents = React17.useMemo(() => {
+  const groupedEvents = React18.useMemo(() => {
     const startDate = dateFns.startOfDay(currentDate);
     const groups = [];
     const sortedEvents = [...events].sort((a, b) => a.start.getTime() - b.start.getTime());
@@ -2948,7 +3099,7 @@ var AgendaView = ({
     hidden: { opacity: 0, x: -20 },
     show: { opacity: 1, x: 0 }
   };
-  return /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background overflow-y-auto" }, groupedEvents.length === 0 ? renderEmptyState ? renderEmptyState({ view: "agenda", onCreateEvent }) : /* @__PURE__ */ React17__namespace.default.createElement(AgendaEmptyState, { onCreateEvent }) : /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background overflow-y-auto" }, groupedEvents.length === 0 ? renderEmptyState ? renderEmptyState({ view: "agenda", onCreateEvent }) : /* @__PURE__ */ React18__namespace.default.createElement(AgendaEmptyState, { onCreateEvent }) : /* @__PURE__ */ React18__namespace.default.createElement(
     framerMotion.motion.div,
     {
       className: "max-w-3xl mx-auto w-full pb-10 px-4 md:px-6",
@@ -2956,21 +3107,21 @@ var AgendaView = ({
       initial: "hidden",
       animate: "show"
     },
-    groupedEvents.map((group, groupIndex) => /* @__PURE__ */ React17__namespace.default.createElement(
+    groupedEvents.map((group, groupIndex) => /* @__PURE__ */ React18__namespace.default.createElement(
       framerMotion.motion.div,
       {
         key: group.date.toISOString(),
         className: "relative",
         variants: item
       },
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "sticky top-0 bg-background/95 backdrop-blur-md py-4 z-10 border-b border-border/50" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn(
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "sticky top-0 bg-background/95 backdrop-blur-md py-4 z-10 border-b border-border/50" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: cn(
         "flex flex-col items-center justify-center w-16 h-16 rounded-2xl transition-all",
         dateFns.isToday(group.date) ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30" : "bg-muted/50 text-foreground"
-      ) }, /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-2xl font-bold leading-none" }, dateFns.format(group.date, "d")), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-xs font-medium uppercase tracking-wide opacity-80" }, dateFns.format(group.date, "MMM"))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React17__namespace.default.createElement("span", { className: cn(
+      ) }, /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-2xl font-bold leading-none" }, dateFns.format(group.date, "d")), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-xs font-medium uppercase tracking-wide opacity-80" }, dateFns.format(group.date, "MMM"))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18__namespace.default.createElement("span", { className: cn(
         "text-lg font-semibold",
         dateFns.isToday(group.date) && "text-primary"
-      ) }, getDateLabel(group.date, translations?.today ?? "Today", translations?.tomorrow ?? "Tomorrow")), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm text-muted-foreground" }, group.events.length, " ", group.events.length !== 1 ? translations?.eventsCount ?? "events" : translations?.eventCount ?? "event")))),
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "py-4 space-y-3" }, group.events.map((event, eventIndex) => /* @__PURE__ */ React17__namespace.default.createElement(
+      ) }, getDateLabel(group.date, translations?.today ?? "Today", translations?.tomorrow ?? "Tomorrow")), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm text-muted-foreground" }, group.events.length, " ", group.events.length !== 1 ? translations?.eventsCount ?? "events" : translations?.eventCount ?? "event")))),
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "py-4 space-y-3" }, group.events.map((event, eventIndex) => /* @__PURE__ */ React18__namespace.default.createElement(
         framerMotion.motion.div,
         {
           key: event.id,
@@ -2984,22 +3135,22 @@ var AgendaView = ({
           whileHover: { scale: 1.01, y: -2 },
           transition: { duration: 0.2 }
         },
-        /* @__PURE__ */ React17__namespace.default.createElement(
+        /* @__PURE__ */ React18__namespace.default.createElement(
           "div",
           {
             className: "absolute left-0 top-3 bottom-3 w-1 rounded-full",
             style: { backgroundColor: event.color || "var(--primary)" }
           }
         ),
-        /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col items-center min-w-[70px] pl-2" }, event.allDay ? /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-base font-semibold text-foreground" }, dateFns.format(event.start, timeFmt)), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "w-px h-3 bg-border my-1" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-xs text-muted-foreground/70 font-medium" }, formatDuration(event.start, event.end)))),
-        /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 min-w-0 space-y-2" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement("h4", { className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors line-clamp-1" }, event.title), /* @__PURE__ */ React17__namespace.default.createElement(
+        /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col items-center min-w-[70px] pl-2" }, event.allDay ? /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-base font-semibold text-foreground" }, dateFns.format(event.start, timeFmt)), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "w-px h-3 bg-border my-1" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-xs text-muted-foreground/70 font-medium" }, formatDuration(event.start, event.end)))),
+        /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 min-w-0 space-y-2" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement("h4", { className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors line-clamp-1" }, event.title), /* @__PURE__ */ React18__namespace.default.createElement(
           "div",
           {
             className: "w-3 h-3 rounded-full shrink-0 mt-1.5",
             style: { backgroundColor: event.color || "var(--primary)" }
           }
-        )), event.description && /* @__PURE__ */ React17__namespace.default.createElement("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed" }, event.description), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-wrap items-center gap-3 pt-1" }, !event.allDay && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Clock, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React17__namespace.default.createElement("span", null, dateFns.format(event.start, timeFmt), " - ", dateFns.format(event.end, timeFmt))), event.guests && event.guests.length > 0 && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Users, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React17__namespace.default.createElement("span", null, event.guests.length, " ", event.guests.length !== 1 ? translations?.guestsCount ?? "guests" : translations?.guestCount ?? "guest")), event.attachments && event.attachments.length > 0 && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Paperclip, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React17__namespace.default.createElement("span", null, event.attachments.length)), event.reminders && event.reminders.length > 0 && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Bell, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React17__namespace.default.createElement("span", null, event.reminders.length)))),
-        /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React17__namespace.default.createElement("svg", { className: "w-5 h-5 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React17__namespace.default.createElement("path", { d: "M9 18l6-6-6-6" })))
+        )), event.description && /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed" }, event.description), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-wrap items-center gap-3 pt-1" }, !event.allDay && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Clock, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React18__namespace.default.createElement("span", null, dateFns.format(event.start, timeFmt), " - ", dateFns.format(event.end, timeFmt))), event.guests && event.guests.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Users, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React18__namespace.default.createElement("span", null, event.guests.length, " ", event.guests.length !== 1 ? translations?.guestsCount ?? "guests" : translations?.guestCount ?? "guest")), event.attachments && event.attachments.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Paperclip, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React18__namespace.default.createElement("span", null, event.attachments.length)), event.reminders && event.reminders.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Bell, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React18__namespace.default.createElement("span", null, event.reminders.length)))),
+        /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React18__namespace.default.createElement("svg", { className: "w-5 h-5 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React18__namespace.default.createElement("path", { d: "M9 18l6-6-6-6" })))
       )))
     ))
   ));
@@ -3013,7 +3164,7 @@ var ResourceView = ({
   locale,
   language = "tr"
 }) => {
-  const containerRef = React17.useRef(null);
+  const containerRef = React18.useRef(null);
   const hours = Array.from({ length: 24 }, (_, i) => i);
   const hourWidth = 100;
   const timeFormat = getTimeFormat(language);
@@ -3031,7 +3182,7 @@ var ResourceView = ({
       // Min width for visibility
     };
   };
-  return /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background overflow-hidden" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex border-b border-border bg-muted/20" }, /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("div", { className: "flex overflow-hidden" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex relative", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col h-full min-h-0 bg-background overflow-hidden" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex border-b border-border bg-muted/20" }, /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("div", { className: "flex overflow-hidden" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex relative", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       key: hour,
@@ -3039,11 +3190,11 @@ var ResourceView = ({
       style: { width: hourWidth }
     },
     dateFns.format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), timeFormat, { locale })
-  ))))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 min-h-0 overflow-auto relative", ref: containerRef }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "min-w-fit" }, resources.map((resource) => {
+  ))))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 min-h-0 overflow-auto relative", ref: containerRef }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "min-w-fit" }, resources.map((resource) => {
     const resourceEvents = events.filter(
       (e) => e.resourceId === resource.id && dateFns.isSameDay(new Date(e.start), currentDate)
     );
-    return /* @__PURE__ */ React17__namespace.default.createElement("div", { key: resource.id, className: "flex border-b border-border min-h-[100px]" }, /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("img", { src: resource.avatar, alt: resource.label, className: "w-8 h-8 rounded-full object-cover" }) : /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-medium" }, resource.label), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-xs text-muted-foreground" }, "ID: ", resource.id))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "relative flex", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React17__namespace.default.createElement(
+    return /* @__PURE__ */ React18__namespace.default.createElement("div", { key: resource.id, className: "flex border-b border-border min-h-[100px]" }, /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("img", { src: resource.avatar, alt: resource.label, className: "w-8 h-8 rounded-full object-cover" }) : /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-medium" }, resource.label), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-xs text-muted-foreground" }, "ID: ", resource.id))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative flex", style: { width: hours.length * hourWidth } }, hours.map((hour) => /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         key: hour,
@@ -3054,7 +3205,7 @@ var ResourceView = ({
         const slotDate = new Date(currentDate);
         slotDate.setHours(hour, minute, 0, 0);
         const slotId = `${resource.id}-${slotDate.toISOString()}`;
-        return /* @__PURE__ */ React17__namespace.default.createElement(
+        return /* @__PURE__ */ React18__namespace.default.createElement(
           DroppableCell,
           {
             key: minute,
@@ -3068,7 +3219,7 @@ var ResourceView = ({
           }
         );
       })
-    )), resourceEvents.map((event) => /* @__PURE__ */ React17__namespace.default.createElement(
+    )), resourceEvents.map((event) => /* @__PURE__ */ React18__namespace.default.createElement(
       DraggableEvent,
       {
         key: event.id,
@@ -3085,7 +3236,7 @@ var ResourceView = ({
           color: "#fff"
         }
       },
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "truncate" }, event.title)
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "truncate" }, event.title)
     ))));
   }))));
 };
@@ -3097,8 +3248,8 @@ var Modal = ({
   className,
   hideHeader = false
 }) => {
-  const overlayRef = React17.useRef(null);
-  React17.useEffect(() => {
+  const overlayRef = React18.useRef(null);
+  React18.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -3112,14 +3263,14 @@ var Modal = ({
     };
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement(
     "div",
     {
       ref: overlayRef,
       className: "absolute inset-0",
       onClick: onClose
     }
-  ), /* @__PURE__ */ React17__namespace.default.createElement(
+  ), /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       className: cn(
@@ -3127,7 +3278,7 @@ var Modal = ({
         className
       )
     },
-    !hideHeader && /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement("h3", { className: "text-lg font-semibold text-foreground" }, title), /* @__PURE__ */ React17__namespace.default.createElement(
+    !hideHeader && /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement("h3", { className: "text-lg font-semibold text-foreground" }, title), /* @__PURE__ */ React18__namespace.default.createElement(
       Button,
       {
         variant: "ghost",
@@ -3135,10 +3286,10 @@ var Modal = ({
         onClick: onClose,
         className: "h-9 w-9 p-0 rounded-xl hover:bg-accent/80 transition-all duration-200"
       },
-      /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.X, { className: "h-4 w-4" }),
-      /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "sr-only" }, "Close")
+      /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.X, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "sr-only" }, "Close")
     )),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn("overflow-y-auto flex-1", !hideHeader && "p-6") }, children)
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: cn("overflow-y-auto flex-1", !hideHeader && "p-6") }, children)
   ));
 };
 var COLOR_PALETTE = [
@@ -3188,9 +3339,9 @@ var EventModal = ({
   language = "tr"
 }) => {
   const timeFmt = getTimeFormatFull(language);
-  const [mode, setMode] = React17.useState("create");
-  const [activeTab, setActiveTab] = React17.useState("details");
-  const [formData, setFormData] = React17.useState({
+  const [mode, setMode] = React18.useState("create");
+  const [activeTab, setActiveTab] = React18.useState("details");
+  const [formData, setFormData] = React18.useState({
     title: "",
     description: "",
     location: "",
@@ -3204,10 +3355,10 @@ var EventModal = ({
     attachments: [],
     reminders: [{ id: "1", type: "notification", time: 30, label: "30 minutes before" }]
   });
-  const [isCalendarDropdownOpen, setIsCalendarDropdownOpen] = React17.useState(false);
-  const [isColorPickerOpen, setIsColorPickerOpen] = React17.useState(false);
-  const [isReminderDropdownOpen, setIsReminderDropdownOpen] = React17.useState(false);
-  const [isGuestsDropdownOpen, setIsGuestsDropdownOpen] = React17.useState(false);
+  const [isCalendarDropdownOpen, setIsCalendarDropdownOpen] = React18.useState(false);
+  const [isColorPickerOpen, setIsColorPickerOpen] = React18.useState(false);
+  const [isReminderDropdownOpen, setIsReminderDropdownOpen] = React18.useState(false);
+  const [isGuestsDropdownOpen, setIsGuestsDropdownOpen] = React18.useState(false);
   const fakeGuests = [
     "alice@example.com",
     "bob@example.com",
@@ -3215,9 +3366,9 @@ var EventModal = ({
     "diana@example.com",
     "evan@example.com"
   ];
-  React17.useRef(null);
-  const [selectedGuests, setSelectedGuests] = React17.useState([]);
-  React17.useEffect(() => {
+  React18.useRef(null);
+  const [selectedGuests, setSelectedGuests] = React18.useState([]);
+  React18.useEffect(() => {
     if (isOpen) {
       if (event) {
         setMode("view");
@@ -3339,7 +3490,7 @@ var EventModal = ({
     if (remainingMins === 0) return `${hours} hr`;
     return `${hours} hr ${remainingMins} min`;
   };
-  const renderViewMode = () => /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col bg-background overflow-hidden w-full max-h-[90vh]" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  const renderViewMode = () => /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col bg-background overflow-hidden w-full max-h-[90vh]" }, /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       className: "relative px-6 pt-6 pb-8",
@@ -3347,50 +3498,50 @@ var EventModal = ({
         background: `linear-gradient(135deg, ${event?.color || "#3b82f6"}15 0%, transparent 100%)`
       }
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         className: "w-3 h-3 rounded-full",
         style: { backgroundColor: event?.color || "#3b82f6" }
       }
-    ), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider" }, calendars?.find((c) => c.id === event?.calendarId)?.label || "Event")), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    ), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider" }, calendars?.find((c) => c.id === event?.calendarId)?.label || "Event")), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement(lucideReact.Edit2, { className: "w-4 h-4" })
-    ), /* @__PURE__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Edit2, { className: "w-4 h-4" })
+    ), /* @__PURE__ */ React18__namespace.default.createElement(
       "button",
       {
         onClick: handleDelete,
         className: "p-2 hover:bg-destructive/10 rounded-lg transition-all text-muted-foreground hover:text-destructive",
         title: "Delete"
       },
-      /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Trash2, { className: "w-4 h-4" })
-    ), /* @__PURE__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Trash2, { className: "w-4 h-4" })
+    ), /* @__PURE__ */ React18__namespace.default.createElement(
       "button",
       {
         onClick: onClose,
         className: "p-2 hover:bg-background/80 rounded-lg transition-all text-muted-foreground hover:text-foreground",
         title: "Close"
       },
-      /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.X, { className: "w-4 h-4" })
+      /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.X, { className: "w-4 h-4" })
     ))),
-    /* @__PURE__ */ React17__namespace.default.createElement("h1", { className: "text-2xl font-bold text-foreground mb-3 leading-tight" }, event?.title || translations.noTitle),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(lucideReact.Calendar, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "font-medium" }, event?.start && dateFns.format(new Date(event.start), "EEE, MMM d"))), /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(lucideReact.Clock, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "font-medium" }, event?.start && dateFns.format(new Date(event.start), timeFmt), " \u2013 ", event?.end && dateFns.format(new Date(event.end), timeFmt))))
-  ), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "px-6 pb-6 space-y-4 overflow-y-auto flex-1" }, event?.location && /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("h1", { className: "text-2xl font-bold text-foreground mb-3 leading-tight" }, event?.title || translations.noTitle),
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement(lucideReact.Calendar, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "font-medium" }, event?.start && dateFns.format(new Date(event.start), "EEE, MMM d"))), /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement(lucideReact.Clock, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "font-medium" }, event?.start && dateFns.format(new Date(event.start), timeFmt), " \u2013 ", event?.end && dateFns.format(new Date(event.end), timeFmt))))
+  ), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "px-6 pb-6 space-y-4 overflow-y-auto flex-1" }, event?.location && /* @__PURE__ */ React18__namespace.default.createElement(
     framerMotion.motion.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__ */ React17__namespace.default.createElement("div", { className: "p-2 bg-primary/10 rounded-xl" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.MapPin, { className: "w-5 h-5 text-primary" })),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React17__namespace.default.createElement("p", { className: "text-sm font-medium text-foreground" }, event.location), /* @__PURE__ */ React17__namespace.default.createElement("p", { className: "text-xs text-muted-foreground mt-0.5" }, translations.clickToOpenInMaps)),
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ExternalLink, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
-  ), event?.guests && event.guests.length > 0 && /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "p-2 bg-primary/10 rounded-xl" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.MapPin, { className: "w-5 h-5 text-primary" })),
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-sm font-medium text-foreground" }, event.location), /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-xs text-muted-foreground mt-0.5" }, translations.clickToOpenInMaps)),
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ExternalLink, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
+  ), event?.guests && event.guests.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -3398,14 +3549,14 @@ var EventModal = ({
       transition: { delay: 0.05 },
       className: "space-y-3"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Users, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, event.guests.length, " ", event.guests.length > 1 ? translations.guestsCount : translations.guestCount))),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-wrap gap-2" }, event.guests.map((email, index) => /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Users, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, event.guests.length, " ", event.guests.length > 1 ? translations.guestsCount : translations.guestCount))),
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-wrap gap-2" }, event.guests.map((email, index) => /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement(
         "div",
         {
           className: "w-8 h-8 rounded-full flex items-center justify-center text-sm font-semibold text-white",
@@ -3413,9 +3564,9 @@ var EventModal = ({
         },
         email[0].toUpperCase()
       ),
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React17__namespace.default.createElement("p", { className: "text-sm font-medium text-foreground" }, email.split("@")[0]), /* @__PURE__ */ React17__namespace.default.createElement("p", { className: "text-xs text-muted-foreground truncate" }, email))
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-sm font-medium text-foreground" }, email.split("@")[0]), /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-xs text-muted-foreground truncate" }, email))
     )))
-  ), event?.reminders && event.reminders.length > 0 && /* @__PURE__ */ React17__namespace.default.createElement(
+  ), event?.reminders && event.reminders.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -3423,8 +3574,8 @@ var EventModal = ({
       transition: { delay: 0.1 },
       className: "flex items-center gap-3"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "p-2 bg-amber-500/10 rounded-xl" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Bell, { className: "w-4 h-4 text-amber-500" })),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-wrap gap-2" }, event.reminders.map((reminder) => /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "p-2 bg-amber-500/10 rounded-xl" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Bell, { className: "w-4 h-4 text-amber-500" })),
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-wrap gap-2" }, event.reminders.map((reminder) => /* @__PURE__ */ React18__namespace.default.createElement(
       "span",
       {
         key: reminder.id,
@@ -3432,7 +3583,7 @@ var EventModal = ({
       },
       reminder.label || `${reminder.time} min before`
     )))
-  ), event?.description && /* @__PURE__ */ React17__namespace.default.createElement(
+  ), event?.description && /* @__PURE__ */ React18__namespace.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -3440,9 +3591,9 @@ var EventModal = ({
       transition: { delay: 0.15 },
       className: "space-y-2"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.notes)),
-    /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.notes)),
+    /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 10 },
@@ -3450,27 +3601,27 @@ var EventModal = ({
       transition: { delay: 0.2 },
       className: "space-y-2"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Paperclip, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.attachments)),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "grid gap-2" }, event.attachments.map((att) => /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Paperclip, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.attachments)),
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "grid gap-2" }, event.attachments.map((att) => /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement("div", { className: "p-2 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.File, { className: "w-4 h-4 text-primary" })),
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React17__namespace.default.createElement("p", { className: "text-sm font-medium text-foreground truncate" }, att.name), /* @__PURE__ */ React17__namespace.default.createElement("p", { className: "text-xs text-muted-foreground" }, att.size)),
-      /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Download, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "p-2 bg-primary/10 rounded-lg" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.File, { className: "w-4 h-4 text-primary" })),
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-sm font-medium text-foreground truncate" }, att.name), /* @__PURE__ */ React18__namespace.default.createElement("p", { className: "text-xs text-muted-foreground" }, att.size)),
+      /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Download, { className: "w-4 h-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
     )))
   )));
-  const renderEditMode = () => /* @__PURE__ */ React17__namespace.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col bg-background overflow-hidden w-full max-h-[85vh]" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border/50 shrink-0" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  const renderEditMode = () => /* @__PURE__ */ React18__namespace.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col bg-background overflow-hidden w-full max-h-[85vh]" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border/50 shrink-0" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       type: "button",
       onClick: () => setIsColorPickerOpen(!isColorPickerOpen),
       className: "relative p-1"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         className: "w-5 h-5 rounded-full cursor-pointer hover:scale-110 transition-transform",
@@ -3480,7 +3631,7 @@ var EventModal = ({
         }
       }
     ),
-    isColorPickerOpen && /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(
+    isColorPickerOpen && /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement(
       "button",
       {
         key: color,
@@ -3496,15 +3647,15 @@ var EventModal = ({
         style: { backgroundColor: color, color }
       }
     )))
-  ), /* @__PURE__ */ React17__namespace.default.createElement("h2", { className: "text-lg font-semibold text-foreground" }, mode === "edit" ? translations.editEvent : translations.newEvent)), /* @__PURE__ */ React17__namespace.default.createElement(
+  ), /* @__PURE__ */ React18__namespace.default.createElement("h2", { className: "text-lg font-semibold text-foreground" }, mode === "edit" ? translations.editEvent : translations.newEvent)), /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       type: "button",
       onClick: onClose,
       className: "p-2 hover:bg-accent rounded-xl transition-all text-muted-foreground hover:text-foreground"
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.X, { className: "w-4 h-4" })
-  )), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 overflow-y-auto" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "px-5 py-4 space-y-5" }, /* @__PURE__ */ React17__namespace.default.createElement("div", null, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.X, { className: "w-4 h-4" })
+  )), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 overflow-y-auto" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "px-5 py-4 space-y-5" }, /* @__PURE__ */ React18__namespace.default.createElement("div", null, /* @__PURE__ */ React18__namespace.default.createElement(
     "input",
     {
       type: "text",
@@ -3515,7 +3666,7 @@ var EventModal = ({
       onChange: (e) => setFormData({ ...formData, title: e.target.value }),
       placeholder: translations.addTitle
     }
-  )), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-3 p-4 rounded-2xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "p-2 bg-primary/10 rounded-xl shrink-0" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Clock, { className: "w-5 h-5 text-primary" })), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 grid grid-cols-2 gap-3" }, /* @__PURE__ */ React17__namespace.default.createElement("div", null, /* @__PURE__ */ React17__namespace.default.createElement("label", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, translations.start), /* @__PURE__ */ React17__namespace.default.createElement(
+  )), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-3 p-4 rounded-2xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "p-2 bg-primary/10 rounded-xl shrink-0" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Clock, { className: "w-5 h-5 text-primary" })), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 grid grid-cols-2 gap-3" }, /* @__PURE__ */ React18__namespace.default.createElement("div", null, /* @__PURE__ */ React18__namespace.default.createElement("label", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, translations.start), /* @__PURE__ */ React18__namespace.default.createElement(
     "input",
     {
       type: "datetime-local",
@@ -3523,7 +3674,7 @@ var EventModal = ({
       value: formatDateForInput(formData.start),
       onChange: (e) => handleDateChange("start", e.target.value)
     }
-  )), /* @__PURE__ */ React17__namespace.default.createElement("div", null, /* @__PURE__ */ React17__namespace.default.createElement("label", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, translations.end), /* @__PURE__ */ React17__namespace.default.createElement(
+  )), /* @__PURE__ */ React18__namespace.default.createElement("div", null, /* @__PURE__ */ React18__namespace.default.createElement("label", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1 block" }, translations.end), /* @__PURE__ */ React18__namespace.default.createElement(
     "input",
     {
       type: "datetime-local",
@@ -3531,16 +3682,16 @@ var EventModal = ({
       value: formatDateForInput(formData.end),
       onChange: (e) => handleDateChange("end", e.target.value)
     }
-  )))), getDurationText() && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-xs font-medium px-3 py-1 rounded-full bg-primary/10 text-primary" }, getDurationText())), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Bell, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.reminders)), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  )))), getDurationText() && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-xs font-medium px-3 py-1 rounded-full bg-primary/10 text-primary" }, getDurationText())), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Bell, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.reminders)), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement(lucideReact.Plus, { className: "w-3.5 h-3.5" }),
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Plus, { className: "w-3.5 h-3.5" }),
     translations.addReminder
-  ), isReminderDropdownOpen && /* @__PURE__ */ React17__namespace.default.createElement(React17__namespace.default.Fragment, null, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsReminderDropdownOpen(false) }), /* @__PURE__ */ React17__namespace.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" }, getReminderOptions(translations).map((option) => /* @__PURE__ */ React17__namespace.default.createElement(
+  ), isReminderDropdownOpen && /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsReminderDropdownOpen(false) }), /* @__PURE__ */ React18__namespace.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" }, getReminderOptions(translations).map((option) => /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       key: option.value,
@@ -3549,58 +3700,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__ */ React17__namespace.default.createElement("div", { className: "flex flex-wrap gap-2" }, formData.reminders.map((reminder) => /* @__PURE__ */ React17__namespace.default.createElement(
+  )))))), formData.reminders && formData.reminders.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-wrap gap-2" }, formData.reminders.map((reminder) => /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement(lucideReact.BellRing, { className: "w-3.5 h-3.5 text-amber-500" }),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-xs font-medium text-amber-600 dark:text-amber-400" }, reminder.label),
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.BellRing, { className: "w-3.5 h-3.5 text-amber-500" }),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-xs font-medium text-amber-600 dark:text-amber-400" }, reminder.label),
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "button",
       {
         type: "button",
         onClick: () => removeReminder(reminder.id),
         className: "p-0.5 hover:bg-amber-500/20 rounded-full transition-colors"
       },
-      /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.X, { className: "w-3 h-3 text-amber-500" })
+      /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.X, { className: "w-3 h-3 text-amber-500" })
     )
-  )))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Users, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.guests)), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  )))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Users, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.guests)), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement("span", { className: selectedGuests.length > 0 ? "text-foreground font-medium" : "text-muted-foreground" }, selectedGuests.length > 0 ? `${selectedGuests.length} ${selectedGuests.length > 1 ? translations.guestsAdded : translations.guestAdded}` : translations.addGuests),
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform", isGuestsDropdownOpen && "rotate-180") })
-  ), isGuestsDropdownOpen && /* @__PURE__ */ React17__namespace.default.createElement(React17__namespace.default.Fragment, null, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsGuestsDropdownOpen(false) }), /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: selectedGuests.length > 0 ? "text-foreground font-medium" : "text-muted-foreground" }, selectedGuests.length > 0 ? `${selectedGuests.length} ${selectedGuests.length > 1 ? translations.guestsAdded : translations.guestAdded}` : translations.addGuests),
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronDown, { className: cn("w-4 h-4 text-muted-foreground transition-transform", isGuestsDropdownOpen && "rotate-180") })
+  ), isGuestsDropdownOpen && /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsGuestsDropdownOpen(false) }), /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement("div", { className: cn(
+    /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement(lucideReact.Check, { className: "w-3 h-3 text-primary-foreground" })),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    ) }, selectedGuests.includes(email) && /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Check, { className: "w-3 h-3 text-primary-foreground" })),
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement("span", { className: "text-sm" }, email))
-  ))))), selectedGuests.length > 0 && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, selectedGuests.map((email) => /* @__PURE__ */ React17__namespace.default.createElement(
+    ), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm" }, email))
+  ))))), selectedGuests.length > 0 && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, selectedGuests.map((email) => /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         className: "w-6 h-6 rounded-full flex items-center justify-center text-xs font-semibold text-white",
@@ -3608,17 +3759,17 @@ var EventModal = ({
       },
       email[0].toUpperCase()
     ),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-xs font-medium text-foreground" }, email.split("@")[0]),
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-xs font-medium text-foreground" }, email.split("@")[0]),
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "button",
       {
         type: "button",
         onClick: () => toggleGuest(email),
         className: "p-0.5 hover:bg-destructive/10 rounded-full transition-colors"
       },
-      /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.X, { className: "w-3 h-3 text-muted-foreground" })
+      /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.X, { className: "w-3 h-3 text-muted-foreground" })
     )
-  )))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.MapPin, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React17__namespace.default.createElement(
+  )))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.MapPin, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React18__namespace.default.createElement(
     "input",
     {
       type: "text",
@@ -3627,7 +3778,7 @@ var EventModal = ({
       value: formData.location || "",
       onChange: (e) => setFormData({ ...formData, location: e.target.value })
     }
-  )), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.notes)), /* @__PURE__ */ React17__namespace.default.createElement(
+  )), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.AlignLeft, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-medium text-foreground" }, translations.notes)), /* @__PURE__ */ React18__namespace.default.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",
@@ -3635,7 +3786,7 @@ var EventModal = ({
       value: formData.description || "",
       onChange: (e) => setFormData({ ...formData, description: e.target.value })
     }
-  )), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Repeat, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React17__namespace.default.createElement(
+  )), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Repeat, { className: "w-5 h-5 text-muted-foreground shrink-0" }), /* @__PURE__ */ React18__namespace.default.createElement(
     "select",
     {
       className: "flex-1 bg-transparent text-sm text-foreground focus:outline-none cursor-pointer",
@@ -3654,28 +3805,28 @@ var EventModal = ({
         }
       }
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("option", { value: "" }, translations.doesNotRepeat),
-    /* @__PURE__ */ React17__namespace.default.createElement("option", { value: "DAILY" }, translations.daily),
-    /* @__PURE__ */ React17__namespace.default.createElement("option", { value: "WEEKLY" }, translations.weekly),
-    /* @__PURE__ */ React17__namespace.default.createElement("option", { value: "MONTHLY" }, translations.monthly),
-    /* @__PURE__ */ React17__namespace.default.createElement("option", { value: "YEARLY" }, translations.yearly)
-  )), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center justify-between p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Tag, { className: "w-5 h-5 text-muted-foreground" }), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm text-foreground" }, translations.calendar)), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("option", { value: "" }, translations.doesNotRepeat),
+    /* @__PURE__ */ React18__namespace.default.createElement("option", { value: "DAILY" }, translations.daily),
+    /* @__PURE__ */ React18__namespace.default.createElement("option", { value: "WEEKLY" }, translations.weekly),
+    /* @__PURE__ */ React18__namespace.default.createElement("option", { value: "MONTHLY" }, translations.monthly),
+    /* @__PURE__ */ React18__namespace.default.createElement("option", { value: "YEARLY" }, translations.yearly)
+  )), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center justify-between p-3 rounded-xl bg-muted/20 border border-border/30" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Tag, { className: "w-5 h-5 text-muted-foreground" }), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm text-foreground" }, translations.calendar)), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         className: "w-3 h-3 rounded-full",
         style: { backgroundColor: calendars?.find((c) => c.id === formData.calendarId)?.color || "#3b82f6" }
       }
     ),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "font-medium" }, calendars?.find((c) => c.id === formData.calendarId)?.label || "Select"),
-    /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.ChevronDown, { className: "w-3.5 h-3.5 text-muted-foreground" })
-  ), isCalendarDropdownOpen && /* @__PURE__ */ React17__namespace.default.createElement(React17__namespace.default.Fragment, null, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsCalendarDropdownOpen(false) }), /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "font-medium" }, calendars?.find((c) => c.id === formData.calendarId)?.label || "Select"),
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.ChevronDown, { className: "w-3.5 h-3.5 text-muted-foreground" })
+  ), isCalendarDropdownOpen && /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsCalendarDropdownOpen(false) }), /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.createElement(
     "button",
     {
       key: cal.id,
@@ -3690,19 +3841,19 @@ var EventModal = ({
         setIsCalendarDropdownOpen(false);
       }
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: cal.color } }),
-    /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "flex-1 text-sm" }, cal.label),
-    formData.calendarId === cal.id && /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Check, { className: "w-4 h-4 text-primary" })
-  )))))))), /* @__PURE__ */ React17__namespace.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__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: cal.color } }),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "flex-1 text-sm" }, cal.label),
+    formData.calendarId === cal.id && /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Check, { className: "w-4 h-4 text-primary" })
+  )))))))), /* @__PURE__ */ React18__namespace.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__ */ React18__namespace.default.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__ */ React17__namespace.default.createElement(lucideReact.Trash2, { className: "w-4 h-4" }),
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Trash2, { className: "w-4 h-4" }),
     translations.delete
-  ), mode === "create" && /* @__PURE__ */ React17__namespace.default.createElement("div", null), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(
+  ), mode === "create" && /* @__PURE__ */ React18__namespace.default.createElement("div", null), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       type: "button",
@@ -3710,7 +3861,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"
     },
     translations.cancel
-  ), /* @__PURE__ */ React17__namespace.default.createElement(
+  ), /* @__PURE__ */ React18__namespace.default.createElement(
     "button",
     {
       type: "submit",
@@ -3718,7 +3869,7 @@ var EventModal = ({
     },
     mode === "edit" ? translations.saveChanges : translations.createEvent
   ))));
-  return /* @__PURE__ */ React17__namespace.default.createElement(Modal, { isOpen, onClose, hideHeader: true, className: "p-0 overflow-hidden max-w-lg rounded-2xl shadow-2xl" }, /* @__PURE__ */ React17__namespace.default.createElement(framerMotion.AnimatePresence, { mode: "wait" }, mode === "view" && event ? /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement(Modal, { isOpen, onClose, hideHeader: true, className: "p-0 overflow-hidden max-w-lg rounded-2xl shadow-2xl" }, /* @__PURE__ */ React18__namespace.default.createElement(framerMotion.AnimatePresence, { mode: "wait" }, mode === "view" && event ? /* @__PURE__ */ React18__namespace.default.createElement(
     framerMotion.motion.div,
     {
       key: "view",
@@ -3728,7 +3879,7 @@ var EventModal = ({
       transition: { duration: 0.15 }
     },
     renderViewMode()
-  ) : /* @__PURE__ */ React17__namespace.default.createElement(
+  ) : /* @__PURE__ */ React18__namespace.default.createElement(
     framerMotion.motion.div,
     {
       key: "edit",
@@ -3740,9 +3891,9 @@ var EventModal = ({
     renderEditMode()
   )));
 };
-var Skeleton = ({ className, style }) => /* @__PURE__ */ React17__namespace.default.createElement("div", { className: cn("animate-pulse bg-muted/40 rounded", className), style });
-var MonthViewSkeleton = () => /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "grid grid-cols-7 border-b border-border/50 bg-muted/10" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-4 w-8 mx-auto" })))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "grid grid-cols-7 flex-1" }, Array.from({ length: 35 }).map((_, i) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: i, className: "min-h-[120px] border-r border-b border-border/30 p-2" }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-4 w-6 mb-2" }), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "space-y-1" }, Math.random() > 0.5 && /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-5 w-full rounded-md" }), Math.random() > 0.7 && /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-5 w-3/4 rounded-md" }))))));
-var WeekViewSkeleton = () => /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex border-b border-border/50 bg-muted/10" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "w-16 p-3 border-r border-border/30" }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-8 w-10 mx-auto" })), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 grid grid-cols-7" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-3 w-8 mx-auto mb-1" }), /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-8 w-8 mx-auto rounded-xl" }))))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "w-16 border-r border-border/30" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: i, className: "h-[60px] relative" }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-4 w-10 absolute right-2 -translate-y-1/2" })))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, Array.from({ length: 7 }).map((_, colIdx) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: colIdx, className: "relative border-r border-border/30 last:border-r-0" }, Array.from({ length: 10 }).map((_2, rowIdx) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: rowIdx, className: "h-[60px] border-b border-dashed border-border/20" })), Math.random() > 0.3 && /* @__PURE__ */ React17__namespace.default.createElement(
+var Skeleton = ({ className, style }) => /* @__PURE__ */ React18__namespace.default.createElement("div", { className: cn("animate-pulse bg-muted/40 rounded", className), style });
+var MonthViewSkeleton = () => /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "grid grid-cols-7 border-b border-border/50 bg-muted/10" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-4 w-8 mx-auto" })))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "grid grid-cols-7 flex-1" }, Array.from({ length: 35 }).map((_, i) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: i, className: "min-h-[120px] border-r border-b border-border/30 p-2" }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-4 w-6 mb-2" }), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "space-y-1" }, Math.random() > 0.5 && /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-5 w-full rounded-md" }), Math.random() > 0.7 && /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-5 w-3/4 rounded-md" }))))));
+var WeekViewSkeleton = () => /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex border-b border-border/50 bg-muted/10" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "w-16 p-3 border-r border-border/30" }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-8 w-10 mx-auto" })), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 grid grid-cols-7" }, Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: i, className: "py-3 px-2 text-center border-r border-border/30 last:border-r-0" }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-3 w-8 mx-auto mb-1" }), /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-8 w-8 mx-auto rounded-xl" }))))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "w-16 border-r border-border/30" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: i, className: "h-[60px] relative" }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-4 w-10 absolute right-2 -translate-y-1/2" })))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 grid grid-cols-7 relative" }, Array.from({ length: 7 }).map((_, colIdx) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: colIdx, className: "relative border-r border-border/30 last:border-r-0" }, Array.from({ length: 10 }).map((_2, rowIdx) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: rowIdx, className: "h-[60px] border-b border-dashed border-border/20" })), Math.random() > 0.3 && /* @__PURE__ */ React18__namespace.default.createElement(
   Skeleton,
   {
     className: "absolute rounded-md",
@@ -3754,20 +3905,20 @@ var WeekViewSkeleton = () => /* @__PURE__ */ React17__namespace.default.createEl
     }
   }
 ))))));
-var DayViewSkeleton = () => /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "px-6 py-4 border-b border-border/50 bg-muted/10 text-center" }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-7 w-64 mx-auto" })), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "w-20 border-r border-border/30 bg-muted/5" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: i, className: "h-[80px] relative" }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-4 w-12 absolute left-1/2 -translate-x-1/2 -translate-y-1/2" })))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 relative" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: i, className: "h-[80px] border-b border-dashed border-border/20" })), /* @__PURE__ */ React17__namespace.default.createElement(
+var DayViewSkeleton = () => /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "px-6 py-4 border-b border-border/50 bg-muted/10 text-center" }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-7 w-64 mx-auto" })), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-1", style: { height: "600px" } }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "w-20 border-r border-border/30 bg-muted/5" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: i, className: "h-[80px] relative" }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-4 w-12 absolute left-1/2 -translate-x-1/2 -translate-y-1/2" })))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 relative" }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: i, className: "h-[80px] border-b border-dashed border-border/20" })), /* @__PURE__ */ React18__namespace.default.createElement(
   Skeleton,
   {
     className: "absolute rounded-lg left-4 right-4",
     style: { top: "160px", height: "120px" }
   }
-), /* @__PURE__ */ React17__namespace.default.createElement(
+), /* @__PURE__ */ React18__namespace.default.createElement(
   Skeleton,
   {
     className: "absolute rounded-lg left-4 right-4",
     style: { top: "400px", height: "80px" }
   }
 ))));
-var AgendaViewSkeleton = () => /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden p-6" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "space-y-6" }, Array.from({ length: 4 }).map((_, dayIdx) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: dayIdx }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-5 w-40 mb-4" }), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "space-y-3" }, Array.from({ length: 2 + Math.floor(Math.random() * 3) }).map((_2, eventIdx) => /* @__PURE__ */ React17__namespace.default.createElement("div", { key: eventIdx, className: "flex items-center gap-4 p-3 rounded-xl bg-muted/10" }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-10 w-10 rounded-lg" }), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React17__namespace.default.createElement(Skeleton, { className: "h-3 w-1/2" })))))))));
+var AgendaViewSkeleton = () => /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "h-full bg-background border border-border/50 rounded-2xl overflow-hidden p-6" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "space-y-6" }, Array.from({ length: 4 }).map((_, dayIdx) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: dayIdx }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-5 w-40 mb-4" }), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "space-y-3" }, Array.from({ length: 2 + Math.floor(Math.random() * 3) }).map((_2, eventIdx) => /* @__PURE__ */ React18__namespace.default.createElement("div", { key: eventIdx, className: "flex items-center gap-4 p-3 rounded-xl bg-muted/10" }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-10 w-10 rounded-lg" }), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React18__namespace.default.createElement(Skeleton, { className: "h-3 w-1/2" })))))))));
 var EventContextMenu = ({
   event,
   position,
@@ -3778,8 +3929,8 @@ var EventContextMenu = ({
   customActions = [],
   translations
 }) => {
-  const menuRef = React17.useRef(null);
-  React17.useEffect(() => {
+  const menuRef = React18.useRef(null);
+  React18.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -3790,7 +3941,7 @@ var EventContextMenu = ({
       return () => document.removeEventListener("keydown", handleKeyDown);
     }
   }, [position, onClose]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
         onClose();
@@ -3808,7 +3959,7 @@ var EventContextMenu = ({
     ...onEdit ? [{
       id: "edit",
       label: translations?.edit || "Edit",
-      icon: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Edit3, { className: "w-4 h-4" }),
+      icon: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Edit3, { className: "w-4 h-4" }),
       onClick: () => {
         onEdit(event);
         onClose();
@@ -3817,7 +3968,7 @@ var EventContextMenu = ({
     ...onDuplicate ? [{
       id: "duplicate",
       label: translations?.duplicate || "Duplicate",
-      icon: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Copy, { className: "w-4 h-4" }),
+      icon: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Copy, { className: "w-4 h-4" }),
       onClick: () => {
         onDuplicate(event);
         onClose();
@@ -3827,7 +3978,7 @@ var EventContextMenu = ({
     ...onDelete ? [{
       id: "delete",
       label: translations?.delete || "Delete",
-      icon: /* @__PURE__ */ React17__namespace.default.createElement(lucideReact.Trash2, { className: "w-4 h-4" }),
+      icon: /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Trash2, { className: "w-4 h-4" }),
       onClick: () => {
         onDelete(event.id);
         onClose();
@@ -3839,7 +3990,7 @@ var EventContextMenu = ({
     x: Math.min(position.x, window.innerWidth - 200),
     y: Math.min(position.y, window.innerHeight - (actions.length * 44 + 80))
   };
-  return /* @__PURE__ */ React17__namespace.default.createElement(framerMotion.AnimatePresence, null, /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement(framerMotion.AnimatePresence, null, /* @__PURE__ */ React18__namespace.default.createElement(
     framerMotion.motion.div,
     {
       ref: menuRef,
@@ -3853,14 +4004,14 @@ var EventContextMenu = ({
         top: adjustedPosition.y
       }
     },
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "px-3 py-2 border-b-[0.5px] border-border bg-muted/30" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "px-3 py-2 border-b-[0.5px] border-border bg-muted/30" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         className: "w-2.5 h-2.5 rounded-full shrink-0",
         style: { backgroundColor: event.color || "var(--primary)" }
       }
-    ), /* @__PURE__ */ React17__namespace.default.createElement("span", { className: "text-sm font-medium truncate text-foreground" }, event.title))),
-    /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "py-1" }, actions.map((action, index) => /* @__PURE__ */ React17__namespace.default.createElement(React17__namespace.default.Fragment, { key: action.id }, index > 0 && action.variant === "danger" && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "h-px bg-border my-1" }), /* @__PURE__ */ React17__namespace.default.createElement(
+    ), /* @__PURE__ */ React18__namespace.default.createElement("span", { className: "text-sm font-medium truncate text-foreground" }, event.title))),
+    /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "py-1" }, actions.map((action, index) => /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, { key: action.id }, index > 0 && action.variant === "danger" && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "h-px bg-border my-1" }), /* @__PURE__ */ React18__namespace.default.createElement(
       "button",
       {
         onClick: action.onClick,
@@ -3872,13 +4023,13 @@ var EventContextMenu = ({
         )
       },
       action.icon,
-      /* @__PURE__ */ React17__namespace.default.createElement("span", null, action.label)
+      /* @__PURE__ */ React18__namespace.default.createElement("span", null, action.label)
     ))))
   ));
 };
 var useEventContextMenu = () => {
-  const [contextMenu, setContextMenu] = React17.useState({ event: null, position: null });
-  const openContextMenu = React17.useCallback((event, e) => {
+  const [contextMenu, setContextMenu] = React18.useState({ event: null, position: null });
+  const openContextMenu = React18.useCallback((event, e) => {
     e.preventDefault();
     e.stopPropagation();
     setContextMenu({
@@ -3886,7 +4037,7 @@ var useEventContextMenu = () => {
       position: { x: e.clientX, y: e.clientY }
     });
   }, []);
-  const closeContextMenu = React17.useCallback(() => {
+  const closeContextMenu = React18.useCallback(() => {
     setContextMenu({ event: null, position: null });
   }, []);
   return {
@@ -3989,20 +4140,20 @@ var useCalendarLogic = ({
   readOnly,
   timezone
 }) => {
-  const [internalView, setInternalView] = React17.useState("week");
-  const [internalDate, setInternalDate] = React17.useState(/* @__PURE__ */ new Date());
-  const [isSidebarOpen, setIsSidebarOpen] = React17.useState(false);
-  React17.useEffect(() => {
+  const [internalView, setInternalView] = React18.useState("week");
+  const [internalDate, setInternalDate] = React18.useState(/* @__PURE__ */ new Date());
+  const [isSidebarOpen, setIsSidebarOpen] = React18.useState(false);
+  React18.useEffect(() => {
     if (window.innerWidth >= 768) {
       setIsSidebarOpen(true);
     }
   }, []);
-  const [isModalOpen, setIsModalOpen] = React17.useState(false);
-  const [selectedEvent, setSelectedEvent] = React17.useState(null);
-  const [modalInitialDate, setModalInitialDate] = React17.useState(void 0);
+  const [isModalOpen, setIsModalOpen] = React18.useState(false);
+  const [selectedEvent, setSelectedEvent] = React18.useState(null);
+  const [modalInitialDate, setModalInitialDate] = React18.useState(void 0);
   const view = controlledView ?? internalView;
   const currentDate = controlledDate ?? internalDate;
-  const expandedEvents = React17.useMemo(() => {
+  const expandedEvents = React18.useMemo(() => {
     const allEvents = [];
     const rangeStart = dateFns.subDays(currentDate, 365);
     const rangeEnd = dateFns.addDays(currentDate, 365);
@@ -4237,9 +4388,9 @@ var useSwipeGesture = (options) => {
     allowedTime = 500,
     enabled = true
   } = options;
-  const touchInfoRef = React17.useRef(null);
-  const elementRef = React17.useRef(null);
-  const handleTouchStart = React17.useCallback((e) => {
+  const touchInfoRef = React18.useRef(null);
+  const elementRef = React18.useRef(null);
+  const handleTouchStart = React18.useCallback((e) => {
     if (!enabled) return;
     const touch = e.touches[0];
     touchInfoRef.current = {
@@ -4248,7 +4399,7 @@ var useSwipeGesture = (options) => {
       startTime: Date.now()
     };
   }, [enabled]);
-  const handleTouchEnd = React17.useCallback((e) => {
+  const handleTouchEnd = React18.useCallback((e) => {
     if (!enabled || !touchInfoRef.current) return;
     const touch = e.changedTouches[0];
     const { startX, startY, startTime } = touchInfoRef.current;
@@ -4272,7 +4423,7 @@ var useSwipeGesture = (options) => {
     }
     touchInfoRef.current = null;
   }, [enabled, threshold, restraint, allowedTime, onSwipeLeft, onSwipeRight, onSwipeUp, onSwipeDown]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const element = elementRef.current;
     if (!element) return;
     element.addEventListener("touchstart", handleTouchStart, { passive: true });
@@ -4327,6 +4478,7 @@ var Scheduler = ({
   translations,
   hideViewSwitcher,
   hideLanguageSwitcher,
+  hourCount,
   hideFab = false,
   compactShortEvents = true,
   initialScrollHour = 8,
@@ -4338,10 +4490,10 @@ var Scheduler = ({
   sidebarMenus,
   customViews
 }) => {
-  const [activeCustomMenu, setActiveCustomMenu] = React17.useState(null);
-  const [activeCustomViewId, setActiveCustomViewId] = React17.useState(null);
+  const [activeCustomMenu, setActiveCustomMenu] = React18.useState(null);
+  const [activeCustomViewId, setActiveCustomViewId] = React18.useState(null);
   const REVERSE_TIME_KEY = "calendarkit:reverseTime";
-  const [reverseTime, setReverseTime] = React17.useState(() => {
+  const [reverseTime, setReverseTime] = React18.useState(() => {
     try {
       const stored = localStorage.getItem(REVERSE_TIME_KEY);
       return stored !== null ? stored === "true" : reverseTimeProp;
@@ -4349,21 +4501,21 @@ var Scheduler = ({
       return reverseTimeProp;
     }
   });
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     try {
       localStorage.setItem(REVERSE_TIME_KEY, String(reverseTime));
     } catch {
     }
   }, [reverseTime]);
-  const [activeDragEvent, setActiveDragEvent] = React17.useState(null);
-  const schedulerRef = React17.useRef(null);
-  const [fabCssVars, setFabCssVars] = React17.useState({});
-  const [isMounted, setIsMounted] = React17.useState(false);
-  const [isMobile, setIsMobile] = React17.useState(false);
-  React17.useEffect(() => {
+  const [activeDragEvent, setActiveDragEvent] = React18.useState(null);
+  const schedulerRef = React18.useRef(null);
+  const [fabCssVars, setFabCssVars] = React18.useState({});
+  const [isMounted, setIsMounted] = React18.useState(false);
+  const [isMobile, setIsMobile] = React18.useState(false);
+  React18.useEffect(() => {
     setIsMounted(true);
   }, []);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!isMounted) return;
     const mq = window.matchMedia("(max-width: 767px)");
     const update = () => setIsMobile(mq.matches);
@@ -4371,7 +4523,7 @@ var Scheduler = ({
     mq.addEventListener("change", update);
     return () => mq.removeEventListener("change", update);
   }, [isMounted]);
-  const syncFabTheme = React17.useCallback(() => {
+  const syncFabTheme = React18.useCallback(() => {
     const root = schedulerRef.current;
     if (!root) return;
     const cs = getComputedStyle(root);
@@ -4383,7 +4535,7 @@ var Scheduler = ({
     });
     setFabCssVars(next);
   }, []);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!isMounted) return;
     syncFabTheme();
   }, [isMounted, theme, isDarkMode, syncFabTheme]);
@@ -4452,7 +4604,7 @@ var Scheduler = ({
       });
     }
   };
-  const id = React17.useId();
+  const id = React18.useId();
   const swipeRef = useViewSwipe(handlePrev, handleNext, true);
   const t = getTranslations(language, translations ?? {});
   const handleDragStart = (event) => {
@@ -4485,7 +4637,7 @@ var Scheduler = ({
     }
     return "150px";
   };
-  const filteredEvents = React17.useMemo(() => {
+  const filteredEvents = React18.useMemo(() => {
     if (!calendars) return expandedEvents;
     const activeCalendarIds = calendars.filter((c) => c.active !== false).map((c) => c.id);
     return expandedEvents.filter((e) => {
@@ -4493,7 +4645,7 @@ var Scheduler = ({
       return activeCalendarIds.includes(e.calendarId);
     });
   }, [expandedEvents, calendars]);
-  const viewEventCount = React17.useMemo(() => {
+  const viewEventCount = React18.useMemo(() => {
     let rangeStart;
     let rangeEnd;
     switch (view) {
@@ -4521,7 +4673,7 @@ var Scheduler = ({
       (e) => e.start >= rangeStart && e.start <= rangeEnd
     ).length;
   }, [filteredEvents, view, currentDate]);
-  return /* @__PURE__ */ React17__namespace.default.createElement(React17__namespace.default.Fragment, null, /* @__PURE__ */ React17__namespace.default.createElement(
+  return /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement(
     core.DndContext,
     {
       id,
@@ -4530,7 +4682,7 @@ var Scheduler = ({
       onDragEnd: onDragEndWrapper,
       modifiers: modifiers$1
     },
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         ref: schedulerRef,
@@ -4552,7 +4704,7 @@ var Scheduler = ({
           isDarkMode,
           onThemeToggle
         })
-      ) : /* @__PURE__ */ React17__namespace.default.createElement(
+      ) : /* @__PURE__ */ React18__namespace.default.createElement(
         CalendarHeader,
         {
           currentDate,
@@ -4577,10 +4729,11 @@ var Scheduler = ({
             setActiveCustomMenu(null);
           },
           eventCount: viewEventCount,
+          hourCount,
           hideLanguageSwitcher
         }
       ),
-      /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React18__namespace.default.createElement(
         framerMotion.motion.div,
         {
           className: "hidden md:block overflow-hidden shrink-0",
@@ -4594,7 +4747,7 @@ var Scheduler = ({
             ease: [0.4, 0, 0.2, 1]
           }
         },
-        /* @__PURE__ */ React17__namespace.default.createElement(
+        /* @__PURE__ */ React18__namespace.default.createElement(
           Sidebar,
           {
             currentDate,
@@ -4626,7 +4779,7 @@ var Scheduler = ({
             }
           }
         )
-      ), /* @__PURE__ */ React17__namespace.default.createElement(framerMotion.AnimatePresence, null, isSidebarOpen && /* @__PURE__ */ React17__namespace.default.createElement(
+      ), /* @__PURE__ */ React18__namespace.default.createElement(framerMotion.AnimatePresence, null, isSidebarOpen && /* @__PURE__ */ React18__namespace.default.createElement(
         framerMotion.motion.div,
         {
           key: "mobile-sidebar-overlay",
@@ -4636,7 +4789,7 @@ var Scheduler = ({
           exit: { opacity: 0 },
           transition: { duration: 0.2 }
         },
-        /* @__PURE__ */ React17__namespace.default.createElement(
+        /* @__PURE__ */ React18__namespace.default.createElement(
           framerMotion.motion.div,
           {
             className: "w-[280px] h-full bg-background shadow-2xl overflow-hidden",
@@ -4645,7 +4798,7 @@ var Scheduler = ({
             exit: { x: -280 },
             transition: { duration: 0.25, ease: [0.4, 0, 0.2, 1] }
           },
-          /* @__PURE__ */ React17__namespace.default.createElement(
+          /* @__PURE__ */ React18__namespace.default.createElement(
             Sidebar,
             {
               currentDate,
@@ -4683,16 +4836,16 @@ var Scheduler = ({
             }
           )
         ),
-        /* @__PURE__ */ React17__namespace.default.createElement(
+        /* @__PURE__ */ React18__namespace.default.createElement(
           framerMotion.motion.div,
           {
             className: "flex-1 bg-black/50 backdrop-blur-sm",
             onClick: () => setIsSidebarOpen(false)
           }
         )
-      )), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 flex flex-col overflow-hidden relative min-h-0" }, activeCustomMenu !== null && sidebarMenus && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 overflow-y-auto p-4 md:p-6" }, sidebarMenus.find((m) => m.id === activeCustomMenu)?.component), activeCustomViewId !== null && activeCustomMenu === null && customViews && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 overflow-y-auto p-4 md:p-6" }, customViews.find((v) => v.id === activeCustomViewId)?.component), activeCustomMenu === null && activeCustomViewId === null && (isLoading ? /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex-1 overflow-auto p-0 md:p-4 min-h-0" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "h-full min-w-full" }, view === "month" && /* @__PURE__ */ React17__namespace.default.createElement(MonthViewSkeleton, null), view === "week" && /* @__PURE__ */ React17__namespace.default.createElement(WeekViewSkeleton, null), view === "day" && /* @__PURE__ */ React17__namespace.default.createElement(DayViewSkeleton, null), view === "agenda" && /* @__PURE__ */ React17__namespace.default.createElement(AgendaViewSkeleton, null), view === "resource" && /* @__PURE__ */ React17__namespace.default.createElement(WeekViewSkeleton, null))) : (
+      )), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 flex flex-col overflow-hidden relative min-h-0" }, activeCustomMenu !== null && sidebarMenus && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 overflow-y-auto p-4 md:p-6" }, sidebarMenus.find((m) => m.id === activeCustomMenu)?.component), activeCustomViewId !== null && activeCustomMenu === null && customViews && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 overflow-y-auto p-4 md:p-6" }, customViews.find((v) => v.id === activeCustomViewId)?.component), activeCustomMenu === null && activeCustomViewId === null && (isLoading ? /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex-1 overflow-auto p-0 md:p-4 min-h-0" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "h-full min-w-full" }, view === "month" && /* @__PURE__ */ React18__namespace.default.createElement(MonthViewSkeleton, null), view === "week" && /* @__PURE__ */ React18__namespace.default.createElement(WeekViewSkeleton, null), view === "day" && /* @__PURE__ */ React18__namespace.default.createElement(DayViewSkeleton, null), view === "agenda" && /* @__PURE__ */ React18__namespace.default.createElement(AgendaViewSkeleton, null), view === "resource" && /* @__PURE__ */ React18__namespace.default.createElement(WeekViewSkeleton, null))) : (
         /* overflow-hidden here: each view owns its own scroll container */
-        /* @__PURE__ */ React17__namespace.default.createElement("div", { ref: swipeRef, className: "flex-1 overflow-hidden p-0 md:p-4 touch-pan-y min-h-0" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "flex flex-col h-full min-w-full min-h-0" }, /* @__PURE__ */ React17__namespace.default.createElement(framerMotion.AnimatePresence, { mode: "wait", initial: false }, /* @__PURE__ */ React17__namespace.default.createElement(
+        /* @__PURE__ */ React18__namespace.default.createElement("div", { ref: swipeRef, className: "flex-1 overflow-hidden p-0 md:p-4 touch-pan-y min-h-0" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex flex-col h-full min-w-full min-h-0" }, /* @__PURE__ */ React18__namespace.default.createElement(framerMotion.AnimatePresence, { mode: "wait", initial: false }, /* @__PURE__ */ React18__namespace.default.createElement(
           framerMotion.motion.div,
           {
             key: `${view}-${currentDate.toISOString()}-${timezone || "local"}`,
@@ -4716,7 +4869,7 @@ var Scheduler = ({
             className: "flex-1 min-h-0 flex flex-col",
             style: { height: "100%" }
           },
-          view === "month" && /* @__PURE__ */ React17__namespace.default.createElement(
+          view === "month" && /* @__PURE__ */ React18__namespace.default.createElement(
             MonthView,
             {
               currentDate,
@@ -4727,7 +4880,7 @@ var Scheduler = ({
               locale
             }
           ),
-          view === "week" && /* @__PURE__ */ React17__namespace.default.createElement(
+          view === "week" && /* @__PURE__ */ React18__namespace.default.createElement(
             WeekView,
             {
               currentDate,
@@ -4744,7 +4897,7 @@ var Scheduler = ({
               compactShortEvents
             }
           ),
-          view === "day" && /* @__PURE__ */ React17__namespace.default.createElement(
+          view === "day" && /* @__PURE__ */ React18__namespace.default.createElement(
             DayView,
             {
               currentDate,
@@ -4761,7 +4914,7 @@ var Scheduler = ({
               compactShortEvents
             }
           ),
-          view === "agenda" && /* @__PURE__ */ React17__namespace.default.createElement(
+          view === "agenda" && /* @__PURE__ */ React18__namespace.default.createElement(
             AgendaView,
             {
               currentDate,
@@ -4773,7 +4926,7 @@ var Scheduler = ({
               renderEmptyState
             }
           ),
-          view === "resource" && resources && /* @__PURE__ */ React17__namespace.default.createElement(
+          view === "resource" && resources && /* @__PURE__ */ React18__namespace.default.createElement(
             ResourceView,
             {
               currentDate,
@@ -4797,7 +4950,7 @@ var Scheduler = ({
         initialDate: modalInitialDate,
         onSave: handleModalSave,
         onDelete: handleModalDelete
-      }) : /* @__PURE__ */ React17__namespace.default.createElement(
+      }) : /* @__PURE__ */ React18__namespace.default.createElement(
         EventModal,
         {
           isOpen: isModalOpen,
@@ -4812,7 +4965,7 @@ var Scheduler = ({
           language
         }
       ),
-      /* @__PURE__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement(
         EventContextMenu,
         {
           event: contextMenuEvent,
@@ -4845,7 +4998,7 @@ var Scheduler = ({
           }
         }
       ),
-      /* @__PURE__ */ React17__namespace.default.createElement(core.DragOverlay, { dropAnimation: null }, activeDragEvent ? /* @__PURE__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement(core.DragOverlay, { dropAnimation: null }, activeDragEvent ? /* @__PURE__ */ React18__namespace.default.createElement(
         "div",
         {
           className: cn(
@@ -4863,17 +5016,17 @@ var Scheduler = ({
             transform: "rotate(-2deg) scale(1.02)"
           }
         },
-        /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "p-2.5 h-full flex flex-col" }, /* @__PURE__ */ React17__namespace.default.createElement(
+        /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "p-2.5 h-full flex flex-col" }, /* @__PURE__ */ React18__namespace.default.createElement(
           "div",
           {
             className: "absolute left-0 top-0 bottom-0 w-1 rounded-l-lg",
             style: { backgroundColor: activeDragEvent.color || "var(--primary)" }
           }
-        ), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "font-semibold truncate text-sm" }, activeDragEvent.title), (view === "week" || view === "day") && getDragHeight() && getDragHeight() > 40 && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-xs opacity-80 mt-0.5 flex items-center gap-1" }, /* @__PURE__ */ React17__namespace.default.createElement("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React17__namespace.default.createElement("path", { d: "M12 6v6l4 2" })), dateFns.format(activeDragEvent.start, getTimeFormatFull(language)), " - ", dateFns.format(activeDragEvent.end, getTimeFormatFull(language)))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "absolute bottom-1.5 right-1.5 opacity-60" }, /* @__PURE__ */ React17__namespace.default.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "9", cy: "5", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "15", cy: "5", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "9", cy: "12", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "15", cy: "12", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "9", cy: "19", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "15", cy: "19", r: "1.5" }))))
+        ), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "font-semibold truncate text-sm" }, activeDragEvent.title), (view === "week" || view === "day") && getDragHeight() && getDragHeight() > 40 && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "text-xs opacity-80 mt-0.5 flex items-center gap-1" }, /* @__PURE__ */ React18__namespace.default.createElement("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React18__namespace.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React18__namespace.default.createElement("path", { d: "M12 6v6l4 2" })), dateFns.format(activeDragEvent.start, getTimeFormatFull(language)), " - ", dateFns.format(activeDragEvent.end, getTimeFormatFull(language)))), /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "absolute bottom-1.5 right-1.5 opacity-60" }, /* @__PURE__ */ React18__namespace.default.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React18__namespace.default.createElement("circle", { cx: "9", cy: "5", r: "1.5" }), /* @__PURE__ */ React18__namespace.default.createElement("circle", { cx: "15", cy: "5", r: "1.5" }), /* @__PURE__ */ React18__namespace.default.createElement("circle", { cx: "9", cy: "12", r: "1.5" }), /* @__PURE__ */ React18__namespace.default.createElement("circle", { cx: "15", cy: "12", r: "1.5" }), /* @__PURE__ */ React18__namespace.default.createElement("circle", { cx: "9", cy: "19", r: "1.5" }), /* @__PURE__ */ React18__namespace.default.createElement("circle", { cx: "15", cy: "19", r: "1.5" }))))
       ) : null)
     )
   ), isMounted && isMobile && !readOnly && !hideFab && reactDom.createPortal(
-    /* @__PURE__ */ React17__namespace.default.createElement(
+    /* @__PURE__ */ React18__namespace.default.createElement(
       "div",
       {
         style: {
@@ -4885,7 +5038,7 @@ var Scheduler = ({
           ...fabCssVars
         }
       },
-      /* @__PURE__ */ React17__namespace.default.createElement(
+      /* @__PURE__ */ React18__namespace.default.createElement(
         "button",
         {
           type: "button",
@@ -4906,7 +5059,7 @@ var Scheduler = ({
             boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.25)"
           }
         },
-        /* @__PURE__ */ React17__namespace.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React17__namespace.default.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React17__namespace.default.createElement("path", { d: "M12 5v14" }))
+        /* @__PURE__ */ React18__namespace.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18__namespace.default.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React18__namespace.default.createElement("path", { d: "M12 5v14" }))
       )
     ),
     document.body