@j3m-quantum/ui 2.1.10 → 2.1.11

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React36 = require('react');
+var React37 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
@@ -72,7 +72,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React36__namespace = /*#__PURE__*/_interopNamespace(React36);
+var React37__namespace = /*#__PURE__*/_interopNamespace(React37);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -107,8 +107,8 @@ var tunnel__default = /*#__PURE__*/_interopDefault(tunnel);
 // src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 1024;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React36__namespace.useState(void 0);
-  React36__namespace.useEffect(() => {
+  const [isMobile, setIsMobile] = React37__namespace.useState(void 0);
+  React37__namespace.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -196,7 +196,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React36__namespace.forwardRef(
+var Button = React37__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -560,7 +560,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React36__namespace.useMemo(
+  const _values = React37__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -846,7 +846,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React36__namespace.createContext({
+var ToggleGroupContext = React37__namespace.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -883,7 +883,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React36__namespace.useContext(ToggleGroupContext);
+  const context = React37__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -913,7 +913,7 @@ function ThemeSwitch({
   className,
   size = "default"
 }) {
-  const [isChecked, setIsChecked] = React36__namespace.useState(defaultChecked);
+  const [isChecked, setIsChecked] = React37__namespace.useState(defaultChecked);
   const isControlled = checked !== void 0;
   const currentChecked = isControlled ? checked : isChecked;
   const handleClick = () => {
@@ -1333,7 +1333,7 @@ function Label2({
   );
 }
 var Form = reactHookForm.FormProvider;
-var FormFieldContext = React36__namespace.createContext(
+var FormFieldContext = React37__namespace.createContext(
   {}
 );
 var FormField = ({
@@ -1342,8 +1342,8 @@ var FormField = ({
   return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React36__namespace.useContext(FormFieldContext);
-  const itemContext = React36__namespace.useContext(FormItemContext);
+  const fieldContext = React37__namespace.useContext(FormFieldContext);
+  const itemContext = React37__namespace.useContext(FormItemContext);
   const { getFieldState } = reactHookForm.useFormContext();
   const formState = reactHookForm.useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1360,11 +1360,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React36__namespace.createContext(
+var FormItemContext = React37__namespace.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React36__namespace.useId();
+  const id = React37__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1612,7 +1612,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React36.useMemo(() => {
+  const content = React37.useMemo(() => {
     if (children) {
       return children;
     }
@@ -1906,7 +1906,7 @@ function TableHeader({ className, ...props }) {
     "thead",
     {
       "data-slot": "table-header",
-      className: cn("[&_tr]:border-b", className),
+      className: cn("bg-muted/50 [&_tr]:border-b [&_tr]:border-border/50", className),
       ...props
     }
   );
@@ -1940,7 +1940,7 @@ function TableRow({ className, ...props }) {
     {
       "data-slot": "table-row",
       className: cn(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        "hover:bg-muted/20 data-[state=selected]:bg-muted/50 border-b border-border/30 transition-colors",
         className
       ),
       ...props
@@ -1953,7 +1953,7 @@ function TableHead({ className, ...props }) {
     {
       "data-slot": "table-head",
       className: cn(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "text-foreground h-12 px-3 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
       ...props
@@ -1966,7 +1966,7 @@ function TableCell({ className, ...props }) {
     {
       "data-slot": "table-cell",
       className: cn(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "px-3 py-4 text-left align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
       ...props
@@ -2762,8 +2762,8 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React36__namespace.useRef(null);
-  React36__namespace.useEffect(() => {
+  const ref = React37__namespace.useRef(null);
+  React37__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2784,9 +2784,9 @@ function CalendarDayButton({
     }
   );
 }
-var CarouselContext = React36__namespace.createContext(null);
+var CarouselContext = React37__namespace.createContext(null);
 function useCarousel() {
-  const context = React36__namespace.useContext(CarouselContext);
+  const context = React37__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2808,20 +2808,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React36__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React36__namespace.useState(false);
-  const onSelect = React36__namespace.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React37__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React37__namespace.useState(false);
+  const onSelect = React37__namespace.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React36__namespace.useCallback(() => {
+  const scrollPrev = React37__namespace.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React36__namespace.useCallback(() => {
+  const scrollNext = React37__namespace.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React36__namespace.useCallback(
+  const handleKeyDown = React37__namespace.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2833,11 +2833,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2970,9 +2970,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React36__namespace.createContext(null);
+var ChartContext = React37__namespace.createContext(null);
 function useChart() {
-  const context = React36__namespace.useContext(ChartContext);
+  const context = React37__namespace.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -2985,7 +2985,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React36__namespace.useId();
+  const uniqueId = React37__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -3046,7 +3046,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React36__namespace.useMemo(() => {
+  const tooltipLabel = React37__namespace.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -3881,7 +3881,7 @@ function StatusProgress({
   const resolvedVariant = variant ?? getVariantFromProgress(clampedValue);
   const colors = getStatusColors(resolvedVariant);
   const sizes = getSizeClasses(size);
-  const labelText = React36__namespace.useMemo(() => {
+  const labelText = React37__namespace.useMemo(() => {
     if (currentCount !== void 0 && totalCount !== void 0) {
       return `${currentCount} / ${totalCount} ${unitLabel}`;
     }
@@ -3986,8 +3986,8 @@ function TooltipContent({
   ) });
 }
 function useDetectTheme() {
-  const [theme, setTheme] = React36__namespace.useState("light");
-  React36__namespace.useEffect(() => {
+  const [theme, setTheme] = React37__namespace.useState("light");
+  React37__namespace.useEffect(() => {
     const isDark = document.documentElement.classList.contains("dark");
     setTheme(isDark ? "dark" : "light");
     const observer = new MutationObserver((mutations) => {
@@ -4636,7 +4636,7 @@ function CommandShortcut({
     }
   );
 }
-var SearchTrigger = React36__namespace.forwardRef(
+var SearchTrigger = React37__namespace.forwardRef(
   ({
     className,
     placeholder = "Search...",
@@ -4672,7 +4672,7 @@ var SearchTrigger = React36__namespace.forwardRef(
 );
 SearchTrigger.displayName = "SearchTrigger";
 function useSearchShortcut(onOpen, key = "k") {
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     const down = (e) => {
       if (e.key.toLowerCase() === key.toLowerCase() && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -5647,9 +5647,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React36__namespace.createContext(null);
+var SidebarContext = React37__namespace.createContext(null);
 function useSidebar() {
-  const context = React36__namespace.useContext(SidebarContext);
+  const context = React37__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5665,10 +5665,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React36__namespace.useState(false);
-  const [_open, _setOpen] = React36__namespace.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React37__namespace.useState(false);
+  const [_open, _setOpen] = React37__namespace.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React36__namespace.useCallback(
+  const setOpen = React37__namespace.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5680,10 +5680,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React36__namespace.useCallback(() => {
+  const toggleSidebar = React37__namespace.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5694,7 +5694,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React36__namespace.useMemo(
+  const contextValue = React37__namespace.useMemo(
     () => ({
       state,
       open,
@@ -6152,7 +6152,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React36__namespace.useMemo(() => {
+  const width = React37__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6296,7 +6296,7 @@ var sectionVariants = classVarianceAuthority.cva(
   }
 );
 var isGlassVariant = (variant) => variant?.startsWith("glass-") ?? false;
-var Section = React36__namespace.forwardRef(
+var Section = React37__namespace.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "section",
     {
@@ -6308,7 +6308,7 @@ var Section = React36__namespace.forwardRef(
   )
 );
 Section.displayName = "Section";
-var SectionHeader = React36__namespace.forwardRef(
+var SectionHeader = React37__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6323,7 +6323,7 @@ var SectionHeader = React36__namespace.forwardRef(
   )
 );
 SectionHeader.displayName = "SectionHeader";
-var SectionTitle = React36__namespace.forwardRef(
+var SectionTitle = React37__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "h2",
     {
@@ -6337,7 +6337,7 @@ var SectionTitle = React36__namespace.forwardRef(
   )
 );
 SectionTitle.displayName = "SectionTitle";
-var SectionDescription = React36__namespace.forwardRef(
+var SectionDescription = React37__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -6351,7 +6351,7 @@ var SectionDescription = React36__namespace.forwardRef(
   )
 );
 SectionDescription.displayName = "SectionDescription";
-var SectionContent = React36__namespace.forwardRef(
+var SectionContent = React37__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6365,7 +6365,7 @@ var SectionContent = React36__namespace.forwardRef(
   )
 );
 SectionContent.displayName = "SectionContent";
-var SectionFooter = React36__namespace.forwardRef(
+var SectionFooter = React37__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6590,7 +6590,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(React36__namespace.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React37__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)) }) }),
@@ -7211,11 +7211,11 @@ function PlanningWeekCommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React36__namespace.useState("");
-  const [selectedLocationId, setSelectedLocationId] = React36__namespace.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
-  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
-  const selectedLocation = React36__namespace.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React37__namespace.useState("");
+  const [selectedLocationId, setSelectedLocationId] = React37__namespace.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React37__namespace.useState(true);
+  const [showAddForm, setShowAddForm] = React37__namespace.useState(false);
+  const selectedLocation = React37__namespace.useMemo(() => {
     return locationOptions.find((opt) => opt.id === selectedLocationId);
   }, [locationOptions, selectedLocationId]);
   const handleSubmit = () => {
@@ -7259,8 +7259,8 @@ function PlanningWeekCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React36__namespace.useRef(open);
-  React36__namespace.useEffect(() => {
+  const prevOpenRef = React37__namespace.useRef(open);
+  React37__namespace.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -7639,15 +7639,15 @@ function PlanningTable({
     stickySupplierColumn = true,
     maxHeight = "600px"
   } = config;
-  const weeks = React36__namespace.useMemo(
+  const weeks = React37__namespace.useMemo(
     () => generateWeeks(startDate, weekCount),
     [startDate, weekCount]
   );
-  const currentWeekKey = React36__namespace.useMemo(() => {
+  const currentWeekKey = React37__namespace.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const columnSummaryData = React36__namespace.useMemo(() => {
+  const columnSummaryData = React37__namespace.useMemo(() => {
     const summaryMap = /* @__PURE__ */ new Map();
     for (const week of weeks) {
       const weekKey = getWeekKey(week.startDate);
@@ -7689,14 +7689,14 @@ function PlanningTable({
     }
     return summaryMap;
   }, [weeks, suppliers]);
-  const columns = React36__namespace.useMemo(
+  const columns = React37__namespace.useMemo(
     () => generateColumns(weeks, config, suppliers, columnSummaryData),
     [weeks, config, suppliers, columnSummaryData]
   );
-  const [sorting, setSorting] = React36__namespace.useState([]);
-  const [columnFilters, setColumnFilters] = React36__namespace.useState([]);
-  const [columnVisibility, setColumnVisibility] = React36__namespace.useState({});
-  const [rowSelection, setRowSelection] = React36__namespace.useState({});
+  const [sorting, setSorting] = React37__namespace.useState([]);
+  const [columnFilters, setColumnFilters] = React37__namespace.useState([]);
+  const [columnVisibility, setColumnVisibility] = React37__namespace.useState({});
+  const [rowSelection, setRowSelection] = React37__namespace.useState({});
   const table = reactTable.useReactTable({
     data: suppliers,
     columns,
@@ -7720,7 +7720,7 @@ function PlanningTable({
       }
     }
   });
-  const insightMetrics = React36__namespace.useMemo(() => {
+  const insightMetrics = React37__namespace.useMemo(() => {
     let totalProduced = 0;
     let totalRequired = 0;
     let totalDeliveries = 0;
@@ -7954,10 +7954,10 @@ function DeliveryCommentPopover({
   onAddComment,
   deliveryLabel
 }) {
-  const [open, setOpen] = React36__namespace.useState(false);
-  const [newCommentText, setNewCommentText] = React36__namespace.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
-  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
+  const [open, setOpen] = React37__namespace.useState(false);
+  const [newCommentText, setNewCommentText] = React37__namespace.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React37__namespace.useState(true);
+  const [showAddForm, setShowAddForm] = React37__namespace.useState(false);
   const handleSubmit = () => {
     if (newCommentText.trim() && onAddComment) {
       onAddComment(newCommentText.trim());
@@ -7984,8 +7984,8 @@ function DeliveryCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React36__namespace.useRef(open);
-  React36__namespace.useEffect(() => {
+  const prevOpenRef = React37__namespace.useRef(open);
+  React37__namespace.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -8097,8 +8097,8 @@ function ProductionCommentSection({
   comments = [],
   onAddComment
 }) {
-  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
-  const [newComment, setNewComment] = React36__namespace.useState("");
+  const [showAddForm, setShowAddForm] = React37__namespace.useState(false);
+  const [newComment, setNewComment] = React37__namespace.useState("");
   const handleSubmit = () => {
     if (newComment.trim() && onAddComment) {
       onAddComment(newComment.trim());
@@ -8283,7 +8283,7 @@ function DeliveryDetailsView({
   onAddComment
 }) {
   const elements = delivery.elements ?? [];
-  const categorizedElements = React36__namespace.useMemo(() => {
+  const categorizedElements = React37__namespace.useMemo(() => {
     const sent = [];
     const notSent = [];
     const moved = [];
@@ -8651,15 +8651,15 @@ function WeekDetailDialog({
 }) {
   const production = data?.production;
   const initialProduced = production?.produced ?? 0;
-  const [producedValue, setProducedValue] = React36__namespace.useState(initialProduced.toString());
-  const [hasChanges, setHasChanges] = React36__namespace.useState(false);
-  const [selectedDelivery, setSelectedDelivery] = React36__namespace.useState(null);
-  React36__namespace.useEffect(() => {
+  const [producedValue, setProducedValue] = React37__namespace.useState(initialProduced.toString());
+  const [hasChanges, setHasChanges] = React37__namespace.useState(false);
+  const [selectedDelivery, setSelectedDelivery] = React37__namespace.useState(null);
+  React37__namespace.useEffect(() => {
     const newProduced = data?.production?.produced ?? 0;
     setProducedValue(newProduced.toString());
     setHasChanges(false);
   }, [data]);
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     if (!open) {
       setSelectedDelivery(null);
     }
@@ -8790,24 +8790,24 @@ function ElementProductionDialog({
   elements,
   onSave
 }) {
-  const [searchQuery, setSearchQuery] = React36__namespace.useState("");
-  const [selectedIds, setSelectedIds] = React36__namespace.useState(
+  const [searchQuery, setSearchQuery] = React37__namespace.useState("");
+  const [selectedIds, setSelectedIds] = React37__namespace.useState(
     new Set(elements.filter((e) => e.isProduced).map((e) => e.id))
   );
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     if (open) {
       setSelectedIds(new Set(elements.filter((e) => e.isProduced).map((e) => e.id)));
       setSearchQuery("");
     }
   }, [open, elements]);
-  const filteredElements = React36__namespace.useMemo(() => {
+  const filteredElements = React37__namespace.useMemo(() => {
     if (!searchQuery.trim()) return elements;
     const query = searchQuery.toLowerCase();
     return elements.filter(
       (e) => e.name.toLowerCase().includes(query) || e.prefix?.toLowerCase().includes(query) || e.type?.toLowerCase().includes(query)
     );
   }, [elements, searchQuery]);
-  React36__namespace.useMemo(() => {
+  React37__namespace.useMemo(() => {
     const prefixes = /* @__PURE__ */ new Set();
     elements.forEach((e) => {
       if (e.prefix) prefixes.add(e.prefix);
@@ -8993,10 +8993,10 @@ function DeliveryCommentPopover2({
   onAddComment,
   deliveryLabel
 }) {
-  const [open, setOpen] = React36__namespace.useState(false);
-  const [newCommentText, setNewCommentText] = React36__namespace.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
-  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
+  const [open, setOpen] = React37__namespace.useState(false);
+  const [newCommentText, setNewCommentText] = React37__namespace.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React37__namespace.useState(true);
+  const [showAddForm, setShowAddForm] = React37__namespace.useState(false);
   const handleSubmit = () => {
     if (newCommentText.trim() && onAddComment) {
       onAddComment(newCommentText.trim());
@@ -9023,7 +9023,7 @@ function DeliveryCommentPopover2({
       minute: "2-digit"
     }).format(date);
   };
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     if (!open) {
       setShowAddForm(false);
       setNewCommentText("");
@@ -9133,8 +9133,8 @@ function ProductionCommentSection2({
   comments = [],
   onAddComment
 }) {
-  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
-  const [newComment, setNewComment] = React36__namespace.useState("");
+  const [showAddForm, setShowAddForm] = React37__namespace.useState(false);
+  const [newComment, setNewComment] = React37__namespace.useState("");
   const handleSubmit = () => {
     if (newComment.trim() && onAddComment) {
       onAddComment(newComment.trim());
@@ -9319,7 +9319,7 @@ function DeliveryDetailsView2({
   onAddComment
 }) {
   const elements = delivery.elements ?? [];
-  const categorizedElements = React36__namespace.useMemo(() => {
+  const categorizedElements = React37__namespace.useMemo(() => {
     const sent = [];
     const notSent = [];
     const moved = [];
@@ -9653,10 +9653,10 @@ function WeekDetailSheet({
   onAddProductionComment,
   onAddDeliveryComment
 }) {
-  const [selectedDelivery, setSelectedDelivery] = React36__namespace.useState(null);
-  const [productionDialogOpen, setProductionDialogOpen] = React36__namespace.useState(false);
-  const [previousProducedCount, setPreviousProducedCount] = React36__namespace.useState(void 0);
-  const productionElements = React36__namespace.useMemo(() => {
+  const [selectedDelivery, setSelectedDelivery] = React37__namespace.useState(null);
+  const [productionDialogOpen, setProductionDialogOpen] = React37__namespace.useState(false);
+  const [previousProducedCount, setPreviousProducedCount] = React37__namespace.useState(void 0);
+  const productionElements = React37__namespace.useMemo(() => {
     if (!data?.deliveries) return [];
     const elements = [];
     const seenIds = /* @__PURE__ */ new Set();
@@ -9680,12 +9680,12 @@ function WeekDetailSheet({
     return elements;
   }, [data?.deliveries]);
   const currentProducedCount = productionElements.filter((e) => e.isProduced).length;
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     if (open && data?.deliveries) {
       setPreviousProducedCount(currentProducedCount);
     }
   }, [open]);
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     if (!open) {
       setSelectedDelivery(null);
       setProductionDialogOpen(false);
@@ -9918,13 +9918,13 @@ function CalibrationWeekCell({
   onAddClick,
   ...props
 }) {
-  const inputRef = React36__namespace.useRef(null);
-  const [localValue, setLocalValue] = React36__namespace.useState(
+  const inputRef = React37__namespace.useRef(null);
+  const [localValue, setLocalValue] = React37__namespace.useState(
     data.entered !== null ? String(data.entered) : ""
   );
-  const [isHovered, setIsHovered] = React36__namespace.useState(false);
-  const [isEditing, setIsEditing] = React36__namespace.useState(false);
-  React36__namespace.useEffect(() => {
+  const [isHovered, setIsHovered] = React37__namespace.useState(false);
+  const [isEditing, setIsEditing] = React37__namespace.useState(false);
+  React37__namespace.useEffect(() => {
     setLocalValue(data.entered !== null ? String(data.entered) : "");
   }, [data.entered]);
   const unitLabel = formatCalibrationUnit(unit);
@@ -10110,11 +10110,11 @@ function CommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React36__namespace.useState("");
-  const [selectedPrefixId, setSelectedPrefixId] = React36__namespace.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
-  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
-  const selectedPrefixName = React36__namespace.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React37__namespace.useState("");
+  const [selectedPrefixId, setSelectedPrefixId] = React37__namespace.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React37__namespace.useState(true);
+  const [showAddForm, setShowAddForm] = React37__namespace.useState(false);
+  const selectedPrefixName = React37__namespace.useMemo(() => {
     const prefix = availablePrefixes.find((p) => p.id === selectedPrefixId);
     return prefix?.name ?? "";
   }, [availablePrefixes, selectedPrefixId]);
@@ -10146,8 +10146,8 @@ function CommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React36__namespace.useRef(open);
-  React36__namespace.useEffect(() => {
+  const prevOpenRef = React37__namespace.useRef(open);
+  React37__namespace.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -10392,7 +10392,7 @@ function CalibrationTable({
     onAddComment,
     onAddEarlierWeek
   } = config;
-  const calculatedStartDate = React36__namespace.useMemo(() => {
+  const calculatedStartDate = React37__namespace.useMemo(() => {
     if (startDate) return startDate;
     let earliest = null;
     for (const prefix of prefixes) {
@@ -10413,31 +10413,31 @@ function CalibrationTable({
     }
     return earliest ?? /* @__PURE__ */ new Date();
   }, [startDate, prefixes]);
-  const [additionalWeeks, setAdditionalWeeks] = React36__namespace.useState(0);
-  const weeks = React36__namespace.useMemo(() => {
+  const [additionalWeeks, setAdditionalWeeks] = React37__namespace.useState(0);
+  const weeks = React37__namespace.useMemo(() => {
     const start = new Date(calculatedStartDate);
     start.setDate(start.getDate() - additionalWeeks * 7);
     return generateWeeks(start, weekCount + additionalWeeks);
   }, [calculatedStartDate, weekCount, additionalWeeks]);
-  React36__namespace.useMemo(() => {
+  React37__namespace.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const [currentPage, setCurrentPage] = React36__namespace.useState(0);
-  const [pageSize, setPageSize] = React36__namespace.useState(defaultPageSize);
-  const [searchQuery, setSearchQuery] = React36__namespace.useState("");
-  const filteredPrefixes = React36__namespace.useMemo(() => {
+  const [currentPage, setCurrentPage] = React37__namespace.useState(0);
+  const [pageSize, setPageSize] = React37__namespace.useState(defaultPageSize);
+  const [searchQuery, setSearchQuery] = React37__namespace.useState("");
+  const filteredPrefixes = React37__namespace.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 = React36__namespace.useMemo(() => {
+  const paginatedPrefixes = React37__namespace.useMemo(() => {
     const start = currentPage * pageSize;
     return filteredPrefixes.slice(start, start + pageSize);
   }, [filteredPrefixes, currentPage, pageSize]);
-  React36__namespace.useMemo(
+  React37__namespace.useMemo(
     () => canSubmitCalibration(prefixes),
     [prefixes]
   );
@@ -10461,11 +10461,11 @@ function CalibrationTable({
     }
     return allComments;
   };
-  const availablePrefixes = React36__namespace.useMemo(
+  const availablePrefixes = React37__namespace.useMemo(
     () => prefixes.map((p) => ({ id: p.id, name: p.name })),
     [prefixes]
   );
-  const insightMetrics = React36__namespace.useMemo(() => {
+  const insightMetrics = React37__namespace.useMemo(() => {
     let totalCalibrated = 0;
     let totalRequired = 0;
     for (const prefix of prefixes) {
@@ -10506,7 +10506,7 @@ function CalibrationTable({
       }
     ];
   }, [prefixes]);
-  const columnSummaryData = React36__namespace.useMemo(() => {
+  const columnSummaryData = React37__namespace.useMemo(() => {
     const summaryMap = /* @__PURE__ */ new Map();
     for (const week of weeks) {
       const weekKey = getWeekKey(week.startDate);
@@ -10773,14 +10773,14 @@ function CommentDialog({
   open,
   onOpenChange
 }) {
-  const [selectedPrefixId, setSelectedPrefixId] = React36__namespace.useState("");
-  const [selectedWeekKey, setSelectedWeekKey] = React36__namespace.useState("");
-  const [commentText, setCommentText] = React36__namespace.useState("");
-  const currentWeek = React36__namespace.useMemo(
+  const [selectedPrefixId, setSelectedPrefixId] = React37__namespace.useState("");
+  const [selectedWeekKey, setSelectedWeekKey] = React37__namespace.useState("");
+  const [commentText, setCommentText] = React37__namespace.useState("");
+  const currentWeek = React37__namespace.useMemo(
     () => weeks.find((w) => w.isCurrentWeek),
     [weeks]
   );
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     if (open) {
       setSelectedPrefixId(prefixes[0]?.id ?? "");
       setSelectedWeekKey(currentWeek ? getWeekKey(currentWeek.startDate) : weeks[0] ? getWeekKey(weeks[0].startDate) : "");
@@ -11327,7 +11327,7 @@ function WeeklyLoadingView({
   showNavigation = true,
   className
 }) {
-  const [shippedOpenState, setShippedOpenState] = React36__namespace.useState({
+  const [shippedOpenState, setShippedOpenState] = React37__namespace.useState({
     1: false,
     // Monday
     2: false,
@@ -11345,7 +11345,7 @@ function WeeklyLoadingView({
       [dayOfWeek]: !prev[dayOfWeek]
     }));
   };
-  const weekDays = React36__namespace.useMemo(() => {
+  const weekDays = React37__namespace.useMemo(() => {
     const days = [];
     for (let i = 0; i < 5; i++) {
       const date = dateFns.addDays(week.startDate, i);
@@ -11357,7 +11357,7 @@ function WeeklyLoadingView({
     }
     return days;
   }, [week.startDate]);
-  const deliveriesByDay = React36__namespace.useMemo(() => {
+  const deliveriesByDay = React37__namespace.useMemo(() => {
     const grouped = /* @__PURE__ */ new Map();
     for (let i = 1; i <= 5; i++) {
       grouped.set(i, { pending: [], shipped: [] });
@@ -11377,7 +11377,7 @@ function WeeklyLoadingView({
   }, [deliveries]);
   const totalPendingDeliveries = deliveries.filter((d) => !isShippedDelivery(d)).length;
   const totalShippedDeliveries = deliveries.filter((d) => isShippedDelivery(d)).length;
-  const daySummaryData = React36__namespace.useMemo(() => {
+  const daySummaryData = React37__namespace.useMemo(() => {
     const summaries = /* @__PURE__ */ new Map();
     for (let i = 1; i <= 5; i++) {
       const dayData = deliveriesByDay.get(i) ?? { pending: [], shipped: [] };
@@ -11731,7 +11731,7 @@ function DeliveryTimeline({ timelineState }) {
     const state = getStateForStep(step.id);
     const styles = getStepStyles(state);
     const isLast = index === TIMELINE_STEPS.length - 1;
-    return /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React37__namespace.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -11866,7 +11866,7 @@ function AddCommentDialog({
   weekId,
   onAddComment
 }) {
-  const [commentText, setCommentText] = React36__namespace.useState("");
+  const [commentText, setCommentText] = React37__namespace.useState("");
   const handleSubmit = () => {
     if (commentText.trim() && onAddComment) {
       onAddComment({
@@ -11891,7 +11891,7 @@ function AddCommentDialog({
       handleSubmit();
     }
   };
-  React36__namespace.useEffect(() => {
+  React37__namespace.useEffect(() => {
     if (!open) {
       setCommentText("");
     }
@@ -11954,8 +11954,8 @@ function CommentsSection({
   weekId,
   onAddComment
 }) {
-  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
-  const [addDialogOpen, setAddDialogOpen] = React36__namespace.useState(false);
+  const [viewCommentsOpen, setViewCommentsOpen] = React37__namespace.useState(true);
+  const [addDialogOpen, setAddDialogOpen] = React37__namespace.useState(false);
   const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
@@ -12029,7 +12029,7 @@ function DeliveryDetailPage({
   onConfirmLoad
 }) {
   const timelineState = getTimelineState(delivery);
-  const elementsByStatus = React36__namespace.useMemo(() => {
+  const elementsByStatus = React37__namespace.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");
@@ -12216,11 +12216,11 @@ function SupplierWeeklyLoading({
   bordered = true,
   className
 }) {
-  const [selectedDelivery, setSelectedDelivery] = React36__namespace.useState(null);
-  const [sheetOpen, setSheetOpen] = React36__namespace.useState(false);
-  const [commentDelivery, setCommentDelivery] = React36__namespace.useState(null);
-  const [commentDialogOpen, setCommentDialogOpen] = React36__namespace.useState(false);
-  const [commentText, setCommentText] = React36__namespace.useState("");
+  const [selectedDelivery, setSelectedDelivery] = React37__namespace.useState(null);
+  const [sheetOpen, setSheetOpen] = React37__namespace.useState(false);
+  const [commentDelivery, setCommentDelivery] = React37__namespace.useState(null);
+  const [commentDialogOpen, setCommentDialogOpen] = React37__namespace.useState(false);
+  const [commentText, setCommentText] = React37__namespace.useState("");
   const handleDeliveryClick = (delivery) => {
     setSelectedDelivery(delivery);
     setSheetOpen(true);
@@ -12263,7 +12263,7 @@ function SupplierWeeklyLoading({
       handleCommentSubmit();
     }
   };
-  const insightMetrics = React36__namespace.useMemo(() => {
+  const insightMetrics = React37__namespace.useMemo(() => {
     const totalDeliveries = deliveries.length;
     const readyDeliveries = deliveries.filter((d) => d.isReadyToUnload).length;
     deliveries.filter(
@@ -12682,11 +12682,11 @@ function CapacityPlanningChart({
   allowDragDrop = true,
   className
 }) {
-  const containerRef = React36__namespace.useRef(null);
-  const [draggedPackage, setDraggedPackage] = React36__namespace.useState(null);
-  const [showUnassigned, setShowUnassigned] = React36__namespace.useState(true);
-  const [containerWidth, setContainerWidth] = React36__namespace.useState(0);
-  React36__namespace.useEffect(() => {
+  const containerRef = React37__namespace.useRef(null);
+  const [draggedPackage, setDraggedPackage] = React37__namespace.useState(null);
+  const [showUnassigned, setShowUnassigned] = React37__namespace.useState(true);
+  const [containerWidth, setContainerWidth] = React37__namespace.useState(0);
+  React37__namespace.useEffect(() => {
     const updateWidth = () => {
       if (containerRef.current) {
         setContainerWidth(containerRef.current.offsetWidth);
@@ -12699,15 +12699,15 @@ function CapacityPlanningChart({
     }
     return () => observer.disconnect();
   }, []);
-  const cumulativeNeed = React36__namespace.useMemo(
+  const cumulativeNeed = React37__namespace.useMemo(
     () => calculateCumulativeNeed(weeks, deliveries),
     [weeks, deliveries]
   );
-  const packagePositions = React36__namespace.useMemo(
+  const packagePositions = React37__namespace.useMemo(
     () => calculatePackagePositions(packages, weeks),
     [packages, weeks]
   );
-  const deliveriesByWeek = React36__namespace.useMemo(() => {
+  const deliveriesByWeek = React37__namespace.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const d of deliveries) {
       const existing = map.get(d.weekKey) || [];
@@ -13244,7 +13244,7 @@ var calculateInnerOffset = (date, range, columnWidth) => {
   const dayOfMonth = date.getDate();
   return dayOfMonth / totalRangeDays * columnWidth;
 };
-var GanttContext = React36.createContext({
+var GanttContext = React37.createContext({
   zoom: 100,
   range: "monthly",
   columnWidth: 50,
@@ -13260,13 +13260,13 @@ var GanttContext = React36.createContext({
   setGroupExpanded: () => {
   }
 });
-var useGanttContext = () => React36.useContext(GanttContext);
+var useGanttContext = () => React37.useContext(GanttContext);
 var GanttContentHeader = ({
   title,
   columns,
   renderHeaderItem
 }) => {
-  const id = React36.useId();
+  const id = React37.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -13314,8 +13314,8 @@ var getWeekStartDate = (year, weekNumber) => {
   return dateFns.addWeeks(week1Start, weekNumber - 1);
 };
 var WeeklyHeader = () => {
-  const gantt = React36.useContext(GanttContext);
-  const weeklyData = React36.useMemo(() => {
+  const gantt = React37.useContext(GanttContext);
+  const weeklyData = React37.useMemo(() => {
     const result = [];
     for (const yearData of gantt.timelineData) {
       const year = yearData.year;
@@ -13350,7 +13350,7 @@ var WeeklyHeader = () => {
   ] }, yearData.year));
 };
 var MonthlyHeader = () => {
-  const gantt = React36.useContext(GanttContext);
+  const gantt = React37.useContext(GanttContext);
   return gantt.timelineData.map((year) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       GanttContentHeader,
@@ -13369,7 +13369,7 @@ var MonthlyHeader = () => {
   ] }, year.year));
 };
 var QuarterlyHeader = () => {
-  const gantt = React36.useContext(GanttContext);
+  const gantt = React37.useContext(GanttContext);
   return gantt.timelineData.map(
     (year) => year.quarters.map((quarter, quarterIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -13397,7 +13397,7 @@ var headers = {
   quarterly: QuarterlyHeader
 };
 var GanttHeader = ({ className }) => {
-  const gantt = React36.useContext(GanttContext);
+  const gantt = React37.useContext(GanttContext);
   const Header2 = headers[gantt.range];
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -13415,7 +13415,7 @@ var GanttSidebarItem = ({
   onSelectItem,
   className
 }) => {
-  const gantt = React36.useContext(GanttContext);
+  const gantt = React37.useContext(GanttContext);
   const tempEndAt = feature.endAt && dateFns.isSameDay(feature.startAt, feature.endAt) ? dateFns.addDays(feature.endAt, 1) : feature.endAt;
   const duration = tempEndAt ? dateFns.formatDistance(feature.startAt, tempEndAt) : `${dateFns.formatDistance(feature.startAt, /* @__PURE__ */ new Date())} so far`;
   const handleClick = (event) => {
@@ -13491,24 +13491,24 @@ function computeGroupRange(features) {
   }
   return { start: minStart, end: maxEnd };
 }
-var GanttGroupSummaryBar = React36.memo(({
+var GanttGroupSummaryBar = React37.memo(({
   group,
   className
 }) => {
-  const gantt = React36.useContext(GanttContext);
-  const timelineStartDate = React36.useMemo(
+  const gantt = React37.useContext(GanttContext);
+  const timelineStartDate = React37.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const { start: groupStart, end: groupEnd } = React36.useMemo(
+  const { start: groupStart, end: groupEnd } = React37.useMemo(
     () => computeGroupRange(group.features),
     [group.features]
   );
-  const offset = React36.useMemo(() => {
+  const offset = React37.useMemo(() => {
     if (!groupStart) return 0;
     return Math.round(getOffset(groupStart, timelineStartDate, gantt));
   }, [groupStart, timelineStartDate, gantt]);
-  const width = React36.useMemo(() => {
+  const width = React37.useMemo(() => {
     if (!groupStart || !groupEnd) return 0;
     return Math.round(getWidth(groupStart, groupEnd, gantt));
   }, [groupStart, groupEnd, gantt]);
@@ -13548,13 +13548,13 @@ var GanttCollapsibleSidebarGroup = ({
   children,
   className
 }) => {
-  const gantt = React36.useContext(GanttContext);
+  const gantt = React37.useContext(GanttContext);
   const isExpanded = gantt.expandedGroups[group.id] ?? true;
-  const { start: groupStart, end: groupEnd } = React36.useMemo(
+  const { start: groupStart, end: groupEnd } = React37.useMemo(
     () => computeGroupRange(group.features),
     [group.features]
   );
-  const duration = React36.useMemo(() => {
+  const duration = React37.useMemo(() => {
     if (!groupStart || !groupEnd) return null;
     return dateFns.formatDistance(groupStart, groupEnd);
   }, [groupStart, groupEnd]);
@@ -13598,7 +13598,7 @@ var GanttCollapsibleTimelineGroup = ({
   children,
   className
 }) => {
-  const gantt = React36.useContext(GanttContext);
+  const gantt = React37.useContext(GanttContext);
   const isExpanded = gantt.expandedGroups[group.id] ?? true;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Collapsible,
@@ -13658,7 +13658,7 @@ var GanttAddFeatureHelper = ({
   className
 }) => {
   const [scrollX] = useGanttScrollX();
-  const gantt = React36.useContext(GanttContext);
+  const gantt = React37.useContext(GanttContext);
   const [mousePosition, mouseRef] = usehooks.useMouse();
   const handleClick = () => {
     const ganttRect = gantt.ref?.current?.getBoundingClientRect();
@@ -13697,10 +13697,10 @@ var GanttColumn = ({
   index,
   isColumnSecondary
 }) => {
-  const gantt = React36.useContext(GanttContext);
+  const gantt = React37.useContext(GanttContext);
   const [dragging] = useGanttDragging();
   const [mousePosition, mouseRef] = usehooks.useMouse();
-  const [hovering, setHovering] = React36.useState(false);
+  const [hovering, setHovering] = React37.useState(false);
   const [windowScroll] = usehooks.useWindowScroll();
   const handleMouseEnter = () => setHovering(true);
   const handleMouseLeave = () => setHovering(false);
@@ -13730,7 +13730,7 @@ var GanttColumns = ({
   columns,
   isColumnSecondary
 }) => {
-  const id = React36.useId();
+  const id = React37.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -13749,12 +13749,12 @@ var GanttColumns = ({
     }
   );
 };
-var GanttGridLines = React36.memo(({
+var GanttGridLines = React37.memo(({
   className
 }) => {
-  const gantt = React36.useContext(GanttContext);
-  const id = React36.useId();
-  const { columns, monthBoundaryIndices } = React36.useMemo(() => {
+  const gantt = React37.useContext(GanttContext);
+  const id = React37.useId();
+  const { columns, monthBoundaryIndices } = React37.useMemo(() => {
     let totalColumns = 0;
     const monthIndices = [];
     if (gantt.range === "weekly") {
@@ -13818,7 +13818,7 @@ var GanttCreateMarkerTrigger = ({
   onCreateMarker,
   className
 }) => {
-  const gantt = React36.useContext(GanttContext);
+  const gantt = React37.useContext(GanttContext);
   const [mousePosition, mouseRef] = usehooks.useMouse();
   const [windowScroll] = usehooks.useWindowScroll();
   const x = usehooks.useThrottle(
@@ -13867,7 +13867,7 @@ var GanttFeatureDragHelper = ({
     id: `feature-drag-helper-${featureId}`
   });
   const isPressed = Boolean(attributes["aria-pressed"]);
-  React36.useEffect(() => setDragging(isPressed), [isPressed, setDragging]);
+  React37.useEffect(() => setDragging(isPressed), [isPressed, setDragging]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -13913,7 +13913,7 @@ var GanttFeatureItemCard = ({
   const [, setDragging] = useGanttDragging();
   const { attributes, listeners, setNodeRef } = core.useDraggable({ id });
   const isPressed = Boolean(attributes["aria-pressed"]);
-  React36.useEffect(() => setDragging(isPressed), [isPressed, setDragging]);
+  React37.useEffect(() => setDragging(isPressed), [isPressed, setDragging]);
   return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: "h-full w-full rounded-sm border bg-background px-2 py-1.5 text-xs shadow-sm overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -13939,37 +13939,37 @@ var GanttFeatureItem = ({
   ...feature
 }) => {
   const [scrollX] = useGanttScrollX();
-  const gantt = React36.useContext(GanttContext);
-  const timelineStartDate = React36.useMemo(
+  const gantt = React37.useContext(GanttContext);
+  const timelineStartDate = React37.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const [startAt, setStartAt] = React36.useState(feature.startAt);
-  const [endAt, setEndAt] = React36.useState(feature.endAt);
-  const width = React36.useMemo(
+  const [startAt, setStartAt] = React37.useState(feature.startAt);
+  const [endAt, setEndAt] = React37.useState(feature.endAt);
+  const width = React37.useMemo(
     () => Math.round(getWidth(startAt, endAt, gantt)),
     [startAt, endAt, gantt]
   );
-  const offset = React36.useMemo(
+  const offset = React37.useMemo(
     () => Math.round(getOffset(startAt, timelineStartDate, gantt)),
     [startAt, timelineStartDate, gantt]
   );
-  const addRange = React36.useMemo(() => getAddRange(gantt.range), [gantt.range]);
+  const addRange = React37.useMemo(() => getAddRange(gantt.range), [gantt.range]);
   const [mousePosition] = usehooks.useMouse();
-  const [previousMouseX, setPreviousMouseX] = React36.useState(0);
-  const [previousStartAt, setPreviousStartAt] = React36.useState(startAt);
-  const [previousEndAt, setPreviousEndAt] = React36.useState(endAt);
+  const [previousMouseX, setPreviousMouseX] = React37.useState(0);
+  const [previousStartAt, setPreviousStartAt] = React37.useState(startAt);
+  const [previousEndAt, setPreviousEndAt] = React37.useState(endAt);
   const mouseSensor = core.useSensor(core.MouseSensor, {
     activationConstraint: {
       distance: 10
     }
   });
-  const handleItemDragStart = React36.useCallback(() => {
+  const handleItemDragStart = React37.useCallback(() => {
     setPreviousMouseX(mousePosition.x);
     setPreviousStartAt(startAt);
     setPreviousEndAt(endAt);
   }, [mousePosition.x, startAt, endAt]);
-  const handleItemDragMove = React36.useCallback(() => {
+  const handleItemDragMove = React37.useCallback(() => {
     const currentDate = getDateByMousePosition(gantt, mousePosition.x);
     const originalDate = getDateByMousePosition(gantt, previousMouseX);
     const delta = gantt.range === "weekly" ? dateFns.differenceInDays(currentDate, originalDate) : getInnerDifferenceIn(gantt.range)(currentDate, originalDate);
@@ -13978,17 +13978,17 @@ var GanttFeatureItem = ({
     setStartAt(newStartDate);
     setEndAt(newEndDate);
   }, [gantt, mousePosition.x, previousMouseX, previousStartAt, previousEndAt]);
-  const onDragEnd = React36.useCallback(
+  const onDragEnd = React37.useCallback(
     () => onMove?.(feature.id, startAt, endAt),
     [onMove, feature.id, startAt, endAt]
   );
-  const handleLeftDragMove = React36.useCallback(() => {
+  const handleLeftDragMove = React37.useCallback(() => {
     const ganttRect = gantt.ref?.current?.getBoundingClientRect();
     const x = mousePosition.x - (ganttRect?.left ?? 0) + scrollX - gantt.sidebarWidth;
     const newStartAt = getDateByMousePosition(gantt, x);
     setStartAt(newStartAt);
   }, [gantt, mousePosition.x, scrollX]);
-  const handleRightDragMove = React36.useCallback(() => {
+  const handleRightDragMove = React37.useCallback(() => {
     const ganttRect = gantt.ref?.current?.getBoundingClientRect();
     const x = mousePosition.x - (ganttRect?.left ?? 0) + scrollX - gantt.sidebarWidth;
     const newEndAt = getDateByMousePosition(gantt, x);
@@ -14184,21 +14184,21 @@ var GanttFeatureList = ({
     children
   }
 );
-var GanttMarker = React36.memo(({ label, date, id, onRemove, className }) => {
-  const gantt = React36.useContext(GanttContext);
-  const differenceIn = React36.useMemo(
+var GanttMarker = React37.memo(({ label, date, id, onRemove, className }) => {
+  const gantt = React37.useContext(GanttContext);
+  const differenceIn = React37.useMemo(
     () => getDifferenceIn(gantt.range),
     [gantt.range]
   );
-  const timelineStartDate = React36.useMemo(
+  const timelineStartDate = React37.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const offset = React36.useMemo(
+  const offset = React37.useMemo(
     () => differenceIn(date, timelineStartDate),
     [differenceIn, date, timelineStartDate]
   );
-  const innerOffset = React36.useMemo(
+  const innerOffset = React37.useMemo(
     () => calculateInnerOffset(
       date,
       gantt.range,
@@ -14206,7 +14206,7 @@ var GanttMarker = React36.memo(({ label, date, id, onRemove, className }) => {
     ),
     [date, gantt.range, gantt.columnWidth, gantt.zoom]
   );
-  const handleRemove = React36.useCallback(() => onRemove?.(id), [onRemove, id]);
+  const handleRemove = React37.useCallback(() => onRemove?.(id), [onRemove, id]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -14256,14 +14256,14 @@ var GanttProvider = ({
   className,
   defaultExpandedGroups = {}
 }) => {
-  const scrollRef = React36.useRef(null);
-  const [timelineData, setTimelineData] = React36.useState(
+  const scrollRef = React37.useRef(null);
+  const [timelineData, setTimelineData] = React37.useState(
     createInitialTimelineData(/* @__PURE__ */ new Date())
   );
   const [, setScrollX] = useGanttScrollX();
   const sidebarWidth = 280;
-  const [expandedGroups, setExpandedGroups] = React36.useState(defaultExpandedGroups);
-  const setGroupExpanded = React36.useCallback((groupId, expanded) => {
+  const [expandedGroups, setExpandedGroups] = React37.useState(defaultExpandedGroups);
+  const setGroupExpanded = React37.useCallback((groupId, expanded) => {
     setExpandedGroups((prev) => ({ ...prev, [groupId]: expanded }));
   }, []);
   const headerHeight = 60;
@@ -14274,7 +14274,7 @@ var GanttProvider = ({
   } else if (range === "quarterly") {
     columnWidth = 100;
   }
-  const cssVariables = React36.useMemo(
+  const cssVariables = React37.useMemo(
     () => ({
       "--gantt-zoom": `${zoom}`,
       "--gantt-column-width": `${zoom / 100 * columnWidth}px`,
@@ -14284,13 +14284,13 @@ var GanttProvider = ({
     }),
     [zoom, columnWidth, sidebarWidth]
   );
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (scrollRef.current) {
       scrollRef.current.scrollLeft = scrollRef.current.scrollWidth / 2 - scrollRef.current.clientWidth / 2;
       setScrollX(scrollRef.current.scrollLeft);
     }
   }, [setScrollX]);
-  const handleScroll = React36.useCallback(
+  const handleScroll = React37.useCallback(
     throttle__default.default(() => {
       const scrollElement = scrollRef.current;
       if (!scrollElement) {
@@ -14342,7 +14342,7 @@ var GanttProvider = ({
     }, 100),
     []
   );
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     const scrollElement = scrollRef.current;
     if (scrollElement) {
       scrollElement.addEventListener("scroll", handleScroll);
@@ -14353,7 +14353,7 @@ var GanttProvider = ({
       }
     };
   }, [handleScroll]);
-  const scrollToFeature = React36.useCallback(
+  const scrollToFeature = React37.useCallback(
     (feature) => {
       const scrollElement = scrollRef.current;
       if (!scrollElement) {
@@ -14433,21 +14433,21 @@ var GanttTimeline = ({
 );
 var GanttToday = ({ className }) => {
   const label = "Today";
-  const date = React36.useMemo(() => /* @__PURE__ */ new Date(), []);
-  const gantt = React36.useContext(GanttContext);
-  const differenceIn = React36.useMemo(
+  const date = React37.useMemo(() => /* @__PURE__ */ new Date(), []);
+  const gantt = React37.useContext(GanttContext);
+  const differenceIn = React37.useMemo(
     () => getDifferenceIn(gantt.range),
     [gantt.range]
   );
-  const timelineStartDate = React36.useMemo(
+  const timelineStartDate = React37.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const offset = React36.useMemo(
+  const offset = React37.useMemo(
     () => differenceIn(date, timelineStartDate),
     [differenceIn, date, timelineStartDate]
   );
-  const innerOffset = React36.useMemo(
+  const innerOffset = React37.useMemo(
     () => Math.round(calculateInnerOffset(
       date,
       gantt.range,
@@ -14539,11 +14539,11 @@ var getWeekStartDate2 = (year, weekNumber) => {
   targetDate.setDate(week1Start.getDate() + (weekNumber - 1) * 7);
   return targetDate;
 };
-var EnhancedGridLines = React36.memo(({ rowCount }) => {
+var EnhancedGridLines = React37.memo(({ rowCount }) => {
   const gantt = useGanttContext();
-  const id = React36__namespace.useId();
+  const id = React37__namespace.useId();
   const columnWidth = gantt.columnWidth * gantt.zoom / 100;
-  const { verticalLines, totalColumns } = React36.useMemo(() => {
+  const { verticalLines, totalColumns } = React37.useMemo(() => {
     const lines = [];
     let totalCols = 0;
     if (gantt.range === "weekly") {
@@ -14583,7 +14583,7 @@ var EnhancedGridLines = React36.memo(({ rowCount }) => {
     }
     return { verticalLines: lines, totalColumns: totalCols };
   }, [gantt.timelineData, gantt.range, columnWidth]);
-  const horizontalLines = React36.useMemo(() => {
+  const horizontalLines = React37.useMemo(() => {
     const lines = [];
     for (let i = 0; i <= rowCount; i++) {
       lines.push(i);
@@ -14633,7 +14633,7 @@ var EnhancedGridLines = React36.memo(({ rowCount }) => {
   ] });
 });
 EnhancedGridLines.displayName = "EnhancedGridLines";
-var DeliveryCut = React36.memo(({
+var DeliveryCut = React37.memo(({
   date,
   packageEndDate,
   packageName,
@@ -14641,19 +14641,19 @@ var DeliveryCut = React36.memo(({
   feasibility
 }) => {
   const gantt = useGanttContext();
-  const timelineStartDate = React36.useMemo(
+  const timelineStartDate = React37.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const offset = React36.useMemo(
+  const offset = React37.useMemo(
     () => Math.round(getOffset(date, timelineStartDate, gantt)),
     [date, timelineStartDate, gantt]
   );
-  const deltaDays = React36.useMemo(
+  const deltaDays = React37.useMemo(
     () => dateFns.differenceInDays(date, packageEndDate),
     [date, packageEndDate]
   );
-  const colors = React36.useMemo(() => {
+  const colors = React37.useMemo(() => {
     switch (feasibility) {
       case "feasible":
         return {
@@ -14682,7 +14682,7 @@ var DeliveryCut = React36.memo(({
         };
     }
   }, [feasibility]);
-  const deltaText = React36.useMemo(() => {
+  const deltaText = React37.useMemo(() => {
     if (deltaDays > 0) {
       return `+${deltaDays}d buffer`;
     } else if (deltaDays < 0) {
@@ -14720,7 +14720,7 @@ var DeliveryCut = React36.memo(({
   );
 });
 DeliveryCut.displayName = "DeliveryCut";
-var FeasibilityFeatureItem = React36.memo(({
+var FeasibilityFeatureItem = React37.memo(({
   feature,
   pkg,
   feasibility,
@@ -14731,35 +14731,35 @@ var FeasibilityFeatureItem = React36.memo(({
 }) => {
   const gantt = useGanttContext();
   const [, setDragging] = useGanttDragging();
-  const timelineStartDate = React36.useMemo(
+  const timelineStartDate = React37.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const [startAt, setStartAt] = React36.useState(feature.startAt);
-  const [endAt, setEndAt] = React36.useState(feature.endAt);
-  const originalDuration = React36.useMemo(
+  const [startAt, setStartAt] = React37.useState(feature.startAt);
+  const [endAt, setEndAt] = React37.useState(feature.endAt);
+  const originalDuration = React37.useMemo(
     () => dateFns.differenceInDays(feature.endAt, feature.startAt),
     [feature.endAt, feature.startAt]
   );
-  const width = React36.useMemo(
+  const width = React37.useMemo(
     () => Math.round(getWidth(startAt, endAt, gantt)),
     [startAt, endAt, gantt]
   );
-  const offset = React36.useMemo(
+  const offset = React37.useMemo(
     () => Math.round(getOffset(startAt, timelineStartDate, gantt)),
     [startAt, timelineStartDate, gantt]
   );
   const [mousePosition] = usehooks.useMouse();
-  const [previousMouseX, setPreviousMouseX] = React36.useState(0);
-  const [previousStartAt, setPreviousStartAt] = React36.useState(startAt);
+  const [previousMouseX, setPreviousMouseX] = React37.useState(0);
+  const [previousStartAt, setPreviousStartAt] = React37.useState(startAt);
   const mouseSensor = core.useSensor(core.MouseSensor, {
     activationConstraint: { distance: 10 }
   });
-  const handleDragStart = React36.useCallback(() => {
+  const handleDragStart = React37.useCallback(() => {
     setPreviousMouseX(mousePosition.x);
     setPreviousStartAt(startAt);
   }, [mousePosition.x, startAt]);
-  const handleDragMove = React36.useCallback(() => {
+  const handleDragMove = React37.useCallback(() => {
     const currentDate = getDateByMousePosition(gantt, mousePosition.x);
     const originalDate = getDateByMousePosition(gantt, previousMouseX);
     const delta = dateFns.differenceInDays(currentDate, originalDate);
@@ -14768,18 +14768,18 @@ var FeasibilityFeatureItem = React36.memo(({
     setStartAt(newStart);
     setEndAt(newEnd);
   }, [gantt, mousePosition.x, previousMouseX, previousStartAt, originalDuration]);
-  const handleDragEnd = React36.useCallback(() => {
+  const handleDragEnd = React37.useCallback(() => {
     onMove?.(feature.id, startAt, endAt);
   }, [onMove, feature.id, startAt, endAt]);
   const { attributes, listeners, setNodeRef, isDragging } = core.useDraggable({
     id: `feature-${feature.id}`
   });
-  React36.useEffect(() => setDragging(isDragging), [isDragging, setDragging]);
+  React37.useEffect(() => setDragging(isDragging), [isDragging, setDragging]);
   const color = feature.status.color;
-  const handleMouseEnter = React36.useCallback(() => {
+  const handleMouseEnter = React37.useCallback(() => {
     onHoverChange?.(true);
   }, [onHoverChange]);
-  const handleMouseLeave = React36.useCallback(() => {
+  const handleMouseLeave = React37.useCallback(() => {
     onHoverChange?.(false);
   }, [onHoverChange]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -14913,13 +14913,13 @@ function ProductionPackageGantt({
   zoom = 100,
   className
 }) {
-  const [packageDates, setPackageDates] = React36.useState(
+  const [packageDates, setPackageDates] = React37.useState(
     () => new Map(packages.map((pkg) => [pkg.id, { startDate: pkg.startDate, endDate: pkg.endDate }]))
   );
-  const [hoveredPackageId, setHoveredPackageId] = React36.useState(null);
-  const [selectedPackage, setSelectedPackage] = React36.useState(null);
-  const [sheetOpen, setSheetOpen] = React36.useState(false);
-  const packageFeasibility = React36.useMemo(() => {
+  const [hoveredPackageId, setHoveredPackageId] = React37.useState(null);
+  const [selectedPackage, setSelectedPackage] = React37.useState(null);
+  const [sheetOpen, setSheetOpen] = React37.useState(false);
+  const packageFeasibility = React37.useMemo(() => {
     const result = /* @__PURE__ */ new Map();
     for (const pkg of packages) {
       const dates = packageDates.get(pkg.id) ?? { startDate: pkg.startDate, endDate: pkg.endDate };
@@ -14927,7 +14927,7 @@ function ProductionPackageGantt({
     }
     return result;
   }, [packages, packageDates]);
-  const ganttFeatures = React36.useMemo(() => {
+  const ganttFeatures = React37.useMemo(() => {
     return packages.map((pkg) => {
       const dates = packageDates.get(pkg.id) ?? { startDate: pkg.startDate, endDate: pkg.endDate };
       const status = packageFeasibility.get(pkg.id) ?? "feasible";
@@ -14944,7 +14944,7 @@ function ProductionPackageGantt({
       };
     });
   }, [packages, packageDates, packageFeasibility]);
-  const handleFeatureMove = React36.useCallback((id, startAt, endAt) => {
+  const handleFeatureMove = React37.useCallback((id, startAt, endAt) => {
     setPackageDates((prev) => {
       const next = new Map(prev);
       next.set(id, { startDate: startAt, endDate: endAt });
@@ -14952,15 +14952,15 @@ function ProductionPackageGantt({
     });
     onPackageMove?.(id, startAt, endAt);
   }, [onPackageMove]);
-  const handlePackageClick = React36.useCallback((pkg) => {
+  const handlePackageClick = React37.useCallback((pkg) => {
     setSelectedPackage(pkg);
     setSheetOpen(true);
     onPackageClick?.(pkg);
   }, [onPackageClick]);
-  const handleHoverChange = React36.useCallback((pkgId, isHovered) => {
+  const handleHoverChange = React37.useCallback((pkgId, isHovered) => {
     setHoveredPackageId(isHovered ? pkgId : null);
   }, []);
-  const insightMetrics = React36.useMemo(() => {
+  const insightMetrics = React37.useMemo(() => {
     const feasibleCount = Array.from(packageFeasibility.values()).filter((s) => s === "feasible").length;
     const atRiskCount = Array.from(packageFeasibility.values()).filter((s) => s === "at-risk").length;
     const infeasibleCount = Array.from(packageFeasibility.values()).filter((s) => s === "infeasible").length;
@@ -15134,11 +15134,11 @@ function getPhaseColor(phaseId, customColor) {
   if (customColor) return customColor;
   return PHASE_COLORS[phaseId] || "hsl(var(--chart-5))";
 }
-var LightweightGridLines = React36.memo(() => {
+var LightweightGridLines = React37.memo(() => {
   const gantt = useGanttContext();
-  const id = React36__namespace.useId();
+  const id = React37__namespace.useId();
   const columnWidth = gantt.columnWidth * gantt.zoom / 100;
-  const { lines, totalWidth } = React36.useMemo(() => {
+  const { lines, totalWidth } = React37.useMemo(() => {
     const linePositions = [];
     let currentOffset = 0;
     let weekCounter = 0;
@@ -15185,13 +15185,13 @@ var LightweightGridLines = React36.memo(() => {
   );
 });
 LightweightGridLines.displayName = "LightweightGridLines";
-var DeadlineMarker = React36.memo(({ date, label, visible }) => {
+var DeadlineMarker = React37.memo(({ date, label, visible }) => {
   const gantt = useGanttContext();
-  const timelineStartDate = React36.useMemo(
+  const timelineStartDate = React37.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const offset = React36.useMemo(
+  const offset = React37.useMemo(
     () => Math.round(getOffset(date, timelineStartDate, gantt)),
     [date, timelineStartDate, gantt]
   );
@@ -15235,8 +15235,8 @@ var DeadlineMarker = React36.memo(({ date, label, visible }) => {
   );
 });
 DeadlineMarker.displayName = "DeadlineMarker";
-var PhaseIndicator = React36.memo(({ type, onClick }) => {
-  const handleClick = React36.useCallback((e) => {
+var PhaseIndicator = React37.memo(({ type, onClick }) => {
+  const handleClick = React37.useCallback((e) => {
     e.stopPropagation();
     onClick?.(e);
   }, [onClick]);
@@ -15259,18 +15259,18 @@ var PhaseIndicator = React36.memo(({ type, onClick }) => {
   ] }) });
 });
 PhaseIndicator.displayName = "PhaseIndicator";
-var PhaseBar = React36.memo(({ phase, isExpanded, onToggle, hasDeadline }) => {
-  const [isHovered, setIsHovered] = React36.useState(false);
+var PhaseBar = React37.memo(({ phase, isExpanded, onToggle, hasDeadline }) => {
+  const [isHovered, setIsHovered] = React37.useState(false);
   const gantt = useGanttContext();
-  const timelineStartDate = React36.useMemo(
+  const timelineStartDate = React37.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const width = React36.useMemo(
+  const width = React37.useMemo(
     () => Math.round(getWidth(phase.startDate, phase.endDate, gantt)),
     [phase.startDate, phase.endDate, gantt]
   );
-  const offset = React36.useMemo(
+  const offset = React37.useMemo(
     () => Math.round(getOffset(phase.startDate, timelineStartDate, gantt)),
     [phase.startDate, timelineStartDate, gantt]
   );
@@ -15352,17 +15352,17 @@ var PhaseBar = React36.memo(({ phase, isExpanded, onToggle, hasDeadline }) => {
   );
 });
 PhaseBar.displayName = "PhaseBar";
-var PackageBar = React36.memo(({ pkg, phaseColor, onClick }) => {
+var PackageBar = React37.memo(({ pkg, phaseColor, onClick }) => {
   const gantt = useGanttContext();
-  const timelineStartDate = React36.useMemo(
+  const timelineStartDate = React37.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const width = React36.useMemo(
+  const width = React37.useMemo(
     () => Math.round(getWidth(pkg.startDate, pkg.endDate, gantt)),
     [pkg.startDate, pkg.endDate, gantt]
   );
-  const offset = React36.useMemo(
+  const offset = React37.useMemo(
     () => Math.round(getOffset(pkg.startDate, timelineStartDate, gantt)),
     [pkg.startDate, pkg.endDate, gantt]
   );
@@ -15408,7 +15408,7 @@ var PackageBar = React36.memo(({ pkg, phaseColor, onClick }) => {
   );
 });
 PackageBar.displayName = "PackageBar";
-var PhaseSidebarItem = React36.memo(({
+var PhaseSidebarItem = React37.memo(({
   phase,
   packageCount,
   isExpanded,
@@ -15463,7 +15463,7 @@ var PhaseSidebarItem = React36.memo(({
   );
 });
 PhaseSidebarItem.displayName = "PhaseSidebarItem";
-var PackageSidebarItem = React36.memo(({
+var PackageSidebarItem = React37.memo(({
   pkg,
   phaseColor,
   onClick
@@ -15528,12 +15528,12 @@ function PhaseGantt({
   className,
   defaultExpandedPhases = []
 }) {
-  const [expandedPhases, setExpandedPhases] = React36.useState(
+  const [expandedPhases, setExpandedPhases] = React37.useState(
     () => new Set(defaultExpandedPhases)
   );
-  const [selectedPackage, setSelectedPackage] = React36.useState(null);
-  const [sheetOpen, setSheetOpen] = React36.useState(false);
-  const togglePhase = React36.useCallback((phaseId) => {
+  const [selectedPackage, setSelectedPackage] = React37.useState(null);
+  const [sheetOpen, setSheetOpen] = React37.useState(false);
+  const togglePhase = React37.useCallback((phaseId) => {
     setExpandedPhases((prev) => {
       const next = new Set(prev);
       if (next.has(phaseId)) {
@@ -15544,12 +15544,12 @@ function PhaseGantt({
       return next;
     });
   }, []);
-  const handlePackageClick = React36.useCallback((pkg) => {
+  const handlePackageClick = React37.useCallback((pkg) => {
     setSelectedPackage(pkg);
     setSheetOpen(true);
     onPackageClick?.(pkg);
   }, [onPackageClick]);
-  const packagesByPhase = React36.useMemo(() => {
+  const packagesByPhase = React37.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const phase of phases) {
       map.set(phase.id, []);
@@ -15562,7 +15562,7 @@ function PhaseGantt({
     }
     return map;
   }, [phases, packages]);
-  const selectedPhase = React36.useMemo(() => {
+  const selectedPhase = React37.useMemo(() => {
     if (!selectedPackage) return null;
     return phases.find((p) => p.id === selectedPackage.phaseId) ?? null;
   }, [selectedPackage, phases]);
@@ -15819,7 +15819,7 @@ function SubtaskItem({
   const { subtask, isLocked, lockReason, isNextAction, isActionable } = subtaskState;
   const TypeIcon = getSubtaskTypeIcon(subtask.type);
   const StatusIcon = getStatusIcon(subtask.status);
-  const handleAction = React36__namespace.useCallback(() => {
+  const handleAction = React37__namespace.useCallback(() => {
     if (isActionable && onAction) {
       onAction(subtask);
     }
@@ -16020,7 +16020,7 @@ function PackageCard({
   onPackageClick,
   className
 }) {
-  const [isExpanded, setIsExpanded] = React36__namespace.useState(false);
+  const [isExpanded, setIsExpanded] = React37__namespace.useState(false);
   const {
     package: pkg,
     status,
@@ -16035,13 +16035,13 @@ function PackageCard({
   } = packageState;
   const priorityConfig = getPriorityConfig(pkg.priority);
   const statusConfig = getStatusConfig(status);
-  const handleCardClick = React36__namespace.useCallback((e) => {
+  const handleCardClick = React37__namespace.useCallback((e) => {
     if (e.target.closest('button, [role="button"]')) {
       return;
     }
     onPackageClick?.(pkg);
   }, [onPackageClick, pkg]);
-  const handleNextAction = React36__namespace.useCallback(() => {
+  const handleNextAction = React37__namespace.useCallback(() => {
     if (nextAction && onSubtaskAction) {
       onSubtaskAction(nextAction.subtask);
     }
@@ -16470,7 +16470,7 @@ function TodoBoard({
   height = 600,
   className
 }) {
-  const [activeId, setActiveId] = React36__namespace.useState(null);
+  const [activeId, setActiveId] = React37__namespace.useState(null);
   const sensors = core.useSensors(
     core.useSensor(core.MouseSensor, {
       activationConstraint: { distance: 8 }
@@ -16479,23 +16479,23 @@ function TodoBoard({
       activationConstraint: { delay: 200, tolerance: 5 }
     })
   );
-  const packageStates = React36__namespace.useMemo(
+  const packageStates = React37__namespace.useMemo(
     () => computeAllPackageStates(packages, workflowConfig),
     [packages, workflowConfig]
   );
-  const groupedPackages = React36__namespace.useMemo(
+  const groupedPackages = React37__namespace.useMemo(
     () => groupPackagesByBucket(packageStates),
     [packageStates]
   );
   const buckets = getBucketConfig(workflowConfig);
-  const activePackageState = React36__namespace.useMemo(
+  const activePackageState = React37__namespace.useMemo(
     () => packageStates.find((p) => p.package.id === activeId),
     [packageStates, activeId]
   );
-  const handleDragStart = React36__namespace.useCallback((event) => {
+  const handleDragStart = React37__namespace.useCallback((event) => {
     setActiveId(event.active.id);
   }, []);
-  const handleDragEnd = React36__namespace.useCallback((event) => {
+  const handleDragEnd = React37__namespace.useCallback((event) => {
     setActiveId(null);
   }, []);
   const heightStyle = typeof height === "number" ? `${height}px` : height;
@@ -16728,21 +16728,21 @@ function TodoList({
   onPackageClick,
   className
 }) {
-  const [expandedIds, setExpandedIds] = React36__namespace.useState(/* @__PURE__ */ new Set());
-  const [sort, setSort] = React36__namespace.useState({
+  const [expandedIds, setExpandedIds] = React37__namespace.useState(/* @__PURE__ */ new Set());
+  const [sort, setSort] = React37__namespace.useState({
     field: "priority",
     direction: null
   });
-  const packageStates = React36__namespace.useMemo(
+  const packageStates = React37__namespace.useMemo(
     () => computeAllPackageStates(packages, workflowConfig),
     [packages, workflowConfig]
   );
-  const groupedPackages = React36__namespace.useMemo(
+  const groupedPackages = React37__namespace.useMemo(
     () => groupPackagesByBucket(packageStates),
     [packageStates]
   );
   const buckets = getBucketConfig2(workflowConfig);
-  const toggleExpand = React36__namespace.useCallback((id) => {
+  const toggleExpand = React37__namespace.useCallback((id) => {
     setExpandedIds((prev) => {
       const next = new Set(prev);
       if (next.has(id)) {
@@ -16753,7 +16753,7 @@ function TodoList({
       return next;
     });
   }, []);
-  const handleSort = React36__namespace.useCallback((field) => {
+  const handleSort = React37__namespace.useCallback((field) => {
     setSort((prev) => {
       if (prev.field !== field) {
         return { field, direction: "asc" };
@@ -16786,7 +16786,7 @@ function TodoList({
             const bucketPackages = groupedPackages[bucket.id] || [];
             if (bucketPackages.length === 0) return null;
             const sortedPackages = sortPackages(bucketPackages, sort.field, sort.direction);
-            return /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React37__namespace.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 BucketHeaderRow,
                 {
@@ -16798,7 +16798,7 @@ function TodoList({
               ),
               sortedPackages.map((packageState) => {
                 const isExpanded = expandedIds.has(packageState.package.id);
-                return /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.Fragment, { children: [
+                return /* @__PURE__ */ jsxRuntime.jsxs(React37__namespace.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     PackageRow,
                     {
@@ -16913,10 +16913,10 @@ function PackageRow2({
   const priorityConfig = getPriorityConfig2(pkg.priority);
   const statusConfig = getStatusConfig2(status);
   const lockedCount = subtaskStates.filter((s) => s.isLocked).length;
-  const handleRowClick = React36__namespace.useCallback(() => {
+  const handleRowClick = React37__namespace.useCallback(() => {
     onPackageClick?.(pkg);
   }, [onPackageClick, pkg]);
-  const handleNextAction = React36__namespace.useCallback(() => {
+  const handleNextAction = React37__namespace.useCallback(() => {
     if (nextAction && onSubtaskAction) {
       onSubtaskAction(nextAction.subtask);
     }
@@ -17043,7 +17043,7 @@ function WorkflowViewToggle({
   onValueChange,
   className
 }) {
-  const handleValueChange = React36__namespace.useCallback(
+  const handleValueChange = React37__namespace.useCallback(
     (newValue) => {
       if (newValue === "kanban" || newValue === "list") {
         onValueChange(newValue);
@@ -17093,6 +17093,281 @@ function WorkflowViewToggle({
     }
   ) });
 }
+function DataTableBlock({
+  columns,
+  data,
+  searchPlaceholder = "Search...",
+  searchColumn,
+  enableRowSelection = true,
+  enableColumnVisibility = true,
+  enablePagination = true,
+  pageSizeOptions = [10, 20, 30, 50],
+  defaultPageSize = 10,
+  onRowSelectionChange,
+  className
+}) {
+  const [sorting, setSorting] = React37__namespace.useState([]);
+  const [columnFilters, setColumnFilters] = React37__namespace.useState([]);
+  const [columnVisibility, setColumnVisibility] = React37__namespace.useState({});
+  const [rowSelection, setRowSelection] = React37__namespace.useState({});
+  const [globalFilter, setGlobalFilter] = React37__namespace.useState("");
+  const table = reactTable.useReactTable({
+    data,
+    columns,
+    getCoreRowModel: reactTable.getCoreRowModel(),
+    getPaginationRowModel: enablePagination ? reactTable.getPaginationRowModel() : void 0,
+    getSortedRowModel: reactTable.getSortedRowModel(),
+    getFilteredRowModel: reactTable.getFilteredRowModel(),
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    onGlobalFilterChange: setGlobalFilter,
+    globalFilterFn: "includesString",
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+      globalFilter
+    },
+    initialState: {
+      pagination: {
+        pageSize: defaultPageSize
+      }
+    }
+  });
+  React37__namespace.useEffect(() => {
+    if (onRowSelectionChange) {
+      const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
+      onRowSelectionChange(selectedRows);
+    }
+  }, [rowSelection, onRowSelectionChange, table]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 max-w-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            placeholder: searchPlaceholder,
+            value: globalFilter ?? "",
+            onChange: (event) => setGlobalFilter(event.target.value),
+            className: "pl-9"
+          }
+        )
+      ] }),
+      enableColumnVisibility && /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", className: "ml-auto h-9", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "mr-2 h-4 w-4" }),
+          "Columns"
+        ] }) }),
+        /* @__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) => column.getCanHide()).map((column) => {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              DropdownMenuCheckboxItem,
+              {
+                className: "capitalize",
+                checked: column.getIsVisible(),
+                onCheckedChange: (value) => column.toggleVisibility(!!value),
+                children: column.id
+              },
+              column.id
+            );
+          })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-[var(--color-border-subtle)] shadow-[var(--j3m-shadow-default)]", children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { className: "hover:bg-transparent", children: headerGroup.headers.map((header) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: header.isPlaceholder ? null : reactTable.flexRender(
+          header.column.columnDef.header,
+          header.getContext()
+        ) }, header.id);
+      }) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+        TableRow,
+        {
+          "data-state": row.getIsSelected() && "selected",
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+        },
+        row.id
+      )) : /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) })
+    ] }) }),
+    (enableRowSelection || enablePagination) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      enableRowSelection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground", children: [
+        table.getFilteredSelectedRowModel().rows.length,
+        " of",
+        " ",
+        table.getFilteredRowModel().rows.length,
+        " row(s) selected."
+      ] }),
+      enablePagination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { 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 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 gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "icon",
+              className: "h-8 w-8",
+              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, { className: "h-4 w-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "icon",
+              className: "h-8 w-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, { className: "h-4 w-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "icon",
+              className: "h-8 w-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, { className: "h-4 w-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "icon",
+              className: "h-8 w-8",
+              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, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function DataTableSortHeader({
+  column,
+  title,
+  className
+}) {
+  if (!column.getCanSort()) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(className), children: title });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: cn("-ml-3 h-8 data-[state=open]:bg-accent", className),
+      onClick: () => column.toggleSorting(column.getIsSorted() === "asc"),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
+        column.getIsSorted() === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "ml-2 h-4 w-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-2 h-4 w-4 opacity-50" })
+      ]
+    }
+  );
+}
+function DataTableRowActions({
+  row,
+  onView,
+  onEdit,
+  onDelete,
+  actions
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Open menu" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", children: [
+      onView && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { onClick: () => onView(row.original), children: "View" }),
+      onEdit && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { onClick: () => onEdit(row.original), children: "Edit" }),
+      actions?.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        DropdownMenuItem,
+        {
+          onClick: () => action.onClick(row.original),
+          className: action.destructive ? "text-destructive" : void 0,
+          children: action.label
+        },
+        index
+      )),
+      onDelete && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DropdownMenuItem,
+          {
+            onClick: () => onDelete(row.original),
+            className: "text-destructive",
+            children: "Delete"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DataTableRowExpand({
+  row,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "h-8 w-8",
+      onClick: () => onClick?.(row.original),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "View details" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+      ]
+    }
+  );
+}
 
 // src/components/event-calendar/types.ts
 var DEFAULT_WORKING_HOURS = {
@@ -17156,7 +17431,7 @@ var BADGE_VARIANT_LABELS = {
   colored: "Colored",
   mixed: "Mixed"
 };
-var CalendarContext = React36__namespace.createContext(null);
+var CalendarContext = React37__namespace.createContext(null);
 function EventCalendarProvider({
   children,
   events: initialEvents = [],
@@ -17171,38 +17446,38 @@ function EventCalendarProvider({
   onEventUpdate,
   onEventDelete
 }) {
-  const [selectedDate, setSelectedDate] = React36__namespace.useState(defaultDate);
-  const [selectedUserId, setSelectedUserId] = React36__namespace.useState(defaultUserId);
-  const [events, setEventsState] = React36__namespace.useState(initialEvents);
-  const [users] = React36__namespace.useState(initialUsers);
-  const [badgeVariant, setBadgeVariant] = React36__namespace.useState(defaultBadgeVariant);
-  const [view, setView] = React36__namespace.useState(defaultView);
-  const [workingHours, setWorkingHours] = React36__namespace.useState(defaultWorkingHours);
-  const [visibleHours, setVisibleHours] = React36__namespace.useState(defaultVisibleHours);
-  React36__namespace.useEffect(() => {
+  const [selectedDate, setSelectedDate] = React37__namespace.useState(defaultDate);
+  const [selectedUserId, setSelectedUserId] = React37__namespace.useState(defaultUserId);
+  const [events, setEventsState] = React37__namespace.useState(initialEvents);
+  const [users] = React37__namespace.useState(initialUsers);
+  const [badgeVariant, setBadgeVariant] = React37__namespace.useState(defaultBadgeVariant);
+  const [view, setView] = React37__namespace.useState(defaultView);
+  const [workingHours, setWorkingHours] = React37__namespace.useState(defaultWorkingHours);
+  const [visibleHours, setVisibleHours] = React37__namespace.useState(defaultVisibleHours);
+  React37__namespace.useEffect(() => {
     setEventsState(initialEvents);
   }, [initialEvents]);
-  const setEvents = React36__namespace.useCallback((newEvents) => {
+  const setEvents = React37__namespace.useCallback((newEvents) => {
     setEventsState(newEvents);
   }, []);
-  const addEvent = React36__namespace.useCallback((event) => {
+  const addEvent = React37__namespace.useCallback((event) => {
     setEventsState((prev) => [...prev, event]);
     onEventAdd?.(event);
   }, [onEventAdd]);
-  const updateEvent = React36__namespace.useCallback((event) => {
+  const updateEvent = React37__namespace.useCallback((event) => {
     setEventsState(
       (prev) => prev.map((e) => e.id === event.id ? event : e)
     );
     onEventUpdate?.(event);
   }, [onEventUpdate]);
-  const deleteEvent = React36__namespace.useCallback((eventId) => {
+  const deleteEvent = React37__namespace.useCallback((eventId) => {
     setEventsState((prev) => prev.filter((e) => e.id !== eventId));
     onEventDelete?.(eventId);
   }, [onEventDelete]);
-  const goToToday = React36__namespace.useCallback(() => {
+  const goToToday = React37__namespace.useCallback(() => {
     setSelectedDate(/* @__PURE__ */ new Date());
   }, []);
-  const goToPrevious = React36__namespace.useCallback(() => {
+  const goToPrevious = React37__namespace.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -17220,7 +17495,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const goToNext = React36__namespace.useCallback(() => {
+  const goToNext = React37__namespace.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -17238,7 +17513,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const contextValue = React36__namespace.useMemo(
+  const contextValue = React37__namespace.useMemo(
     () => ({
       // State
       selectedDate,
@@ -17285,7 +17560,7 @@ function EventCalendarProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(CalendarContext.Provider, { value: contextValue, children });
 }
 function useEventCalendar() {
-  const context = React36__namespace.useContext(CalendarContext);
+  const context = React37__namespace.useContext(CalendarContext);
   if (!context) {
     throw new Error("useEventCalendar must be used within an EventCalendarProvider");
   }
@@ -17293,14 +17568,14 @@ function useEventCalendar() {
 }
 function useFilteredEvents() {
   const { events, selectedUserId } = useEventCalendar();
-  return React36__namespace.useMemo(() => {
+  return React37__namespace.useMemo(() => {
     if (!selectedUserId) return events;
     return events.filter((event) => event.user.id === selectedUserId);
   }, [events, selectedUserId]);
 }
 function useEventsInRange(startDate, endDate) {
   const filteredEvents = useFilteredEvents();
-  return React36__namespace.useMemo(() => {
+  return React37__namespace.useMemo(() => {
     return filteredEvents.filter((event) => {
       const eventStart = new Date(event.startDate);
       const eventEnd = new Date(event.endDate);
@@ -17858,8 +18133,8 @@ function MoreEvents({ count, onClick, className }) {
   );
 }
 function TimeIndicator({ className }) {
-  const [now, setNow] = React36__namespace.useState(/* @__PURE__ */ new Date());
-  React36__namespace.useEffect(() => {
+  const [now, setNow] = React37__namespace.useState(/* @__PURE__ */ new Date());
+  React37__namespace.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
@@ -17896,24 +18171,24 @@ function DateBadge({ date, className }) {
     }
   );
 }
-var DragContext = React36__namespace.createContext(null);
+var DragContext = React37__namespace.createContext(null);
 function DragProvider({
   children,
   snapMinutes = 15,
   onDragStart,
   onDragEnd
 }) {
-  const [draggedEvent, setDraggedEventState] = React36__namespace.useState(null);
-  const [isDragging, setIsDragging] = React36__namespace.useState(false);
+  const [draggedEvent, setDraggedEventState] = React37__namespace.useState(null);
+  const [isDragging, setIsDragging] = React37__namespace.useState(false);
   const { updateEvent } = useEventCalendar();
-  const setDraggedEvent = React36__namespace.useCallback((event) => {
+  const setDraggedEvent = React37__namespace.useCallback((event) => {
     setDraggedEventState(event);
     setIsDragging(!!event);
     if (event) {
       onDragStart?.(event);
     }
   }, [onDragStart]);
-  const handleDrop = React36__namespace.useCallback((newStartDate) => {
+  const handleDrop = React37__namespace.useCallback((newStartDate) => {
     if (!draggedEvent) return;
     const snappedDate = snapToInterval(newStartDate, snapMinutes);
     const { startDate, endDate } = calculateDropDates(draggedEvent, snappedDate);
@@ -17926,7 +18201,7 @@ function DragProvider({
     onDragEnd?.(updatedEvent, new Date(startDate), new Date(endDate));
     setDraggedEvent(null);
   }, [draggedEvent, snapMinutes, updateEvent, onDragEnd, setDraggedEvent]);
-  const contextValue = React36__namespace.useMemo(
+  const contextValue = React37__namespace.useMemo(
     () => ({
       draggedEvent,
       setDraggedEvent,
@@ -17937,7 +18212,7 @@ function DragProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(DragContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(DragDropHandler, { onDrop: handleDrop, children }) });
 }
 function useDrag() {
-  const context = React36__namespace.useContext(DragContext);
+  const context = React37__namespace.useContext(DragContext);
   if (!context) {
     throw new Error("useDrag must be used within a DragProvider");
   }
@@ -17982,7 +18257,7 @@ function DroppableZone({
 }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React36__namespace.useState(false);
+  const [isOver, setIsOver] = React37__namespace.useState(false);
   const handleDragOver = (e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
@@ -18020,23 +18295,23 @@ function DroppableZone({
 function useDroppable({ date, hour, minute = 0, onDrop }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React36__namespace.useState(false);
-  const dropTargetDate = React36__namespace.useMemo(() => {
+  const [isOver, setIsOver] = React37__namespace.useState(false);
+  const dropTargetDate = React37__namespace.useMemo(() => {
     const targetDate = new Date(date);
     if (hour !== void 0) {
       targetDate.setHours(hour, minute, 0, 0);
     }
     return targetDate;
   }, [date, hour, minute]);
-  const handleDragOver = React36__namespace.useCallback((e) => {
+  const handleDragOver = React37__namespace.useCallback((e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
     if (!isOver) setIsOver(true);
   }, [isOver]);
-  const handleDragLeave = React36__namespace.useCallback(() => {
+  const handleDragLeave = React37__namespace.useCallback(() => {
     setIsOver(false);
   }, []);
-  const handleDrop = React36__namespace.useCallback((e) => {
+  const handleDrop = React37__namespace.useCallback((e) => {
     e.preventDefault();
     setIsOver(false);
     if (!draggedEvent) return;
@@ -18063,13 +18338,13 @@ function useDroppable({ date, hour, minute = 0, onDrop }) {
 function useDraggable3(event, disabled = false) {
   const { setDraggedEvent, draggedEvent } = useDrag();
   const isDragged = draggedEvent?.id === event.id;
-  const handleDragStart = React36__namespace.useCallback((e) => {
+  const handleDragStart = React37__namespace.useCallback((e) => {
     if (disabled) return;
     e.dataTransfer.effectAllowed = "move";
     e.dataTransfer.setData("text/plain", event.id);
     setDraggedEvent(event);
   }, [disabled, event, setDraggedEvent]);
-  const handleDragEnd = React36__namespace.useCallback(() => {
+  const handleDragEnd = React37__namespace.useCallback(() => {
     setDraggedEvent(null);
   }, [setDraggedEvent]);
   return {
@@ -18110,15 +18385,15 @@ function MonthView({
 }) {
   const { selectedDate, badgeVariant, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React36__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React37__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const cells = React36__namespace.useMemo(
+  const cells = React37__namespace.useMemo(
     () => getCalendarCells(selectedDate),
     [selectedDate]
   );
-  const eventPositions = React36__namespace.useMemo(
+  const eventPositions = React37__namespace.useMemo(
     () => calculateMonthEventPositions(multiDayEvents, singleDayEvents, selectedDate),
     [multiDayEvents, singleDayEvents, selectedDate]
   );
@@ -18300,7 +18575,7 @@ function WeekView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React36__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React37__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -18506,8 +18781,8 @@ function CalendarTimeline({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React36__namespace.useState(/* @__PURE__ */ new Date());
-  React36__namespace.useEffect(() => {
+  const [currentTime, setCurrentTime] = React37__namespace.useState(/* @__PURE__ */ new Date());
+  React37__namespace.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -18590,7 +18865,7 @@ function DayView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React36__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React37__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -18598,7 +18873,7 @@ function DayView({
     visibleHours,
     singleDayEvents
   );
-  const currentEvents = React36__namespace.useMemo(() => {
+  const currentEvents = React37__namespace.useMemo(() => {
     if (!dateFns.isToday(selectedDate)) return [];
     return getCurrentEvents(singleDayEvents);
   }, [singleDayEvents, selectedDate]);
@@ -18822,8 +19097,8 @@ function CalendarTimeline2({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React36__namespace.useState(/* @__PURE__ */ new Date());
-  React36__namespace.useEffect(() => {
+  const [currentTime, setCurrentTime] = React37__namespace.useState(/* @__PURE__ */ new Date());
+  React37__namespace.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -18857,7 +19132,7 @@ function YearView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const months = React36__namespace.useMemo(() => {
+  const months = React37__namespace.useMemo(() => {
     const yearStart = dateFns.startOfYear(selectedDate);
     return Array.from({ length: 12 }, (_, i) => dateFns.addMonths(yearStart, i));
   }, [selectedDate]);
@@ -18980,11 +19255,11 @@ function AgendaView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React36__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React37__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const eventsByDay = React36__namespace.useMemo(() => {
+  const eventsByDay = React37__namespace.useMemo(() => {
     const allDates = /* @__PURE__ */ new Map();
     singleDayEvents.forEach((event) => {
       const eventDate = dateFns.parseISO(event.startDate);
@@ -19449,16 +19724,16 @@ function EventDialog({
   defaultUserId
 }) {
   const { addEvent, updateEvent, deleteEvent, users } = useEventCalendar();
-  const [title, setTitle] = React36__namespace.useState("");
-  const [description, setDescription] = React36__namespace.useState("");
-  const [startDate, setStartDate] = React36__namespace.useState("");
-  const [startTime, setStartTime] = React36__namespace.useState("");
-  const [endDate, setEndDate] = React36__namespace.useState("");
-  const [endTime, setEndTime] = React36__namespace.useState("");
-  const [color, setColor] = React36__namespace.useState("blue");
-  const [userId, setUserId] = React36__namespace.useState("");
-  const [isSubmitting, setIsSubmitting] = React36__namespace.useState(false);
-  React36__namespace.useEffect(() => {
+  const [title, setTitle] = React37__namespace.useState("");
+  const [description, setDescription] = React37__namespace.useState("");
+  const [startDate, setStartDate] = React37__namespace.useState("");
+  const [startTime, setStartTime] = React37__namespace.useState("");
+  const [endDate, setEndDate] = React37__namespace.useState("");
+  const [endTime, setEndTime] = React37__namespace.useState("");
+  const [color, setColor] = React37__namespace.useState("blue");
+  const [userId, setUserId] = React37__namespace.useState("");
+  const [isSubmitting, setIsSubmitting] = React37__namespace.useState(false);
+  React37__namespace.useEffect(() => {
     if (open) {
       if (mode === "edit" && event) {
         const start = dateFns.parseISO(event.startDate);
@@ -19681,7 +19956,7 @@ function QuickAddEvent({
   onOpenDialog,
   onClose
 }) {
-  const [title, setTitle] = React36__namespace.useState("");
+  const [title, setTitle] = React37__namespace.useState("");
   const { users } = useEventCalendar();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -19748,8 +20023,8 @@ var HOUR_OPTIONS = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeVisibleHoursInput() {
   const { visibleHours, setVisibleHours } = useEventCalendar();
-  const [from, setFrom] = React36__namespace.useState(visibleHours.from);
-  const [to, setTo] = React36__namespace.useState(visibleHours.to);
+  const [from, setFrom] = React37__namespace.useState(visibleHours.from);
+  const [to, setTo] = React37__namespace.useState(visibleHours.to);
   const handleApply = () => {
     const toHour = to === 0 ? 24 : to;
     setVisibleHours({ from, to: toHour });
@@ -19795,7 +20070,7 @@ var HOUR_OPTIONS2 = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeWorkingHoursInput() {
   const { workingHours, setWorkingHours } = useEventCalendar();
-  const [localWorkingHours, setLocalWorkingHours] = React36__namespace.useState({
+  const [localWorkingHours, setLocalWorkingHours] = React37__namespace.useState({
     ...workingHours
   });
   const handleToggleDay = (dayId) => {
@@ -19944,8 +20219,8 @@ function CalendarSettingsButton({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React36__namespace.useState(false);
-  React36__namespace.useEffect(() => {
+  const [matches, setMatches] = React37__namespace.useState(false);
+  React37__namespace.useEffect(() => {
     const media = window.matchMedia(query);
     setMatches(media.matches);
     const listener = (event) => {
@@ -19997,11 +20272,11 @@ function BigCalendarInner({
   maxEventsPerDay
 }) {
   const { view, setView } = useEventCalendar();
-  const [dialogOpen, setDialogOpen] = React36__namespace.useState(false);
-  const [settingsDialogOpen, setSettingsDialogOpen] = React36__namespace.useState(false);
-  const [selectedEvent, setSelectedEvent] = React36__namespace.useState(null);
-  const [dialogMode, setDialogMode] = React36__namespace.useState("add");
-  const [defaultDate, setDefaultDate] = React36__namespace.useState(/* @__PURE__ */ new Date());
+  const [dialogOpen, setDialogOpen] = React37__namespace.useState(false);
+  const [settingsDialogOpen, setSettingsDialogOpen] = React37__namespace.useState(false);
+  const [selectedEvent, setSelectedEvent] = React37__namespace.useState(null);
+  const [dialogMode, setDialogMode] = React37__namespace.useState("add");
+  const [defaultDate, setDefaultDate] = React37__namespace.useState(/* @__PURE__ */ new Date());
   const isMobile = useMediaQuery("(max-width: 768px)");
   const isCompact = compact === "auto" ? isMobile : compact;
   const handleAddClick = () => {
@@ -20160,7 +20435,7 @@ function CalendarView({
   }
 }
 var t = tunnel__default.default();
-var KanbanContext = React36.createContext({
+var KanbanContext = React37.createContext({
   columns: [],
   data: [],
   activeCardId: null
@@ -20198,7 +20473,7 @@ var KanbanCard = ({
   } = sortable.useSortable({
     id
   });
-  const { activeCardId } = React36.useContext(KanbanContext);
+  const { activeCardId } = React37.useContext(KanbanContext);
   const style = {
     transition,
     transform: utilities.CSS.Transform.toString(transform)
@@ -20233,7 +20508,7 @@ var KanbanCards = ({
   className,
   ...props
 }) => {
-  const { data } = React36.useContext(KanbanContext);
+  const { data } = React37.useContext(KanbanContext);
   const filteredData = data.filter((item) => item.column === props.id);
   const items = filteredData.map((item) => item.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(ScrollArea, { className: "overflow-hidden", children: [
@@ -20260,7 +20535,7 @@ var KanbanProvider = ({
   onDataChange,
   ...props
 }) => {
-  const [activeCardId, setActiveCardId] = React36.useState(null);
+  const [activeCardId, setActiveCardId] = React37.useState(null);
   const sensors = core.useSensors(
     core.useSensor(core.MouseSensor),
     core.useSensor(core.TouchSensor),
@@ -20358,30 +20633,6 @@ var KanbanProvider = ({
   ) });
 };
 
-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; }
@@ -20515,8 +20766,12 @@ exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
 exports.ContextMenuTrigger = ContextMenuTrigger;
 exports.DEFAULT_VISIBLE_HOURS = DEFAULT_VISIBLE_HOURS;
 exports.DEFAULT_WORKING_HOURS = DEFAULT_WORKING_HOURS;
+exports.DataTableBlock = DataTableBlock;
 exports.DataTableColumnHeader = DataTableColumnHeader;
 exports.DataTablePagination = DataTablePagination;
+exports.DataTableRowActions = DataTableRowActions;
+exports.DataTableRowExpand = DataTableRowExpand;
+exports.DataTableSortHeader = DataTableSortHeader;
 exports.DataTableViewOptions = DataTableViewOptions;
 exports.DateBadge = DateBadge;
 exports.DayView = DayView;