@j3m-quantum/ui 1.7.0 → 1.8.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import * as React22 from 'react';
+import * as React27 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, Check, 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, Flag, Factory, Truck, MessageSquare, ChevronDown, Plus, Send, MessageSquarePlus, AlertTriangle, CheckCircle, Calendar as Calendar$1, User, Clock, CalendarX2, List, Columns, Grid2x2, Grid3x3, CalendarRange, Settings, Info, Moon, ArrowUpDown, CheckCircle2, XCircle, Package } from 'lucide-react';
+import { SearchIcon, CheckIcon, CircleIcon, ChevronDownIcon, ChevronUpIcon, ChevronRightIcon, ChevronLeftIcon, ArrowLeft, ArrowRight, Check, 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, Flag, Factory, Truck, MessageSquare, ChevronDown, Plus, Send, MessageSquarePlus, AlertTriangle, CheckCircle, Calendar as Calendar$1, MapPin, Package, User, Clock, CalendarX2, List, Columns, Grid2x2, Grid3x3, CalendarRange, Settings, Info, Moon, ArrowUpDown, 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';
@@ -41,14 +41,14 @@ 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';
+import { addDays, isToday, subMonths, subYears, subWeeks, subDays, addMonths, addYears, addWeeks, format, startOfWeek, endOfWeek, startOfMonth, endOfMonth, startOfYear, endOfYear, isSameMonth, isSameWeek, isSameDay, isSameYear, isWithinInterval, parseISO, differenceInMinutes, eachDayOfInterval, differenceInDays, startOfDay, setMinutes, setHours, eachHourOfInterval, endOfDay, getHours, getMinutes, addMinutes, 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] = React22.useState(void 0);
-  React22.useEffect(() => {
+  const [isMobile, setIsMobile] = React27.useState(void 0);
+  React27.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -89,7 +89,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React22.forwardRef(
+var Button = React27.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -453,7 +453,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React22.useMemo(
+  const _values = React27.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -739,7 +739,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React22.createContext({
+var ToggleGroupContext = React27.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -776,7 +776,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React22.useContext(ToggleGroupContext);
+  const context = React27.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -806,7 +806,7 @@ function ThemeSwitch({
   className,
   size = "default"
 }) {
-  const [isChecked, setIsChecked] = React22.useState(defaultChecked);
+  const [isChecked, setIsChecked] = React27.useState(defaultChecked);
   const isControlled = checked !== void 0;
   const currentChecked = isControlled ? checked : isChecked;
   const handleClick = () => {
@@ -1226,7 +1226,7 @@ function Label2({
   );
 }
 var Form = FormProvider;
-var FormFieldContext = React22.createContext(
+var FormFieldContext = React27.createContext(
   {}
 );
 var FormField = ({
@@ -1235,8 +1235,8 @@ var FormField = ({
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React22.useContext(FormFieldContext);
-  const itemContext = React22.useContext(FormItemContext);
+  const fieldContext = React27.useContext(FormFieldContext);
+  const itemContext = React27.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1253,11 +1253,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React22.createContext(
+var FormItemContext = React27.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React22.useId();
+  const id = React27.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -2359,8 +2359,8 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React22.useRef(null);
-  React22.useEffect(() => {
+  const ref = React27.useRef(null);
+  React27.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -2381,9 +2381,9 @@ function CalendarDayButton({
     }
   );
 }
-var CarouselContext = React22.createContext(null);
+var CarouselContext = React27.createContext(null);
 function useCarousel() {
-  const context = React22.useContext(CarouselContext);
+  const context = React27.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2405,20 +2405,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React22.useState(false);
-  const [canScrollNext, setCanScrollNext] = React22.useState(false);
-  const onSelect = React22.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React27.useState(false);
+  const [canScrollNext, setCanScrollNext] = React27.useState(false);
+  const onSelect = React27.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React22.useCallback(() => {
+  const scrollPrev = React27.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React22.useCallback(() => {
+  const scrollNext = React27.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React22.useCallback(
+  const handleKeyDown = React27.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2430,11 +2430,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React22.useEffect(() => {
+  React27.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React22.useEffect(() => {
+  React27.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2567,9 +2567,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React22.createContext(null);
+var ChartContext = React27.createContext(null);
 function useChart() {
-  const context = React22.useContext(ChartContext);
+  const context = React27.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -2582,7 +2582,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React22.useId();
+  const uniqueId = React27.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -2643,7 +2643,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React22.useMemo(() => {
+  const tooltipLabel = React27.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -3445,8 +3445,8 @@ function TooltipContent({
   ) });
 }
 function useDetectTheme() {
-  const [theme, setTheme] = React22.useState("light");
-  React22.useEffect(() => {
+  const [theme, setTheme] = React27.useState("light");
+  React27.useEffect(() => {
     const isDark = document.documentElement.classList.contains("dark");
     setTheme(isDark ? "dark" : "light");
     const observer = new MutationObserver((mutations) => {
@@ -4095,7 +4095,7 @@ function CommandShortcut({
     }
   );
 }
-var SearchTrigger = React22.forwardRef(
+var SearchTrigger = React27.forwardRef(
   ({
     className,
     placeholder = "Search...",
@@ -4131,7 +4131,7 @@ var SearchTrigger = React22.forwardRef(
 );
 SearchTrigger.displayName = "SearchTrigger";
 function useSearchShortcut(onOpen, key = "k") {
-  React22.useEffect(() => {
+  React27.useEffect(() => {
     const down = (e) => {
       if (e.key.toLowerCase() === key.toLowerCase() && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -5106,9 +5106,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React22.createContext(null);
+var SidebarContext = React27.createContext(null);
 function useSidebar() {
-  const context = React22.useContext(SidebarContext);
+  const context = React27.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5124,10 +5124,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React22.useState(false);
-  const [_open, _setOpen] = React22.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React27.useState(false);
+  const [_open, _setOpen] = React27.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React22.useCallback(
+  const setOpen = React27.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5139,10 +5139,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React22.useCallback(() => {
+  const toggleSidebar = React27.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React22.useEffect(() => {
+  React27.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5153,7 +5153,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React22.useMemo(
+  const contextValue = React27.useMemo(
     () => ({
       state,
       open,
@@ -5611,7 +5611,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React22.useMemo(() => {
+  const width = React27.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -5754,7 +5754,7 @@ var sectionVariants = cva(
   }
 );
 var isGlassVariant = (variant) => variant?.startsWith("glass-") ?? false;
-var Section = React22.forwardRef(
+var Section = React27.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
     "section",
     {
@@ -5766,7 +5766,7 @@ var Section = React22.forwardRef(
   )
 );
 Section.displayName = "Section";
-var SectionHeader = React22.forwardRef(
+var SectionHeader = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5781,7 +5781,7 @@ var SectionHeader = React22.forwardRef(
   )
 );
 SectionHeader.displayName = "SectionHeader";
-var SectionTitle = React22.forwardRef(
+var SectionTitle = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h2",
     {
@@ -5795,7 +5795,7 @@ var SectionTitle = React22.forwardRef(
   )
 );
 SectionTitle.displayName = "SectionTitle";
-var SectionDescription = React22.forwardRef(
+var SectionDescription = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -5809,7 +5809,7 @@ var SectionDescription = React22.forwardRef(
   )
 );
 SectionDescription.displayName = "SectionDescription";
-var SectionContent = React22.forwardRef(
+var SectionContent = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5823,7 +5823,7 @@ var SectionContent = React22.forwardRef(
   )
 );
 SectionContent.displayName = "SectionContent";
-var SectionFooter = React22.forwardRef(
+var SectionFooter = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -6048,7 +6048,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(React22.Fragment, { children: [
+        /* @__PURE__ */ jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs(React27.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)) }) }),
@@ -6655,11 +6655,11 @@ function PlanningWeekCommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React22.useState("");
-  const [selectedLocationId, setSelectedLocationId] = React22.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React22.useState(true);
-  const [showAddForm, setShowAddForm] = React22.useState(false);
-  const selectedLocation = React22.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React27.useState("");
+  const [selectedLocationId, setSelectedLocationId] = React27.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React27.useState(true);
+  const [showAddForm, setShowAddForm] = React27.useState(false);
+  const selectedLocation = React27.useMemo(() => {
     return locationOptions.find((opt) => opt.id === selectedLocationId);
   }, [locationOptions, selectedLocationId]);
   const handleSubmit = () => {
@@ -6703,8 +6703,8 @@ function PlanningWeekCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React22.useRef(open);
-  React22.useEffect(() => {
+  const prevOpenRef = React27.useRef(open);
+  React27.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -6727,7 +6727,7 @@ function PlanningWeekCommentPopover({
             /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Comments" }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: weekLabel })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2 max-h-[400px] overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2 h-fit overflow-y-auto", children: [
             /* @__PURE__ */ jsxs(Collapsible, { open: viewCommentsOpen, onOpenChange: setViewCommentsOpen, children: [
               /* @__PURE__ */ jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "w-full justify-between h-8 px-2", children: [
                 /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium", children: [
@@ -7058,22 +7058,22 @@ function PlanningTable({
     stickySupplierColumn = true,
     maxHeight = "600px"
   } = config;
-  const weeks = React22.useMemo(
+  const weeks = React27.useMemo(
     () => generateWeeks(startDate, weekCount),
     [startDate, weekCount]
   );
-  const currentWeekKey = React22.useMemo(() => {
+  const currentWeekKey = React27.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const columns = React22.useMemo(
+  const columns = React27.useMemo(
     () => generateColumns(weeks, config, suppliers),
     [weeks, config, suppliers]
   );
-  const [sorting, setSorting] = React22.useState([]);
-  const [columnFilters, setColumnFilters] = React22.useState([]);
-  const [columnVisibility, setColumnVisibility] = React22.useState({});
-  const [rowSelection, setRowSelection] = React22.useState({});
+  const [sorting, setSorting] = React27.useState([]);
+  const [columnFilters, setColumnFilters] = React27.useState([]);
+  const [columnVisibility, setColumnVisibility] = React27.useState({});
+  const [rowSelection, setRowSelection] = React27.useState({});
   const table = useReactTable({
     data: suppliers,
     columns,
@@ -7280,10 +7280,10 @@ function DeliveryCommentPopover({
   onAddComment,
   deliveryLabel
 }) {
-  const [open, setOpen] = React22.useState(false);
-  const [newCommentText, setNewCommentText] = React22.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React22.useState(true);
-  const [showAddForm, setShowAddForm] = React22.useState(false);
+  const [open, setOpen] = React27.useState(false);
+  const [newCommentText, setNewCommentText] = React27.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React27.useState(true);
+  const [showAddForm, setShowAddForm] = React27.useState(false);
   const handleSubmit = () => {
     if (newCommentText.trim() && onAddComment) {
       onAddComment(newCommentText.trim());
@@ -7310,8 +7310,8 @@ function DeliveryCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React22.useRef(open);
-  React22.useEffect(() => {
+  const prevOpenRef = React27.useRef(open);
+  React27.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -7333,7 +7333,7 @@ function DeliveryCommentPopover({
             /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Comments" }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: deliveryLabel })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2 max-h-[400px] overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2 h-fit overflow-y-auto", children: [
             /* @__PURE__ */ jsxs(Collapsible, { open: viewCommentsOpen, onOpenChange: setViewCommentsOpen, children: [
               /* @__PURE__ */ jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "w-full justify-between h-8 px-2", children: [
                 /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium", children: [
@@ -7423,8 +7423,8 @@ function ProductionCommentSection({
   comments = [],
   onAddComment
 }) {
-  const [showAddForm, setShowAddForm] = React22.useState(false);
-  const [newComment, setNewComment] = React22.useState("");
+  const [showAddForm, setShowAddForm] = React27.useState(false);
+  const [newComment, setNewComment] = React27.useState("");
   const handleSubmit = () => {
     if (newComment.trim() && onAddComment) {
       onAddComment(newComment.trim());
@@ -7580,7 +7580,7 @@ function DeliveryDetailsView({
   onAddComment
 }) {
   const elements = delivery.elements ?? [];
-  const categorizedElements = React22.useMemo(() => {
+  const categorizedElements = React27.useMemo(() => {
     const sent = [];
     const notSent = [];
     const moved = [];
@@ -7948,15 +7948,15 @@ function WeekDetailDialog({
 }) {
   const production = data?.production;
   const initialProduced = production?.produced ?? 0;
-  const [producedValue, setProducedValue] = React22.useState(initialProduced.toString());
-  const [hasChanges, setHasChanges] = React22.useState(false);
-  const [selectedDelivery, setSelectedDelivery] = React22.useState(null);
-  React22.useEffect(() => {
+  const [producedValue, setProducedValue] = React27.useState(initialProduced.toString());
+  const [hasChanges, setHasChanges] = React27.useState(false);
+  const [selectedDelivery, setSelectedDelivery] = React27.useState(null);
+  React27.useEffect(() => {
     const newProduced = data?.production?.produced ?? 0;
     setProducedValue(newProduced.toString());
     setHasChanges(false);
   }, [data]);
-  React22.useEffect(() => {
+  React27.useEffect(() => {
     if (!open) {
       setSelectedDelivery(null);
     }
@@ -8178,13 +8178,13 @@ function CalibrationWeekCell({
   onAddClick,
   ...props
 }) {
-  const inputRef = React22.useRef(null);
-  const [localValue, setLocalValue] = React22.useState(
+  const inputRef = React27.useRef(null);
+  const [localValue, setLocalValue] = React27.useState(
     data.entered !== null ? String(data.entered) : ""
   );
-  const [isHovered, setIsHovered] = React22.useState(false);
-  const [isEditing, setIsEditing] = React22.useState(false);
-  React22.useEffect(() => {
+  const [isHovered, setIsHovered] = React27.useState(false);
+  const [isEditing, setIsEditing] = React27.useState(false);
+  React27.useEffect(() => {
     setLocalValue(data.entered !== null ? String(data.entered) : "");
   }, [data.entered]);
   const unitLabel = formatCalibrationUnit(unit);
@@ -8370,11 +8370,11 @@ function CommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React22.useState("");
-  const [selectedPrefixId, setSelectedPrefixId] = React22.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React22.useState(true);
-  const [showAddForm, setShowAddForm] = React22.useState(false);
-  const selectedPrefixName = React22.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React27.useState("");
+  const [selectedPrefixId, setSelectedPrefixId] = React27.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React27.useState(true);
+  const [showAddForm, setShowAddForm] = React27.useState(false);
+  const selectedPrefixName = React27.useMemo(() => {
     const prefix = availablePrefixes.find((p) => p.id === selectedPrefixId);
     return prefix?.name ?? "";
   }, [availablePrefixes, selectedPrefixId]);
@@ -8406,8 +8406,8 @@ function CommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React22.useRef(open);
-  React22.useEffect(() => {
+  const prevOpenRef = React27.useRef(open);
+  React27.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -8430,7 +8430,7 @@ function CommentPopover({
             /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Comments" }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: weekLabel })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2 max-h-[400px] overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2 h-fit overflow-y-auto", children: [
             /* @__PURE__ */ jsxs(Collapsible, { open: viewCommentsOpen, onOpenChange: setViewCommentsOpen, children: [
               /* @__PURE__ */ jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs(
                 Button,
@@ -8636,7 +8636,7 @@ function CalibrationTable({
     onAddComment,
     onAddEarlierWeek
   } = config;
-  const calculatedStartDate = React22.useMemo(() => {
+  const calculatedStartDate = React27.useMemo(() => {
     if (startDate) return startDate;
     let earliest = null;
     for (const prefix of prefixes) {
@@ -8657,31 +8657,31 @@ function CalibrationTable({
     }
     return earliest ?? /* @__PURE__ */ new Date();
   }, [startDate, prefixes]);
-  const [additionalWeeks, setAdditionalWeeks] = React22.useState(0);
-  const weeks = React22.useMemo(() => {
+  const [additionalWeeks, setAdditionalWeeks] = React27.useState(0);
+  const weeks = React27.useMemo(() => {
     const start = new Date(calculatedStartDate);
     start.setDate(start.getDate() - additionalWeeks * 7);
     return generateWeeks(start, weekCount + additionalWeeks);
   }, [calculatedStartDate, weekCount, additionalWeeks]);
-  React22.useMemo(() => {
+  React27.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const [currentPage, setCurrentPage] = React22.useState(0);
-  const [pageSize, setPageSize] = React22.useState(defaultPageSize);
-  const [searchQuery, setSearchQuery] = React22.useState("");
-  const filteredPrefixes = React22.useMemo(() => {
+  const [currentPage, setCurrentPage] = React27.useState(0);
+  const [pageSize, setPageSize] = React27.useState(defaultPageSize);
+  const [searchQuery, setSearchQuery] = React27.useState("");
+  const filteredPrefixes = React27.useMemo(() => {
     if (!searchQuery) return prefixes;
     const query = searchQuery.toLowerCase();
     return prefixes.filter(
       (p) => p.name.toLowerCase().includes(query) || p.typeCode.toLowerCase().includes(query)
     );
   }, [prefixes, searchQuery]);
-  const paginatedPrefixes = React22.useMemo(() => {
+  const paginatedPrefixes = React27.useMemo(() => {
     const start = currentPage * pageSize;
     return filteredPrefixes.slice(start, start + pageSize);
   }, [filteredPrefixes, currentPage, pageSize]);
-  React22.useMemo(
+  React27.useMemo(
     () => canSubmitCalibration(prefixes),
     [prefixes]
   );
@@ -8705,7 +8705,7 @@ function CalibrationTable({
     }
     return allComments;
   };
-  const availablePrefixes = React22.useMemo(
+  const availablePrefixes = React27.useMemo(
     () => prefixes.map((p) => ({ id: p.id, name: p.name })),
     [prefixes]
   );
@@ -8942,14 +8942,14 @@ function CommentDialog({
   open,
   onOpenChange
 }) {
-  const [selectedPrefixId, setSelectedPrefixId] = React22.useState("");
-  const [selectedWeekKey, setSelectedWeekKey] = React22.useState("");
-  const [commentText, setCommentText] = React22.useState("");
-  const currentWeek = React22.useMemo(
+  const [selectedPrefixId, setSelectedPrefixId] = React27.useState("");
+  const [selectedWeekKey, setSelectedWeekKey] = React27.useState("");
+  const [commentText, setCommentText] = React27.useState("");
+  const currentWeek = React27.useMemo(
     () => weeks.find((w) => w.isCurrentWeek),
     [weeks]
   );
-  React22.useEffect(() => {
+  React27.useEffect(() => {
     if (open) {
       setSelectedPrefixId(prefixes[0]?.id ?? "");
       setSelectedWeekKey(currentWeek ? getWeekKey(currentWeek.startDate) : weeks[0] ? getWeekKey(weeks[0].startDate) : "");
@@ -9120,6 +9120,1315 @@ function SubmitCalibrationBar({
   );
 }
 
+// src/blocks/supplier-weekly-loading/types.ts
+function getLoadingElementStatusLabel(status) {
+  switch (status) {
+    case "loaded":
+      return "Loaded";
+    case "missing":
+      return "Missing";
+    case "moved":
+      return "Moved to another delivery";
+    case "addon":
+      return "Add-on";
+    default:
+      return status;
+  }
+}
+function getLoadingDeliveryStatusLabel(status) {
+  switch (status) {
+    case "planned":
+      return "Planned";
+    case "in_progress":
+      return "In Progress";
+    case "loaded":
+      return "Loaded";
+    case "shipped":
+      return "Shipped";
+    case "delivered":
+      return "Delivered";
+    case "cancelled":
+      return "Cancelled";
+    default:
+      return status;
+  }
+}
+function getDeliveryVisualState(delivery) {
+  if (delivery.status === "shipped" || delivery.status === "delivered") {
+    return "sent";
+  }
+  if (delivery.isReadyToUnload) {
+    return "ready";
+  }
+  return "normal";
+}
+function getLoadingISOWeek(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 getLoadingWeekKey(date) {
+  const year = date.getFullYear();
+  const weekNumber = getLoadingISOWeek(date);
+  return `${year}-W${weekNumber.toString().padStart(2, "0")}`;
+}
+function generateLoadingWeek(date) {
+  const monday = new Date(date);
+  const day = monday.getDay();
+  const diff = monday.getDate() - day + (day === 0 ? -6 : 1);
+  monday.setDate(diff);
+  monday.setHours(0, 0, 0, 0);
+  const friday = new Date(monday);
+  friday.setDate(monday.getDate() + 4);
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const isCurrentWeek = monday <= today && today <= friday;
+  const formatDate2 = (d) => {
+    return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+  };
+  return {
+    weekKey: getLoadingWeekKey(monday),
+    label: `W${getLoadingISOWeek(monday).toString().padStart(2, "0")}`,
+    startDate: monday,
+    endDate: friday,
+    dateRange: `${formatDate2(monday)} - ${formatDate2(friday)}`,
+    isCurrentWeek
+  };
+}
+function groupDeliveriesByDay(deliveries) {
+  const grouped = /* @__PURE__ */ new Map();
+  for (let i = 1; i <= 5; i++) {
+    grouped.set(i, []);
+  }
+  for (const delivery of deliveries) {
+    const dayOfWeek = delivery.date.getDay();
+    if (dayOfWeek >= 1 && dayOfWeek <= 5) {
+      const dayDeliveries = grouped.get(dayOfWeek) ?? [];
+      dayDeliveries.push(delivery);
+      grouped.set(dayOfWeek, dayDeliveries);
+    }
+  }
+  return grouped;
+}
+function getDayLabel(dayOfWeek) {
+  const labels = {
+    1: "Monday",
+    2: "Tuesday",
+    3: "Wednesday",
+    4: "Thursday",
+    5: "Friday"
+  };
+  return labels[dayOfWeek] ?? "";
+}
+function getShortDayLabel(dayOfWeek) {
+  const labels = {
+    1: "Mon",
+    2: "Tue",
+    3: "Wed",
+    4: "Thu",
+    5: "Fri"
+  };
+  return labels[dayOfWeek] ?? "";
+}
+function extractPrefixes(deliveries) {
+  const prefixMap = /* @__PURE__ */ new Map();
+  for (const delivery of deliveries) {
+    const prefixCode = delivery.prefixScope ?? "GENERAL";
+    if (!prefixMap.has(prefixCode)) {
+      prefixMap.set(prefixCode, {
+        id: prefixCode,
+        name: prefixCode === "GENERAL" ? "General" : prefixCode,
+        typeCode: prefixCode,
+        supplierId: delivery.supplierId,
+        supplierName: delivery.supplierName,
+        totalDeliveries: 0,
+        sentDeliveries: 0,
+        hasRisk: false
+      });
+    }
+    const prefix = prefixMap.get(prefixCode);
+    prefix.totalDeliveries += 1;
+    if (delivery.status === "shipped" || delivery.status === "delivered") {
+      prefix.sentDeliveries += 1;
+    }
+    if (delivery.hasProductionRisk) {
+      prefix.hasRisk = true;
+    }
+  }
+  return Array.from(prefixMap.values());
+}
+function groupDeliveriesByPrefixAndDay(deliveries) {
+  const grouped = /* @__PURE__ */ new Map();
+  for (const delivery of deliveries) {
+    const prefixCode = delivery.prefixScope ?? "GENERAL";
+    const dayOfWeek = delivery.date.getDay();
+    if (dayOfWeek < 1 || dayOfWeek > 5) continue;
+    if (!grouped.has(prefixCode)) {
+      const dayMap2 = /* @__PURE__ */ new Map();
+      for (let i = 1; i <= 5; i++) {
+        dayMap2.set(i, []);
+      }
+      grouped.set(prefixCode, dayMap2);
+    }
+    const dayMap = grouped.get(prefixCode);
+    const dayDeliveries = dayMap.get(dayOfWeek) ?? [];
+    dayDeliveries.push(delivery);
+    dayMap.set(dayOfWeek, dayDeliveries);
+  }
+  return grouped;
+}
+function getLeftStrokeStyles(state, hasRisk, isHovered) {
+  if (hasRisk) {
+    return {
+      stroke: "border-l-[3px] border-l-red-500",
+      content: "text-foreground",
+      progressBg: "bg-red-500",
+      iconColor: "text-red-600 dark:text-red-400"
+    };
+  }
+  switch (state) {
+    case "sent":
+      return {
+        stroke: "border-l-[3px] border-l-green-500/50",
+        content: "text-muted-foreground/60",
+        progressBg: "bg-green-500",
+        iconColor: "text-green-600 dark:text-green-400"
+      };
+    case "ready":
+      return {
+        stroke: "border-l-[3px] border-l-green-500",
+        content: "text-foreground",
+        progressBg: "bg-green-500",
+        iconColor: "text-green-600 dark:text-green-400"
+      };
+    default:
+      return {
+        stroke: isHovered ? "border-l-[3px] border-l-primary/50" : "border-l-[3px] border-l-border",
+        content: "text-foreground",
+        progressBg: "bg-primary",
+        iconColor: "text-muted-foreground"
+      };
+  }
+}
+function DeliveryBadge({
+  delivery,
+  onClick,
+  className
+}) {
+  const [isHovered, setIsHovered] = React27.useState(false);
+  const hasComments = delivery.comments.length > 0;
+  const visualState = getDeliveryVisualState(delivery);
+  const styles = getLeftStrokeStyles(visualState, delivery.hasProductionRisk ?? false, isHovered);
+  const prefixTitle = React27.useMemo(() => {
+    const prefixSet = /* @__PURE__ */ new Set();
+    if (delivery.elements && delivery.elements.length > 0) {
+      for (const element of delivery.elements) {
+        if (element.prefix) {
+          prefixSet.add(element.prefix);
+        }
+      }
+    }
+    if (prefixSet.size === 0 && delivery.prefixScope) {
+      prefixSet.add(delivery.prefixScope);
+    }
+    const prefixes = Array.from(prefixSet);
+    if (prefixes.length === 0) {
+      return delivery.label;
+    }
+    if (prefixes.length > 3) {
+      return `${prefixes.slice(0, 3).join(" \xB7 ")} \xB7 +${prefixes.length - 3}`;
+    }
+    return prefixes.join(" \xB7 ");
+  }, [delivery]);
+  const productionProgress = React27.useMemo(() => {
+    if (delivery.producedTons !== void 0 && delivery.totalTons !== void 0 && delivery.totalTons > 0) {
+      return Math.min(delivery.producedTons / delivery.totalTons * 100, 100);
+    }
+    if (delivery.producedCount !== void 0 && delivery.totalCount !== void 0 && delivery.totalCount > 0) {
+      return Math.min(delivery.producedCount / delivery.totalCount * 100, 100);
+    }
+    if (delivery.loadedCount !== void 0 && delivery.totalCount !== void 0 && delivery.totalCount > 0) {
+      return Math.min(delivery.loadedCount / delivery.totalCount * 100, 100);
+    }
+    return 0;
+  }, [delivery]);
+  const productionDisplay = React27.useMemo(() => {
+    if (delivery.producedTons !== void 0 && delivery.totalTons !== void 0) {
+      return `${delivery.producedTons}/${delivery.totalTons}t`;
+    }
+    if (delivery.producedCount !== void 0 && delivery.totalCount !== void 0) {
+      return `${delivery.producedCount}/${delivery.totalCount}`;
+    }
+    if (delivery.loadedCount !== void 0 && delivery.totalCount !== void 0) {
+      return `${delivery.loadedCount}/${delivery.totalCount}`;
+    }
+    return null;
+  }, [delivery]);
+  const handleClick = (e) => {
+    e.stopPropagation();
+    onClick?.();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      e.stopPropagation();
+      onClick?.();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      className: cn(
+        // Position relative for comment dot
+        "relative",
+        // Full-width in cell, 90° corners
+        "w-full rounded-none",
+        // Sizing using Quantum tokens:
+        // - h-[80px] card height
+        // - px-6 = 24px horizontal (j3m.spacing.l)
+        // - py-4 = 16px vertical (j3m.spacing.m)
+        "h-[80px] px-6 py-4",
+        // Layout
+        "flex items-center",
+        // Card base: white background, complete border
+        "bg-background border border-border",
+        // Left stroke for status
+        styles.stroke,
+        // Interactive states
+        "cursor-pointer transition-all duration-200 ease-out",
+        "hover:-translate-y-0.5 hover:shadow-[var(--j3m-shadow-md)]",
+        "active:translate-y-0 active:shadow-sm",
+        // Focus state
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1",
+        // Greyed out for sent state
+        visualState === "sent" && "opacity-60",
+        className
+      ),
+      children: [
+        hasComments && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "absolute -top-1 -right-1 h-3 w-3 rounded-full bg-primary ring-2 ring-background",
+            "aria-label": "Has comments"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center gap-3 min-w-0 flex-1 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 overflow-hidden", children: [
+            /* @__PURE__ */ jsx("span", { className: cn("text-sm font-semibold truncate", styles.content), children: prefixTitle }),
+            visualState === "sent" && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-green-600 dark:text-green-400 shrink-0" }),
+            delivery.hasProductionRisk && /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-500 shrink-0" }),
+            delivery.supplierName && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground truncate ml-auto", children: delivery.supplierName })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Factory, { className: cn("h-3.5 w-3.5 shrink-0", styles.iconColor) }),
+            /* @__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", styles.progressBg),
+                style: { width: `${productionProgress}%` }
+              }
+            ) }),
+            productionDisplay && /* @__PURE__ */ jsx("span", { className: cn(
+              "text-xs tabular-nums font-medium shrink-0",
+              delivery.isReadyToUnload ? "text-green-600 dark:text-green-400" : delivery.hasProductionRisk ? "text-red-600 dark:text-red-400" : "text-muted-foreground"
+            ), children: productionDisplay })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function WeeklyLoadingView({
+  week,
+  deliveries,
+  onDeliveryClick,
+  onWeekChange,
+  onDayCommentClick,
+  showNavigation = true,
+  className
+}) {
+  const weekDays = React27.useMemo(() => {
+    const days = [];
+    for (let i = 0; i < 5; i++) {
+      const date = addDays(week.startDate, i);
+      days.push({
+        date,
+        dayOfWeek: i + 1,
+        isToday: isToday(date)
+      });
+    }
+    return days;
+  }, [week.startDate]);
+  const deliveriesByDay = React27.useMemo(() => {
+    const grouped = /* @__PURE__ */ new Map();
+    for (let i = 1; i <= 5; i++) {
+      grouped.set(i, []);
+    }
+    for (const delivery of deliveries) {
+      const dayOfWeek = delivery.date.getDay();
+      if (dayOfWeek >= 1 && dayOfWeek <= 5) {
+        const dayDeliveries = grouped.get(dayOfWeek) ?? [];
+        dayDeliveries.push(delivery);
+        grouped.set(dayOfWeek, dayDeliveries);
+      }
+    }
+    return grouped;
+  }, [deliveries]);
+  const commentCountByDay = React27.useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (let i = 1; i <= 5; i++) {
+      counts.set(i, 0);
+    }
+    for (const delivery of deliveries) {
+      const dayOfWeek = delivery.date.getDay();
+      if (dayOfWeek >= 1 && dayOfWeek <= 5) {
+        const current = counts.get(dayOfWeek) ?? 0;
+        counts.set(dayOfWeek, current + delivery.comments.length);
+      }
+    }
+    return counts;
+  }, [deliveries]);
+  const totalDeliveries = deliveries.length;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 border-b border-border p-4 lg:flex-row lg:items-center lg:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: cn(
+            "text-2xl font-bold tabular-nums",
+            week.isCurrentWeek && "text-primary"
+          ), children: week.label }),
+          week.isCurrentWeek && /* @__PURE__ */ jsxs("span", { className: "relative flex h-2.5 w-2.5", 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.5 w-2.5 bg-primary" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: week.dateRange }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            totalDeliveries,
+            " ",
+            totalDeliveries === 1 ? "delivery" : "deliveries"
+          ] })
+        ] })
+      ] }),
+      showNavigation && onWeekChange && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8",
+            onClick: () => onWeekChange("prev"),
+            children: [
+              /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous week" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => {
+            },
+            children: "Today"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8",
+            onClick: () => onWeekChange("next"),
+            children: [
+              /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next week" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollArea, { className: "flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "hidden sm:block", children: [
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 border-b border-border bg-muted/30", children: weekDays.map(({ date, dayOfWeek, isToday: dayIsToday }) => {
+          const dayCommentCount = commentCountByDay.get(dayOfWeek) ?? 0;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                // Relative for positioning comment button
+                "relative",
+                // Compact padding: py-2 px-3 (j3m.spacing.xs / j3m.spacing.s)
+                "flex items-center justify-center gap-2 py-2 px-3",
+                dayIsToday && "bg-primary/5"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: cn(
+                  "text-xs font-medium uppercase tracking-wide",
+                  dayIsToday ? "text-primary" : "text-muted-foreground"
+                ), children: getShortDayLabel(dayOfWeek) }),
+                /* @__PURE__ */ jsx("span", { className: cn(
+                  "text-base font-semibold tabular-nums",
+                  dayIsToday ? "text-primary" : "text-foreground"
+                ), children: date.getDate() }),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: cn(
+                      "absolute top-1 right-1 h-7 w-7",
+                      dayCommentCount > 0 && "text-primary"
+                    ),
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onDayCommentClick?.(dayOfWeek, date);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                        /* @__PURE__ */ jsx(MessageSquare, { className: "h-4 w-4" }),
+                        dayCommentCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 h-2 w-2 rounded-full bg-primary" })
+                      ] }),
+                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: dayCommentCount > 0 ? `${dayCommentCount} comments on ${getShortDayLabel(dayOfWeek)}` : `Add comment for ${getShortDayLabel(dayOfWeek)}` })
+                    ]
+                  }
+                )
+              ]
+            },
+            dayOfWeek
+          );
+        }) }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5", children: weekDays.map(({ dayOfWeek, isToday: dayIsToday }) => {
+          const dayDeliveries = deliveriesByDay.get(dayOfWeek) ?? [];
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                // Column padding: p-3 = 12px (j3m.spacing.s)
+                "flex flex-col p-3",
+                dayIsToday && "bg-primary/5"
+              ),
+              children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: dayDeliveries.length > 0 ? dayDeliveries.map((delivery) => /* @__PURE__ */ jsx(
+                DeliveryBadge,
+                {
+                  delivery,
+                  onClick: () => onDeliveryClick?.(delivery)
+                },
+                delivery.id
+              )) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6 text-sm text-muted-foreground/40", children: "\u2014" }) })
+            },
+            dayOfWeek
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "sm:hidden divide-y divide-border", children: weekDays.map(({ date, dayOfWeek, isToday: dayIsToday }) => {
+        const dayDeliveries = deliveriesByDay.get(dayOfWeek) ?? [];
+        const dayCommentCount = commentCountByDay.get(dayOfWeek) ?? 0;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              dayIsToday && "bg-primary/5"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: cn(
+                    "text-xs font-medium uppercase",
+                    dayIsToday ? "text-primary" : "text-muted-foreground"
+                  ), children: getShortDayLabel(dayOfWeek) }),
+                  /* @__PURE__ */ jsx("span", { className: cn(
+                    "text-base font-semibold tabular-nums",
+                    dayIsToday ? "text-primary" : "text-foreground"
+                  ), children: date.getDate() }),
+                  dayIsToday && /* @__PURE__ */ jsx("span", { className: "text-xs text-primary font-medium", children: "Today" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+                    dayDeliveries.length,
+                    " ",
+                    dayDeliveries.length === 1 ? "delivery" : "deliveries"
+                  ] }),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: cn(
+                        "h-7 w-7",
+                        dayCommentCount > 0 && "text-primary"
+                      ),
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onDayCommentClick?.(dayOfWeek, date);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                          /* @__PURE__ */ jsx(MessageSquare, { className: "h-4 w-4" }),
+                          dayCommentCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 h-2 w-2 rounded-full bg-primary" })
+                        ] }),
+                        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Comments" })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 p-3 pt-0", children: dayDeliveries.length > 0 ? dayDeliveries.map((delivery) => /* @__PURE__ */ jsx(
+                DeliveryBadge,
+                {
+                  delivery,
+                  onClick: () => onDeliveryClick?.(delivery)
+                },
+                delivery.id
+              )) : /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground/40 py-4 text-center", children: "\u2014" }) })
+            ]
+          },
+          dayOfWeek
+        );
+      }) })
+    ] })
+  ] });
+}
+function getStatusBadgeVariant2(status) {
+  switch (status) {
+    case "shipped":
+    case "delivered":
+      return "default";
+    case "loaded":
+    case "in_progress":
+      return "secondary";
+    case "cancelled":
+      return "destructive";
+    case "planned":
+    default:
+      return "outline";
+  }
+}
+function getStatusBadgeClasses2(status) {
+  switch (status) {
+    case "shipped":
+    case "delivered":
+      return "border-green-500 text-green-600 bg-green-50 dark:bg-green-950/50";
+    case "loaded":
+      return "border-blue-500 text-blue-600 bg-blue-50 dark:bg-blue-950/50";
+    case "in_progress":
+      return "border-amber-500 text-amber-600 bg-amber-50 dark:bg-amber-950/50";
+    case "cancelled":
+      return "";
+    case "planned":
+    default:
+      return "border-muted-foreground/50 text-muted-foreground";
+  }
+}
+function getElementStatusBadgeClasses(status) {
+  switch (status) {
+    case "loaded":
+      return "border-green-500 text-green-600 bg-green-50 dark:bg-green-950/50";
+    case "missing":
+      return "border-muted-foreground/50 text-muted-foreground bg-muted/50";
+    case "moved":
+      return "border-blue-500 text-blue-600 bg-blue-50 dark:bg-blue-950/50";
+    case "addon":
+      return "border-purple-500 text-purple-600 bg-purple-50 dark:bg-purple-950/50";
+    default:
+      return "border-muted-foreground/50 text-muted-foreground";
+  }
+}
+function getElementRowBg(status) {
+  switch (status) {
+    case "loaded":
+      return "bg-green-50/30 dark:bg-green-950/10";
+    case "missing":
+      return "bg-muted/30";
+    case "moved":
+      return "bg-blue-50/30 dark:bg-blue-950/10";
+    case "addon":
+      return "bg-purple-50/30 dark:bg-purple-950/10";
+    default:
+      return "";
+  }
+}
+function AddCommentDialog({
+  open,
+  onOpenChange,
+  delivery,
+  weekId,
+  onAddComment
+}) {
+  const [commentText, setCommentText] = React27.useState("");
+  const handleSubmit = () => {
+    if (commentText.trim() && onAddComment) {
+      onAddComment({
+        author: "Current User",
+        // Would come from auth context in real app
+        text: commentText.trim(),
+        context: "pre_unloading",
+        weekId,
+        deliveryId: delivery.id,
+        supplierId: delivery.supplierId,
+        supplierName: delivery.supplierName,
+        prefixId: delivery.prefixScope,
+        prefixName: delivery.prefixScope
+      });
+      setCommentText("");
+      onOpenChange(false);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+      e.preventDefault();
+      handleSubmit();
+    }
+  };
+  React27.useEffect(() => {
+    if (!open) {
+      setCommentText("");
+    }
+  }, [open]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Add pre-unloading note" }),
+      /* @__PURE__ */ jsxs(DialogDescription, { children: [
+        "Add a note for ",
+        /* @__PURE__ */ jsx("strong", { children: delivery.label }),
+        " (",
+        delivery.supplierName,
+        delivery.prefixScope && ` \u2022 ${delivery.prefixScope}`,
+        ")."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label2, { htmlFor: "comment-text", className: "text-sm font-medium", children: "Note" }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: "comment-text",
+          placeholder: "Add a note before unloading...",
+          value: commentText,
+          onChange: (e) => setCommentText(e.target.value),
+          onKeyDown: handleKeyDown,
+          className: "min-h-[120px] text-base resize-none",
+          autoFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "\u2318+Enter to save" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          onClick: () => onOpenChange(false),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: handleSubmit,
+          disabled: !commentText.trim(),
+          className: "gap-1.5",
+          children: [
+            /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" }),
+            "Save note"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function CommentsSection({
+  comments,
+  delivery,
+  weekId,
+  onAddComment
+}) {
+  const [viewCommentsOpen, setViewCommentsOpen] = React27.useState(true);
+  const [addDialogOpen, setAddDialogOpen] = React27.useState(false);
+  const formatDate2 = (date) => {
+    return new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    }).format(date);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(MessageSquare, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Notes before unloading" }),
+          comments.length > 0 && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-[10px] h-5", children: comments.length })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "gap-1.5 h-9",
+            onClick: () => setAddDialogOpen(true),
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              "Add note"
+            ]
+          }
+        )
+      ] }),
+      comments.length > 0 ? /* @__PURE__ */ jsxs(Collapsible, { open: viewCommentsOpen, onOpenChange: setViewCommentsOpen, children: [
+        /* @__PURE__ */ jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "w-full justify-between h-8 px-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: viewCommentsOpen ? "Hide comments" : "Show comments" }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: cn(
+            "h-4 w-4 transition-transform duration-200",
+            viewCommentsOpen && "rotate-180"
+          ) })
+        ] }) }),
+        /* @__PURE__ */ jsx(CollapsibleContent2, { className: "space-y-2 pt-2", children: comments.map((comment) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/50 p-3 space-y-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: comment.author }),
+              comment.supplierName && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[9px] px-1.5 py-0 h-4", children: comment.prefixName ? `${comment.supplierName} - ${comment.prefixName}` : comment.supplierName })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate2(comment.createdAt) })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: comment.text })
+        ] }, comment.id)) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed p-4 text-center text-sm text-muted-foreground", children: "No pre-unloading notes yet. Add notes before confirming the load." })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AddCommentDialog,
+      {
+        open: addDialogOpen,
+        onOpenChange: setAddDialogOpen,
+        delivery,
+        weekId,
+        onAddComment
+      }
+    )
+  ] });
+}
+function getDeliveryHeaderStyles(state, hasRisk) {
+  if (hasRisk) {
+    return {
+      iconBg: "bg-red-100 dark:bg-red-950/50",
+      iconColor: "text-red-600 dark:text-red-400"
+    };
+  }
+  switch (state) {
+    case "sent":
+      return {
+        iconBg: "bg-green-100 dark:bg-green-950/50",
+        iconColor: "text-green-600 dark:text-green-400"
+      };
+    case "ready":
+      return {
+        iconBg: "bg-green-100 dark:bg-green-950/50",
+        iconColor: "text-green-600 dark:text-green-400"
+      };
+    default:
+      return {
+        iconBg: "bg-muted",
+        iconColor: "text-muted-foreground"
+      };
+  }
+}
+function DeliveryDetailPage({
+  delivery,
+  week,
+  suppliers,
+  userRole,
+  currentSupplierId,
+  onBack,
+  onAddComment,
+  onConfirmLoad
+}) {
+  const visualState = getDeliveryVisualState(delivery);
+  const headerStyles = getDeliveryHeaderStyles(visualState, delivery.hasProductionRisk ?? false);
+  const loadedCount = delivery.loadedCount ?? delivery.elements.filter((e) => e.status === "loaded").length;
+  const totalCount = delivery.totalCount ?? delivery.elements.length;
+  const loadedPercent = totalCount > 0 ? Math.round(loadedCount / totalCount * 100) : 0;
+  const producedCount = delivery.producedCount ?? loadedCount;
+  const producedPercent = totalCount > 0 ? Math.round(producedCount / totalCount * 100) : 0;
+  const elementsByStatus = React27.useMemo(() => {
+    const loaded = delivery.elements.filter((e) => e.status === "loaded");
+    const missing = delivery.elements.filter((e) => e.status === "missing");
+    const moved = delivery.elements.filter((e) => e.status === "moved");
+    const addons = delivery.elements.filter((e) => e.status === "addon");
+    return { loaded, missing, moved, addons };
+  }, [delivery.elements]);
+  const preUnloadingComments = delivery.comments.filter((c) => c.context === "pre_unloading");
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 px-4 py-3 border-b bg-background sticky top-0 z-10", children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "gap-1 -ml-2",
+        onClick: onBack,
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
+          "Back"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxs("div", { className: "px-4 pb-6 space-y-6", children: [
+      /* @__PURE__ */ jsxs("section", { className: "pt-4 space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: cn(
+              "flex items-center justify-center h-12 w-12 rounded-xl shrink-0",
+              headerStyles.iconBg
+            ), children: /* @__PURE__ */ jsx(Truck, { className: cn("h-6 w-6", headerStyles.iconColor) }) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold", children: delivery.label }),
+                visualState === "sent" && /* @__PURE__ */ jsx(Check, { className: "h-5 w-5 text-green-600 dark:text-green-400" }),
+                delivery.hasProductionRisk && /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5 text-red-500" })
+              ] }),
+              /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                delivery.supplierName,
+                delivery.prefixScope && ` \u2022 ${delivery.prefixScope}`
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-1.5", children: [
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: getStatusBadgeVariant2(delivery.status),
+                className: cn("shrink-0", getStatusBadgeClasses2(delivery.status)),
+                children: getLoadingDeliveryStatusLabel(delivery.status)
+              }
+            ),
+            delivery.isReadyToUnload && /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: "outline",
+                className: "bg-green-100 dark:bg-green-900/50 border-green-300 dark:border-green-700 text-green-700 dark:text-green-300",
+                children: "Ready to unload"
+              }
+            )
+          ] })
+        ] }),
+        delivery.hasProductionRisk && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-l-2 border-l-red-500 bg-red-50/50 dark:bg-red-950/30 p-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-600 dark:text-red-400 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-red-700 dark:text-red-400", children: "Production delay risk" })
+          ] }),
+          delivery.riskReason && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600 dark:text-red-400 mt-1 ml-6", children: delivery.riskReason })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Calendar$1, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { children: delivery.date.toLocaleDateString("en-US", {
+              weekday: "short",
+              month: "short",
+              day: "numeric"
+            }) })
+          ] }),
+          delivery.destination && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { children: delivery.destination })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/50 p-4 space-y-3", children: [
+          (delivery.producedCount !== void 0 || delivery.producedTons !== void 0) && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Production" }),
+              /* @__PURE__ */ jsxs("span", { className: cn(
+                "text-sm font-semibold tabular-nums",
+                delivery.isReadyToUnload ? "text-green-600 dark:text-green-400" : delivery.hasProductionRisk ? "text-red-600 dark:text-red-400" : ""
+              ), children: [
+                delivery.producedTons !== void 0 && delivery.totalTons !== void 0 ? `${delivery.producedTons} / ${delivery.totalTons} tons` : `Produced ${producedCount} / ${totalCount}`,
+                delivery.isReadyToUnload && " \u2713"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "h-2 bg-black/10 dark:bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "h-full rounded-full transition-all",
+                  delivery.isReadyToUnload ? "bg-green-500" : delivery.hasProductionRisk ? "bg-red-500" : "bg-amber-500"
+                ),
+                style: { width: `${producedPercent}%` }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(Separator, { className: "my-2" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Loading Progress" }),
+              /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold tabular-nums", children: [
+                "Loaded ",
+                loadedCount,
+                " / ",
+                totalCount
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "h-2 bg-black/10 dark:bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "h-full rounded-full transition-all",
+                  loadedPercent === 100 ? "bg-green-500" : "bg-primary"
+                ),
+                style: { width: `${loadedPercent}%` }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap text-xs", children: [
+              elementsByStatus.loaded.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-green-600 dark:text-green-400", children: [
+                elementsByStatus.loaded.length,
+                " Loaded"
+              ] }),
+              elementsByStatus.missing.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                elementsByStatus.missing.length,
+                " Missing"
+              ] }),
+              elementsByStatus.moved.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-blue-600 dark:text-blue-400", children: [
+                elementsByStatus.moved.length,
+                " Moved"
+              ] }),
+              elementsByStatus.addons.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-purple-600 dark:text-purple-400", children: [
+                elementsByStatus.addons.length,
+                " Add-on"
+              ] })
+            ] })
+          ] })
+        ] })
+      ] }),
+      delivery.elements.length > 0 && /* @__PURE__ */ jsxs("section", { className: "space-y-3", 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 font-semibold", children: "Elements to Unload" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground ml-auto", children: [
+            delivery.elements.length,
+            " total"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "rounded-lg border overflow-hidden", children: /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { className: "bg-sidebar hover:bg-sidebar", children: [
+            /* @__PURE__ */ jsx(TableHead, { className: "font-semibold", children: "Prefix" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "font-semibold", children: "Type" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "font-semibold text-right", children: "Weight" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "font-semibold text-right", children: "Size (m\xB2)" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "font-semibold text-center", children: "Status" })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: delivery.elements.map((element) => /* @__PURE__ */ jsxs(
+            TableRow,
+            {
+              className: getElementRowBg(element.status),
+              children: [
+                /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: element.prefix }),
+                /* @__PURE__ */ jsx(TableCell, { children: element.type }),
+                /* @__PURE__ */ jsx(TableCell, { className: "text-right tabular-nums", children: element.weight ? /* @__PURE__ */ jsxs("span", { children: [
+                  element.weight,
+                  " ",
+                  element.weightUnit || "kg"
+                ] }) : "\u2014" }),
+                /* @__PURE__ */ jsx(TableCell, { className: "text-right tabular-nums", children: element.sizeSqm ?? "\u2014" }),
+                /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      variant: "outline",
+                      className: cn(
+                        "text-[10px] h-5",
+                        getElementStatusBadgeClasses(element.status)
+                      ),
+                      children: getLoadingElementStatusLabel(element.status)
+                    }
+                  ),
+                  element.status === "moved" && element.actualDeliveryLabel && /* @__PURE__ */ jsxs("span", { className: "text-[9px] text-blue-600 dark:text-blue-400", children: [
+                    "\u2192 ",
+                    element.actualDeliveryLabel
+                  ] }),
+                  element.status === "addon" && element.originalDeliveryLabel && /* @__PURE__ */ jsxs("span", { className: "text-[9px] text-purple-600 dark:text-purple-400", children: [
+                    "from ",
+                    element.originalDeliveryLabel
+                  ] })
+                ] }) })
+              ]
+            },
+            element.id
+          )) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        CommentsSection,
+        {
+          comments: preUnloadingComments,
+          delivery,
+          weekId: week.weekKey,
+          onAddComment
+        }
+      ),
+      onConfirmLoad && /* @__PURE__ */ jsxs("section", { className: "pt-4", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "w-full h-12 text-base",
+            onClick: () => onConfirmLoad(delivery.id),
+            children: "Start Loading"
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center mt-2", children: "Comments are saved independently." })
+      ] })
+    ] }) })
+  ] });
+}
+function SupplierWeeklyLoading({
+  week,
+  deliveries,
+  suppliers,
+  userRole,
+  currentSupplierId,
+  onDeliveryClick,
+  onBack,
+  onAddComment,
+  onConfirmLoad,
+  onWeekChange,
+  showNavigation = true,
+  bordered = true,
+  className
+}) {
+  const [selectedDelivery, setSelectedDelivery] = React27.useState(null);
+  const [sheetOpen, setSheetOpen] = React27.useState(false);
+  const handleDeliveryClick = (delivery) => {
+    setSelectedDelivery(delivery);
+    setSheetOpen(true);
+    onDeliveryClick?.(delivery);
+  };
+  const handleSheetClose = () => {
+    setSheetOpen(false);
+    setTimeout(() => setSelectedDelivery(null), 200);
+    onBack?.();
+  };
+  const Wrapper = bordered ? Card : "div";
+  const Content14 = bordered ? CardContent : "div";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Wrapper,
+      {
+        className: cn(
+          "flex flex-col overflow-hidden",
+          // Removed fixed min-height - content-driven sizing
+          !bordered && "border border-border bg-card rounded-lg",
+          className
+        ),
+        children: /* @__PURE__ */ jsx(Content14, { className: cn("flex-1 overflow-hidden p-0", !bordered && ""), children: /* @__PURE__ */ jsx(
+          WeeklyLoadingView,
+          {
+            week,
+            deliveries,
+            onDeliveryClick: handleDeliveryClick,
+            onWeekChange,
+            showNavigation
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsx(Sheet, { open: sheetOpen, onOpenChange: (open) => !open && handleSheetClose(), children: /* @__PURE__ */ jsxs(
+      SheetContent,
+      {
+        side: "right",
+        className: "w-full sm:max-w-lg p-0 overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsx(SheetHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(SheetTitle, { children: selectedDelivery?.label ?? "Delivery Details" }) }),
+          selectedDelivery && /* @__PURE__ */ jsx(
+            DeliveryDetailPage,
+            {
+              delivery: selectedDelivery,
+              week,
+              suppliers,
+              userRole,
+              currentSupplierId,
+              onBack: handleSheetClose,
+              onAddComment,
+              onConfirmLoad
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+function getStatusBadgeVariant3(status) {
+  switch (status) {
+    case "shipped":
+    case "delivered":
+      return "default";
+    case "loaded":
+    case "in_progress":
+      return "secondary";
+    case "cancelled":
+      return "destructive";
+    case "planned":
+    default:
+      return "outline";
+  }
+}
+function getStatusBadgeClasses3(status) {
+  switch (status) {
+    case "shipped":
+    case "delivered":
+      return "border-green-500 text-green-600 bg-green-50 dark:bg-green-950/50";
+    case "loaded":
+      return "border-blue-500 text-blue-600 bg-blue-50 dark:bg-blue-950/50";
+    case "in_progress":
+      return "border-amber-500 text-amber-600 bg-amber-50 dark:bg-amber-950/50";
+    case "cancelled":
+      return "";
+    case "planned":
+    default:
+      return "border-muted-foreground/50 text-muted-foreground";
+  }
+}
+function getLeftStrokeStyles2(state, hasRisk, isHovered) {
+  if (hasRisk) {
+    return {
+      stroke: "border-l-2 border-l-red-500",
+      iconColor: "text-muted-foreground"
+    };
+  }
+  switch (state) {
+    case "sent":
+      return {
+        stroke: "border-l-2 border-l-green-500/50",
+        iconColor: "text-muted-foreground/40"
+      };
+    case "ready":
+      return {
+        stroke: "border-l-2 border-l-green-500",
+        iconColor: "text-muted-foreground"
+      };
+    default:
+      return {
+        stroke: isHovered ? "border-l-2 border-l-border" : "border-l-2 border-l-transparent",
+        iconColor: "text-muted-foreground"
+      };
+  }
+}
+function DeliveryCard({
+  delivery,
+  onTap,
+  className
+}) {
+  const [isHovered, setIsHovered] = React27.useState(false);
+  const hasComments = delivery.comments.length > 0;
+  const visualState = getDeliveryVisualState(delivery);
+  const styles = getLeftStrokeStyles2(visualState, delivery.hasProductionRisk ?? false, isHovered);
+  const productionDisplay = React27.useMemo(() => {
+    if (delivery.producedTons !== void 0 && delivery.totalTons !== void 0) {
+      return `${delivery.producedTons} / ${delivery.totalTons}t produced`;
+    }
+    if (delivery.producedCount !== void 0 && delivery.totalCount !== void 0) {
+      return `${delivery.producedCount} / ${delivery.totalCount} produced`;
+    }
+    if (delivery.loadedCount !== void 0 && delivery.totalCount !== void 0) {
+      return `Loaded ${delivery.loadedCount} / ${delivery.totalCount}`;
+    }
+    return null;
+  }, [delivery]);
+  const handleClick = () => {
+    onTap?.();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onTap?.();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      className: cn(
+        // Full-width, 90° corners (j3m.radius.none)
+        "w-full rounded-none",
+        // Touch-friendly sizing - 56px min-height for iPad
+        "min-h-[56px] p-4",
+        // Card styling: white background, standard border
+        "bg-background border border-border",
+        // Left stroke for status (j3m.stroke.m = 2px)
+        styles.stroke,
+        // Hover/tap state - lift effect like Calibration
+        "cursor-pointer transition-all duration-200 ease-out",
+        "hover:-translate-y-0.5 hover:shadow-[var(--j3m-shadow-md)]",
+        "active:translate-y-0 active:shadow-sm",
+        // Focus state
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+        // Greyed out for sent state
+        visualState === "sent" && "opacity-60",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: cn(
+            "flex items-center justify-center h-10 w-10 rounded-md shrink-0 bg-muted/50"
+          ), children: /* @__PURE__ */ jsx(Truck, { className: cn("h-5 w-5", styles.iconColor) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold truncate", children: delivery.label }),
+              visualState === "sent" && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-green-600 dark:text-green-400 shrink-0" }),
+              visualState === "ready" && /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  variant: "outline",
+                  className: "text-[9px] px-1.5 py-0 h-4 bg-green-100 dark:bg-green-900/50 border-green-300 dark:border-green-700 text-green-700 dark:text-green-300",
+                  children: "Ready"
+                }
+              ),
+              delivery.hasProductionRisk && /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-500 shrink-0" }),
+              hasComments && /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+                /* @__PURE__ */ jsx(MessageSquare, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { className: "absolute -top-0.5 -right-0.5 h-2 w-2 rounded-full bg-primary" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground truncate", children: [
+              delivery.supplierName,
+              delivery.prefixScope && ` \u2022 ${delivery.prefixScope}`
+            ] }),
+            productionDisplay && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs", children: [
+              /* @__PURE__ */ jsx(Package, { className: "h-3 w-3 text-muted-foreground" }),
+              /* @__PURE__ */ jsxs("span", { className: cn(
+                delivery.isReadyToUnload ? "text-green-600 dark:text-green-400 font-medium" : delivery.hasProductionRisk ? "text-red-600 dark:text-red-400" : "text-muted-foreground"
+              ), children: [
+                delivery.isReadyToUnload ? "\u2713 " : "",
+                productionDisplay
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: getStatusBadgeVariant3(delivery.status),
+              className: cn("text-[10px] h-5", getStatusBadgeClasses3(delivery.status)),
+              children: getLoadingDeliveryStatusLabel(delivery.status)
+            }
+          ),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
+        ] })
+      ] })
+    }
+  );
+}
+
 // src/components/event-calendar/types.ts
 var DEFAULT_WORKING_HOURS = {
   0: { from: 0, to: 0 },
@@ -9182,7 +10491,7 @@ var BADGE_VARIANT_LABELS = {
   colored: "Colored",
   mixed: "Mixed"
 };
-var CalendarContext = React22.createContext(null);
+var CalendarContext = React27.createContext(null);
 function EventCalendarProvider({
   children,
   events: initialEvents = [],
@@ -9197,38 +10506,38 @@ function EventCalendarProvider({
   onEventUpdate,
   onEventDelete
 }) {
-  const [selectedDate, setSelectedDate] = React22.useState(defaultDate);
-  const [selectedUserId, setSelectedUserId] = React22.useState(defaultUserId);
-  const [events, setEventsState] = React22.useState(initialEvents);
-  const [users] = React22.useState(initialUsers);
-  const [badgeVariant, setBadgeVariant] = React22.useState(defaultBadgeVariant);
-  const [view, setView] = React22.useState(defaultView);
-  const [workingHours, setWorkingHours] = React22.useState(defaultWorkingHours);
-  const [visibleHours, setVisibleHours] = React22.useState(defaultVisibleHours);
-  React22.useEffect(() => {
+  const [selectedDate, setSelectedDate] = React27.useState(defaultDate);
+  const [selectedUserId, setSelectedUserId] = React27.useState(defaultUserId);
+  const [events, setEventsState] = React27.useState(initialEvents);
+  const [users] = React27.useState(initialUsers);
+  const [badgeVariant, setBadgeVariant] = React27.useState(defaultBadgeVariant);
+  const [view, setView] = React27.useState(defaultView);
+  const [workingHours, setWorkingHours] = React27.useState(defaultWorkingHours);
+  const [visibleHours, setVisibleHours] = React27.useState(defaultVisibleHours);
+  React27.useEffect(() => {
     setEventsState(initialEvents);
   }, [initialEvents]);
-  const setEvents = React22.useCallback((newEvents) => {
+  const setEvents = React27.useCallback((newEvents) => {
     setEventsState(newEvents);
   }, []);
-  const addEvent = React22.useCallback((event) => {
+  const addEvent = React27.useCallback((event) => {
     setEventsState((prev) => [...prev, event]);
     onEventAdd?.(event);
   }, [onEventAdd]);
-  const updateEvent = React22.useCallback((event) => {
+  const updateEvent = React27.useCallback((event) => {
     setEventsState(
       (prev) => prev.map((e) => e.id === event.id ? event : e)
     );
     onEventUpdate?.(event);
   }, [onEventUpdate]);
-  const deleteEvent = React22.useCallback((eventId) => {
+  const deleteEvent = React27.useCallback((eventId) => {
     setEventsState((prev) => prev.filter((e) => e.id !== eventId));
     onEventDelete?.(eventId);
   }, [onEventDelete]);
-  const goToToday = React22.useCallback(() => {
+  const goToToday = React27.useCallback(() => {
     setSelectedDate(/* @__PURE__ */ new Date());
   }, []);
-  const goToPrevious = React22.useCallback(() => {
+  const goToPrevious = React27.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -9246,7 +10555,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const goToNext = React22.useCallback(() => {
+  const goToNext = React27.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -9264,7 +10573,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const contextValue = React22.useMemo(
+  const contextValue = React27.useMemo(
     () => ({
       // State
       selectedDate,
@@ -9311,7 +10620,7 @@ function EventCalendarProvider({
   return /* @__PURE__ */ jsx(CalendarContext.Provider, { value: contextValue, children });
 }
 function useEventCalendar() {
-  const context = React22.useContext(CalendarContext);
+  const context = React27.useContext(CalendarContext);
   if (!context) {
     throw new Error("useEventCalendar must be used within an EventCalendarProvider");
   }
@@ -9319,14 +10628,14 @@ function useEventCalendar() {
 }
 function useFilteredEvents() {
   const { events, selectedUserId } = useEventCalendar();
-  return React22.useMemo(() => {
+  return React27.useMemo(() => {
     if (!selectedUserId) return events;
     return events.filter((event) => event.user.id === selectedUserId);
   }, [events, selectedUserId]);
 }
 function useEventsInRange(startDate, endDate) {
   const filteredEvents = useFilteredEvents();
-  return React22.useMemo(() => {
+  return React27.useMemo(() => {
     return filteredEvents.filter((event) => {
       const eventStart = new Date(event.startDate);
       const eventEnd = new Date(event.endDate);
@@ -9884,8 +11193,8 @@ function MoreEvents({ count, onClick, className }) {
   );
 }
 function TimeIndicator({ className }) {
-  const [now, setNow] = React22.useState(/* @__PURE__ */ new Date());
-  React22.useEffect(() => {
+  const [now, setNow] = React27.useState(/* @__PURE__ */ new Date());
+  React27.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
@@ -9922,24 +11231,24 @@ function DateBadge({ date, className }) {
     }
   );
 }
-var DragContext = React22.createContext(null);
+var DragContext = React27.createContext(null);
 function DragProvider({
   children,
   snapMinutes = 15,
   onDragStart,
   onDragEnd
 }) {
-  const [draggedEvent, setDraggedEventState] = React22.useState(null);
-  const [isDragging, setIsDragging] = React22.useState(false);
+  const [draggedEvent, setDraggedEventState] = React27.useState(null);
+  const [isDragging, setIsDragging] = React27.useState(false);
   const { updateEvent } = useEventCalendar();
-  const setDraggedEvent = React22.useCallback((event) => {
+  const setDraggedEvent = React27.useCallback((event) => {
     setDraggedEventState(event);
     setIsDragging(!!event);
     if (event) {
       onDragStart?.(event);
     }
   }, [onDragStart]);
-  const handleDrop = React22.useCallback((newStartDate) => {
+  const handleDrop = React27.useCallback((newStartDate) => {
     if (!draggedEvent) return;
     const snappedDate = snapToInterval(newStartDate, snapMinutes);
     const { startDate, endDate } = calculateDropDates(draggedEvent, snappedDate);
@@ -9952,7 +11261,7 @@ function DragProvider({
     onDragEnd?.(updatedEvent, new Date(startDate), new Date(endDate));
     setDraggedEvent(null);
   }, [draggedEvent, snapMinutes, updateEvent, onDragEnd, setDraggedEvent]);
-  const contextValue = React22.useMemo(
+  const contextValue = React27.useMemo(
     () => ({
       draggedEvent,
       setDraggedEvent,
@@ -9963,7 +11272,7 @@ function DragProvider({
   return /* @__PURE__ */ jsx(DragContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(DragDropHandler, { onDrop: handleDrop, children }) });
 }
 function useDrag() {
-  const context = React22.useContext(DragContext);
+  const context = React27.useContext(DragContext);
   if (!context) {
     throw new Error("useDrag must be used within a DragProvider");
   }
@@ -10008,7 +11317,7 @@ function DroppableZone({
 }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React22.useState(false);
+  const [isOver, setIsOver] = React27.useState(false);
   const handleDragOver = (e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
@@ -10046,23 +11355,23 @@ function DroppableZone({
 function useDroppable({ date, hour, minute = 0, onDrop }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React22.useState(false);
-  const dropTargetDate = React22.useMemo(() => {
+  const [isOver, setIsOver] = React27.useState(false);
+  const dropTargetDate = React27.useMemo(() => {
     const targetDate = new Date(date);
     if (hour !== void 0) {
       targetDate.setHours(hour, minute, 0, 0);
     }
     return targetDate;
   }, [date, hour, minute]);
-  const handleDragOver = React22.useCallback((e) => {
+  const handleDragOver = React27.useCallback((e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
     if (!isOver) setIsOver(true);
   }, [isOver]);
-  const handleDragLeave = React22.useCallback(() => {
+  const handleDragLeave = React27.useCallback(() => {
     setIsOver(false);
   }, []);
-  const handleDrop = React22.useCallback((e) => {
+  const handleDrop = React27.useCallback((e) => {
     e.preventDefault();
     setIsOver(false);
     if (!draggedEvent) return;
@@ -10089,13 +11398,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 = React22.useCallback((e) => {
+  const handleDragStart = React27.useCallback((e) => {
     if (disabled) return;
     e.dataTransfer.effectAllowed = "move";
     e.dataTransfer.setData("text/plain", event.id);
     setDraggedEvent(event);
   }, [disabled, event, setDraggedEvent]);
-  const handleDragEnd = React22.useCallback(() => {
+  const handleDragEnd = React27.useCallback(() => {
     setDraggedEvent(null);
   }, [setDraggedEvent]);
   return {
@@ -10136,15 +11445,15 @@ function MonthView({
 }) {
   const { selectedDate, badgeVariant, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React22.useMemo(
+  const { singleDayEvents, multiDayEvents } = React27.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const cells = React22.useMemo(
+  const cells = React27.useMemo(
     () => getCalendarCells(selectedDate),
     [selectedDate]
   );
-  const eventPositions = React22.useMemo(
+  const eventPositions = React27.useMemo(
     () => calculateMonthEventPositions(multiDayEvents, singleDayEvents, selectedDate),
     [multiDayEvents, singleDayEvents, selectedDate]
   );
@@ -10326,7 +11635,7 @@ function WeekView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React22.useMemo(
+  const { singleDayEvents, multiDayEvents } = React27.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -10532,8 +11841,8 @@ function CalendarTimeline({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React22.useState(/* @__PURE__ */ new Date());
-  React22.useEffect(() => {
+  const [currentTime, setCurrentTime] = React27.useState(/* @__PURE__ */ new Date());
+  React27.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -10616,7 +11925,7 @@ function DayView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React22.useMemo(
+  const { singleDayEvents, multiDayEvents } = React27.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -10624,7 +11933,7 @@ function DayView({
     visibleHours,
     singleDayEvents
   );
-  const currentEvents = React22.useMemo(() => {
+  const currentEvents = React27.useMemo(() => {
     if (!isToday(selectedDate)) return [];
     return getCurrentEvents(singleDayEvents);
   }, [singleDayEvents, selectedDate]);
@@ -10848,8 +12157,8 @@ function CalendarTimeline2({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React22.useState(/* @__PURE__ */ new Date());
-  React22.useEffect(() => {
+  const [currentTime, setCurrentTime] = React27.useState(/* @__PURE__ */ new Date());
+  React27.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -10883,7 +12192,7 @@ function YearView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const months = React22.useMemo(() => {
+  const months = React27.useMemo(() => {
     const yearStart = startOfYear(selectedDate);
     return Array.from({ length: 12 }, (_, i) => addMonths(yearStart, i));
   }, [selectedDate]);
@@ -11006,11 +12315,11 @@ function AgendaView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React22.useMemo(
+  const { singleDayEvents, multiDayEvents } = React27.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const eventsByDay = React22.useMemo(() => {
+  const eventsByDay = React27.useMemo(() => {
     const allDates = /* @__PURE__ */ new Map();
     singleDayEvents.forEach((event) => {
       const eventDate = parseISO(event.startDate);
@@ -11475,16 +12784,16 @@ function EventDialog({
   defaultUserId
 }) {
   const { addEvent, updateEvent, deleteEvent, users } = useEventCalendar();
-  const [title, setTitle] = React22.useState("");
-  const [description, setDescription] = React22.useState("");
-  const [startDate, setStartDate] = React22.useState("");
-  const [startTime, setStartTime] = React22.useState("");
-  const [endDate, setEndDate] = React22.useState("");
-  const [endTime, setEndTime] = React22.useState("");
-  const [color, setColor] = React22.useState("blue");
-  const [userId, setUserId] = React22.useState("");
-  const [isSubmitting, setIsSubmitting] = React22.useState(false);
-  React22.useEffect(() => {
+  const [title, setTitle] = React27.useState("");
+  const [description, setDescription] = React27.useState("");
+  const [startDate, setStartDate] = React27.useState("");
+  const [startTime, setStartTime] = React27.useState("");
+  const [endDate, setEndDate] = React27.useState("");
+  const [endTime, setEndTime] = React27.useState("");
+  const [color, setColor] = React27.useState("blue");
+  const [userId, setUserId] = React27.useState("");
+  const [isSubmitting, setIsSubmitting] = React27.useState(false);
+  React27.useEffect(() => {
     if (open) {
       if (mode === "edit" && event) {
         const start = parseISO(event.startDate);
@@ -11707,7 +13016,7 @@ function QuickAddEvent({
   onOpenDialog,
   onClose
 }) {
-  const [title, setTitle] = React22.useState("");
+  const [title, setTitle] = React27.useState("");
   const { users } = useEventCalendar();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -11774,8 +13083,8 @@ var HOUR_OPTIONS = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeVisibleHoursInput() {
   const { visibleHours, setVisibleHours } = useEventCalendar();
-  const [from, setFrom] = React22.useState(visibleHours.from);
-  const [to, setTo] = React22.useState(visibleHours.to);
+  const [from, setFrom] = React27.useState(visibleHours.from);
+  const [to, setTo] = React27.useState(visibleHours.to);
   const handleApply = () => {
     const toHour = to === 0 ? 24 : to;
     setVisibleHours({ from, to: toHour });
@@ -11821,7 +13130,7 @@ var HOUR_OPTIONS2 = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeWorkingHoursInput() {
   const { workingHours, setWorkingHours } = useEventCalendar();
-  const [localWorkingHours, setLocalWorkingHours] = React22.useState({
+  const [localWorkingHours, setLocalWorkingHours] = React27.useState({
     ...workingHours
   });
   const handleToggleDay = (dayId) => {
@@ -11970,8 +13279,8 @@ function CalendarSettingsButton({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React22.useState(false);
-  React22.useEffect(() => {
+  const [matches, setMatches] = React27.useState(false);
+  React27.useEffect(() => {
     const media = window.matchMedia(query);
     setMatches(media.matches);
     const listener = (event) => {
@@ -12023,11 +13332,11 @@ function BigCalendarInner({
   maxEventsPerDay
 }) {
   const { view, setView } = useEventCalendar();
-  const [dialogOpen, setDialogOpen] = React22.useState(false);
-  const [settingsDialogOpen, setSettingsDialogOpen] = React22.useState(false);
-  const [selectedEvent, setSelectedEvent] = React22.useState(null);
-  const [dialogMode, setDialogMode] = React22.useState("add");
-  const [defaultDate, setDefaultDate] = React22.useState(/* @__PURE__ */ new Date());
+  const [dialogOpen, setDialogOpen] = React27.useState(false);
+  const [settingsDialogOpen, setSettingsDialogOpen] = React27.useState(false);
+  const [selectedEvent, setSelectedEvent] = React27.useState(null);
+  const [dialogMode, setDialogMode] = React27.useState("add");
+  const [defaultDate, setDefaultDate] = React27.useState(/* @__PURE__ */ new Date());
   const isMobile = useMediaQuery("(max-width: 768px)");
   const isCompact = compact === "auto" ? isMobile : compact;
   const handleAddClick = () => {
@@ -12186,6 +13495,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, CalibrationTable, CalibrationWeekCell, CalibrationWeekHeader, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChangeBadgeVariantInput, ChangeVisibleHoursInput, ChangeWorkingHoursInput, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentButton, CommentDialog, CommentPopover, 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, NetBadge, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PlanningTable, PlanningTableToolbar, PlanningWeekCommentPopover, PlayerCanvas, PlayerCanvasActionButton, PlayerCanvasControls, PlayerCanvasDivider, PlayerCanvasInfo, PlayerCanvasLabel, PlayerCanvasPlayButton, PlayerCanvasProgress, PlayerCanvasSkipButton, PlayerCanvasTitle, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, QuickAddEvent, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RowHeaderCell, 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, SubmitCalibrationBar, 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, calculateCalibrationCells, calculateDropDates, calculateMonthEventPositions, canSubmitCalibration, cardVariants, createDefaultEvent, deliveryIndicatorVariants, formatCalibrationUnit, formatDateRange2 as formatDateRange, formatProductionUnit, formatTime, generateColumns, generateEventId, generateLocationOptions, generateWeekColumns, generateWeeks, getCalendarCells, getCommentLocationLabel, getCurrentEvents, getDayHours, getElementShipmentStatus, getEventBlockStyle, getEventDuration, getEventDurationMinutes, getEventsCount, getEventsForDate, getEventsInRange, getHeaderLabel, getISOWeek, getMonthCellEvents, getMonthDays, getShipmentStatusLabel, 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 };
+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, CalibrationTable, CalibrationWeekCell, CalibrationWeekHeader, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChangeBadgeVariantInput, ChangeVisibleHoursInput, ChangeWorkingHoursInput, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentButton, CommentDialog, CommentPopover, 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, DeliveryBadge, DeliveryCard, DeliveryDetailPage, 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, NetBadge, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PlanningTable, PlanningTableToolbar, PlanningWeekCommentPopover, PlayerCanvas, PlayerCanvasActionButton, PlayerCanvasControls, PlayerCanvasDivider, PlayerCanvasInfo, PlayerCanvasLabel, PlayerCanvasPlayButton, PlayerCanvasProgress, PlayerCanvasSkipButton, PlayerCanvasTitle, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, QuickAddEvent, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RowHeaderCell, 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, SubmitCalibrationBar, SupplierCell, SupplierWeeklyLoading, 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, WeeklyLoadingView, YearView, badgeVariants, buttonGroupVariants, buttonVariants, calculateCalibrationCells, calculateDropDates, calculateMonthEventPositions, canSubmitCalibration, cardVariants, createDefaultEvent, deliveryIndicatorVariants, extractPrefixes, formatCalibrationUnit, formatDateRange2 as formatDateRange, formatProductionUnit, formatTime, generateColumns, generateEventId, generateLoadingWeek, generateLocationOptions, generateWeekColumns, generateWeeks, getCalendarCells, getCommentLocationLabel, getCurrentEvents, getDayHours, getDayLabel, getDeliveryVisualState, getElementShipmentStatus, getEventBlockStyle, getEventDuration, getEventDurationMinutes, getEventsCount, getEventsForDate, getEventsInRange, getHeaderLabel, getISOWeek, getLoadingDeliveryStatusLabel, getLoadingElementStatusLabel, getLoadingISOWeek, getLoadingWeekKey, getMonthCellEvents, getMonthDays, getShipmentStatusLabel, getShortDayLabel, getSupplierColumn, getTimeHeight, getTimePosition, getViewDateRange, getVisibleHours, getWeekDayNames, getWeekDays, getWeekKey, getYearMonths, groupDeliveriesByDay, groupDeliveriesByPrefixAndDay, 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