@ilamy/calendar 0.1.0

package/dist/index.cjs

@@ -0,0 +1,3553 @@
+"use client";
+var import_node_module = require("node:module");
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/index.ts
+var exports_src = {};
+__export(exports_src, {
+  useIlamyCalendarContext: () => usePublicCalendarContext,
+  IlamyCalendar: () => IlamyCalendar
+});
+module.exports = __toCommonJS(exports_src);
+
+// src/features/month-view/components/month-view.tsx
+var import_react9 = require("motion/react");
+var import_react10 = __toESM(require("react"));
+
+// src/contexts/calendar-context/context.ts
+var import_react = require("react");
+var CalendarContext = import_react.createContext(undefined);
+var useCalendarContext = () => {
+  const context = import_react.useContext(CalendarContext);
+  if (context === undefined) {
+    throw new Error("useCalendarContext must be used within a CalendarProvider");
+  }
+  return context;
+};
+var usePublicCalendarContext = () => {
+  const context = import_react.useContext(CalendarContext);
+  if (context === undefined) {
+    throw new Error("useCalendarContext must be used within ilamy calendar");
+  }
+  return {
+    currentDate: context.currentDate,
+    view: context.view,
+    events: context.events,
+    isEventFormOpen: context.isEventFormOpen,
+    selectedEvent: context.selectedEvent,
+    selectedDate: context.selectedDate,
+    firstDayOfWeek: context.firstDayOfWeek,
+    setCurrentDate: context.setCurrentDate,
+    selectDate: context.selectDate,
+    setView: context.setView,
+    nextPeriod: context.nextPeriod,
+    prevPeriod: context.prevPeriod,
+    today: context.today,
+    addEvent: context.addEvent,
+    updateEvent: context.updateEvent,
+    deleteEvent: context.deleteEvent,
+    openEventForm: context.openEventForm,
+    closeEventForm: context.closeEventForm
+  };
+};
+
+// src/components/ui/accordion.tsx
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
+var import_lucide_react = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_dayjs = __toESM(require("dayjs"));
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return import_tailwind_merge.twMerge(import_clsx.clsx(inputs));
+}
+
+// src/components/ui/accordion.tsx
+var jsx_dev_runtime = require("react/jsx-dev-runtime");
+// src/components/ui/alert.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var jsx_dev_runtime2 = require("react/jsx-dev-runtime");
+var alertVariants = import_class_variance_authority.cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+  variants: {
+    variant: {
+      default: "bg-card text-card-foreground",
+      destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+      primary: "bg-blue-50 dark:bg-blue-950/20 border-blue-200 dark:border-blue-800 text-blue-900 dark:text-blue-100 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400 *:data-[slot=alert-description]:text-blue-800 dark:*:data-[slot=alert-description]:text-blue-200",
+      secondary: "bg-gray-50 dark:bg-gray-950/20 border-gray-200 dark:border-gray-800 text-gray-900 dark:text-gray-100 [&>svg]:text-gray-600 dark:[&>svg]:text-gray-400 *:data-[slot=alert-description]:text-gray-800 dark:*:data-[slot=alert-description]:text-gray-200",
+      success: "bg-green-50 dark:bg-green-950/20 border-green-200 dark:border-green-800 text-green-900 dark:text-green-100 [&>svg]:text-green-600 dark:[&>svg]:text-green-400 *:data-[slot=alert-description]:text-green-800 dark:*:data-[slot=alert-description]:text-green-200",
+      warning: "bg-yellow-50 dark:bg-yellow-950/20 border-yellow-200 dark:border-yellow-800 text-yellow-900 dark:text-yellow-100 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400 *:data-[slot=alert-description]:text-yellow-800 dark:*:data-[slot=alert-description]:text-yellow-200"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+// src/components/ui/badge.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority2 = require("class-variance-authority");
+var jsx_dev_runtime3 = require("react/jsx-dev-runtime");
+var badgeVariants = import_class_variance_authority2.cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-clip", {
+  variants: {
+    variant: {
+      default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+      secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+      destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+      outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+// src/components/ui/button.tsx
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_class_variance_authority3 = require("class-variance-authority");
+var jsx_dev_runtime4 = require("react/jsx-dev-runtime");
+var buttonVariants = import_class_variance_authority3.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+      destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+      outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 px-4 py-2 has-[>svg]:px-3",
+      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+      icon: "size-9"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot2.Slot : "button";
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Comp, {
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/calendar.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_react_day_picker = require("react-day-picker");
+var jsx_dev_runtime5 = require("react/jsx-dev-runtime");
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(import_react_day_picker.DayPicker, {
+    showOutsideDays,
+    className: cn("p-3", className),
+    classNames: {
+      months: "flex flex-col sm:flex-row gap-2",
+      month: "flex flex-col gap-4",
+      caption: "flex justify-center pt-1 relative items-center w-full",
+      caption_label: "text-sm font-medium",
+      nav: "flex items-center gap-1",
+      nav_button: cn(buttonVariants({ variant: "outline" }), "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
+      nav_button_previous: "absolute left-1",
+      nav_button_next: "absolute right-1",
+      table: "w-full border-collapse space-x-1",
+      head_row: "flex",
+      head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+      row: "flex w-full mt-2",
+      cell: cn("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md", props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"),
+      day: cn(buttonVariants({ variant: "ghost" }), "size-8 p-0 font-normal aria-selected:opacity-100"),
+      day_range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
+      day_range_end: "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
+      day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+      day_today: "bg-accent text-accent-foreground",
+      day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+      day_disabled: "text-muted-foreground opacity-50",
+      day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+      day_hidden: "invisible",
+      ...classNames
+    },
+    components: {
+      IconLeft: ({ className: className2, ...props2 }) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(import_lucide_react2.ChevronLeft, {
+        className: cn("size-4", className2),
+        ...props2
+      }, undefined, false, undefined, this),
+      IconRight: ({ className: className2, ...props2 }) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(import_lucide_react2.ChevronRight, {
+        className: cn("size-4", className2),
+        ...props2
+      }, undefined, false, undefined, this)
+    },
+    ...props
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/checkbox.tsx
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var import_lucide_react3 = require("lucide-react");
+var jsx_dev_runtime6 = require("react/jsx-dev-runtime");
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(CheckboxPrimitive.Root, {
+    "data-slot": "checkbox",
+    className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+    ...props,
+    children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(CheckboxPrimitive.Indicator, {
+      "data-slot": "checkbox-indicator",
+      className: "flex items-center justify-center text-current transition-none",
+      children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(import_lucide_react3.CheckIcon, {
+        className: "size-3.5"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/card.tsx
+var jsx_dev_runtime7 = require("react/jsx-dev-runtime");
+// src/components/ui/date-picker.tsx
+var import_dayjs2 = __toESM(require("dayjs"));
+var import_lucide_react4 = require("lucide-react");
+
+// src/components/ui/popover.tsx
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var jsx_dev_runtime8 = require("react/jsx-dev-runtime");
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(PopoverPrimitive.Root, {
+    "data-slot": "popover",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(PopoverPrimitive.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(PopoverPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(PopoverPrimitive.Content, {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/ui/date-picker.tsx
+var import_react2 = require("react");
+var import_react_popover = require("@radix-ui/react-popover");
+var jsx_dev_runtime9 = require("react/jsx-dev-runtime");
+function DatePicker({
+  date,
+  closeOnSelect,
+  setDate,
+  label = "Pick a date",
+  className
+}) {
+  const popOverRef = import_react2.useRef(null);
+  const onSelect = (date2) => {
+    setDate(date2);
+    if (closeOnSelect) {
+      popOverRef.current?.click();
+    }
+  };
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV("div", {
+    className,
+    children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Popover, {
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(PopoverTrigger, {
+          asChild: true,
+          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Button, {
+            variant: "outline",
+            className: cn("w-full justify-start text-left font-normal", !date && "text-muted-foreground"),
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_lucide_react4.Calendar, {
+                className: "mr-2 h-4 w-4"
+              }, undefined, false, undefined, this),
+              date ? import_dayjs2.default(date).format("MMM D, YYYY") : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV("span", {
+                children: label
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(PopoverContent, {
+          className: "w-auto p-0",
+          align: "start",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_react_popover.PopoverClose, {
+              ref: popOverRef
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Calendar, {
+              mode: "single",
+              selected: date,
+              onSelect,
+              initialFocus: true
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/dialog.tsx
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_lucide_react5 = require("lucide-react");
+var jsx_dev_runtime10 = require("react/jsx-dev-runtime");
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(DialogPrimitive.Root, {
+    "data-slot": "dialog",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(DialogPrimitive.Portal, {
+    "data-slot": "dialog-portal",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(DialogPrimitive.Overlay, {
+    "data-slot": "dialog-overlay",
+    className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(DialogPortal, {
+    "data-slot": "dialog-portal",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(DialogOverlay, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(DialogPrimitive.Content, {
+        "data-slot": "dialog-content",
+        className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(DialogPrimitive.Close, {
+            className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_lucide_react5.XIcon, {}, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("span", {
+                className: "sr-only",
+                children: "Close"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("div", {
+    "data-slot": "dialog-header",
+    className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("div", {
+    "data-slot": "dialog-footer",
+    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(DialogPrimitive.Title, {
+    "data-slot": "dialog-title",
+    className: cn("text-lg leading-none font-semibold", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(DialogPrimitive.Description, {
+    "data-slot": "dialog-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/dropdown-menu.tsx
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_lucide_react6 = require("lucide-react");
+var jsx_dev_runtime11 = require("react/jsx-dev-runtime");
+// src/components/ui/form.tsx
+var React = __toESM(require("react"));
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_react_hook_form = require("react-hook-form");
+
+// src/components/ui/label.tsx
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var jsx_dev_runtime12 = require("react/jsx-dev-runtime");
+
+function Label2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(LabelPrimitive.Root, {
+    "data-slot": "label",
+    className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// src/components/ui/form.tsx
+var jsx_dev_runtime13 = require("react/jsx-dev-runtime");
+var FormFieldContext = React.createContext({});
+var FormItemContext = React.createContext({});
+// src/components/ui/input.tsx
+var jsx_dev_runtime14 = require("react/jsx-dev-runtime");
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV("input", {
+    type,
+    "data-slot": "input",
+    className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/link.tsx
+var jsx_dev_runtime15 = require("react/jsx-dev-runtime");
+// src/components/ui/scroll-area.tsx
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
+var jsx_dev_runtime16 = require("react/jsx-dev-runtime");
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ScrollAreaPrimitive.Root, {
+    "data-slot": "scroll-area",
+    className: cn("relative", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ScrollAreaPrimitive.Viewport, {
+        "data-slot": "scroll-area-viewport",
+        className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+        children
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ScrollBar, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ScrollAreaPrimitive.Corner, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+    "data-slot": "scroll-area-scrollbar",
+    orientation,
+    className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
+    ...props,
+    children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(ScrollAreaPrimitive.ScrollAreaThumb, {
+      "data-slot": "scroll-area-thumb",
+      className: "bg-border relative flex-1 rounded-full"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/select.tsx
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_lucide_react7 = require("lucide-react");
+var jsx_dev_runtime17 = require("react/jsx-dev-runtime");
+// src/components/ui/separator.tsx
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
+var jsx_dev_runtime18 = require("react/jsx-dev-runtime");
+// src/components/ui/sheet.tsx
+var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_lucide_react8 = require("lucide-react");
+var jsx_dev_runtime19 = require("react/jsx-dev-runtime");
+// src/components/ui/table.tsx
+var jsx_dev_runtime20 = require("react/jsx-dev-runtime");
+// src/components/ui/tabs.tsx
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+var jsx_dev_runtime21 = require("react/jsx-dev-runtime");
+// src/components/ui/textarea.tsx
+var jsx_dev_runtime22 = require("react/jsx-dev-runtime");
+// src/components/ui/tooltip.tsx
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var jsx_dev_runtime23 = require("react/jsx-dev-runtime");
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TooltipPrimitive.Provider, {
+    "data-slot": "tooltip-provider",
+    delayDuration,
+    ...props
+  }, undefined, false, undefined, this);
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TooltipProvider, {
+    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TooltipPrimitive.Root, {
+      "data-slot": "tooltip",
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TooltipPrimitive.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TooltipPrimitive.Content, {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(TooltipPrimitive.Arrow, {
+          className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/features/month-view/components/all-events-dialog.tsx
+var import_react5 = require("react");
+
+// src/features/draggable-event/draggable-event.tsx
+var import_core = require("@dnd-kit/core");
+var import_react3 = require("motion/react");
+var import_react4 = require("react");
+var jsx_dev_runtime24 = require("react/jsx-dev-runtime");
+function DraggableEventUnmemoized({
+  elementId,
+  event,
+  className,
+  style,
+  disableDrag = false
+}) {
+  const { onEventClick, renderEvent, disableEventClick, disableDragAndDrop } = useCalendarContext();
+  const { attributes, listeners, setNodeRef, isDragging } = import_core.useDraggable({
+    id: elementId,
+    data: {
+      event,
+      type: "calendar-event"
+    },
+    disabled: disableDrag || disableDragAndDrop
+  });
+  const DefaultEventContent = () => /* @__PURE__ */ jsx_dev_runtime24.jsxDEV("div", {
+    className: cn(event.backgroundColor || "bg-blue-500", event.color || "text-white", "h-full w-full px-1 border-[1.5px] border-card rounded-md text-left overflow-clip"),
+    style: { backgroundColor: event.backgroundColor, color: event.color },
+    children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV("p", {
+      className: "text-[10px] font-semibold sm:text-xs mt-0.5",
+      children: event.title
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(import_react3.AnimatePresence, {
+    mode: "wait",
+    children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(import_react3.motion.div, {
+      ref: setNodeRef,
+      ...attributes,
+      ...listeners,
+      initial: { opacity: 0, y: -50 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -50 },
+      layout: true,
+      layoutId: elementId,
+      transition: { duration: 0.4, ease: "easeInOut" },
+      className: cn("truncate h-full w-full", disableDrag || disableDragAndDrop ? disableEventClick ? "cursor-default" : "cursor-pointer" : "cursor-grab", isDragging && !(disableDrag || disableDragAndDrop) && "cursor-grabbing shadow-lg", className),
+      style,
+      onClick: (e) => {
+        e.stopPropagation();
+        onEventClick(event);
+      },
+      children: renderEvent ? renderEvent(event) : /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(DefaultEventContent, {}, undefined, false, undefined, this)
+    }, elementId, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var DraggableEvent = import_react4.memo(DraggableEventUnmemoized, (prevProps, nextProps) => {
+  return prevProps.elementId === nextProps.elementId && prevProps.disableDrag === nextProps.disableDrag && prevProps.className === nextProps.className && prevProps.event.id === nextProps.event.id && prevProps.event.height === nextProps.event.height;
+});
+
+// src/features/month-view/components/all-events-dialog.tsx
+var jsx_dev_runtime25 = require("react/jsx-dev-runtime");
+var AllEventDialog = ({ ref }) => {
+  const [dialogOpen, setDialogOpen] = import_react5.useState(false);
+  const [selectedDayEvents, setSelectedDayEvents] = import_react5.useState(null);
+  const { currentDate, firstDayOfWeek } = useCalendarContext();
+  import_react5.useImperativeHandle(ref, () => ({
+    open: () => setDialogOpen(true),
+    close: () => setDialogOpen(false),
+    setSelectedDayEvents: (dayEvents) => setSelectedDayEvents(dayEvents)
+  }));
+  const firstDayOfMonth = currentDate.startOf("month");
+  let adjustedFirstDayOfCalendar = firstDayOfMonth.clone();
+  while (adjustedFirstDayOfCalendar.day() !== firstDayOfWeek) {
+    adjustedFirstDayOfCalendar = adjustedFirstDayOfCalendar.subtract(1, "day");
+  }
+  return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(Dialog, {
+    open: dialogOpen,
+    onOpenChange: setDialogOpen,
+    children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(DialogContent, {
+      className: "max-h-[80vh] max-w-md overflow-y-auto",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(DialogHeader, {
+          children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(DialogTitle, {
+            children: selectedDayEvents && selectedDayEvents.day.format("MMMM D, YYYY")
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV("div", {
+          className: "mt-4 space-y-3",
+          children: selectedDayEvents && selectedDayEvents.events.map((event) => {
+            return /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(DraggableEvent, {
+              elementId: event.id,
+              event,
+              className: "relative my-1 h-[30px]"
+            }, event.id, false, undefined, this);
+          })
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+};
+
+// src/lib/dayjs-config.ts
+var import_dayjs3 = __toESM(require("dayjs"));
+var import_weekday = __toESM(require("dayjs/plugin/weekday"));
+var import_weekOfYear = __toESM(require("dayjs/plugin/weekOfYear"));
+var import_isSameOrAfter = __toESM(require("dayjs/plugin/isSameOrAfter"));
+var import_isSameOrBefore = __toESM(require("dayjs/plugin/isSameOrBefore"));
+var import_isBetween = __toESM(require("dayjs/plugin/isBetween"));
+var import_minMax = __toESM(require("dayjs/plugin/minMax"));
+var import_timezone = __toESM(require("dayjs/plugin/timezone"));
+var import_utc = __toESM(require("dayjs/plugin/utc"));
+var import_localeData = __toESM(require("dayjs/plugin/localeData"));
+var import_af = require("dayjs/locale/af");
+var import_am = require("dayjs/locale/am");
+var import_ar_dz = require("dayjs/locale/ar-dz");
+var import_ar_iq = require("dayjs/locale/ar-iq");
+var import_ar_kw = require("dayjs/locale/ar-kw");
+var import_ar_ly = require("dayjs/locale/ar-ly");
+var import_ar_ma = require("dayjs/locale/ar-ma");
+var import_ar_sa = require("dayjs/locale/ar-sa");
+var import_ar_tn = require("dayjs/locale/ar-tn");
+var import_ar = require("dayjs/locale/ar");
+var import_az = require("dayjs/locale/az");
+var import_be = require("dayjs/locale/be");
+var import_bg = require("dayjs/locale/bg");
+var import_bi = require("dayjs/locale/bi");
+var import_bm = require("dayjs/locale/bm");
+var import_bn_bd = require("dayjs/locale/bn-bd");
+var import_bn = require("dayjs/locale/bn");
+var import_bo = require("dayjs/locale/bo");
+var import_br = require("dayjs/locale/br");
+var import_bs = require("dayjs/locale/bs");
+var import_ca = require("dayjs/locale/ca");
+var import_cs = require("dayjs/locale/cs");
+var import_cv = require("dayjs/locale/cv");
+var import_cy = require("dayjs/locale/cy");
+var import_da = require("dayjs/locale/da");
+var import_de_at = require("dayjs/locale/de-at");
+var import_de_ch = require("dayjs/locale/de-ch");
+var import_de = require("dayjs/locale/de");
+var import_dv = require("dayjs/locale/dv");
+var import_el = require("dayjs/locale/el");
+var import_en_au = require("dayjs/locale/en-au");
+var import_en_ca = require("dayjs/locale/en-ca");
+var import_en_gb = require("dayjs/locale/en-gb");
+var import_en_ie = require("dayjs/locale/en-ie");
+var import_en_il = require("dayjs/locale/en-il");
+var import_en_in = require("dayjs/locale/en-in");
+var import_en_nz = require("dayjs/locale/en-nz");
+var import_en_sg = require("dayjs/locale/en-sg");
+var import_en_tt = require("dayjs/locale/en-tt");
+var import_en = require("dayjs/locale/en");
+var import_eo = require("dayjs/locale/eo");
+var import_es_do = require("dayjs/locale/es-do");
+var import_es_mx = require("dayjs/locale/es-mx");
+var import_es_pr = require("dayjs/locale/es-pr");
+var import_es_us = require("dayjs/locale/es-us");
+var import_es = require("dayjs/locale/es");
+var import_et = require("dayjs/locale/et");
+var import_eu = require("dayjs/locale/eu");
+var import_fa = require("dayjs/locale/fa");
+var import_fi = require("dayjs/locale/fi");
+var import_fo = require("dayjs/locale/fo");
+var import_fr_ca = require("dayjs/locale/fr-ca");
+var import_fr_ch = require("dayjs/locale/fr-ch");
+var import_fr = require("dayjs/locale/fr");
+var import_fy = require("dayjs/locale/fy");
+var import_ga = require("dayjs/locale/ga");
+var import_gd = require("dayjs/locale/gd");
+var import_gl = require("dayjs/locale/gl");
+var import_gom_latn = require("dayjs/locale/gom-latn");
+var import_gu = require("dayjs/locale/gu");
+var import_he = require("dayjs/locale/he");
+var import_hi = require("dayjs/locale/hi");
+var import_hr = require("dayjs/locale/hr");
+var import_ht = require("dayjs/locale/ht");
+var import_hu = require("dayjs/locale/hu");
+var import_hy_am = require("dayjs/locale/hy-am");
+var import_id = require("dayjs/locale/id");
+var import_is = require("dayjs/locale/is");
+var import_it_ch = require("dayjs/locale/it-ch");
+var import_it = require("dayjs/locale/it");
+var import_ja = require("dayjs/locale/ja");
+var import_jv = require("dayjs/locale/jv");
+var import_ka = require("dayjs/locale/ka");
+var import_kk = require("dayjs/locale/kk");
+var import_km = require("dayjs/locale/km");
+var import_kn = require("dayjs/locale/kn");
+var import_ko = require("dayjs/locale/ko");
+var import_ku = require("dayjs/locale/ku");
+var import_ky = require("dayjs/locale/ky");
+var import_lb = require("dayjs/locale/lb");
+var import_lo = require("dayjs/locale/lo");
+var import_lt = require("dayjs/locale/lt");
+var import_lv = require("dayjs/locale/lv");
+var import_me = require("dayjs/locale/me");
+var import_mi = require("dayjs/locale/mi");
+var import_mk = require("dayjs/locale/mk");
+var import_ml = require("dayjs/locale/ml");
+var import_mn = require("dayjs/locale/mn");
+var import_mr = require("dayjs/locale/mr");
+var import_ms_my = require("dayjs/locale/ms-my");
+var import_ms = require("dayjs/locale/ms");
+var import_mt = require("dayjs/locale/mt");
+var import_my = require("dayjs/locale/my");
+var import_nb = require("dayjs/locale/nb");
+var import_ne = require("dayjs/locale/ne");
+var import_nl_be = require("dayjs/locale/nl-be");
+var import_nl = require("dayjs/locale/nl");
+var import_nn = require("dayjs/locale/nn");
+var import_oc_lnc = require("dayjs/locale/oc-lnc");
+var import_pa_in = require("dayjs/locale/pa-in");
+var import_pl = require("dayjs/locale/pl");
+var import_pt_br = require("dayjs/locale/pt-br");
+var import_pt = require("dayjs/locale/pt");
+var import_rn = require("dayjs/locale/rn");
+var import_ro = require("dayjs/locale/ro");
+var import_ru = require("dayjs/locale/ru");
+var import_rw = require("dayjs/locale/rw");
+var import_sd = require("dayjs/locale/sd");
+var import_se = require("dayjs/locale/se");
+var import_si = require("dayjs/locale/si");
+var import_sk = require("dayjs/locale/sk");
+var import_sl = require("dayjs/locale/sl");
+var import_sq = require("dayjs/locale/sq");
+var import_sr_cyrl = require("dayjs/locale/sr-cyrl");
+var import_sr = require("dayjs/locale/sr");
+var import_ss = require("dayjs/locale/ss");
+var import_sv_fi = require("dayjs/locale/sv-fi");
+var import_sv = require("dayjs/locale/sv");
+var import_sw = require("dayjs/locale/sw");
+var import_ta = require("dayjs/locale/ta");
+var import_te = require("dayjs/locale/te");
+var import_tet = require("dayjs/locale/tet");
+var import_tg = require("dayjs/locale/tg");
+var import_th = require("dayjs/locale/th");
+var import_tk = require("dayjs/locale/tk");
+var import_tl_ph = require("dayjs/locale/tl-ph");
+var import_tlh = require("dayjs/locale/tlh");
+var import_tr = require("dayjs/locale/tr");
+var import_tzl = require("dayjs/locale/tzl");
+var import_tzm_latn = require("dayjs/locale/tzm-latn");
+var import_tzm = require("dayjs/locale/tzm");
+var import_ug_cn = require("dayjs/locale/ug-cn");
+var import_uk = require("dayjs/locale/uk");
+var import_ur = require("dayjs/locale/ur");
+var import_uz_latn = require("dayjs/locale/uz-latn");
+var import_uz = require("dayjs/locale/uz");
+var import_vi = require("dayjs/locale/vi");
+var import_x_pseudo = require("dayjs/locale/x-pseudo");
+var import_yo = require("dayjs/locale/yo");
+var import_zh_cn = require("dayjs/locale/zh-cn");
+var import_zh_hk = require("dayjs/locale/zh-hk");
+var import_zh_tw = require("dayjs/locale/zh-tw");
+var import_zh = require("dayjs/locale/zh");
+import_dayjs3.default.extend(import_weekday.default);
+import_dayjs3.default.extend(import_weekOfYear.default);
+import_dayjs3.default.extend(import_isSameOrAfter.default);
+import_dayjs3.default.extend(import_isSameOrBefore.default);
+import_dayjs3.default.extend(import_isBetween.default);
+import_dayjs3.default.extend(import_minMax.default);
+import_dayjs3.default.extend(import_timezone.default);
+import_dayjs3.default.extend(import_utc.default);
+import_dayjs3.default.extend(import_localeData.default);
+var dayjs_config_default = import_dayjs3.default;
+
+// src/features/month-view/components/day-cell.tsx
+var import_react6 = __toESM(require("react"));
+
+// src/features/droppable-cell/droppable-cell.tsx
+var import_core2 = require("@dnd-kit/core");
+var jsx_dev_runtime26 = require("react/jsx-dev-runtime");
+function DroppableCell({
+  id,
+  type,
+  date,
+  hour,
+  minute,
+  children,
+  className,
+  style,
+  "data-testid": dataTestId
+}) {
+  const { onCellClick, disableDragAndDrop, disableCellClick } = useCalendarContext();
+  const { isOver, setNodeRef } = import_core2.useDroppable({
+    id,
+    data: {
+      type,
+      date,
+      hour,
+      minute
+    },
+    disabled: disableDragAndDrop
+  });
+  const handleCellClick = (e) => {
+    e.stopPropagation();
+    if (disableCellClick)
+      return;
+    const startDate = date.hour(hour ?? 0).minute(minute ?? 0);
+    let endDate = startDate.clone();
+    if (hour !== undefined && minute !== undefined) {
+      endDate = endDate.hour(hour).minute(minute + 15);
+    } else if (hour !== undefined) {
+      endDate = endDate.hour(hour + 1).minute(0);
+    } else {
+      endDate = endDate.hour(23).minute(59);
+    }
+    onCellClick(startDate, endDate);
+  };
+  return /* @__PURE__ */ jsx_dev_runtime26.jsxDEV("div", {
+    ref: setNodeRef,
+    "data-testid": dataTestId,
+    className: cn(className, isOver && !disableDragAndDrop && "bg-accent", disableCellClick ? "cursor-default" : "cursor-pointer"),
+    onClick: handleCellClick,
+    style,
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/features/month-view/components/day-cell.tsx
+var jsx_dev_runtime27 = require("react/jsx-dev-runtime");
+var DayCell = ({
+  index,
+  day,
+  className = ""
+}) => {
+  const allEventsDialogRef = import_react6.default.useRef(null);
+  const {
+    events,
+    currentDate,
+    firstDayOfWeek,
+    dayMaxEvents = 0
+  } = useCalendarContext();
+  const todayEvents = events.filter((e) => {
+    const startsToday = e.start.isSame(day, "day");
+    const endsToday = e.end.isSame(day, "day");
+    const spansToday = e.start.isBefore(day, "day") && e.end.isAfter(day, "day");
+    return startsToday || endsToday || spansToday;
+  });
+  const firstDayOfMonth = currentDate.startOf("month");
+  let adjustedFirstDayOfCalendar = firstDayOfMonth.clone();
+  while (adjustedFirstDayOfCalendar.day() !== firstDayOfWeek) {
+    adjustedFirstDayOfCalendar = adjustedFirstDayOfCalendar.subtract(1, "day");
+  }
+  const showAllEvents = (day2, events2) => {
+    allEventsDialogRef.current?.setSelectedDayEvents({
+      day: day2,
+      events: events2
+    });
+    allEventsDialogRef.current?.open();
+  };
+  const isToday = day.isSame(dayjs_config_default(), "day");
+  const isCurrentMonth = day.month() === currentDate.month();
+  const isLastColumn = index === 6;
+  const hiddenEventsCount = todayEvents.length - dayMaxEvents;
+  const hasHiddenEvents = hiddenEventsCount > 0;
+  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(jsx_dev_runtime27.Fragment, {
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(DroppableCell, {
+        id: `day-cell-${day.format("YYYY-MM-DD")}`,
+        type: "day-cell",
+        "data-testid": `day-cell-${day.format("YYYY-MM-DD")}`,
+        date: day,
+        className: cn("cursor-pointer overflow-clip p-1 hover:bg-accent", !isCurrentMonth && "bg-secondary text-muted-foreground", isLastColumn && "border-r-0", className),
+        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+          className: "flex flex-col gap-1",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+              className: cn("flex h-5 w-5 items-center justify-center rounded-full text-xs sm:h-6 sm:w-6 sm:text-sm", isToday && "bg-primary text-primary-foreground font-medium"),
+              children: day.date()
+            }, undefined, false, undefined, this),
+            todayEvents.slice(0, dayMaxEvents).map((event, rowIndex) => /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+              className: "h-[20px] w-full",
+              "data-testid": event?.title
+            }, `empty-${rowIndex}`, false, undefined, this)),
+            hasHiddenEvents && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+              className: "text-muted-foreground hover:text-foreground cursor-pointer text-[10px] whitespace-nowrap sm:text-xs mt-1",
+              onClick: (e) => {
+                e.stopPropagation();
+                showAllEvents(day, todayEvents);
+              },
+              children: [
+                "+",
+                hiddenEventsCount,
+                " more"
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(AllEventDialog, {
+        ref: allEventsDialogRef
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/features/month-view/components/month-header.tsx
+var import_react7 = require("motion/react");
+var import_react8 = require("react");
+var import_dayjs4 = __toESM(require("dayjs"));
+var jsx_dev_runtime28 = require("react/jsx-dev-runtime");
+var MonthHeader = () => {
+  const { firstDayOfWeek, currentLocale, stickyHeader } = useCalendarContext();
+  const weekDays = import_react8.useMemo(() => {
+    const days = import_dayjs4.default.weekdays().map((day) => day.toLowerCase());
+    const shortDays = import_dayjs4.default.weekdaysShort().map((day) => day.toLowerCase());
+    for (let i = 0;i < firstDayOfWeek; i++) {
+      const dayToMove = days.shift();
+      const shortDayToMove = shortDays.shift();
+      if (dayToMove)
+        days.push(dayToMove);
+      if (shortDayToMove)
+        shortDays.push(shortDayToMove);
+    }
+    return { days, shortDays };
+  }, [firstDayOfWeek, currentLocale]);
+  return /* @__PURE__ */ jsx_dev_runtime28.jsxDEV("div", {
+    className: cn("grid grid-cols-7 border-b bg-background", stickyHeader && "sticky top-0 z-100 shadow"),
+    "data-testid": "month-header",
+    children: weekDays.days.map((weekDay, index) => /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(import_react7.AnimatePresence, {
+      mode: "wait",
+      children: /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(import_react7.motion.div, {
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: -10 },
+        transition: {
+          duration: 0.25,
+          ease: "easeInOut",
+          delay: index * 0.05
+        },
+        className: "py-2 text-center font-medium border-r first:border-l",
+        "data-testid": `weekday-header-${weekDay}`,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV("span", {
+            className: "hidden text-sm sm:inline",
+            children: weekDay
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime28.jsxDEV("span", {
+            className: "text-xs sm:hidden",
+            children: weekDays.shortDays[index]
+          }, undefined, false, undefined, this)
+        ]
+      }, weekDay, true, undefined, this)
+    }, weekDay, false, undefined, this))
+  }, undefined, false, undefined, this);
+};
+
+// src/lib/constants.ts
+var GAP_BETWEEN_ELEMENTS = 1;
+var DAY_NUMBER_HEIGHT = 24;
+var EVENT_BAR_HEIGHT = 24;
+
+// src/features/month-view/components/week-events-layer.tsx
+var jsx_dev_runtime29 = require("react/jsx-dev-runtime");
+var WeekEventsLayer = ({ days }) => {
+  const { events, dayMaxEvents } = useCalendarContext();
+  const weekStart = days[0];
+  const weekEnd = days[6];
+  const weekEvents = events.filter((e) => {
+    const startsInWeek = e.start.isSameOrAfter(weekStart.startOf("day")) && e.start.isSameOrBefore(weekEnd.endOf("day"));
+    const endsInWeek = e.end.isSameOrAfter(weekStart.startOf("day")) && e.end.isSameOrBefore(weekEnd.endOf("day"));
+    const spansWeek = e.start.isBefore(weekStart.startOf("day")) && e.end.isAfter(weekEnd.endOf("day"));
+    return startsInWeek || endsInWeek || spansWeek;
+  });
+  const multiDayEvents = weekEvents.filter((e) => e.end.diff(e.start, "day") > 0);
+  const singleDayEvents = weekEvents.filter((e) => e.end.diff(e.start, "day") === 0);
+  const sortedMultiDay = [...multiDayEvents].sort((a, b) => {
+    const startDiff = a.start.diff(b.start);
+    if (startDiff !== 0)
+      return startDiff;
+    return b.end.diff(b.start) - a.end.diff(a.start);
+  });
+  const sortedSingleDay = [...singleDayEvents].sort((a, b) => a.start.diff(b.start));
+  const grid = [];
+  for (let row = 0;row < dayMaxEvents; row++) {
+    grid[row] = [];
+    for (let col = 0;col < 7; col++) {
+      grid[row][col] = { taken: false, event: null };
+    }
+  }
+  const eventPositions = [];
+  for (const event of sortedMultiDay) {
+    const eventStart = dayjs_config_default.max(event.start.startOf("day"), weekStart);
+    const eventEnd = dayjs_config_default.min(event.end.startOf("day"), weekEnd);
+    const startCol = Math.max(0, eventStart.diff(weekStart, "day"));
+    const endCol = Math.min(6, eventEnd.diff(weekStart, "day"));
+    let placedSuccessfully = false;
+    let assignedRow = -1;
+    for (let row = 0;row < dayMaxEvents; row++) {
+      let canPlace = true;
+      for (let col = startCol;col <= endCol; col++) {
+        if (grid[row][col].taken) {
+          canPlace = false;
+          break;
+        }
+      }
+      if (canPlace) {
+        assignedRow = row;
+        break;
+      }
+    }
+    if (assignedRow !== -1) {
+      for (let col = startCol;col <= endCol; col++) {
+        grid[assignedRow][col] = { taken: true, event };
+      }
+      const spanDays = endCol - startCol + 1;
+      eventPositions.push({
+        left: startCol / 7 * 100,
+        width: spanDays / 7 * 100,
+        top: DAY_NUMBER_HEIGHT + GAP_BETWEEN_ELEMENTS + assignedRow * (EVENT_BAR_HEIGHT + GAP_BETWEEN_ELEMENTS),
+        height: EVENT_BAR_HEIGHT,
+        position: assignedRow,
+        ...event
+      });
+      placedSuccessfully = true;
+    }
+    if (!placedSuccessfully) {
+      for (let tryStartCol = startCol + 1;tryStartCol <= endCol; tryStartCol++) {
+        let truncatedAssignedRow = -1;
+        for (let row = 0;row < dayMaxEvents; row++) {
+          let canPlace = true;
+          for (let col = tryStartCol;col <= endCol; col++) {
+            if (grid[row][col].taken) {
+              canPlace = false;
+              break;
+            }
+          }
+          if (canPlace) {
+            truncatedAssignedRow = row;
+            break;
+          }
+        }
+        if (truncatedAssignedRow !== -1) {
+          for (let col = tryStartCol;col <= endCol; col++) {
+            grid[truncatedAssignedRow][col] = { taken: true, event };
+          }
+          const truncatedSpanDays = endCol - tryStartCol + 1;
+          eventPositions.push({
+            left: tryStartCol / 7 * 100,
+            width: truncatedSpanDays / 7 * 100,
+            top: DAY_NUMBER_HEIGHT + GAP_BETWEEN_ELEMENTS + truncatedAssignedRow * (EVENT_BAR_HEIGHT + GAP_BETWEEN_ELEMENTS),
+            height: EVENT_BAR_HEIGHT,
+            position: truncatedAssignedRow,
+            ...event
+          });
+          placedSuccessfully = true;
+          break;
+        }
+      }
+    }
+  }
+  for (const event of sortedSingleDay) {
+    const eventStart = dayjs_config_default.max(event.start.startOf("day"), weekStart);
+    const col = Math.max(0, eventStart.diff(weekStart, "day"));
+    let assignedRow = -1;
+    for (let row = 0;row < dayMaxEvents; row++) {
+      if (!grid[row][col].taken) {
+        assignedRow = row;
+        break;
+      }
+    }
+    if (assignedRow !== -1) {
+      grid[assignedRow][col] = { taken: true, event };
+      eventPositions.push({
+        left: col / 7 * 100,
+        width: 1 / 7 * 100,
+        top: DAY_NUMBER_HEIGHT + GAP_BETWEEN_ELEMENTS + assignedRow * (EVENT_BAR_HEIGHT + GAP_BETWEEN_ELEMENTS),
+        height: EVENT_BAR_HEIGHT,
+        position: assignedRow,
+        ...event
+      });
+    }
+  }
+  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV("div", {
+    className: "relative w-full h-full pointer-events-none z-20 overflow-clip",
+    children: eventPositions.map((event) => {
+      return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV("div", {
+        className: "absolute z-10 pointer-events-auto overflow-clip",
+        style: {
+          left: `calc(${event.left}% + var(--spacing) * 0.25)`,
+          width: `calc(${event.width}% - var(--spacing) * 1)`,
+          top: `${event.top}px`,
+          height: `${EVENT_BAR_HEIGHT}px`
+        },
+        children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(DraggableEvent, {
+          elementId: `event-${event.id}-${event.position}-${weekStart.format("YYYY-MM-DD")}`,
+          event,
+          className: "h-full w-full shadow"
+        }, undefined, false, undefined, this)
+      }, `event-${event.id}-${event.position}-${weekStart.format("YYYY-MM-DD")}`, false, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+};
+
+// src/features/month-view/components/month-view.tsx
+var jsx_dev_runtime30 = require("react/jsx-dev-runtime");
+var MonthView = ({ dayMaxEvents = 3 }) => {
+  const allEventsDialogRef = import_react10.default.useRef(null);
+  const { currentDate, firstDayOfWeek } = useCalendarContext();
+  const firstDayOfMonth = currentDate.startOf("month");
+  let adjustedFirstDayOfCalendar = firstDayOfMonth.clone();
+  while (adjustedFirstDayOfCalendar.day() !== firstDayOfWeek) {
+    adjustedFirstDayOfCalendar = adjustedFirstDayOfCalendar.subtract(1, "day");
+  }
+  const calendarDays = import_react10.useMemo(() => {
+    const days = [[]];
+    let day = adjustedFirstDayOfCalendar.clone();
+    for (let i = 0;i < 42; i++) {
+      if (days[days.length - 1].length === 7) {
+        days.push([]);
+      }
+      days[days.length - 1].push(day);
+      day = day.add(1, "day");
+    }
+    return days;
+  }, [adjustedFirstDayOfCalendar]);
+  return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV("div", {
+    className: "flex h-full flex-col",
+    "data-testid": "month-view",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(MonthHeader, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(ScrollArea, {
+        className: "flex-1 overflow-auto",
+        "data-testid": "month-scroll-area",
+        children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(import_react9.AnimatePresence, {
+          mode: "wait",
+          children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(import_react9.motion.div, {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: { duration: 0.25, ease: "easeInOut" },
+            className: "relative grid flex-1 grid-cols-7 grid-rows-6 overflow-auto",
+            "data-testid": "month-calendar-grid",
+            children: calendarDays.map((days, index) => {
+              return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV("div", {
+                className: "relative col-span-7 grid grid-cols-7",
+                "data-testid": `week-row-${index}`,
+                children: [
+                  days.map((day, dayIndex) => {
+                    return /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(DayCell, {
+                      index: dayIndex,
+                      day,
+                      dayMaxEvents,
+                      className: "border-r border-b first:border-l"
+                    }, day.format("YYYY-MM-DD"), false, undefined, this);
+                  }),
+                  /* @__PURE__ */ jsx_dev_runtime30.jsxDEV("div", {
+                    className: "absolute inset-0 z-10 pointer-events-none",
+                    children: /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(WeekEventsLayer, {
+                      days
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, `week-${index}`, true, undefined, this);
+            })
+          }, currentDate.format("YYYY-MM-DD"), false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV(AllEventDialog, {
+        ref: allEventsDialogRef
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/features/week-view/week-view.tsx
+var import_dayjs9 = __toESM(require("dayjs"));
+var import_weekOfYear2 = __toESM(require("dayjs/plugin/weekOfYear"));
+
+// src/features/week-view/week-all-day-row.tsx
+var import_react11 = require("react");
+var jsx_dev_runtime31 = require("react/jsx-dev-runtime");
+var WeekAllDayRow = () => {
+  const { currentDate, getEventsForDateRange, firstDayOfWeek } = useCalendarContext();
+  const startOfWeek = currentDate.startOf("week").day(firstDayOfWeek);
+  const adjustedStartOfWeek = currentDate.isBefore(startOfWeek) ? startOfWeek.subtract(1, "week") : startOfWeek;
+  const endOfWeek = adjustedStartOfWeek.add(6, "day");
+  const weekDays = [];
+  for (let i = 0;i < 7; i++) {
+    weekDays.push(adjustedStartOfWeek.add(i, "day"));
+  }
+  const expandedStartDate = adjustedStartOfWeek.subtract(6, "day");
+  const expandedEndDate = endOfWeek.add(6, "day");
+  const allEvents = getEventsForDateRange(expandedStartDate, expandedEndDate);
+  const weekEvents = allEvents.filter((event) => {
+    return event.start.isSameOrAfter(adjustedStartOfWeek) && event.start.isSameOrBefore(endOfWeek) || event.end.isSameOrAfter(adjustedStartOfWeek) && event.end.isSameOrBefore(endOfWeek) || event.start.isBefore(adjustedStartOfWeek) && event.end.isAfter(endOfWeek);
+  });
+  const allDayEvents = weekEvents.filter((event) => event.all_day);
+  const { processedAllDayEvents } = import_react11.useMemo(() => {
+    const sortedEvents = [...allDayEvents].sort((a, b) => {
+      const startDiff = a.start.diff(b.start);
+      if (startDiff !== 0)
+        return startDiff;
+      const aDuration = a.end.diff(a.start);
+      const bDuration = b.end.diff(b.start);
+      return bDuration - aDuration;
+    });
+    const rows = [];
+    const processedEvents = [];
+    sortedEvents.forEach((event) => {
+      const eventStart = event.start.isBefore(adjustedStartOfWeek) ? adjustedStartOfWeek : event.start;
+      const eventEnd = event.end.isAfter(endOfWeek) ? endOfWeek : event.end;
+      const startDayIndex = Math.max(0, eventStart.diff(adjustedStartOfWeek, "day"));
+      const endDayIndex = Math.min(6, eventEnd.diff(adjustedStartOfWeek, "day"));
+      const left = startDayIndex / 7 * 100;
+      const width = (endDayIndex - startDayIndex + 1) / 7 * 100;
+      let rowIndex = 0;
+      let placed = false;
+      while (!placed) {
+        if (rowIndex >= rows.length) {
+          rows.push([]);
+          placed = true;
+        } else {
+          const row = rows[rowIndex];
+          const canFit = row.every((item) => {
+            return eventStart.isAfter(item.end) || eventEnd.isBefore(item.event.start);
+          });
+          if (canFit) {
+            placed = true;
+          } else {
+            rowIndex++;
+          }
+        }
+      }
+      rows[rowIndex].push({ end: eventEnd, event });
+      processedEvents.push({
+        ...event,
+        left,
+        width,
+        top: rowIndex * (EVENT_BAR_HEIGHT + GAP_BETWEEN_ELEMENTS),
+        height: EVENT_BAR_HEIGHT,
+        all_day: true
+      });
+    });
+    return {
+      processedAllDayEvents: processedEvents,
+      allDayRowsCount: Math.max(1, rows.length)
+    };
+  }, [allDayEvents, adjustedStartOfWeek, endOfWeek]);
+  return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV("div", {
+    className: "grid grid-cols-[auto_1fr_1fr_1fr_1fr_1fr_1fr_1fr] grid-rows-1 relative",
+    "data-testid": "week-all-day-row",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV("div", {
+        className: "w-14 flex shrink-0 items-center justify-end border-x border-b pr-2 min-h-16",
+        children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV("span", {
+          className: "text-muted-foreground text-[10px] whitespace-nowrap sm:text-xs",
+          children: "All-day"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      weekDays.map((day) => /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(DroppableCell, {
+        id: `all-day-cell-${day.format("YYYY-MM-DD")}`,
+        type: "day-cell",
+        date: day,
+        className: "hover:bg-accent h-full flex-1 cursor-pointer border-r border-b"
+      }, `all-day-${day.format("YYYY-MM-DD")}`, false, undefined, this)),
+      /* @__PURE__ */ jsx_dev_runtime31.jsxDEV("div", {
+        className: "absolute inset-0 z-10 p-1 col-span-7 col-start-2",
+        children: processedAllDayEvents.map((event, index) => /* @__PURE__ */ jsx_dev_runtime31.jsxDEV("div", {
+          className: "absolute",
+          style: {
+            left: `${event.left}%`,
+            width: `calc(${event.width}% - var(--spacing) * 2)`,
+            top: `${event.top}px`,
+            height: `${event.height}px`
+          },
+          children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(DraggableEvent, {
+            elementId: `all-day-${event.id}-${index}`,
+            event,
+            className: "h-full w-full overflow-clip text-xs absolute"
+          }, `all-day-${event.id}-${index}`, false, undefined, this)
+        }, `all-day-container-${event.id}`, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/features/week-view/week-header.tsx
+var import_dayjs5 = __toESM(require("dayjs"));
+var import_react12 = require("motion/react");
+var jsx_dev_runtime32 = require("react/jsx-dev-runtime");
+var WeekHeader = () => {
+  const {
+    currentDate,
+    selectDate,
+    openEventForm,
+    firstDayOfWeek,
+    stickyHeader
+  } = useCalendarContext();
+  const startOfWeek = currentDate.startOf("week").day(firstDayOfWeek);
+  const adjustedStartOfWeek = currentDate.isBefore(startOfWeek) ? startOfWeek.subtract(1, "week") : startOfWeek;
+  const weekDays = [];
+  for (let i = 0;i < 7; i++) {
+    weekDays.push(adjustedStartOfWeek.add(i, "day"));
+  }
+  return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV("div", {
+    className: cn("grid grid-cols-[auto_1fr_1fr_1fr_1fr_1fr_1fr_1fr] grid-rows-1 bg-background", stickyHeader && "sticky top-0 z-100 shadow"),
+    "data-testid": "week-header",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime32.jsxDEV("div", {
+        className: "col-span-1 w-14 shrink-0 items-center justify-center border-x border-b p-2",
+        children: /* @__PURE__ */ jsx_dev_runtime32.jsxDEV("div", {
+          className: "flex flex-col items-center justify-center",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime32.jsxDEV("span", {
+              className: "text-muted-foreground text-xs",
+              children: "Week"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime32.jsxDEV("span", {
+              className: "font-medium",
+              children: currentDate.week()
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      weekDays.map((day, index) => {
+        const isToday = day.isSame(import_dayjs5.default(), "day");
+        return /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(import_react12.AnimatePresence, {
+          mode: "wait",
+          children: /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(import_react12.motion.div, {
+            initial: { opacity: 0, y: -10 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: -10 },
+            transition: {
+              duration: 0.25,
+              ease: "easeInOut",
+              delay: index * 0.05
+            },
+            className: cn("hover:bg-accent flex-1 cursor-pointer p-1 text-center sm:p-2 border-r border-b", isToday && "bg-primary/10 font-bold"),
+            onClick: () => {
+              selectDate(day);
+              openEventForm(day);
+            },
+            "data-testid": `week-day-header-${day.format("dddd").toLowerCase()}`,
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime32.jsxDEV("div", {
+                className: "text-xs sm:text-sm",
+                children: day.format("ddd")
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime32.jsxDEV("div", {
+                className: cn("mx-auto mt-1 flex h-5 w-5 items-center justify-center rounded-full text-xs sm:h-7 sm:w-7 sm:text-sm", isToday && "bg-primary text-primary-foreground"),
+                children: day.date()
+              }, undefined, false, undefined, this)
+            ]
+          }, day.format("YYYY-MM-DD"), true, undefined, this)
+        }, day.format("YYYY-MM-DD"), false, undefined, this);
+      })
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/features/week-view/week-time-grid.tsx
+var import_dayjs8 = __toESM(require("dayjs"));
+
+// src/features/week-view/week-day-col.tsx
+var import_dayjs7 = __toESM(require("dayjs"));
+
+// src/hooks/useProcessedDayEvents.ts
+var import_dayjs6 = __toESM(require("dayjs"));
+var import_react13 = require("react");
+var useProcessedDayEvents = ({ day }) => {
+  const { getEventsForDateRange } = useCalendarContext();
+  const todayEvents = import_react13.useMemo(() => {
+    let eventsForDay = getEventsForDateRange(day.startOf("day"), day.endOf("day"));
+    eventsForDay = eventsForDay.filter((e) => !e.all_day).toSorted((a, b) => a.start.diff(b.start));
+    if (eventsForDay.length === 0) {
+      return [];
+    }
+    const clusters = [];
+    let currentCluster = [];
+    let lastEventEnd = null;
+    for (const event of eventsForDay) {
+      if (lastEventEnd && event.start.isSameOrAfter(lastEventEnd)) {
+        if (currentCluster.length > 0) {
+          clusters.push(currentCluster);
+        }
+        currentCluster = [];
+      }
+      currentCluster.push(event);
+      lastEventEnd = lastEventEnd ? import_dayjs6.default.max(lastEventEnd, event.end) : event.end;
+    }
+    if (currentCluster.length > 0) {
+      clusters.push(currentCluster);
+    }
+    const processedEvents = [];
+    for (const cluster of clusters) {
+      if (cluster.length === 1) {
+        const event = cluster[0];
+        const startTime = event.start.hour() + event.start.minute() / 60;
+        let endTime = event.end.hour() + event.end.minute() / 60;
+        if (endTime < startTime) {
+          endTime = 24;
+        }
+        const totalDuration = endTime - startTime;
+        const top = startTime / 24 * 100;
+        const height = totalDuration / 24 * 100;
+        processedEvents.push({ ...event, left: 0, width: 100, top, height });
+        continue;
+      }
+      const sortedEvents = [...cluster].sort((a, b) => {
+        const aDuration = a.end.diff(a.start, "minute");
+        const bDuration = b.end.diff(b.start, "minute");
+        if (aDuration !== bDuration) {
+          return bDuration - aDuration;
+        }
+        return a.start.diff(b.start);
+      });
+      const totalEvents = sortedEvents.length;
+      let maxOffset;
+      if (totalEvents === 2) {
+        maxOffset = 25;
+      } else if (totalEvents === 3) {
+        maxOffset = 50;
+      } else if (totalEvents === 4) {
+        maxOffset = 60;
+      } else {
+        maxOffset = 70;
+      }
+      const offsetPerEvent = totalEvents > 1 ? maxOffset / (totalEvents - 1) : 0;
+      for (let i = 0;i < sortedEvents.length; i++) {
+        const event = sortedEvents[i];
+        const startTime = event.start.hour() + event.start.minute() / 60;
+        let endTime = event.end.hour() + event.end.minute() / 60;
+        if (endTime < startTime) {
+          endTime = 24;
+        }
+        const totalDuration = endTime - startTime;
+        const top = startTime / 24 * 100;
+        const height = totalDuration / 24 * 100;
+        let left;
+        let width;
+        let zIndex;
+        if (i === 0) {
+          left = 0;
+          width = 100;
+          zIndex = 1;
+        } else {
+          left = offsetPerEvent * i;
+          width = 100 - left;
+          zIndex = i + 1;
+        }
+        processedEvents.push({
+          ...event,
+          left,
+          width,
+          top,
+          height,
+          zIndex
+        });
+      }
+    }
+    return processedEvents;
+  }, [day, getEventsForDateRange]);
+  return todayEvents;
+};
+
+// src/features/day-view/day-events-layer.tsx
+var jsx_dev_runtime33 = require("react/jsx-dev-runtime");
+var DayEventsLayer = ({
+  day,
+  "data-testid": dataTestId
+}) => {
+  const todayEvents = useProcessedDayEvents({ day });
+  return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV("div", {
+    "data-testid": dataTestId,
+    className: "pointer-events-none absolute inset-0 z-30",
+    children: todayEvents.map((event, index) => {
+      const veryVeryUniqueKey = `event-${event.id}-${index}-${day.format("YYYY-MM-DD")}`;
+      const isShortEvent = event.end.diff(event.start, "minute") <= 15;
+      return /* @__PURE__ */ jsx_dev_runtime33.jsxDEV("div", {
+        className: "absolute",
+        style: {
+          left: `${event.left}%`,
+          width: `calc(${event.width}% - var(--spacing) * 2)`,
+          top: `${event.top}%`,
+          height: `${event.height}%`
+        },
+        children: /* @__PURE__ */ jsx_dev_runtime33.jsxDEV(DraggableEvent, {
+          elementId: `draggable-${veryVeryUniqueKey}`,
+          event,
+          className: cn("pointer-events-auto absolute", {
+            "[&_p]:text-[10px] [&_p]:mt-0": isShortEvent
+          })
+        }, undefined, false, undefined, this)
+      }, `container-${veryVeryUniqueKey}`, false, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+};
+
+// src/features/week-view/week-day-col.tsx
+var jsx_dev_runtime34 = require("react/jsx-dev-runtime");
+var hours = Array.from({ length: 24 }, (_, i) => i).map((hour) => import_dayjs7.default().hour(hour).minute(0));
+var WeekDayCol = ({ day }) => {
+  return /* @__PURE__ */ jsx_dev_runtime34.jsxDEV("div", {
+    "data-testid": `week-day-col-${day.format("YYYY-MM-DD")}`,
+    className: "col-span-1 relative grid grid-rows-24 border-r",
+    children: [
+      hours.map((time) => {
+        const hour = time.hour();
+        const cellDate = day.format("YYYY-MM-DD");
+        return /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(DroppableCell, {
+          id: `time-cell-${cellDate}-${time.format("HH")}`,
+          type: "time-cell",
+          date: day,
+          hour,
+          "data-testid": `week-time-cell-${cellDate}-${time.format("HH")}`,
+          className: cn("hover:bg-accent relative z-20 h-[60px] cursor-pointer border-b")
+        }, `${cellDate}-${time.format("HH")}`, false, undefined, this);
+      }),
+      /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(DayEventsLayer, {
+        "data-testid": `week-day-events-${day.format("YYYY-MM-DD")}`,
+        day
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/features/week-view/week-time-grid.tsx
+var jsx_dev_runtime35 = require("react/jsx-dev-runtime");
+var hours2 = Array.from({ length: 24 }, (_, i) => i).map((hour) => import_dayjs8.default().hour(hour).minute(0));
+var WeekTimeGrid = () => {
+  const { currentDate, firstDayOfWeek } = useCalendarContext();
+  const startOfWeek = currentDate.startOf("week").day(firstDayOfWeek);
+  const adjustedStartOfWeek = currentDate.isBefore(startOfWeek) ? startOfWeek.subtract(1, "week") : startOfWeek;
+  const weekDays = [];
+  for (let i = 0;i < 7; i++) {
+    weekDays.push(adjustedStartOfWeek.add(i, "day"));
+  }
+  const todayIndex = weekDays.findIndex((day) => day.isSame(import_dayjs8.default(), "day"));
+  const isCurrentWeek = todayIndex !== -1;
+  return /* @__PURE__ */ jsx_dev_runtime35.jsxDEV("div", {
+    "data-testid": "week-time-grid",
+    className: "relative h-full grid grid-cols-[auto_repeat(7,1fr)] grid-rows-[repeat(24,minmax(60px, 1fr))]",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime35.jsxDEV("div", {
+        "data-testid": "week-time-labels",
+        className: "z-10 col-span-1 w-14 grid grid-rows-24 border-x",
+        children: hours2.map((time) => /* @__PURE__ */ jsx_dev_runtime35.jsxDEV("div", {
+          "data-testid": `week-time-hour-${time.format("HH")}`,
+          className: "h-[60px] border-b text-right",
+          children: /* @__PURE__ */ jsx_dev_runtime35.jsxDEV("span", {
+            className: "text-muted-foreground pr-2 text-right text-[10px] sm:text-xs",
+            children: time.format("h A")
+          }, undefined, false, undefined, this)
+        }, time.format("HH:mm"), false, undefined, this))
+      }, undefined, false, undefined, this),
+      weekDays.map((day) => /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(WeekDayCol, {
+        day
+      }, day.format("YYYY-MM-DD"), false, undefined, this)),
+      isCurrentWeek && /* @__PURE__ */ jsx_dev_runtime35.jsxDEV("div", {
+        "data-testid": "week-current-time-indicator",
+        className: "pointer-events-none absolute z-20",
+        style: {
+          top: `${(import_dayjs8.default().hour() + import_dayjs8.default().minute() / 60) * 60}px`,
+          left: `${todayIndex * (100 / 7)}%`,
+          width: `${100 / 7}%`
+        },
+        children: /* @__PURE__ */ jsx_dev_runtime35.jsxDEV("div", {
+          className: "w-full border-t border-red-500",
+          children: /* @__PURE__ */ jsx_dev_runtime35.jsxDEV("div", {
+            className: "-mt-1 ml-1 h-2 w-2 rounded-full bg-red-500"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/features/week-view/week-view.tsx
+var jsx_dev_runtime36 = require("react/jsx-dev-runtime");
+import_dayjs9.default.extend(import_weekOfYear2.default);
+var WeekView = () => {
+  return /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+    className: "flex h-full flex-col",
+    "data-testid": "week-view",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(WeekHeader, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(ScrollArea, {
+        className: "flex flex-1 overflow-auto",
+        "data-testid": "week-scroll-area",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(WeekAllDayRow, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(WeekTimeGrid, {}, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var week_view_default = WeekView;
+
+// src/features/day-view/day-view.tsx
+var import_dayjs12 = __toESM(require("dayjs"));
+var import_react16 = require("react");
+
+// src/features/day-view/day-all-day-row.tsx
+var import_react14 = require("react");
+var jsx_dev_runtime37 = require("react/jsx-dev-runtime");
+var DayAllDayRow = () => {
+  const { currentDate, getEventsForDate } = useCalendarContext();
+  const dayEvents = getEventsForDate(currentDate);
+  const { allDayEvents } = import_react14.useMemo(() => {
+    const allDayEvts = dayEvents.filter((event) => event.all_day);
+    const regularEvts = dayEvents.filter((event) => !event.all_day);
+    return { allDayEvents: allDayEvts, regularEvents: regularEvts };
+  }, [dayEvents]);
+  const { processedAllDayEvents } = import_react14.useMemo(() => {
+    const sortedEvents = [...allDayEvents].sort((a, b) => {
+      return a.start.diff(b.start);
+    });
+    const rows = [];
+    const processedEvents = [];
+    sortedEvents.forEach((event, rowIndex) => {
+      let placed = false;
+      while (!placed) {
+        if (rowIndex >= rows.length) {
+          rows.push([]);
+          placed = true;
+        } else {
+          placed = true;
+        }
+      }
+      rows[rowIndex].push({ event });
+      processedEvents.push({
+        ...event,
+        left: 0,
+        width: 100,
+        top: rowIndex * EVENT_BAR_HEIGHT,
+        height: EVENT_BAR_HEIGHT,
+        all_day: true
+      });
+    });
+    return {
+      processedAllDayEvents: processedEvents,
+      allDayRowsCount: Math.max(1, rows.length)
+    };
+  }, [allDayEvents]);
+  return /* @__PURE__ */ jsx_dev_runtime37.jsxDEV("div", {
+    "data-testid": "day-all-day-row",
+    className: "grid grid-cols-8 border-b border-x",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime37.jsxDEV("div", {
+        className: "col-span-2 flex shrink-0 items-center justify-end border-r pr-2 md:col-span-1",
+        children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV("span", {
+          className: "text-muted-foreground text-[10px] whitespace-nowrap sm:text-xs",
+          children: "All-day"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime37.jsxDEV("div", {
+        className: "relative col-span-6 md:col-span-7 ",
+        children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(DroppableCell, {
+          id: `all-day-${currentDate.format("YYYY-MM-DD")}`,
+          type: "day-cell",
+          date: currentDate,
+          className: "hover:bg-accent w-full cursor-pointer min-h-10 flex flex-col",
+          children: processedAllDayEvents.map((event, index) => {
+            return /* @__PURE__ */ jsx_dev_runtime37.jsxDEV("div", {
+              style: { height: EVENT_BAR_HEIGHT + "px" },
+              children: /* @__PURE__ */ jsx_dev_runtime37.jsxDEV(DraggableEvent, {
+                elementId: `all-day-${event.id}-${index}`,
+                event,
+                className: "overflow-clip text-xs",
+                style: { width: `calc(100% - var(--spacing) * 2)` }
+              }, undefined, false, undefined, this)
+            }, `all-day-${event.id}-${index}`, false, undefined, this);
+          })
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/features/day-view/day-header.tsx
+var import_react15 = require("motion/react");
+var import_dayjs10 = __toESM(require("dayjs"));
+var jsx_dev_runtime38 = require("react/jsx-dev-runtime");
+var DayHeader = () => {
+  const { currentDate, stickyHeader } = useCalendarContext();
+  const isToday = currentDate.isSame(import_dayjs10.default(), "day");
+  return /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("div", {
+    "data-testid": "day-header",
+    className: cn("flex items-center justify-center border-b p-2 border-x bg-background", stickyHeader && "sticky top-0 z-100 shadow"),
+    children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_react15.AnimatePresence, {
+      mode: "wait",
+      children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_react15.motion.div, {
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: -10 },
+        transition: { duration: 0.25, ease: "easeInOut" },
+        className: cn("flex items-center text-center text-base font-semibold sm:text-xl", isToday && "text-primary"),
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("span", {
+            className: "xs:inline hidden",
+            children: currentDate.format("dddd, ")
+          }, undefined, false, undefined, this),
+          currentDate.format("MMMM D, YYYY"),
+          isToday && /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("span", {
+            className: "bg-primary text-primary-foreground ml-2 rounded-full px-1 py-0.5 text-xs sm:px-2 sm:text-sm",
+            children: "Today"
+          }, undefined, false, undefined, this)
+        ]
+      }, currentDate.format("YYYY-MM-DD"), true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+
+// src/features/day-view/day-time-col.tsx
+var import_dayjs11 = __toESM(require("dayjs"));
+var jsx_dev_runtime39 = require("react/jsx-dev-runtime");
+var hours3 = Array.from({ length: 24 }, (_, i) => i).map((hour) => {
+  return import_dayjs11.default().hour(hour).minute(0);
+});
+var DayTimeCol = ({ className }) => {
+  return /* @__PURE__ */ jsx_dev_runtime39.jsxDEV("div", {
+    "data-testid": "day-time-col",
+    className: `col-span-2 h-full md:col-span-1 ${className}`,
+    children: hours3.map((time) => /* @__PURE__ */ jsx_dev_runtime39.jsxDEV("div", {
+      "data-testid": `day-time-hour-${time.format("HH")}`,
+      className: "h-[60px] border-b text-right",
+      children: /* @__PURE__ */ jsx_dev_runtime39.jsxDEV("span", {
+        className: "text-muted-foreground pr-2 text-right text-[10px] sm:text-xs",
+        children: time.format("h A")
+      }, undefined, false, undefined, this)
+    }, time.format("HH:mm"), false, undefined, this))
+  }, undefined, false, undefined, this);
+};
+
+// src/features/day-view/day-view.tsx
+var jsx_dev_runtime40 = require("react/jsx-dev-runtime");
+var DayView = () => {
+  const { currentDate } = useCalendarContext();
+  const hours4 = Array.from({ length: 24 }, (_, i) => i).map((hour) => {
+    return import_dayjs12.default().hour(hour).minute(0);
+  });
+  const timeSegments = [0, 15, 30, 45];
+  const isToday = currentDate.isSame(import_dayjs12.default(), "day");
+  const cellDate = currentDate.format("YYYY-MM-DD");
+  return /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+    "data-testid": "day-view",
+    className: "flex h-full flex-col",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(DayHeader, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(ScrollArea, {
+        "data-testid": "day-scroll-area",
+        className: "relative flex-1 overflow-y-auto",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(DayAllDayRow, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+            "data-testid": "day-time-grid",
+            className: "grid grid-cols-8 divide-x border-x",
+            style: { height: `${hours4.length * 60}px` },
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(DayTimeCol, {
+                className: "col-span-2 h-full md:col-span-1"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+                "data-testid": "day-events-column",
+                className: "relative col-span-6 h-full md:col-span-7",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+                    "data-testid": "day-background-grid",
+                    className: "absolute inset-0 z-0",
+                    children: hours4.map((hour, index) => /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+                      className: "h-[60px] border-b",
+                      children: timeSegments.slice(1).map((minutes) => /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+                        className: "border-border absolute w-full border-t border-dashed",
+                        style: { top: `${index * 60 + minutes}px` }
+                      }, `bg-${hour.format("HH")}-${minutes}`, false, undefined, this))
+                    }, `bg-${currentDate.format("YYYY-MM-DD")}-${hour.format("HH")}`, false, undefined, this))
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+                    "data-testid": "day-interactive-layer",
+                    className: "pointer-events-auto absolute inset-0 z-20",
+                    children: hours4.map((time) => {
+                      const hour = time.hour();
+                      return /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(import_react16.Fragment, {
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(DroppableCell, {
+                            id: `time-cell-${cellDate}-${time.format("HH")}-00`,
+                            type: "time-cell",
+                            date: currentDate,
+                            hour,
+                            minute: 0,
+                            className: cn("hover:bg-accent h-[15px] cursor-pointer")
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(DroppableCell, {
+                            id: `time-cell-${cellDate}-${time.format("HH")}-15`,
+                            type: "time-cell",
+                            date: currentDate,
+                            hour,
+                            minute: 15,
+                            className: "hover:bg-accent h-[15px] cursor-pointer"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(DroppableCell, {
+                            id: `time-cell-${cellDate}-${time.format("HH")}-30`,
+                            type: "time-cell",
+                            date: currentDate,
+                            hour,
+                            minute: 30,
+                            className: "hover:bg-accent h-[15px] cursor-pointer"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(DroppableCell, {
+                            id: `time-cell-${cellDate}-${time.format("HH")}-45`,
+                            type: "time-cell",
+                            date: currentDate,
+                            hour,
+                            minute: 45,
+                            className: "hover:bg-accent h-[15px] cursor-pointer"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, `${cellDate}-${time.format("HH")}`, true, undefined, this);
+                    })
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(DayEventsLayer, {
+                    day: currentDate
+                  }, undefined, false, undefined, this),
+                  isToday && /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+                    "data-testid": "day-current-time-indicator",
+                    className: "absolute right-0 left-0 z-40 border-t border-red-500",
+                    style: {
+                      top: `${(import_dayjs12.default().hour() + import_dayjs12.default().minute() / 60) * 60}px`
+                    },
+                    children: /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+                      className: "-mt-1 -ml-1 h-2 w-2 rounded-full bg-red-500"
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var day_view_default = DayView;
+
+// src/components/event-form/event-form.tsx
+var import_dayjs13 = __toESM(require("dayjs"));
+var import_react17 = require("react");
+var jsx_dev_runtime41 = require("react/jsx-dev-runtime");
+var colorOptions = [
+  { value: "bg-blue-100 text-blue-800", label: "Blue" },
+  { value: "bg-green-100 text-green-800", label: "Green" },
+  { value: "bg-purple-100 text-purple-800", label: "Purple" },
+  { value: "bg-red-100 text-red-800", label: "Red" },
+  { value: "bg-yellow-100 text-yellow-800", label: "Yellow" },
+  { value: "bg-pink-100 text-pink-800", label: "Pink" },
+  { value: "bg-indigo-100 text-indigo-800", label: "Indigo" },
+  { value: "bg-amber-100 text-amber-800", label: "Amber" },
+  { value: "bg-emerald-100 text-emerald-800", label: "Emerald" },
+  { value: "bg-sky-100 text-sky-800", label: "Sky" },
+  { value: "bg-violet-100 text-violet-800", label: "Violet" },
+  { value: "bg-rose-100 text-rose-800", label: "Rose" },
+  { value: "bg-teal-100 text-teal-800", label: "Teal" },
+  { value: "bg-orange-100 text-orange-800", label: "Orange" }
+];
+var EventForm = ({
+  selectedEvent,
+  selectedDate,
+  onClose,
+  onUpdate,
+  onDelete,
+  onAdd
+}) => {
+  const start = selectedEvent?.originalStart ?? selectedEvent?.start;
+  const end = selectedEvent?.originalEnd ?? selectedEvent?.end;
+  const defaultStartDate = selectedDate?.toDate() || new Date;
+  const defaultEndDate = selectedDate?.add(1, "hour").toDate() || import_dayjs13.default().add(1, "hour").toDate();
+  const [startDate, setStartDate] = import_react17.useState(start?.toDate() || defaultStartDate);
+  const [endDate, setEndDate] = import_react17.useState(end?.toDate() || defaultEndDate);
+  const [isAllDay, setIsAllDay] = import_react17.useState(selectedEvent?.all_day || false);
+  const [selectedColor, setSelectedColor] = import_react17.useState(selectedEvent?.color || colorOptions[0].value);
+  const [startTime, setStartTime] = import_react17.useState(selectedEvent ? selectedEvent.start.format("HH:mm") : import_dayjs13.default(defaultStartDate).format("HH:mm"));
+  const [endTime, setEndTime] = import_react17.useState(selectedEvent ? selectedEvent.end.format("HH:mm") : import_dayjs13.default(defaultEndDate).format("HH:mm"));
+  const [formValues, setFormValues] = import_react17.useState({
+    title: selectedEvent?.title || "",
+    description: selectedEvent?.description || "",
+    location: selectedEvent?.location || ""
+  });
+  const handleStartDateChange = (date) => {
+    if (date)
+      setStartDate(date);
+  };
+  const handleEndDateChange = (date) => {
+    if (date)
+      setEndDate(date);
+  };
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormValues((prev) => ({ ...prev, [name]: value }));
+  };
+  const handleTimeChange = (e, isStart) => {
+    const timeValue = e.target.value;
+    if (isStart) {
+      setStartTime(timeValue);
+    } else {
+      setEndTime(timeValue);
+    }
+  };
+  import_react17.useEffect(() => {
+    if (isAllDay) {
+      setEndTime("23:59");
+    }
+  }, [isAllDay]);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    const [startHours, startMinutes] = startTime.split(":").map(Number);
+    const [endHours, endMinutes] = endTime.split(":").map(Number);
+    let startDateTime = import_dayjs13.default(startDate).hour(startHours).minute(startMinutes);
+    let endDateTime = import_dayjs13.default(endDate).hour(endHours).minute(endMinutes);
+    if (isAllDay) {
+      startDateTime = startDateTime.hour(0).minute(0);
+      endDateTime = endDateTime.hour(23).minute(59);
+    }
+    const eventData = {
+      id: selectedEvent?.id || import_dayjs13.default().format("YYYYMMDDHHmmss"),
+      title: formValues.title,
+      start: startDateTime,
+      end: endDateTime,
+      description: formValues.description,
+      location: formValues.location,
+      all_day: isAllDay,
+      color: selectedColor
+    };
+    if (selectedEvent.id) {
+      onUpdate?.(eventData);
+    } else {
+      onAdd?.(eventData);
+    }
+    onClose();
+  };
+  const handleDelete = () => {
+    if (selectedEvent.id) {
+      onDelete?.(selectedEvent);
+      onClose();
+    }
+  };
+  import_react17.useEffect(() => {
+    if (import_dayjs13.default(startDate).isAfter(import_dayjs13.default(endDate))) {
+      setEndDate(startDate);
+    }
+  }, [startDate, endDate]);
+  return /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Dialog, {
+    open: true,
+    onOpenChange: onClose,
+    children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(DialogContent, {
+      className: "w-[90vw] max-w-[500px] p-4 sm:p-6",
+      children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("form", {
+        onSubmit: handleSubmit,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(DialogHeader, {
+            className: "mb-2 sm:mb-4",
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(DialogTitle, {
+                className: "text-base sm:text-lg",
+                children: selectedEvent.id ? "Edit Event" : "Create Event"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(DialogDescription, {
+                className: "text-xs sm:text-sm",
+                children: selectedEvent.id ? "Edit your event details" : "Add a new event to your calendar"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+            className: "grid gap-3 py-2 sm:gap-4 sm:py-4",
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                className: "grid gap-2",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Label2, {
+                    htmlFor: "title",
+                    className: "text-xs sm:text-sm",
+                    children: "Title"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Input, {
+                    id: "title",
+                    name: "title",
+                    value: formValues.title,
+                    onChange: handleInputChange,
+                    placeholder: "Event title",
+                    required: true,
+                    autoFocus: true,
+                    className: "h-8 text-sm sm:h-9"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                className: "flex items-center space-x-2",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Checkbox, {
+                    id: "all_day",
+                    checked: isAllDay,
+                    onCheckedChange: (checked) => setIsAllDay(checked === true)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Label2, {
+                    htmlFor: "all_day",
+                    className: "text-xs sm:text-sm",
+                    children: "All day"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                className: "grid grid-cols-2 gap-2 sm:gap-4",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Label2, {
+                        className: "text-xs sm:text-sm",
+                        children: "Start Date"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(DatePicker, {
+                        date: startDate,
+                        setDate: handleStartDateChange,
+                        className: "mt-1",
+                        closeOnSelect: true
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Label2, {
+                        className: "text-xs sm:text-sm",
+                        children: "End Date"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(DatePicker, {
+                        date: endDate,
+                        setDate: handleEndDateChange,
+                        className: "mt-1",
+                        closeOnSelect: true
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              !isAllDay && /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                className: "grid grid-cols-2 gap-2 sm:gap-4",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Label2, {
+                        htmlFor: "start-time",
+                        className: "text-xs sm:text-sm",
+                        children: "Start Time"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Input, {
+                        id: "start-time",
+                        type: "time",
+                        value: startTime,
+                        onChange: (e) => handleTimeChange(e, true),
+                        className: "mt-1 h-8 text-sm sm:h-9"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Label2, {
+                        htmlFor: "end-time",
+                        className: "text-xs sm:text-sm",
+                        children: "End Time"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Input, {
+                        id: "end-time",
+                        type: "time",
+                        value: endTime,
+                        onChange: (e) => handleTimeChange(e, false),
+                        className: "mt-1 h-8 text-sm sm:h-9"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                className: "grid gap-1 sm:gap-2",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Label2, {
+                    className: "text-xs sm:text-sm",
+                    children: "Color"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                    className: "flex flex-wrap gap-2",
+                    children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(TooltipProvider, {
+                      children: colorOptions.map((color) => /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Tooltip, {
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(TooltipTrigger, {
+                            asChild: true,
+                            children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Button, {
+                              variant: "ghost",
+                              type: "button",
+                              className: cn(`${color.value} h-6 w-6 rounded-full sm:h-8 sm:w-8`, selectedColor === color.value && "ring-2 ring-black ring-offset-1 sm:ring-offset-2"),
+                              onClick: () => setSelectedColor(color.value),
+                              "aria-label": color.label
+                            }, color.value, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(TooltipContent, {
+                            children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("p", {
+                              className: "text-xs sm:text-sm",
+                              children: color.label
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, color.value, true, undefined, this))
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                className: "grid gap-1 sm:gap-2",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Label2, {
+                    htmlFor: "location",
+                    className: "text-xs sm:text-sm",
+                    children: "Location"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Input, {
+                    id: "location",
+                    name: "location",
+                    value: formValues.location,
+                    onChange: handleInputChange,
+                    placeholder: "Event location (optional)",
+                    className: "h-8 text-sm sm:h-9"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                className: "grid gap-1 sm:gap-2",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Label2, {
+                    htmlFor: "description",
+                    className: "text-xs sm:text-sm",
+                    children: "Description"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Input, {
+                    id: "description",
+                    name: "description",
+                    value: formValues.description,
+                    onChange: handleInputChange,
+                    placeholder: "Event description (optional)",
+                    className: "h-8 text-sm sm:h-9"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(DialogFooter, {
+            className: "mt-2 flex flex-col-reverse gap-2 sm:mt-4 sm:flex-row sm:gap-0",
+            children: [
+              selectedEvent.id && /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Button, {
+                type: "button",
+                variant: "destructive",
+                onClick: handleDelete,
+                className: "w-full sm:mr-auto sm:w-auto",
+                size: "sm",
+                children: "Delete"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+                className: "flex w-full gap-2 sm:w-auto",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Button, {
+                    type: "button",
+                    variant: "outline",
+                    onClick: onClose,
+                    className: "flex-1 sm:flex-none",
+                    size: "sm",
+                    children: "Cancel"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime41.jsxDEV(Button, {
+                    type: "submit",
+                    className: "flex-1 sm:flex-none",
+                    size: "sm",
+                    children: selectedEvent.id ? "Update" : "Create"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+
+// src/components/header/base-header.tsx
+var import_lucide_react11 = require("lucide-react");
+var import_react20 = require("react");
+
+// src/components/header/title-content.tsx
+var import_dayjs14 = __toESM(require("dayjs"));
+var import_react18 = require("motion/react");
+var import_lucide_react9 = require("lucide-react");
+var import_react19 = require("react");
+var jsx_dev_runtime42 = require("react/jsx-dev-runtime");
+var months = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var animationVariants = {
+  initial: { opacity: 0, y: 10 },
+  animate: { opacity: 1, y: 0 },
+  exit: { opacity: 0, y: -10 }
+};
+var TitleContent = () => {
+  const { currentDate, view, setCurrentDate } = useCalendarContext();
+  const [monthPopoverOpen, setMonthPopoverOpen] = import_react19.useState(false);
+  const [yearPopoverOpen, setYearPopoverOpen] = import_react19.useState(false);
+  const [weekPopoverOpen, setWeekPopoverOpen] = import_react19.useState(false);
+  const [dayPopoverOpen, setDayPopoverOpen] = import_react19.useState(false);
+  const currentYear = currentDate.year();
+  const years = Array.from({ length: 11 }, (_, i) => currentYear - 5 + i);
+  const handleMonthChange = (month) => {
+    const newDate = currentDate.month(month);
+    setCurrentDate(newDate);
+    setMonthPopoverOpen(false);
+  };
+  const handleYearChange = (year) => {
+    const newDate = currentDate.year(year);
+    setCurrentDate(newDate);
+    setYearPopoverOpen(false);
+  };
+  return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(jsx_dev_runtime42.Fragment, {
+    children: [
+      view !== "year" && /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Popover, {
+        open: monthPopoverOpen,
+        onOpenChange: setMonthPopoverOpen,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PopoverTrigger, {
+            asChild: true,
+            children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Button, {
+              variant: "ghost",
+              className: "flex items-center gap-1 px-2 font-semibold",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_react18.AnimatePresence, {
+                  mode: "wait",
+                  children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_react18.motion.span, {
+                    initial: "initial",
+                    animate: "animate",
+                    exit: "exit",
+                    variants: animationVariants,
+                    transition: { duration: 0.25, ease: "easeInOut" },
+                    children: currentDate.format("MMMM")
+                  }, `month-${currentDate.month()}`, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_lucide_react9.ChevronDown, {
+                  className: "h-4 w-4"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PopoverContent, {
+            className: "w-40 p-0",
+            children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("div", {
+              className: "flex max-h-60 flex-col overflow-auto",
+              children: months.map((month, index) => /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Button, {
+                variant: "ghost",
+                className: cn("justify-start font-normal", currentDate.month() === index && "bg-primary/10"),
+                onClick: () => handleMonthChange(index),
+                children: month
+              }, month, false, undefined, this))
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Popover, {
+        open: yearPopoverOpen,
+        onOpenChange: setYearPopoverOpen,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PopoverTrigger, {
+            asChild: true,
+            children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Button, {
+              variant: "ghost",
+              className: "flex items-center gap-1 px-2 font-semibold",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_react18.AnimatePresence, {
+                  mode: "wait",
+                  children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_react18.motion.span, {
+                    initial: "initial",
+                    animate: "animate",
+                    exit: "exit",
+                    variants: animationVariants,
+                    transition: { duration: 0.25, ease: "easeInOut" },
+                    children: currentDate.format("YYYY")
+                  }, `year-${currentDate.year()}`, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_lucide_react9.ChevronDown, {
+                  className: "h-4 w-4"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PopoverContent, {
+            className: "w-24 p-0",
+            children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("div", {
+              className: "flex max-h-60 flex-col overflow-auto",
+              children: years.map((year) => /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Button, {
+                variant: "ghost",
+                className: cn("justify-start font-normal", currentDate.year() === year && "bg-primary/10"),
+                onClick: () => handleYearChange(year),
+                children: year
+              }, year, false, undefined, this))
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      view === "week" && /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Popover, {
+        open: weekPopoverOpen,
+        onOpenChange: setWeekPopoverOpen,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PopoverTrigger, {
+            asChild: true,
+            children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Button, {
+              variant: "ghost",
+              className: "flex items-center gap-1 px-2 font-semibold",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_react18.AnimatePresence, {
+                  mode: "wait",
+                  children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_react18.motion.span, {
+                    initial: "initial",
+                    animate: "animate",
+                    exit: "exit",
+                    variants: animationVariants,
+                    transition: { duration: 0.25, ease: "easeInOut" },
+                    children: `${currentDate.startOf("week").format("MMM D")} - ${currentDate.endOf("week").format("MMM D")}`
+                  }, `week-range-${currentDate.format("YYYY-MM-DD")}`, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_lucide_react9.ChevronDown, {
+                  className: "ml-1 h-3 w-3 opacity-70"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PopoverContent, {
+            className: "w-56 p-0",
+            children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("div", {
+              className: "flex max-h-60 flex-col overflow-auto",
+              children: Array.from({ length: 7 }, (_, i) => {
+                const weekDate = currentDate.subtract(3, "week").add(i, "week");
+                const startOfWeek = weekDate.startOf("week");
+                const endOfWeek = weekDate.endOf("week");
+                const isCurrentWeek = weekDate.isSame(currentDate, "week");
+                return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Button, {
+                  variant: "ghost",
+                  className: cn("justify-start font-normal", isCurrentWeek && "bg-primary/10"),
+                  onClick: () => {
+                    setCurrentDate(startOfWeek);
+                    setWeekPopoverOpen(false);
+                  },
+                  children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("div", {
+                    className: "flex w-full items-center justify-between",
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("span", {
+                        children: `${startOfWeek.format("MMM D")} - ${endOfWeek.format("D")}`
+                      }, undefined, false, undefined, this),
+                      startOfWeek.month() !== endOfWeek.month() && /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("span", {
+                        className: "text-xs opacity-70",
+                        children: `${startOfWeek.format("MMM")}-${endOfWeek.format("MMM")}`
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, startOfWeek.format("YYYY-MM-DD"), false, undefined, this);
+              })
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      view === "day" && /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Popover, {
+        open: dayPopoverOpen,
+        onOpenChange: setDayPopoverOpen,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PopoverTrigger, {
+            asChild: true,
+            children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Button, {
+              variant: "ghost",
+              className: "flex items-center gap-1 px-2 font-semibold",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_react18.AnimatePresence, {
+                  mode: "wait",
+                  children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_react18.motion.span, {
+                    initial: "initial",
+                    animate: "animate",
+                    exit: "exit",
+                    variants: animationVariants,
+                    transition: { duration: 0.25, ease: "easeInOut" },
+                    children: currentDate.format("dddd, D")
+                  }, `day-info-${currentDate.format("YYYY-MM-DD")}`, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_lucide_react9.ChevronDown, {
+                  className: "ml-1 h-3 w-3 opacity-70"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PopoverContent, {
+            className: "w-56 p-0",
+            children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("div", {
+              className: "flex max-h-60 flex-col overflow-auto",
+              children: (() => {
+                const firstDayOfMonth = currentDate.startOf("month");
+                const daysInMonth = currentDate.daysInMonth();
+                return Array.from({ length: daysInMonth }, (_, i) => {
+                  const dayDate = firstDayOfMonth.date(i + 1);
+                  const isCurrentDay = dayDate.isSame(currentDate, "day");
+                  const isToday = dayDate.isSame(import_dayjs14.default(), "day");
+                  return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Button, {
+                    variant: "ghost",
+                    className: cn("justify-start font-normal", isCurrentDay && "bg-primary/10"),
+                    onClick: () => {
+                      setCurrentDate(dayDate);
+                      setDayPopoverOpen(false);
+                    },
+                    children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("div", {
+                      className: "flex w-full items-center justify-between",
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("span", {
+                          children: dayDate.format("dddd, MMM D")
+                        }, undefined, false, undefined, this),
+                        isToday && /* @__PURE__ */ jsx_dev_runtime42.jsxDEV("span", {
+                          className: "bg-primary text-primary-foreground rounded-sm px-1 text-xs",
+                          children: "Today"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  }, dayDate.format("YYYY-MM-DD"), false, undefined, this);
+                });
+              })()
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var title_content_default = TitleContent;
+
+// src/components/header/view-controls.tsx
+var import_lucide_react10 = require("lucide-react");
+var jsx_dev_runtime43 = require("react/jsx-dev-runtime");
+var ViewControls = ({
+  currentView,
+  onChange,
+  variant = "default",
+  size = "sm",
+  className,
+  onToday,
+  onNext,
+  onPrevious
+}) => {
+  const isGrid = variant === "grid";
+  const getButtonClassName = (viewType) => {
+    return cn(isGrid ? "w-full" : "", viewType === "year" ? isGrid ? "w-full" : "hidden md:inline-flex" : "", currentView === viewType && "bg-primary/80");
+  };
+  const getBtnVariant = (viewType) => {
+    return currentView === viewType ? "default" : "outline";
+  };
+  return /* @__PURE__ */ jsx_dev_runtime43.jsxDEV("div", {
+    className: cn(isGrid ? "grid grid-cols-2 gap-2" : "flex gap-1", className),
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(Button, {
+        onClick: onPrevious,
+        variant: "outline",
+        size,
+        children: /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(import_lucide_react10.ChevronLeft, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(Button, {
+        onClick: onNext,
+        variant: "outline",
+        size,
+        children: /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(import_lucide_react10.ChevronRight, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(Button, {
+        onClick: () => onChange("day"),
+        variant: getBtnVariant("day"),
+        size,
+        className: getButtonClassName("day"),
+        children: "Day"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(Button, {
+        onClick: () => onChange("week"),
+        variant: getBtnVariant("week"),
+        size,
+        className: getButtonClassName("week"),
+        children: "Week"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(Button, {
+        onClick: () => onChange("month"),
+        variant: getBtnVariant("month"),
+        size,
+        className: getButtonClassName("month"),
+        children: "Month"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(Button, {
+        onClick: () => onChange("year"),
+        variant: getBtnVariant("year"),
+        size,
+        className: getButtonClassName("year"),
+        children: "Year"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(Button, {
+        onClick: onToday,
+        variant: "outline",
+        size,
+        children: "Today"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var view_controls_default = ViewControls;
+
+// src/components/header/base-header.tsx
+var jsx_dev_runtime44 = require("react/jsx-dev-runtime");
+var Header2 = () => {
+  const {
+    currentDate,
+    view,
+    setView,
+    nextPeriod,
+    prevPeriod,
+    today,
+    openEventForm
+  } = useCalendarContext();
+  const [mobilePopoverOpen, setMobilePopoverOpen] = import_react20.useState(false);
+  const handleViewChange = (newView, closePopover = false) => {
+    setView(newView);
+    if (closePopover) {
+      setMobilePopoverOpen(false);
+    }
+  };
+  const handleNavigation = {
+    today: () => {
+      today();
+      setMobilePopoverOpen(false);
+    },
+    previous: () => {
+      prevPeriod();
+      setMobilePopoverOpen(false);
+    },
+    next: () => {
+      nextPeriod();
+      setMobilePopoverOpen(false);
+    }
+  };
+  const NewEventButton = import_react20.useCallback(() => /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("div", {
+    className: "flex items-center gap-2",
+    children: /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(Button, {
+      onClick: () => openEventForm(currentDate),
+      variant: "default",
+      size: "sm",
+      className: "flex items-center gap-1",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(import_lucide_react11.Plus, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("span", {
+          className: "hidden md:inline",
+          children: "New Event"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("span", {
+          className: "md:hidden",
+          children: "New"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this), [currentDate, openEventForm]);
+  return /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(jsx_dev_runtime44.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("div", {
+      className: "@container grid grid-cols-12 items-center gap-2 border-b p-2 sm:p-4",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("div", {
+          className: "col-span-12 flex flex-wrap items-center justify-center gap-2 @4xl:col-span-5 @4xl:justify-start",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(import_lucide_react11.Calendar, {
+              className: "h-5 w-5"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(title_content_default, {}, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("div", {
+          className: "col-span-12 flex flex-wrap justify-center gap-1 @4xl:col-span-7 @4xl:justify-end",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("div", {
+              className: "hidden items-center justify-end gap-1 sm:flex",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(view_controls_default, {
+                  currentView: view,
+                  onChange: setView,
+                  onToday: today,
+                  onNext: nextPeriod,
+                  onPrevious: prevPeriod,
+                  variant: "default",
+                  className: "justify-end"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(NewEventButton, {}, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("div", {
+              className: "flex items-center justify-end gap-1 sm:hidden",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(NewEventButton, {}, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(Popover, {
+                  open: mobilePopoverOpen,
+                  onOpenChange: setMobilePopoverOpen,
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(PopoverTrigger, {
+                      asChild: true,
+                      children: /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(Button, {
+                        variant: "outline",
+                        size: "sm",
+                        children: /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(import_lucide_react11.Menu, {
+                          className: "h-4 w-4"
+                        }, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(PopoverContent, {
+                      align: "end",
+                      className: "w-[240px] p-2",
+                      children: /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("div", {
+                        className: "space-y-2",
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime44.jsxDEV("h3", {
+                            className: "mb-1 text-sm font-medium",
+                            children: "View & Navigation"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(view_controls_default, {
+                            currentView: view,
+                            onChange: (newView) => handleViewChange(newView, true),
+                            onToday: handleNavigation.today,
+                            onNext: handleNavigation.next,
+                            onPrevious: handleNavigation.previous,
+                            variant: "grid"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+};
+var base_header_default = Header2;
+// src/features/year-view/year-view.tsx
+var import_dayjs15 = __toESM(require("dayjs"));
+var import_react21 = require("motion/react");
+var jsx_dev_runtime45 = require("react/jsx-dev-runtime");
+var YearView = () => {
+  const { currentDate, selectDate, events, setView, getEventsForDate } = useCalendarContext();
+  const year = currentDate.year();
+  const months2 = Array.from({ length: 12 }, (_, i) => {
+    const monthDate = import_dayjs15.default().year(year).month(i).startOf("month");
+    return {
+      date: monthDate,
+      name: monthDate.format("MMMM"),
+      daysInMonth: monthDate.daysInMonth(),
+      firstDayOfMonth: monthDate.startOf("month").day()
+    };
+  });
+  const monthsWithEventCount = months2.map((month) => {
+    const eventsInMonth = events.filter((event) => event.start.year() === year && event.start.month() === month.date.month());
+    return {
+      ...month,
+      eventCount: eventsInMonth.length
+    };
+  });
+  const handleMonthClick = (date) => {
+    selectDate(date);
+    setView("month");
+  };
+  const handleDayClick = (date, event) => {
+    event.stopPropagation();
+    selectDate(date);
+    setView("day");
+  };
+  const renderMiniCalendar = (month) => {
+    const firstDayOfCalendar = month.date.startOf("month").startOf("week");
+    const daysArray = Array.from({ length: 42 }, (_, i) => {
+      const day = firstDayOfCalendar.add(i, "day");
+      const isCurrentMonth = day.month() === month.date.month();
+      const isToday = day.isSame(import_dayjs15.default(), "day");
+      const isCurrentDate = day.isSame(currentDate, "day");
+      const dayEvents = getEventsForDate(day);
+      const hasEvents = dayEvents.length > 0;
+      return {
+        day,
+        isCurrentMonth,
+        isToday,
+        isCurrentDate,
+        hasEvents,
+        eventCount: dayEvents.length,
+        events: dayEvents
+      };
+    });
+    return /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("div", {
+      "data-testid": `year-mini-calendar-${month.date.format("MM")}`,
+      className: "grid grid-cols-7 gap-[1px] text-[0.6rem]",
+      children: [
+        ["S", "M", "T", "W", "T", "F", "S"].map((dayName, i) => /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("div", {
+          className: "text-muted-foreground h-3 text-center",
+          children: dayName
+        }, `header-${i}`, false, undefined, this)),
+        daysArray.map((dayInfo, i) => /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("div", {
+          "data-testid": `year-day-${dayInfo.day.format("YYYY-MM-DD")}`,
+          onClick: (e) => handleDayClick(dayInfo.day, e),
+          className: cn("relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center", "hover:bg-accent rounded-sm transition-colors duration-200", !dayInfo.isCurrentMonth && "text-muted-foreground opacity-50", dayInfo.isToday && "bg-primary text-primary-foreground rounded-full", dayInfo.isCurrentDate && !dayInfo.isToday && "bg-muted rounded-full font-bold", dayInfo.hasEvents && !dayInfo.isToday && !dayInfo.isCurrentDate && "font-medium"),
+          title: dayInfo.hasEvents ? `${dayInfo.eventCount} event${dayInfo.eventCount > 1 ? "s" : ""}` : "",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("span", {
+              className: "text-center leading-none",
+              children: dayInfo.day.date()
+            }, undefined, false, undefined, this),
+            dayInfo.hasEvents && /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("div", {
+              className: cn("absolute bottom-0 flex w-full justify-center space-x-[1px]", dayInfo.isToday ? "bottom-[1px]" : ""),
+              children: [
+                dayInfo.eventCount > 0 && /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("span", {
+                  className: cn("h-[3px] w-[3px] rounded-full", dayInfo.isToday ? "bg-primary-foreground" : "bg-primary")
+                }, undefined, false, undefined, this),
+                dayInfo.eventCount > 1 && /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("span", {
+                  className: cn("h-[3px] w-[3px] rounded-full", dayInfo.isToday ? "bg-primary-foreground" : "bg-blue-500")
+                }, undefined, false, undefined, this),
+                dayInfo.eventCount > 2 && /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("span", {
+                  className: cn("h-[3px] w-[3px] rounded-full", dayInfo.isToday ? "bg-primary-foreground" : "bg-green-500")
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, `day-${i}`, true, undefined, this))
+      ]
+    }, undefined, true, undefined, this);
+  };
+  return /* @__PURE__ */ jsx_dev_runtime45.jsxDEV(ScrollArea, {
+    "data-testid": "year-view",
+    className: "h-full",
+    children: /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("div", {
+      "data-testid": "year-grid",
+      className: "grid auto-rows-fr grid-cols-1 gap-4 p-4 sm:grid-cols-2 lg:grid-cols-3",
+      children: monthsWithEventCount.map((month, index) => /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("div", {
+        "data-testid": `year-month-${month.date.format("MM")}`,
+        onClick: () => handleMonthClick(month.date),
+        className: "hover:border-primary flex cursor-pointer flex-col rounded-lg border p-3 transition-all duration-200 hover:scale-[1.01] hover:shadow-md",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime45.jsxDEV(import_react21.AnimatePresence, {
+            mode: "wait",
+            children: /* @__PURE__ */ jsx_dev_runtime45.jsxDEV(import_react21.motion.div, {
+              initial: { opacity: 0, y: -10 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: -10 },
+              transition: {
+                duration: 0.25,
+                ease: "easeInOut",
+                delay: index * 0.05
+              },
+              className: "mb-2 flex items-center justify-between",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("h3", {
+                  "data-testid": `year-month-title-${month.date.format("MM")}`,
+                  className: "text-lg font-medium",
+                  children: month.name
+                }, undefined, false, undefined, this),
+                month.eventCount > 0 && /* @__PURE__ */ jsx_dev_runtime45.jsxDEV("span", {
+                  "data-testid": `year-month-event-count-${month.date.format("MM")}`,
+                  className: "bg-primary text-primary-foreground rounded-full px-2 py-1 text-xs",
+                  children: [
+                    month.eventCount,
+                    " ",
+                    month.eventCount === 1 ? "event" : "events"
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, `month-${index}`, true, undefined, this)
+          }, undefined, false, undefined, this),
+          renderMiniCalendar(month)
+        ]
+      }, month.name, true, undefined, this))
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+var year_view_default = YearView;
+
+// src/components/ilamy-calendar/ilamy-calendar.tsx
+var import_react24 = require("motion/react");
+
+// src/features/drag-and-drop/calendar-dnd-context.tsx
+var import_core3 = require("@dnd-kit/core");
+var import_dayjs16 = __toESM(require("dayjs"));
+var import_react22 = __toESM(require("react"));
+var import_modifiers = require("@dnd-kit/modifiers");
+var jsx_dev_runtime46 = require("react/jsx-dev-runtime");
+function CalendarDndContext({ children }) {
+  const { updateEvent, view, disableDragAndDrop } = useCalendarContext();
+  const [activeEvent, setActiveEvent] = import_react22.default.useState(null);
+  const mouseSensor = import_core3.useSensor(import_core3.MouseSensor, {
+    activationConstraint: {
+      distance: 2
+    }
+  });
+  const touchSensor = import_core3.useSensor(import_core3.TouchSensor, {
+    activationConstraint: {
+      delay: 100,
+      tolerance: 5
+    }
+  });
+  const sensors = import_core3.useSensors(mouseSensor, touchSensor);
+  const handleDragStart = (event) => {
+    const { active } = event;
+    if (active.data.current?.type === "calendar-event") {
+      setActiveEvent(active.data.current.event);
+    }
+  };
+  const handleDragEnd = (event) => {
+    const { active, over } = event;
+    if (!active || !over || !activeEvent) {
+      setActiveEvent(null);
+      return;
+    }
+    if (over.data.current?.type === "time-cell") {
+      const { date, hour = 0, minute = 0 } = over.data.current;
+      const originalStart = activeEvent.originalStart ?? activeEvent.start;
+      const originalEnd = activeEvent.originalEnd ?? activeEvent.end;
+      const durationMinutes = originalEnd.diff(originalStart, "minute");
+      const newStart = import_dayjs16.default(date).hour(hour).minute(minute || 0);
+      let newEnd = newStart.add(durationMinutes, "minute");
+      if (newEnd.isSame(newEnd.startOf("day"))) {
+        newEnd = newEnd.subtract(1, "day").endOf("day");
+      }
+      updateEvent(activeEvent.id, {
+        start: newStart,
+        end: newEnd
+      });
+    } else if (over.data.current?.type === "day-cell") {
+      const { date } = over.data.current;
+      const newDate = import_dayjs16.default(date);
+      const isMultiDayEvent = !activeEvent.start.isSame(activeEvent.end, "day");
+      const originalStart = activeEvent.originalStart ?? activeEvent.start;
+      const originalEnd = activeEvent.originalEnd ?? activeEvent.end;
+      if (isMultiDayEvent) {
+        if (view === "week") {
+          const startHour = originalStart.hour();
+          const startMinute = originalStart.minute();
+          const endHour = originalEnd.hour();
+          const endMinute = originalEnd.minute();
+          const durationDays = originalEnd.diff(originalStart, "day");
+          const newStart = newDate.startOf("day").hour(startHour).minute(startMinute);
+          const newEnd = newStart.add(durationDays, "day").hour(endHour).minute(endMinute);
+          updateEvent(activeEvent.id, {
+            start: newStart,
+            end: newEnd,
+            originalStart: undefined,
+            originalEnd: undefined
+          });
+        } else {
+          const daysDifference = newDate.diff(originalStart.startOf("day"), "day");
+          const newStart = originalStart.add(daysDifference, "day");
+          const newEnd = originalEnd.add(daysDifference, "day");
+          updateEvent(activeEvent.id, {
+            start: newStart,
+            end: newEnd,
+            originalStart: undefined,
+            originalEnd: undefined
+          });
+        }
+      } else {
+        const newStart = newDate.hour(activeEvent.start.hour()).minute(activeEvent.start.minute());
+        const durationMinutes = activeEvent.end.diff(activeEvent.start, "minute");
+        const newEnd = newStart.add(durationMinutes, "minute");
+        updateEvent(activeEvent.id, {
+          start: newStart,
+          end: newEnd,
+          originalStart: undefined,
+          originalEnd: undefined
+        });
+      }
+    }
+    setActiveEvent(null);
+  };
+  const handleDragCancel = (_event) => {
+    setActiveEvent(null);
+  };
+  if (disableDragAndDrop) {
+    return children;
+  }
+  return /* @__PURE__ */ jsx_dev_runtime46.jsxDEV(import_core3.DndContext, {
+    sensors,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd,
+    onDragCancel: handleDragCancel,
+    collisionDetection: import_core3.pointerWithin,
+    children: [
+      children,
+      /* @__PURE__ */ jsx_dev_runtime46.jsxDEV(import_core3.DragOverlay, {
+        modifiers: [import_modifiers.snapCenterToCursor],
+        children: activeEvent && /* @__PURE__ */ jsx_dev_runtime46.jsxDEV("div", {
+          className: cn("cursor-grab truncate rounded bg-amber-200 p-2 text-[10px] shadow-lg sm:text-xs", activeEvent.backgroundColor || "bg-blue-500", activeEvent.color || "text-white"),
+          children: activeEvent?.title
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/contexts/calendar-context/provider.tsx
+var import_dayjs17 = __toESM(require("dayjs"));
+var import_react23 = require("react");
+var jsx_dev_runtime47 = require("react/jsx-dev-runtime");
+var CalendarProvider = ({
+  children,
+  initialEvents = [],
+  firstDayOfWeek = 0,
+  renderEvent,
+  onEventClick,
+  onCellClick,
+  onViewChange,
+  locale,
+  timezone: timezone2,
+  disableCellClick,
+  disableEventClick,
+  disableDragAndDrop,
+  dayMaxEvents,
+  stickyHeader
+}) => {
+  const [currentDate, setCurrentDate] = import_react23.useState(import_dayjs17.default());
+  const [view, setView] = import_react23.useState("month");
+  const [events, setEvents] = import_react23.useState(initialEvents);
+  const [isEventFormOpen, setIsEventFormOpen] = import_react23.useState(false);
+  const [selectedEvent, setSelectedEvent] = import_react23.useState(null);
+  const [selectedDate, setSelectedDate] = import_react23.useState(null);
+  const [currentLocale, setCurrentLocale] = import_react23.useState(locale || "en");
+  import_react23.useEffect(() => {
+    if (initialEvents) {
+      setEvents(initialEvents);
+    }
+  }, [initialEvents]);
+  import_react23.useEffect(() => {
+    if (locale) {
+      setCurrentLocale(locale);
+      import_dayjs17.default.locale(locale);
+    }
+  }, [locale]);
+  import_react23.useEffect(() => {
+    if (timezone2) {
+      setCurrentDate((prevDate) => prevDate.tz(timezone2));
+    }
+  }, [timezone2]);
+  const selectDate = import_react23.useCallback((date) => {
+    setCurrentDate(date);
+  }, []);
+  const nextPeriod = import_react23.useCallback(() => {
+    switch (view) {
+      case "month":
+        setCurrentDate((currentDate2) => currentDate2.add(1, "month"));
+        break;
+      case "week":
+        setCurrentDate((currentDate2) => currentDate2.add(1, "week"));
+        break;
+      case "day":
+        setCurrentDate((currentDate2) => currentDate2.add(1, "day"));
+        break;
+      case "year":
+        setCurrentDate((currentDate2) => currentDate2.add(1, "year"));
+        break;
+    }
+  }, [view]);
+  const prevPeriod = import_react23.useCallback(() => {
+    switch (view) {
+      case "month":
+        setCurrentDate((currentDate2) => currentDate2.subtract(1, "month"));
+        break;
+      case "week":
+        setCurrentDate((currentDate2) => currentDate2.subtract(1, "week"));
+        break;
+      case "day":
+        setCurrentDate((currentDate2) => currentDate2.subtract(1, "day"));
+        break;
+      case "year":
+        setCurrentDate((currentDate2) => currentDate2.subtract(1, "year"));
+        break;
+    }
+  }, [view]);
+  const today = import_react23.useCallback(() => {
+    setCurrentDate(import_dayjs17.default());
+  }, []);
+  const addEvent = import_react23.useCallback((event) => {
+    setEvents((prevEvents) => [...prevEvents, event]);
+  }, []);
+  const updateEvent = import_react23.useCallback((eventId, updatedEvent) => {
+    setEvents((prevEvents) => prevEvents.map((event) => event.id === eventId ? { ...event, ...updatedEvent } : event));
+  }, []);
+  const deleteEvent = import_react23.useCallback((eventId) => {
+    setEvents((prevEvents) => prevEvents.filter((event) => event.id !== eventId));
+  }, []);
+  const editEvent = import_react23.useCallback((event) => {
+    setSelectedEvent(event);
+    setIsEventFormOpen(true);
+  }, []);
+  const closeEventForm = import_react23.useCallback(() => {
+    setSelectedDate(null);
+    setSelectedEvent(null);
+    setIsEventFormOpen(false);
+  }, []);
+  const handleViewChange = import_react23.useCallback((newView) => {
+    setView(newView);
+    onViewChange?.(newView);
+  }, [onViewChange]);
+  const handleEventClick = import_react23.useCallback((event) => {
+    if (disableCellClick)
+      return;
+    if (onEventClick) {
+      onEventClick(event);
+    } else {
+      editEvent(event);
+    }
+  }, [disableCellClick, onEventClick, editEvent]);
+  const handleDateClick = import_react23.useCallback((startDate, endDate) => {
+    if (disableCellClick)
+      return;
+    if (onCellClick) {
+      onCellClick(startDate, endDate);
+    } else {
+      setSelectedDate(startDate);
+      setSelectedEvent({
+        title: `New Event`,
+        start: startDate,
+        end: endDate,
+        description: "",
+        all_day: false,
+        isRecurring: false,
+        recurrence: null,
+        parentEventId: null
+      });
+      setIsEventFormOpen(true);
+    }
+  }, [onCellClick, disableCellClick]);
+  const getNextOccurrence = import_react23.useCallback((date, freq, int, days) => {
+    switch (freq) {
+      case "daily":
+        return date.add(int, "day");
+      case "weekly":
+        if (days && days.length > 0) {
+          let nextDate = date.add(1, "day");
+          let loopCount = 0;
+          while (loopCount < 7) {
+            if (days.includes(nextDate.day())) {
+              return nextDate;
+            }
+            nextDate = nextDate.add(1, "day");
+            loopCount++;
+          }
+          return date.add(int, "week");
+        } else {
+          return date.add(int, "week");
+        }
+      case "monthly":
+        return date.add(int, "month");
+      case "yearly":
+        return date.add(int, "year");
+    }
+  }, []);
+  const expandRecurringEvent = import_react23.useCallback((baseEvent, startDate, endDate) => {
+    const expandedEvents = [];
+    if (!baseEvent.recurrence)
+      return [baseEvent];
+    const {
+      frequency,
+      interval,
+      endDate: recurrenceEndDate,
+      count,
+      daysOfWeek,
+      exceptions = []
+    } = baseEvent.recurrence;
+    const existingExceptions = events.filter((event) => event.parentEventId === baseEvent.id && event.isException);
+    const duration = baseEvent.end.diff(baseEvent.start, "minute");
+    const maxEndDate = recurrenceEndDate && recurrenceEndDate.isBefore(endDate) ? recurrenceEndDate : endDate;
+    let currentDate2 = baseEvent.start.clone();
+    let occurrences = 0;
+    if (currentDate2.isAfter(maxEndDate)) {
+      return [];
+    }
+    if (currentDate2.isBefore(startDate)) {
+      switch (frequency) {
+        case "daily": {
+          const daysToAdd = Math.floor(startDate.diff(currentDate2, "day") / interval) * interval;
+          if (daysToAdd > 0) {
+            currentDate2 = currentDate2.add(daysToAdd, "day");
+          }
+          break;
+        }
+        case "weekly": {
+          if (!daysOfWeek || daysOfWeek.length === 0) {
+            const weeksToAdd = Math.floor(startDate.diff(currentDate2, "week") / interval) * interval;
+            if (weeksToAdd > 0) {
+              currentDate2 = currentDate2.add(weeksToAdd, "week");
+            }
+          }
+          break;
+        }
+        case "monthly": {
+          const monthsToAdd = Math.floor(startDate.diff(currentDate2, "month") / interval) * interval;
+          if (monthsToAdd > 0) {
+            currentDate2 = currentDate2.add(monthsToAdd, "month");
+          }
+          break;
+        }
+        case "yearly": {
+          const yearsToAdd = Math.floor(startDate.diff(currentDate2, "year") / interval) * interval;
+          if (yearsToAdd > 0) {
+            currentDate2 = currentDate2.add(yearsToAdd, "year");
+          }
+          break;
+        }
+      }
+    }
+    while ((currentDate2.isBefore(maxEndDate) || currentDate2.isSame(maxEndDate, "day")) && (count === undefined || occurrences < count)) {
+      const currentDateStr = currentDate2.format("YYYY-MM-DD");
+      if (exceptions.some((date) => date.format("YYYY-MM-DD") === currentDateStr)) {
+        currentDate2 = getNextOccurrence(currentDate2, frequency, interval, daysOfWeek);
+        continue;
+      }
+      if (frequency === "weekly" && daysOfWeek && daysOfWeek.length > 0 && !daysOfWeek.includes(currentDate2.day())) {
+        currentDate2 = currentDate2.add(1, "day");
+        continue;
+      }
+      const exceptionEvent = existingExceptions.find((event) => event.start.format("YYYY-MM-DD") === currentDateStr);
+      if (exceptionEvent) {
+        expandedEvents.push(exceptionEvent);
+      } else if (currentDate2.isAfter(startDate.subtract(1, "day"))) {
+        const eventInstance = {
+          ...baseEvent,
+          id: `${baseEvent.id}-${currentDate2.format("YYYYMMDD")}`,
+          start: currentDate2.clone(),
+          end: currentDate2.clone().add(duration, "minute"),
+          isRecurring: true,
+          parentEventId: baseEvent.id
+        };
+        expandedEvents.push(eventInstance);
+      }
+      occurrences++;
+      currentDate2 = getNextOccurrence(currentDate2, frequency, interval, daysOfWeek);
+    }
+    return expandedEvents;
+  }, [events, getNextOccurrence]);
+  const getEventsForDateRange = import_react23.useCallback((start, end) => {
+    const startDate = start.startOf("day");
+    const endDate = end.endOf("day");
+    const regularEvents = events.filter((event) => {
+      return (event.start.isAfter(startDate) || event.start.isSame(startDate)) && (event.start.isBefore(endDate) || event.start.isSame(endDate)) || (event.end.isAfter(startDate) || event.end.isSame(startDate)) && (event.end.isBefore(endDate) || event.end.isSame(endDate)) || event.start.isBefore(startDate) && event.end.isAfter(endDate);
+    });
+    const recurringParentEvents = events.filter((event) => event.recurrence && !event.parentEventId);
+    let recurringEvents = [];
+    recurringParentEvents.forEach((parentEvent) => {
+      const expanded = expandRecurringEvent(parentEvent, startDate, endDate);
+      recurringEvents = [...recurringEvents, ...expanded];
+    });
+    return [...regularEvents, ...recurringEvents].filter((event, index, self) => index === self.findIndex((e) => e.id === event.id));
+  }, [events, expandRecurringEvent]);
+  const getEventsForDate = import_react23.useCallback((date) => {
+    const day = date.startOf("day");
+    const nextDay = day.add(1, "day");
+    return getEventsForDateRange(day, nextDay);
+  }, [getEventsForDateRange]);
+  const addRecurringEvent = import_react23.useCallback((event) => {
+    setEvents((prevEvents) => [...prevEvents, event]);
+  }, []);
+  const deleteRecurringEvent = import_react23.useCallback((eventId, deleteAll) => {
+    setEvents((prevEvents) => {
+      const event = prevEvents.find((e) => e.id === eventId);
+      if (!event)
+        return prevEvents;
+      if (event.parentEventId && !deleteAll) {
+        const parentEvent = prevEvents.find((e) => e.id === event.parentEventId);
+        if (!parentEvent || !parentEvent.recurrence)
+          return prevEvents;
+        return prevEvents.map((e) => {
+          if (e.id === event.parentEventId) {
+            return {
+              ...e,
+              recurrence: {
+                ...e.recurrence,
+                exceptions: [
+                  ...e.recurrence.exceptions || [],
+                  event.start.startOf("day")
+                ]
+              }
+            };
+          }
+          return e;
+        });
+      } else if (event.parentEventId && deleteAll) {
+        return prevEvents.filter((e) => e.id !== event.parentEventId && e.parentEventId !== event.parentEventId);
+      } else if (event.recurrence) {
+        return prevEvents.filter((e) => e.id !== event.id && e.parentEventId !== event.id);
+      } else {
+        return prevEvents.filter((e) => e.id !== event.id);
+      }
+    });
+  }, []);
+  const updateRecurringEvent = import_react23.useCallback((eventId, updatedEvent, updateAll) => {
+    setEvents((prevEvents) => {
+      const event = prevEvents.find((e) => e.id === eventId);
+      if (!event)
+        return prevEvents;
+      if (event.parentEventId && !updateAll) {
+        const exceptionEvent = {
+          ...event,
+          ...updatedEvent,
+          isException: true
+        };
+        const updatedEvents = prevEvents.map((e) => {
+          if (e.id === event.parentEventId) {
+            return {
+              ...e,
+              recurrence: {
+                ...e.recurrence,
+                exceptions: [
+                  ...e.recurrence.exceptions || [],
+                  event.start.startOf("day")
+                ]
+              }
+            };
+          }
+          return e;
+        });
+        return [...updatedEvents, exceptionEvent];
+      } else if (event.parentEventId && updateAll) {
+        return prevEvents.map((e) => {
+          if (e.id === event.parentEventId) {
+            return { ...e, ...updatedEvent };
+          }
+          return e;
+        });
+      } else if (event.recurrence) {
+        return prevEvents.map((e) => {
+          if (e.id === event.id) {
+            return { ...e, ...updatedEvent };
+          }
+          return e;
+        });
+      } else {
+        return prevEvents.map((e) => {
+          if (e.id === event.id) {
+            return { ...e, ...updatedEvent };
+          }
+          return e;
+        });
+      }
+    });
+  }, []);
+  const createExceptionForRecurringEvent = import_react23.useCallback((eventId, date) => {
+    setEvents((prevEvents) => {
+      const event = prevEvents.find((e) => e.id === eventId);
+      if (!event || !event.recurrence)
+        return prevEvents;
+      return prevEvents.map((e) => {
+        if (e.id === eventId) {
+          return {
+            ...e,
+            recurrence: {
+              ...e.recurrence,
+              exceptions: [
+                ...e.recurrence.exceptions || [],
+                date.startOf("day")
+              ]
+            }
+          };
+        }
+        return e;
+      });
+    });
+  }, []);
+  const contextValue = import_react23.useMemo(() => ({
+    currentDate,
+    view,
+    events,
+    currentLocale,
+    isEventFormOpen,
+    selectedEvent,
+    selectedDate,
+    firstDayOfWeek,
+    setCurrentDate,
+    selectDate,
+    setView: handleViewChange,
+    nextPeriod,
+    prevPeriod,
+    today,
+    addEvent,
+    updateEvent,
+    deleteEvent,
+    openEventForm: () => setIsEventFormOpen(true),
+    closeEventForm,
+    getEventsForDate,
+    getEventsForDateRange,
+    expandRecurringEvent,
+    addRecurringEvent,
+    deleteRecurringEvent,
+    updateRecurringEvent,
+    createExceptionForRecurringEvent,
+    renderEvent,
+    onEventClick: handleEventClick,
+    onCellClick: handleDateClick,
+    locale,
+    timezone: timezone2,
+    disableCellClick,
+    disableEventClick,
+    disableDragAndDrop,
+    dayMaxEvents,
+    stickyHeader
+  }), [
+    currentDate,
+    view,
+    events,
+    currentLocale,
+    isEventFormOpen,
+    selectedEvent,
+    selectedDate,
+    firstDayOfWeek,
+    selectDate,
+    handleViewChange,
+    nextPeriod,
+    prevPeriod,
+    today,
+    addEvent,
+    updateEvent,
+    deleteEvent,
+    closeEventForm,
+    getEventsForDate,
+    getEventsForDateRange,
+    expandRecurringEvent,
+    addRecurringEvent,
+    deleteRecurringEvent,
+    updateRecurringEvent,
+    createExceptionForRecurringEvent,
+    renderEvent,
+    handleEventClick,
+    handleDateClick,
+    locale,
+    timezone2,
+    disableCellClick,
+    disableEventClick,
+    disableDragAndDrop,
+    dayMaxEvents,
+    stickyHeader
+  ]);
+  return /* @__PURE__ */ jsx_dev_runtime47.jsxDEV(CalendarContext.Provider, {
+    value: contextValue,
+    children
+  }, undefined, false, undefined, this);
+};
+
+// src/components/ilamy-calendar/ilamy-calendar.tsx
+var jsx_dev_runtime48 = require("react/jsx-dev-runtime");
+var CalendarContent = () => {
+  const {
+    view,
+    isEventFormOpen,
+    closeEventForm,
+    selectedEvent,
+    selectedDate,
+    addEvent,
+    updateEvent,
+    deleteEvent,
+    dayMaxEvents
+  } = useCalendarContext();
+  const viewMap = {
+    month: /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(MonthView, {
+      dayMaxEvents
+    }, "month", false, undefined, this),
+    week: /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(week_view_default, {}, "week", false, undefined, this),
+    day: /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(day_view_default, {}, "day", false, undefined, this),
+    year: /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(year_view_default, {}, "year", false, undefined, this)
+  };
+  const handleOnUpdate = (event) => {
+    updateEvent(event.id, event);
+  };
+  const handleOnDelete = (event) => {
+    deleteEvent(event.id);
+  };
+  return /* @__PURE__ */ jsx_dev_runtime48.jsxDEV("div", {
+    className: "flex flex-col w-full h-full",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(base_header_default, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(CalendarDndContext, {
+        children: /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(import_react24.AnimatePresence, {
+          mode: "wait",
+          children: /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(import_react24.motion.div, {
+            initial: { opacity: 0, x: 20 },
+            animate: { opacity: 1, x: 0 },
+            exit: { opacity: 0, x: -20 },
+            transition: { duration: 0.1, ease: "easeInOut" },
+            className: "h-full w-full",
+            children: viewMap[view]
+          }, view, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      isEventFormOpen && /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(EventForm, {
+        onClose: closeEventForm,
+        selectedEvent,
+        selectedDate,
+        onAdd: addEvent,
+        onUpdate: handleOnUpdate,
+        onDelete: handleOnDelete
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var dayNumberMap = {
+  sunday: 0,
+  monday: 1,
+  tuesday: 2,
+  wednesday: 3,
+  thursday: 4,
+  friday: 5,
+  saturday: 6
+};
+var DEFAULT_DAY_MAX_EVENTS = 6;
+var IlamyCalendar = ({
+  events,
+  firstDayOfWeek = "sunday",
+  renderEvent,
+  onEventClick,
+  onCellClick,
+  onViewChange,
+  locale,
+  timezone: timezone2,
+  disableCellClick,
+  disableEventClick,
+  disableDragAndDrop,
+  dayMaxEvents = DEFAULT_DAY_MAX_EVENTS,
+  stickyHeader = true
+}) => {
+  return /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(CalendarProvider, {
+    initialEvents: events,
+    firstDayOfWeek: dayNumberMap[firstDayOfWeek],
+    renderEvent,
+    onEventClick,
+    onCellClick,
+    onViewChange,
+    locale,
+    timezone: timezone2,
+    disableCellClick,
+    disableEventClick,
+    disableDragAndDrop,
+    dayMaxEvents,
+    stickyHeader,
+    children: /* @__PURE__ */ jsx_dev_runtime48.jsxDEV(CalendarContent, {}, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};