@ilamy/calendar 0.1.0

package/dist/index.js

@@ -0,0 +1,3525 @@
+"use client";
+// src/features/month-view/components/month-view.tsx
+import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
+import React5, { useMemo as useMemo2 } from "react";
+
+// src/contexts/calendar-context/context.ts
+import { createContext, useContext } from "react";
+var CalendarContext = createContext(undefined);
+var useCalendarContext = () => {
+  const context = useContext(CalendarContext);
+  if (context === undefined) {
+    throw new Error("useCalendarContext must be used within a CalendarProvider");
+  }
+  return context;
+};
+var usePublicCalendarContext = () => {
+  const context = 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
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import dayjs from "dayjs";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/ui/accordion.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+// src/components/ui/alert.tsx
+import { cva } from "class-variance-authority";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var alertVariants = 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
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva2 } from "class-variance-authority";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+var badgeVariants = cva2("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
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { cva as cva3 } from "class-variance-authority";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+var buttonVariants = cva3("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 ? Slot2 : "button";
+  return /* @__PURE__ */ jsxDEV4(Comp, {
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/calendar.tsx
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(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__ */ jsxDEV5(ChevronLeft, {
+        className: cn("size-4", className2),
+        ...props2
+      }, undefined, false, undefined, this),
+      IconRight: ({ className: className2, ...props2 }) => /* @__PURE__ */ jsxDEV5(ChevronRight, {
+        className: cn("size-4", className2),
+        ...props2
+      }, undefined, false, undefined, this)
+    },
+    ...props
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/checkbox.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon } from "lucide-react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(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__ */ jsxDEV6(CheckboxPrimitive.Indicator, {
+      "data-slot": "checkbox-indicator",
+      className: "flex items-center justify-center text-current transition-none",
+      children: /* @__PURE__ */ jsxDEV6(CheckIcon, {
+        className: "size-3.5"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/components/ui/card.tsx
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+// src/components/ui/date-picker.tsx
+import dayjs2 from "dayjs";
+import { Calendar as CalendarIcon } from "lucide-react";
+
+// src/components/ui/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8(PopoverPrimitive.Root, {
+    "data-slot": "popover",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8(PopoverPrimitive.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8(PopoverPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV8(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
+import { useRef } from "react";
+import { PopoverClose } from "@radix-ui/react-popover";
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+function DatePicker({
+  date,
+  closeOnSelect,
+  setDate,
+  label = "Pick a date",
+  className
+}) {
+  const popOverRef = useRef(null);
+  const onSelect = (date2) => {
+    setDate(date2);
+    if (closeOnSelect) {
+      popOverRef.current?.click();
+    }
+  };
+  return /* @__PURE__ */ jsxDEV9("div", {
+    className,
+    children: /* @__PURE__ */ jsxDEV9(Popover, {
+      children: [
+        /* @__PURE__ */ jsxDEV9(PopoverTrigger, {
+          asChild: true,
+          children: /* @__PURE__ */ jsxDEV9(Button, {
+            variant: "outline",
+            className: cn("w-full justify-start text-left font-normal", !date && "text-muted-foreground"),
+            children: [
+              /* @__PURE__ */ jsxDEV9(CalendarIcon, {
+                className: "mr-2 h-4 w-4"
+              }, undefined, false, undefined, this),
+              date ? dayjs2(date).format("MMM D, YYYY") : /* @__PURE__ */ jsxDEV9("span", {
+                children: label
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV9(PopoverContent, {
+          className: "w-auto p-0",
+          align: "start",
+          children: [
+            /* @__PURE__ */ jsxDEV9(PopoverClose, {
+              ref: popOverRef
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV9(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
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV10(DialogPrimitive.Root, {
+    "data-slot": "dialog",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV10(DialogPrimitive.Portal, {
+    "data-slot": "dialog-portal",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV10(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__ */ jsxDEV10(DialogPortal, {
+    "data-slot": "dialog-portal",
+    children: [
+      /* @__PURE__ */ jsxDEV10(DialogOverlay, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV10(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__ */ jsxDEV10(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__ */ jsxDEV10(XIcon, {}, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV10("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__ */ jsxDEV10("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__ */ jsxDEV10("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__ */ jsxDEV10(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__ */ jsxDEV10(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
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { CheckIcon as CheckIcon2, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+// src/components/ui/form.tsx
+import * as React from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState
+} from "react-hook-form";
+
+// src/components/ui/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+
+function Label2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV12(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
+import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+var FormFieldContext = React.createContext({});
+var FormItemContext = React.createContext({});
+// src/components/ui/input.tsx
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxDEV14("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
+import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+// src/components/ui/scroll-area.tsx
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV16(ScrollAreaPrimitive.Root, {
+    "data-slot": "scroll-area",
+    className: cn("relative", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV16(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__ */ jsxDEV16(ScrollBar, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV16(ScrollAreaPrimitive.Corner, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV16(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__ */ jsxDEV16(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
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { CheckIcon as CheckIcon3, ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon } from "lucide-react";
+import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
+// src/components/ui/separator.tsx
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
+// src/components/ui/sheet.tsx
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { XIcon as XIcon2 } from "lucide-react";
+import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
+// src/components/ui/table.tsx
+import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
+// src/components/ui/tabs.tsx
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsxDEV as jsxDEV21 } from "react/jsx-dev-runtime";
+// src/components/ui/textarea.tsx
+import { jsxDEV as jsxDEV22 } from "react/jsx-dev-runtime";
+// src/components/ui/tooltip.tsx
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsxDEV as jsxDEV23 } from "react/jsx-dev-runtime";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV23(TooltipPrimitive.Provider, {
+    "data-slot": "tooltip-provider",
+    delayDuration,
+    ...props
+  }, undefined, false, undefined, this);
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV23(TooltipProvider, {
+    children: /* @__PURE__ */ jsxDEV23(TooltipPrimitive.Root, {
+      "data-slot": "tooltip",
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV23(TooltipPrimitive.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV23(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV23(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__ */ jsxDEV23(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
+import { useImperativeHandle, useState } from "react";
+
+// src/features/draggable-event/draggable-event.tsx
+import { useDraggable } from "@dnd-kit/core";
+import { AnimatePresence, motion } from "motion/react";
+import { memo } from "react";
+import { jsxDEV as jsxDEV24 } from "react/jsx-dev-runtime";
+function DraggableEventUnmemoized({
+  elementId,
+  event,
+  className,
+  style,
+  disableDrag = false
+}) {
+  const { onEventClick, renderEvent, disableEventClick, disableDragAndDrop } = useCalendarContext();
+  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({
+    id: elementId,
+    data: {
+      event,
+      type: "calendar-event"
+    },
+    disabled: disableDrag || disableDragAndDrop
+  });
+  const DefaultEventContent = () => /* @__PURE__ */ jsxDEV24("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__ */ jsxDEV24("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__ */ jsxDEV24(AnimatePresence, {
+    mode: "wait",
+    children: /* @__PURE__ */ jsxDEV24(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__ */ jsxDEV24(DefaultEventContent, {}, undefined, false, undefined, this)
+    }, elementId, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var DraggableEvent = 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
+import { jsxDEV as jsxDEV25 } from "react/jsx-dev-runtime";
+var AllEventDialog = ({ ref }) => {
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [selectedDayEvents, setSelectedDayEvents] = useState(null);
+  const { currentDate, firstDayOfWeek } = useCalendarContext();
+  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__ */ jsxDEV25(Dialog, {
+    open: dialogOpen,
+    onOpenChange: setDialogOpen,
+    children: /* @__PURE__ */ jsxDEV25(DialogContent, {
+      className: "max-h-[80vh] max-w-md overflow-y-auto",
+      children: [
+        /* @__PURE__ */ jsxDEV25(DialogHeader, {
+          children: /* @__PURE__ */ jsxDEV25(DialogTitle, {
+            children: selectedDayEvents && selectedDayEvents.day.format("MMMM D, YYYY")
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV25("div", {
+          className: "mt-4 space-y-3",
+          children: selectedDayEvents && selectedDayEvents.events.map((event) => {
+            return /* @__PURE__ */ jsxDEV25(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
+import dayjs3 from "dayjs";
+import weekday from "dayjs/plugin/weekday";
+import weekOfYear from "dayjs/plugin/weekOfYear";
+import isSameOrAfter from "dayjs/plugin/isSameOrAfter";
+import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
+import isBetween from "dayjs/plugin/isBetween";
+import minMax from "dayjs/plugin/minMax";
+import timezone from "dayjs/plugin/timezone";
+import utc from "dayjs/plugin/utc";
+import localeData from "dayjs/plugin/localeData";
+import"dayjs/locale/af";
+import"dayjs/locale/am";
+import"dayjs/locale/ar-dz";
+import"dayjs/locale/ar-iq";
+import"dayjs/locale/ar-kw";
+import"dayjs/locale/ar-ly";
+import"dayjs/locale/ar-ma";
+import"dayjs/locale/ar-sa";
+import"dayjs/locale/ar-tn";
+import"dayjs/locale/ar";
+import"dayjs/locale/az";
+import"dayjs/locale/be";
+import"dayjs/locale/bg";
+import"dayjs/locale/bi";
+import"dayjs/locale/bm";
+import"dayjs/locale/bn-bd";
+import"dayjs/locale/bn";
+import"dayjs/locale/bo";
+import"dayjs/locale/br";
+import"dayjs/locale/bs";
+import"dayjs/locale/ca";
+import"dayjs/locale/cs";
+import"dayjs/locale/cv";
+import"dayjs/locale/cy";
+import"dayjs/locale/da";
+import"dayjs/locale/de-at";
+import"dayjs/locale/de-ch";
+import"dayjs/locale/de";
+import"dayjs/locale/dv";
+import"dayjs/locale/el";
+import"dayjs/locale/en-au";
+import"dayjs/locale/en-ca";
+import"dayjs/locale/en-gb";
+import"dayjs/locale/en-ie";
+import"dayjs/locale/en-il";
+import"dayjs/locale/en-in";
+import"dayjs/locale/en-nz";
+import"dayjs/locale/en-sg";
+import"dayjs/locale/en-tt";
+import"dayjs/locale/en";
+import"dayjs/locale/eo";
+import"dayjs/locale/es-do";
+import"dayjs/locale/es-mx";
+import"dayjs/locale/es-pr";
+import"dayjs/locale/es-us";
+import"dayjs/locale/es";
+import"dayjs/locale/et";
+import"dayjs/locale/eu";
+import"dayjs/locale/fa";
+import"dayjs/locale/fi";
+import"dayjs/locale/fo";
+import"dayjs/locale/fr-ca";
+import"dayjs/locale/fr-ch";
+import"dayjs/locale/fr";
+import"dayjs/locale/fy";
+import"dayjs/locale/ga";
+import"dayjs/locale/gd";
+import"dayjs/locale/gl";
+import"dayjs/locale/gom-latn";
+import"dayjs/locale/gu";
+import"dayjs/locale/he";
+import"dayjs/locale/hi";
+import"dayjs/locale/hr";
+import"dayjs/locale/ht";
+import"dayjs/locale/hu";
+import"dayjs/locale/hy-am";
+import"dayjs/locale/id";
+import"dayjs/locale/is";
+import"dayjs/locale/it-ch";
+import"dayjs/locale/it";
+import"dayjs/locale/ja";
+import"dayjs/locale/jv";
+import"dayjs/locale/ka";
+import"dayjs/locale/kk";
+import"dayjs/locale/km";
+import"dayjs/locale/kn";
+import"dayjs/locale/ko";
+import"dayjs/locale/ku";
+import"dayjs/locale/ky";
+import"dayjs/locale/lb";
+import"dayjs/locale/lo";
+import"dayjs/locale/lt";
+import"dayjs/locale/lv";
+import"dayjs/locale/me";
+import"dayjs/locale/mi";
+import"dayjs/locale/mk";
+import"dayjs/locale/ml";
+import"dayjs/locale/mn";
+import"dayjs/locale/mr";
+import"dayjs/locale/ms-my";
+import"dayjs/locale/ms";
+import"dayjs/locale/mt";
+import"dayjs/locale/my";
+import"dayjs/locale/nb";
+import"dayjs/locale/ne";
+import"dayjs/locale/nl-be";
+import"dayjs/locale/nl";
+import"dayjs/locale/nn";
+import"dayjs/locale/oc-lnc";
+import"dayjs/locale/pa-in";
+import"dayjs/locale/pl";
+import"dayjs/locale/pt-br";
+import"dayjs/locale/pt";
+import"dayjs/locale/rn";
+import"dayjs/locale/ro";
+import"dayjs/locale/ru";
+import"dayjs/locale/rw";
+import"dayjs/locale/sd";
+import"dayjs/locale/se";
+import"dayjs/locale/si";
+import"dayjs/locale/sk";
+import"dayjs/locale/sl";
+import"dayjs/locale/sq";
+import"dayjs/locale/sr-cyrl";
+import"dayjs/locale/sr";
+import"dayjs/locale/ss";
+import"dayjs/locale/sv-fi";
+import"dayjs/locale/sv";
+import"dayjs/locale/sw";
+import"dayjs/locale/ta";
+import"dayjs/locale/te";
+import"dayjs/locale/tet";
+import"dayjs/locale/tg";
+import"dayjs/locale/th";
+import"dayjs/locale/tk";
+import"dayjs/locale/tl-ph";
+import"dayjs/locale/tlh";
+import"dayjs/locale/tr";
+import"dayjs/locale/tzl";
+import"dayjs/locale/tzm-latn";
+import"dayjs/locale/tzm";
+import"dayjs/locale/ug-cn";
+import"dayjs/locale/uk";
+import"dayjs/locale/ur";
+import"dayjs/locale/uz-latn";
+import"dayjs/locale/uz";
+import"dayjs/locale/vi";
+import"dayjs/locale/x-pseudo";
+import"dayjs/locale/yo";
+import"dayjs/locale/zh-cn";
+import"dayjs/locale/zh-hk";
+import"dayjs/locale/zh-tw";
+import"dayjs/locale/zh";
+dayjs3.extend(weekday);
+dayjs3.extend(weekOfYear);
+dayjs3.extend(isSameOrAfter);
+dayjs3.extend(isSameOrBefore);
+dayjs3.extend(isBetween);
+dayjs3.extend(minMax);
+dayjs3.extend(timezone);
+dayjs3.extend(utc);
+dayjs3.extend(localeData);
+var dayjs_config_default = dayjs3;
+
+// src/features/month-view/components/day-cell.tsx
+import React3 from "react";
+
+// src/features/droppable-cell/droppable-cell.tsx
+import { useDroppable } from "@dnd-kit/core";
+import { jsxDEV as jsxDEV26 } from "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 } = 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__ */ jsxDEV26("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
+import { jsxDEV as jsxDEV27, Fragment } from "react/jsx-dev-runtime";
+var DayCell = ({
+  index,
+  day,
+  className = ""
+}) => {
+  const allEventsDialogRef = React3.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__ */ jsxDEV27(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxDEV27(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__ */ jsxDEV27("div", {
+          className: "flex flex-col gap-1",
+          children: [
+            /* @__PURE__ */ jsxDEV27("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__ */ jsxDEV27("div", {
+              className: "h-[20px] w-full",
+              "data-testid": event?.title
+            }, `empty-${rowIndex}`, false, undefined, this)),
+            hasHiddenEvents && /* @__PURE__ */ jsxDEV27("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__ */ jsxDEV27(AllEventDialog, {
+        ref: allEventsDialogRef
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/features/month-view/components/month-header.tsx
+import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
+import { useMemo } from "react";
+import dayjs4 from "dayjs";
+import { jsxDEV as jsxDEV28 } from "react/jsx-dev-runtime";
+var MonthHeader = () => {
+  const { firstDayOfWeek, currentLocale, stickyHeader } = useCalendarContext();
+  const weekDays = useMemo(() => {
+    const days = dayjs4.weekdays().map((day) => day.toLowerCase());
+    const shortDays = dayjs4.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__ */ jsxDEV28("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__ */ jsxDEV28(AnimatePresence2, {
+      mode: "wait",
+      children: /* @__PURE__ */ jsxDEV28(motion2.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__ */ jsxDEV28("span", {
+            className: "hidden text-sm sm:inline",
+            children: weekDay
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV28("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
+import { jsxDEV as jsxDEV29 } from "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__ */ jsxDEV29("div", {
+    className: "relative w-full h-full pointer-events-none z-20 overflow-clip",
+    children: eventPositions.map((event) => {
+      return /* @__PURE__ */ jsxDEV29("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__ */ jsxDEV29(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
+import { jsxDEV as jsxDEV30 } from "react/jsx-dev-runtime";
+var MonthView = ({ dayMaxEvents = 3 }) => {
+  const allEventsDialogRef = React5.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 = useMemo2(() => {
+    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__ */ jsxDEV30("div", {
+    className: "flex h-full flex-col",
+    "data-testid": "month-view",
+    children: [
+      /* @__PURE__ */ jsxDEV30(MonthHeader, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV30(ScrollArea, {
+        className: "flex-1 overflow-auto",
+        "data-testid": "month-scroll-area",
+        children: /* @__PURE__ */ jsxDEV30(AnimatePresence3, {
+          mode: "wait",
+          children: /* @__PURE__ */ jsxDEV30(motion3.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__ */ jsxDEV30("div", {
+                className: "relative col-span-7 grid grid-cols-7",
+                "data-testid": `week-row-${index}`,
+                children: [
+                  days.map((day, dayIndex) => {
+                    return /* @__PURE__ */ jsxDEV30(DayCell, {
+                      index: dayIndex,
+                      day,
+                      dayMaxEvents,
+                      className: "border-r border-b first:border-l"
+                    }, day.format("YYYY-MM-DD"), false, undefined, this);
+                  }),
+                  /* @__PURE__ */ jsxDEV30("div", {
+                    className: "absolute inset-0 z-10 pointer-events-none",
+                    children: /* @__PURE__ */ jsxDEV30(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__ */ jsxDEV30(AllEventDialog, {
+        ref: allEventsDialogRef
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/features/week-view/week-view.tsx
+import dayjs9 from "dayjs";
+import weekOfYear2 from "dayjs/plugin/weekOfYear";
+
+// src/features/week-view/week-all-day-row.tsx
+import { useMemo as useMemo3 } from "react";
+import { jsxDEV as jsxDEV31 } from "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 } = useMemo3(() => {
+    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__ */ jsxDEV31("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__ */ jsxDEV31("div", {
+        className: "w-14 flex shrink-0 items-center justify-end border-x border-b pr-2 min-h-16",
+        children: /* @__PURE__ */ jsxDEV31("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__ */ jsxDEV31(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__ */ jsxDEV31("div", {
+        className: "absolute inset-0 z-10 p-1 col-span-7 col-start-2",
+        children: processedAllDayEvents.map((event, index) => /* @__PURE__ */ jsxDEV31("div", {
+          className: "absolute",
+          style: {
+            left: `${event.left}%`,
+            width: `calc(${event.width}% - var(--spacing) * 2)`,
+            top: `${event.top}px`,
+            height: `${event.height}px`
+          },
+          children: /* @__PURE__ */ jsxDEV31(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
+import dayjs5 from "dayjs";
+import { AnimatePresence as AnimatePresence4, motion as motion4 } from "motion/react";
+import { jsxDEV as jsxDEV32 } from "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__ */ jsxDEV32("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__ */ jsxDEV32("div", {
+        className: "col-span-1 w-14 shrink-0 items-center justify-center border-x border-b p-2",
+        children: /* @__PURE__ */ jsxDEV32("div", {
+          className: "flex flex-col items-center justify-center",
+          children: [
+            /* @__PURE__ */ jsxDEV32("span", {
+              className: "text-muted-foreground text-xs",
+              children: "Week"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV32("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(dayjs5(), "day");
+        return /* @__PURE__ */ jsxDEV32(AnimatePresence4, {
+          mode: "wait",
+          children: /* @__PURE__ */ jsxDEV32(motion4.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__ */ jsxDEV32("div", {
+                className: "text-xs sm:text-sm",
+                children: day.format("ddd")
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV32("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
+import dayjs8 from "dayjs";
+
+// src/features/week-view/week-day-col.tsx
+import dayjs7 from "dayjs";
+
+// src/hooks/useProcessedDayEvents.ts
+import dayjs6 from "dayjs";
+import { useMemo as useMemo4 } from "react";
+var useProcessedDayEvents = ({ day }) => {
+  const { getEventsForDateRange } = useCalendarContext();
+  const todayEvents = useMemo4(() => {
+    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 ? dayjs6.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
+import { jsxDEV as jsxDEV33 } from "react/jsx-dev-runtime";
+var DayEventsLayer = ({
+  day,
+  "data-testid": dataTestId
+}) => {
+  const todayEvents = useProcessedDayEvents({ day });
+  return /* @__PURE__ */ jsxDEV33("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__ */ jsxDEV33("div", {
+        className: "absolute",
+        style: {
+          left: `${event.left}%`,
+          width: `calc(${event.width}% - var(--spacing) * 2)`,
+          top: `${event.top}%`,
+          height: `${event.height}%`
+        },
+        children: /* @__PURE__ */ jsxDEV33(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
+import { jsxDEV as jsxDEV34 } from "react/jsx-dev-runtime";
+var hours = Array.from({ length: 24 }, (_, i) => i).map((hour) => dayjs7().hour(hour).minute(0));
+var WeekDayCol = ({ day }) => {
+  return /* @__PURE__ */ jsxDEV34("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__ */ jsxDEV34(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__ */ jsxDEV34(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
+import { jsxDEV as jsxDEV35 } from "react/jsx-dev-runtime";
+var hours2 = Array.from({ length: 24 }, (_, i) => i).map((hour) => dayjs8().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(dayjs8(), "day"));
+  const isCurrentWeek = todayIndex !== -1;
+  return /* @__PURE__ */ jsxDEV35("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__ */ jsxDEV35("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__ */ jsxDEV35("div", {
+          "data-testid": `week-time-hour-${time.format("HH")}`,
+          className: "h-[60px] border-b text-right",
+          children: /* @__PURE__ */ jsxDEV35("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__ */ jsxDEV35(WeekDayCol, {
+        day
+      }, day.format("YYYY-MM-DD"), false, undefined, this)),
+      isCurrentWeek && /* @__PURE__ */ jsxDEV35("div", {
+        "data-testid": "week-current-time-indicator",
+        className: "pointer-events-none absolute z-20",
+        style: {
+          top: `${(dayjs8().hour() + dayjs8().minute() / 60) * 60}px`,
+          left: `${todayIndex * (100 / 7)}%`,
+          width: `${100 / 7}%`
+        },
+        children: /* @__PURE__ */ jsxDEV35("div", {
+          className: "w-full border-t border-red-500",
+          children: /* @__PURE__ */ jsxDEV35("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
+import { jsxDEV as jsxDEV36 } from "react/jsx-dev-runtime";
+dayjs9.extend(weekOfYear2);
+var WeekView = () => {
+  return /* @__PURE__ */ jsxDEV36("div", {
+    className: "flex h-full flex-col",
+    "data-testid": "week-view",
+    children: [
+      /* @__PURE__ */ jsxDEV36(WeekHeader, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV36(ScrollArea, {
+        className: "flex flex-1 overflow-auto",
+        "data-testid": "week-scroll-area",
+        children: [
+          /* @__PURE__ */ jsxDEV36(WeekAllDayRow, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV36(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
+import dayjs12 from "dayjs";
+import { Fragment as Fragment2 } from "react";
+
+// src/features/day-view/day-all-day-row.tsx
+import { useMemo as useMemo5 } from "react";
+import { jsxDEV as jsxDEV37 } from "react/jsx-dev-runtime";
+var DayAllDayRow = () => {
+  const { currentDate, getEventsForDate } = useCalendarContext();
+  const dayEvents = getEventsForDate(currentDate);
+  const { allDayEvents } = useMemo5(() => {
+    const allDayEvts = dayEvents.filter((event) => event.all_day);
+    const regularEvts = dayEvents.filter((event) => !event.all_day);
+    return { allDayEvents: allDayEvts, regularEvents: regularEvts };
+  }, [dayEvents]);
+  const { processedAllDayEvents } = useMemo5(() => {
+    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__ */ jsxDEV37("div", {
+    "data-testid": "day-all-day-row",
+    className: "grid grid-cols-8 border-b border-x",
+    children: [
+      /* @__PURE__ */ jsxDEV37("div", {
+        className: "col-span-2 flex shrink-0 items-center justify-end border-r pr-2 md:col-span-1",
+        children: /* @__PURE__ */ jsxDEV37("span", {
+          className: "text-muted-foreground text-[10px] whitespace-nowrap sm:text-xs",
+          children: "All-day"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV37("div", {
+        className: "relative col-span-6 md:col-span-7 ",
+        children: /* @__PURE__ */ jsxDEV37(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__ */ jsxDEV37("div", {
+              style: { height: EVENT_BAR_HEIGHT + "px" },
+              children: /* @__PURE__ */ jsxDEV37(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
+import { AnimatePresence as AnimatePresence5, motion as motion5 } from "motion/react";
+import dayjs10 from "dayjs";
+import { jsxDEV as jsxDEV38 } from "react/jsx-dev-runtime";
+var DayHeader = () => {
+  const { currentDate, stickyHeader } = useCalendarContext();
+  const isToday = currentDate.isSame(dayjs10(), "day");
+  return /* @__PURE__ */ jsxDEV38("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__ */ jsxDEV38(AnimatePresence5, {
+      mode: "wait",
+      children: /* @__PURE__ */ jsxDEV38(motion5.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__ */ jsxDEV38("span", {
+            className: "xs:inline hidden",
+            children: currentDate.format("dddd, ")
+          }, undefined, false, undefined, this),
+          currentDate.format("MMMM D, YYYY"),
+          isToday && /* @__PURE__ */ jsxDEV38("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
+import dayjs11 from "dayjs";
+import { jsxDEV as jsxDEV39 } from "react/jsx-dev-runtime";
+var hours3 = Array.from({ length: 24 }, (_, i) => i).map((hour) => {
+  return dayjs11().hour(hour).minute(0);
+});
+var DayTimeCol = ({ className }) => {
+  return /* @__PURE__ */ jsxDEV39("div", {
+    "data-testid": "day-time-col",
+    className: `col-span-2 h-full md:col-span-1 ${className}`,
+    children: hours3.map((time) => /* @__PURE__ */ jsxDEV39("div", {
+      "data-testid": `day-time-hour-${time.format("HH")}`,
+      className: "h-[60px] border-b text-right",
+      children: /* @__PURE__ */ jsxDEV39("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
+import { jsxDEV as jsxDEV40 } from "react/jsx-dev-runtime";
+var DayView = () => {
+  const { currentDate } = useCalendarContext();
+  const hours4 = Array.from({ length: 24 }, (_, i) => i).map((hour) => {
+    return dayjs12().hour(hour).minute(0);
+  });
+  const timeSegments = [0, 15, 30, 45];
+  const isToday = currentDate.isSame(dayjs12(), "day");
+  const cellDate = currentDate.format("YYYY-MM-DD");
+  return /* @__PURE__ */ jsxDEV40("div", {
+    "data-testid": "day-view",
+    className: "flex h-full flex-col",
+    children: [
+      /* @__PURE__ */ jsxDEV40(DayHeader, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV40(ScrollArea, {
+        "data-testid": "day-scroll-area",
+        className: "relative flex-1 overflow-y-auto",
+        children: [
+          /* @__PURE__ */ jsxDEV40(DayAllDayRow, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV40("div", {
+            "data-testid": "day-time-grid",
+            className: "grid grid-cols-8 divide-x border-x",
+            style: { height: `${hours4.length * 60}px` },
+            children: [
+              /* @__PURE__ */ jsxDEV40(DayTimeCol, {
+                className: "col-span-2 h-full md:col-span-1"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV40("div", {
+                "data-testid": "day-events-column",
+                className: "relative col-span-6 h-full md:col-span-7",
+                children: [
+                  /* @__PURE__ */ jsxDEV40("div", {
+                    "data-testid": "day-background-grid",
+                    className: "absolute inset-0 z-0",
+                    children: hours4.map((hour, index) => /* @__PURE__ */ jsxDEV40("div", {
+                      className: "h-[60px] border-b",
+                      children: timeSegments.slice(1).map((minutes) => /* @__PURE__ */ jsxDEV40("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__ */ jsxDEV40("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__ */ jsxDEV40(Fragment2, {
+                        children: [
+                          /* @__PURE__ */ jsxDEV40(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__ */ jsxDEV40(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__ */ jsxDEV40(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__ */ jsxDEV40(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__ */ jsxDEV40(DayEventsLayer, {
+                    day: currentDate
+                  }, undefined, false, undefined, this),
+                  isToday && /* @__PURE__ */ jsxDEV40("div", {
+                    "data-testid": "day-current-time-indicator",
+                    className: "absolute right-0 left-0 z-40 border-t border-red-500",
+                    style: {
+                      top: `${(dayjs12().hour() + dayjs12().minute() / 60) * 60}px`
+                    },
+                    children: /* @__PURE__ */ jsxDEV40("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
+import dayjs13 from "dayjs";
+import { useEffect, useState as useState2 } from "react";
+import { jsxDEV as jsxDEV41 } from "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() || dayjs13().add(1, "hour").toDate();
+  const [startDate, setStartDate] = useState2(start?.toDate() || defaultStartDate);
+  const [endDate, setEndDate] = useState2(end?.toDate() || defaultEndDate);
+  const [isAllDay, setIsAllDay] = useState2(selectedEvent?.all_day || false);
+  const [selectedColor, setSelectedColor] = useState2(selectedEvent?.color || colorOptions[0].value);
+  const [startTime, setStartTime] = useState2(selectedEvent ? selectedEvent.start.format("HH:mm") : dayjs13(defaultStartDate).format("HH:mm"));
+  const [endTime, setEndTime] = useState2(selectedEvent ? selectedEvent.end.format("HH:mm") : dayjs13(defaultEndDate).format("HH:mm"));
+  const [formValues, setFormValues] = useState2({
+    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);
+    }
+  };
+  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 = dayjs13(startDate).hour(startHours).minute(startMinutes);
+    let endDateTime = dayjs13(endDate).hour(endHours).minute(endMinutes);
+    if (isAllDay) {
+      startDateTime = startDateTime.hour(0).minute(0);
+      endDateTime = endDateTime.hour(23).minute(59);
+    }
+    const eventData = {
+      id: selectedEvent?.id || dayjs13().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();
+    }
+  };
+  useEffect(() => {
+    if (dayjs13(startDate).isAfter(dayjs13(endDate))) {
+      setEndDate(startDate);
+    }
+  }, [startDate, endDate]);
+  return /* @__PURE__ */ jsxDEV41(Dialog, {
+    open: true,
+    onOpenChange: onClose,
+    children: /* @__PURE__ */ jsxDEV41(DialogContent, {
+      className: "w-[90vw] max-w-[500px] p-4 sm:p-6",
+      children: /* @__PURE__ */ jsxDEV41("form", {
+        onSubmit: handleSubmit,
+        children: [
+          /* @__PURE__ */ jsxDEV41(DialogHeader, {
+            className: "mb-2 sm:mb-4",
+            children: [
+              /* @__PURE__ */ jsxDEV41(DialogTitle, {
+                className: "text-base sm:text-lg",
+                children: selectedEvent.id ? "Edit Event" : "Create Event"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV41(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__ */ jsxDEV41("div", {
+            className: "grid gap-3 py-2 sm:gap-4 sm:py-4",
+            children: [
+              /* @__PURE__ */ jsxDEV41("div", {
+                className: "grid gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV41(Label2, {
+                    htmlFor: "title",
+                    className: "text-xs sm:text-sm",
+                    children: "Title"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV41(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__ */ jsxDEV41("div", {
+                className: "flex items-center space-x-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV41(Checkbox, {
+                    id: "all_day",
+                    checked: isAllDay,
+                    onCheckedChange: (checked) => setIsAllDay(checked === true)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV41(Label2, {
+                    htmlFor: "all_day",
+                    className: "text-xs sm:text-sm",
+                    children: "All day"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV41("div", {
+                className: "grid grid-cols-2 gap-2 sm:gap-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV41("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV41(Label2, {
+                        className: "text-xs sm:text-sm",
+                        children: "Start Date"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV41(DatePicker, {
+                        date: startDate,
+                        setDate: handleStartDateChange,
+                        className: "mt-1",
+                        closeOnSelect: true
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV41("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV41(Label2, {
+                        className: "text-xs sm:text-sm",
+                        children: "End Date"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV41(DatePicker, {
+                        date: endDate,
+                        setDate: handleEndDateChange,
+                        className: "mt-1",
+                        closeOnSelect: true
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              !isAllDay && /* @__PURE__ */ jsxDEV41("div", {
+                className: "grid grid-cols-2 gap-2 sm:gap-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV41("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV41(Label2, {
+                        htmlFor: "start-time",
+                        className: "text-xs sm:text-sm",
+                        children: "Start Time"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV41(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__ */ jsxDEV41("div", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV41(Label2, {
+                        htmlFor: "end-time",
+                        className: "text-xs sm:text-sm",
+                        children: "End Time"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV41(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__ */ jsxDEV41("div", {
+                className: "grid gap-1 sm:gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV41(Label2, {
+                    className: "text-xs sm:text-sm",
+                    children: "Color"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV41("div", {
+                    className: "flex flex-wrap gap-2",
+                    children: /* @__PURE__ */ jsxDEV41(TooltipProvider, {
+                      children: colorOptions.map((color) => /* @__PURE__ */ jsxDEV41(Tooltip, {
+                        children: [
+                          /* @__PURE__ */ jsxDEV41(TooltipTrigger, {
+                            asChild: true,
+                            children: /* @__PURE__ */ jsxDEV41(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__ */ jsxDEV41(TooltipContent, {
+                            children: /* @__PURE__ */ jsxDEV41("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__ */ jsxDEV41("div", {
+                className: "grid gap-1 sm:gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV41(Label2, {
+                    htmlFor: "location",
+                    className: "text-xs sm:text-sm",
+                    children: "Location"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV41(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__ */ jsxDEV41("div", {
+                className: "grid gap-1 sm:gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV41(Label2, {
+                    htmlFor: "description",
+                    className: "text-xs sm:text-sm",
+                    children: "Description"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV41(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__ */ jsxDEV41(DialogFooter, {
+            className: "mt-2 flex flex-col-reverse gap-2 sm:mt-4 sm:flex-row sm:gap-0",
+            children: [
+              selectedEvent.id && /* @__PURE__ */ jsxDEV41(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__ */ jsxDEV41("div", {
+                className: "flex w-full gap-2 sm:w-auto",
+                children: [
+                  /* @__PURE__ */ jsxDEV41(Button, {
+                    type: "button",
+                    variant: "outline",
+                    onClick: onClose,
+                    className: "flex-1 sm:flex-none",
+                    size: "sm",
+                    children: "Cancel"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV41(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
+import { Calendar as CalendarIcon2, Menu, Plus } from "lucide-react";
+import { useCallback, useState as useState4 } from "react";
+
+// src/components/header/title-content.tsx
+import dayjs14 from "dayjs";
+import { AnimatePresence as AnimatePresence6, motion as motion6 } from "motion/react";
+import { ChevronDown } from "lucide-react";
+import { useState as useState3 } from "react";
+import { jsxDEV as jsxDEV42, Fragment as Fragment3 } from "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] = useState3(false);
+  const [yearPopoverOpen, setYearPopoverOpen] = useState3(false);
+  const [weekPopoverOpen, setWeekPopoverOpen] = useState3(false);
+  const [dayPopoverOpen, setDayPopoverOpen] = useState3(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__ */ jsxDEV42(Fragment3, {
+    children: [
+      view !== "year" && /* @__PURE__ */ jsxDEV42(Popover, {
+        open: monthPopoverOpen,
+        onOpenChange: setMonthPopoverOpen,
+        children: [
+          /* @__PURE__ */ jsxDEV42(PopoverTrigger, {
+            asChild: true,
+            children: /* @__PURE__ */ jsxDEV42(Button, {
+              variant: "ghost",
+              className: "flex items-center gap-1 px-2 font-semibold",
+              children: [
+                /* @__PURE__ */ jsxDEV42(AnimatePresence6, {
+                  mode: "wait",
+                  children: /* @__PURE__ */ jsxDEV42(motion6.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__ */ jsxDEV42(ChevronDown, {
+                  className: "h-4 w-4"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV42(PopoverContent, {
+            className: "w-40 p-0",
+            children: /* @__PURE__ */ jsxDEV42("div", {
+              className: "flex max-h-60 flex-col overflow-auto",
+              children: months.map((month, index) => /* @__PURE__ */ jsxDEV42(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__ */ jsxDEV42(Popover, {
+        open: yearPopoverOpen,
+        onOpenChange: setYearPopoverOpen,
+        children: [
+          /* @__PURE__ */ jsxDEV42(PopoverTrigger, {
+            asChild: true,
+            children: /* @__PURE__ */ jsxDEV42(Button, {
+              variant: "ghost",
+              className: "flex items-center gap-1 px-2 font-semibold",
+              children: [
+                /* @__PURE__ */ jsxDEV42(AnimatePresence6, {
+                  mode: "wait",
+                  children: /* @__PURE__ */ jsxDEV42(motion6.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__ */ jsxDEV42(ChevronDown, {
+                  className: "h-4 w-4"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV42(PopoverContent, {
+            className: "w-24 p-0",
+            children: /* @__PURE__ */ jsxDEV42("div", {
+              className: "flex max-h-60 flex-col overflow-auto",
+              children: years.map((year) => /* @__PURE__ */ jsxDEV42(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__ */ jsxDEV42(Popover, {
+        open: weekPopoverOpen,
+        onOpenChange: setWeekPopoverOpen,
+        children: [
+          /* @__PURE__ */ jsxDEV42(PopoverTrigger, {
+            asChild: true,
+            children: /* @__PURE__ */ jsxDEV42(Button, {
+              variant: "ghost",
+              className: "flex items-center gap-1 px-2 font-semibold",
+              children: [
+                /* @__PURE__ */ jsxDEV42(AnimatePresence6, {
+                  mode: "wait",
+                  children: /* @__PURE__ */ jsxDEV42(motion6.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__ */ jsxDEV42(ChevronDown, {
+                  className: "ml-1 h-3 w-3 opacity-70"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV42(PopoverContent, {
+            className: "w-56 p-0",
+            children: /* @__PURE__ */ jsxDEV42("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__ */ jsxDEV42(Button, {
+                  variant: "ghost",
+                  className: cn("justify-start font-normal", isCurrentWeek && "bg-primary/10"),
+                  onClick: () => {
+                    setCurrentDate(startOfWeek);
+                    setWeekPopoverOpen(false);
+                  },
+                  children: /* @__PURE__ */ jsxDEV42("div", {
+                    className: "flex w-full items-center justify-between",
+                    children: [
+                      /* @__PURE__ */ jsxDEV42("span", {
+                        children: `${startOfWeek.format("MMM D")} - ${endOfWeek.format("D")}`
+                      }, undefined, false, undefined, this),
+                      startOfWeek.month() !== endOfWeek.month() && /* @__PURE__ */ jsxDEV42("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__ */ jsxDEV42(Popover, {
+        open: dayPopoverOpen,
+        onOpenChange: setDayPopoverOpen,
+        children: [
+          /* @__PURE__ */ jsxDEV42(PopoverTrigger, {
+            asChild: true,
+            children: /* @__PURE__ */ jsxDEV42(Button, {
+              variant: "ghost",
+              className: "flex items-center gap-1 px-2 font-semibold",
+              children: [
+                /* @__PURE__ */ jsxDEV42(AnimatePresence6, {
+                  mode: "wait",
+                  children: /* @__PURE__ */ jsxDEV42(motion6.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__ */ jsxDEV42(ChevronDown, {
+                  className: "ml-1 h-3 w-3 opacity-70"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV42(PopoverContent, {
+            className: "w-56 p-0",
+            children: /* @__PURE__ */ jsxDEV42("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(dayjs14(), "day");
+                  return /* @__PURE__ */ jsxDEV42(Button, {
+                    variant: "ghost",
+                    className: cn("justify-start font-normal", isCurrentDay && "bg-primary/10"),
+                    onClick: () => {
+                      setCurrentDate(dayDate);
+                      setDayPopoverOpen(false);
+                    },
+                    children: /* @__PURE__ */ jsxDEV42("div", {
+                      className: "flex w-full items-center justify-between",
+                      children: [
+                        /* @__PURE__ */ jsxDEV42("span", {
+                          children: dayDate.format("dddd, MMM D")
+                        }, undefined, false, undefined, this),
+                        isToday && /* @__PURE__ */ jsxDEV42("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
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsxDEV as jsxDEV43 } from "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__ */ jsxDEV43("div", {
+    className: cn(isGrid ? "grid grid-cols-2 gap-2" : "flex gap-1", className),
+    children: [
+      /* @__PURE__ */ jsxDEV43(Button, {
+        onClick: onPrevious,
+        variant: "outline",
+        size,
+        children: /* @__PURE__ */ jsxDEV43(ChevronLeft2, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV43(Button, {
+        onClick: onNext,
+        variant: "outline",
+        size,
+        children: /* @__PURE__ */ jsxDEV43(ChevronRight2, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV43(Button, {
+        onClick: () => onChange("day"),
+        variant: getBtnVariant("day"),
+        size,
+        className: getButtonClassName("day"),
+        children: "Day"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV43(Button, {
+        onClick: () => onChange("week"),
+        variant: getBtnVariant("week"),
+        size,
+        className: getButtonClassName("week"),
+        children: "Week"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV43(Button, {
+        onClick: () => onChange("month"),
+        variant: getBtnVariant("month"),
+        size,
+        className: getButtonClassName("month"),
+        children: "Month"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV43(Button, {
+        onClick: () => onChange("year"),
+        variant: getBtnVariant("year"),
+        size,
+        className: getButtonClassName("year"),
+        children: "Year"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV43(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
+import { jsxDEV as jsxDEV44, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+var Header2 = () => {
+  const {
+    currentDate,
+    view,
+    setView,
+    nextPeriod,
+    prevPeriod,
+    today,
+    openEventForm
+  } = useCalendarContext();
+  const [mobilePopoverOpen, setMobilePopoverOpen] = useState4(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 = useCallback(() => /* @__PURE__ */ jsxDEV44("div", {
+    className: "flex items-center gap-2",
+    children: /* @__PURE__ */ jsxDEV44(Button, {
+      onClick: () => openEventForm(currentDate),
+      variant: "default",
+      size: "sm",
+      className: "flex items-center gap-1",
+      children: [
+        /* @__PURE__ */ jsxDEV44(Plus, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV44("span", {
+          className: "hidden md:inline",
+          children: "New Event"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV44("span", {
+          className: "md:hidden",
+          children: "New"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this), [currentDate, openEventForm]);
+  return /* @__PURE__ */ jsxDEV44(Fragment4, {
+    children: /* @__PURE__ */ jsxDEV44("div", {
+      className: "@container grid grid-cols-12 items-center gap-2 border-b p-2 sm:p-4",
+      children: [
+        /* @__PURE__ */ jsxDEV44("div", {
+          className: "col-span-12 flex flex-wrap items-center justify-center gap-2 @4xl:col-span-5 @4xl:justify-start",
+          children: [
+            /* @__PURE__ */ jsxDEV44(CalendarIcon2, {
+              className: "h-5 w-5"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV44(title_content_default, {}, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV44("div", {
+          className: "col-span-12 flex flex-wrap justify-center gap-1 @4xl:col-span-7 @4xl:justify-end",
+          children: [
+            /* @__PURE__ */ jsxDEV44("div", {
+              className: "hidden items-center justify-end gap-1 sm:flex",
+              children: [
+                /* @__PURE__ */ jsxDEV44(view_controls_default, {
+                  currentView: view,
+                  onChange: setView,
+                  onToday: today,
+                  onNext: nextPeriod,
+                  onPrevious: prevPeriod,
+                  variant: "default",
+                  className: "justify-end"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV44(NewEventButton, {}, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV44("div", {
+              className: "flex items-center justify-end gap-1 sm:hidden",
+              children: [
+                /* @__PURE__ */ jsxDEV44(NewEventButton, {}, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV44(Popover, {
+                  open: mobilePopoverOpen,
+                  onOpenChange: setMobilePopoverOpen,
+                  children: [
+                    /* @__PURE__ */ jsxDEV44(PopoverTrigger, {
+                      asChild: true,
+                      children: /* @__PURE__ */ jsxDEV44(Button, {
+                        variant: "outline",
+                        size: "sm",
+                        children: /* @__PURE__ */ jsxDEV44(Menu, {
+                          className: "h-4 w-4"
+                        }, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV44(PopoverContent, {
+                      align: "end",
+                      className: "w-[240px] p-2",
+                      children: /* @__PURE__ */ jsxDEV44("div", {
+                        className: "space-y-2",
+                        children: [
+                          /* @__PURE__ */ jsxDEV44("h3", {
+                            className: "mb-1 text-sm font-medium",
+                            children: "View & Navigation"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV44(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
+import dayjs15 from "dayjs";
+import { AnimatePresence as AnimatePresence7, motion as motion7 } from "motion/react";
+import { jsxDEV as jsxDEV45 } from "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 = dayjs15().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(dayjs15(), "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__ */ jsxDEV45("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__ */ jsxDEV45("div", {
+          className: "text-muted-foreground h-3 text-center",
+          children: dayName
+        }, `header-${i}`, false, undefined, this)),
+        daysArray.map((dayInfo, i) => /* @__PURE__ */ jsxDEV45("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__ */ jsxDEV45("span", {
+              className: "text-center leading-none",
+              children: dayInfo.day.date()
+            }, undefined, false, undefined, this),
+            dayInfo.hasEvents && /* @__PURE__ */ jsxDEV45("div", {
+              className: cn("absolute bottom-0 flex w-full justify-center space-x-[1px]", dayInfo.isToday ? "bottom-[1px]" : ""),
+              children: [
+                dayInfo.eventCount > 0 && /* @__PURE__ */ jsxDEV45("span", {
+                  className: cn("h-[3px] w-[3px] rounded-full", dayInfo.isToday ? "bg-primary-foreground" : "bg-primary")
+                }, undefined, false, undefined, this),
+                dayInfo.eventCount > 1 && /* @__PURE__ */ jsxDEV45("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__ */ jsxDEV45("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__ */ jsxDEV45(ScrollArea, {
+    "data-testid": "year-view",
+    className: "h-full",
+    children: /* @__PURE__ */ jsxDEV45("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__ */ jsxDEV45("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__ */ jsxDEV45(AnimatePresence7, {
+            mode: "wait",
+            children: /* @__PURE__ */ jsxDEV45(motion7.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__ */ jsxDEV45("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__ */ jsxDEV45("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
+import { AnimatePresence as AnimatePresence8, motion as motion8 } from "motion/react";
+
+// src/features/drag-and-drop/calendar-dnd-context.tsx
+import {
+  DndContext,
+  DragOverlay,
+  MouseSensor,
+  pointerWithin,
+  TouchSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import dayjs16 from "dayjs";
+import React9 from "react";
+import { snapCenterToCursor } from "@dnd-kit/modifiers";
+import { jsxDEV as jsxDEV46 } from "react/jsx-dev-runtime";
+function CalendarDndContext({ children }) {
+  const { updateEvent, view, disableDragAndDrop } = useCalendarContext();
+  const [activeEvent, setActiveEvent] = React9.useState(null);
+  const mouseSensor = useSensor(MouseSensor, {
+    activationConstraint: {
+      distance: 2
+    }
+  });
+  const touchSensor = useSensor(TouchSensor, {
+    activationConstraint: {
+      delay: 100,
+      tolerance: 5
+    }
+  });
+  const sensors = 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 = dayjs16(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 = dayjs16(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__ */ jsxDEV46(DndContext, {
+    sensors,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd,
+    onDragCancel: handleDragCancel,
+    collisionDetection: pointerWithin,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV46(DragOverlay, {
+        modifiers: [snapCenterToCursor],
+        children: activeEvent && /* @__PURE__ */ jsxDEV46("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
+import dayjs17 from "dayjs";
+import {
+  useCallback as useCallback2,
+  useEffect as useEffect2,
+  useMemo as useMemo6,
+  useState as useState5
+} from "react";
+import { jsxDEV as jsxDEV47 } from "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] = useState5(dayjs17());
+  const [view, setView] = useState5("month");
+  const [events, setEvents] = useState5(initialEvents);
+  const [isEventFormOpen, setIsEventFormOpen] = useState5(false);
+  const [selectedEvent, setSelectedEvent] = useState5(null);
+  const [selectedDate, setSelectedDate] = useState5(null);
+  const [currentLocale, setCurrentLocale] = useState5(locale || "en");
+  useEffect2(() => {
+    if (initialEvents) {
+      setEvents(initialEvents);
+    }
+  }, [initialEvents]);
+  useEffect2(() => {
+    if (locale) {
+      setCurrentLocale(locale);
+      dayjs17.locale(locale);
+    }
+  }, [locale]);
+  useEffect2(() => {
+    if (timezone2) {
+      setCurrentDate((prevDate) => prevDate.tz(timezone2));
+    }
+  }, [timezone2]);
+  const selectDate = useCallback2((date) => {
+    setCurrentDate(date);
+  }, []);
+  const nextPeriod = useCallback2(() => {
+    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 = useCallback2(() => {
+    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 = useCallback2(() => {
+    setCurrentDate(dayjs17());
+  }, []);
+  const addEvent = useCallback2((event) => {
+    setEvents((prevEvents) => [...prevEvents, event]);
+  }, []);
+  const updateEvent = useCallback2((eventId, updatedEvent) => {
+    setEvents((prevEvents) => prevEvents.map((event) => event.id === eventId ? { ...event, ...updatedEvent } : event));
+  }, []);
+  const deleteEvent = useCallback2((eventId) => {
+    setEvents((prevEvents) => prevEvents.filter((event) => event.id !== eventId));
+  }, []);
+  const editEvent = useCallback2((event) => {
+    setSelectedEvent(event);
+    setIsEventFormOpen(true);
+  }, []);
+  const closeEventForm = useCallback2(() => {
+    setSelectedDate(null);
+    setSelectedEvent(null);
+    setIsEventFormOpen(false);
+  }, []);
+  const handleViewChange = useCallback2((newView) => {
+    setView(newView);
+    onViewChange?.(newView);
+  }, [onViewChange]);
+  const handleEventClick = useCallback2((event) => {
+    if (disableCellClick)
+      return;
+    if (onEventClick) {
+      onEventClick(event);
+    } else {
+      editEvent(event);
+    }
+  }, [disableCellClick, onEventClick, editEvent]);
+  const handleDateClick = useCallback2((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 = useCallback2((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 = useCallback2((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 = useCallback2((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 = useCallback2((date) => {
+    const day = date.startOf("day");
+    const nextDay = day.add(1, "day");
+    return getEventsForDateRange(day, nextDay);
+  }, [getEventsForDateRange]);
+  const addRecurringEvent = useCallback2((event) => {
+    setEvents((prevEvents) => [...prevEvents, event]);
+  }, []);
+  const deleteRecurringEvent = useCallback2((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 = useCallback2((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 = useCallback2((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 = useMemo6(() => ({
+    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__ */ jsxDEV47(CalendarContext.Provider, {
+    value: contextValue,
+    children
+  }, undefined, false, undefined, this);
+};
+
+// src/components/ilamy-calendar/ilamy-calendar.tsx
+import { jsxDEV as jsxDEV48 } from "react/jsx-dev-runtime";
+var CalendarContent = () => {
+  const {
+    view,
+    isEventFormOpen,
+    closeEventForm,
+    selectedEvent,
+    selectedDate,
+    addEvent,
+    updateEvent,
+    deleteEvent,
+    dayMaxEvents
+  } = useCalendarContext();
+  const viewMap = {
+    month: /* @__PURE__ */ jsxDEV48(MonthView, {
+      dayMaxEvents
+    }, "month", false, undefined, this),
+    week: /* @__PURE__ */ jsxDEV48(week_view_default, {}, "week", false, undefined, this),
+    day: /* @__PURE__ */ jsxDEV48(day_view_default, {}, "day", false, undefined, this),
+    year: /* @__PURE__ */ jsxDEV48(year_view_default, {}, "year", false, undefined, this)
+  };
+  const handleOnUpdate = (event) => {
+    updateEvent(event.id, event);
+  };
+  const handleOnDelete = (event) => {
+    deleteEvent(event.id);
+  };
+  return /* @__PURE__ */ jsxDEV48("div", {
+    className: "flex flex-col w-full h-full",
+    children: [
+      /* @__PURE__ */ jsxDEV48(base_header_default, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV48(CalendarDndContext, {
+        children: /* @__PURE__ */ jsxDEV48(AnimatePresence8, {
+          mode: "wait",
+          children: /* @__PURE__ */ jsxDEV48(motion8.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__ */ jsxDEV48(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__ */ jsxDEV48(CalendarProvider, {
+    initialEvents: events,
+    firstDayOfWeek: dayNumberMap[firstDayOfWeek],
+    renderEvent,
+    onEventClick,
+    onCellClick,
+    onViewChange,
+    locale,
+    timezone: timezone2,
+    disableCellClick,
+    disableEventClick,
+    disableDragAndDrop,
+    dayMaxEvents,
+    stickyHeader,
+    children: /* @__PURE__ */ jsxDEV48(CalendarContent, {}, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+export {
+  usePublicCalendarContext as useIlamyCalendarContext,
+  IlamyCalendar
+};