@j3m-quantum/ui 1.0.0 → 1.3.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React7 = require('react');
+var React15 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
@@ -18,6 +18,7 @@ var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
 var reactHookForm = require('react-hook-form');
 var LabelPrimitive = require('@radix-ui/react-label');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var reactDayPicker = require('react-day-picker');
@@ -30,7 +31,6 @@ var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var sonner = require('sonner');
 var cmdk = require('cmdk');
 var DialogPrimitive = require('@radix-ui/react-dialog');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var MenubarPrimitive = require('@radix-ui/react-menubar');
 var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
@@ -40,6 +40,7 @@ var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var ResizablePrimitive = require('react-resizable-panels');
+var dateFns = require('date-fns');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -61,7 +62,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
+var React15__namespace = /*#__PURE__*/_interopNamespace(React15);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -72,6 +73,7 @@ var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive)
 var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
@@ -81,7 +83,6 @@ var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialog
 var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 var MenubarPrimitive__namespace = /*#__PURE__*/_interopNamespace(MenubarPrimitive);
 var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
@@ -94,8 +95,8 @@ var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrim
 // src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React7__namespace.useState(void 0);
-  React7__namespace.useEffect(() => {
+  const [isMobile, setIsMobile] = React15__namespace.useState(void 0);
+  React15__namespace.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -114,10 +115,10 @@ var buttonVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground border border-input hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline"
       },
@@ -136,7 +137,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React7__namespace.forwardRef(
+var Button = React15__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -244,7 +245,7 @@ function Input({ className, type, ...props }) {
       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 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",
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-4 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
@@ -500,7 +501,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React7__namespace.useMemo(
+  const _values = React15__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -536,7 +537,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_2, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
           SliderPrimitive__namespace.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -786,7 +787,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React7__namespace.createContext({
+var ToggleGroupContext = React15__namespace.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -823,7 +824,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React7__namespace.useContext(ToggleGroupContext);
+  const context = React15__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -845,6 +846,125 @@ function ToggleGroupItem({
     }
   );
 }
+function ThemeSwitch({
+  checked,
+  defaultChecked = false,
+  onCheckedChange,
+  disabled = false,
+  className,
+  size = "default"
+}) {
+  const [isChecked, setIsChecked] = React15__namespace.useState(defaultChecked);
+  const isControlled = checked !== void 0;
+  const currentChecked = isControlled ? checked : isChecked;
+  const handleClick = () => {
+    if (disabled) return;
+    const newValue = !currentChecked;
+    if (!isControlled) {
+      setIsChecked(newValue);
+    }
+    onCheckedChange?.(newValue);
+  };
+  const sizeClasses = {
+    sm: {
+      track: "h-5 w-9",
+      thumb: "size-4",
+      icon: "h-2.5 w-2.5",
+      translate: "data-[state=checked]:translate-x-4"
+    },
+    default: {
+      track: "h-6 w-11",
+      thumb: "size-5",
+      icon: "h-3 w-3",
+      translate: "data-[state=checked]:translate-x-5"
+    },
+    lg: {
+      track: "h-7 w-14",
+      thumb: "size-6",
+      icon: "h-3.5 w-3.5",
+      translate: "data-[state=checked]:translate-x-7"
+    }
+  };
+  const sizes = sizeClasses[size];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": currentChecked,
+      "aria-label": currentChecked ? "Switch to light mode" : "Switch to dark mode",
+      "data-slot": "theme-switch",
+      "data-state": currentChecked ? "checked" : "unchecked",
+      disabled,
+      onClick: handleClick,
+      className: cn(
+        "peer inline-flex shrink-0 cursor-pointer items-center rounded-full",
+        "border border-transparent shadow-xs transition-all outline-none",
+        "focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "bg-input data-[state=checked]:bg-primary",
+        sizes.track,
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "data-state": currentChecked ? "checked" : "unchecked",
+          className: cn(
+            "pointer-events-none flex items-center justify-center rounded-full",
+            "bg-white shadow-lg ring-0 transition-transform",
+            "data-[state=unchecked]:translate-x-0.5",
+            sizes.thumb,
+            sizes.translate
+          ),
+          children: currentChecked ? /* @__PURE__ */ jsxRuntime.jsx(MoonIcon, { className: cn(sizes.icon, "text-primary") }) : /* @__PURE__ */ jsxRuntime.jsx(SunIcon, { className: cn(sizes.icon, "text-muted-foreground") })
+        }
+      )
+    }
+  );
+}
+function SunIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20v2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4.93 4.93 1.41 1.41" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m17.66 17.66 1.41 1.41" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12h2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 12h2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6.34 17.66-1.41 1.41" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m19.07 4.93-1.41 1.41" })
+      ]
+    }
+  );
+}
+function MoonIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+    }
+  );
+}
 function ToolBarCanvas({
   className,
   ...props
@@ -854,7 +974,7 @@ function ToolBarCanvas({
     {
       "data-slot": "toolbar-canvas",
       className: cn(
-        "inline-flex items-center gap-1 rounded-full bg-sidebar border border-sidebar-border p-1.5",
+        "inline-flex items-center gap-1 rounded-full bg-background border border-input p-1.5",
         className
       ),
       ...props
@@ -949,7 +1069,7 @@ function PlayerCanvasControls({
     {
       "data-slot": "player-canvas-controls",
       className: cn(
-        "flex items-center gap-2 px-1.5 py-1.5 rounded-full bg-sidebar border border-sidebar-border",
+        "flex items-center gap-2 px-1.5 py-1.5 rounded-full bg-background border border-input",
         className
       ),
       ...props
@@ -990,7 +1110,7 @@ function PlayerCanvasPlayButton({
         className
       ),
       style: {
-        backgroundColor: "hsl(var(--primary))",
+        backgroundColor: "var(--j3m-orange-8)",
         ...style
       },
       ...props,
@@ -1130,7 +1250,7 @@ function PlayerCanvasProgress({
           className: "absolute inset-y-0 left-0 rounded-full transition-all duration-200",
           style: {
             width: `${percentage}%`,
-            backgroundColor: "hsl(var(--primary))"
+            backgroundColor: "var(--j3m-orange-8)"
           }
         }
       )
@@ -1154,7 +1274,7 @@ function Label2({
   );
 }
 var Form = reactHookForm.FormProvider;
-var FormFieldContext = React7__namespace.createContext(
+var FormFieldContext = React15__namespace.createContext(
   {}
 );
 var FormField = ({
@@ -1163,8 +1283,8 @@ var FormField = ({
   return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React7__namespace.useContext(FormFieldContext);
-  const itemContext = React7__namespace.useContext(FormItemContext);
+  const fieldContext = React15__namespace.useContext(FormFieldContext);
+  const itemContext = React15__namespace.useContext(FormItemContext);
   const { getFieldState } = reactHookForm.useFormContext();
   const formState = reactHookForm.useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1181,11 +1301,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React7__namespace.createContext(
+var FormItemContext = React15__namespace.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React7__namespace.useId();
+  const id = React15__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1433,7 +1553,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React7.useMemo(() => {
+  const content = React15.useMemo(() => {
     if (children) {
       return children;
     }
@@ -1469,7 +1589,7 @@ var cardVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        default: "bg-card border shadow",
+        default: "bg-card border",
         glass: [
           "glass-context",
           // Enables glass semantic token overrides for children
@@ -1724,183 +1844,475 @@ function AvatarFallback({
     }
   );
 }
-function Skeleton({ className, ...props }) {
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    DropdownMenuPrimitive__namespace.Trigger,
     {
-      "data-slot": "skeleton",
-      className: cn("bg-accent animate-pulse rounded-md", className),
+      "data-slot": "dropdown-menu-trigger",
       ...props
     }
   );
 }
-function Accordion({
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
 }
-function AccordionItem({
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
   className,
+  inset,
+  variant = "default",
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Item,
+    DropdownMenuPrimitive__namespace.Item,
     {
-      "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
       ...props
     }
   );
 }
-function AccordionTrigger({
+function DropdownMenuCheckboxItem({
   className,
   children,
+  checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    AccordionPrimitive__namespace.Trigger,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.CheckboxItem,
     {
-      "data-slot": "accordion-trigger",
+      "data-slot": "dropdown-menu-checkbox-item",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
+      checked,
       ...props,
       children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
+        children
       ]
     }
-  ) });
+  );
 }
-function AccordionContent({
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Content,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.RadioItem,
     {
-      "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
     }
   );
 }
-function Tabs({
+function DropdownMenuLabel({
   className,
+  inset,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Root,
+    DropdownMenuPrimitive__namespace.Label,
     {
-      "data-slot": "tabs",
-      className: cn("flex flex-col gap-2", className),
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
       ...props
     }
   );
 }
-function TabsList({
+function DropdownMenuSeparator({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.List,
+    DropdownMenuPrimitive__namespace.Separator,
     {
-      "data-slot": "tabs-list",
-      className: cn(
-        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        className
-      ),
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
       ...props
     }
   );
 }
-function TabsTrigger({
+function DropdownMenuShortcut({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Trigger,
+    "span",
     {
-      "data-slot": "tabs-trigger",
+      "data-slot": "dropdown-menu-shortcut",
       className: cn(
-        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "text-muted-foreground ml-auto text-xs tracking-widest",
         className
       ),
       ...props
     }
   );
 }
-function TabsContent({
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
   className,
+  inset,
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Content,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.SubTrigger,
     {
-      "data-slot": "tabs-content",
-      className: cn("flex-1 outline-none", className),
-      ...props
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
     }
   );
 }
-function Calendar({
+function DropdownMenuSubContent({
   className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  formatters,
-  components,
   ...props
 }) {
-  const defaultClassNames = reactDayPicker.getDefaultClassNames();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    reactDayPicker.DayPicker,
+    DropdownMenuPrimitive__namespace.SubContent,
     {
-      showOutsideDays,
+      "data-slot": "dropdown-menu-sub-content",
       className: cn(
-        "bg-card group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        "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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
         className
       ),
-      captionLayout,
-      formatters: {
-        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-        ...formatters
-      },
-      classNames: {
-        root: cn("w-fit", defaultClassNames.root),
-        months: cn(
-          "flex gap-4 flex-col md:flex-row relative",
-          defaultClassNames.months
-        ),
-        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
-        nav: cn(
-          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
-          defaultClassNames.nav
-        ),
-        button_previous: cn(
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none inline-flex items-center justify-center rounded-full hover:bg-muted/50 transition-colors",
-          defaultClassNames.button_previous
-        ),
-        button_next: cn(
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none inline-flex items-center justify-center rounded-full hover:bg-muted/50 transition-colors",
-          defaultClassNames.button_next
-        ),
-        month_caption: cn(
-          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
-          defaultClassNames.month_caption
-        ),
-        dropdowns: cn(
-          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
-          defaultClassNames.dropdowns
-        ),
-        dropdown_root: cn(
-          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
-          defaultClassNames.dropdown_root
+      ...props
+    }
+  );
+}
+function UserAvatarsDropdown({
+  users,
+  selectedUserId,
+  onSelect,
+  maxVisible = 2,
+  label = "All",
+  className
+}) {
+  const visibleUsers = users.slice(0, maxVisible);
+  const overflowCount = Math.max(0, users.length - maxVisible);
+  const getInitials = (name) => {
+    return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+  };
+  const selectedUser = users.find((u) => u.id === selectedUserId);
+  const displayLabel = selectedUserId ? selectedUser?.name || "User" : label;
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "flex items-center gap-2 rounded border border-border bg-background px-3 py-1.5 text-sm transition-colors",
+          "hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex -space-x-2", children: [
+            visibleUsers.map((user) => /* @__PURE__ */ jsxRuntime.jsxs(
+              Avatar,
+              {
+                className: "size-6 border-2 border-background",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.image, alt: user.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-[10px]", children: getInitials(user.name) })
+                ]
+              },
+              user.id
+            )),
+            overflowCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-6 items-center justify-center rounded-full border-2 border-background bg-muted text-[10px] font-medium", children: [
+              "+",
+              overflowCount
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: displayLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 text-muted-foreground" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "w-48", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        DropdownMenuItem,
+        {
+          onClick: () => onSelect(null),
+          className: "flex items-center justify-between",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "All users" }),
+            selectedUserId === null && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+      users.map((user) => /* @__PURE__ */ jsxRuntime.jsxs(
+        DropdownMenuItem,
+        {
+          onClick: () => onSelect(user.id),
+          className: "flex items-center justify-between",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.image, alt: user.name }),
+                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-[8px]", children: getInitials(user.name) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: user.name })
+            ] }),
+            selectedUserId === user.id && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" })
+          ]
+        },
+        user.id
+      ))
+    ] })
+  ] });
+}
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    AccordionPrimitive__namespace.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px] dark:bg-[#1a1a1a]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-input data-[state=inactive]:hover:bg-accent data-[state=inactive]:hover:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "bg-card group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "flex gap-4 flex-col md:flex-row relative",
+          defaultClassNames.months
+        ),
+        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+        nav: cn(
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none inline-flex items-center justify-center rounded-full hover:bg-muted/50 transition-colors",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none inline-flex items-center justify-center rounded-full hover:bg-muted/50 transition-colors",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          defaultClassNames.dropdown_root
         ),
         dropdown: cn(
           "absolute bg-popover inset-0 opacity-0",
@@ -1995,8 +2407,8 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React7__namespace.useRef(null);
-  React7__namespace.useEffect(() => {
+  const ref = React15__namespace.useRef(null);
+  React15__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2017,9 +2429,9 @@ function CalendarDayButton({
     }
   );
 }
-var CarouselContext = React7__namespace.createContext(null);
+var CarouselContext = React15__namespace.createContext(null);
 function useCarousel() {
-  const context = React7__namespace.useContext(CarouselContext);
+  const context = React15__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2041,20 +2453,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React7__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React7__namespace.useState(false);
-  const onSelect = React7__namespace.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React15__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React15__namespace.useState(false);
+  const onSelect = React15__namespace.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React7__namespace.useCallback(() => {
+  const scrollPrev = React15__namespace.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React7__namespace.useCallback(() => {
+  const scrollNext = React15__namespace.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React7__namespace.useCallback(
+  const handleKeyDown = React15__namespace.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2066,11 +2478,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React7__namespace.useEffect(() => {
+  React15__namespace.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React7__namespace.useEffect(() => {
+  React15__namespace.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2203,9 +2615,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React7__namespace.createContext(null);
+var ChartContext = React15__namespace.createContext(null);
 function useChart() {
-  const context = React7__namespace.useContext(ChartContext);
+  const context = React15__namespace.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -2218,7 +2630,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React7__namespace.useId();
+  const uniqueId = React15__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2279,7 +2691,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React7__namespace.useMemo(() => {
+  const tooltipLabel = React15__namespace.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -2573,7 +2985,7 @@ var itemVariants = classVarianceAuthority.cva(
     }
   }
 );
-function Item5({
+function Item6({
   className,
   variant = "default",
   size = "default",
@@ -2981,40 +3393,27 @@ function TooltipContent({
     }
   ) });
 }
-var M = (e, i, s, u, m, a, l, h) => {
-  let d = document.documentElement, w = ["light", "dark"];
-  function p(n) {
-    (Array.isArray(e) ? e : [e]).forEach((y) => {
-      let k = y === "class", S = k && a ? m.map((f) => a[f] || f) : m;
-      k ? (d.classList.remove(...S), d.classList.add(a && a[n] ? a[n] : n)) : d.setAttribute(y, n);
-    }), R(n);
-  }
-  function R(n) {
-    h && w.includes(n) && (d.style.colorScheme = n);
-  }
-  function c() {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  }
-  if (u) p(u);
-  else try {
-    let n = localStorage.getItem(i) || s, y = l && n === "system" ? c() : n;
-    p(y);
-  } catch (n) {
-  }
-};
-var x = React7__namespace.createContext(void 0);
-var U = { setTheme: (e) => {
-}, themes: [] };
-var z = () => {
-  var e;
-  return (e = React7__namespace.useContext(x)) != null ? e : U;
-};
-React7__namespace.memo(({ forcedTheme: e, storageKey: i, attribute: s, enableSystem: u, enableColorScheme: m, defaultTheme: a, value: l, themes: h, nonce: d, scriptProps: w }) => {
-  let p = JSON.stringify([s, i, a, e, h, l, u, m]).slice(1, -1);
-  return React7__namespace.createElement("script", { ...w, suppressHydrationWarning: true, nonce: typeof window == "undefined" ? d : "", dangerouslySetInnerHTML: { __html: `(${M.toString()})(${p})` } });
-});
-var Toaster = ({ ...props }) => {
-  const { theme = "system" } = z();
+function useDetectTheme() {
+  const [theme, setTheme] = React15__namespace.useState("light");
+  React15__namespace.useEffect(() => {
+    const isDark = document.documentElement.classList.contains("dark");
+    setTheme(isDark ? "dark" : "light");
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.attributeName === "class") {
+          const isDark2 = document.documentElement.classList.contains("dark");
+          setTheme(isDark2 ? "dark" : "light");
+        }
+      });
+    });
+    observer.observe(document.documentElement, { attributes: true });
+    return () => observer.disconnect();
+  }, []);
+  return theme;
+}
+var Toaster = ({ theme: themeProp, ...props }) => {
+  const detectedTheme = useDetectTheme();
+  const theme = themeProp ?? detectedTheme;
   return /* @__PURE__ */ jsxRuntime.jsx(
     sonner.Toaster,
     {
@@ -3517,241 +3916,78 @@ function CommandShortcut({
     }
   );
 }
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+var SearchTrigger = React15__namespace.forwardRef(
+  ({
+    className,
+    placeholder = "Search...",
+    showShortcut = true,
+    shortcutKey = "K",
+    shortcutModifier = "\u2318",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        ref,
+        variant: "outline",
+        "data-slot": "search-trigger",
+        className: cn(
+          "relative h-9 w-full justify-start rounded-full bg-background text-sm text-muted-foreground",
+          "sm:w-64 sm:max-w-[280px]",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "mr-2 h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden truncate sm:inline-flex", children: placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate sm:hidden", children: "Search" }),
+          showShortcut && /* @__PURE__ */ jsxRuntime.jsxs(Kbd, { className: "pointer-events-none absolute right-2 hidden h-5 select-none items-center gap-0.5 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium sm:flex", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: shortcutModifier }),
+            shortcutKey
+          ] })
+        ]
+      }
+    );
+  }
+);
+SearchTrigger.displayName = "SearchTrigger";
+function useSearchShortcut(onOpen, key = "k") {
+  React15__namespace.useEffect(() => {
+    const down = (e) => {
+      if (e.key.toLowerCase() === key.toLowerCase() && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        onOpen();
+      }
+    };
+    document.addEventListener("keydown", down);
+    return () => document.removeEventListener("keydown", down);
+  }, [onOpen, key]);
 }
-function DropdownMenuTrigger({
+function Menubar({
+  className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Trigger,
+    MenubarPrimitive__namespace.Root,
     {
-      "data-slot": "dropdown-menu-trigger",
+      "data-slot": "menubar",
+      className: cn(
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        className
+      ),
       ...props
     }
   );
 }
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
+function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Menu, { "data-slot": "menubar-menu", ...props });
 }
-function DropdownMenuGroup({
+function MenubarGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...props
-    }
-  );
-}
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive__namespace.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto size-4" })
-      ]
-    }
-  );
-}
-function DropdownMenuSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function Menubar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MenubarPrimitive__namespace.Root,
-    {
-      "data-slot": "menubar",
-      className: cn(
-        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Menu, { "data-slot": "menubar-menu", ...props });
-}
-function MenubarGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Group, { "data-slot": "menubar-group", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Group, { "data-slot": "menubar-group", ...props });
 }
 function MenubarPortal({
   ...props
@@ -4744,9 +4980,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React7__namespace.createContext(null);
+var SidebarContext = React15__namespace.createContext(null);
 function useSidebar() {
-  const context = React7__namespace.useContext(SidebarContext);
+  const context = React15__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4762,10 +4998,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React7__namespace.useState(false);
-  const [_open, _setOpen] = React7__namespace.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React15__namespace.useState(false);
+  const [_open, _setOpen] = React15__namespace.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React7__namespace.useCallback(
+  const setOpen = React15__namespace.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4777,10 +5013,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React7__namespace.useCallback(() => {
+  const toggleSidebar = React15__namespace.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React7__namespace.useEffect(() => {
+  React15__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4791,7 +5027,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React7__namespace.useMemo(
+  const contextValue = React15__namespace.useMemo(
     () => ({
       state,
       open,
@@ -5249,7 +5485,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React7__namespace.useMemo(() => {
+  const width = React15__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5347,8 +5583,7 @@ var sectionVariants = classVarianceAuthority.cva(
         default: [
           "bg-[var(--color-bg-surface)]",
           "border border-[var(--color-border-subtle)]",
-          "text-[var(--color-text-main)]",
-          "shadow-sm"
+          "text-[var(--color-text-main)]"
         ].join(" "),
         // Glass Light - frosted glass for dark or image backgrounds
         "glass-light": [
@@ -5393,7 +5628,7 @@ var sectionVariants = classVarianceAuthority.cva(
   }
 );
 var isGlassVariant = (variant) => variant?.startsWith("glass-") ?? false;
-var Section = React7__namespace.forwardRef(
+var Section = React15__namespace.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "section",
     {
@@ -5405,7 +5640,7 @@ var Section = React7__namespace.forwardRef(
   )
 );
 Section.displayName = "Section";
-var SectionHeader = React7__namespace.forwardRef(
+var SectionHeader = React15__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5420,7 +5655,7 @@ var SectionHeader = React7__namespace.forwardRef(
   )
 );
 SectionHeader.displayName = "SectionHeader";
-var SectionTitle = React7__namespace.forwardRef(
+var SectionTitle = React15__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "h2",
     {
@@ -5434,7 +5669,7 @@ var SectionTitle = React7__namespace.forwardRef(
   )
 );
 SectionTitle.displayName = "SectionTitle";
-var SectionDescription = React7__namespace.forwardRef(
+var SectionDescription = React15__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -5448,7 +5683,7 @@ var SectionDescription = React7__namespace.forwardRef(
   )
 );
 SectionDescription.displayName = "SectionDescription";
-var SectionContent = React7__namespace.forwardRef(
+var SectionContent = React15__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5462,7 +5697,7 @@ var SectionContent = React7__namespace.forwardRef(
   )
 );
 SectionContent.displayName = "SectionContent";
-var SectionFooter = React7__namespace.forwardRef(
+var SectionFooter = React15__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5478,11 +5713,3215 @@ var SectionFooter = React7__namespace.forwardRef(
   )
 );
 SectionFooter.displayName = "SectionFooter";
+function SearchForm({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("form", { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "search", className: "sr-only", children: "Search" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SidebarInput,
+      {
+        id: "search",
+        placeholder: "Type to search...",
+        className: "h-8 pl-7"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "pointer-events-none absolute top-1/2 left-2 size-4 -translate-y-1/2 opacity-50 select-none" })
+  ] }) });
+}
+function SiteHeader({
+  trigger,
+  breadcrumbs = [
+    { label: "Building Your Application", href: "#" },
+    { label: "Data Fetching" }
+  ],
+  showSearch = true,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      "data-slot": "site-header",
+      className: cn(
+        "bg-sidebar text-sidebar-foreground sticky top-0 z-50 flex w-full items-center border-b border-sidebar-border",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[var(--header-height,3.5rem)] w-full items-center gap-[var(--j3m-spacing-s)] px-[var(--j3m-spacing-m)]", children: [
+        trigger,
+        trigger && /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "vertical", className: "mr-[var(--j3m-spacing-s)] h-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React15__namespace.Fragment, { children: [
+          index > 0 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { href: item.href, children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) })
+        ] }, index)) }) }),
+        showSearch && /* @__PURE__ */ jsxRuntime.jsx(SearchForm, { className: "w-full sm:ml-auto sm:w-auto" }),
+        children
+      ] })
+    }
+  );
+}
+function NavMain({ items, label = "Platform" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SidebarGroup, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupLabel, { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Collapsible, { asChild: true, defaultOpen: item.isActive, children: /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenuItem, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuButton, { asChild: true, tooltip: item.title, children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: item.url, children: [
+        item.icon && /* @__PURE__ */ jsxRuntime.jsx(item.icon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title })
+      ] }) }),
+      item.items?.length ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenuAction, { className: "data-[state=open]:rotate-90", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSub, { children: item.items?.map((subItem) => /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: subItem.url, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: subItem.title }) }) }) }, subItem.title)) }) })
+      ] }) : null
+    ] }) }, item.title)) })
+  ] });
+}
+function NavProjects({ projects, label = "Projects" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SidebarGroup, { className: "group-data-[collapsible=icon]:hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupLabel, { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenu, { children: [
+      projects.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenuItem, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuButton, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: item.url, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(item.icon, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.name })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenuAction, { showOnHover: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, {}),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            DropdownMenuContent,
+            {
+              className: "w-48 rounded-[var(--j3m-radius-m)]",
+              side: "right",
+              align: "start",
+              sideOffset: 8,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderIcon, { className: "text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "View Project" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShareIcon, { className: "text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Share Project" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrashIcon, { className: "text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Delete Project" })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }, item.name)),
+      /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenuButton, { className: "text-sidebar-foreground/70", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, { className: "text-sidebar-foreground/70" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "More" })
+      ] }) })
+    ] })
+  ] });
+}
+function NavSecondary({ items, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarGroup, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuButton, { asChild: true, size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: item.url, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(item.icon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title })
+  ] }) }) }, item.title)) }) }) });
+}
+function NavUser({ user }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      SidebarMenuButton,
+      {
+        size: "lg",
+        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.avatar, alt: user.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "rounded-lg", children: user.name.slice(0, 2).toUpperCase() })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-semibold", children: user.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs", children: user.email })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDownIcon, { className: "ml-auto size-4" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DropdownMenuContent,
+      {
+        className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-[var(--j3m-radius-m)]",
+        side: "right",
+        align: "end",
+        sideOffset: 8,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.avatar, alt: user.name }),
+              /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "rounded-lg", children: user.name.slice(0, 2).toUpperCase() })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-semibold", children: user.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs", children: user.email })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SparklesIcon, {}),
+            "Upgrade to Pro"
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuGroup, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BadgeCheckIcon, {}),
+              "Account"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCardIcon, {}),
+              "Billing"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BellIcon, {}),
+              "Notifications"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOutIcon, {}),
+            "Log out"
+          ] })
+        ]
+      }
+    )
+  ] }) }) });
+}
 
+// src/components/event-calendar/types.ts
+var DEFAULT_WORKING_HOURS = {
+  0: { from: 0, to: 0 },
+  // Sunday - closed
+  1: { from: 9, to: 17 },
+  // Monday
+  2: { from: 9, to: 17 },
+  // Tuesday
+  3: { from: 9, to: 17 },
+  // Wednesday
+  4: { from: 9, to: 17 },
+  // Thursday
+  5: { from: 9, to: 17 },
+  // Friday
+  6: { from: 0, to: 0 }
+  // Saturday - closed
+};
+var DEFAULT_VISIBLE_HOURS = { from: 0, to: 24 };
+var EVENT_COLORS = {
+  blue: {
+    bg: "bg-blue-500/20",
+    text: "text-blue-700 dark:text-blue-300",
+    border: "border-blue-500"
+  },
+  green: {
+    bg: "bg-green-500/20",
+    text: "text-green-700 dark:text-green-300",
+    border: "border-green-500"
+  },
+  red: {
+    bg: "bg-red-500/20",
+    text: "text-red-700 dark:text-red-300",
+    border: "border-red-500"
+  },
+  yellow: {
+    bg: "bg-yellow-500/20",
+    text: "text-yellow-700 dark:text-yellow-300",
+    border: "border-yellow-500"
+  },
+  purple: {
+    bg: "bg-purple-500/20",
+    text: "text-purple-700 dark:text-purple-300",
+    border: "border-purple-500"
+  },
+  orange: {
+    bg: "bg-primary/20",
+    text: "text-primary dark:text-orange-300",
+    border: "border-primary"
+  }
+};
+var VIEW_LABELS = {
+  month: "Month",
+  week: "Week",
+  day: "Day",
+  year: "Year",
+  agenda: "Agenda"
+};
+var BADGE_VARIANT_LABELS = {
+  dot: "Dot",
+  colored: "Colored",
+  mixed: "Mixed"
+};
+var CalendarContext = React15__namespace.createContext(null);
+function EventCalendarProvider({
+  children,
+  events: initialEvents = [],
+  users: initialUsers = [],
+  defaultDate = /* @__PURE__ */ new Date(),
+  defaultView = "month",
+  defaultBadgeVariant = "colored",
+  defaultUserId = null,
+  defaultWorkingHours = DEFAULT_WORKING_HOURS,
+  defaultVisibleHours = DEFAULT_VISIBLE_HOURS,
+  onEventAdd,
+  onEventUpdate,
+  onEventDelete
+}) {
+  const [selectedDate, setSelectedDate] = React15__namespace.useState(defaultDate);
+  const [selectedUserId, setSelectedUserId] = React15__namespace.useState(defaultUserId);
+  const [events, setEventsState] = React15__namespace.useState(initialEvents);
+  const [users] = React15__namespace.useState(initialUsers);
+  const [badgeVariant, setBadgeVariant] = React15__namespace.useState(defaultBadgeVariant);
+  const [view, setView] = React15__namespace.useState(defaultView);
+  const [workingHours, setWorkingHours] = React15__namespace.useState(defaultWorkingHours);
+  const [visibleHours, setVisibleHours] = React15__namespace.useState(defaultVisibleHours);
+  React15__namespace.useEffect(() => {
+    setEventsState(initialEvents);
+  }, [initialEvents]);
+  const setEvents = React15__namespace.useCallback((newEvents) => {
+    setEventsState(newEvents);
+  }, []);
+  const addEvent = React15__namespace.useCallback((event) => {
+    setEventsState((prev) => [...prev, event]);
+    onEventAdd?.(event);
+  }, [onEventAdd]);
+  const updateEvent = React15__namespace.useCallback((event) => {
+    setEventsState(
+      (prev) => prev.map((e) => e.id === event.id ? event : e)
+    );
+    onEventUpdate?.(event);
+  }, [onEventUpdate]);
+  const deleteEvent = React15__namespace.useCallback((eventId) => {
+    setEventsState((prev) => prev.filter((e) => e.id !== eventId));
+    onEventDelete?.(eventId);
+  }, [onEventDelete]);
+  const goToToday = React15__namespace.useCallback(() => {
+    setSelectedDate(/* @__PURE__ */ new Date());
+  }, []);
+  const goToPrevious = React15__namespace.useCallback(() => {
+    setSelectedDate((current) => {
+      switch (view) {
+        case "day":
+          return dateFns.subDays(current, 1);
+        case "week":
+          return dateFns.subWeeks(current, 1);
+        case "month":
+          return dateFns.subMonths(current, 1);
+        case "year":
+          return dateFns.subYears(current, 1);
+        case "agenda":
+          return dateFns.subMonths(current, 1);
+        default:
+          return current;
+      }
+    });
+  }, [view]);
+  const goToNext = React15__namespace.useCallback(() => {
+    setSelectedDate((current) => {
+      switch (view) {
+        case "day":
+          return dateFns.addDays(current, 1);
+        case "week":
+          return dateFns.addWeeks(current, 1);
+        case "month":
+          return dateFns.addMonths(current, 1);
+        case "year":
+          return dateFns.addYears(current, 1);
+        case "agenda":
+          return dateFns.addMonths(current, 1);
+        default:
+          return current;
+      }
+    });
+  }, [view]);
+  const contextValue = React15__namespace.useMemo(
+    () => ({
+      // State
+      selectedDate,
+      selectedUserId,
+      events,
+      users,
+      badgeVariant,
+      view,
+      workingHours,
+      visibleHours,
+      // Actions
+      setSelectedDate,
+      setSelectedUserId,
+      setEvents,
+      addEvent,
+      updateEvent,
+      deleteEvent,
+      setBadgeVariant,
+      setView,
+      setWorkingHours,
+      setVisibleHours,
+      goToToday,
+      goToPrevious,
+      goToNext
+    }),
+    [
+      selectedDate,
+      selectedUserId,
+      events,
+      users,
+      badgeVariant,
+      view,
+      workingHours,
+      visibleHours,
+      setEvents,
+      addEvent,
+      updateEvent,
+      deleteEvent,
+      goToToday,
+      goToPrevious,
+      goToNext
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(CalendarContext.Provider, { value: contextValue, children });
+}
+function useEventCalendar() {
+  const context = React15__namespace.useContext(CalendarContext);
+  if (!context) {
+    throw new Error("useEventCalendar must be used within an EventCalendarProvider");
+  }
+  return context;
+}
+function useFilteredEvents() {
+  const { events, selectedUserId } = useEventCalendar();
+  return React15__namespace.useMemo(() => {
+    if (!selectedUserId) return events;
+    return events.filter((event) => event.user.id === selectedUserId);
+  }, [events, selectedUserId]);
+}
+function useEventsInRange(startDate, endDate) {
+  const filteredEvents = useFilteredEvents();
+  return React15__namespace.useMemo(() => {
+    return filteredEvents.filter((event) => {
+      const eventStart = new Date(event.startDate);
+      const eventEnd = new Date(event.endDate);
+      return eventStart <= endDate && eventEnd >= startDate;
+    });
+  }, [filteredEvents, startDate, endDate]);
+}
+function rangeText(view, date) {
+  const formatString = "MMM d, yyyy";
+  let start;
+  let end;
+  switch (view) {
+    case "agenda":
+      start = dateFns.startOfMonth(date);
+      end = dateFns.endOfMonth(date);
+      break;
+    case "year":
+      start = dateFns.startOfYear(date);
+      end = dateFns.endOfYear(date);
+      break;
+    case "month":
+      start = dateFns.startOfMonth(date);
+      end = dateFns.endOfMonth(date);
+      break;
+    case "week":
+      start = dateFns.startOfWeek(date);
+      end = dateFns.endOfWeek(date);
+      break;
+    case "day":
+      return dateFns.format(date, formatString);
+    default:
+      return "Error while formatting";
+  }
+  return `${dateFns.format(start, formatString)} - ${dateFns.format(end, formatString)}`;
+}
+function navigateDate(date, view, direction) {
+  const operations = {
+    agenda: direction === "next" ? dateFns.addMonths : dateFns.subMonths,
+    year: direction === "next" ? dateFns.addYears : dateFns.subYears,
+    month: direction === "next" ? dateFns.addMonths : dateFns.subMonths,
+    week: direction === "next" ? dateFns.addWeeks : dateFns.subWeeks,
+    day: direction === "next" ? dateFns.addDays : dateFns.subDays
+  };
+  return operations[view](date, 1);
+}
+function getEventsCount(events, date, view) {
+  const compareFns = {
+    agenda: dateFns.isSameMonth,
+    year: dateFns.isSameYear,
+    day: dateFns.isSameDay,
+    week: dateFns.isSameWeek,
+    month: dateFns.isSameMonth
+  };
+  return events.filter(
+    (event) => compareFns[view](new Date(event.startDate), date)
+  ).length;
+}
+function getCurrentEvents(events) {
+  const now = /* @__PURE__ */ new Date();
+  return events.filter(
+    (event) => dateFns.isWithinInterval(now, {
+      start: dateFns.parseISO(event.startDate),
+      end: dateFns.parseISO(event.endDate)
+    })
+  ) || [];
+}
+function groupEvents(dayEvents) {
+  const sortedEvents = dayEvents.sort(
+    (a, b) => dateFns.parseISO(a.startDate).getTime() - dateFns.parseISO(b.startDate).getTime()
+  );
+  const groups = [];
+  for (const event of sortedEvents) {
+    const eventStart = dateFns.parseISO(event.startDate);
+    let placed = false;
+    for (const group of groups) {
+      const lastEventInGroup = group[group.length - 1];
+      const lastEventEnd = dateFns.parseISO(lastEventInGroup.endDate);
+      if (eventStart >= lastEventEnd) {
+        group.push(event);
+        placed = true;
+        break;
+      }
+    }
+    if (!placed) groups.push([event]);
+  }
+  return groups;
+}
+function getEventBlockStyle(event, day, groupIndex, groupSize, visibleHoursRange, hourHeight = 96) {
+  const startDate = dateFns.parseISO(event.startDate);
+  const endDate = dateFns.parseISO(event.endDate);
+  const dayStart = new Date(day);
+  dayStart.setHours(0, 0, 0, 0);
+  const eventStart = startDate < dayStart ? dayStart : startDate;
+  const startMinutes = dateFns.differenceInMinutes(eventStart, dayStart);
+  const durationMinutes = dateFns.differenceInMinutes(endDate, eventStart);
+  const visibleStartMinutes = (visibleHoursRange?.from ?? 0) * 60;
+  const topMinutes = startMinutes - visibleStartMinutes;
+  const topPx = topMinutes / 60 * hourHeight;
+  const heightPx = Math.max(durationMinutes / 60 * hourHeight, hourHeight / 4);
+  const width = 100 / groupSize;
+  const left = groupIndex * width;
+  return {
+    top: `${topPx}px`,
+    height: `${heightPx}px`,
+    width: `${width}%`,
+    left: `${left}%`
+  };
+}
+function isWorkingHour(day, hour, workingHours) {
+  const dayIndex = day.getDay();
+  const dayHours = workingHours[dayIndex];
+  return hour >= dayHours.from && hour < dayHours.to;
+}
+function getVisibleHours(visibleHours, singleDayEvents) {
+  let earliestEventHour = visibleHours.from;
+  let latestEventHour = visibleHours.to;
+  singleDayEvents.forEach((event) => {
+    const startHour = dateFns.parseISO(event.startDate).getHours();
+    const endTime = dateFns.parseISO(event.endDate);
+    const endHour = endTime.getHours() + (endTime.getMinutes() > 0 ? 1 : 0);
+    if (startHour < earliestEventHour) earliestEventHour = startHour;
+    if (endHour > latestEventHour) latestEventHour = endHour;
+  });
+  latestEventHour = Math.min(latestEventHour, 24);
+  const hours = Array.from(
+    { length: latestEventHour - earliestEventHour },
+    (_, i) => i + earliestEventHour
+  );
+  return { hours, earliestEventHour, latestEventHour };
+}
+function getCalendarCells(selectedDate) {
+  const currentYear = selectedDate.getFullYear();
+  const currentMonth = selectedDate.getMonth();
+  const getDaysInMonth = (year, month) => new Date(year, month + 1, 0).getDate();
+  const getFirstDayOfMonth = (year, month) => new Date(year, month, 1).getDay();
+  const daysInMonth = getDaysInMonth(currentYear, currentMonth);
+  const firstDayOfMonth = getFirstDayOfMonth(currentYear, currentMonth);
+  const daysInPrevMonth = getDaysInMonth(currentYear, currentMonth - 1);
+  const totalDays = firstDayOfMonth + daysInMonth;
+  const prevMonthCells = Array.from({ length: firstDayOfMonth }, (_, i) => ({
+    day: daysInPrevMonth - firstDayOfMonth + i + 1,
+    currentMonth: false,
+    date: new Date(
+      currentYear,
+      currentMonth - 1,
+      daysInPrevMonth - firstDayOfMonth + i + 1
+    )
+  }));
+  const currentMonthCells = Array.from({ length: daysInMonth }, (_, i) => ({
+    day: i + 1,
+    currentMonth: true,
+    date: new Date(currentYear, currentMonth, i + 1)
+  }));
+  const nextMonthCells = Array.from(
+    { length: (7 - totalDays % 7) % 7 },
+    (_, i) => ({
+      day: i + 1,
+      currentMonth: false,
+      date: new Date(currentYear, currentMonth + 1, i + 1)
+    })
+  );
+  return [...prevMonthCells, ...currentMonthCells, ...nextMonthCells];
+}
+function calculateMonthEventPositions(multiDayEvents, singleDayEvents, selectedDate) {
+  const monthStart = dateFns.startOfMonth(selectedDate);
+  const monthEnd = dateFns.endOfMonth(selectedDate);
+  const eventPositions = {};
+  const occupiedPositions = {};
+  dateFns.eachDayOfInterval({ start: monthStart, end: monthEnd }).forEach((day) => {
+    occupiedPositions[day.toISOString()] = [false, false, false];
+  });
+  const sortedEvents = [
+    ...multiDayEvents.sort((a, b) => {
+      const aDuration = dateFns.differenceInDays(
+        dateFns.parseISO(a.endDate),
+        dateFns.parseISO(a.startDate)
+      );
+      const bDuration = dateFns.differenceInDays(
+        dateFns.parseISO(b.endDate),
+        dateFns.parseISO(b.startDate)
+      );
+      return bDuration - aDuration || dateFns.parseISO(a.startDate).getTime() - dateFns.parseISO(b.startDate).getTime();
+    }),
+    ...singleDayEvents.sort(
+      (a, b) => dateFns.parseISO(a.startDate).getTime() - dateFns.parseISO(b.startDate).getTime()
+    )
+  ];
+  sortedEvents.forEach((event) => {
+    const eventStart = dateFns.parseISO(event.startDate);
+    const eventEnd = dateFns.parseISO(event.endDate);
+    const eventDays = dateFns.eachDayOfInterval({
+      start: eventStart < monthStart ? monthStart : eventStart,
+      end: eventEnd > monthEnd ? monthEnd : eventEnd
+    });
+    let position = -1;
+    for (let i = 0; i < 3; i++) {
+      if (eventDays.every((day) => {
+        const dayPositions = occupiedPositions[dateFns.startOfDay(day).toISOString()];
+        return dayPositions && !dayPositions[i];
+      })) {
+        position = i;
+        break;
+      }
+    }
+    if (position !== -1) {
+      eventDays.forEach((day) => {
+        const dayKey = dateFns.startOfDay(day).toISOString();
+        occupiedPositions[dayKey][position] = true;
+      });
+      eventPositions[event.id] = position;
+    }
+  });
+  return eventPositions;
+}
+function getMonthCellEvents(date, events, eventPositions) {
+  const eventsForDate = events.filter((event) => {
+    const eventStart = dateFns.parseISO(event.startDate);
+    const eventEnd = dateFns.parseISO(event.endDate);
+    return date >= eventStart && date <= eventEnd || dateFns.isSameDay(date, eventStart) || dateFns.isSameDay(date, eventEnd);
+  });
+  return eventsForDate.map((event) => ({
+    ...event,
+    position: eventPositions[event.id] ?? -1,
+    isMultiDay: event.startDate !== event.endDate
+  })).sort((a, b) => {
+    if (a.isMultiDay && !b.isMultiDay) return -1;
+    if (!a.isMultiDay && b.isMultiDay) return 1;
+    return a.position - b.position;
+  });
+}
+function getMonthDays(date, weekStartsOn = 0) {
+  const start = dateFns.startOfWeek(dateFns.startOfMonth(date), { weekStartsOn });
+  const end = dateFns.endOfWeek(dateFns.endOfMonth(date), { weekStartsOn });
+  return dateFns.eachDayOfInterval({ start, end });
+}
+function getWeekDays(date, weekStartsOn = 0) {
+  const start = dateFns.startOfWeek(date, { weekStartsOn });
+  const end = dateFns.endOfWeek(date, { weekStartsOn });
+  return dateFns.eachDayOfInterval({ start, end });
+}
+function getDayHours(date, start = 0, end = 24) {
+  const dayStart = dateFns.setMinutes(dateFns.setHours(date, start), 0);
+  const dayEnd = dateFns.setMinutes(dateFns.setHours(date, end - 1), 59);
+  return dateFns.eachHourOfInterval({ start: dayStart, end: dayEnd });
+}
+function getYearMonths(date) {
+  const start = dateFns.startOfYear(date);
+  const months = [];
+  for (let i = 0; i < 12; i++) {
+    months.push(new Date(start.getFullYear(), i, 1));
+  }
+  return months;
+}
+function getEventsForDate(events, date) {
+  return events.filter((event) => {
+    const eventStart = dateFns.parseISO(event.startDate);
+    const eventEnd = dateFns.parseISO(event.endDate);
+    return dateFns.isWithinInterval(date, {
+      start: dateFns.startOfDay(eventStart),
+      end: dateFns.endOfDay(eventEnd)
+    }) || dateFns.isSameDay(eventStart, date) || dateFns.isSameDay(eventEnd, date);
+  });
+}
+function getEventsInRange(events, start, end) {
+  return events.filter((event) => {
+    const eventStart = dateFns.parseISO(event.startDate);
+    const eventEnd = dateFns.parseISO(event.endDate);
+    return eventStart >= start && eventStart <= end || eventEnd >= start && eventEnd <= end || eventStart <= start && eventEnd >= end;
+  });
+}
+function splitEventsByDuration(events) {
+  const singleDayEvents = [];
+  const multiDayEvents = [];
+  events.forEach((event) => {
+    const start = dateFns.parseISO(event.startDate);
+    const end = dateFns.parseISO(event.endDate);
+    if (dateFns.isSameDay(start, end)) {
+      singleDayEvents.push(event);
+    } else {
+      multiDayEvents.push(event);
+    }
+  });
+  return { singleDayEvents, multiDayEvents };
+}
+function isMultiDayEvent(event) {
+  const start = dateFns.parseISO(event.startDate);
+  const end = dateFns.parseISO(event.endDate);
+  return !dateFns.isSameDay(start, end);
+}
+function getEventDuration(event) {
+  const start = dateFns.parseISO(event.startDate);
+  const end = dateFns.parseISO(event.endDate);
+  return dateFns.differenceInDays(end, start) + 1;
+}
+function getEventDurationMinutes(event) {
+  const start = dateFns.parseISO(event.startDate);
+  const end = dateFns.parseISO(event.endDate);
+  return dateFns.differenceInMinutes(end, start);
+}
+function sortEvents(events) {
+  return [...events].sort((a, b) => {
+    const startDiff = dateFns.parseISO(a.startDate).getTime() - dateFns.parseISO(b.startDate).getTime();
+    if (startDiff !== 0) return startDiff;
+    return getEventDuration(b) - getEventDuration(a);
+  });
+}
+function getTimePosition(event, visibleHoursRange) {
+  const start = dateFns.parseISO(event.startDate);
+  const hours = dateFns.getHours(start);
+  const minutes = dateFns.getMinutes(start);
+  const startHour = visibleHoursRange?.from ?? 0;
+  const totalMinutes = (hours - startHour) * 60 + minutes;
+  const totalDayMinutes = ((visibleHoursRange?.to ?? 24) - startHour) * 60;
+  return totalMinutes / totalDayMinutes * 100;
+}
+function getTimeHeight(event, visibleHoursRange) {
+  const duration = getEventDurationMinutes(event);
+  const totalDayMinutes = ((visibleHoursRange?.to ?? 24) - (visibleHoursRange?.from ?? 0)) * 60;
+  return Math.min(duration / totalDayMinutes * 100, 100);
+}
+function formatTime(date, use24h = false) {
+  return dateFns.format(date, use24h ? "HH:mm" : "h:mm a");
+}
+function getWeekDayNames(weekStartsOn = 0, shortNames = true) {
+  const days = [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ];
+  const rotated = [...days.slice(weekStartsOn), ...days.slice(0, weekStartsOn)];
+  return shortNames ? rotated.map((d) => d.slice(0, 3)) : rotated;
+}
+function getHeaderLabel(date, view) {
+  switch (view) {
+    case "day":
+      return dateFns.format(date, "EEEE, MMMM d, yyyy");
+    case "week":
+      const weekStart = dateFns.startOfWeek(date);
+      const weekEnd = dateFns.endOfWeek(date);
+      if (weekStart.getMonth() === weekEnd.getMonth()) {
+        return dateFns.format(weekStart, "MMMM d") + " - " + dateFns.format(weekEnd, "d, yyyy");
+      }
+      return dateFns.format(weekStart, "MMM d") + " - " + dateFns.format(weekEnd, "MMM d, yyyy");
+    case "month":
+      return dateFns.format(date, "MMMM yyyy");
+    case "year":
+      return dateFns.format(date, "yyyy");
+    case "agenda":
+      return dateFns.format(date, "MMMM yyyy");
+    default:
+      return dateFns.format(date, "MMMM yyyy");
+  }
+}
+function getViewDateRange(date, view) {
+  switch (view) {
+    case "day":
+      return { start: dateFns.startOfDay(date), end: dateFns.endOfDay(date) };
+    case "week":
+      return { start: dateFns.startOfWeek(date), end: dateFns.endOfWeek(date) };
+    case "month":
+      return { start: dateFns.startOfMonth(date), end: dateFns.endOfMonth(date) };
+    case "year":
+      return { start: dateFns.startOfYear(date), end: dateFns.endOfYear(date) };
+    case "agenda":
+      return { start: dateFns.startOfMonth(date), end: dateFns.endOfMonth(date) };
+    default:
+      return { start: dateFns.startOfMonth(date), end: dateFns.endOfMonth(date) };
+  }
+}
+function formatDateRange(start, end) {
+  if (dateFns.isSameDay(start, end)) {
+    return dateFns.format(start, "MMM d, yyyy");
+  }
+  if (start.getFullYear() === end.getFullYear()) {
+    if (start.getMonth() === end.getMonth()) {
+      return dateFns.format(start, "MMM d") + " - " + dateFns.format(end, "d, yyyy");
+    }
+    return dateFns.format(start, "MMM d") + " - " + dateFns.format(end, "MMM d, yyyy");
+  }
+  return dateFns.format(start, "MMM d, yyyy") + " - " + dateFns.format(end, "MMM d, yyyy");
+}
+function createDefaultEvent(startDate, duration = 60) {
+  return {
+    title: "",
+    description: "",
+    startDate: startDate.toISOString(),
+    endDate: dateFns.addMinutes(startDate, duration).toISOString(),
+    color: "blue",
+    user: {
+      id: "",
+      name: ""
+    }
+  };
+}
+function generateEventId() {
+  return `event_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
+}
+function calculateDropDates(event, newStartDate) {
+  const originalStart = dateFns.parseISO(event.startDate);
+  const originalEnd = dateFns.parseISO(event.endDate);
+  const duration = dateFns.differenceInMinutes(originalEnd, originalStart);
+  const newStart = newStartDate;
+  const newEnd = dateFns.addMinutes(newStart, duration);
+  return {
+    startDate: newStart.toISOString(),
+    endDate: newEnd.toISOString()
+  };
+}
+function snapToInterval(date, intervalMinutes = 15) {
+  const minutes = dateFns.getMinutes(date);
+  const snappedMinutes = Math.round(minutes / intervalMinutes) * intervalMinutes;
+  return dateFns.setMinutes(date, snappedMinutes);
+}
+var colorClasses = {
+  blue: {
+    dot: "bg-blue-500",
+    bg: "bg-blue-50 dark:bg-blue-950/50",
+    text: "text-blue-600 dark:text-blue-400",
+    border: "border-l-blue-500",
+    solid: "bg-blue-500"
+  },
+  green: {
+    dot: "bg-green-500",
+    bg: "bg-green-50 dark:bg-green-950/50",
+    text: "text-green-600 dark:text-green-400",
+    border: "border-l-green-500",
+    solid: "bg-green-500"
+  },
+  red: {
+    dot: "bg-red-500",
+    bg: "bg-red-50 dark:bg-red-950/50",
+    text: "text-red-600 dark:text-red-400",
+    border: "border-l-red-500",
+    solid: "bg-red-500"
+  },
+  yellow: {
+    dot: "bg-yellow-500",
+    bg: "bg-yellow-50 dark:bg-yellow-950/50",
+    text: "text-yellow-600 dark:text-yellow-400",
+    border: "border-l-yellow-500",
+    solid: "bg-yellow-500"
+  },
+  purple: {
+    dot: "bg-purple-500",
+    bg: "bg-purple-50 dark:bg-purple-950/50",
+    text: "text-purple-600 dark:text-purple-400",
+    border: "border-l-purple-500",
+    solid: "bg-purple-500"
+  },
+  orange: {
+    dot: "bg-primary",
+    bg: "bg-orange-50 dark:bg-orange-950/50",
+    text: "text-primary dark:text-orange-400",
+    border: "border-l-primary",
+    solid: "bg-primary"
+  }
+};
+function EventBadge({
+  event,
+  variant = "colored",
+  className,
+  showTime = false,
+  compact = false,
+  isDragging = false,
+  onClick
+}) {
+  const colors = colorClasses[event.color];
+  const startTime = dateFns.format(dateFns.parseISO(event.startDate), "h:mm a");
+  const handleClick = (e) => {
+    e.stopPropagation();
+    onClick?.(event, e);
+  };
+  if (variant === "dot") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        className: cn(
+          "flex items-center gap-1.5 rounded-sm px-1.5 py-0.5 text-left text-xs transition-colors",
+          "hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          isDragging && "opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("size-2 shrink-0 rounded-full", colors.dot) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-foreground", children: event.title }),
+          showTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: startTime })
+        ]
+      }
+    );
+  }
+  if (variant === "mixed") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        className: cn(
+          "flex items-center gap-1.5 rounded-sm border-l-2 px-1.5 py-0.5 text-left text-xs transition-colors",
+          "hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          colors.border,
+          isDragging && "opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-foreground", children: event.title }),
+          showTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: startTime })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      className: cn(
+        "flex flex-col items-start rounded-sm border-l-[3px] text-left text-xs transition-colors",
+        "hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        colors.border,
+        colors.bg,
+        colors.text,
+        compact ? "px-1.5 py-0.5" : "px-2 py-1",
+        isDragging && "opacity-50 shadow-lg",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium max-w-full", children: event.title }),
+        showTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: startTime })
+      ]
+    }
+  );
+}
+function MoreEvents({ count, onClick, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "w-full rounded-sm px-2 py-0.5 text-left text-xs text-muted-foreground transition-colors",
+        "hover:bg-muted hover:text-foreground",
+        className
+      ),
+      children: [
+        count,
+        " more..."
+      ]
+    }
+  );
+}
+function TimeIndicator({ className }) {
+  const [now, setNow] = React15__namespace.useState(/* @__PURE__ */ new Date());
+  React15__namespace.useEffect(() => {
+    const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
+    return () => clearInterval(interval);
+  }, []);
+  const hours = now.getHours();
+  const minutes = now.getMinutes();
+  const topPercent = (hours * 60 + minutes) / (24 * 60) * 100;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "pointer-events-none absolute left-0 right-0 z-20 flex items-center",
+        className
+      ),
+      style: { top: `${topPercent}%` },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-2.5 -translate-x-1/2 rounded-full bg-red-500" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-0.5 flex-1 bg-red-500" })
+      ]
+    }
+  );
+}
+function DateBadge({ date, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col w-14 overflow-hidden border border-border rounded-md",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-foreground text-background text-[10px] font-bold text-center py-1.5 uppercase tracking-wider", children: dateFns.format(date, "MMM") }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-background text-foreground text-2xl font-bold text-center py-2.5", children: dateFns.format(date, "d") })
+      ]
+    }
+  );
+}
+var DragContext = React15__namespace.createContext(null);
+function DragProvider({
+  children,
+  snapMinutes = 15,
+  onDragStart,
+  onDragEnd
+}) {
+  const [draggedEvent, setDraggedEventState] = React15__namespace.useState(null);
+  const [isDragging, setIsDragging] = React15__namespace.useState(false);
+  const { updateEvent } = useEventCalendar();
+  const setDraggedEvent = React15__namespace.useCallback((event) => {
+    setDraggedEventState(event);
+    setIsDragging(!!event);
+    if (event) {
+      onDragStart?.(event);
+    }
+  }, [onDragStart]);
+  const handleDrop = React15__namespace.useCallback((newStartDate) => {
+    if (!draggedEvent) return;
+    const snappedDate = snapToInterval(newStartDate, snapMinutes);
+    const { startDate, endDate } = calculateDropDates(draggedEvent, snappedDate);
+    const updatedEvent = {
+      ...draggedEvent,
+      startDate,
+      endDate
+    };
+    updateEvent(updatedEvent);
+    onDragEnd?.(updatedEvent, new Date(startDate), new Date(endDate));
+    setDraggedEvent(null);
+  }, [draggedEvent, snapMinutes, updateEvent, onDragEnd, setDraggedEvent]);
+  const contextValue = React15__namespace.useMemo(
+    () => ({
+      draggedEvent,
+      setDraggedEvent,
+      isDragging
+    }),
+    [draggedEvent, setDraggedEvent, isDragging]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(DragContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(DragDropHandler, { onDrop: handleDrop, children }) });
+}
+function useDrag() {
+  const context = React15__namespace.useContext(DragContext);
+  if (!context) {
+    throw new Error("useDrag must be used within a DragProvider");
+  }
+  return context;
+}
+function DragDropHandler({ children, onDrop }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+function DraggableEvent({
+  event,
+  children,
+  disabled = false
+}) {
+  const { setDraggedEvent, isDragging, draggedEvent } = useDrag();
+  const isDragged = draggedEvent?.id === event.id;
+  const handleDragStart = (e) => {
+    if (disabled) return;
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", event.id);
+    setDraggedEvent(event);
+  };
+  const handleDragEnd = () => {
+    setDraggedEvent(null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      draggable: !disabled,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      className: isDragged ? "opacity-50" : "",
+      style: { cursor: disabled ? "default" : "grab" },
+      children
+    }
+  );
+}
+function DroppableZone({
+  date,
+  children,
+  onDrop,
+  className
+}) {
+  const { draggedEvent, setDraggedEvent } = useDrag();
+  const { updateEvent } = useEventCalendar();
+  const [isOver, setIsOver] = React15__namespace.useState(false);
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    setIsOver(true);
+  };
+  const handleDragLeave = () => {
+    setIsOver(false);
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsOver(false);
+    if (!draggedEvent) return;
+    const { startDate, endDate } = calculateDropDates(draggedEvent, date);
+    const updatedEvent = {
+      ...draggedEvent,
+      startDate,
+      endDate
+    };
+    updateEvent(updatedEvent);
+    onDrop?.(updatedEvent, date);
+    setDraggedEvent(null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
+      className,
+      "data-drag-over": isOver,
+      children
+    }
+  );
+}
+function useDroppable({ date, hour, minute = 0, onDrop }) {
+  const { draggedEvent, setDraggedEvent } = useDrag();
+  const { updateEvent } = useEventCalendar();
+  const [isOver, setIsOver] = React15__namespace.useState(false);
+  const dropTargetDate = React15__namespace.useMemo(() => {
+    const targetDate = new Date(date);
+    if (hour !== void 0) {
+      targetDate.setHours(hour, minute, 0, 0);
+    }
+    return targetDate;
+  }, [date, hour, minute]);
+  const handleDragOver = React15__namespace.useCallback((e) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    if (!isOver) setIsOver(true);
+  }, [isOver]);
+  const handleDragLeave = React15__namespace.useCallback(() => {
+    setIsOver(false);
+  }, []);
+  const handleDrop = React15__namespace.useCallback((e) => {
+    e.preventDefault();
+    setIsOver(false);
+    if (!draggedEvent) return;
+    const { startDate, endDate } = calculateDropDates(draggedEvent, dropTargetDate);
+    const updatedEvent = {
+      ...draggedEvent,
+      startDate,
+      endDate
+    };
+    updateEvent(updatedEvent);
+    onDrop?.(updatedEvent, dropTargetDate);
+    setDraggedEvent(null);
+  }, [draggedEvent, dropTargetDate, updateEvent, onDrop, setDraggedEvent]);
+  return {
+    isOver,
+    dropProps: {
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
+      "data-drag-over": isOver
+    }
+  };
+}
+function useDraggable(event, disabled = false) {
+  const { setDraggedEvent, draggedEvent } = useDrag();
+  const isDragged = draggedEvent?.id === event.id;
+  const handleDragStart = React15__namespace.useCallback((e) => {
+    if (disabled) return;
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", event.id);
+    setDraggedEvent(event);
+  }, [disabled, event, setDraggedEvent]);
+  const handleDragEnd = React15__namespace.useCallback(() => {
+    setDraggedEvent(null);
+  }, [setDraggedEvent]);
+  return {
+    isDragged,
+    dragProps: {
+      draggable: !disabled,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      style: { cursor: disabled ? "default" : "grab" }
+    }
+  };
+}
+var WEEK_DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+function DraggableEventWrapper({
+  event,
+  children
+}) {
+  const { isDragged, dragProps } = useDraggable(event);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...dragProps,
+      className: cn(
+        "transition-opacity",
+        isDragged && "opacity-50"
+      ),
+      children
+    }
+  );
+}
+function MonthView({
+  className,
+  maxEventsPerDay = 3,
+  weekStartsOn = 0,
+  onEventClick,
+  onDateClick,
+  onMoreClick
+}) {
+  const { selectedDate, badgeVariant, setSelectedDate, setView } = useEventCalendar();
+  const filteredEvents = useFilteredEvents();
+  const { singleDayEvents, multiDayEvents } = React15__namespace.useMemo(
+    () => splitEventsByDuration(filteredEvents),
+    [filteredEvents]
+  );
+  const cells = React15__namespace.useMemo(
+    () => getCalendarCells(selectedDate),
+    [selectedDate]
+  );
+  const eventPositions = React15__namespace.useMemo(
+    () => calculateMonthEventPositions(multiDayEvents, singleDayEvents, selectedDate),
+    [multiDayEvents, singleDayEvents, selectedDate]
+  );
+  const allEvents = [...multiDayEvents, ...singleDayEvents];
+  const handleDateClick = (date) => {
+    setSelectedDate(date);
+    setView("day");
+    onDateClick?.(date);
+  };
+  const handleMoreClick = (date, events) => {
+    setSelectedDate(date);
+    setView("day");
+    onMoreClick?.(date, events);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 divide-x divide-border/50", children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "flex items-center justify-center py-2",
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: day })
+      },
+      day
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 overflow-hidden", children: cells.map((cell) => /* @__PURE__ */ jsxRuntime.jsx(
+      DayCell,
+      {
+        cell,
+        events: allEvents,
+        eventPositions,
+        selectedDate,
+        badgeVariant,
+        maxEvents: maxEventsPerDay,
+        onDateClick: handleDateClick,
+        onEventClick,
+        onMoreClick: handleMoreClick
+      },
+      cell.date.toISOString()
+    )) })
+  ] });
+}
+function DayCell({
+  cell,
+  events,
+  eventPositions,
+  selectedDate,
+  badgeVariant,
+  maxEvents,
+  onDateClick,
+  onEventClick,
+  onMoreClick
+}) {
+  const { date, currentMonth } = cell;
+  const isCurrentDay = dateFns.isToday(date);
+  const isSelectedDay = dateFns.isSameDay(date, selectedDate);
+  const { isOver, dropProps } = useDroppable({ date });
+  const cellEvents = getMonthCellEvents(date, events, eventPositions);
+  const positionedEvents = cellEvents.filter((e) => e.position !== -1);
+  const hiddenEvents = cellEvents.filter((e) => e.position === -1);
+  const slots = [null, null, null];
+  positionedEvents.forEach((event) => {
+    if (event.position >= 0 && event.position < 3) {
+      slots[event.position] = event;
+    }
+  });
+  const hiddenCount = hiddenEvents.length + positionedEvents.filter((e) => e.position >= 3).length;
+  const isEventStart = (event) => dateFns.isSameDay(dateFns.parseISO(event.startDate), date);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ...dropProps,
+      className: cn(
+        "relative min-h-[120px] border-b border-r border-border/50 p-1 transition-colors",
+        !currentMonth && "bg-muted/30",
+        isOver && "bg-primary/10 ring-2 ring-primary/50 ring-inset"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onDateClick(date),
+            className: cn(
+              "mb-1 flex size-7 items-center justify-center text-sm transition-colors",
+              "hover:bg-muted rounded-sm",
+              isCurrentDay && "bg-primary text-primary-foreground hover:bg-primary/90 rounded-sm",
+              isSelectedDay && !isCurrentDay && "bg-muted font-semibold rounded-sm",
+              !currentMonth && "text-muted-foreground"
+            ),
+            children: cell.day
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+          slots.map((event, index) => {
+            if (!event) {
+              return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5" }, `empty-${index}`);
+            }
+            const showTitle = isEventStart(event) || dateFns.startOfDay(date).getDay() === 0;
+            return /* @__PURE__ */ jsxRuntime.jsx(DraggableEventWrapper, { event, children: /* @__PURE__ */ jsxRuntime.jsx(
+              EventBadge,
+              {
+                event,
+                variant: badgeVariant,
+                compact: true,
+                showTime: showTitle,
+                onClick: (e) => onEventClick?.(e),
+                className: cn(
+                  "w-full",
+                  // If not showing title, make it appear as a continuation
+                  !showTitle && "rounded-l-none border-l-0"
+                )
+              }
+            ) }, event.id);
+          }),
+          hiddenCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            MoreEvents,
+            {
+              count: hiddenCount,
+              onClick: () => onMoreClick(date, cellEvents)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function DraggableEventWrapper2({
+  event,
+  children,
+  className,
+  style
+}) {
+  const { isDragged, dragProps } = useDraggable(event);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...dragProps,
+      className: cn(
+        className,
+        "transition-opacity",
+        isDragged && "opacity-50"
+      ),
+      style,
+      children
+    }
+  );
+}
+function DroppableTimeSlot({
+  date,
+  hour,
+  minute,
+  className,
+  onClick
+}) {
+  const { isOver, dropProps } = useDroppable({ date, hour, minute });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...dropProps,
+      onClick,
+      className: cn(
+        className,
+        "cursor-pointer transition-colors hover:bg-accent",
+        isOver && "bg-primary/20"
+      )
+    }
+  );
+}
+function WeekView({
+  className,
+  weekStartsOn = 0,
+  onEventClick,
+  onDateClick,
+  onTimeClick
+}) {
+  const {
+    selectedDate,
+    badgeVariant,
+    workingHours,
+    visibleHours
+  } = useEventCalendar();
+  const filteredEvents = useFilteredEvents();
+  const { singleDayEvents, multiDayEvents } = React15__namespace.useMemo(
+    () => splitEventsByDuration(filteredEvents),
+    [filteredEvents]
+  );
+  const { hours, earliestEventHour, latestEventHour } = getVisibleHours(
+    visibleHours,
+    singleDayEvents
+  );
+  const weekStart = dateFns.startOfWeek(selectedDate, { weekStartsOn });
+  const weekDays = Array.from({ length: 7 }, (_, i) => dateFns.addDays(weekStart, i));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center border-b py-4 text-sm text-muted-foreground sm:hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Weekly view is not available on smaller devices." }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Please switch to daily or monthly view." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("hidden flex-col sm:flex", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        WeekViewMultiDayEventsRow,
+        {
+          selectedDate,
+          multiDayEvents
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex border-b border-border/50", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-7 divide-x divide-border/50 border-l border-border/50", children: weekDays.map((day, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "py-2 text-center text-xs font-medium text-muted-foreground",
+            children: [
+              dateFns.format(day, "EE"),
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 font-semibold text-foreground", children: dateFns.format(day, "d") })
+            ]
+          },
+          index
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "h-[736px]", type: "always", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-18", children: hours.map((hour, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", style: { height: "96px" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-3 right-2 flex h-6 items-center", children: index !== 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: dateFns.format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), "hh a") }) }) }, hour)) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 border-l border-border/50", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 divide-x divide-border/50", children: weekDays.map((day, dayIndex) => {
+            const dayEvents = singleDayEvents.filter(
+              (event) => dateFns.isSameDay(dateFns.parseISO(event.startDate), day) || dateFns.isSameDay(dateFns.parseISO(event.endDate), day)
+            );
+            const groupedEvents = groupEvents(dayEvents);
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              hours.map((hour, index) => {
+                const isDisabled = !isWorkingHour(day, hour, workingHours);
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "relative",
+                      isDisabled && "bg-[repeating-linear-gradient(45deg,transparent,transparent_5px,rgba(0,0,0,0.04)_5px,rgba(0,0,0,0.04)_10px)] dark:bg-[repeating-linear-gradient(45deg,transparent,transparent_5px,rgba(255,255,255,0.04)_5px,rgba(255,255,255,0.04)_10px)]"
+                    ),
+                    style: { height: "96px" },
+                    children: [
+                      index !== 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b border-border/40" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        DroppableTimeSlot,
+                        {
+                          date: day,
+                          hour,
+                          minute: 0,
+                          className: "absolute inset-x-0 top-0 h-[24px]",
+                          onClick: () => onTimeClick?.(day, hour, 0)
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        DroppableTimeSlot,
+                        {
+                          date: day,
+                          hour,
+                          minute: 15,
+                          className: "absolute inset-x-0 top-[24px] h-[24px]",
+                          onClick: () => onTimeClick?.(day, hour, 15)
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-x-0 top-1/2 border-b border-dashed border-border/30" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        DroppableTimeSlot,
+                        {
+                          date: day,
+                          hour,
+                          minute: 30,
+                          className: "absolute inset-x-0 top-[48px] h-[24px]",
+                          onClick: () => onTimeClick?.(day, hour, 30)
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        DroppableTimeSlot,
+                        {
+                          date: day,
+                          hour,
+                          minute: 45,
+                          className: "absolute inset-x-0 top-[72px] h-[24px]",
+                          onClick: () => onTimeClick?.(day, hour, 45)
+                        }
+                      )
+                    ]
+                  },
+                  hour
+                );
+              }),
+              groupedEvents.map(
+                (group, groupIndex) => group.map((event) => {
+                  let style = getEventBlockStyle(
+                    event,
+                    day,
+                    groupIndex,
+                    groupedEvents.length,
+                    { from: earliestEventHour}
+                  );
+                  const hasOverlap = groupedEvents.some(
+                    (otherGroup, otherIndex) => otherIndex !== groupIndex && otherGroup.some(
+                      (otherEvent) => dateFns.areIntervalsOverlapping(
+                        {
+                          start: dateFns.parseISO(event.startDate),
+                          end: dateFns.parseISO(event.endDate)
+                        },
+                        {
+                          start: dateFns.parseISO(otherEvent.startDate),
+                          end: dateFns.parseISO(otherEvent.endDate)
+                        }
+                      )
+                    )
+                  );
+                  if (!hasOverlap) {
+                    style = { ...style, width: "100%", left: "0%" };
+                  }
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    DraggableEventWrapper2,
+                    {
+                      event,
+                      className: "absolute px-0.5 py-0.5",
+                      style,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        EventBadge,
+                        {
+                          event,
+                          variant: badgeVariant,
+                          showTime: true,
+                          onClick: (e) => onEventClick?.(e),
+                          className: "h-full w-full"
+                        }
+                      )
+                    },
+                    event.id
+                  );
+                })
+              )
+            ] }, dayIndex);
+          }) }),
+          weekDays.some((day) => dateFns.isToday(day)) && /* @__PURE__ */ jsxRuntime.jsx(
+            CalendarTimeline,
+            {
+              firstVisibleHour: earliestEventHour,
+              lastVisibleHour: latestEventHour
+            }
+          )
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function WeekViewMultiDayEventsRow({
+  selectedDate,
+  multiDayEvents
+}) {
+  const { badgeVariant } = useEventCalendar();
+  if (multiDayEvents.length === 0) return null;
+  const weekStart = dateFns.startOfWeek(selectedDate);
+  const weekDays = Array.from({ length: 7 }, (_, i) => dateFns.addDays(weekStart, i));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden border-b sm:flex", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-18 shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-7 divide-x border-l", children: weekDays.map((day, index) => {
+      const dayMultiEvents = multiDayEvents.filter((event) => {
+        const start = dateFns.parseISO(event.startDate);
+        const end = dateFns.parseISO(event.endDate);
+        return day >= start && day <= end;
+      });
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-[32px] space-y-1 p-1", children: [
+        dayMultiEvents.slice(0, 2).map((event) => /* @__PURE__ */ jsxRuntime.jsx(
+          EventBadge,
+          {
+            event,
+            variant: badgeVariant,
+            compact: true,
+            className: "w-full"
+          },
+          event.id
+        )),
+        dayMultiEvents.length > 2 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground text-center", children: [
+          "+",
+          dayMultiEvents.length - 2,
+          " more"
+        ] })
+      ] }, index);
+    }) })
+  ] });
+}
+function CalendarTimeline({
+  firstVisibleHour,
+  lastVisibleHour
+}) {
+  const [currentTime, setCurrentTime] = React15__namespace.useState(/* @__PURE__ */ new Date());
+  React15__namespace.useEffect(() => {
+    const interval = setInterval(() => {
+      setCurrentTime(/* @__PURE__ */ new Date());
+    }, 6e4);
+    return () => clearInterval(interval);
+  }, []);
+  const currentHour = currentTime.getHours();
+  const currentMinute = currentTime.getMinutes();
+  if (currentHour < firstVisibleHour || currentHour >= lastVisibleHour) {
+    return null;
+  }
+  const minutesSinceStart = (currentHour - firstVisibleHour) * 60 + currentMinute;
+  const totalMinutes = (lastVisibleHour - firstVisibleHour) * 60;
+  const topPercent = minutesSinceStart / totalMinutes * 100;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pointer-events-none absolute inset-x-0 z-30 flex items-center",
+      style: { top: `${topPercent}%` },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 -translate-x-1/2 rounded-full bg-red-500" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-0.5 flex-1 bg-red-500" })
+      ]
+    }
+  );
+}
+function DraggableEventWrapper3({
+  event,
+  children,
+  className,
+  style
+}) {
+  const { isDragged, dragProps } = useDraggable(event);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...dragProps,
+      className: cn(
+        className,
+        "transition-opacity",
+        isDragged && "opacity-50"
+      ),
+      style,
+      children
+    }
+  );
+}
+function DroppableTimeSlot2({
+  date,
+  hour,
+  minute,
+  className,
+  onClick
+}) {
+  const { isOver, dropProps } = useDroppable({ date, hour, minute });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...dropProps,
+      onClick,
+      className: cn(
+        className,
+        "cursor-pointer transition-colors hover:bg-accent",
+        isOver && "bg-primary/20"
+      )
+    }
+  );
+}
+function DayView({
+  className,
+  showSidebar = true,
+  onEventClick,
+  onTimeClick
+}) {
+  const {
+    selectedDate,
+    setSelectedDate,
+    badgeVariant,
+    users,
+    workingHours,
+    visibleHours
+  } = useEventCalendar();
+  const filteredEvents = useFilteredEvents();
+  const { singleDayEvents, multiDayEvents } = React15__namespace.useMemo(
+    () => splitEventsByDuration(filteredEvents),
+    [filteredEvents]
+  );
+  const { hours, earliestEventHour, latestEventHour } = getVisibleHours(
+    visibleHours,
+    singleDayEvents
+  );
+  const currentEvents = React15__namespace.useMemo(() => {
+    if (!dateFns.isToday(selectedDate)) return [];
+    return getCurrentEvents(singleDayEvents);
+  }, [singleDayEvents, selectedDate]);
+  const dayEvents = singleDayEvents.filter((event) => {
+    const eventDate = dateFns.parseISO(event.startDate);
+    return eventDate.getDate() === selectedDate.getDate() && eventDate.getMonth() === selectedDate.getMonth() && eventDate.getFullYear() === selectedDate.getFullYear();
+  });
+  const groupedEvents = groupEvents(dayEvents);
+  const handleDateSelect = (date) => {
+    if (date) {
+      setSelectedDate(date);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col", children: [
+      multiDayEvents.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        DayViewMultiDayEventsRow,
+        {
+          selectedDate,
+          multiDayEvents
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex border-b border-border/50", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-18" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1 border-l border-border/50 py-2 text-center text-xs font-medium text-muted-foreground", children: [
+          dateFns.format(selectedDate, "EE"),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: dateFns.format(selectedDate, "d") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "h-[800px]", type: "always", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-18", children: hours.map((hour, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", style: { height: "96px" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-3 right-2 flex h-6 items-center", children: index !== 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: dateFns.format((/* @__PURE__ */ new Date()).setHours(hour, 0, 0, 0), "hh a") }) }) }, hour)) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 border-l border-border/50", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            hours.map((hour, index) => {
+              const isDisabled = !isWorkingHour(selectedDate, hour, workingHours);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "relative",
+                    isDisabled && "bg-[repeating-linear-gradient(45deg,transparent,transparent_5px,rgba(0,0,0,0.04)_5px,rgba(0,0,0,0.04)_10px)] dark:bg-[repeating-linear-gradient(45deg,transparent,transparent_5px,rgba(255,255,255,0.04)_5px,rgba(255,255,255,0.04)_10px)]"
+                  ),
+                  style: { height: "96px" },
+                  children: [
+                    index !== 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b border-border/40" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DroppableTimeSlot2,
+                      {
+                        date: selectedDate,
+                        hour,
+                        minute: 0,
+                        className: "absolute inset-x-0 top-0 h-[24px]",
+                        onClick: () => onTimeClick?.(selectedDate, hour, 0)
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DroppableTimeSlot2,
+                      {
+                        date: selectedDate,
+                        hour,
+                        minute: 15,
+                        className: "absolute inset-x-0 top-[24px] h-[24px]",
+                        onClick: () => onTimeClick?.(selectedDate, hour, 15)
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-x-0 top-1/2 border-b border-dashed border-border/30" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DroppableTimeSlot2,
+                      {
+                        date: selectedDate,
+                        hour,
+                        minute: 30,
+                        className: "absolute inset-x-0 top-[48px] h-[24px]",
+                        onClick: () => onTimeClick?.(selectedDate, hour, 30)
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DroppableTimeSlot2,
+                      {
+                        date: selectedDate,
+                        hour,
+                        minute: 45,
+                        className: "absolute inset-x-0 top-[72px] h-[24px]",
+                        onClick: () => onTimeClick?.(selectedDate, hour, 45)
+                      }
+                    )
+                  ]
+                },
+                hour
+              );
+            }),
+            groupedEvents.map(
+              (group, groupIndex) => group.map((event) => {
+                let style = getEventBlockStyle(
+                  event,
+                  selectedDate,
+                  groupIndex,
+                  groupedEvents.length,
+                  { from: earliestEventHour}
+                );
+                const hasOverlap = groupedEvents.some(
+                  (otherGroup, otherIndex) => otherIndex !== groupIndex && otherGroup.some(
+                    (otherEvent) => dateFns.areIntervalsOverlapping(
+                      {
+                        start: dateFns.parseISO(event.startDate),
+                        end: dateFns.parseISO(event.endDate)
+                      },
+                      {
+                        start: dateFns.parseISO(otherEvent.startDate),
+                        end: dateFns.parseISO(otherEvent.endDate)
+                      }
+                    )
+                  )
+                );
+                if (!hasOverlap) {
+                  style = { ...style, width: "100%", left: "0%" };
+                }
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  DraggableEventWrapper3,
+                  {
+                    event,
+                    className: "absolute px-1 py-0.5",
+                    style,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      EventBadge,
+                      {
+                        event,
+                        variant: badgeVariant,
+                        showTime: true,
+                        onClick: (e) => onEventClick?.(e),
+                        className: "h-full w-full"
+                      }
+                    )
+                  },
+                  event.id
+                );
+              })
+            )
+          ] }),
+          dateFns.isToday(selectedDate) && /* @__PURE__ */ jsxRuntime.jsx(
+            CalendarTimeline2,
+            {
+              firstVisibleHour: earliestEventHour,
+              lastVisibleHour: latestEventHour
+            }
+          )
+        ] })
+      ] }) })
+    ] }),
+    showSidebar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden w-64 divide-y border-l md:block", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar,
+        {
+          className: "mx-auto w-fit",
+          mode: "single",
+          selected: selectedDate,
+          onSelect: handleDateSelect
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-3", children: [
+        currentEvents.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 px-4 pt-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative mt-[5px] flex size-2.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-green-400 opacity-75" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex size-2.5 rounded-full bg-green-600" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: "Happening now" })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-center text-sm italic text-muted-foreground", children: "No appointments or consultations at the moment" }),
+        currentEvents.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "h-[422px] px-4", type: "always", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6 pb-4", children: currentEvents.map((event) => {
+          const user = users.find((u) => u.id === event.user.id);
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-2 text-sm font-semibold", children: event.title }),
+            user && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "size-3.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: user.name })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "size-3.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: dateFns.format(/* @__PURE__ */ new Date(), "MMM d, yyyy") })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "size-3.5" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm", children: [
+                dateFns.format(dateFns.parseISO(event.startDate), "h:mm a"),
+                " -",
+                " ",
+                dateFns.format(dateFns.parseISO(event.endDate), "h:mm a")
+              ] })
+            ] })
+          ] }, event.id);
+        }) }) })
+      ] })
+    ] })
+  ] });
+}
+function DayViewMultiDayEventsRow({
+  selectedDate,
+  multiDayEvents
+}) {
+  const { badgeVariant } = useEventCalendar();
+  const relevantEvents = multiDayEvents.filter((event) => {
+    const start = dateFns.parseISO(event.startDate);
+    const end = dateFns.parseISO(event.endDate);
+    return selectedDate >= start && selectedDate <= end;
+  });
+  if (relevantEvents.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex border-b", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-18 shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 space-y-1 border-l p-2", children: relevantEvents.map((event) => /* @__PURE__ */ jsxRuntime.jsx(
+      EventBadge,
+      {
+        event,
+        variant: badgeVariant,
+        className: "w-full"
+      },
+      event.id
+    )) })
+  ] });
+}
+function CalendarTimeline2({
+  firstVisibleHour,
+  lastVisibleHour
+}) {
+  const [currentTime, setCurrentTime] = React15__namespace.useState(/* @__PURE__ */ new Date());
+  React15__namespace.useEffect(() => {
+    const interval = setInterval(() => {
+      setCurrentTime(/* @__PURE__ */ new Date());
+    }, 6e4);
+    return () => clearInterval(interval);
+  }, []);
+  const currentHour = currentTime.getHours();
+  const currentMinute = currentTime.getMinutes();
+  if (currentHour < firstVisibleHour || currentHour >= lastVisibleHour) {
+    return null;
+  }
+  const minutesSinceStart = (currentHour - firstVisibleHour) * 60 + currentMinute;
+  const totalMinutes = (lastVisibleHour - firstVisibleHour) * 60;
+  const topPercent = minutesSinceStart / totalMinutes * 100;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pointer-events-none absolute inset-x-0 z-30 flex items-center",
+      style: { top: `${topPercent}%` },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 -translate-x-1/2 rounded-full bg-red-500" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-0.5 flex-1 bg-red-500" })
+      ]
+    }
+  );
+}
+function YearView({
+  className,
+  weekStartsOn = 0,
+  onMonthClick,
+  onDateClick
+}) {
+  const { selectedDate, setSelectedDate, setView } = useEventCalendar();
+  const filteredEvents = useFilteredEvents();
+  const months = React15__namespace.useMemo(() => {
+    const yearStart = dateFns.startOfYear(selectedDate);
+    return Array.from({ length: 12 }, (_, i) => dateFns.addMonths(yearStart, i));
+  }, [selectedDate]);
+  const handleMonthClick = (date) => {
+    setSelectedDate(date);
+    setView("month");
+    onMonthClick?.(date);
+  };
+  const handleDateClick = (date) => {
+    setSelectedDate(date);
+    setView("day");
+    onDateClick?.(date);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: cn("h-full", className), type: "always", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: months.map((month) => /* @__PURE__ */ jsxRuntime.jsx(
+    YearViewMonth,
+    {
+      month,
+      events: filteredEvents,
+      onMonthClick: () => handleMonthClick(month),
+      onDateClick: handleDateClick
+    },
+    month.toString()
+  )) }) }) });
+}
+function YearViewMonth({
+  month,
+  events,
+  onMonthClick,
+  onDateClick
+}) {
+  const cells = getCalendarCells(month);
+  const monthEvents = events.filter((event) => {
+    const eventStart = dateFns.parseISO(event.startDate);
+    return dateFns.isSameMonth(eventStart, month);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-sm border border-border/50 bg-card p-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onMonthClick,
+        className: "mb-2 w-full text-left text-sm font-semibold transition-colors hover:text-primary",
+        children: [
+          dateFns.format(month, "MMMM"),
+          monthEvents.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 text-xs font-normal text-muted-foreground", children: [
+            "(",
+            monthEvents.length,
+            ")"
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 grid grid-cols-7", children: ["S", "M", "T", "W", "T", "F", "S"].map((day, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "text-center text-[10px] font-medium text-muted-foreground",
+        children: day
+      },
+      i
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7", children: cells.map((cell) => /* @__PURE__ */ jsxRuntime.jsx(
+      YearViewDayCell,
+      {
+        cell,
+        month,
+        events,
+        onDateClick
+      },
+      cell.date.toISOString()
+    )) })
+  ] });
+}
+function YearViewDayCell({
+  cell,
+  month,
+  events,
+  onDateClick
+}) {
+  const { date, currentMonth } = cell;
+  const isCurrentDay = dateFns.isToday(date);
+  const dayEvents = events.filter((event) => {
+    const eventStart = dateFns.parseISO(event.startDate);
+    const eventEnd = dateFns.parseISO(event.endDate);
+    return date >= eventStart && date <= eventEnd || dateFns.isSameDay(eventStart, date) || dateFns.isSameDay(eventEnd, date);
+  });
+  const hasEvents = dayEvents.length > 0;
+  if (!currentMonth) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-square" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onDateClick(date),
+      className: cn(
+        "relative flex aspect-square items-center justify-center text-[11px] transition-colors",
+        "hover:bg-muted rounded-sm",
+        isCurrentDay && "bg-primary text-primary-foreground rounded-sm hover:bg-primary/90"
+      ),
+      children: [
+        cell.day,
+        hasEvents && !isCurrentDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-0.5 left-1/2 size-1 -translate-x-1/2 rounded-full bg-primary" })
+      ]
+    }
+  );
+}
+var colorClasses2 = {
+  blue: { border: "border-l-blue-500", bg: "bg-blue-50 dark:bg-blue-950/20" },
+  green: { border: "border-l-green-500", bg: "bg-green-50 dark:bg-green-950/20" },
+  red: { border: "border-l-red-500", bg: "bg-red-50 dark:bg-red-950/20" },
+  yellow: { border: "border-l-yellow-500", bg: "bg-yellow-50 dark:bg-yellow-950/20" },
+  purple: { border: "border-l-purple-500", bg: "bg-purple-50 dark:bg-purple-950/20" },
+  orange: { border: "border-l-primary", bg: "bg-orange-50 dark:bg-orange-950/20" }
+};
+function AgendaView({
+  className,
+  emptyMessage = "No events scheduled for the selected month",
+  onEventClick,
+  onDateClick
+}) {
+  const { selectedDate, setSelectedDate, setView } = useEventCalendar();
+  const filteredEvents = useFilteredEvents();
+  const { singleDayEvents, multiDayEvents } = React15__namespace.useMemo(
+    () => splitEventsByDuration(filteredEvents),
+    [filteredEvents]
+  );
+  const eventsByDay = React15__namespace.useMemo(() => {
+    const allDates = /* @__PURE__ */ new Map();
+    singleDayEvents.forEach((event) => {
+      const eventDate = dateFns.parseISO(event.startDate);
+      if (!dateFns.isSameMonth(eventDate, selectedDate)) return;
+      const dateKey = dateFns.format(eventDate, "yyyy-MM-dd");
+      if (!allDates.has(dateKey)) {
+        allDates.set(dateKey, {
+          date: dateFns.startOfDay(eventDate),
+          events: [],
+          multiDayEvents: []
+        });
+      }
+      allDates.get(dateKey)?.events.push(event);
+    });
+    multiDayEvents.forEach((event) => {
+      const eventStart = dateFns.parseISO(event.startDate);
+      const eventEnd = dateFns.parseISO(event.endDate);
+      let currentDate = dateFns.startOfDay(eventStart);
+      const lastDate = dateFns.endOfDay(eventEnd);
+      while (currentDate <= lastDate) {
+        if (dateFns.isSameMonth(currentDate, selectedDate)) {
+          const dateKey = dateFns.format(currentDate, "yyyy-MM-dd");
+          if (!allDates.has(dateKey)) {
+            allDates.set(dateKey, {
+              date: new Date(currentDate),
+              events: [],
+              multiDayEvents: []
+            });
+          }
+          allDates.get(dateKey)?.multiDayEvents.push(event);
+        }
+        currentDate = new Date(currentDate.setDate(currentDate.getDate() + 1));
+      }
+    });
+    return Array.from(allDates.values()).sort(
+      (a, b) => a.date.getTime() - b.date.getTime()
+    );
+  }, [singleDayEvents, multiDayEvents, selectedDate]);
+  const hasAnyEvents = singleDayEvents.length > 0 || multiDayEvents.length > 0;
+  const handleDateClick = (date) => {
+    setSelectedDate(date);
+    setView("day");
+    onDateClick?.(date);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-[800px]", className), children: /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "h-full", type: "always", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 p-4", children: [
+    eventsByDay.map((dayGroup) => /* @__PURE__ */ jsxRuntime.jsx(
+      AgendaDayGroup,
+      {
+        date: dayGroup.date,
+        events: dayGroup.events,
+        multiDayEvents: dayGroup.multiDayEvents,
+        onDateClick: handleDateClick,
+        onEventClick
+      },
+      dateFns.format(dayGroup.date, "yyyy-MM-dd")
+    )),
+    !hasAnyEvents && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-20 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarX2, { className: "size-10" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm md:text-base", children: emptyMessage })
+    ] })
+  ] }) }) });
+}
+function AgendaDayGroup({
+  date,
+  events,
+  multiDayEvents,
+  onDateClick,
+  onEventClick
+}) {
+  const isCurrentDay = dateFns.isToday(date);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onDateClick(date),
+        className: cn(
+          "mb-3 flex items-center gap-2 text-left transition-colors hover:text-primary",
+          isCurrentDay && "text-primary"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "flex size-8 items-center justify-center rounded-full text-sm font-bold",
+                isCurrentDay && "bg-primary text-primary-foreground"
+              ),
+              children: dateFns.format(date, "d")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: dateFns.format(date, "EEEE") }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-muted-foreground", children: dateFns.format(date, "MMMM d, yyyy") })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 pl-10", children: [
+      multiDayEvents.map((event) => /* @__PURE__ */ jsxRuntime.jsx(
+        AgendaEventCard,
+        {
+          event,
+          isMultiDay: true,
+          onClick: () => onEventClick?.(event)
+        },
+        `multi-${event.id}`
+      )),
+      events.map((event) => /* @__PURE__ */ jsxRuntime.jsx(
+        AgendaEventCard,
+        {
+          event,
+          onClick: () => onEventClick?.(event)
+        },
+        event.id
+      ))
+    ] })
+  ] });
+}
+function AgendaEventCard({ event, isMultiDay, onClick }) {
+  const colors = colorClasses2[event.color];
+  const startTime = dateFns.format(dateFns.parseISO(event.startDate), "h:mm a");
+  const endTime = dateFns.format(dateFns.parseISO(event.endDate), "h:mm a");
+  const getInitials = (name) => {
+    return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "flex w-full items-start gap-3 rounded-lg border-l-4 p-3 text-left transition-colors",
+        "hover:opacity-90",
+        colors.border,
+        colors.bg
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10 shrink-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: event.user.picturePath, alt: event.user.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(event.user.name) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          isMultiDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Multi-day event" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold truncate", children: event.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: event.user.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+            startTime,
+            " - ",
+            endTime
+          ] }),
+          event.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground line-clamp-2", children: event.description })
+        ] })
+      ]
+    }
+  );
+}
+var VIEW_CONFIG = [
+  { view: "day", icon: lucideReact.List, label: "View by day" },
+  { view: "week", icon: lucideReact.Columns, label: "View by week" },
+  { view: "month", icon: lucideReact.Grid2x2, label: "View by month" },
+  { view: "year", icon: lucideReact.Grid3x3, label: "View by year" },
+  { view: "agenda", icon: lucideReact.CalendarRange, label: "View by agenda" }
+];
+function CalendarHeader({
+  className,
+  showViewSwitcher = true,
+  showUserFilter = true,
+  showBadgeVariant = false,
+  // Hidden by default, controlled via settings
+  showToday = true,
+  showAddButton = true,
+  onAddClick
+}) {
+  const {
+    selectedDate,
+    view,
+    setView,
+    setSelectedDate,
+    selectedUserId,
+    setSelectedUserId,
+    users,
+    badgeVariant,
+    setBadgeVariant,
+    goToPrevious,
+    goToNext
+  } = useEventCalendar();
+  const filteredEvents = useFilteredEvents();
+  const eventCount = filteredEvents.length;
+  const { start: rangeStart, end: rangeEnd } = getViewDateRange(selectedDate, view);
+  const dateRangeLabel = formatDateRange(rangeStart, rangeEnd);
+  const getInitials = (name) => {
+    return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+  };
+  const handleTodayClick = () => {
+    setSelectedDate(/* @__PURE__ */ new Date());
+  };
+  const today = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-4 border-b border-border p-4 lg:flex-row lg:items-center lg:justify-between",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleTodayClick,
+              className: "flex size-14 flex-col items-start overflow-hidden rounded-lg border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex h-6 w-full items-center justify-center bg-primary text-center text-xs font-semibold text-primary-foreground", children: dateFns.format(today, "MMM").toUpperCase() }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex w-full flex-1 items-center justify-center text-lg font-bold", children: today.getDate() })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-lg font-semibold", children: [
+                dateFns.format(selectedDate, "MMMM"),
+                " ",
+                selectedDate.getFullYear()
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "outline", className: "px-1.5", children: [
+                eventCount,
+                " event",
+                eventCount !== 1 ? "s" : ""
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Button,
+                {
+                  variant: "outline",
+                  size: "icon",
+                  className: "size-7 [&_svg]:size-4",
+                  onClick: goToPrevious,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {}),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: dateRangeLabel }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Button,
+                {
+                  variant: "outline",
+                  size: "icon",
+                  className: "size-7 [&_svg]:size-4",
+                  onClick: goToNext,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {}),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next" })
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1.5 sm:flex-row sm:justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-1.5", children: [
+            showViewSwitcher && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center gap-1 rounded-full border border-border px-1 py-1", children: VIEW_CONFIG.map((config, index) => {
+              const Icon2 = config.icon;
+              const isFirst = index === 0;
+              const isLast = index === VIEW_CONFIG.length - 1;
+              const isActive = view === config.view;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  "aria-label": config.label,
+                  size: "icon",
+                  variant: isActive ? "default" : "ghost",
+                  className: cn(
+                    "size-8 border-0 [&_svg]:size-4",
+                    isFirst && "rounded-l-full rounded-r-sm",
+                    isLast && "rounded-r-full rounded-l-sm",
+                    !isFirst && !isLast && "rounded-sm"
+                  ),
+                  onClick: () => setView(config.view),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { strokeWidth: 1.8 })
+                },
+                config.view
+              );
+            }) }),
+            showUserFilter && users.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+              Select,
+              {
+                value: selectedUserId || "all",
+                onValueChange: (value) => setSelectedUserId(value === "all" ? null : value),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "flex-1 md:w-48", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { align: "end", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "all", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex -space-x-2", children: [
+                        users.slice(0, 2).map((user) => /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-6 border-2 border-background", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.picturePath, alt: user.name }),
+                          /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-[10px]", children: getInitials(user.name) })
+                        ] }, user.id)),
+                        users.length > 2 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-6 items-center justify-center rounded-full border-2 border-background bg-muted text-[10px] font-medium", children: [
+                          "+",
+                          users.length - 2
+                        ] })
+                      ] }),
+                      "All"
+                    ] }) }),
+                    users.map((user) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: user.id, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-6", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.picturePath, alt: user.name }),
+                        /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-[10px]", children: getInitials(user.name) })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate", children: user.name })
+                    ] }) }, user.id))
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          showAddButton && /* @__PURE__ */ jsxRuntime.jsxs(Button, { onClick: onAddClick, className: "w-full sm:w-auto", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, {}),
+            "Add Event"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function CalendarHeaderCompact({
+  className,
+  showAddButton = true,
+  onAddClick
+}) {
+  const {
+    selectedDate,
+    setSelectedDate,
+    view,
+    setView,
+    goToPrevious,
+    goToNext
+  } = useEventCalendar();
+  const filteredEvents = useFilteredEvents();
+  const eventCount = filteredEvents.length;
+  const today = /* @__PURE__ */ new Date();
+  const handleTodayClick = () => {
+    setSelectedDate(/* @__PURE__ */ new Date());
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-between border-b border-border p-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleTodayClick,
+              className: "flex size-10 flex-col items-start overflow-hidden rounded border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex h-4 w-full items-center justify-center bg-primary text-center text-[8px] font-semibold text-primary-foreground", children: dateFns.format(today, "MMM").toUpperCase() }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex w-full flex-1 items-center justify-center text-sm font-bold", children: today.getDate() })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: dateFns.format(selectedDate, "MMM yyyy") }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+              eventCount,
+              " events"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "size-8", onClick: goToPrevious, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "size-8", onClick: goToNext, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-2 inline-flex items-center gap-0.5 rounded-full border border-border px-0.5 py-0.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                size: "icon",
+                variant: view === "day" ? "default" : "ghost",
+                className: "size-6 rounded-l-full rounded-r-sm border-0 [&_svg]:size-3",
+                onClick: () => setView("day"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { strokeWidth: 1.8 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                size: "icon",
+                variant: view === "week" ? "default" : "ghost",
+                className: "size-6 rounded-sm border-0 [&_svg]:size-3",
+                onClick: () => setView("week"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Columns, { strokeWidth: 1.8 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                size: "icon",
+                variant: view === "month" ? "default" : "ghost",
+                className: "size-6 rounded-r-full rounded-l-sm border-0 [&_svg]:size-3",
+                onClick: () => setView("month"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Grid2x2, { strokeWidth: 1.8 })
+              }
+            )
+          ] }),
+          showAddButton && /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: onAddClick, className: "ml-2 size-8 p-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4" }) })
+        ] })
+      ]
+    }
+  );
+}
+var EVENT_COLORS2 = [
+  { value: "blue", label: "Blue", className: "bg-blue-500" },
+  { value: "green", label: "Green", className: "bg-green-500" },
+  { value: "red", label: "Red", className: "bg-red-500" },
+  { value: "yellow", label: "Yellow", className: "bg-yellow-500" },
+  { value: "purple", label: "Purple", className: "bg-purple-500" },
+  { value: "orange", label: "Orange", className: "bg-primary" }
+];
+function EventDialog({
+  open,
+  onOpenChange,
+  mode = "add",
+  event,
+  defaultDate = /* @__PURE__ */ new Date(),
+  defaultUserId
+}) {
+  const { addEvent, updateEvent, deleteEvent, users } = useEventCalendar();
+  const [title, setTitle] = React15__namespace.useState("");
+  const [description, setDescription] = React15__namespace.useState("");
+  const [startDate, setStartDate] = React15__namespace.useState("");
+  const [startTime, setStartTime] = React15__namespace.useState("");
+  const [endDate, setEndDate] = React15__namespace.useState("");
+  const [endTime, setEndTime] = React15__namespace.useState("");
+  const [color, setColor] = React15__namespace.useState("blue");
+  const [userId, setUserId] = React15__namespace.useState("");
+  const [isSubmitting, setIsSubmitting] = React15__namespace.useState(false);
+  React15__namespace.useEffect(() => {
+    if (open) {
+      if (mode === "edit" && event) {
+        const start = dateFns.parseISO(event.startDate);
+        const end = dateFns.parseISO(event.endDate);
+        setTitle(event.title);
+        setDescription(event.description || "");
+        setStartDate(dateFns.format(start, "yyyy-MM-dd"));
+        setStartTime(dateFns.format(start, "HH:mm"));
+        setEndDate(dateFns.format(end, "yyyy-MM-dd"));
+        setEndTime(dateFns.format(end, "HH:mm"));
+        setColor(event.color);
+        setUserId(event.user.id);
+      } else {
+        const start = defaultDate;
+        const end = dateFns.setMinutes(dateFns.setHours(defaultDate, defaultDate.getHours() + 1), 0);
+        setTitle("");
+        setDescription("");
+        setStartDate(dateFns.format(start, "yyyy-MM-dd"));
+        setStartTime(dateFns.format(start, "HH:mm"));
+        setEndDate(dateFns.format(end, "yyyy-MM-dd"));
+        setEndTime(dateFns.format(end, "HH:mm"));
+        setColor("blue");
+        setUserId(defaultUserId || users[0]?.id || "");
+      }
+    }
+  }, [open, mode, event, defaultDate, defaultUserId, users]);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+    try {
+      const [startYear, startMonth, startDay] = startDate.split("-").map(Number);
+      const [startHour, startMinute] = startTime.split(":").map(Number);
+      const [endYear, endMonth, endDay] = endDate.split("-").map(Number);
+      const [endHour, endMinute] = endTime.split(":").map(Number);
+      const startDateTime = new Date(startYear, startMonth - 1, startDay, startHour, startMinute);
+      const endDateTime = new Date(endYear, endMonth - 1, endDay, endHour, endMinute);
+      const selectedUser = users.find((u) => u.id === userId);
+      if (mode === "edit" && event) {
+        const updatedEvent = {
+          ...event,
+          title,
+          description,
+          startDate: startDateTime.toISOString(),
+          endDate: endDateTime.toISOString(),
+          color,
+          user: {
+            id: userId,
+            name: selectedUser?.name || "Unknown"
+          }
+        };
+        updateEvent(updatedEvent);
+      } else {
+        const newEvent = {
+          id: generateEventId(),
+          title,
+          description,
+          startDate: startDateTime.toISOString(),
+          endDate: endDateTime.toISOString(),
+          color,
+          user: {
+            id: userId,
+            name: selectedUser?.name || "Unknown"
+          }
+        };
+        addEvent(newEvent);
+      }
+      onOpenChange(false);
+    } catch (error) {
+      console.error("Failed to save event:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const handleDelete = () => {
+    if (event) {
+      deleteEvent(event.id);
+      onOpenChange(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "sm:max-w-[500px]", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: mode === "edit" ? "Edit Event" : "Add Event" }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: mode === "edit" ? "Make changes to your event below." : "Fill in the details for your new event." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "title", children: "Title" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            id: "title",
+            value: title,
+            onChange: (e) => setTitle(e.target.value),
+            placeholder: "Event title",
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "description", children: "Description" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Textarea,
+          {
+            id: "description",
+            value: description,
+            onChange: (e) => setDescription(e.target.value),
+            placeholder: "Event description (optional)",
+            rows: 3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "startDate", children: "Start Date" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              id: "startDate",
+              type: "date",
+              value: startDate,
+              onChange: (e) => setStartDate(e.target.value),
+              required: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "startTime", children: "Start Time" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              id: "startTime",
+              type: "time",
+              value: startTime,
+              onChange: (e) => setStartTime(e.target.value),
+              required: true
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "endDate", children: "End Date" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              id: "endDate",
+              type: "date",
+              value: endDate,
+              onChange: (e) => setEndDate(e.target.value),
+              required: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "endTime", children: "End Time" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              id: "endTime",
+              type: "time",
+              value: endTime,
+              onChange: (e) => setEndTime(e.target.value),
+              required: true
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label2, { children: "Color" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: color, onValueChange: (v) => setColor(v), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    "size-3 rounded-full",
+                    EVENT_COLORS2.find((c) => c.value === color)?.className
+                  )
+                }
+              ),
+              EVENT_COLORS2.find((c) => c.value === color)?.label
+            ] }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: EVENT_COLORS2.map((c) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: c.value, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("size-3 rounded-full", c.className) }),
+              c.label
+            ] }) }, c.value)) })
+          ] })
+        ] }),
+        users.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label2, { children: "Assignee" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: userId, onValueChange: setUserId, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select user" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: users.map((user) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: user.id, children: user.name }, user.id)) })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { className: "flex-row justify-between gap-2", children: [
+      mode === "edit" ? /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "destructive",
+          onClick: handleDelete,
+          disabled: isSubmitting,
+          children: "Delete"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting || !title.trim(), children: isSubmitting ? "Saving..." : mode === "edit" ? "Save Changes" : "Add Event" })
+      ] })
+    ] })
+  ] }) }) });
+}
+function QuickAddEvent({
+  date,
+  onAdd,
+  onOpenDialog,
+  onClose
+}) {
+  const [title, setTitle] = React15__namespace.useState("");
+  const { users } = useEventCalendar();
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!title.trim()) return;
+    const end = dateFns.setMinutes(dateFns.setHours(date, date.getHours() + 1), 0);
+    onAdd({
+      title,
+      description: "",
+      startDate: date.toISOString(),
+      endDate: end.toISOString(),
+      color: "blue",
+      user: {
+        id: users[0]?.id || "",
+        name: users[0]?.name || "Unknown"
+      }
+    });
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-2 p-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: dateFns.format(date, "EEE, MMM d, h:mm a") }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Input,
+      {
+        value: title,
+        onChange: (e) => setTitle(e.target.value),
+        placeholder: "Add title",
+        className: "h-8",
+        autoFocus: true
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", size: "sm", disabled: !title.trim(), children: "Add" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onOpenDialog, children: "More options" })
+    ] })
+  ] });
+}
+function ChangeBadgeVariantInput() {
+  const { badgeVariant, setBadgeVariant } = useEventCalendar();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: "Change badge variant" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      Select,
+      {
+        value: badgeVariant,
+        onValueChange: (value) => setBadgeVariant(value),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "dot", children: "Dot" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "colored", children: "Colored" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "mixed", children: "Mixed" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+var HOUR_OPTIONS = Array.from({ length: 25 }, (_, i) => {
+  if (i === 0) return { value: "0", label: "12 AM" };
+  if (i === 12) return { value: "12", label: "12 PM" };
+  if (i === 24) return { value: "24", label: "12 AM (next)" };
+  if (i < 12) return { value: String(i), label: `${i} AM` };
+  return { value: String(i), label: `${i - 12} PM` };
+});
+function ChangeVisibleHoursInput() {
+  const { visibleHours, setVisibleHours } = useEventCalendar();
+  const [from, setFrom] = React15__namespace.useState(visibleHours.from);
+  const [to, setTo] = React15__namespace.useState(visibleHours.to);
+  const handleApply = () => {
+    const toHour = to === 0 ? 24 : to;
+    setVisibleHours({ from, to: toHour });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: "Change visible hours" }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "size-3" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { className: "max-w-80 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "If an event falls outside the specified visible hours, the visible hours will automatically adjust to include that event." }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "From" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: String(from), onValueChange: (v) => setFrom(Number(v)), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "w-28", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: HOUR_OPTIONS.slice(0, 24).map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "To" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: String(to), onValueChange: (v) => setTo(Number(v)), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "w-28", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: HOUR_OPTIONS.slice(1).map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button, { className: "mt-4 w-fit", onClick: handleApply, children: "Apply" })
+  ] });
+}
+var DAYS_OF_WEEK = [
+  { index: 0, name: "Sunday" },
+  { index: 1, name: "Monday" },
+  { index: 2, name: "Tuesday" },
+  { index: 3, name: "Wednesday" },
+  { index: 4, name: "Thursday" },
+  { index: 5, name: "Friday" },
+  { index: 6, name: "Saturday" }
+];
+var HOUR_OPTIONS2 = Array.from({ length: 25 }, (_, i) => {
+  if (i === 0) return { value: "0", label: "12 AM" };
+  if (i === 12) return { value: "12", label: "12 PM" };
+  if (i === 24) return { value: "24", label: "12 AM (next)" };
+  if (i < 12) return { value: String(i), label: `${i} AM` };
+  return { value: String(i), label: `${i - 12} PM` };
+});
+function ChangeWorkingHoursInput() {
+  const { workingHours, setWorkingHours } = useEventCalendar();
+  const [localWorkingHours, setLocalWorkingHours] = React15__namespace.useState({
+    ...workingHours
+  });
+  const handleToggleDay = (dayId) => {
+    setLocalWorkingHours((prev) => ({
+      ...prev,
+      [dayId]: prev[dayId].from > 0 || prev[dayId].to > 0 ? { from: 0, to: 0 } : { from: 9, to: 17 }
+    }));
+  };
+  const handleTimeChange = (dayId, timeType, value) => {
+    const hour = Number(value);
+    setLocalWorkingHours((prev) => {
+      const updatedDay = { ...prev[dayId], [timeType]: hour };
+      if (timeType === "to" && hour === 0 && updatedDay.from === 0) {
+        updatedDay.to = 24;
+      }
+      return { ...prev, [dayId]: updatedDay };
+    });
+  };
+  const handleSave = () => {
+    const updatedWorkingHours = { ...localWorkingHours };
+    for (const dayId in updatedWorkingHours) {
+      const day = updatedWorkingHours[parseInt(dayId)];
+      const isDayActive = localWorkingHours[parseInt(dayId)].from > 0 || localWorkingHours[parseInt(dayId)].to > 0;
+      if (isDayActive) {
+        if (day.from === 0 && day.to === 0) {
+          updatedWorkingHours[dayId] = { from: 0, to: 24 };
+        } else if (day.to === 0 && day.from > 0) {
+          updatedWorkingHours[dayId] = { ...day, to: 24 };
+        }
+      } else {
+        updatedWorkingHours[dayId] = { from: 0, to: 0 };
+      }
+    }
+    setWorkingHours(updatedWorkingHours);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: "Change working hours" }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "size-3" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { className: "max-w-80 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "This will apply a dashed background to the hour cells that fall outside the working hours \u2014 only for week and day views." }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: DAYS_OF_WEEK.map((day) => {
+      const isDayActive = localWorkingHours[day.index].from > 0 || localWorkingHours[day.index].to > 0;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-32 items-center gap-2 sm:w-36", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Switch,
+            {
+              checked: isDayActive,
+              onCheckedChange: () => handleToggleDay(day.index)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: day.name.slice(0, 3) })
+        ] }),
+        isDayActive ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "From" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Select,
+              {
+                value: String(localWorkingHours[day.index].from),
+                onValueChange: (v) => handleTimeChange(day.index, "from", v),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "w-24", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: HOUR_OPTIONS2.slice(0, 24).map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "To" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Select,
+              {
+                value: String(localWorkingHours[day.index].to),
+                onValueChange: (v) => handleTimeChange(day.index, "to", v),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "w-24", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: HOUR_OPTIONS2.slice(1).map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+                ]
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { className: "size-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Closed" })
+        ] })
+      ] }, day.index);
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button, { className: "mt-4 w-fit", onClick: handleSave, children: "Apply" })
+  ] });
+}
+function CalendarSettingsPanel({
+  className,
+  showBadgeVariant = true,
+  showVisibleHours = true,
+  showWorkingHours = true
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: cn("relative z-10 bg-background", className), children: /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "settings", className: "border-none", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "flex-none gap-2 py-0 hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold", children: "Calendar settings" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-col gap-6", children: [
+      showBadgeVariant && /* @__PURE__ */ jsxRuntime.jsx(ChangeBadgeVariantInput, {}),
+      showVisibleHours && /* @__PURE__ */ jsxRuntime.jsx(ChangeVisibleHoursInput, {}),
+      showWorkingHours && /* @__PURE__ */ jsxRuntime.jsx(ChangeWorkingHoursInput, {})
+    ] }) })
+  ] }) });
+}
+function useMediaQuery(query) {
+  const [matches, setMatches] = React15__namespace.useState(false);
+  React15__namespace.useEffect(() => {
+    const media = window.matchMedia(query);
+    setMatches(media.matches);
+    const listener = (event) => {
+      setMatches(event.matches);
+    };
+    media.addEventListener("change", listener);
+    return () => media.removeEventListener("change", listener);
+  }, [query]);
+  return matches;
+}
+function BigCalendar({
+  className,
+  compact = "auto",
+  bordered = true,
+  showHeader = true,
+  showAddButton = true,
+  showSettings = true,
+  enableDragDrop = true,
+  weekStartsOn = 0,
+  maxEventsPerDay = 3,
+  config,
+  ...providerProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(EventCalendarProvider, { ...providerProps, children: /* @__PURE__ */ jsxRuntime.jsx(DragProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    BigCalendarInner,
+    {
+      className,
+      compact,
+      bordered,
+      showHeader,
+      showAddButton,
+      showSettings,
+      enableDragDrop,
+      weekStartsOn,
+      maxEventsPerDay,
+      config
+    }
+  ) }) });
+}
+function BigCalendarInner({
+  className,
+  compact,
+  bordered,
+  showHeader,
+  showAddButton,
+  showSettings,
+  enableDragDrop,
+  weekStartsOn,
+  maxEventsPerDay
+}) {
+  const { view, setView } = useEventCalendar();
+  const [dialogOpen, setDialogOpen] = React15__namespace.useState(false);
+  const [selectedEvent, setSelectedEvent] = React15__namespace.useState(null);
+  const [dialogMode, setDialogMode] = React15__namespace.useState("add");
+  const [defaultDate, setDefaultDate] = React15__namespace.useState(/* @__PURE__ */ new Date());
+  const isMobile = useMediaQuery("(max-width: 768px)");
+  const isCompact = compact === "auto" ? isMobile : compact;
+  const handleAddClick = () => {
+    setSelectedEvent(null);
+    setDialogMode("add");
+    setDefaultDate(/* @__PURE__ */ new Date());
+    setDialogOpen(true);
+  };
+  const handleEventClick = (event) => {
+    setSelectedEvent(event);
+    setDialogMode("edit");
+    setDialogOpen(true);
+  };
+  const handleDateClick = (date) => {
+    setDefaultDate(date);
+  };
+  const handleMoreClick = (date, events) => {
+    setDefaultDate(date);
+    setView("day");
+  };
+  const handleTimeClick = (date, hour, minute) => {
+    setSelectedEvent(null);
+    setDialogMode("add");
+    const clickedDate = new Date(date);
+    clickedDate.setHours(hour, minute, 0, 0);
+    setDefaultDate(clickedDate);
+    setDialogOpen(true);
+  };
+  const Wrapper = bordered ? Card : "div";
+  const Content14 = bordered ? CardContent : "div";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4 relative", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        Wrapper,
+        {
+          className: cn(
+            "flex min-h-[600px] flex-col overflow-hidden rounded-sm",
+            !bordered && "border border-border bg-card"
+          ),
+          children: [
+            showHeader && (isCompact ? /* @__PURE__ */ jsxRuntime.jsx(
+              CalendarHeaderCompact,
+              {
+                showAddButton,
+                onAddClick: handleAddClick
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              CalendarHeader,
+              {
+                showAddButton,
+                onAddClick: handleAddClick
+              }
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx(Content14, { className: cn("flex-1 overflow-hidden", bordered ? "p-0" : ""), children: /* @__PURE__ */ jsxRuntime.jsx(
+              CalendarView,
+              {
+                view,
+                weekStartsOn,
+                maxEventsPerDay,
+                onEventClick: handleEventClick,
+                onDateClick: handleDateClick,
+                onMoreClick: handleMoreClick,
+                onTimeClick: handleTimeClick
+              }
+            ) })
+          ]
+        }
+      ),
+      showSettings && /* @__PURE__ */ jsxRuntime.jsx(CalendarSettingsPanel, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EventDialog,
+      {
+        open: dialogOpen,
+        onOpenChange: setDialogOpen,
+        mode: dialogMode,
+        event: selectedEvent,
+        defaultDate
+      }
+    )
+  ] });
+}
+function CalendarView({
+  view,
+  weekStartsOn,
+  maxEventsPerDay,
+  onEventClick,
+  onDateClick,
+  onMoreClick,
+  onTimeClick
+}) {
+  switch (view) {
+    case "month":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        MonthView,
+        {
+          className: "h-full",
+          weekStartsOn,
+          maxEventsPerDay,
+          onEventClick,
+          onDateClick,
+          onMoreClick
+        }
+      );
+    case "week":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        WeekView,
+        {
+          className: "h-full",
+          weekStartsOn,
+          onEventClick,
+          onDateClick,
+          onTimeClick
+        }
+      );
+    case "day":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DayView,
+        {
+          className: "h-full",
+          onEventClick,
+          onTimeClick
+        }
+      );
+    case "year":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        YearView,
+        {
+          className: "h-full",
+          weekStartsOn,
+          onDateClick
+        }
+      );
+    case "agenda":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        AgendaView,
+        {
+          className: "h-full",
+          onEventClick,
+          onDateClick
+        }
+      );
+    default:
+      return null;
+  }
+}
+
+Object.defineProperty(exports, "areIntervalsOverlapping", {
+  enumerable: true,
+  get: function () { return dateFns.areIntervalsOverlapping; }
+});
+Object.defineProperty(exports, "format", {
+  enumerable: true,
+  get: function () { return dateFns.format; }
+});
+Object.defineProperty(exports, "getDay", {
+  enumerable: true,
+  get: function () { return dateFns.getDay; }
+});
+Object.defineProperty(exports, "isSameDay", {
+  enumerable: true,
+  get: function () { return dateFns.isSameDay; }
+});
+Object.defineProperty(exports, "isSameMonth", {
+  enumerable: true,
+  get: function () { return dateFns.isSameMonth; }
+});
+Object.defineProperty(exports, "isToday", {
+  enumerable: true,
+  get: function () { return dateFns.isToday; }
+});
+Object.defineProperty(exports, "parseISO", {
+  enumerable: true,
+  get: function () { return dateFns.parseISO; }
+});
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
 exports.AccordionTrigger = AccordionTrigger;
+exports.AgendaView = AgendaView;
 exports.Alert = Alert;
 exports.AlertDescription = AlertDescription;
 exports.AlertDialog = AlertDialog;
@@ -5501,7 +8940,9 @@ exports.AspectRatio = AspectRatio;
 exports.Avatar = Avatar;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarImage = AvatarImage;
+exports.BADGE_VARIANT_LABELS = BADGE_VARIANT_LABELS;
 exports.Badge = Badge;
+exports.BigCalendar = BigCalendar;
 exports.Breadcrumb = Breadcrumb;
 exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
 exports.BreadcrumbItem = BreadcrumbItem;
@@ -5514,7 +8955,11 @@ exports.ButtonGroup = ButtonGroup;
 exports.ButtonGroupSeparator = ButtonGroupSeparator;
 exports.ButtonGroupText = ButtonGroupText;
 exports.Calendar = Calendar;
+exports.CalendarContext = CalendarContext;
 exports.CalendarDayButton = CalendarDayButton;
+exports.CalendarHeader = CalendarHeader;
+exports.CalendarHeaderCompact = CalendarHeaderCompact;
+exports.CalendarSettingsPanel = CalendarSettingsPanel;
 exports.Card = Card;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
@@ -5526,6 +8971,9 @@ exports.CarouselContent = CarouselContent;
 exports.CarouselItem = CarouselItem;
 exports.CarouselNext = CarouselNext;
 exports.CarouselPrevious = CarouselPrevious;
+exports.ChangeBadgeVariantInput = ChangeBadgeVariantInput;
+exports.ChangeVisibleHoursInput = ChangeVisibleHoursInput;
+exports.ChangeWorkingHoursInput = ChangeWorkingHoursInput;
 exports.ChartContainer = ChartContainer;
 exports.ChartLegend = ChartLegend;
 exports.ChartLegendContent = ChartLegendContent;
@@ -5560,6 +9008,10 @@ exports.ContextMenuSub = ContextMenuSub;
 exports.ContextMenuSubContent = ContextMenuSubContent;
 exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
 exports.ContextMenuTrigger = ContextMenuTrigger;
+exports.DEFAULT_VISIBLE_HOURS = DEFAULT_VISIBLE_HOURS;
+exports.DEFAULT_WORKING_HOURS = DEFAULT_WORKING_HOURS;
+exports.DateBadge = DateBadge;
+exports.DayView = DayView;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
@@ -5570,6 +9022,9 @@ exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
+exports.DragContext = DragContext;
+exports.DragProvider = DragProvider;
+exports.DraggableEvent = DraggableEvent;
 exports.Drawer = Drawer;
 exports.DrawerClose = DrawerClose;
 exports.DrawerContent = DrawerContent;
@@ -5595,12 +9050,17 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.DroppableZone = DroppableZone;
+exports.EVENT_COLORS = EVENT_COLORS;
 exports.Empty = Empty;
 exports.EmptyContent = EmptyContent;
 exports.EmptyDescription = EmptyDescription;
 exports.EmptyHeader = EmptyHeader;
 exports.EmptyMedia = EmptyMedia;
 exports.EmptyTitle = EmptyTitle;
+exports.EventBadge = EventBadge;
+exports.EventCalendarProvider = EventCalendarProvider;
+exports.EventDialog = EventDialog;
 exports.Field = Field;
 exports.FieldContent = FieldContent;
 exports.FieldDescription = FieldDescription;
@@ -5628,7 +9088,7 @@ exports.InputGroupButton = InputGroupButton;
 exports.InputGroupInput = InputGroupInput;
 exports.InputGroupText = InputGroupText;
 exports.InputGroupTextarea = InputGroupTextarea;
-exports.Item = Item5;
+exports.Item = Item6;
 exports.ItemActions = ItemActions;
 exports.ItemContent = ItemContent;
 exports.ItemDescription = ItemDescription;
@@ -5657,9 +9117,15 @@ exports.MenubarSub = MenubarSub;
 exports.MenubarSubContent = MenubarSubContent;
 exports.MenubarSubTrigger = MenubarSubTrigger;
 exports.MenubarTrigger = MenubarTrigger;
+exports.MonthView = MonthView;
+exports.MoreEvents = MoreEvents;
 exports.NativeSelect = NativeSelect;
 exports.NativeSelectOptGroup = NativeSelectOptGroup;
 exports.NativeSelectOption = NativeSelectOption;
+exports.NavMain = NavMain;
+exports.NavProjects = NavProjects;
+exports.NavSecondary = NavSecondary;
+exports.NavUser = NavUser;
 exports.NavigationMenu = NavigationMenu;
 exports.NavigationMenuContent = NavigationMenuContent;
 exports.NavigationMenuIndicator = NavigationMenuIndicator;
@@ -5690,6 +9156,7 @@ exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
 exports.Progress = Progress;
+exports.QuickAddEvent = QuickAddEvent;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;
 exports.ResizableHandle = ResizableHandle;
@@ -5697,6 +9164,8 @@ exports.ResizablePanel = ResizablePanel;
 exports.ResizablePanelGroup = ResizablePanelGroup;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
+exports.SearchForm = SearchForm;
+exports.SearchTrigger = SearchTrigger;
 exports.Section = Section;
 exports.SectionContent = SectionContent;
 exports.SectionDescription = SectionDescription;
@@ -5746,6 +9215,7 @@ exports.SidebarProvider = SidebarProvider;
 exports.SidebarRail = SidebarRail;
 exports.SidebarSeparator = SidebarSeparator;
 exports.SidebarTrigger = SidebarTrigger;
+exports.SiteHeader = SiteHeader;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
 exports.Spinner = Spinner;
@@ -5763,6 +9233,8 @@ exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
 exports.Textarea = Textarea;
+exports.ThemeSwitch = ThemeSwitch;
+exports.TimeIndicator = TimeIndicator;
 exports.Toaster = Toaster;
 exports.Toggle = Toggle;
 exports.ToggleGroup = ToggleGroup;
@@ -5775,18 +9247,62 @@ exports.Tooltip = Tooltip2;
 exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
+exports.UserAvatarsDropdown = UserAvatarsDropdown;
+exports.VIEW_LABELS = VIEW_LABELS;
+exports.WeekView = WeekView;
+exports.YearView = YearView;
 exports.badgeVariants = badgeVariants;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
+exports.calculateDropDates = calculateDropDates;
+exports.calculateMonthEventPositions = calculateMonthEventPositions;
 exports.cardVariants = cardVariants;
+exports.createDefaultEvent = createDefaultEvent;
+exports.formatDateRange = formatDateRange;
+exports.formatTime = formatTime;
+exports.generateEventId = generateEventId;
+exports.getCalendarCells = getCalendarCells;
+exports.getCurrentEvents = getCurrentEvents;
+exports.getDayHours = getDayHours;
+exports.getEventBlockStyle = getEventBlockStyle;
+exports.getEventDuration = getEventDuration;
+exports.getEventDurationMinutes = getEventDurationMinutes;
+exports.getEventsCount = getEventsCount;
+exports.getEventsForDate = getEventsForDate;
+exports.getEventsInRange = getEventsInRange;
+exports.getHeaderLabel = getHeaderLabel;
+exports.getMonthCellEvents = getMonthCellEvents;
+exports.getMonthDays = getMonthDays;
+exports.getTimeHeight = getTimeHeight;
+exports.getTimePosition = getTimePosition;
+exports.getViewDateRange = getViewDateRange;
+exports.getVisibleHours = getVisibleHours;
+exports.getWeekDayNames = getWeekDayNames;
+exports.getWeekDays = getWeekDays;
+exports.getYearMonths = getYearMonths;
+exports.groupEvents = groupEvents;
+exports.isMultiDayEvent = isMultiDayEvent;
+exports.isWorkingHour = isWorkingHour;
+exports.navigateDate = navigateDate;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
 exports.playerCanvasPlayButtonVariants = playerCanvasPlayButtonVariants;
 exports.playerCanvasSkipButtonVariants = playerCanvasSkipButtonVariants;
+exports.rangeText = rangeText;
 exports.sectionVariants = sectionVariants;
+exports.snapToInterval = snapToInterval;
+exports.sortEvents = sortEvents;
+exports.splitEventsByDuration = splitEventsByDuration;
 exports.toggleVariants = toggleVariants;
 exports.toolBarCanvasButtonVariants = toolBarCanvasButtonVariants;
+exports.useDrag = useDrag;
+exports.useDraggable = useDraggable;
+exports.useDroppable = useDroppable;
+exports.useEventCalendar = useEventCalendar;
+exports.useEventsInRange = useEventsInRange;
+exports.useFilteredEvents = useFilteredEvents;
 exports.useFormField = useFormField;
 exports.useIsMobile = useIsMobile;
+exports.useSearchShortcut = useSearchShortcut;
 exports.useSidebar = useSidebar;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map