@j3m-quantum/ui 1.5.0 → 1.6.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import * as React15 from 'react';
+import * as React17 from 'react';
 import { useMemo } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -7,7 +7,7 @@ import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { SearchIcon, CheckIcon, CircleIcon, ChevronDownIcon, ChevronUpIcon, ChevronRightIcon, ChevronLeftIcon, ArrowLeft, ArrowRight, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, ChevronRight, MoreHorizontal, MoreHorizontalIcon, XIcon, GripVerticalIcon, PanelLeftIcon, FolderIcon, ShareIcon, TrashIcon, ChevronsUpDownIcon, SparklesIcon, BadgeCheckIcon, CreditCardIcon, BellIcon, LogOutIcon, User, Calendar as Calendar$1, Clock, CalendarX2, ChevronLeft, List, Columns, Grid2x2, Grid3x3, CalendarRange, Settings, Plus, Info, Moon } from 'lucide-react';
+import { SearchIcon, CheckIcon, CircleIcon, ChevronDownIcon, ChevronUpIcon, ChevronRightIcon, ChevronLeftIcon, ArrowLeft, ArrowRight, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, ChevronRight, MoreHorizontal, MoreHorizontalIcon, XIcon, GripVerticalIcon, PanelLeftIcon, ArrowDown, ArrowUp, ChevronsUpDown, EyeOff, ChevronsLeft, ChevronLeft, ChevronsRight, Settings2, FolderIcon, ShareIcon, TrashIcon, ChevronsUpDownIcon, SparklesIcon, BadgeCheckIcon, CreditCardIcon, BellIcon, LogOutIcon, X, Factory, Truck, Calendar as Calendar$1, Package, AlertTriangle, User, Clock, CalendarX2, List, Columns, Grid2x2, Grid3x3, CalendarRange, Settings, Plus, Info, Moon, ArrowUpDown, ChevronDown, CheckCircle2, XCircle } from 'lucide-react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as SliderPrimitive from '@radix-ui/react-slider';
@@ -39,14 +39,16 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as ResizablePrimitive from 'react-resizable-panels';
+import { useReactTable, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
+export { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 import { subMonths, subYears, subWeeks, subDays, addMonths, addYears, addWeeks, addDays, format, startOfWeek, endOfWeek, startOfMonth, endOfMonth, startOfYear, endOfYear, isSameMonth, isSameWeek, isSameDay, isSameYear, isWithinInterval, parseISO, differenceInMinutes, eachDayOfInterval, differenceInDays, startOfDay, setMinutes, setHours, eachHourOfInterval, endOfDay, getHours, getMinutes, addMinutes, isToday, areIntervalsOverlapping } from 'date-fns';
 export { areIntervalsOverlapping, format, getDay, isSameDay, isSameMonth, isToday, parseISO } from 'date-fns';
 
 // src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React15.useState(void 0);
-  React15.useEffect(() => {
+  const [isMobile, setIsMobile] = React17.useState(void 0);
+  React17.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -87,7 +89,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React15.forwardRef(
+var Button = React17.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -451,7 +453,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React15.useMemo(
+  const _values = React17.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -737,7 +739,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React15.createContext({
+var ToggleGroupContext = React17.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -774,7 +776,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React15.useContext(ToggleGroupContext);
+  const context = React17.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -804,7 +806,7 @@ function ThemeSwitch({
   className,
   size = "default"
 }) {
-  const [isChecked, setIsChecked] = React15.useState(defaultChecked);
+  const [isChecked, setIsChecked] = React17.useState(defaultChecked);
   const isControlled = checked !== void 0;
   const currentChecked = isControlled ? checked : isChecked;
   const handleClick = () => {
@@ -1224,7 +1226,7 @@ function Label2({
   );
 }
 var Form = FormProvider;
-var FormFieldContext = React15.createContext(
+var FormFieldContext = React17.createContext(
   {}
 );
 var FormField = ({
@@ -1233,8 +1235,8 @@ var FormField = ({
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React15.useContext(FormFieldContext);
-  const itemContext = React15.useContext(FormItemContext);
+  const fieldContext = React17.useContext(FormFieldContext);
+  const itemContext = React17.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1251,11 +1253,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React15.createContext(
+var FormItemContext = React17.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React15.useId();
+  const id = React17.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -2357,8 +2359,8 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React15.useRef(null);
-  React15.useEffect(() => {
+  const ref = React17.useRef(null);
+  React17.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -2379,9 +2381,9 @@ function CalendarDayButton({
     }
   );
 }
-var CarouselContext = React15.createContext(null);
+var CarouselContext = React17.createContext(null);
 function useCarousel() {
-  const context = React15.useContext(CarouselContext);
+  const context = React17.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2403,20 +2405,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React15.useState(false);
-  const [canScrollNext, setCanScrollNext] = React15.useState(false);
-  const onSelect = React15.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React17.useState(false);
+  const [canScrollNext, setCanScrollNext] = React17.useState(false);
+  const onSelect = React17.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React15.useCallback(() => {
+  const scrollPrev = React17.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React15.useCallback(() => {
+  const scrollNext = React17.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React15.useCallback(
+  const handleKeyDown = React17.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2428,11 +2430,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React15.useEffect(() => {
+  React17.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React15.useEffect(() => {
+  React17.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2565,9 +2567,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React15.createContext(null);
+var ChartContext = React17.createContext(null);
 function useChart() {
-  const context = React15.useContext(ChartContext);
+  const context = React17.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -2580,7 +2582,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React15.useId();
+  const uniqueId = React17.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -2641,7 +2643,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React15.useMemo(() => {
+  const tooltipLabel = React17.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -3344,8 +3346,8 @@ function TooltipContent({
   ) });
 }
 function useDetectTheme() {
-  const [theme, setTheme] = React15.useState("light");
-  React15.useEffect(() => {
+  const [theme, setTheme] = React17.useState("light");
+  React17.useEffect(() => {
     const isDark = document.documentElement.classList.contains("dark");
     setTheme(isDark ? "dark" : "light");
     const observer = new MutationObserver((mutations) => {
@@ -3397,6 +3399,81 @@ function Spinner({ className, ...props }) {
     }
   );
 }
+var deliveryIndicatorVariants = cva(
+  "inline-block rounded-full shrink-0",
+  {
+    variants: {
+      status: {
+        "on-time": "bg-[var(--j3m-green-9,#84EBB4)]",
+        "delayed": "bg-[var(--j3m-yellow-9,#FFDB43)]",
+        "critical": "bg-[var(--j3m-red-9,#FB3748)]",
+        "pending": "bg-[var(--j3m-gray-6,#D2D2D2)]"
+      },
+      size: {
+        sm: "h-1.5 w-3",
+        default: "h-1.5 w-3",
+        lg: "h-2 w-4"
+      }
+    },
+    defaultVariants: {
+      status: "pending",
+      size: "default"
+    }
+  }
+);
+function DeliveryIndicator({
+  className,
+  status,
+  size,
+  label,
+  showTooltip = false,
+  ...props
+}) {
+  const indicator = /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "delivery-indicator",
+      "data-status": status,
+      className: cn(deliveryIndicatorVariants({ status, size }), className),
+      "aria-label": label || `Delivery status: ${status}`,
+      role: "img",
+      ...props
+    }
+  );
+  if (showTooltip && label) {
+    return /* @__PURE__ */ jsxs(Tooltip2, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: indicator }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: label })
+    ] });
+  }
+  return indicator;
+}
+function DeliveryIndicators({
+  className,
+  deliveries,
+  size = "default",
+  showTooltips = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "delivery-indicators",
+      className: cn("flex items-center gap-1", className),
+      ...props,
+      children: deliveries.map((delivery, index) => /* @__PURE__ */ jsx(
+        DeliveryIndicator,
+        {
+          status: delivery.status,
+          size,
+          label: delivery.label,
+          showTooltip: showTooltips
+        },
+        index
+      ))
+    }
+  );
+}
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
@@ -3919,7 +3996,7 @@ function CommandShortcut({
     }
   );
 }
-var SearchTrigger = React15.forwardRef(
+var SearchTrigger = React17.forwardRef(
   ({
     className,
     placeholder = "Search...",
@@ -3955,7 +4032,7 @@ var SearchTrigger = React15.forwardRef(
 );
 SearchTrigger.displayName = "SearchTrigger";
 function useSearchShortcut(onOpen, key = "k") {
-  React15.useEffect(() => {
+  React17.useEffect(() => {
     const down = (e) => {
       if (e.key.toLowerCase() === key.toLowerCase() && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -4930,9 +5007,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React15.createContext(null);
+var SidebarContext = React17.createContext(null);
 function useSidebar() {
-  const context = React15.useContext(SidebarContext);
+  const context = React17.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4948,10 +5025,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React15.useState(false);
-  const [_open, _setOpen] = React15.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React17.useState(false);
+  const [_open, _setOpen] = React17.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React15.useCallback(
+  const setOpen = React17.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4963,10 +5040,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React15.useCallback(() => {
+  const toggleSidebar = React17.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React15.useEffect(() => {
+  React17.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4977,7 +5054,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React15.useMemo(
+  const contextValue = React17.useMemo(
     () => ({
       state,
       open,
@@ -5435,7 +5512,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React15.useMemo(() => {
+  const width = React17.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -5578,7 +5655,7 @@ var sectionVariants = cva(
   }
 );
 var isGlassVariant = (variant) => variant?.startsWith("glass-") ?? false;
-var Section = React15.forwardRef(
+var Section = React17.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
     "section",
     {
@@ -5590,7 +5667,7 @@ var Section = React15.forwardRef(
   )
 );
 Section.displayName = "Section";
-var SectionHeader = React15.forwardRef(
+var SectionHeader = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5605,7 +5682,7 @@ var SectionHeader = React15.forwardRef(
   )
 );
 SectionHeader.displayName = "SectionHeader";
-var SectionTitle = React15.forwardRef(
+var SectionTitle = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h2",
     {
@@ -5619,7 +5696,7 @@ var SectionTitle = React15.forwardRef(
   )
 );
 SectionTitle.displayName = "SectionTitle";
-var SectionDescription = React15.forwardRef(
+var SectionDescription = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -5633,7 +5710,7 @@ var SectionDescription = React15.forwardRef(
   )
 );
 SectionDescription.displayName = "SectionDescription";
-var SectionContent = React15.forwardRef(
+var SectionContent = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5647,7 +5724,7 @@ var SectionContent = React15.forwardRef(
   )
 );
 SectionContent.displayName = "SectionContent";
-var SectionFooter = React15.forwardRef(
+var SectionFooter = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5663,6 +5740,180 @@ var SectionFooter = React15.forwardRef(
   )
 );
 SectionFooter.displayName = "SectionFooter";
+function DataTableColumnHeader({
+  column,
+  title,
+  className
+}) {
+  if (!column.getCanSort()) {
+    return /* @__PURE__ */ jsx("div", { className: cn(className), children: title });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-2", className), children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "data-[state=open]:bg-accent -ml-3 h-8",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: title }),
+          column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDown, {}) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUp, {}) : /* @__PURE__ */ jsx(ChevronsUpDown, {})
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
+      /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => column.toggleSorting(false), children: [
+        /* @__PURE__ */ jsx(ArrowUp, {}),
+        "Asc"
+      ] }),
+      /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => column.toggleSorting(true), children: [
+        /* @__PURE__ */ jsx(ArrowDown, {}),
+        "Desc"
+      ] }),
+      column.getCanHide() && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => column.toggleVisibility(false), children: [
+          /* @__PURE__ */ jsx(EyeOff, {}),
+          "Hide"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function DataTablePagination({
+  table,
+  showRowSelection = true,
+  pageSizeOptions = [10, 20, 25, 30, 40, 50]
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2", children: [
+    showRowSelection && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+      table.getFilteredSelectedRowModel().rows.length,
+      " of",
+      " ",
+      table.getFilteredRowModel().rows.length,
+      " row(s) selected."
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Rows per page" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: `${table.getState().pagination.pageSize}`,
+            onValueChange: (value) => {
+              table.setPageSize(Number(value));
+            },
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }),
+              /* @__PURE__ */ jsx(SelectContent, { side: "top", children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+        "Page ",
+        table.getState().pagination.pageIndex + 1,
+        " of",
+        " ",
+        table.getPageCount()
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "hidden size-8 lg:flex",
+            onClick: () => table.setPageIndex(0),
+            disabled: !table.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to first page" }),
+              /* @__PURE__ */ jsx(ChevronsLeft, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "size-8",
+            onClick: () => table.previousPage(),
+            disabled: !table.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to previous page" }),
+              /* @__PURE__ */ jsx(ChevronLeft, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "size-8",
+            onClick: () => table.nextPage(),
+            disabled: !table.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to next page" }),
+              /* @__PURE__ */ jsx(ChevronRight, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "hidden size-8 lg:flex",
+            onClick: () => table.setPageIndex(table.getPageCount() - 1),
+            disabled: !table.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to last page" }),
+              /* @__PURE__ */ jsx(ChevronsRight, {})
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DataTableViewOptions({
+  table
+}) {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "ml-auto hidden h-8 lg:flex",
+        children: [
+          /* @__PURE__ */ jsx(Settings2, {}),
+          "View"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      table.getAllColumns().filter(
+        (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
+      ).map((column) => {
+        return /* @__PURE__ */ jsx(
+          DropdownMenuCheckboxItem,
+          {
+            className: "capitalize",
+            checked: column.getIsVisible(),
+            onCheckedChange: (value) => column.toggleVisibility(!!value),
+            children: column.id
+          },
+          column.id
+        );
+      })
+    ] })
+  ] });
+}
 function SearchForm({ ...props }) {
   return /* @__PURE__ */ jsx("form", { ...props, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsx(Label2, { htmlFor: "search", className: "sr-only", children: "Search" }),
@@ -5698,7 +5949,7 @@ function SiteHeader({
       children: /* @__PURE__ */ 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__ */ jsx(Separator, { orientation: "vertical", className: "mr-[var(--j3m-spacing-s)] h-4" }),
-        /* @__PURE__ */ jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs(React15.Fragment, { children: [
+        /* @__PURE__ */ jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs(React17.Fragment, { children: [
           index > 0 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
           /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx(BreadcrumbLink, { href: item.href, children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) })
         ] }, index)) }) }),
@@ -5847,6 +6098,934 @@ function NavUser({ user }) {
     )
   ] }) }) });
 }
+function PlanningTableToolbar({
+  className,
+  table,
+  ...props
+}) {
+  const isFiltered = table.getState().columnFilters.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "planning-table-toolbar",
+      className: cn("flex items-center gap-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "Filter suppliers...",
+            value: table.getColumn("supplier")?.getFilterValue() ?? "",
+            onChange: (event) => table.getColumn("supplier")?.setFilterValue(event.target.value),
+            className: "h-8 w-[150px] lg:w-[250px]"
+          }
+        ),
+        isFiltered && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: () => table.resetColumnFilters(),
+            className: "h-8 px-2 lg:px-3",
+            children: [
+              "Reset",
+              /* @__PURE__ */ jsx(X, { className: "ml-2 h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function getBadgeVariant(badgeType) {
+  const variantMap = {
+    Welded: "secondary",
+    Painted: "secondary",
+    Glazed: "secondary",
+    Delivered: "secondary",
+    Cured: "secondary",
+    Assembled: "secondary",
+    Tested: "secondary",
+    Sealed: "secondary"
+  };
+  return variantMap[badgeType] || "secondary";
+}
+function SupplierCell({
+  className,
+  supplier,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "supplier-cell",
+      className: cn(
+        "flex flex-col justify-center gap-1 py-3 px-4 w-[200px] h-[72px]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold leading-tight text-foreground", children: supplier.name }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: getBadgeVariant(supplier.badgeType),
+              className: "text-[10px] px-1.5 py-0 h-5 font-normal",
+              children: supplier.badgeType
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: supplier.scope })
+        ] })
+      ]
+    }
+  );
+}
+function getCombinedRiskLevel(data) {
+  const productionStatus = data.production?.status || "on-time";
+  const hasDeliveryCritical = data.deliveries?.some((d) => d.status === "critical");
+  const hasDeliveryDelayed = data.deliveries?.some((d) => d.status === "delayed");
+  if (productionStatus === "critical" || hasDeliveryCritical) {
+    return "critical";
+  }
+  if (productionStatus === "delayed" || hasDeliveryDelayed || data.hasWarning) {
+    return "warning";
+  }
+  return "normal";
+}
+function getRowStatus(status) {
+  if (status === "critical") return "critical";
+  if (status === "delayed") return "warning";
+  return "normal";
+}
+var riskColorClasses = {
+  normal: {
+    border: "border-l-green-500",
+    bg: "bg-green-50 dark:bg-green-950/50"
+  },
+  warning: {
+    border: "border-l-amber-500",
+    bg: "bg-amber-50 dark:bg-amber-950/50"
+  },
+  critical: {
+    border: "border-l-red-500",
+    bg: "bg-red-50 dark:bg-red-950/50"
+  }
+};
+var statusColors = {
+  normal: {
+    icon: "text-green-600 dark:text-green-400",
+    progress: "bg-green-500",
+    text: "text-green-700 dark:text-green-300"
+  },
+  warning: {
+    icon: "text-amber-600 dark:text-amber-400",
+    progress: "bg-amber-500",
+    text: "text-amber-700 dark:text-amber-300"
+  },
+  critical: {
+    icon: "text-red-600 dark:text-red-400",
+    progress: "bg-red-500",
+    text: "text-red-700 dark:text-red-300"
+  }
+};
+function WeekCell({
+  className,
+  data,
+  week,
+  supplier,
+  isCurrentWeek,
+  onCellClick,
+  ...props
+}) {
+  const handleClick = () => {
+    if (onCellClick && data.type !== "empty") {
+      onCellClick();
+    }
+  };
+  const handleKeyDown = (e) => {
+    if ((e.key === "Enter" || e.key === " ") && onCellClick && data.type !== "empty") {
+      e.preventDefault();
+      onCellClick();
+    }
+  };
+  const combinedRisk = data.type === "data" ? getCombinedRiskLevel(data) : "normal";
+  const cardColors = riskColorClasses[combinedRisk];
+  const productionProgress = data.production?.progress ?? data.progress ?? 0;
+  const productionStatus = getRowStatus(data.production?.status);
+  const productionColors = statusColors[productionStatus];
+  const deliveryCount = data.deliveries?.length ?? 0;
+  const worstDeliveryStatus = data.deliveries?.some((d) => d.status === "critical") ? "critical" : data.deliveries?.some((d) => d.status === "delayed") ? "warning" : "normal";
+  const deliveryColors = statusColors[worstDeliveryStatus];
+  if (data.type === "empty") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "week-cell",
+        "data-state": "empty",
+        "data-current-week": isCurrentWeek,
+        className: cn(
+          "flex w-[120px] h-[72px] items-center justify-center cursor-default",
+          isCurrentWeek && "bg-primary/5",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/30 text-xl", children: "\xB7" })
+      }
+    );
+  }
+  if (data.type === "no-logistics") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "week-cell",
+        "data-state": "no-logistics",
+        "data-current-week": isCurrentWeek,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        role: "button",
+        tabIndex: 0,
+        className: cn(
+          "flex flex-col w-[120px] h-[72px] justify-center p-1",
+          "cursor-pointer",
+          isCurrentWeek && "bg-primary/5",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col w-full h-full justify-center gap-1.5 rounded-md border-l-[3px] px-2 py-1.5",
+              "border-l-muted-foreground/30 bg-muted/50",
+              // Hover lift effect with shadow
+              "transition-all duration-200 ease-out",
+              "hover:-translate-y-0.5 hover:shadow-md hover:bg-muted/70"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(Factory, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 h-1.5 bg-muted-foreground/20 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "h-full bg-muted-foreground/40 rounded-full",
+                    style: { width: `${productionProgress}%` }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Truck, { className: "h-3.5 w-3.5 shrink-0" }),
+                /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: "No logistics" })
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "week-cell",
+      "data-state": "data",
+      "data-risk": combinedRisk,
+      "data-current-week": isCurrentWeek,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      role: "button",
+      tabIndex: 0,
+      className: cn(
+        "flex flex-col w-[120px] h-[72px] justify-center p-1",
+        "cursor-pointer",
+        isCurrentWeek && "bg-primary/5",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col w-full h-full justify-center gap-1.5 rounded-md border-l-[3px] px-2 py-1.5",
+            cardColors.border,
+            cardColors.bg,
+            // Hover lift effect with shadow
+            "transition-all duration-200 ease-out",
+            "hover:-translate-y-0.5 hover:shadow-md"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx(Factory, { className: cn("h-3.5 w-3.5 shrink-0", productionColors.icon) }),
+              /* @__PURE__ */ jsx("div", { className: "flex-1 h-1.5 bg-black/10 dark:bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn("h-full rounded-full transition-all", productionColors.progress),
+                  style: { width: `${productionProgress}%` }
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx(Truck, { className: cn("h-3.5 w-3.5 shrink-0", deliveryColors.icon) }),
+              deliveryCount > 0 ? /* @__PURE__ */ jsxs("span", { className: cn("text-[10px] font-medium", deliveryColors.text), children: [
+                deliveryCount,
+                "x delivery"
+              ] }) : /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "\u2014" })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function WeekHeader({
+  className,
+  week,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "week-header",
+      "data-current-week": week.isCurrentWeek,
+      className: cn(
+        "flex flex-col justify-center gap-0.5 w-[120px] text-left",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: cn(
+            "text-sm font-medium",
+            week.isCurrentWeek ? "text-primary" : "text-foreground"
+          ), children: week.label }),
+          week.isCurrentWeek && /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75" }),
+            /* @__PURE__ */ jsx("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-primary" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground whitespace-nowrap", children: week.dateRange })
+      ]
+    }
+  );
+}
+
+// src/blocks/planning-table/types.ts
+function getWeekKey(date) {
+  const year = date.getFullYear();
+  const weekNumber = getISOWeek(date);
+  return `${year}-W${weekNumber.toString().padStart(2, "0")}`;
+}
+function getISOWeek(date) {
+  const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+  const dayNum = d.getUTCDay() || 7;
+  d.setUTCDate(d.getUTCDate() + 4 - dayNum);
+  const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
+  return Math.ceil(((d.getTime() - yearStart.getTime()) / 864e5 + 1) / 7);
+}
+function generateWeeks(startDate, count) {
+  const weeks = [];
+  const current = new Date(startDate);
+  const today = /* @__PURE__ */ new Date();
+  const currentWeekKey = getWeekKey(today);
+  const dayOfWeek = current.getDay();
+  const daysToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
+  current.setDate(current.getDate() + daysToMonday);
+  for (let i = 0; i < count; i++) {
+    const weekStart = new Date(current);
+    const weekEnd = new Date(current);
+    weekEnd.setDate(weekEnd.getDate() + 6);
+    const weekNumber = getISOWeek(weekStart);
+    const year = weekStart.getFullYear();
+    const weekKey = `${year}-W${weekNumber.toString().padStart(2, "0")}`;
+    weeks.push({
+      weekNumber,
+      year,
+      startDate: weekStart,
+      endDate: weekEnd,
+      label: `W${weekNumber.toString().padStart(2, "0")}`,
+      dateRange: formatDateRange(weekStart, weekEnd),
+      isCurrentWeek: weekKey === currentWeekKey
+    });
+    current.setDate(current.getDate() + 7);
+  }
+  return weeks;
+}
+function formatDateRange(start, end) {
+  const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+  const startMonth = months[start.getMonth()];
+  const endMonth = months[end.getMonth()];
+  if (startMonth === endMonth) {
+    return `${startMonth} ${start.getDate()} - ${end.getDate()}`;
+  }
+  return `${startMonth} ${start.getDate()} - ${endMonth} ${end.getDate()}`;
+}
+function formatProductionUnit(unit) {
+  const unitLabels = {
+    quantity: "pcs",
+    kvm: "m\xB2",
+    ton: "ton",
+    kg: "kg",
+    m: "m",
+    pcs: "pcs"
+  };
+  return unitLabels[unit] || unit;
+}
+function SupplierColumnHeader({
+  column
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: "-ml-3 h-8 data-[state=open]:bg-accent",
+      onClick: () => column.toggleSorting(column.getIsSorted() === "asc"),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Supplier / Scope" }),
+        /* @__PURE__ */ jsx(ArrowUpDown, { className: "ml-2 h-4 w-4" })
+      ]
+    }
+  );
+}
+function getSupplierColumn() {
+  return {
+    id: "supplier",
+    accessorKey: "name",
+    header: ({ column }) => /* @__PURE__ */ jsx(SupplierColumnHeader, { column }),
+    cell: ({ row }) => /* @__PURE__ */ jsx(SupplierCell, { supplier: row.original }),
+    enableSorting: true,
+    enableHiding: false
+  };
+}
+function generateWeekColumns(weeks, config) {
+  return weeks.map((week) => {
+    const weekKey = getWeekKey(week.startDate);
+    return {
+      id: weekKey,
+      accessorFn: (supplier) => supplier.weeks[weekKey],
+      header: () => /* @__PURE__ */ jsx(WeekHeader, { week }),
+      cell: ({ row }) => {
+        const supplier = row.original;
+        const data = supplier.weeks[weekKey] || { type: "empty" };
+        return /* @__PURE__ */ jsx(
+          WeekCell,
+          {
+            data,
+            week,
+            supplier,
+            isCurrentWeek: week.isCurrentWeek,
+            onCellClick: config?.onCellClick ? () => config.onCellClick?.(supplier, week, data) : void 0
+          }
+        );
+      },
+      enableSorting: false,
+      enableHiding: true
+    };
+  });
+}
+function generateColumns(weeks, config) {
+  return [
+    getSupplierColumn(),
+    ...generateWeekColumns(weeks, config)
+  ];
+}
+function PlanningTable({
+  className,
+  suppliers,
+  config = {}
+}) {
+  const {
+    weekCount = 12,
+    startDate = /* @__PURE__ */ new Date(),
+    highlightCurrentWeek = true,
+    showToolbar = true,
+    showPagination = true,
+    pageSizeOptions = [10, 20, 30, 50],
+    defaultPageSize = 10,
+    stickySupplierColumn = true,
+    maxHeight = "600px"
+  } = config;
+  const weeks = React17.useMemo(
+    () => generateWeeks(startDate, weekCount),
+    [startDate, weekCount]
+  );
+  const currentWeekKey = React17.useMemo(() => {
+    const currentWeek = weeks.find((w) => w.isCurrentWeek);
+    return currentWeek ? getWeekKey(currentWeek.startDate) : null;
+  }, [weeks]);
+  const columns = React17.useMemo(
+    () => generateColumns(weeks, config),
+    [weeks, config]
+  );
+  const [sorting, setSorting] = React17.useState([]);
+  const [columnFilters, setColumnFilters] = React17.useState([]);
+  const [columnVisibility, setColumnVisibility] = React17.useState({});
+  const [rowSelection, setRowSelection] = React17.useState({});
+  const table = useReactTable({
+    data: suppliers,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection
+    },
+    initialState: {
+      pagination: {
+        pageSize: defaultPageSize
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "planning-table",
+      className: cn("flex flex-col gap-4", className),
+      children: [
+        showToolbar && /* @__PURE__ */ jsx(PlanningTableToolbar, { table }),
+        /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card shadow-md", children: /* @__PURE__ */ jsxs(
+          ScrollArea,
+          {
+            className: "w-full",
+            style: { maxHeight },
+            children: [
+              /* @__PURE__ */ jsxs("table", { className: "w-full caption-bottom text-sm border-collapse", children: [
+                /* @__PURE__ */ jsx("thead", { className: "[&_tr]:border-b bg-sidebar sticky top-0 z-20", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
+                  "tr",
+                  {
+                    className: "border-b transition-colors",
+                    children: headerGroup.headers.map((header, index) => {
+                      const isCurrentWeekColumn = header.id === currentWeekKey;
+                      return /* @__PURE__ */ jsx(
+                        "th",
+                        {
+                          className: cn(
+                            "h-14 px-4 text-left align-middle font-medium text-muted-foreground border-r border-border last:border-r-0",
+                            index === 0 && stickySupplierColumn && [
+                              "sticky left-0 z-30 bg-sidebar min-w-[200px]"
+                            ],
+                            index > 0 && "min-w-[120px] w-[120px]",
+                            isCurrentWeekColumn && "bg-primary/10 border-t-2 border-t-primary"
+                          ),
+                          children: header.isPlaceholder ? null : flexRender(
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )
+                        },
+                        header.id
+                      );
+                    })
+                  },
+                  headerGroup.id
+                )) }),
+                /* @__PURE__ */ jsx("tbody", { className: "[&_tr:last-child]:border-0 bg-background", children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
+                  "tr",
+                  {
+                    "data-state": row.getIsSelected() && "selected",
+                    className: "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+                    children: row.getVisibleCells().map((cell, index) => {
+                      const isCurrentWeekColumn = cell.column.id === currentWeekKey;
+                      return /* @__PURE__ */ jsx(
+                        "td",
+                        {
+                          className: cn(
+                            "p-0 align-middle border-r border-border last:border-r-0",
+                            index === 0 && stickySupplierColumn && [
+                              "sticky left-0 z-10 bg-background min-w-[200px]"
+                            ],
+                            index > 0 && "min-w-[120px] w-[120px]",
+                            isCurrentWeekColumn && "bg-primary/5"
+                          ),
+                          children: flexRender(
+                            cell.column.columnDef.cell,
+                            cell.getContext()
+                          )
+                        },
+                        cell.id
+                      );
+                    })
+                  },
+                  row.id
+                )) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    colSpan: columns.length,
+                    className: "h-24 text-center",
+                    children: "No suppliers found."
+                  }
+                ) }) })
+              ] }),
+              /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+              /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" })
+            ]
+          }
+        ) }),
+        showPagination && /* @__PURE__ */ jsx(
+          DataTablePagination,
+          {
+            table,
+            showRowSelection: false,
+            pageSizeOptions
+          }
+        )
+      ]
+    }
+  );
+}
+function getStatusBadgeVariant(status) {
+  switch (status) {
+    case "on-time":
+      return "outline";
+    // Green text with outline
+    case "delayed":
+      return "secondary";
+    case "critical":
+      return "destructive";
+    default:
+      return "outline";
+  }
+}
+function getStatusBadgeClasses(status) {
+  switch (status) {
+    case "on-time":
+      return "border-green-500 text-green-600 bg-green-50 dark:bg-green-950/50";
+    case "delayed":
+      return "border-amber-500 text-amber-600 bg-amber-50 dark:bg-amber-950/50";
+    case "critical":
+      return "";
+    // Use default destructive
+    default:
+      return "";
+  }
+}
+function getStatusLabel(status) {
+  switch (status) {
+    case "on-time":
+      return "On Track";
+    case "delayed":
+      return "At Risk";
+    case "critical":
+      return "Critical";
+    case "pending":
+      return "Pending";
+    default:
+      return status;
+  }
+}
+function DeliveryCard({ delivery, index }) {
+  const [isOpen, setIsOpen] = React17.useState(false);
+  const hasElements = delivery.elements && delivery.elements.length > 0;
+  const elementsAtRisk = delivery.elementsAtRisk ?? delivery.elements?.filter((e) => !e.isProduced).length ?? 0;
+  return /* @__PURE__ */ jsx(Collapsible, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border overflow-hidden bg-card", children: [
+    /* @__PURE__ */ jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: cn(
+          "w-full flex items-center justify-between p-3 text-left",
+          "hover:bg-muted/50 transition-colors",
+          hasElements && "cursor-pointer"
+        ),
+        disabled: !hasElements,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(Truck, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: delivery.label || `Delivery ${index + 1}` }),
+              delivery.destination && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                "\u2192 ",
+                delivery.destination
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: getStatusBadgeVariant(delivery.status),
+                className: cn("text-xs", getStatusBadgeClasses(delivery.status)),
+                children: getStatusLabel(delivery.status)
+              }
+            ),
+            hasElements && /* @__PURE__ */ jsx(ChevronDown, { className: cn(
+              "h-4 w-4 text-muted-foreground transition-transform",
+              isOpen && "rotate-180"
+            ) })
+          ] })
+        ]
+      }
+    ) }),
+    hasElements && /* @__PURE__ */ jsxs(CollapsibleContent2, { children: [
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-2", children: [
+        elementsAtRisk > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-amber-600 dark:text-amber-400 mb-2", children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            elementsAtRisk,
+            " element(s) probably not all produced"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: delivery.elements?.map((element) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-between text-xs p-2 rounded",
+              element.isProduced ? "bg-muted/30" : "bg-amber-50/50 dark:bg-amber-950/30"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                element.isProduced ? /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-green-600" }) : /* @__PURE__ */ jsx(XCircle, { className: "h-3.5 w-3.5 text-amber-600" }),
+                /* @__PURE__ */ jsx("span", { className: element.isProduced ? "text-foreground" : "text-amber-700 dark:text-amber-300", children: element.name })
+              ] }),
+              element.quantity && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                element.quantity,
+                " ",
+                element.unit ? formatProductionUnit(element.unit) : "pcs"
+              ] })
+            ]
+          },
+          element.id
+        )) })
+      ] })
+    ] })
+  ] }) });
+}
+function WeekDetailDialog({
+  open,
+  onOpenChange,
+  supplier,
+  week,
+  data,
+  onProgressUpdate
+}) {
+  const production = data?.production;
+  const initialProgress = production?.progress ?? data?.progress ?? 0;
+  const initialProduced = production?.produced ?? 0;
+  const [progressValue, setProgressValue] = React17.useState(initialProgress.toString());
+  const [producedValue, setProducedValue] = React17.useState(initialProduced.toString());
+  const [hasChanges, setHasChanges] = React17.useState(false);
+  React17.useEffect(() => {
+    const newProgress = data?.production?.progress ?? data?.progress ?? 0;
+    const newProduced = data?.production?.produced ?? 0;
+    setProgressValue(newProgress.toString());
+    setProducedValue(newProduced.toString());
+    setHasChanges(false);
+  }, [data]);
+  const handleProgressChange = (e) => {
+    const value = e.target.value;
+    setProgressValue(value);
+    setHasChanges(true);
+  };
+  const handleProducedChange = (e) => {
+    const value = e.target.value;
+    setProducedValue(value);
+    if (production?.target) {
+      const produced = parseFloat(value) || 0;
+      const calculatedProgress = Math.round(produced / production.target * 100);
+      setProgressValue(Math.min(100, calculatedProgress).toString());
+    }
+    setHasChanges(true);
+  };
+  const handleSave = () => {
+    if (!supplier || !week || !onProgressUpdate) return;
+    const newProgress = Math.min(100, Math.max(0, parseFloat(progressValue) || 0));
+    const newProduced = parseFloat(producedValue) || 0;
+    const weekKey = `${week.year}-W${week.weekNumber.toString().padStart(2, "0")}`;
+    onProgressUpdate(supplier.id, weekKey, newProgress, production ? newProduced : void 0);
+    setHasChanges(false);
+  };
+  if (!supplier || !week || !data) {
+    return null;
+  }
+  const productionProgress = parseFloat(progressValue) || 0;
+  const productionStatus = production?.status ?? "on-time";
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-lg max-h-[80vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+        supplier.name,
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs font-normal", children: supplier.badgeType })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogDescription, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Calendar$1, { className: "h-4 w-4" }),
+        week.label,
+        " \u2022 ",
+        week.dateRange
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4 mt-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+        "Scope: ",
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: supplier.scope })
+      ] }),
+      data.type !== "empty" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Factory, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Production Progress" }),
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: getStatusBadgeVariant(productionStatus),
+                className: cn("text-xs ml-auto", getStatusBadgeClasses(productionStatus)),
+                children: getStatusLabel(productionStatus)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { children: "Progress" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                Math.round(productionProgress),
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "w-full h-2 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "h-full rounded-full transition-all",
+                  productionStatus === "critical" ? "bg-red-500" : productionStatus === "delayed" ? "bg-amber-500" : "bg-green-500"
+                ),
+                style: { width: `${productionProgress}%` }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: cn(
+            "p-3 rounded-lg border bg-card space-y-3"
+          ), children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Update Progress" }),
+            production ? (
+              // If we have production data, show produced amount input
+              /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsxs(Label2, { htmlFor: "produced", className: "text-xs", children: [
+                    "Produced (",
+                    formatProductionUnit(production.unit),
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        id: "produced",
+                        type: "number",
+                        min: "0",
+                        max: production.target,
+                        value: producedValue,
+                        onChange: handleProducedChange,
+                        className: "h-8 text-sm"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
+                      "/ ",
+                      production.target,
+                      " ",
+                      formatProductionUnit(production.unit)
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsx(Label2, { htmlFor: "progress", className: "text-xs", children: "Progress (%)" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "progress",
+                      type: "number",
+                      min: "0",
+                      max: "100",
+                      value: progressValue,
+                      onChange: handleProgressChange,
+                      className: "h-8 text-sm"
+                    }
+                  )
+                ] })
+              ] })
+            ) : (
+              // Simple progress input if no production data
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label2, { htmlFor: "progress", className: "text-xs", children: "Progress (%)" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "progress",
+                    type: "number",
+                    min: "0",
+                    max: "100",
+                    value: progressValue,
+                    onChange: handleProgressChange,
+                    className: "h-8 text-sm"
+                  }
+                )
+              ] })
+            ),
+            onProgressUpdate && /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                className: "w-full",
+                disabled: !hasChanges,
+                onClick: handleSave,
+                children: hasChanges ? "Save Progress" : "No Changes"
+              }
+            )
+          ] }),
+          production && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 rounded-lg border bg-muted/30", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Package, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Target" })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
+              production.target,
+              " ",
+              formatProductionUnit(production.unit)
+            ] })
+          ] })
+        ] })
+      ] }),
+      data.deliveries && data.deliveries.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Truck, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Deliveries" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground ml-auto", children: [
+              data.deliveries.length,
+              " scheduled"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: data.deliveries.map((delivery, index) => /* @__PURE__ */ jsx(DeliveryCard, { delivery, index }, delivery.id)) })
+        ] })
+      ] }),
+      data.type === "no-logistics" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground p-3 bg-muted/50 rounded-lg", children: [
+          /* @__PURE__ */ jsx(Truck, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: "No logistics scheduled for this week" })
+        ] })
+      ] }),
+      data.hasWarning && data.warningMessage && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-lg bg-amber-50 dark:bg-amber-950/50 p-3 text-amber-700 dark:text-amber-300", children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsx("div", { className: "text-sm", children: data.warningMessage })
+        ] })
+      ] }),
+      data.notes && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Notes" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: data.notes })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
 
 // src/components/event-calendar/types.ts
 var DEFAULT_WORKING_HOURS = {
@@ -5910,7 +7089,7 @@ var BADGE_VARIANT_LABELS = {
   colored: "Colored",
   mixed: "Mixed"
 };
-var CalendarContext = React15.createContext(null);
+var CalendarContext = React17.createContext(null);
 function EventCalendarProvider({
   children,
   events: initialEvents = [],
@@ -5925,38 +7104,38 @@ function EventCalendarProvider({
   onEventUpdate,
   onEventDelete
 }) {
-  const [selectedDate, setSelectedDate] = React15.useState(defaultDate);
-  const [selectedUserId, setSelectedUserId] = React15.useState(defaultUserId);
-  const [events, setEventsState] = React15.useState(initialEvents);
-  const [users] = React15.useState(initialUsers);
-  const [badgeVariant, setBadgeVariant] = React15.useState(defaultBadgeVariant);
-  const [view, setView] = React15.useState(defaultView);
-  const [workingHours, setWorkingHours] = React15.useState(defaultWorkingHours);
-  const [visibleHours, setVisibleHours] = React15.useState(defaultVisibleHours);
-  React15.useEffect(() => {
+  const [selectedDate, setSelectedDate] = React17.useState(defaultDate);
+  const [selectedUserId, setSelectedUserId] = React17.useState(defaultUserId);
+  const [events, setEventsState] = React17.useState(initialEvents);
+  const [users] = React17.useState(initialUsers);
+  const [badgeVariant, setBadgeVariant] = React17.useState(defaultBadgeVariant);
+  const [view, setView] = React17.useState(defaultView);
+  const [workingHours, setWorkingHours] = React17.useState(defaultWorkingHours);
+  const [visibleHours, setVisibleHours] = React17.useState(defaultVisibleHours);
+  React17.useEffect(() => {
     setEventsState(initialEvents);
   }, [initialEvents]);
-  const setEvents = React15.useCallback((newEvents) => {
+  const setEvents = React17.useCallback((newEvents) => {
     setEventsState(newEvents);
   }, []);
-  const addEvent = React15.useCallback((event) => {
+  const addEvent = React17.useCallback((event) => {
     setEventsState((prev) => [...prev, event]);
     onEventAdd?.(event);
   }, [onEventAdd]);
-  const updateEvent = React15.useCallback((event) => {
+  const updateEvent = React17.useCallback((event) => {
     setEventsState(
       (prev) => prev.map((e) => e.id === event.id ? event : e)
     );
     onEventUpdate?.(event);
   }, [onEventUpdate]);
-  const deleteEvent = React15.useCallback((eventId) => {
+  const deleteEvent = React17.useCallback((eventId) => {
     setEventsState((prev) => prev.filter((e) => e.id !== eventId));
     onEventDelete?.(eventId);
   }, [onEventDelete]);
-  const goToToday = React15.useCallback(() => {
+  const goToToday = React17.useCallback(() => {
     setSelectedDate(/* @__PURE__ */ new Date());
   }, []);
-  const goToPrevious = React15.useCallback(() => {
+  const goToPrevious = React17.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -5974,7 +7153,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const goToNext = React15.useCallback(() => {
+  const goToNext = React17.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -5992,7 +7171,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const contextValue = React15.useMemo(
+  const contextValue = React17.useMemo(
     () => ({
       // State
       selectedDate,
@@ -6039,7 +7218,7 @@ function EventCalendarProvider({
   return /* @__PURE__ */ jsx(CalendarContext.Provider, { value: contextValue, children });
 }
 function useEventCalendar() {
-  const context = React15.useContext(CalendarContext);
+  const context = React17.useContext(CalendarContext);
   if (!context) {
     throw new Error("useEventCalendar must be used within an EventCalendarProvider");
   }
@@ -6047,14 +7226,14 @@ function useEventCalendar() {
 }
 function useFilteredEvents() {
   const { events, selectedUserId } = useEventCalendar();
-  return React15.useMemo(() => {
+  return React17.useMemo(() => {
     if (!selectedUserId) return events;
     return events.filter((event) => event.user.id === selectedUserId);
   }, [events, selectedUserId]);
 }
 function useEventsInRange(startDate, endDate) {
   const filteredEvents = useFilteredEvents();
-  return React15.useMemo(() => {
+  return React17.useMemo(() => {
     return filteredEvents.filter((event) => {
       const eventStart = new Date(event.startDate);
       const eventEnd = new Date(event.endDate);
@@ -6428,7 +7607,7 @@ function getViewDateRange(date, view) {
       return { start: startOfMonth(date), end: endOfMonth(date) };
   }
 }
-function formatDateRange(start, end) {
+function formatDateRange2(start, end) {
   if (isSameDay(start, end)) {
     return format(start, "MMM d, yyyy");
   }
@@ -6612,8 +7791,8 @@ function MoreEvents({ count, onClick, className }) {
   );
 }
 function TimeIndicator({ className }) {
-  const [now, setNow] = React15.useState(/* @__PURE__ */ new Date());
-  React15.useEffect(() => {
+  const [now, setNow] = React17.useState(/* @__PURE__ */ new Date());
+  React17.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
@@ -6650,24 +7829,24 @@ function DateBadge({ date, className }) {
     }
   );
 }
-var DragContext = React15.createContext(null);
+var DragContext = React17.createContext(null);
 function DragProvider({
   children,
   snapMinutes = 15,
   onDragStart,
   onDragEnd
 }) {
-  const [draggedEvent, setDraggedEventState] = React15.useState(null);
-  const [isDragging, setIsDragging] = React15.useState(false);
+  const [draggedEvent, setDraggedEventState] = React17.useState(null);
+  const [isDragging, setIsDragging] = React17.useState(false);
   const { updateEvent } = useEventCalendar();
-  const setDraggedEvent = React15.useCallback((event) => {
+  const setDraggedEvent = React17.useCallback((event) => {
     setDraggedEventState(event);
     setIsDragging(!!event);
     if (event) {
       onDragStart?.(event);
     }
   }, [onDragStart]);
-  const handleDrop = React15.useCallback((newStartDate) => {
+  const handleDrop = React17.useCallback((newStartDate) => {
     if (!draggedEvent) return;
     const snappedDate = snapToInterval(newStartDate, snapMinutes);
     const { startDate, endDate } = calculateDropDates(draggedEvent, snappedDate);
@@ -6680,7 +7859,7 @@ function DragProvider({
     onDragEnd?.(updatedEvent, new Date(startDate), new Date(endDate));
     setDraggedEvent(null);
   }, [draggedEvent, snapMinutes, updateEvent, onDragEnd, setDraggedEvent]);
-  const contextValue = React15.useMemo(
+  const contextValue = React17.useMemo(
     () => ({
       draggedEvent,
       setDraggedEvent,
@@ -6691,7 +7870,7 @@ function DragProvider({
   return /* @__PURE__ */ jsx(DragContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(DragDropHandler, { onDrop: handleDrop, children }) });
 }
 function useDrag() {
-  const context = React15.useContext(DragContext);
+  const context = React17.useContext(DragContext);
   if (!context) {
     throw new Error("useDrag must be used within a DragProvider");
   }
@@ -6736,7 +7915,7 @@ function DroppableZone({
 }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React15.useState(false);
+  const [isOver, setIsOver] = React17.useState(false);
   const handleDragOver = (e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
@@ -6774,23 +7953,23 @@ function DroppableZone({
 function useDroppable({ date, hour, minute = 0, onDrop }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React15.useState(false);
-  const dropTargetDate = React15.useMemo(() => {
+  const [isOver, setIsOver] = React17.useState(false);
+  const dropTargetDate = React17.useMemo(() => {
     const targetDate = new Date(date);
     if (hour !== void 0) {
       targetDate.setHours(hour, minute, 0, 0);
     }
     return targetDate;
   }, [date, hour, minute]);
-  const handleDragOver = React15.useCallback((e) => {
+  const handleDragOver = React17.useCallback((e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
     if (!isOver) setIsOver(true);
   }, [isOver]);
-  const handleDragLeave = React15.useCallback(() => {
+  const handleDragLeave = React17.useCallback(() => {
     setIsOver(false);
   }, []);
-  const handleDrop = React15.useCallback((e) => {
+  const handleDrop = React17.useCallback((e) => {
     e.preventDefault();
     setIsOver(false);
     if (!draggedEvent) return;
@@ -6817,13 +7996,13 @@ function useDroppable({ date, hour, minute = 0, onDrop }) {
 function useDraggable(event, disabled = false) {
   const { setDraggedEvent, draggedEvent } = useDrag();
   const isDragged = draggedEvent?.id === event.id;
-  const handleDragStart = React15.useCallback((e) => {
+  const handleDragStart = React17.useCallback((e) => {
     if (disabled) return;
     e.dataTransfer.effectAllowed = "move";
     e.dataTransfer.setData("text/plain", event.id);
     setDraggedEvent(event);
   }, [disabled, event, setDraggedEvent]);
-  const handleDragEnd = React15.useCallback(() => {
+  const handleDragEnd = React17.useCallback(() => {
     setDraggedEvent(null);
   }, [setDraggedEvent]);
   return {
@@ -6864,15 +8043,15 @@ function MonthView({
 }) {
   const { selectedDate, badgeVariant, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React15.useMemo(
+  const { singleDayEvents, multiDayEvents } = React17.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const cells = React15.useMemo(
+  const cells = React17.useMemo(
     () => getCalendarCells(selectedDate),
     [selectedDate]
   );
-  const eventPositions = React15.useMemo(
+  const eventPositions = React17.useMemo(
     () => calculateMonthEventPositions(multiDayEvents, singleDayEvents, selectedDate),
     [multiDayEvents, singleDayEvents, selectedDate]
   );
@@ -7054,7 +8233,7 @@ function WeekView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React15.useMemo(
+  const { singleDayEvents, multiDayEvents } = React17.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -7260,8 +8439,8 @@ function CalendarTimeline({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React15.useState(/* @__PURE__ */ new Date());
-  React15.useEffect(() => {
+  const [currentTime, setCurrentTime] = React17.useState(/* @__PURE__ */ new Date());
+  React17.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -7344,7 +8523,7 @@ function DayView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React15.useMemo(
+  const { singleDayEvents, multiDayEvents } = React17.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -7352,7 +8531,7 @@ function DayView({
     visibleHours,
     singleDayEvents
   );
-  const currentEvents = React15.useMemo(() => {
+  const currentEvents = React17.useMemo(() => {
     if (!isToday(selectedDate)) return [];
     return getCurrentEvents(singleDayEvents);
   }, [singleDayEvents, selectedDate]);
@@ -7576,8 +8755,8 @@ function CalendarTimeline2({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React15.useState(/* @__PURE__ */ new Date());
-  React15.useEffect(() => {
+  const [currentTime, setCurrentTime] = React17.useState(/* @__PURE__ */ new Date());
+  React17.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -7611,7 +8790,7 @@ function YearView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const months = React15.useMemo(() => {
+  const months = React17.useMemo(() => {
     const yearStart = startOfYear(selectedDate);
     return Array.from({ length: 12 }, (_, i) => addMonths(yearStart, i));
   }, [selectedDate]);
@@ -7734,11 +8913,11 @@ function AgendaView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React15.useMemo(
+  const { singleDayEvents, multiDayEvents } = React17.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const eventsByDay = React15.useMemo(() => {
+  const eventsByDay = React17.useMemo(() => {
     const allDates = /* @__PURE__ */ new Map();
     singleDayEvents.forEach((event) => {
       const eventDate = parseISO(event.startDate);
@@ -7931,7 +9110,7 @@ function CalendarHeader({
   const filteredEvents = useFilteredEvents();
   const eventCount = filteredEvents.length;
   const { start: rangeStart, end: rangeEnd } = getViewDateRange(selectedDate, view);
-  const dateRangeLabel = formatDateRange(rangeStart, rangeEnd);
+  const dateRangeLabel = formatDateRange2(rangeStart, rangeEnd);
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
   };
@@ -8203,16 +9382,16 @@ function EventDialog({
   defaultUserId
 }) {
   const { addEvent, updateEvent, deleteEvent, users } = useEventCalendar();
-  const [title, setTitle] = React15.useState("");
-  const [description, setDescription] = React15.useState("");
-  const [startDate, setStartDate] = React15.useState("");
-  const [startTime, setStartTime] = React15.useState("");
-  const [endDate, setEndDate] = React15.useState("");
-  const [endTime, setEndTime] = React15.useState("");
-  const [color, setColor] = React15.useState("blue");
-  const [userId, setUserId] = React15.useState("");
-  const [isSubmitting, setIsSubmitting] = React15.useState(false);
-  React15.useEffect(() => {
+  const [title, setTitle] = React17.useState("");
+  const [description, setDescription] = React17.useState("");
+  const [startDate, setStartDate] = React17.useState("");
+  const [startTime, setStartTime] = React17.useState("");
+  const [endDate, setEndDate] = React17.useState("");
+  const [endTime, setEndTime] = React17.useState("");
+  const [color, setColor] = React17.useState("blue");
+  const [userId, setUserId] = React17.useState("");
+  const [isSubmitting, setIsSubmitting] = React17.useState(false);
+  React17.useEffect(() => {
     if (open) {
       if (mode === "edit" && event) {
         const start = parseISO(event.startDate);
@@ -8435,7 +9614,7 @@ function QuickAddEvent({
   onOpenDialog,
   onClose
 }) {
-  const [title, setTitle] = React15.useState("");
+  const [title, setTitle] = React17.useState("");
   const { users } = useEventCalendar();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -8502,8 +9681,8 @@ var HOUR_OPTIONS = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeVisibleHoursInput() {
   const { visibleHours, setVisibleHours } = useEventCalendar();
-  const [from, setFrom] = React15.useState(visibleHours.from);
-  const [to, setTo] = React15.useState(visibleHours.to);
+  const [from, setFrom] = React17.useState(visibleHours.from);
+  const [to, setTo] = React17.useState(visibleHours.to);
   const handleApply = () => {
     const toHour = to === 0 ? 24 : to;
     setVisibleHours({ from, to: toHour });
@@ -8549,7 +9728,7 @@ var HOUR_OPTIONS2 = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeWorkingHoursInput() {
   const { workingHours, setWorkingHours } = useEventCalendar();
-  const [localWorkingHours, setLocalWorkingHours] = React15.useState({
+  const [localWorkingHours, setLocalWorkingHours] = React17.useState({
     ...workingHours
   });
   const handleToggleDay = (dayId) => {
@@ -8698,8 +9877,8 @@ function CalendarSettingsButton({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React15.useState(false);
-  React15.useEffect(() => {
+  const [matches, setMatches] = React17.useState(false);
+  React17.useEffect(() => {
     const media = window.matchMedia(query);
     setMatches(media.matches);
     const listener = (event) => {
@@ -8751,11 +9930,11 @@ function BigCalendarInner({
   maxEventsPerDay
 }) {
   const { view, setView } = useEventCalendar();
-  const [dialogOpen, setDialogOpen] = React15.useState(false);
-  const [settingsDialogOpen, setSettingsDialogOpen] = React15.useState(false);
-  const [selectedEvent, setSelectedEvent] = React15.useState(null);
-  const [dialogMode, setDialogMode] = React15.useState("add");
-  const [defaultDate, setDefaultDate] = React15.useState(/* @__PURE__ */ new Date());
+  const [dialogOpen, setDialogOpen] = React17.useState(false);
+  const [settingsDialogOpen, setSettingsDialogOpen] = React17.useState(false);
+  const [selectedEvent, setSelectedEvent] = React17.useState(null);
+  const [dialogMode, setDialogMode] = React17.useState("add");
+  const [defaultDate, setDefaultDate] = React17.useState(/* @__PURE__ */ new Date());
   const isMobile = useMediaQuery("(max-width: 768px)");
   const isCompact = compact === "auto" ? isMobile : compact;
   const handleAddClick = () => {
@@ -8914,6 +10093,6 @@ function CalendarView({
   }
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgendaView, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BADGE_VARIANT_LABELS, Badge, BigCalendar, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarContext, CalendarDayButton, CalendarHeader, CalendarHeaderCompact, CalendarSettingsButton, CalendarSettingsContent, CalendarSettingsDialog, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChangeBadgeVariantInput, ChangeVisibleHoursInput, ChangeWorkingHoursInput, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_VISIBLE_HOURS, DEFAULT_WORKING_HOURS, DateBadge, DayView, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragContext, DragProvider, DraggableEvent, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DroppableZone, EVENT_COLORS, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventBadge, EventCalendarProvider, EventDialog, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item6 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label2 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MonthView, MoreEvents, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavMain, NavProjects, NavSecondary, NavUser, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PlayerCanvas, PlayerCanvasActionButton, PlayerCanvasControls, PlayerCanvasDivider, PlayerCanvasInfo, PlayerCanvasLabel, PlayerCanvasPlayButton, PlayerCanvasProgress, PlayerCanvasSkipButton, PlayerCanvasTitle, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, QuickAddEvent, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchForm, SearchTrigger, Section, SectionContent, SectionDescription, SectionFooter, SectionHeader, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiteHeader, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeSwitch, TimeIndicator, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToolBarCanvas, ToolBarCanvasButton, ToolBarCanvasDivider, ToolBarCanvasGroup, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserAvatarsDropdown, VIEW_LABELS, WeekView, YearView, badgeVariants, buttonGroupVariants, buttonVariants, calculateDropDates, calculateMonthEventPositions, cardVariants, createDefaultEvent, formatDateRange, formatTime, generateEventId, getCalendarCells, getCurrentEvents, getDayHours, getEventBlockStyle, getEventDuration, getEventDurationMinutes, getEventsCount, getEventsForDate, getEventsInRange, getHeaderLabel, getMonthCellEvents, getMonthDays, getTimeHeight, getTimePosition, getViewDateRange, getVisibleHours, getWeekDayNames, getWeekDays, getYearMonths, groupEvents, isMultiDayEvent, isWorkingHour, navigateDate, navigationMenuTriggerStyle, playerCanvasPlayButtonVariants, playerCanvasSkipButtonVariants, rangeText, sectionVariants, snapToInterval, sortEvents, splitEventsByDuration, toggleVariants, toolBarCanvasButtonVariants, useDrag, useDraggable, useDroppable, useEventCalendar, useEventsInRange, useFilteredEvents, useFormField, useIsMobile, useSearchShortcut, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgendaView, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BADGE_VARIANT_LABELS, Badge, BigCalendar, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarContext, CalendarDayButton, CalendarHeader, CalendarHeaderCompact, CalendarSettingsButton, CalendarSettingsContent, CalendarSettingsDialog, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChangeBadgeVariantInput, ChangeVisibleHoursInput, ChangeWorkingHoursInput, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_VISIBLE_HOURS, DEFAULT_WORKING_HOURS, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DateBadge, DayView, DeliveryIndicator, DeliveryIndicators, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragContext, DragProvider, DraggableEvent, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DroppableZone, EVENT_COLORS, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventBadge, EventCalendarProvider, EventDialog, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item6 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label2 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MonthView, MoreEvents, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavMain, NavProjects, NavSecondary, NavUser, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PlanningTable, PlanningTableToolbar, PlayerCanvas, PlayerCanvasActionButton, PlayerCanvasControls, PlayerCanvasDivider, PlayerCanvasInfo, PlayerCanvasLabel, PlayerCanvasPlayButton, PlayerCanvasProgress, PlayerCanvasSkipButton, PlayerCanvasTitle, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, QuickAddEvent, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchForm, SearchTrigger, Section, SectionContent, SectionDescription, SectionFooter, SectionHeader, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiteHeader, Skeleton, Slider, Spinner, SupplierCell, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeSwitch, TimeIndicator, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToolBarCanvas, ToolBarCanvasButton, ToolBarCanvasDivider, ToolBarCanvasGroup, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserAvatarsDropdown, VIEW_LABELS, WeekCell, WeekDetailDialog, WeekHeader, WeekView, YearView, badgeVariants, buttonGroupVariants, buttonVariants, calculateDropDates, calculateMonthEventPositions, cardVariants, createDefaultEvent, deliveryIndicatorVariants, formatDateRange2 as formatDateRange, formatProductionUnit, formatTime, generateColumns, generateEventId, generateWeekColumns, generateWeeks, getCalendarCells, getCurrentEvents, getDayHours, getEventBlockStyle, getEventDuration, getEventDurationMinutes, getEventsCount, getEventsForDate, getEventsInRange, getHeaderLabel, getISOWeek, getMonthCellEvents, getMonthDays, getSupplierColumn, getTimeHeight, getTimePosition, getViewDateRange, getVisibleHours, getWeekDayNames, getWeekDays, getWeekKey, getYearMonths, groupEvents, isMultiDayEvent, isWorkingHour, navigateDate, navigationMenuTriggerStyle, playerCanvasPlayButtonVariants, playerCanvasSkipButtonVariants, rangeText, sectionVariants, snapToInterval, sortEvents, splitEventsByDuration, toggleVariants, toolBarCanvasButtonVariants, useDrag, useDraggable, useDroppable, useEventCalendar, useEventsInRange, useFilteredEvents, useFormField, useIsMobile, useSearchShortcut, useSidebar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map