@j3m-quantum/ui 1.5.0 → 1.6.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React15 = require('react');
+var React17 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
@@ -40,6 +40,7 @@ var PopoverPrimitive = require('@radix-ui/react-popover');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var ResizablePrimitive = require('react-resizable-panels');
+var reactTable = require('@tanstack/react-table');
 var dateFns = require('date-fns');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -62,7 +63,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React15__namespace = /*#__PURE__*/_interopNamespace(React15);
+var React17__namespace = /*#__PURE__*/_interopNamespace(React17);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -95,8 +96,8 @@ var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrim
 // src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React15__namespace.useState(void 0);
-  React15__namespace.useEffect(() => {
+  const [isMobile, setIsMobile] = React17__namespace.useState(void 0);
+  React17__namespace.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -137,7 +138,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React15__namespace.forwardRef(
+var Button = React17__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -501,7 +502,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React15__namespace.useMemo(
+  const _values = React17__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -787,7 +788,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React15__namespace.createContext({
+var ToggleGroupContext = React17__namespace.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -824,7 +825,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React15__namespace.useContext(ToggleGroupContext);
+  const context = React17__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -854,7 +855,7 @@ function ThemeSwitch({
   className,
   size = "default"
 }) {
-  const [isChecked, setIsChecked] = React15__namespace.useState(defaultChecked);
+  const [isChecked, setIsChecked] = React17__namespace.useState(defaultChecked);
   const isControlled = checked !== void 0;
   const currentChecked = isControlled ? checked : isChecked;
   const handleClick = () => {
@@ -1274,7 +1275,7 @@ function Label2({
   );
 }
 var Form = reactHookForm.FormProvider;
-var FormFieldContext = React15__namespace.createContext(
+var FormFieldContext = React17__namespace.createContext(
   {}
 );
 var FormField = ({
@@ -1283,8 +1284,8 @@ var FormField = ({
   return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React15__namespace.useContext(FormFieldContext);
-  const itemContext = React15__namespace.useContext(FormItemContext);
+  const fieldContext = React17__namespace.useContext(FormFieldContext);
+  const itemContext = React17__namespace.useContext(FormItemContext);
   const { getFieldState } = reactHookForm.useFormContext();
   const formState = reactHookForm.useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1301,11 +1302,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React15__namespace.createContext(
+var FormItemContext = React17__namespace.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React15__namespace.useId();
+  const id = React17__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1553,7 +1554,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React15.useMemo(() => {
+  const content = React17.useMemo(() => {
     if (children) {
       return children;
     }
@@ -2407,8 +2408,8 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React15__namespace.useRef(null);
-  React15__namespace.useEffect(() => {
+  const ref = React17__namespace.useRef(null);
+  React17__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2429,9 +2430,9 @@ function CalendarDayButton({
     }
   );
 }
-var CarouselContext = React15__namespace.createContext(null);
+var CarouselContext = React17__namespace.createContext(null);
 function useCarousel() {
-  const context = React15__namespace.useContext(CarouselContext);
+  const context = React17__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2453,20 +2454,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React15__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React15__namespace.useState(false);
-  const onSelect = React15__namespace.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React17__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React17__namespace.useState(false);
+  const onSelect = React17__namespace.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React15__namespace.useCallback(() => {
+  const scrollPrev = React17__namespace.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React15__namespace.useCallback(() => {
+  const scrollNext = React17__namespace.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React15__namespace.useCallback(
+  const handleKeyDown = React17__namespace.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2478,11 +2479,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React15__namespace.useEffect(() => {
+  React17__namespace.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React15__namespace.useEffect(() => {
+  React17__namespace.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2615,9 +2616,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React15__namespace.createContext(null);
+var ChartContext = React17__namespace.createContext(null);
 function useChart() {
-  const context = React15__namespace.useContext(ChartContext);
+  const context = React17__namespace.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -2630,7 +2631,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React15__namespace.useId();
+  const uniqueId = React17__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2691,7 +2692,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React15__namespace.useMemo(() => {
+  const tooltipLabel = React17__namespace.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -3394,8 +3395,8 @@ function TooltipContent({
   ) });
 }
 function useDetectTheme() {
-  const [theme, setTheme] = React15__namespace.useState("light");
-  React15__namespace.useEffect(() => {
+  const [theme, setTheme] = React17__namespace.useState("light");
+  React17__namespace.useEffect(() => {
     const isDark = document.documentElement.classList.contains("dark");
     setTheme(isDark ? "dark" : "light");
     const observer = new MutationObserver((mutations) => {
@@ -3447,6 +3448,81 @@ function Spinner({ className, ...props }) {
     }
   );
 }
+var deliveryIndicatorVariants = classVarianceAuthority.cva(
+  "inline-block rounded-full shrink-0",
+  {
+    variants: {
+      status: {
+        "on-time": "bg-[var(--j3m-green-9,#84EBB4)]",
+        "delayed": "bg-[var(--j3m-yellow-9,#FFDB43)]",
+        "critical": "bg-[var(--j3m-red-9,#FB3748)]",
+        "pending": "bg-[var(--j3m-gray-6,#D2D2D2)]"
+      },
+      size: {
+        sm: "h-1.5 w-3",
+        default: "h-1.5 w-3",
+        lg: "h-2 w-4"
+      }
+    },
+    defaultVariants: {
+      status: "pending",
+      size: "default"
+    }
+  }
+);
+function DeliveryIndicator({
+  className,
+  status,
+  size,
+  label,
+  showTooltip = false,
+  ...props
+}) {
+  const indicator = /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "delivery-indicator",
+      "data-status": status,
+      className: cn(deliveryIndicatorVariants({ status, size }), className),
+      "aria-label": label || `Delivery status: ${status}`,
+      role: "img",
+      ...props
+    }
+  );
+  if (showTooltip && label) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: indicator }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: label })
+    ] });
+  }
+  return indicator;
+}
+function DeliveryIndicators({
+  className,
+  deliveries,
+  size = "default",
+  showTooltips = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "delivery-indicators",
+      className: cn("flex items-center gap-1", className),
+      ...props,
+      children: deliveries.map((delivery, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        DeliveryIndicator,
+        {
+          status: delivery.status,
+          size,
+          label: delivery.label,
+          showTooltip: showTooltips
+        },
+        index
+      ))
+    }
+  );
+}
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
@@ -3969,7 +4045,7 @@ function CommandShortcut({
     }
   );
 }
-var SearchTrigger = React15__namespace.forwardRef(
+var SearchTrigger = React17__namespace.forwardRef(
   ({
     className,
     placeholder = "Search...",
@@ -4005,7 +4081,7 @@ var SearchTrigger = React15__namespace.forwardRef(
 );
 SearchTrigger.displayName = "SearchTrigger";
 function useSearchShortcut(onOpen, key = "k") {
-  React15__namespace.useEffect(() => {
+  React17__namespace.useEffect(() => {
     const down = (e) => {
       if (e.key.toLowerCase() === key.toLowerCase() && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -4980,9 +5056,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React15__namespace.createContext(null);
+var SidebarContext = React17__namespace.createContext(null);
 function useSidebar() {
-  const context = React15__namespace.useContext(SidebarContext);
+  const context = React17__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4998,10 +5074,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React15__namespace.useState(false);
-  const [_open, _setOpen] = React15__namespace.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React17__namespace.useState(false);
+  const [_open, _setOpen] = React17__namespace.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React15__namespace.useCallback(
+  const setOpen = React17__namespace.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5013,10 +5089,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React15__namespace.useCallback(() => {
+  const toggleSidebar = React17__namespace.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React15__namespace.useEffect(() => {
+  React17__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5027,7 +5103,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React15__namespace.useMemo(
+  const contextValue = React17__namespace.useMemo(
     () => ({
       state,
       open,
@@ -5485,7 +5561,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React15__namespace.useMemo(() => {
+  const width = React17__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5628,7 +5704,7 @@ var sectionVariants = classVarianceAuthority.cva(
   }
 );
 var isGlassVariant = (variant) => variant?.startsWith("glass-") ?? false;
-var Section = React15__namespace.forwardRef(
+var Section = React17__namespace.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "section",
     {
@@ -5640,7 +5716,7 @@ var Section = React15__namespace.forwardRef(
   )
 );
 Section.displayName = "Section";
-var SectionHeader = React15__namespace.forwardRef(
+var SectionHeader = React17__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5655,7 +5731,7 @@ var SectionHeader = React15__namespace.forwardRef(
   )
 );
 SectionHeader.displayName = "SectionHeader";
-var SectionTitle = React15__namespace.forwardRef(
+var SectionTitle = React17__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "h2",
     {
@@ -5669,7 +5745,7 @@ var SectionTitle = React15__namespace.forwardRef(
   )
 );
 SectionTitle.displayName = "SectionTitle";
-var SectionDescription = React15__namespace.forwardRef(
+var SectionDescription = React17__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -5683,7 +5759,7 @@ var SectionDescription = React15__namespace.forwardRef(
   )
 );
 SectionDescription.displayName = "SectionDescription";
-var SectionContent = React15__namespace.forwardRef(
+var SectionContent = React17__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5697,7 +5773,7 @@ var SectionContent = React15__namespace.forwardRef(
   )
 );
 SectionContent.displayName = "SectionContent";
-var SectionFooter = React15__namespace.forwardRef(
+var SectionFooter = React17__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5713,6 +5789,180 @@ var SectionFooter = React15__namespace.forwardRef(
   )
 );
 SectionFooter.displayName = "SectionFooter";
+function DataTableColumnHeader({
+  column,
+  title,
+  className
+}) {
+  if (!column.getCanSort()) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(className), children: title });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center gap-2", className), children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "data-[state=open]:bg-accent -ml-3 h-8",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
+          column.getIsSorted() === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, {}) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, {})
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "start", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => column.toggleSorting(false), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, {}),
+        "Asc"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => column.toggleSorting(true), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, {}),
+        "Desc"
+      ] }),
+      column.getCanHide() && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => column.toggleVisibility(false), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, {}),
+          "Hide"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function DataTablePagination({
+  table,
+  showRowSelection = true,
+  pageSizeOptions = [10, 20, 25, 30, 40, 50]
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-2", children: [
+    showRowSelection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+      table.getFilteredSelectedRowModel().rows.length,
+      " of",
+      " ",
+      table.getFilteredRowModel().rows.length,
+      " row(s) selected."
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Rows per page" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Select,
+          {
+            value: `${table.getState().pagination.pageSize}`,
+            onValueChange: (value) => {
+              table.setPageSize(Number(value));
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { side: "top", children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+        "Page ",
+        table.getState().pagination.pageIndex + 1,
+        " of",
+        " ",
+        table.getPageCount()
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "hidden size-8 lg:flex",
+            onClick: () => table.setPageIndex(0),
+            disabled: !table.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Go to first page" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsLeft, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "size-8",
+            onClick: () => table.previousPage(),
+            disabled: !table.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Go to previous page" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "size-8",
+            onClick: () => table.nextPage(),
+            disabled: !table.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Go to next page" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "hidden size-8 lg:flex",
+            onClick: () => table.setPageIndex(table.getPageCount() - 1),
+            disabled: !table.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Go to last page" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRight, {})
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DataTableViewOptions({
+  table
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "ml-auto hidden h-8 lg:flex",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, {}),
+          "View"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+      table.getAllColumns().filter(
+        (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
+      ).map((column) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DropdownMenuCheckboxItem,
+          {
+            className: "capitalize",
+            checked: column.getIsVisible(),
+            onCheckedChange: (value) => column.toggleVisibility(!!value),
+            children: column.id
+          },
+          column.id
+        );
+      })
+    ] })
+  ] });
+}
 function SearchForm({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("form", { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "search", className: "sr-only", children: "Search" }),
@@ -5748,7 +5998,7 @@ function SiteHeader({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[var(--header-height,3.5rem)] w-full items-center gap-[var(--j3m-spacing-s)] px-[var(--j3m-spacing-m)]", children: [
         trigger,
         trigger && /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "vertical", className: "mr-[var(--j3m-spacing-s)] h-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React15__namespace.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React17__namespace.Fragment, { children: [
           index > 0 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
           /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { href: item.href, children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) })
         ] }, index)) }) }),
@@ -5897,6 +6147,934 @@ function NavUser({ user }) {
     )
   ] }) }) });
 }
+function PlanningTableToolbar({
+  className,
+  table,
+  ...props
+}) {
+  const isFiltered = table.getState().columnFilters.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "planning-table-toolbar",
+      className: cn("flex items-center gap-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            placeholder: "Filter suppliers...",
+            value: table.getColumn("supplier")?.getFilterValue() ?? "",
+            onChange: (event) => table.getColumn("supplier")?.setFilterValue(event.target.value),
+            className: "h-8 w-[150px] lg:w-[250px]"
+          }
+        ),
+        isFiltered && /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: () => table.resetColumnFilters(),
+            className: "h-8 px-2 lg:px-3",
+            children: [
+              "Reset",
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "ml-2 h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function getBadgeVariant(badgeType) {
+  const variantMap = {
+    Welded: "secondary",
+    Painted: "secondary",
+    Glazed: "secondary",
+    Delivered: "secondary",
+    Cured: "secondary",
+    Assembled: "secondary",
+    Tested: "secondary",
+    Sealed: "secondary"
+  };
+  return variantMap[badgeType] || "secondary";
+}
+function SupplierCell({
+  className,
+  supplier,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "supplier-cell",
+      className: cn(
+        "flex flex-col justify-center gap-1 py-3 px-4 w-[200px] h-[72px]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold leading-tight text-foreground", children: supplier.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Badge,
+            {
+              variant: getBadgeVariant(supplier.badgeType),
+              className: "text-[10px] px-1.5 py-0 h-5 font-normal",
+              children: supplier.badgeType
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: supplier.scope })
+        ] })
+      ]
+    }
+  );
+}
+function getCombinedRiskLevel(data) {
+  const productionStatus = data.production?.status || "on-time";
+  const hasDeliveryCritical = data.deliveries?.some((d) => d.status === "critical");
+  const hasDeliveryDelayed = data.deliveries?.some((d) => d.status === "delayed");
+  if (productionStatus === "critical" || hasDeliveryCritical) {
+    return "critical";
+  }
+  if (productionStatus === "delayed" || hasDeliveryDelayed || data.hasWarning) {
+    return "warning";
+  }
+  return "normal";
+}
+function getRowStatus(status) {
+  if (status === "critical") return "critical";
+  if (status === "delayed") return "warning";
+  return "normal";
+}
+var riskColorClasses = {
+  normal: {
+    border: "border-l-green-500",
+    bg: "bg-green-50 dark:bg-green-950/50"
+  },
+  warning: {
+    border: "border-l-amber-500",
+    bg: "bg-amber-50 dark:bg-amber-950/50"
+  },
+  critical: {
+    border: "border-l-red-500",
+    bg: "bg-red-50 dark:bg-red-950/50"
+  }
+};
+var statusColors = {
+  normal: {
+    icon: "text-green-600 dark:text-green-400",
+    progress: "bg-green-500",
+    text: "text-green-700 dark:text-green-300"
+  },
+  warning: {
+    icon: "text-amber-600 dark:text-amber-400",
+    progress: "bg-amber-500",
+    text: "text-amber-700 dark:text-amber-300"
+  },
+  critical: {
+    icon: "text-red-600 dark:text-red-400",
+    progress: "bg-red-500",
+    text: "text-red-700 dark:text-red-300"
+  }
+};
+function WeekCell({
+  className,
+  data,
+  week,
+  supplier,
+  isCurrentWeek,
+  onCellClick,
+  ...props
+}) {
+  const handleClick = () => {
+    if (onCellClick && data.type !== "empty") {
+      onCellClick();
+    }
+  };
+  const handleKeyDown = (e) => {
+    if ((e.key === "Enter" || e.key === " ") && onCellClick && data.type !== "empty") {
+      e.preventDefault();
+      onCellClick();
+    }
+  };
+  const combinedRisk = data.type === "data" ? getCombinedRiskLevel(data) : "normal";
+  const cardColors = riskColorClasses[combinedRisk];
+  const productionProgress = data.production?.progress ?? data.progress ?? 0;
+  const productionStatus = getRowStatus(data.production?.status);
+  const productionColors = statusColors[productionStatus];
+  const deliveryCount = data.deliveries?.length ?? 0;
+  const worstDeliveryStatus = data.deliveries?.some((d) => d.status === "critical") ? "critical" : data.deliveries?.some((d) => d.status === "delayed") ? "warning" : "normal";
+  const deliveryColors = statusColors[worstDeliveryStatus];
+  if (data.type === "empty") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "week-cell",
+        "data-state": "empty",
+        "data-current-week": isCurrentWeek,
+        className: cn(
+          "flex w-[120px] h-[72px] items-center justify-center cursor-default",
+          isCurrentWeek && "bg-primary/5",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/30 text-xl", children: "\xB7" })
+      }
+    );
+  }
+  if (data.type === "no-logistics") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "week-cell",
+        "data-state": "no-logistics",
+        "data-current-week": isCurrentWeek,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        role: "button",
+        tabIndex: 0,
+        className: cn(
+          "flex flex-col w-[120px] h-[72px] justify-center p-1",
+          "cursor-pointer",
+          isCurrentWeek && "bg-primary/5",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col w-full h-full justify-center gap-1.5 rounded-md border-l-[3px] px-2 py-1.5",
+              "border-l-muted-foreground/30 bg-muted/50",
+              // Hover lift effect with shadow
+              "transition-all duration-200 ease-out",
+              "hover:-translate-y-0.5 hover:shadow-md hover:bg-muted/70"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Factory, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-1.5 bg-muted-foreground/20 rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "h-full bg-muted-foreground/40 rounded-full",
+                    style: { width: `${productionProgress}%` }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Truck, { className: "h-3.5 w-3.5 shrink-0" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px]", children: "No logistics" })
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "week-cell",
+      "data-state": "data",
+      "data-risk": combinedRisk,
+      "data-current-week": isCurrentWeek,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      role: "button",
+      tabIndex: 0,
+      className: cn(
+        "flex flex-col w-[120px] h-[72px] justify-center p-1",
+        "cursor-pointer",
+        isCurrentWeek && "bg-primary/5",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col w-full h-full justify-center gap-1.5 rounded-md border-l-[3px] px-2 py-1.5",
+            cardColors.border,
+            cardColors.bg,
+            // Hover lift effect with shadow
+            "transition-all duration-200 ease-out",
+            "hover:-translate-y-0.5 hover:shadow-md"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Factory, { className: cn("h-3.5 w-3.5 shrink-0", productionColors.icon) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-1.5 bg-black/10 dark:bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn("h-full rounded-full transition-all", productionColors.progress),
+                  style: { width: `${productionProgress}%` }
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Truck, { className: cn("h-3.5 w-3.5 shrink-0", deliveryColors.icon) }),
+              deliveryCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("text-[10px] font-medium", deliveryColors.text), children: [
+                deliveryCount,
+                "x delivery"
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: "\u2014" })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function WeekHeader({
+  className,
+  week,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "week-header",
+      "data-current-week": week.isCurrentWeek,
+      className: cn(
+        "flex flex-col justify-center gap-0.5 w-[120px] text-left",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+            "text-sm font-medium",
+            week.isCurrentWeek ? "text-primary" : "text-foreground"
+          ), children: week.label }),
+          week.isCurrentWeek && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-2 w-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-primary" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground whitespace-nowrap", children: week.dateRange })
+      ]
+    }
+  );
+}
+
+// src/blocks/planning-table/types.ts
+function getWeekKey(date) {
+  const year = date.getFullYear();
+  const weekNumber = getISOWeek(date);
+  return `${year}-W${weekNumber.toString().padStart(2, "0")}`;
+}
+function getISOWeek(date) {
+  const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+  const dayNum = d.getUTCDay() || 7;
+  d.setUTCDate(d.getUTCDate() + 4 - dayNum);
+  const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
+  return Math.ceil(((d.getTime() - yearStart.getTime()) / 864e5 + 1) / 7);
+}
+function generateWeeks(startDate, count) {
+  const weeks = [];
+  const current = new Date(startDate);
+  const today = /* @__PURE__ */ new Date();
+  const currentWeekKey = getWeekKey(today);
+  const dayOfWeek = current.getDay();
+  const daysToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
+  current.setDate(current.getDate() + daysToMonday);
+  for (let i = 0; i < count; i++) {
+    const weekStart = new Date(current);
+    const weekEnd = new Date(current);
+    weekEnd.setDate(weekEnd.getDate() + 6);
+    const weekNumber = getISOWeek(weekStart);
+    const year = weekStart.getFullYear();
+    const weekKey = `${year}-W${weekNumber.toString().padStart(2, "0")}`;
+    weeks.push({
+      weekNumber,
+      year,
+      startDate: weekStart,
+      endDate: weekEnd,
+      label: `W${weekNumber.toString().padStart(2, "0")}`,
+      dateRange: formatDateRange(weekStart, weekEnd),
+      isCurrentWeek: weekKey === currentWeekKey
+    });
+    current.setDate(current.getDate() + 7);
+  }
+  return weeks;
+}
+function formatDateRange(start, end) {
+  const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+  const startMonth = months[start.getMonth()];
+  const endMonth = months[end.getMonth()];
+  if (startMonth === endMonth) {
+    return `${startMonth} ${start.getDate()} - ${end.getDate()}`;
+  }
+  return `${startMonth} ${start.getDate()} - ${endMonth} ${end.getDate()}`;
+}
+function formatProductionUnit(unit) {
+  const unitLabels = {
+    quantity: "pcs",
+    kvm: "m\xB2",
+    ton: "ton",
+    kg: "kg",
+    m: "m",
+    pcs: "pcs"
+  };
+  return unitLabels[unit] || unit;
+}
+function SupplierColumnHeader({
+  column
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: "-ml-3 h-8 data-[state=open]:bg-accent",
+      onClick: () => column.toggleSorting(column.getIsSorted() === "asc"),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Supplier / Scope" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "ml-2 h-4 w-4" })
+      ]
+    }
+  );
+}
+function getSupplierColumn() {
+  return {
+    id: "supplier",
+    accessorKey: "name",
+    header: ({ column }) => /* @__PURE__ */ jsxRuntime.jsx(SupplierColumnHeader, { column }),
+    cell: ({ row }) => /* @__PURE__ */ jsxRuntime.jsx(SupplierCell, { supplier: row.original }),
+    enableSorting: true,
+    enableHiding: false
+  };
+}
+function generateWeekColumns(weeks, config) {
+  return weeks.map((week) => {
+    const weekKey = getWeekKey(week.startDate);
+    return {
+      id: weekKey,
+      accessorFn: (supplier) => supplier.weeks[weekKey],
+      header: () => /* @__PURE__ */ jsxRuntime.jsx(WeekHeader, { week }),
+      cell: ({ row }) => {
+        const supplier = row.original;
+        const data = supplier.weeks[weekKey] || { type: "empty" };
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          WeekCell,
+          {
+            data,
+            week,
+            supplier,
+            isCurrentWeek: week.isCurrentWeek,
+            onCellClick: config?.onCellClick ? () => config.onCellClick?.(supplier, week, data) : void 0
+          }
+        );
+      },
+      enableSorting: false,
+      enableHiding: true
+    };
+  });
+}
+function generateColumns(weeks, config) {
+  return [
+    getSupplierColumn(),
+    ...generateWeekColumns(weeks, config)
+  ];
+}
+function PlanningTable({
+  className,
+  suppliers,
+  config = {}
+}) {
+  const {
+    weekCount = 12,
+    startDate = /* @__PURE__ */ new Date(),
+    highlightCurrentWeek = true,
+    showToolbar = true,
+    showPagination = true,
+    pageSizeOptions = [10, 20, 30, 50],
+    defaultPageSize = 10,
+    stickySupplierColumn = true,
+    maxHeight = "600px"
+  } = config;
+  const weeks = React17__namespace.useMemo(
+    () => generateWeeks(startDate, weekCount),
+    [startDate, weekCount]
+  );
+  const currentWeekKey = React17__namespace.useMemo(() => {
+    const currentWeek = weeks.find((w) => w.isCurrentWeek);
+    return currentWeek ? getWeekKey(currentWeek.startDate) : null;
+  }, [weeks]);
+  const columns = React17__namespace.useMemo(
+    () => generateColumns(weeks, config),
+    [weeks, config]
+  );
+  const [sorting, setSorting] = React17__namespace.useState([]);
+  const [columnFilters, setColumnFilters] = React17__namespace.useState([]);
+  const [columnVisibility, setColumnVisibility] = React17__namespace.useState({});
+  const [rowSelection, setRowSelection] = React17__namespace.useState({});
+  const table = reactTable.useReactTable({
+    data: suppliers,
+    columns,
+    getCoreRowModel: reactTable.getCoreRowModel(),
+    getSortedRowModel: reactTable.getSortedRowModel(),
+    getFilteredRowModel: reactTable.getFilteredRowModel(),
+    getPaginationRowModel: reactTable.getPaginationRowModel(),
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection
+    },
+    initialState: {
+      pagination: {
+        pageSize: defaultPageSize
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "planning-table",
+      className: cn("flex flex-col gap-4", className),
+      children: [
+        showToolbar && /* @__PURE__ */ jsxRuntime.jsx(PlanningTableToolbar, { table }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border bg-card shadow-md", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ScrollArea,
+          {
+            className: "w-full",
+            style: { maxHeight },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full caption-bottom text-sm border-collapse", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "[&_tr]:border-b bg-sidebar sticky top-0 z-20", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "tr",
+                  {
+                    className: "border-b transition-colors",
+                    children: headerGroup.headers.map((header, index) => {
+                      const isCurrentWeekColumn = header.id === currentWeekKey;
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        "th",
+                        {
+                          className: cn(
+                            "h-14 px-4 text-left align-middle font-medium text-muted-foreground border-r border-border last:border-r-0",
+                            index === 0 && stickySupplierColumn && [
+                              "sticky left-0 z-30 bg-sidebar min-w-[200px]"
+                            ],
+                            index > 0 && "min-w-[120px] w-[120px]",
+                            isCurrentWeekColumn && "bg-primary/10 border-t-2 border-t-primary"
+                          ),
+                          children: header.isPlaceholder ? null : reactTable.flexRender(
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )
+                        },
+                        header.id
+                      );
+                    })
+                  },
+                  headerGroup.id
+                )) }),
+                /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "[&_tr:last-child]:border-0 bg-background", children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "tr",
+                  {
+                    "data-state": row.getIsSelected() && "selected",
+                    className: "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+                    children: row.getVisibleCells().map((cell, index) => {
+                      const isCurrentWeekColumn = cell.column.id === currentWeekKey;
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        "td",
+                        {
+                          className: cn(
+                            "p-0 align-middle border-r border-border last:border-r-0",
+                            index === 0 && stickySupplierColumn && [
+                              "sticky left-0 z-10 bg-background min-w-[200px]"
+                            ],
+                            index > 0 && "min-w-[120px] w-[120px]",
+                            isCurrentWeekColumn && "bg-primary/5"
+                          ),
+                          children: reactTable.flexRender(
+                            cell.column.columnDef.cell,
+                            cell.getContext()
+                          )
+                        },
+                        cell.id
+                      );
+                    })
+                  },
+                  row.id
+                )) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "td",
+                  {
+                    colSpan: columns.length,
+                    className: "h-24 text-center",
+                    children: "No suppliers found."
+                  }
+                ) }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "horizontal" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "vertical" })
+            ]
+          }
+        ) }),
+        showPagination && /* @__PURE__ */ jsxRuntime.jsx(
+          DataTablePagination,
+          {
+            table,
+            showRowSelection: false,
+            pageSizeOptions
+          }
+        )
+      ]
+    }
+  );
+}
+function getStatusBadgeVariant(status) {
+  switch (status) {
+    case "on-time":
+      return "outline";
+    // Green text with outline
+    case "delayed":
+      return "secondary";
+    case "critical":
+      return "destructive";
+    default:
+      return "outline";
+  }
+}
+function getStatusBadgeClasses(status) {
+  switch (status) {
+    case "on-time":
+      return "border-green-500 text-green-600 bg-green-50 dark:bg-green-950/50";
+    case "delayed":
+      return "border-amber-500 text-amber-600 bg-amber-50 dark:bg-amber-950/50";
+    case "critical":
+      return "";
+    // Use default destructive
+    default:
+      return "";
+  }
+}
+function getStatusLabel(status) {
+  switch (status) {
+    case "on-time":
+      return "On Track";
+    case "delayed":
+      return "At Risk";
+    case "critical":
+      return "Critical";
+    case "pending":
+      return "Pending";
+    default:
+      return status;
+  }
+}
+function DeliveryCard({ delivery, index }) {
+  const [isOpen, setIsOpen] = React17__namespace.useState(false);
+  const hasElements = delivery.elements && delivery.elements.length > 0;
+  const elementsAtRisk = delivery.elementsAtRisk ?? delivery.elements?.filter((e) => !e.isProduced).length ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(Collapsible, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border overflow-hidden bg-card", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        className: cn(
+          "w-full flex items-center justify-between p-3 text-left",
+          "hover:bg-muted/50 transition-colors",
+          hasElements && "cursor-pointer"
+        ),
+        disabled: !hasElements,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Truck, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: delivery.label || `Delivery ${index + 1}` }),
+              delivery.destination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                "\u2192 ",
+                delivery.destination
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Badge,
+              {
+                variant: getStatusBadgeVariant(delivery.status),
+                className: cn("text-xs", getStatusBadgeClasses(delivery.status)),
+                children: getStatusLabel(delivery.status)
+              }
+            ),
+            hasElements && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: cn(
+              "h-4 w-4 text-muted-foreground transition-transform",
+              isOpen && "rotate-180"
+            ) })
+          ] })
+        ]
+      }
+    ) }),
+    hasElements && /* @__PURE__ */ jsxRuntime.jsxs(CollapsibleContent2, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
+        elementsAtRisk > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-amber-600 dark:text-amber-400 mb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            elementsAtRisk,
+            " element(s) probably not all produced"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: delivery.elements?.map((element) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-between text-xs p-2 rounded",
+              element.isProduced ? "bg-muted/30" : "bg-amber-50/50 dark:bg-amber-950/30"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                element.isProduced ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-3.5 w-3.5 text-green-600" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-3.5 w-3.5 text-amber-600" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: element.isProduced ? "text-foreground" : "text-amber-700 dark:text-amber-300", children: element.name })
+              ] }),
+              element.quantity && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+                element.quantity,
+                " ",
+                element.unit ? formatProductionUnit(element.unit) : "pcs"
+              ] })
+            ]
+          },
+          element.id
+        )) })
+      ] })
+    ] })
+  ] }) });
+}
+function WeekDetailDialog({
+  open,
+  onOpenChange,
+  supplier,
+  week,
+  data,
+  onProgressUpdate
+}) {
+  const production = data?.production;
+  const initialProgress = production?.progress ?? data?.progress ?? 0;
+  const initialProduced = production?.produced ?? 0;
+  const [progressValue, setProgressValue] = React17__namespace.useState(initialProgress.toString());
+  const [producedValue, setProducedValue] = React17__namespace.useState(initialProduced.toString());
+  const [hasChanges, setHasChanges] = React17__namespace.useState(false);
+  React17__namespace.useEffect(() => {
+    const newProgress = data?.production?.progress ?? data?.progress ?? 0;
+    const newProduced = data?.production?.produced ?? 0;
+    setProgressValue(newProgress.toString());
+    setProducedValue(newProduced.toString());
+    setHasChanges(false);
+  }, [data]);
+  const handleProgressChange = (e) => {
+    const value = e.target.value;
+    setProgressValue(value);
+    setHasChanges(true);
+  };
+  const handleProducedChange = (e) => {
+    const value = e.target.value;
+    setProducedValue(value);
+    if (production?.target) {
+      const produced = parseFloat(value) || 0;
+      const calculatedProgress = Math.round(produced / production.target * 100);
+      setProgressValue(Math.min(100, calculatedProgress).toString());
+    }
+    setHasChanges(true);
+  };
+  const handleSave = () => {
+    if (!supplier || !week || !onProgressUpdate) return;
+    const newProgress = Math.min(100, Math.max(0, parseFloat(progressValue) || 0));
+    const newProduced = parseFloat(producedValue) || 0;
+    const weekKey = `${week.year}-W${week.weekNumber.toString().padStart(2, "0")}`;
+    onProgressUpdate(supplier.id, weekKey, newProgress, production ? newProduced : void 0);
+    setHasChanges(false);
+  };
+  if (!supplier || !week || !data) {
+    return null;
+  }
+  const productionProgress = parseFloat(progressValue) || 0;
+  const productionStatus = production?.status ?? "on-time";
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-lg max-h-[80vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+        supplier.name,
+        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "text-xs font-normal", children: supplier.badgeType })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "h-4 w-4" }),
+        week.label,
+        " \u2022 ",
+        week.dateRange
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground", children: [
+        "Scope: ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: supplier.scope })
+      ] }),
+      data.type !== "empty" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Factory, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Production Progress" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Badge,
+              {
+                variant: getStatusBadgeVariant(productionStatus),
+                className: cn("text-xs ml-auto", getStatusBadgeClasses(productionStatus)),
+                children: getStatusLabel(productionStatus)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Progress" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                Math.round(productionProgress),
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-2 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "h-full rounded-full transition-all",
+                  productionStatus === "critical" ? "bg-red-500" : productionStatus === "delayed" ? "bg-amber-500" : "bg-green-500"
+                ),
+                style: { width: `${productionProgress}%` }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
+            "p-3 rounded-lg border bg-card space-y-3"
+          ), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Update Progress" }),
+            production ? (
+              // If we have production data, show produced amount input
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Label2, { htmlFor: "produced", className: "text-xs", children: [
+                    "Produced (",
+                    formatProductionUnit(production.unit),
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Input,
+                      {
+                        id: "produced",
+                        type: "number",
+                        min: "0",
+                        max: production.target,
+                        value: producedValue,
+                        onChange: handleProducedChange,
+                        className: "h-8 text-sm"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
+                      "/ ",
+                      production.target,
+                      " ",
+                      formatProductionUnit(production.unit)
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "progress", className: "text-xs", children: "Progress (%)" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Input,
+                    {
+                      id: "progress",
+                      type: "number",
+                      min: "0",
+                      max: "100",
+                      value: progressValue,
+                      onChange: handleProgressChange,
+                      className: "h-8 text-sm"
+                    }
+                  )
+                ] })
+              ] })
+            ) : (
+              // Simple progress input if no production data
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "progress", className: "text-xs", children: "Progress (%)" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Input,
+                  {
+                    id: "progress",
+                    type: "number",
+                    min: "0",
+                    max: "100",
+                    value: progressValue,
+                    onChange: handleProgressChange,
+                    className: "h-8 text-sm"
+                  }
+                )
+              ] })
+            ),
+            onProgressUpdate && /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                size: "sm",
+                className: "w-full",
+                disabled: !hasChanges,
+                onClick: handleSave,
+                children: hasChanges ? "Save Progress" : "No Changes"
+              }
+            )
+          ] }),
+          production && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-3 rounded-lg border bg-muted/30", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Target" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium", children: [
+              production.target,
+              " ",
+              formatProductionUnit(production.unit)
+            ] })
+          ] })
+        ] })
+      ] }),
+      data.deliveries && data.deliveries.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Truck, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Deliveries" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground ml-auto", children: [
+              data.deliveries.length,
+              " scheduled"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: data.deliveries.map((delivery, index) => /* @__PURE__ */ jsxRuntime.jsx(DeliveryCard, { delivery, index }, delivery.id)) })
+        ] })
+      ] }),
+      data.type === "no-logistics" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-muted-foreground p-3 bg-muted/50 rounded-lg", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Truck, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "No logistics scheduled for this week" })
+        ] })
+      ] }),
+      data.hasWarning && data.warningMessage && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 rounded-lg bg-amber-50 dark:bg-amber-950/50 p-3 text-amber-700 dark:text-amber-300", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "h-4 w-4 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", children: data.warningMessage })
+        ] })
+      ] }),
+      data.notes && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Notes" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: data.notes })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
 
 // src/components/event-calendar/types.ts
 var DEFAULT_WORKING_HOURS = {
@@ -5960,7 +7138,7 @@ var BADGE_VARIANT_LABELS = {
   colored: "Colored",
   mixed: "Mixed"
 };
-var CalendarContext = React15__namespace.createContext(null);
+var CalendarContext = React17__namespace.createContext(null);
 function EventCalendarProvider({
   children,
   events: initialEvents = [],
@@ -5975,38 +7153,38 @@ function EventCalendarProvider({
   onEventUpdate,
   onEventDelete
 }) {
-  const [selectedDate, setSelectedDate] = React15__namespace.useState(defaultDate);
-  const [selectedUserId, setSelectedUserId] = React15__namespace.useState(defaultUserId);
-  const [events, setEventsState] = React15__namespace.useState(initialEvents);
-  const [users] = React15__namespace.useState(initialUsers);
-  const [badgeVariant, setBadgeVariant] = React15__namespace.useState(defaultBadgeVariant);
-  const [view, setView] = React15__namespace.useState(defaultView);
-  const [workingHours, setWorkingHours] = React15__namespace.useState(defaultWorkingHours);
-  const [visibleHours, setVisibleHours] = React15__namespace.useState(defaultVisibleHours);
-  React15__namespace.useEffect(() => {
+  const [selectedDate, setSelectedDate] = React17__namespace.useState(defaultDate);
+  const [selectedUserId, setSelectedUserId] = React17__namespace.useState(defaultUserId);
+  const [events, setEventsState] = React17__namespace.useState(initialEvents);
+  const [users] = React17__namespace.useState(initialUsers);
+  const [badgeVariant, setBadgeVariant] = React17__namespace.useState(defaultBadgeVariant);
+  const [view, setView] = React17__namespace.useState(defaultView);
+  const [workingHours, setWorkingHours] = React17__namespace.useState(defaultWorkingHours);
+  const [visibleHours, setVisibleHours] = React17__namespace.useState(defaultVisibleHours);
+  React17__namespace.useEffect(() => {
     setEventsState(initialEvents);
   }, [initialEvents]);
-  const setEvents = React15__namespace.useCallback((newEvents) => {
+  const setEvents = React17__namespace.useCallback((newEvents) => {
     setEventsState(newEvents);
   }, []);
-  const addEvent = React15__namespace.useCallback((event) => {
+  const addEvent = React17__namespace.useCallback((event) => {
     setEventsState((prev) => [...prev, event]);
     onEventAdd?.(event);
   }, [onEventAdd]);
-  const updateEvent = React15__namespace.useCallback((event) => {
+  const updateEvent = React17__namespace.useCallback((event) => {
     setEventsState(
       (prev) => prev.map((e) => e.id === event.id ? event : e)
     );
     onEventUpdate?.(event);
   }, [onEventUpdate]);
-  const deleteEvent = React15__namespace.useCallback((eventId) => {
+  const deleteEvent = React17__namespace.useCallback((eventId) => {
     setEventsState((prev) => prev.filter((e) => e.id !== eventId));
     onEventDelete?.(eventId);
   }, [onEventDelete]);
-  const goToToday = React15__namespace.useCallback(() => {
+  const goToToday = React17__namespace.useCallback(() => {
     setSelectedDate(/* @__PURE__ */ new Date());
   }, []);
-  const goToPrevious = React15__namespace.useCallback(() => {
+  const goToPrevious = React17__namespace.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -6024,7 +7202,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const goToNext = React15__namespace.useCallback(() => {
+  const goToNext = React17__namespace.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -6042,7 +7220,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const contextValue = React15__namespace.useMemo(
+  const contextValue = React17__namespace.useMemo(
     () => ({
       // State
       selectedDate,
@@ -6089,7 +7267,7 @@ function EventCalendarProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(CalendarContext.Provider, { value: contextValue, children });
 }
 function useEventCalendar() {
-  const context = React15__namespace.useContext(CalendarContext);
+  const context = React17__namespace.useContext(CalendarContext);
   if (!context) {
     throw new Error("useEventCalendar must be used within an EventCalendarProvider");
   }
@@ -6097,14 +7275,14 @@ function useEventCalendar() {
 }
 function useFilteredEvents() {
   const { events, selectedUserId } = useEventCalendar();
-  return React15__namespace.useMemo(() => {
+  return React17__namespace.useMemo(() => {
     if (!selectedUserId) return events;
     return events.filter((event) => event.user.id === selectedUserId);
   }, [events, selectedUserId]);
 }
 function useEventsInRange(startDate, endDate) {
   const filteredEvents = useFilteredEvents();
-  return React15__namespace.useMemo(() => {
+  return React17__namespace.useMemo(() => {
     return filteredEvents.filter((event) => {
       const eventStart = new Date(event.startDate);
       const eventEnd = new Date(event.endDate);
@@ -6478,7 +7656,7 @@ function getViewDateRange(date, view) {
       return { start: dateFns.startOfMonth(date), end: dateFns.endOfMonth(date) };
   }
 }
-function formatDateRange(start, end) {
+function formatDateRange2(start, end) {
   if (dateFns.isSameDay(start, end)) {
     return dateFns.format(start, "MMM d, yyyy");
   }
@@ -6662,8 +7840,8 @@ function MoreEvents({ count, onClick, className }) {
   );
 }
 function TimeIndicator({ className }) {
-  const [now, setNow] = React15__namespace.useState(/* @__PURE__ */ new Date());
-  React15__namespace.useEffect(() => {
+  const [now, setNow] = React17__namespace.useState(/* @__PURE__ */ new Date());
+  React17__namespace.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
@@ -6700,24 +7878,24 @@ function DateBadge({ date, className }) {
     }
   );
 }
-var DragContext = React15__namespace.createContext(null);
+var DragContext = React17__namespace.createContext(null);
 function DragProvider({
   children,
   snapMinutes = 15,
   onDragStart,
   onDragEnd
 }) {
-  const [draggedEvent, setDraggedEventState] = React15__namespace.useState(null);
-  const [isDragging, setIsDragging] = React15__namespace.useState(false);
+  const [draggedEvent, setDraggedEventState] = React17__namespace.useState(null);
+  const [isDragging, setIsDragging] = React17__namespace.useState(false);
   const { updateEvent } = useEventCalendar();
-  const setDraggedEvent = React15__namespace.useCallback((event) => {
+  const setDraggedEvent = React17__namespace.useCallback((event) => {
     setDraggedEventState(event);
     setIsDragging(!!event);
     if (event) {
       onDragStart?.(event);
     }
   }, [onDragStart]);
-  const handleDrop = React15__namespace.useCallback((newStartDate) => {
+  const handleDrop = React17__namespace.useCallback((newStartDate) => {
     if (!draggedEvent) return;
     const snappedDate = snapToInterval(newStartDate, snapMinutes);
     const { startDate, endDate } = calculateDropDates(draggedEvent, snappedDate);
@@ -6730,7 +7908,7 @@ function DragProvider({
     onDragEnd?.(updatedEvent, new Date(startDate), new Date(endDate));
     setDraggedEvent(null);
   }, [draggedEvent, snapMinutes, updateEvent, onDragEnd, setDraggedEvent]);
-  const contextValue = React15__namespace.useMemo(
+  const contextValue = React17__namespace.useMemo(
     () => ({
       draggedEvent,
       setDraggedEvent,
@@ -6741,7 +7919,7 @@ function DragProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(DragContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(DragDropHandler, { onDrop: handleDrop, children }) });
 }
 function useDrag() {
-  const context = React15__namespace.useContext(DragContext);
+  const context = React17__namespace.useContext(DragContext);
   if (!context) {
     throw new Error("useDrag must be used within a DragProvider");
   }
@@ -6786,7 +7964,7 @@ function DroppableZone({
 }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React15__namespace.useState(false);
+  const [isOver, setIsOver] = React17__namespace.useState(false);
   const handleDragOver = (e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
@@ -6824,23 +8002,23 @@ function DroppableZone({
 function useDroppable({ date, hour, minute = 0, onDrop }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React15__namespace.useState(false);
-  const dropTargetDate = React15__namespace.useMemo(() => {
+  const [isOver, setIsOver] = React17__namespace.useState(false);
+  const dropTargetDate = React17__namespace.useMemo(() => {
     const targetDate = new Date(date);
     if (hour !== void 0) {
       targetDate.setHours(hour, minute, 0, 0);
     }
     return targetDate;
   }, [date, hour, minute]);
-  const handleDragOver = React15__namespace.useCallback((e) => {
+  const handleDragOver = React17__namespace.useCallback((e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
     if (!isOver) setIsOver(true);
   }, [isOver]);
-  const handleDragLeave = React15__namespace.useCallback(() => {
+  const handleDragLeave = React17__namespace.useCallback(() => {
     setIsOver(false);
   }, []);
-  const handleDrop = React15__namespace.useCallback((e) => {
+  const handleDrop = React17__namespace.useCallback((e) => {
     e.preventDefault();
     setIsOver(false);
     if (!draggedEvent) return;
@@ -6867,13 +8045,13 @@ function useDroppable({ date, hour, minute = 0, onDrop }) {
 function useDraggable(event, disabled = false) {
   const { setDraggedEvent, draggedEvent } = useDrag();
   const isDragged = draggedEvent?.id === event.id;
-  const handleDragStart = React15__namespace.useCallback((e) => {
+  const handleDragStart = React17__namespace.useCallback((e) => {
     if (disabled) return;
     e.dataTransfer.effectAllowed = "move";
     e.dataTransfer.setData("text/plain", event.id);
     setDraggedEvent(event);
   }, [disabled, event, setDraggedEvent]);
-  const handleDragEnd = React15__namespace.useCallback(() => {
+  const handleDragEnd = React17__namespace.useCallback(() => {
     setDraggedEvent(null);
   }, [setDraggedEvent]);
   return {
@@ -6914,15 +8092,15 @@ function MonthView({
 }) {
   const { selectedDate, badgeVariant, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React15__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React17__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const cells = React15__namespace.useMemo(
+  const cells = React17__namespace.useMemo(
     () => getCalendarCells(selectedDate),
     [selectedDate]
   );
-  const eventPositions = React15__namespace.useMemo(
+  const eventPositions = React17__namespace.useMemo(
     () => calculateMonthEventPositions(multiDayEvents, singleDayEvents, selectedDate),
     [multiDayEvents, singleDayEvents, selectedDate]
   );
@@ -7104,7 +8282,7 @@ function WeekView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React15__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React17__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -7310,8 +8488,8 @@ function CalendarTimeline({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React15__namespace.useState(/* @__PURE__ */ new Date());
-  React15__namespace.useEffect(() => {
+  const [currentTime, setCurrentTime] = React17__namespace.useState(/* @__PURE__ */ new Date());
+  React17__namespace.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -7394,7 +8572,7 @@ function DayView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React15__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React17__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -7402,7 +8580,7 @@ function DayView({
     visibleHours,
     singleDayEvents
   );
-  const currentEvents = React15__namespace.useMemo(() => {
+  const currentEvents = React17__namespace.useMemo(() => {
     if (!dateFns.isToday(selectedDate)) return [];
     return getCurrentEvents(singleDayEvents);
   }, [singleDayEvents, selectedDate]);
@@ -7626,8 +8804,8 @@ function CalendarTimeline2({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React15__namespace.useState(/* @__PURE__ */ new Date());
-  React15__namespace.useEffect(() => {
+  const [currentTime, setCurrentTime] = React17__namespace.useState(/* @__PURE__ */ new Date());
+  React17__namespace.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -7661,7 +8839,7 @@ function YearView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const months = React15__namespace.useMemo(() => {
+  const months = React17__namespace.useMemo(() => {
     const yearStart = dateFns.startOfYear(selectedDate);
     return Array.from({ length: 12 }, (_, i) => dateFns.addMonths(yearStart, i));
   }, [selectedDate]);
@@ -7784,11 +8962,11 @@ function AgendaView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React15__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React17__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const eventsByDay = React15__namespace.useMemo(() => {
+  const eventsByDay = React17__namespace.useMemo(() => {
     const allDates = /* @__PURE__ */ new Map();
     singleDayEvents.forEach((event) => {
       const eventDate = dateFns.parseISO(event.startDate);
@@ -7981,7 +9159,7 @@ function CalendarHeader({
   const filteredEvents = useFilteredEvents();
   const eventCount = filteredEvents.length;
   const { start: rangeStart, end: rangeEnd } = getViewDateRange(selectedDate, view);
-  const dateRangeLabel = formatDateRange(rangeStart, rangeEnd);
+  const dateRangeLabel = formatDateRange2(rangeStart, rangeEnd);
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
   };
@@ -8253,16 +9431,16 @@ function EventDialog({
   defaultUserId
 }) {
   const { addEvent, updateEvent, deleteEvent, users } = useEventCalendar();
-  const [title, setTitle] = React15__namespace.useState("");
-  const [description, setDescription] = React15__namespace.useState("");
-  const [startDate, setStartDate] = React15__namespace.useState("");
-  const [startTime, setStartTime] = React15__namespace.useState("");
-  const [endDate, setEndDate] = React15__namespace.useState("");
-  const [endTime, setEndTime] = React15__namespace.useState("");
-  const [color, setColor] = React15__namespace.useState("blue");
-  const [userId, setUserId] = React15__namespace.useState("");
-  const [isSubmitting, setIsSubmitting] = React15__namespace.useState(false);
-  React15__namespace.useEffect(() => {
+  const [title, setTitle] = React17__namespace.useState("");
+  const [description, setDescription] = React17__namespace.useState("");
+  const [startDate, setStartDate] = React17__namespace.useState("");
+  const [startTime, setStartTime] = React17__namespace.useState("");
+  const [endDate, setEndDate] = React17__namespace.useState("");
+  const [endTime, setEndTime] = React17__namespace.useState("");
+  const [color, setColor] = React17__namespace.useState("blue");
+  const [userId, setUserId] = React17__namespace.useState("");
+  const [isSubmitting, setIsSubmitting] = React17__namespace.useState(false);
+  React17__namespace.useEffect(() => {
     if (open) {
       if (mode === "edit" && event) {
         const start = dateFns.parseISO(event.startDate);
@@ -8485,7 +9663,7 @@ function QuickAddEvent({
   onOpenDialog,
   onClose
 }) {
-  const [title, setTitle] = React15__namespace.useState("");
+  const [title, setTitle] = React17__namespace.useState("");
   const { users } = useEventCalendar();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -8552,8 +9730,8 @@ var HOUR_OPTIONS = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeVisibleHoursInput() {
   const { visibleHours, setVisibleHours } = useEventCalendar();
-  const [from, setFrom] = React15__namespace.useState(visibleHours.from);
-  const [to, setTo] = React15__namespace.useState(visibleHours.to);
+  const [from, setFrom] = React17__namespace.useState(visibleHours.from);
+  const [to, setTo] = React17__namespace.useState(visibleHours.to);
   const handleApply = () => {
     const toHour = to === 0 ? 24 : to;
     setVisibleHours({ from, to: toHour });
@@ -8599,7 +9777,7 @@ var HOUR_OPTIONS2 = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeWorkingHoursInput() {
   const { workingHours, setWorkingHours } = useEventCalendar();
-  const [localWorkingHours, setLocalWorkingHours] = React15__namespace.useState({
+  const [localWorkingHours, setLocalWorkingHours] = React17__namespace.useState({
     ...workingHours
   });
   const handleToggleDay = (dayId) => {
@@ -8748,8 +9926,8 @@ function CalendarSettingsButton({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React15__namespace.useState(false);
-  React15__namespace.useEffect(() => {
+  const [matches, setMatches] = React17__namespace.useState(false);
+  React17__namespace.useEffect(() => {
     const media = window.matchMedia(query);
     setMatches(media.matches);
     const listener = (event) => {
@@ -8801,11 +9979,11 @@ function BigCalendarInner({
   maxEventsPerDay
 }) {
   const { view, setView } = useEventCalendar();
-  const [dialogOpen, setDialogOpen] = React15__namespace.useState(false);
-  const [settingsDialogOpen, setSettingsDialogOpen] = React15__namespace.useState(false);
-  const [selectedEvent, setSelectedEvent] = React15__namespace.useState(null);
-  const [dialogMode, setDialogMode] = React15__namespace.useState("add");
-  const [defaultDate, setDefaultDate] = React15__namespace.useState(/* @__PURE__ */ new Date());
+  const [dialogOpen, setDialogOpen] = React17__namespace.useState(false);
+  const [settingsDialogOpen, setSettingsDialogOpen] = React17__namespace.useState(false);
+  const [selectedEvent, setSelectedEvent] = React17__namespace.useState(null);
+  const [dialogMode, setDialogMode] = React17__namespace.useState("add");
+  const [defaultDate, setDefaultDate] = React17__namespace.useState(/* @__PURE__ */ new Date());
   const isMobile = useMediaQuery("(max-width: 768px)");
   const isCompact = compact === "auto" ? isMobile : compact;
   const handleAddClick = () => {
@@ -8964,6 +10142,30 @@ function CalendarView({
   }
 }
 
+Object.defineProperty(exports, "flexRender", {
+  enumerable: true,
+  get: function () { return reactTable.flexRender; }
+});
+Object.defineProperty(exports, "getCoreRowModel", {
+  enumerable: true,
+  get: function () { return reactTable.getCoreRowModel; }
+});
+Object.defineProperty(exports, "getFilteredRowModel", {
+  enumerable: true,
+  get: function () { return reactTable.getFilteredRowModel; }
+});
+Object.defineProperty(exports, "getPaginationRowModel", {
+  enumerable: true,
+  get: function () { return reactTable.getPaginationRowModel; }
+});
+Object.defineProperty(exports, "getSortedRowModel", {
+  enumerable: true,
+  get: function () { return reactTable.getSortedRowModel; }
+});
+Object.defineProperty(exports, "useReactTable", {
+  enumerable: true,
+  get: function () { return reactTable.useReactTable; }
+});
 Object.defineProperty(exports, "areIntervalsOverlapping", {
   enumerable: true,
   get: function () { return dateFns.areIntervalsOverlapping; }
@@ -9087,8 +10289,13 @@ exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
 exports.ContextMenuTrigger = ContextMenuTrigger;
 exports.DEFAULT_VISIBLE_HOURS = DEFAULT_VISIBLE_HOURS;
 exports.DEFAULT_WORKING_HOURS = DEFAULT_WORKING_HOURS;
+exports.DataTableColumnHeader = DataTableColumnHeader;
+exports.DataTablePagination = DataTablePagination;
+exports.DataTableViewOptions = DataTableViewOptions;
 exports.DateBadge = DateBadge;
 exports.DayView = DayView;
+exports.DeliveryIndicator = DeliveryIndicator;
+exports.DeliveryIndicators = DeliveryIndicators;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
@@ -9218,6 +10425,8 @@ exports.PaginationItem = PaginationItem;
 exports.PaginationLink = PaginationLink;
 exports.PaginationNext = PaginationNext;
 exports.PaginationPrevious = PaginationPrevious;
+exports.PlanningTable = PlanningTable;
+exports.PlanningTableToolbar = PlanningTableToolbar;
 exports.PlayerCanvas = PlayerCanvas;
 exports.PlayerCanvasActionButton = PlayerCanvasActionButton;
 exports.PlayerCanvasControls = PlayerCanvasControls;
@@ -9296,6 +10505,7 @@ exports.SiteHeader = SiteHeader;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
 exports.Spinner = Spinner;
+exports.SupplierCell = SupplierCell;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.TableBody = TableBody;
@@ -9326,6 +10536,9 @@ exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.UserAvatarsDropdown = UserAvatarsDropdown;
 exports.VIEW_LABELS = VIEW_LABELS;
+exports.WeekCell = WeekCell;
+exports.WeekDetailDialog = WeekDetailDialog;
+exports.WeekHeader = WeekHeader;
 exports.WeekView = WeekView;
 exports.YearView = YearView;
 exports.badgeVariants = badgeVariants;
@@ -9335,9 +10548,14 @@ exports.calculateDropDates = calculateDropDates;
 exports.calculateMonthEventPositions = calculateMonthEventPositions;
 exports.cardVariants = cardVariants;
 exports.createDefaultEvent = createDefaultEvent;
-exports.formatDateRange = formatDateRange;
+exports.deliveryIndicatorVariants = deliveryIndicatorVariants;
+exports.formatDateRange = formatDateRange2;
+exports.formatProductionUnit = formatProductionUnit;
 exports.formatTime = formatTime;
+exports.generateColumns = generateColumns;
 exports.generateEventId = generateEventId;
+exports.generateWeekColumns = generateWeekColumns;
+exports.generateWeeks = generateWeeks;
 exports.getCalendarCells = getCalendarCells;
 exports.getCurrentEvents = getCurrentEvents;
 exports.getDayHours = getDayHours;
@@ -9348,14 +10566,17 @@ exports.getEventsCount = getEventsCount;
 exports.getEventsForDate = getEventsForDate;
 exports.getEventsInRange = getEventsInRange;
 exports.getHeaderLabel = getHeaderLabel;
+exports.getISOWeek = getISOWeek;
 exports.getMonthCellEvents = getMonthCellEvents;
 exports.getMonthDays = getMonthDays;
+exports.getSupplierColumn = getSupplierColumn;
 exports.getTimeHeight = getTimeHeight;
 exports.getTimePosition = getTimePosition;
 exports.getViewDateRange = getViewDateRange;
 exports.getVisibleHours = getVisibleHours;
 exports.getWeekDayNames = getWeekDayNames;
 exports.getWeekDays = getWeekDays;
+exports.getWeekKey = getWeekKey;
 exports.getYearMonths = getYearMonths;
 exports.groupEvents = groupEvents;
 exports.isMultiDayEvent = isMultiDayEvent;