@jmruthers/pace-core 0.2.5 → 0.2.7

package/dist/{chunk-WYB6MBZA.js → chunk-EWKPTNPO.js}

@@ -16,11 +16,11 @@ import {
 } from "./chunk-OHXGNT3K.js";
 
 // src/components/DataTable/DataTable.tsx
-import React12 from "react";
+import React10 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
 init_cn();
-import React11, { useMemo as useMemo6, useCallback as useCallback5, useEffect as useEffect5, useState as useState7, useRef as useRef4 } from "react";
+import React9, { useMemo as useMemo6, useCallback as useCallback5, useEffect as useEffect5, useState as useState6, useRef as useRef4 } from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -30,7 +30,7 @@ import {
   getGroupedRowModel,
   getExpandedRowModel
 } from "@tanstack/react-table";
-import { Edit, Trash } from "lucide-react";
+import { Edit, Trash, ChevronUp as ChevronUp2, ChevronDown as ChevronDown3, ChevronsUpDown } from "lucide-react";
 
 // src/components/Checkbox/Checkbox.tsx
 init_cn();
@@ -58,6 +58,9 @@ var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
+// src/components/DataTable/components/DataTableCore.tsx
+init_Button();
+
 // src/components/DataTable/styles.ts
 init_cn();
 var tableStyles = {
@@ -116,25 +119,13 @@ var getTableClasses = (options = {}) => {
   );
 };
 
-// src/components/DataTable/components/DataTableHeader.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function DataTableHeader({ title, description }) {
-  const hasTitle = !!title && title.trim().length > 0;
-  const hasDescription = !!description && description.trim().length > 0;
-  if (!hasTitle && !hasDescription) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "pb-4", children: [
-    hasTitle && /* @__PURE__ */ jsx2("h2", { className: "text-2xl font-bold tracking-tight break-words", children: title }),
-    hasDescription && /* @__PURE__ */ jsx2("p", { className: "text-muted-foreground mt-2 break-words", children: description })
-  ] });
-}
-
 // src/components/Input/Input.tsx
 init_cn();
 import * as React2 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var Input = React2.forwardRef(
   ({ className, variant = "default", size = "md", error, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx2(
       "input",
       {
         type,
@@ -149,8 +140,8 @@ var Input = React2.forwardRef(
           // Size styles
           {
             "h-8 px-2 py-1 text-xs": size === "sm",
-            "h-10 px-3 py-2 text-sm": size === "md",
-            "h-12 px-4 py-3 text-base": size === "lg"
+            "h-9 px-3 py-2 text-sm": size === "md",
+            "h-10 px-4 py-3 text-base": size === "lg"
           },
           className
         ),
@@ -168,7 +159,7 @@ var InputGroup = React2.forwardRef(
       md: orientation === "horizontal" ? "space-x-4" : "space-y-4",
       lg: orientation === "horizontal" ? "space-x-6" : "space-y-6"
     };
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx2(
       "div",
       {
         ref,
@@ -188,7 +179,7 @@ InputGroup.displayName = "InputGroup";
 
 // src/components/DataTable/components/DataTableToolbar.tsx
 init_Button();
-import { Search as Search2, Plus, Upload, Download, Filter, Trash2 } from "lucide-react";
+import { Plus, Upload, Download, Filter, Trash2 } from "lucide-react";
 
 // src/components/DataTable/components/GroupingDropdown.tsx
 init_Button();
@@ -198,7 +189,7 @@ init_Button();
 init_cn();
 import * as React3 from "react";
 import { Search, X, ChevronDown, Check as Check2 } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var SelectContext = React3.createContext(null);
 var useSelectContext = () => {
   const context = React3.useContext(SelectContext);
@@ -281,14 +272,19 @@ var Select = React3.forwardRef(
     }, [controlledOpen, onOpenChange, selectRef]);
     React3.useEffect(() => {
       let timeoutId = null;
+      let isMounted = true;
       const handleSelectItemMouseDown = () => {
+        if (!isMounted) return;
         setIsSelecting(true);
         timeoutId = setTimeout(() => {
-          setIsSelecting(false);
+          if (isMounted) {
+            setIsSelecting(false);
+          }
         }, 150);
       };
       document.addEventListener("selectItemMouseDown", handleSelectItemMouseDown);
       return () => {
+        isMounted = false;
         document.removeEventListener("selectItemMouseDown", handleSelectItemMouseDown);
         if (timeoutId) {
           clearTimeout(timeoutId);
@@ -336,7 +332,7 @@ var Select = React3.forwardRef(
       onOpenChange: handleOpenChange,
       disabled
     }), [value, controlledSelectedText, internalSelectedText, handleValueChange, open, handleOpenChange, disabled]);
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(
       "form",
       {
         ref: selectRef,
@@ -344,7 +340,7 @@ var Select = React3.forwardRef(
         "data-value": value,
         "data-testid": "select-root",
         ...restProps,
-        children: /* @__PURE__ */ jsx4(SelectContext.Provider, { value: contextValue, children })
+        children: /* @__PURE__ */ jsx3(SelectContext.Provider, { value: contextValue, children })
       }
     );
   }
@@ -408,7 +404,7 @@ var SelectTrigger = React3.forwardRef(
         ...triggerProps,
         children: hasChevron ? childChildren : [
           ...childChildren,
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             ChevronDown,
             {
               className: cn(
@@ -421,7 +417,7 @@ var SelectTrigger = React3.forwardRef(
         ]
       });
     }
-    return /* @__PURE__ */ jsxs2(
+    return /* @__PURE__ */ jsxs(
       Button,
       {
         ref,
@@ -451,7 +447,7 @@ var SelectTrigger = React3.forwardRef(
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             ChevronDown,
             {
               className: cn(
@@ -469,7 +465,7 @@ SelectTrigger.displayName = "SelectTrigger";
 var SelectValue = React3.forwardRef(
   ({ placeholder = "Select an option...", children }, ref) => {
     const { selectedText } = useSelectContext();
-    return /* @__PURE__ */ jsx4("span", { ref, "data-testid": "select-value", children: children || (selectedText ? selectedText : placeholder) });
+    return /* @__PURE__ */ jsx3("span", { ref, "data-testid": "select-value", children: children || (selectedText ? selectedText : placeholder) });
   }
 );
 SelectValue.displayName = "SelectValue";
@@ -523,7 +519,7 @@ var SelectContent = React3.forwardRef(
     if (!open) {
       return null;
     }
-    return /* @__PURE__ */ jsxs2(
+    return /* @__PURE__ */ jsxs(
       "ul",
       {
         ref,
@@ -544,9 +540,9 @@ var SelectContent = React3.forwardRef(
         "data-testid": "select-content",
         role: "listbox",
         children: [
-          searchable && /* @__PURE__ */ jsx4("div", { className: "p-2 border-b border-main-200", children: /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx4(Search, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-main-400" }),
-            /* @__PURE__ */ jsx4(
+          searchable && /* @__PURE__ */ jsx3("div", { className: "p-2 border-b border-main-200", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx3(Search, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-main-400" }),
+            /* @__PURE__ */ jsx3(
               "input",
               {
                 ref: searchInputRef,
@@ -565,7 +561,7 @@ var SelectContent = React3.forwardRef(
                 "aria-label": "Search options"
               }
             ),
-            searchTerm && /* @__PURE__ */ jsx4(
+            searchTerm && /* @__PURE__ */ jsx3(
               "button",
               {
                 type: "button",
@@ -573,7 +569,7 @@ var SelectContent = React3.forwardRef(
                 className: "absolute right-2 top-1/2 transform -translate-y-1/2 text-main-400 hover:text-main-600",
                 "data-testid": "select-clear-search",
                 "aria-label": "Clear search",
-                children: /* @__PURE__ */ jsx4(X, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx3(X, { className: "h-4 w-4" })
               }
             )
           ] }) }),
@@ -627,7 +623,7 @@ var SelectItem = React3.forwardRef(
           break;
       }
     };
-    return /* @__PURE__ */ jsxs2(
+    return /* @__PURE__ */ jsxs(
       "li",
       {
         ref,
@@ -649,7 +645,7 @@ var SelectItem = React3.forwardRef(
         "aria-selected": isSelected,
         children: [
           children,
-          isSelected && /* @__PURE__ */ jsx4(Check2, { className: "absolute right-2 h-4 w-4 flex-shrink-0 mt-0.5" })
+          isSelected && /* @__PURE__ */ jsx3(Check2, { className: "absolute right-2 h-4 w-4 flex-shrink-0 mt-0.5" })
         ]
       }
     );
@@ -658,19 +654,19 @@ var SelectItem = React3.forwardRef(
 SelectItem.displayName = "SelectItem";
 var SelectGroup = React3.forwardRef(
   ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsx4("div", { ref, className: cn("p-1", className), "data-testid": "select-group", children });
+    return /* @__PURE__ */ jsx3("div", { ref, className: cn("p-1", className), "data-testid": "select-group", children });
   }
 );
 SelectGroup.displayName = "SelectGroup";
 var SelectLabel = React3.forwardRef(
   ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsx4("div", { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), "data-testid": "select-label", children });
+    return /* @__PURE__ */ jsx3("div", { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), "data-testid": "select-label", children });
   }
 );
 SelectLabel.displayName = "SelectLabel";
 var SelectSeparator = React3.forwardRef(
   ({ className }, ref) => {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(
       "div",
       {
         ref,
@@ -684,7 +680,7 @@ SelectSeparator.displayName = "SelectSeparator";
 
 // src/components/DataTable/components/GroupingDropdown.tsx
 import { Group } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function GroupingDropdown({
   columns,
   currentGroupBy,
@@ -717,20 +713,20 @@ function GroupingDropdown({
   if (groupableColumns.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs3(Select, { children: [
-    /* @__PURE__ */ jsx5(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(Select, { className: "w-40", children: [
+    /* @__PURE__ */ jsx4(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs2(
       Button,
       {
         variant: "outline",
         className: className || "",
         children: [
-          /* @__PURE__ */ jsx5(Group, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
-          /* @__PURE__ */ jsx5("span", { className: "truncate", children: "Grouping" })
+          /* @__PURE__ */ jsx4(Group, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx4("span", { className: "truncate", children: "Grouping" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs3(SelectContent, { className: "w-48 !bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: [
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs2(SelectContent, { children: [
+      /* @__PURE__ */ jsx4(
         SelectItem,
         {
           value: "no-grouping",
@@ -743,7 +739,7 @@ function GroupingDropdown({
         const columnId = String(column.accessorKey);
         const isSelected = currentGroupBy === columnId;
         const displayName = column.header || String(column.accessorKey);
-        return /* @__PURE__ */ jsx5(
+        return /* @__PURE__ */ jsx4(
           SelectItem,
           {
             value: columnId,
@@ -761,7 +757,7 @@ function GroupingDropdown({
 // src/components/DataTable/components/ColumnVisibilityDropdown.tsx
 init_Button();
 import { Settings2, Eye, EyeOff } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function ColumnVisibilityDropdown({
   columns,
   onColumnVisibilityChange
@@ -769,20 +765,20 @@ function ColumnVisibilityDropdown({
   const toggleableColumns = columns.filter(
     (column) => column.getCanHide() && column.id !== "actions"
   );
-  return /* @__PURE__ */ jsxs4(Select, { children: [
-    /* @__PURE__ */ jsx6(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(Select, { className: "w-52", children: [
+    /* @__PURE__ */ jsx5(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(
       Button,
       {
         variant: "outline",
         children: [
-          /* @__PURE__ */ jsx6(Settings2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
-          /* @__PURE__ */ jsx6("span", { className: "truncate", children: "Columns" })
+          /* @__PURE__ */ jsx5(Settings2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx5("span", { className: "truncate", children: "Columns" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx6(SelectContent, { className: "w-56 !bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: /* @__PURE__ */ jsxs4("div", { className: "p-2 space-y-1", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex gap-1 mb-2", children: [
-        /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsx5(SelectContent, { children: /* @__PURE__ */ jsxs3("div", { className: "p-2 space-y-1", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex gap-1 mb-2", children: [
+        /* @__PURE__ */ jsxs3(
           Button,
           {
             variant: "ghost",
@@ -796,12 +792,12 @@ function ColumnVisibilityDropdown({
               });
             },
             children: [
-              /* @__PURE__ */ jsx6(Eye, { className: "h-3 w-3 mr-1" }),
+              /* @__PURE__ */ jsx5(Eye, { className: "h-3 w-3 mr-1" }),
               "Show All"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs3(
           Button,
           {
             variant: "ghost",
@@ -815,21 +811,21 @@ function ColumnVisibilityDropdown({
               });
             },
             children: [
-              /* @__PURE__ */ jsx6(EyeOff, { className: "h-3 w-3 mr-1" }),
+              /* @__PURE__ */ jsx5(EyeOff, { className: "h-3 w-3 mr-1" }),
               "Hide All"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx6(SelectSeparator, {}),
-      toggleableColumns.map((column) => /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsx5(SelectSeparator, {}),
+      toggleableColumns.map((column) => /* @__PURE__ */ jsxs3(
         SelectItem,
         {
           value: column.id,
           className: "flex items-center space-x-2 cursor-pointer px-3 py-2 text-sm hover:bg-sec-50",
           onClick: (e) => e.preventDefault(),
           children: [
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx5(
               Checkbox,
               {
                 id: column.id,
@@ -837,7 +833,7 @@ function ColumnVisibilityDropdown({
                 onCheckedChange: (checked) => onColumnVisibilityChange(column.id, !!checked)
               }
             ),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx5(
               "label",
               {
                 htmlFor: column.id,
@@ -854,7 +850,7 @@ function ColumnVisibilityDropdown({
 }
 
 // src/components/DataTable/components/DataTableToolbar.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function DataTableToolbar({
   features,
   globalFilter,
@@ -873,190 +869,104 @@ function DataTableToolbar({
   showFilterRow = false
 }) {
   const currentGroupBy = grouping.length > 0 ? grouping[0] : null;
-  return /* @__PURE__ */ jsxs5("nav", { className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-4 p-4 border-b bg-sec-50", children: [
-    features.search && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 w-full sm:min-w-[200px] sm:max-w-[300px]", children: [
-      /* @__PURE__ */ jsx7(Search2, { className: "h-4 w-4 text-sec-500 flex-shrink-0" }),
-      /* @__PURE__ */ jsx7(
-        Input,
-        {
-          id: "table-search",
-          placeholder: "Search...",
-          value: globalFilter,
-          onChange: (e) => onGlobalFilterChange(e.target.value),
-          "aria-label": "Search table",
-          tabIndex: 0,
-          className: "flex-1"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 flex-wrap justify-end sm:justify-end min-w-0", children: [
-      features.grouping && /* @__PURE__ */ jsx7(
-        GroupingDropdown,
-        {
-          columns,
-          currentGroupBy,
-          onGroupByChange
-        }
-      ),
-      features.columnVisibility && /* @__PURE__ */ jsx7(
-        ColumnVisibilityDropdown,
-        {
-          columns: tableColumns,
-          onColumnVisibilityChange
-        }
-      ),
-      features.filtering && onToggleFilterRow && /* @__PURE__ */ jsxs5(
-        Button,
-        {
-          variant: "outline",
-          onClick: onToggleFilterRow,
-          children: [
-            /* @__PURE__ */ jsx7(Filter, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
-            /* @__PURE__ */ jsx7("span", { className: "truncate", children: showFilterRow ? "Hide Filters" : "Show Filters" })
-          ]
-        }
-      ),
-      features.creation && onCreateRow && /* @__PURE__ */ jsxs5(
-        Button,
-        {
-          variant: "outline",
-          onClick: onCreateRow,
-          children: [
-            /* @__PURE__ */ jsx7(Plus, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
-            /* @__PURE__ */ jsx7("span", { className: "truncate", children: "Add Row" })
-          ]
-        }
-      ),
-      features.import && /* @__PURE__ */ jsxs5(
-        Button,
-        {
-          variant: "outline",
-          onClick: onImportClick,
-          children: [
-            /* @__PURE__ */ jsx7(Upload, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
-            /* @__PURE__ */ jsx7("span", { className: "truncate", children: "Import" })
-          ]
-        }
-      ),
-      features.export && /* @__PURE__ */ jsxs5(
-        Button,
-        {
-          variant: "outline",
-          onClick: onExport,
-          children: [
-            /* @__PURE__ */ jsx7(Download, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
-            /* @__PURE__ */ jsx7("span", { className: "truncate", children: "Export" })
-          ]
-        }
-      ),
-      features.deleteSelected && features.deletion && features.selection && /* @__PURE__ */ jsxs5(
-        Button,
-        {
-          variant: "destructive",
-          onClick: () => onDeleteSelected?.(rowSelection),
-          disabled: Object.values(rowSelection).filter(Boolean).length === 0,
-          children: [
-            /* @__PURE__ */ jsx7(Trash2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
-            /* @__PURE__ */ jsx7("span", { className: "truncate", children: "Delete" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/DataTable/components/UnifiedTableBody.tsx
-import React6, { useLayoutEffect, useState as useState3, useRef as useRef2 } from "react";
-import { flexRender } from "@tanstack/react-table";
-import { useVirtualizer } from "@tanstack/react-virtual";
-
-// src/components/Table/Table.tsx
-init_cn();
-import * as React4 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Table = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  "table",
-  {
-    ref,
-    className: cn("w-full caption-bottom text-sm", className),
-    ...props
-  }
-));
-Table.displayName = "Table";
-var TableHeader = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-TableHeader.displayName = "TableHeader";
-var TableBody = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  "tbody",
-  {
-    ref,
-    className: cn("[&_tr:last-child]:border-0", className),
-    ...props
-  }
-));
-TableBody.displayName = "TableBody";
-var TableFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  "tfoot",
-  {
-    ref,
-    className: cn(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className
+  return /* @__PURE__ */ jsxs4("nav", { className: "flex justify-end flex-wrap gap-2", children: [
+    features.search && /* @__PURE__ */ jsx6(
+      Input,
+      {
+        id: "table-search",
+        placeholder: "Search...",
+        value: globalFilter,
+        onChange: (e) => onGlobalFilterChange(e.target.value),
+        "aria-label": "Search table",
+        tabIndex: 0,
+        className: "justify-self-start w-50 flex-1"
+      }
     ),
-    ...props
-  }
-));
-TableFooter.displayName = "TableFooter";
-var TableRow = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className
+    features.grouping && /* @__PURE__ */ jsx6(
+      GroupingDropdown,
+      {
+        columns,
+        currentGroupBy,
+        onGroupByChange
+      }
     ),
-    ...props
-  }
-));
-TableRow.displayName = "TableRow";
-var TableHead = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  "th",
-  {
-    ref,
-    className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className
+    features.columnVisibility && /* @__PURE__ */ jsx6(
+      ColumnVisibilityDropdown,
+      {
+        columns: tableColumns,
+        onColumnVisibilityChange
+      }
     ),
-    ...props
-  }
-));
-TableHead.displayName = "TableHead";
-var TableCell = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  "td",
-  {
-    ref,
-    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
-    ...props
-  }
-));
-TableCell.displayName = "TableCell";
-var TableCaption = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  "caption",
-  {
-    ref,
-    className: cn("mt-4 text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-TableCaption.displayName = "TableCaption";
+    features.filtering && onToggleFilterRow && /* @__PURE__ */ jsxs4(
+      Button,
+      {
+        variant: "outline",
+        onClick: onToggleFilterRow,
+        children: [
+          /* @__PURE__ */ jsx6(Filter, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx6("span", { className: "truncate", children: showFilterRow ? "Hide Filters" : "Show Filters" })
+        ]
+      }
+    ),
+    features.creation && onCreateRow && /* @__PURE__ */ jsxs4(
+      Button,
+      {
+        variant: "outline",
+        onClick: onCreateRow,
+        children: [
+          /* @__PURE__ */ jsx6(Plus, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx6("span", { className: "truncate", children: "Add Row" })
+        ]
+      }
+    ),
+    features.import && /* @__PURE__ */ jsxs4(
+      Button,
+      {
+        variant: "outline",
+        onClick: onImportClick,
+        children: [
+          /* @__PURE__ */ jsx6(Upload, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx6("span", { className: "truncate", children: "Import" })
+        ]
+      }
+    ),
+    features.export && /* @__PURE__ */ jsxs4(
+      Button,
+      {
+        variant: "outline",
+        onClick: onExport,
+        children: [
+          /* @__PURE__ */ jsx6(Download, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx6("span", { className: "truncate", children: "Export" })
+        ]
+      }
+    ),
+    features.deleteSelected && features.deletion && features.selection && /* @__PURE__ */ jsxs4(
+      Button,
+      {
+        variant: "destructive",
+        onClick: () => onDeleteSelected?.(rowSelection),
+        disabled: Object.values(rowSelection).filter(Boolean).length === 0,
+        children: [
+          /* @__PURE__ */ jsx6(Trash2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx6("span", { className: "truncate", children: "Delete" })
+        ]
+      }
+    )
+  ] });
+}
 
 // src/components/DataTable/components/UnifiedTableBody.tsx
 init_Button();
-import { ChevronDown as ChevronDown3, ChevronRight } from "lucide-react";
+import React4, { useRef as useRef2 } from "react";
+import { flexRender } from "@tanstack/react-table";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { ChevronDown as ChevronDown2, ChevronRight } from "lucide-react";
 
 // src/components/DataTable/components/EmptyState.tsx
 init_Button();
 import { Database, Search as Search3, Plus as Plus2, User } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function EmptyState({
   title,
   description,
@@ -1067,8 +977,8 @@ function EmptyState({
 }) {
   const defaultTitle = isFiltered ? "No results found" : "No data available";
   const defaultDescription = isFiltered ? "Try adjusting your search or filter criteria" : "Get started by adding your first entry";
-  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center justify-center p-8 text-center", children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center justify-center p-8 text-center", children: [
+    /* @__PURE__ */ jsx7(
       Icon,
       {
         role: "img",
@@ -1077,15 +987,15 @@ function EmptyState({
         "data-testid": Icon === Database ? "lucide-database" : Icon === User ? "lucide-user" : "custom-icon"
       }
     ),
-    /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold mb-2", children: title || defaultTitle }),
-    /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: description || defaultDescription }),
-    isFiltered && onClearFilters || action ? /* @__PURE__ */ jsxs6("div", { className: "flex gap-2", children: [
-      isFiltered && onClearFilters && /* @__PURE__ */ jsxs6(Button, { variant: "outline", onClick: onClearFilters, children: [
-        /* @__PURE__ */ jsx9(Search3, { className: "h-4 w-4 mr-2" }),
+    /* @__PURE__ */ jsx7("h3", { className: "text-lg font-semibold mb-2", children: title || defaultTitle }),
+    /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: description || defaultDescription }),
+    isFiltered && onClearFilters || action ? /* @__PURE__ */ jsxs5("div", { className: "flex gap-2", children: [
+      isFiltered && onClearFilters && /* @__PURE__ */ jsxs5(Button, { variant: "outline", onClick: onClearFilters, children: [
+        /* @__PURE__ */ jsx7(Search3, { className: "h-4 w-4 mr-2" }),
         "Clear filters"
       ] }),
-      action && /* @__PURE__ */ jsxs6(Button, { onClick: action.onClick, children: [
-        /* @__PURE__ */ jsx9(Plus2, { className: "h-4 w-4 mr-2" }),
+      action && /* @__PURE__ */ jsxs5(Button, { onClick: action.onClick, children: [
+        /* @__PURE__ */ jsx7(Plus2, { className: "h-4 w-4 mr-2" }),
         action.label
       ] })
     ] }) : null
@@ -1095,7 +1005,7 @@ function EmptyState({
 // src/components/DataTable/components/ColumnFilter.tsx
 init_Button();
 import { X as X2 } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function ColumnFilter({
   column,
   placeholder,
@@ -1121,22 +1031,22 @@ function ColumnFilter({
   const renderFilterInput = () => {
     switch (filterType) {
       case "select":
-        return /* @__PURE__ */ jsxs7(
+        return /* @__PURE__ */ jsxs6(
           Select,
           {
             value: columnFilterValue || "",
             onValueChange: handleFilterChange,
             children: [
-              /* @__PURE__ */ jsx10(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx10(SelectValue, { placeholder: placeholder || `Filter ${column.id}...` }) }),
-              /* @__PURE__ */ jsxs7(SelectContent, { children: [
-                /* @__PURE__ */ jsx10(SelectItem, { value: "", children: "All" }),
-                options.map((option) => /* @__PURE__ */ jsx10(SelectItem, { value: option.value, children: option.label }, option.value))
+              /* @__PURE__ */ jsx8(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx8(SelectValue, { placeholder: placeholder || `Filter ${column.id}...` }) }),
+              /* @__PURE__ */ jsxs6(SelectContent, { children: [
+                /* @__PURE__ */ jsx8(SelectItem, { value: "", children: "All" }),
+                options.map((option) => /* @__PURE__ */ jsx8(SelectItem, { value: option.value, children: option.label }, option.value))
               ] })
             ]
           }
         );
       case "number":
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx8(
           Input,
           {
             type: "number",
@@ -1147,7 +1057,7 @@ function ColumnFilter({
           }
         );
       case "date":
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx8(
           Input,
           {
             type: "date",
@@ -1158,7 +1068,7 @@ function ColumnFilter({
           }
         );
       default:
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx8(
           Input,
           {
             value: columnFilterValue || "",
@@ -1169,22 +1079,22 @@ function ColumnFilter({
         );
     }
   };
-  return /* @__PURE__ */ jsxs7("div", { className: "relative flex items-center gap-1", children: [
+  return /* @__PURE__ */ jsxs6("div", { className: "relative flex items-center gap-1", children: [
     renderFilterInput(),
-    hasFilter && /* @__PURE__ */ jsx10(
+    hasFilter && /* @__PURE__ */ jsx8(
       Button,
       {
         variant: "ghost",
         onClick: clearFilter,
-        children: /* @__PURE__ */ jsx10(X2, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ jsx8(X2, { className: "h-3 w-3" })
       }
     ),
-    hasFilter && /* @__PURE__ */ jsx10("div", { className: "absolute -top-1 -right-1 h-2 w-2 bg-main-500 rounded-full" })
+    hasFilter && /* @__PURE__ */ jsx8("div", { className: "absolute -top-1 -right-1 h-2 w-2 bg-main-500 rounded-full" })
   ] });
 }
 
 // src/components/DataTable/components/FilterRow.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function FilterRow({ table, visibleColumns }) {
   const { getState } = table;
   const { columnFilters } = getState();
@@ -1224,17 +1134,16 @@ function FilterRow({ table, visibleColumns }) {
     }
     return "text";
   };
-  return /* @__PURE__ */ jsx11("tr", { className: "border-b bg-sec-50/50", children: visibleColumns.map((header) => {
+  return /* @__PURE__ */ jsx9("tr", { className: "border-b bg-sec-50/50", children: visibleColumns.map((header) => {
     const column = header.column;
     const canFilter = column.getCanFilter();
     const filterType = getFilterType(column.id);
     const options = filterType === "select" ? getColumnOptions(column.id) : [];
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx9(
       "td",
       {
         className: "px-4 py-2",
-        style: { width: header.getSize() },
-        children: canFilter ? /* @__PURE__ */ jsx11(
+        children: canFilter ? /* @__PURE__ */ jsx9(
           ColumnFilter,
           {
             column,
@@ -1242,7 +1151,7 @@ function FilterRow({ table, visibleColumns }) {
             options,
             placeholder: `Filter ${column.id}...`
           }
-        ) : /* @__PURE__ */ jsx11("div", { className: "h-8 flex items-center text-sec-400 text-sm", children: "No filter" })
+        ) : /* @__PURE__ */ jsx9("div", { className: "h-8 flex items-center text-sec-400 text-sm", children: "No filter" })
       },
       header.id
     );
@@ -1252,7 +1161,7 @@ function FilterRow({ table, visibleColumns }) {
 // src/components/DataTable/components/ActionButtons.tsx
 init_Button();
 import { MoreHorizontal } from "lucide-react";
-import { Fragment, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function ActionButtons({
   row,
   actions = [],
@@ -1285,7 +1194,7 @@ function ActionButtons({
     return null;
   }
   if (visibleActions.length <= 6) {
-    return /* @__PURE__ */ jsx12(Fragment, { children: visibleActions.map((action, actionIndex) => {
+    return /* @__PURE__ */ jsx10(Fragment, { children: visibleActions.map((action, actionIndex) => {
       let Icon = action.icon;
       let label = action.label;
       if (hierarchical) {
@@ -1301,7 +1210,7 @@ function ActionButtons({
         }
       }
       const isDisabled = typeof action.disabled === "function" ? action.disabled(row) : action.disabled;
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx10(
         Button,
         {
           variant: action.variant === "destructive" ? "destructive" : "ghost",
@@ -1312,18 +1221,18 @@ function ActionButtons({
           "data-testid": action.testId,
           "aria-label": label,
           className: "h-8 w-8 p-0",
-          children: Icon && /* @__PURE__ */ jsx12(Icon, { className: "h-4 w-4" })
+          children: Icon && /* @__PURE__ */ jsx10(Icon, { className: "h-4 w-4" })
         },
         actionIndex
       );
     }) });
   }
-  return /* @__PURE__ */ jsxs8(Select, { children: [
-    /* @__PURE__ */ jsx12(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(Button, { variant: "ghost", className: "h-8 w-8 p-0", children: [
-      /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Open menu" }),
-      /* @__PURE__ */ jsx12(MoreHorizontal, { className: "h-4 w-4" })
+  return /* @__PURE__ */ jsxs7(Select, { children: [
+    /* @__PURE__ */ jsx10(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs7(Button, { variant: "ghost", className: "h-8 w-8 p-0", children: [
+      /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Open menu" }),
+      /* @__PURE__ */ jsx10(MoreHorizontal, { className: "h-4 w-4" })
     ] }) }),
-    /* @__PURE__ */ jsx12(SelectContent, { className: "!bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: visibleActions.map((action, actionIndex) => {
+    /* @__PURE__ */ jsx10(SelectContent, { className: "!bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: visibleActions.map((action, actionIndex) => {
       let Icon = action.icon;
       let label = action.label;
       if (hierarchical) {
@@ -1338,14 +1247,14 @@ function ActionButtons({
           label = action.childLabel;
         }
       }
-      return /* @__PURE__ */ jsxs8(
+      return /* @__PURE__ */ jsxs7(
         SelectItem,
         {
           value: `action-${actionIndex}`,
           onClick: () => action.onClick(row.original),
           className: action.variant === "destructive" ? "text-acc-600" : "",
           children: [
-            Icon && /* @__PURE__ */ jsx12(Icon, { className: "mr-2 h-4 w-4" }),
+            Icon && /* @__PURE__ */ jsx10(Icon, { className: "mr-2 h-4 w-4" }),
             label
           ]
         },
@@ -1355,101 +1264,6 @@ function ActionButtons({
   ] });
 }
 
-// src/components/DataTable/components/DraggableColumnHeader.tsx
-init_Button();
-import { useState as useState2 } from "react";
-init_cn();
-import { ChevronUp, ChevronDown as ChevronDown2, ChevronsUpDown } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-function DraggableColumnHeader({
-  header,
-  onMoveLeft,
-  onMoveRight,
-  canMoveLeft = false,
-  canMoveRight = false,
-  enableReordering = false,
-  onColumnDrop
-}) {
-  const [isDragging, setIsDragging] = useState2(false);
-  const [dragOver, setDragOver] = useState2(false);
-  const isSortable = header.column.getCanSort ? header.column.getCanSort() : false;
-  const ariaSort = isSortable ? header.column.getIsSorted ? header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none" : "none" : void 0;
-  const handleDragStart = (e) => {
-    if (!enableReordering) return;
-    setIsDragging(true);
-    e.dataTransfer.setData("text/plain", header.id);
-    e.dataTransfer.effectAllowed = "move";
-    if (e.currentTarget instanceof HTMLElement) {
-      e.currentTarget.style.opacity = "0.5";
-    }
-  };
-  const handleDragEnd = (e) => {
-    setIsDragging(false);
-    setDragOver(false);
-    if (e.currentTarget instanceof HTMLElement) {
-      e.currentTarget.style.opacity = "1";
-    }
-  };
-  const handleDragOver = (e) => {
-    if (!enableReordering) return;
-    e.preventDefault();
-    e.dataTransfer.dropEffect = "move";
-    setDragOver(true);
-  };
-  const handleDragLeave = (e) => {
-    if (!enableReordering) return;
-    if (!e.currentTarget.contains(e.relatedTarget)) {
-      setDragOver(false);
-    }
-  };
-  const handleDrop = (e) => {
-    if (!enableReordering) return;
-    e.preventDefault();
-    setDragOver(false);
-    const draggedHeaderId = e.dataTransfer.getData("text/plain");
-    if (draggedHeaderId && draggedHeaderId !== header.id && onColumnDrop) {
-      onColumnDrop(draggedHeaderId, header.id);
-    }
-  };
-  return /* @__PURE__ */ jsx13(
-    TableHead,
-    {
-      className: cn(
-        "px-3 py-2 text-sm font-medium text-left relative group",
-        isSortable && "cursor-pointer hover:bg-sec-50",
-        isDragging && "opacity-50",
-        dragOver && "bg-main-50 border-main-200",
-        enableReordering && "cursor-move"
-      ),
-      style: {
-        width: header.getSize ? header.getSize() : 150,
-        minWidth: header.getSize ? header.getSize() : 150
-      },
-      draggable: enableReordering,
-      onDragStart: handleDragStart,
-      onDragEnd: handleDragEnd,
-      onDragOver: handleDragOver,
-      onDragLeave: handleDragLeave,
-      onDrop: handleDrop,
-      ...isSortable ? { "aria-sort": ariaSort } : {},
-      children: /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-1 flex-1", children: header.isPlaceholder ? null : isSortable ? /* @__PURE__ */ jsx13(
-        Button,
-        {
-          variant: "ghost",
-          className: "h-auto p-0 font-medium hover:bg-transparent flex-1 justify-start",
-          onClick: header.column.getToggleSortingHandler(),
-          "aria-label": `Sort by ${typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column"}`,
-          tabIndex: 0,
-          children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1", children: [
-            typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
-            header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx13(ChevronUp, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx13(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx13(ChevronsUpDown, { className: "h-4 w-4" })
-          ] })
-        }
-      ) : /* @__PURE__ */ jsx13("div", { className: "flex-1", children: typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header }) }) })
-    }
-  );
-}
-
 // src/components/DataTable/utils/hierarchicalUtils.ts
 function validateHierarchicalData(data) {
   const errors = [];
@@ -1516,27 +1330,27 @@ function calculateIndentation(row, allData, baseIndent = 24) {
 }
 
 // src/components/DataTable/components/UnifiedTableBody.tsx
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var VIRTUALIZATION_THRESHOLD = 1e3;
 var renderEditField = (column, value, onChange, editingData = {}, placeholder) => {
   const columnDef = column.columnDef;
   if (columnDef.fieldType === "select" && columnDef.fieldOptions) {
     const accessorKey = columnDef.editAccessorKey || column.id;
     const currentValue = editingData[accessorKey] || value || "";
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs8(
       Select,
       {
         value: currentValue,
         onValueChange: (newValue) => onChange({ [accessorKey]: newValue }),
         children: [
-          /* @__PURE__ */ jsx14(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx14(SelectValue, { placeholder: placeholder || `Select ${columnDef.header || column.id}...` }) }),
-          /* @__PURE__ */ jsx14(SelectContent, { children: columnDef.fieldOptions.map((option) => /* @__PURE__ */ jsx14(SelectItem, { value: option.value, children: option.label }, option.value)) })
+          /* @__PURE__ */ jsx11(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx11(SelectValue, { placeholder: placeholder || `Select ${columnDef.header || column.id}...` }) }),
+          /* @__PURE__ */ jsx11(SelectContent, { children: columnDef.fieldOptions.map((option) => /* @__PURE__ */ jsx11(SelectItem, { value: option.value, children: option.label }, option.value)) })
         ]
       }
     );
   }
   if (columnDef.fieldType === "number") {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx11(
       Input,
       {
         type: "number",
@@ -1548,7 +1362,7 @@ var renderEditField = (column, value, onChange, editingData = {}, placeholder) =
     );
   }
   if (columnDef.fieldType === "date") {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx11(
       Input,
       {
         type: "date",
@@ -1558,7 +1372,7 @@ var renderEditField = (column, value, onChange, editingData = {}, placeholder) =
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx11(
     Input,
     {
       type: "text",
@@ -1572,7 +1386,6 @@ var renderEditField = (column, value, onChange, editingData = {}, placeholder) =
 var MemoizedRow = ({
   row,
   style,
-  columnSizes,
   isEditing,
   editingData,
   onEditingDataChange,
@@ -1585,35 +1398,35 @@ var MemoizedRow = ({
   actions
 }) => {
   const rowId = getRowId ? getRowId(row.original, row.index) : String(row.index);
+  const hierarchicalRow = row.original;
+  const isHierarchical = hierarchical?.enabled && hierarchicalRow?.isParent !== void 0;
+  const isParent = isHierarchical && hierarchicalRow.isParent;
+  const isChild = isHierarchical && !hierarchicalRow.isParent;
   if (row.getIsGrouped && row.getIsGrouped()) {
     const groupValue = row.getValue(grouping[0]);
     const subRowsCount = row.subRows?.length || 0;
     const isExpanded = row.getIsExpanded();
-    return /* @__PURE__ */ jsxs10(React6.Fragment, { children: [
-      /* @__PURE__ */ jsx14(TableRow, { className: "bg-sec-50 hover:bg-sec-100", style, children: /* @__PURE__ */ jsxs10(
-        TableCell,
+    return /* @__PURE__ */ jsxs8(React4.Fragment, { children: [
+      /* @__PURE__ */ jsx11("tr", { className: "bg-sec-50 hover:bg-sec-100", style, children: /* @__PURE__ */ jsxs8(
+        "td",
         {
           className: getTableCellClasses({
             isCompact: true,
             className: "px-3 py-2 flex items-center font-medium"
           }),
           colSpan: row.getAllCells().length,
-          style: {
-            width: "100%",
-            minWidth: "100%"
-          },
           children: [
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx11(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: () => row.toggleExpanded(),
                 className: "p-0 h-auto mr-2",
-                children: isExpanded ? /* @__PURE__ */ jsx14(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx14(ChevronRight, { className: "h-4 w-4" })
+                children: isExpanded ? /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx11(ChevronRight, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ jsxs10("span", { className: "text-sm", children: [
+            /* @__PURE__ */ jsxs8("span", { className: "text-sm", children: [
               String(groupValue),
               " (",
               subRowsCount,
@@ -1625,23 +1438,20 @@ var MemoizedRow = ({
       isExpanded && row.subRows?.map((subRow) => {
         const subRowId = getRowId ? getRowId(subRow.original, subRow.index) : String(subRow.index);
         const isSubRowEditing = editingRowId === subRowId;
-        return /* @__PURE__ */ jsx14(TableRow, { className: "border-l-2 border-l-blue-200", style, children: subRow.getVisibleCells().map((cell) => /* @__PURE__ */ jsx14(
-          TableCell,
+        return /* @__PURE__ */ jsx11("tr", { className: "border-l-2 border-l-blue-200", style, children: subRow.getVisibleCells().map((cell) => /* @__PURE__ */ jsx11(
+          "td",
           {
             className: getTableCellClasses({
               isCompact: true,
               className: "px-3 py-2 pl-8 whitespace-normal break-words"
             }),
-            style: {
-              width: columnSizes[cell.column.id] || (cell.column?.getSize ? cell.column.getSize() : 120)
-            },
             children: isSubRowEditing && cell.column.id !== "actions" ? renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
               if (typeof value === "object" && value !== null) {
                 onEditingDataChange?.({ ...editingData, ...value });
               } else {
                 onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
               }
-            }, editingData) : cell.column.id === "actions" ? /* @__PURE__ */ jsx14(
+            }, editingData) : cell.column.id === "actions" ? /* @__PURE__ */ jsx11(
               ActionButtons,
               {
                 row,
@@ -1671,15 +1481,11 @@ var MemoizedRow = ({
   }
   const visibleCells = row.getVisibleCells();
   const allCells = row.getAllCells ? row.getAllCells() : [];
-  const hierarchicalRow = row.original;
-  const isHierarchical = hierarchical?.enabled && hierarchicalRow?.isParent !== void 0;
-  const isParent = isHierarchical && hierarchicalRow.isParent;
-  const isChild = isHierarchical && !hierarchicalRow.isParent;
   const indentSize = hierarchical?.indentSize || 24;
   const indentation = isChild && hierarchical?.state ? calculateIndentation(hierarchicalRow, [], indentSize) : 0;
   const rowClassName = isHierarchical ? isParent ? hierarchical?.parentRowClassName || "bg-main-50 hover:bg-main-100 font-medium" : hierarchical?.childRowClassName || "bg-sec-25 hover:bg-sec-50" : "";
-  return /* @__PURE__ */ jsx14(
-    TableRow,
+  return /* @__PURE__ */ jsx11(
+    "tr",
     {
       style: {
         ...style,
@@ -1703,19 +1509,15 @@ var MemoizedRow = ({
             isExpanded
           });
         }
-        return /* @__PURE__ */ jsx14(
-          TableCell,
+        return /* @__PURE__ */ jsx11(
+          "td",
           {
             className: getTableCellClasses({
               isCompact: true,
               className: "px-3 py-2 whitespace-normal break-words"
             }),
-            style: {
-              width: columnSizes[cell.column.id] || (cell.column?.getSize ? cell.column.getSize() : 120),
-              minWidth: columnSizes[cell.column.id] ? void 0 : 120
-            },
-            children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-              shouldShowExpansionButton && hasChildren && /* @__PURE__ */ jsx14(
+            children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+              shouldShowExpansionButton && hasChildren && /* @__PURE__ */ jsx11(
                 Button,
                 {
                   variant: "ghost",
@@ -1724,35 +1526,35 @@ var MemoizedRow = ({
                   className: "h-6 w-6 p-0 flex-shrink-0",
                   "aria-label": isExpanded ? "Collapse row" : "Expand row",
                   title: isExpanded ? "Collapse row" : "Expand row",
-                  children: isExpanded ? /* @__PURE__ */ jsx14(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx14(ChevronRight, { className: "h-4 w-4" })
+                  children: isExpanded ? /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx11(ChevronRight, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx14("div", { className: "flex-1", children: isEditing && cell.column.id !== "actions" ? renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
+              /* @__PURE__ */ jsx11("div", { className: "flex-1", children: isEditing && cell.column.id !== "actions" ? renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
                 if (typeof value === "object" && value !== null) {
                   onEditingDataChange?.({ ...editingData, ...value });
                 } else {
                   onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
                 }
-              }, editingData) : cell.column.id === "actions" ? isEditing ? /* @__PURE__ */ jsxs10("div", { className: "flex gap-1", children: [
-                /* @__PURE__ */ jsx14(
+              }, editingData) : cell.column.id === "actions" ? isEditing ? /* @__PURE__ */ jsxs8("div", { className: "flex gap-1", children: [
+                /* @__PURE__ */ jsx11(
                   "button",
                   {
                     onClick: onSaveEditing,
                     className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
                     title: "Save changes",
-                    children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+                    children: /* @__PURE__ */ jsx11("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
                   }
                 ),
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx11(
                   "button",
                   {
                     onClick: onCancelEditing,
                     className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
                     title: "Cancel changes",
-                    children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                    children: /* @__PURE__ */ jsx11("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
                   }
                 )
-              ] }) : /* @__PURE__ */ jsx14(
+              ] }) : /* @__PURE__ */ jsx11(
                 ActionButtons,
                 {
                   row,
@@ -1816,7 +1618,6 @@ function UnifiedTableBody({
   const headerRef = useRef2(null);
   const bodyRef = useRef2(null);
   const parentRef = useRef2(null);
-  const [columnSizes, setColumnSizes] = useState3({});
   const shouldVirtualize = forceVirtualization || dataLength > VIRTUALIZATION_THRESHOLD;
   const rows = table.getRowModel().rows;
   const headerGroups = table.getHeaderGroups();
@@ -1828,47 +1629,15 @@ function UnifiedTableBody({
   });
   const virtualRows = virtualizer.getVirtualItems();
   const totalSize = virtualizer.getTotalSize();
-  useLayoutEffect(() => {
-    if (headerRef.current && bodyRef.current) {
-      const headerCells = headerRef.current.querySelectorAll("th");
-      const newColumnSizes = {};
-      const tableWidth = headerRef.current.closest("table")?.getBoundingClientRect().width || 0;
-      const totalColumns = table.getHeaderGroups()[0]?.headers.length || 0;
-      table.getHeaderGroups()[0]?.headers.forEach((header, index) => {
-        const headerCell = headerCells[index];
-        if (headerCell) {
-          const columnSize = header.column?.getSize ? header.column.getSize() : 150;
-          const computedWidth = headerCell.getBoundingClientRect().width;
-          if (totalColumns > 0) {
-            const availableWidth = tableWidth / totalColumns;
-            const minWidth = Math.max(columnSize, 80);
-            newColumnSizes[header.id] = Math.max(computedWidth, availableWidth, minWidth);
-          } else {
-            newColumnSizes[header.id] = Math.max(computedWidth, columnSize);
-          }
-        }
-      });
-      const hasChanged = Object.keys(newColumnSizes).some(
-        (key) => newColumnSizes[key] !== columnSizes[key]
-      ) || Object.keys(columnSizes).length !== Object.keys(newColumnSizes).length;
-      if (hasChanged) {
-        setColumnSizes(newColumnSizes);
-      }
-    }
-  }, [table, columnSizes]);
   const renderTableContent = () => {
     if (rows.length === 0) {
-      return /* @__PURE__ */ jsx14(TableRow, { children: /* @__PURE__ */ jsx14(
-        TableCell,
+      return /* @__PURE__ */ jsx11("tr", { children: /* @__PURE__ */ jsx11(
+        "td",
         {
           colSpan: table.getVisibleFlatColumns().length,
           className: "px-3 py-2",
           role: "status",
-          style: {
-            width: "100%",
-            minWidth: "100%"
-          },
-          children: /* @__PURE__ */ jsx14(
+          children: /* @__PURE__ */ jsx11(
             EmptyState,
             {
               title: emptyState?.title,
@@ -1888,11 +1657,10 @@ function UnifiedTableBody({
         if (!row) return null;
         const rowId = getRowId ? getRowId(row.original, row.index) : String(row.index);
         const isEditing = editingRowId === rowId;
-        return /* @__PURE__ */ jsx14(
+        return /* @__PURE__ */ jsx11(
           MemoizedRow,
           {
             row,
-            columnSizes,
             isEditing,
             editingData,
             onEditingDataChange,
@@ -1919,11 +1687,10 @@ function UnifiedTableBody({
       return rows.map((row) => {
         const rowId = getRowId ? getRowId(row.original, row.index) : String(row.index);
         const isEditing = editingRowId === rowId;
-        return /* @__PURE__ */ jsx14(
+        return /* @__PURE__ */ jsx11(
           MemoizedRow,
           {
             row,
-            columnSizes,
             isEditing,
             editingData,
             onEditingDataChange,
@@ -1940,183 +1707,72 @@ function UnifiedTableBody({
       });
     }
   };
-  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
-    /* @__PURE__ */ jsx14(TableHeader, { ref: headerRef, children: headerGroups.map((headerGroup) => /* @__PURE__ */ jsxs10(TableRow, { children: [
-      hierarchical?.enabled && hierarchical?.hasAnyChildren && /* @__PURE__ */ jsx14(TableHead, { className: "w-12", children: /* @__PURE__ */ jsx14(
-        Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          onClick: hierarchical.isAllExpanded ? hierarchical.collapseAll : hierarchical.expandAll,
-          className: "h-8 w-8 p-0",
-          "aria-label": hierarchical.isAllExpanded ? "Collapse all" : "Expand all",
-          title: hierarchical.isAllExpanded ? "Collapse all" : "Expand all",
-          children: hierarchical.isAllExpanded ? /* @__PURE__ */ jsx14(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx14(ChevronRight, { className: "h-4 w-4" })
-        }
-      ) }),
-      headerGroup.headers.filter((header) => {
+  return /* @__PURE__ */ jsxs8("tbody", { ref: bodyRef, children: [
+    isCreating && /* @__PURE__ */ jsxs8("tr", { children: [
+      headerGroups[0]?.headers?.filter((header) => {
         return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
-      }).map((header) => /* @__PURE__ */ jsx14(
-        DraggableColumnHeader,
+      })?.filter((header) => header.column.id !== "actions" && header.column.id !== "select")?.map((header) => /* @__PURE__ */ jsx11(
+        "td",
         {
-          header,
-          enableReordering: enableColumnReordering,
-          onColumnDrop
+          className: getTableCellClasses({
+            isCompact: true,
+            className: "px-3 py-2"
+          }),
+          children: renderEditField(header.column, creationData[header.column.id], (value) => {
+            if (typeof value === "object" && value !== null) {
+              onCreationDataChange({ ...creationData, ...value });
+            } else {
+              onCreationDataChange({ ...creationData, [header.column.id]: value });
+            }
+          }, creationData)
         },
-        header.id
-      ))
-    ] }, headerGroup.id)) }),
-    enableFiltering && showFilterRow && /* @__PURE__ */ jsx14(TableHeader, { children: /* @__PURE__ */ jsx14(
+        header.column.id
+      )),
+      /* @__PURE__ */ jsxs8(
+        "td",
+        {
+          className: getTableCellClasses({
+            isCompact: true,
+            className: "px-3 py-2 flex gap-1"
+          }),
+          children: [
+            /* @__PURE__ */ jsx11(
+              "button",
+              {
+                onClick: onSaveCreation,
+                className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
+                title: "Save new row",
+                children: /* @__PURE__ */ jsx11("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+              }
+            ),
+            /* @__PURE__ */ jsx11(
+              "button",
+              {
+                onClick: onCancelCreation,
+                className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
+                title: "Cancel new row",
+                children: /* @__PURE__ */ jsx11("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    showFilterRow && enableFiltering && /* @__PURE__ */ jsx11(
       FilterRow,
       {
         table,
-        visibleColumns: headerGroups[0]?.headers?.filter((header) => {
-          return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
-        }) || []
+        visibleColumns: table.getHeaderGroups()[0]?.headers || []
       }
-    ) }),
-    shouldVirtualize ? /* @__PURE__ */ jsx14(
-      "div",
-      {
-        ref: parentRef,
-        className: "overflow-auto",
-        style: { height: `${virtualHeight}px` },
-        children: /* @__PURE__ */ jsx14(
-          "div",
-          {
-            style: {
-              height: `${totalSize}px`,
-              width: "100%",
-              position: "relative"
-            },
-            children: /* @__PURE__ */ jsx14("table", { className: "w-full", style: { tableLayout: "fixed", width: "100%" }, children: /* @__PURE__ */ jsxs10(TableBody, { ref: bodyRef, children: [
-              isCreating && /* @__PURE__ */ jsxs10(TableRow, { children: [
-                headerGroups[0]?.headers?.filter((header) => {
-                  return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
-                })?.filter((header) => header.column.id !== "actions" && header.column.id !== "select")?.map((header) => /* @__PURE__ */ jsx14(
-                  TableCell,
-                  {
-                    className: getTableCellClasses({
-                      isCompact: true,
-                      className: "px-3 py-2"
-                    }),
-                    style: {
-                      width: columnSizes[header.column.id] || (header.column?.getSize ? header.column.getSize() : 120)
-                    },
-                    children: renderEditField(header.column, creationData[header.column.id], (value) => {
-                      if (typeof value === "object" && value !== null) {
-                        onCreationDataChange({ ...creationData, ...value });
-                      } else {
-                        onCreationDataChange({ ...creationData, [header.column.id]: value });
-                      }
-                    }, creationData)
-                  },
-                  header.column.id
-                )),
-                /* @__PURE__ */ jsxs10(
-                  TableCell,
-                  {
-                    className: getTableCellClasses({
-                      isCompact: true,
-                      className: "px-3 py-2 flex gap-1"
-                    }),
-                    style: {
-                      width: columnSizes["actions"] || 100
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx14(
-                        "button",
-                        {
-                          onClick: onSaveCreation,
-                          className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
-                          title: "Save new row",
-                          children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
-                        }
-                      ),
-                      /* @__PURE__ */ jsx14(
-                        "button",
-                        {
-                          onClick: onCancelCreation,
-                          className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
-                          title: "Cancel new row",
-                          children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] }),
-              renderTableContent()
-            ] }) })
-          }
-        )
-      }
-    ) : /* @__PURE__ */ jsxs10(TableBody, { ref: bodyRef, children: [
-      isCreating && /* @__PURE__ */ jsxs10(TableRow, { children: [
-        headerGroups[0]?.headers?.filter((header) => {
-          return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
-        })?.filter((header) => header.column.id !== "actions" && header.column.id !== "select")?.map((header) => /* @__PURE__ */ jsx14(
-          TableCell,
-          {
-            className: getTableCellClasses({
-              isCompact: true,
-              className: "px-3 py-2"
-            }),
-            style: {
-              width: columnSizes[header.column.id] || (header.column?.getSize ? header.column.getSize() : 120)
-            },
-            children: renderEditField(header.column, creationData[header.column.id], (value) => {
-              if (typeof value === "object" && value !== null) {
-                onCreationDataChange({ ...creationData, ...value });
-              } else {
-                onCreationDataChange({ ...creationData, [header.column.id]: value });
-              }
-            }, creationData)
-          },
-          header.column.id
-        )),
-        /* @__PURE__ */ jsxs10(
-          TableCell,
-          {
-            className: getTableCellClasses({
-              isCompact: true,
-              className: "px-3 py-2 flex gap-1"
-            }),
-            style: {
-              width: columnSizes["actions"] || 100
-            },
-            children: [
-              /* @__PURE__ */ jsx14(
-                "button",
-                {
-                  onClick: onSaveCreation,
-                  className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
-                  title: "Save new row",
-                  children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
-                }
-              ),
-              /* @__PURE__ */ jsx14(
-                "button",
-                {
-                  onClick: onCancelCreation,
-                  className: "h-8 w-8 p-0 hover:bg-muted/50 flex items-center justify-center",
-                  title: "Cancel new row",
-                  children: /* @__PURE__ */ jsx14("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      renderTableContent()
-    ] })
+    ),
+    renderTableContent()
   ] });
 }
 
 // src/components/DataTable/components/PaginationControls.tsx
 init_Button();
 init_cn();
-import React7 from "react";
+import React5 from "react";
 import {
   ChevronLeft,
   ChevronRight as ChevronRight2,
@@ -2126,7 +1782,7 @@ import {
   Database as Database2,
   Zap
 } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function PaginationControls({
   table,
   pageSizeOptions = [10, 20, 30, 40, 50],
@@ -2220,11 +1876,11 @@ function PaginationControls({
   const getModeIcon = () => {
     switch (paginationMode) {
       case "server":
-        return /* @__PURE__ */ jsx15(Server, { className: "h-3 w-3" });
+        return /* @__PURE__ */ jsx12(Server, { className: "h-3 w-3" });
       case "hybrid":
-        return /* @__PURE__ */ jsx15(Database2, { className: "h-3 w-3" });
+        return /* @__PURE__ */ jsx12(Database2, { className: "h-3 w-3" });
       default:
-        return /* @__PURE__ */ jsx15(Zap, { className: "h-3 w-3" });
+        return /* @__PURE__ */ jsx12(Zap, { className: "h-3 w-3" });
     }
   };
   const getModeLabel = () => {
@@ -2237,14 +1893,14 @@ function PaginationControls({
         return "Client-side";
     }
   };
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs9(
     "footer",
     {
       "aria-label": "pagination",
       className: "mx-auto grid grid-cols-[auto_auto_1fr_auto_auto_auto_auto] gap-4",
       children: [
-        /* @__PURE__ */ jsx15("p", { className: "text-sm text-sec-600", children: "Rows per page" }),
-        /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsx12("p", { className: "text-sm text-sec-600", children: "Rows per page" }),
+        /* @__PURE__ */ jsxs9(
           Select,
           {
             value: currentPageSize?.toString() || "10",
@@ -2253,31 +1909,31 @@ function PaginationControls({
             disabled: isLoading,
             className: "w-36 h-8",
             children: [
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx12(
                 SelectTrigger,
                 {
                   className: cn(
                     isLoading && "opacity-50 cursor-not-allowed"
                   ),
                   "aria-label": "Rows per page",
-                  children: /* @__PURE__ */ jsx15(SelectValue, {})
+                  children: /* @__PURE__ */ jsx12(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ jsx15(SelectContent, { children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ jsx15(SelectItem, { value: pageSize?.toString() || "10", children: pageSize }, pageSize)) })
+              /* @__PURE__ */ jsx12(SelectContent, { children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ jsx12(SelectItem, { value: pageSize?.toString() || "10", children: pageSize }, pageSize)) })
             ]
           }
         ),
-        showPerformanceInfo && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+        showPerformanceInfo && /* @__PURE__ */ jsxs9(Fragment2, { children: [
           getModeIcon(),
-          /* @__PURE__ */ jsx15("span", { children: getModeLabel() })
+          /* @__PURE__ */ jsx12("span", { children: getModeLabel() })
         ] }),
-        /* @__PURE__ */ jsxs11("p", { className: "justify-self-center text-sm text-sec-600", children: [
+        /* @__PURE__ */ jsxs9("p", { className: "justify-self-center text-sm text-sec-600", children: [
           "Page ",
           currentPageIndex + 1,
           " of ",
           pageCount || 1
         ] }),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx12(
           Button,
           {
             variant: "outline",
@@ -2287,10 +1943,10 @@ function PaginationControls({
             disabled: !canPreviousPage || isLoading,
             "aria-label": "Go to first page",
             tabIndex: 0,
-            children: /* @__PURE__ */ jsx15(ChevronsLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx12(ChevronsLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx12(
           Button,
           {
             variant: "outline",
@@ -2300,10 +1956,10 @@ function PaginationControls({
             disabled: !canPreviousPage || isLoading,
             "aria-label": "Go to previous page",
             tabIndex: 0,
-            children: /* @__PURE__ */ jsx15(ChevronLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx12(ChevronLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx12(
           Button,
           {
             variant: "outline",
@@ -2313,10 +1969,10 @@ function PaginationControls({
             disabled: !canNextPage || isLoading,
             "aria-label": "Go to next page",
             tabIndex: 0,
-            children: /* @__PURE__ */ jsx15(ChevronRight2, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx12(ChevronRight2, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx12(
           Button,
           {
             variant: "outline",
@@ -2326,7 +1982,7 @@ function PaginationControls({
             disabled: !canNextPage || isLoading,
             "aria-label": "Go to last page",
             tabIndex: 0,
-            children: /* @__PURE__ */ jsx15(ChevronsRight, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx12(ChevronsRight, { className: "h-4 w-4" })
           }
         )
       ]
@@ -2337,7 +1993,7 @@ function EnhancedPaginationControls({
   showJumpToPage = false,
   ...props
 }) {
-  const [jumpToPage, setJumpToPage] = React7.useState("");
+  const [jumpToPage, setJumpToPage] = React5.useState("");
   const { table, paginationMode = "client", serverData, onPageChange } = props;
   const { pageCount } = (() => {
     if (paginationMode === "server" && serverData) {
@@ -2358,11 +2014,11 @@ function EnhancedPaginationControls({
       setJumpToPage("");
     }
   };
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
-    /* @__PURE__ */ jsx15(PaginationControls, { ...props }),
-    showJumpToPage && /* @__PURE__ */ jsx15(Fragment3, { children: /* @__PURE__ */ jsxs11("form", { onSubmit: handleJumpToPage, className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx15("span", { children: "Jump to page:" }),
-      /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
+    /* @__PURE__ */ jsx12(PaginationControls, { ...props }),
+    showJumpToPage && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsxs9("form", { onSubmit: handleJumpToPage, className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsx12("span", { children: "Jump to page:" }),
+      /* @__PURE__ */ jsx12(
         "input",
         {
           type: "number",
@@ -2374,31 +2030,31 @@ function EnhancedPaginationControls({
           placeholder: "1"
         }
       ),
-      /* @__PURE__ */ jsx15(Button, { type: "submit", size: "sm", variant: "outline", className: "h-6 px-2 text-xs", children: "Go" })
+      /* @__PURE__ */ jsx12(Button, { type: "submit", size: "sm", variant: "outline", className: "h-6 px-2 text-xs", children: "Go" })
     ] }) })
   ] });
 }
 
 // src/components/DataTable/components/LoadingState.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function LoadingState() {
-  return /* @__PURE__ */ jsx16("div", { className: "p-8 text-center", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-center space-x-2", children: [
-    /* @__PURE__ */ jsx16("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }),
-    /* @__PURE__ */ jsx16("span", { "aria-live": "polite", className: "text-muted-foreground", children: "Loading..." })
+  return /* @__PURE__ */ jsx13("div", { className: "p-8 text-center", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-center space-x-2", children: [
+    /* @__PURE__ */ jsx13("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }),
+    /* @__PURE__ */ jsx13("span", { "aria-live": "polite", className: "text-muted-foreground", children: "Loading..." })
   ] }) });
 }
 
 // src/components/DataTable/components/ImportModal.tsx
-import { useState as useState4, useRef as useRef3, useEffect as useEffect2 } from "react";
+import { useState as useState3, useRef as useRef3, useEffect as useEffect2 } from "react";
 init_Button();
 import { Upload as Upload2, FileText, AlertCircle } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function ImportModal({ isOpen, onClose, onImport, config = {} }) {
-  const [file, setFile] = useState4(null);
-  const [isProcessing, setIsProcessing] = useState4(false);
-  const [error, setError] = useState4(null);
-  const [previewData, setPreviewData] = useState4(null);
-  const [totalCount, setTotalCount] = useState4(0);
+  const [file, setFile] = useState3(null);
+  const [isProcessing, setIsProcessing] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [previewData, setPreviewData] = useState3(null);
+  const [totalCount, setTotalCount] = useState3(0);
   const fileInputRef = useRef3(null);
   const isMountedRef = useRef3(true);
   useEffect2(() => {
@@ -2508,29 +2164,29 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
     setTotalCount(0);
     onClose();
   };
-  return /* @__PURE__ */ jsx17(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs13(DialogContent, { className: "sm:max-w-2xl bg-main-50", children: [
-    /* @__PURE__ */ jsxs13(DialogHeader, { children: [
-      /* @__PURE__ */ jsx17(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx17(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsx14(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs11(DialogContent, { className: "sm:max-w-2xl bg-main-50", children: [
+    /* @__PURE__ */ jsxs11(DialogHeader, { children: [
+      /* @__PURE__ */ jsx14(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx14(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "border-2 border-dashed border-sec-200 rounded-lg p-6 text-center", children: [
-        /* @__PURE__ */ jsx17(FileText, { className: "h-8 w-8 mx-auto text-sec-400 mb-2" }),
-        /* @__PURE__ */ jsx17("p", { className: "text-sec-600 mb-2", children: file ? `Selected: ${file.name}` : uploadText }),
-        file && /* @__PURE__ */ jsx17("p", { className: "text-xs text-sec-500", children: "File selected, processing preview..." }),
-        /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs11("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "border-2 border-dashed border-sec-200 rounded-lg p-6 text-center", children: [
+        /* @__PURE__ */ jsx14(FileText, { className: "h-8 w-8 mx-auto text-sec-400 mb-2" }),
+        /* @__PURE__ */ jsx14("p", { className: "text-sec-600 mb-2", children: file ? `Selected: ${file.name}` : uploadText }),
+        file && /* @__PURE__ */ jsx14("p", { className: "text-xs text-sec-500", children: "File selected, processing preview..." }),
+        /* @__PURE__ */ jsxs11(
           Button,
           {
             variant: "outline",
             size: "sm",
             onClick: () => fileInputRef.current?.click(),
             children: [
-              /* @__PURE__ */ jsx17(Upload2, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ jsx14(Upload2, { className: "h-4 w-4 mr-2" }),
               selectFileButtonText
             ]
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx14(
           Input,
           {
             ref: fileInputRef,
@@ -2541,21 +2197,21 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 p-3 bg-acc-50 border border-acc-200 rounded text-acc-700", children: [
-        /* @__PURE__ */ jsx17(AlertCircle, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx17("span", { className: "text-sm", children: error })
+      error && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 p-3 bg-acc-50 border border-acc-200 rounded text-acc-700", children: [
+        /* @__PURE__ */ jsx14(AlertCircle, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx14("span", { className: "text-sm", children: error })
       ] }),
-      previewData && previewData.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx17("h4", { className: "text-sec-900", children: previewHeaderText }),
-        /* @__PURE__ */ jsx17("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx17("div", { className: "overflow-x-auto max-h-48", children: /* @__PURE__ */ jsxs13("table", { className: "min-w-full text-xs", children: [
-          /* @__PURE__ */ jsx17("thead", { className: "bg-sec-50", children: /* @__PURE__ */ jsx17("tr", { children: Object.keys(previewData[0]).map((header) => /* @__PURE__ */ jsx17("th", { className: "px-2 py-1 text-left font-medium text-sec-900 border-b", children: header }, header)) }) }),
-          /* @__PURE__ */ jsx17("tbody", { children: previewData.map((row, index) => /* @__PURE__ */ jsx17("tr", { className: index % 2 === 0 ? "bg-app-main-50" : "bg-sec-50", children: Object.values(row).map((value, cellIndex) => /* @__PURE__ */ jsx17("td", { className: "px-2 py-1 text-sec-700 border-b", children: String(value) }, cellIndex)) }, index)) })
+      previewData && previewData.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sec-900", children: previewHeaderText }),
+        /* @__PURE__ */ jsx14("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx14("div", { className: "overflow-x-auto max-h-48", children: /* @__PURE__ */ jsxs11("table", { className: "min-w-full text-xs", children: [
+          /* @__PURE__ */ jsx14("thead", { className: "bg-sec-50", children: /* @__PURE__ */ jsx14("tr", { children: Object.keys(previewData[0]).map((header) => /* @__PURE__ */ jsx14("th", { className: "px-2 py-1 text-left font-medium text-sec-900 border-b", children: header }, header)) }) }),
+          /* @__PURE__ */ jsx14("tbody", { children: previewData.map((row, index) => /* @__PURE__ */ jsx14("tr", { className: index % 2 === 0 ? "bg-app-main-50" : "bg-sec-50", children: Object.values(row).map((value, cellIndex) => /* @__PURE__ */ jsx14("td", { className: "px-2 py-1 text-sec-700 border-b", children: String(value) }, cellIndex)) }, index)) })
         ] }) }) }),
-        /* @__PURE__ */ jsx17("p", { className: "text-sec-500", children: totalRowsText.replace("{count}", totalCount.toString()) })
+        /* @__PURE__ */ jsx14("p", { className: "text-sec-500", children: totalRowsText.replace("{count}", totalCount.toString()) })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx17(Button, { variant: "outline", onClick: handleClose, children: cancelButtonText }),
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs11("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx14(Button, { variant: "outline", onClick: handleClose, children: cancelButtonText }),
+        /* @__PURE__ */ jsx14(
           Button,
           {
             onClick: handleImport,
@@ -2569,14 +2225,14 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-import { Fragment as Fragment4, jsx as jsx18 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15 } from "react/jsx-runtime";
 function DataTableModals({
   showImportModal,
   onCloseImportModal,
   onImport,
   importModalConfig
 }) {
-  return /* @__PURE__ */ jsx18(Fragment4, { children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx15(Fragment3, { children: /* @__PURE__ */ jsx15(
     ImportModal,
     {
       isOpen: showImportModal,
@@ -2588,13 +2244,13 @@ function DataTableModals({
 }
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-import React10, { Component } from "react";
+import React8, { Component } from "react";
 
 // src/components/Alert/Alert.tsx
 init_cn();
-import * as React9 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var AlertContext = React9.createContext({ variant: "default" });
+import * as React7 from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var AlertContext = React7.createContext({ variant: "default" });
 var getAlertClasses = (variant = "default") => {
   const baseClasses = "relative w-full rounded-lg border p-4";
   const variantClasses = {
@@ -2605,12 +2261,12 @@ var getAlertClasses = (variant = "default") => {
   };
   return `${baseClasses} ${variantClasses[variant]}`;
 };
-var Alert = React9.forwardRef(({ className, variant = "default", ...props }, ref) => {
-  const contextValue = React9.useMemo(() => ({ variant }), [variant]);
+var Alert = React7.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const contextValue = React7.useMemo(() => ({ variant }), [variant]);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx19(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx19(React9.Fragment, { ...props }) });
+    return /* @__PURE__ */ jsx16(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx16(React7.Fragment, { ...props }) });
   }
-  return /* @__PURE__ */ jsx19(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx16(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx16(
     "div",
     {
       ref,
@@ -2621,12 +2277,12 @@ var Alert = React9.forwardRef(({ className, variant = "default", ...props }, ref
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React9.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React9.useContext(AlertContext);
+var AlertTitle = React7.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React7.useContext(AlertContext);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx19("strong", { ...props });
+    return /* @__PURE__ */ jsx16("strong", { ...props });
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx16(
     "h5",
     {
       ref,
@@ -2636,12 +2292,12 @@ var AlertTitle = React9.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React9.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React9.useContext(AlertContext);
+var AlertDescription = React7.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React7.useContext(AlertContext);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx19("span", { ...props });
+    return /* @__PURE__ */ jsx16("span", { ...props });
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx16(
     "p",
     {
       ref,
@@ -2654,7 +2310,7 @@ AlertDescription.displayName = "AlertDescription";
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
 init_Button();
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var DataTableErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -2725,21 +2381,21 @@ var DataTableErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxs14(Alert, { variant: "destructive", className: "max-w-md", children: [
-        /* @__PURE__ */ jsx20(AlertTitle, { children: "DataTable Error" }),
-        /* @__PURE__ */ jsx20(AlertDescription, { className: "mt-2", children: /* @__PURE__ */ jsx20("span", { children: "Something went wrong" }) }),
-        error && error.message ? /* @__PURE__ */ jsxs14("details", { className: "mt-2", children: [
-          /* @__PURE__ */ jsx20("summary", { className: "cursor-pointer text-sm font-medium", children: "Error Details" }),
-          /* @__PURE__ */ jsxs14("pre", { className: "mt-2 text-xs overflow-auto max-h-32", children: [
+      return /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxs12(Alert, { variant: "destructive", className: "max-w-md", children: [
+        /* @__PURE__ */ jsx17(AlertTitle, { children: "DataTable Error" }),
+        /* @__PURE__ */ jsx17(AlertDescription, { className: "mt-2", children: /* @__PURE__ */ jsx17("span", { children: "Something went wrong" }) }),
+        error && error.message ? /* @__PURE__ */ jsxs12("details", { className: "mt-2", children: [
+          /* @__PURE__ */ jsx17("summary", { className: "cursor-pointer text-sm font-medium", children: "Error Details" }),
+          /* @__PURE__ */ jsxs12("pre", { className: "mt-2 text-xs overflow-auto max-h-32", children: [
             error.message,
-            showErrorDetails && error.stack && /* @__PURE__ */ jsxs14(Fragment6, { children: [
+            showErrorDetails && error.stack && /* @__PURE__ */ jsxs12(Fragment5, { children: [
               "\n\nStack Trace:\n",
               error.stack
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsx20("div", { className: "mt-2", children: /* @__PURE__ */ jsx20("span", { children: "An unexpected error occurred" }) }),
-        /* @__PURE__ */ jsxs14("div", { className: "mt-4 flex gap-2", children: [
-          showRetryButton && retryCount < maxRetries && /* @__PURE__ */ jsxs14(
+        ] }) : /* @__PURE__ */ jsx17("div", { className: "mt-2", children: /* @__PURE__ */ jsx17("span", { children: "An unexpected error occurred" }) }),
+        /* @__PURE__ */ jsxs12("div", { className: "mt-4 flex gap-2", children: [
+          showRetryButton && retryCount < maxRetries && /* @__PURE__ */ jsxs12(
             Button,
             {
               variant: "outline",
@@ -2755,7 +2411,7 @@ var DataTableErrorBoundary = class extends Component {
               ]
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx17(
             Button,
             {
               variant: "outline",
@@ -2772,14 +2428,14 @@ var DataTableErrorBoundary = class extends Component {
 };
 
 // src/components/DataTable/hooks/useColumnOrderPersistence.ts
-import { useState as useState5, useEffect as useEffect3, useCallback as useCallback2 } from "react";
+import { useState as useState4, useEffect as useEffect3, useCallback as useCallback2 } from "react";
 function useColumnOrderPersistence({
   tableId,
   defaultOrder = [],
   enablePersistence = false
 }) {
-  const [columnOrder, setColumnOrder] = useState5(defaultOrder);
-  const [isLoaded, setIsLoaded] = useState5(false);
+  const [columnOrder, setColumnOrder] = useState4(defaultOrder);
+  const [isLoaded, setIsLoaded] = useState4(false);
   const storageKey = tableId ? `datatable-column-order-${tableId}` : "datatable-column-order";
   useEffect3(() => {
     if (!enablePersistence || !tableId) {
@@ -2845,7 +2501,7 @@ function useColumnOrderPersistence({
 }
 
 // src/components/DataTable/hooks/useHierarchicalState.ts
-import { useState as useState6, useCallback as useCallback3, useMemo as useMemo4, useEffect as useEffect4 } from "react";
+import { useState as useState5, useCallback as useCallback3, useMemo as useMemo4, useEffect as useEffect4 } from "react";
 function useHierarchicalState(data, config) {
   const getInitialExpandedState = useCallback3(() => {
     if (!config?.defaultExpanded) {
@@ -2859,7 +2515,7 @@ function useHierarchicalState(data, config) {
     }
     return /* @__PURE__ */ new Set();
   }, [data, config?.defaultExpanded]);
-  const [expandedRows, setExpandedRows] = useState6(getInitialExpandedState);
+  const [expandedRows, setExpandedRows] = useState5(getInitialExpandedState);
   useEffect4(() => {
     setExpandedRows(getInitialExpandedState());
   }, [getInitialExpandedState]);
@@ -3168,70 +2824,6 @@ function compareValues(a, b) {
   return 0;
 }
 
-// src/components/DataTable/utils/columnSizing.ts
-function calculateContentWidth(content, minWidth = 80, maxWidth = 400, padding = 32) {
-  if (!content || typeof content !== "string") {
-    return minWidth;
-  }
-  const estimatedWidth = content.length * 8 + padding;
-  return Math.max(minWidth, Math.min(maxWidth, estimatedWidth));
-}
-function calculateColumnWidths(data, columns, options = {}) {
-  const {
-    minWidth = 80,
-    maxWidth = 400,
-    padding = 32,
-    sampleSize = 100
-  } = options;
-  const columnWidths = {};
-  const sampleData = data.slice(0, sampleSize);
-  columns.forEach((column) => {
-    const columnId = column.id || column.accessorKey;
-    if (!columnId) return;
-    let maxContentWidth = minWidth;
-    const headerWidth = calculateContentWidth(
-      column.header || column.accessorKey || "",
-      minWidth,
-      maxWidth,
-      padding
-    );
-    maxContentWidth = Math.max(maxContentWidth, headerWidth);
-    sampleData.forEach((row) => {
-      const cellValue = column.accessorFn ? column.accessorFn(row, 0) : row[column.accessorKey];
-      if (cellValue !== null && cellValue !== void 0) {
-        const content = String(cellValue);
-        const contentWidth = calculateContentWidth(
-          content,
-          minWidth,
-          maxWidth,
-          padding
-        );
-        maxContentWidth = Math.max(maxContentWidth, contentWidth);
-      }
-    });
-    columnWidths[columnId] = Math.min(maxContentWidth, maxWidth);
-  });
-  return columnWidths;
-}
-function getColumnSizingConfig(autoSizing, columnWidths) {
-  if (!autoSizing) {
-    return {
-      columnResizeMode: "onChange"
-    };
-  }
-  return {
-    columnResizeMode: "onChange",
-    enableColumnResizing: true,
-    columnResizeDirection: "ltr",
-    // Set initial column sizes if provided
-    ...columnWidths && {
-      initialState: {
-        columnSizing: columnWidths
-      }
-    }
-  };
-}
-
 // src/components/DataTable/core/ColumnFactory.ts
 var ColumnFactory = class {
   /**
@@ -3400,7 +2992,7 @@ var ColumnFactory = class {
 };
 
 // src/components/DataTable/components/DataTableCore.tsx
-import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function DataTableInternal({
   data,
   columns,
@@ -3435,12 +3027,12 @@ function DataTableInternal({
   actions = [],
   columnOrder: externalColumnOrder
 }) {
-  const [sorting, setSorting] = useState7([]);
-  const [columnFilters, setColumnFilters] = useState7([]);
-  const [columnVisibility, setColumnVisibility] = useState7({});
-  const [internalRowSelection, setInternalRowSelection] = useState7({});
+  const [sorting, setSorting] = useState6([]);
+  const [columnFilters, setColumnFilters] = useState6([]);
+  const [columnVisibility, setColumnVisibility] = useState6({});
+  const [internalRowSelection, setInternalRowSelection] = useState6({});
   const rowSelection = selection !== void 0 ? selection : internalRowSelection;
-  const [columnOrder, setColumnOrder] = useState7(() => {
+  const [columnOrder, setColumnOrder] = useState6(() => {
     if (externalColumnOrder && externalColumnOrder.length > 0) {
       return externalColumnOrder;
     }
@@ -3452,9 +3044,9 @@ function DataTableInternal({
     }
     return columnOrder;
   }, [columnOrder, features.selection]);
-  const [grouping, setGrouping] = useState7([]);
-  const [expanded, setExpanded] = useState7({});
-  const [pagination, setPagination] = useState7({
+  const [grouping, setGrouping] = useState6([]);
+  const [expanded, setExpanded] = useState6({});
+  const [pagination, setPagination] = useState6({
     pageIndex: 0,
     pageSize: initialPageSize
   });
@@ -3468,8 +3060,8 @@ function DataTableInternal({
   const creationData = tableState.creationData;
   const editingRowId = tableState.editingRowId;
   const editingData = tableState.editingData;
-  const [showImportModal, setShowImportModal] = useState7(false);
-  const [showFilterRow, setShowFilterRow] = useState7(false);
+  const [showImportModal, setShowImportModal] = useState6(false);
+  const [showFilterRow, setShowFilterRow] = useState6(false);
   const performanceHook = useDataTablePerformance({
     data,
     performance,
@@ -3621,7 +3213,7 @@ function DataTableInternal({
       header: ({ table: table2 }) => {
         const isAllSelected = table2.getIsAllPageRowsSelected();
         const isSomeSelected = table2.getIsSomePageRowsSelected();
-        return /* @__PURE__ */ jsx21(
+        return /* @__PURE__ */ jsx18(
           Checkbox,
           {
             checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
@@ -3630,7 +3222,7 @@ function DataTableInternal({
           }
         );
       },
-      cell: ({ row }) => /* @__PURE__ */ jsx21(
+      cell: ({ row }) => /* @__PURE__ */ jsx18(
         Checkbox,
         {
           checked: row.getIsSelected(),
@@ -3689,17 +3281,6 @@ function DataTableInternal({
     }
     return finalColumns;
   }, [columns, features, effectiveActions, columnOrder]);
-  const columnWidths = useMemo6(() => {
-    if (features.autoColumnSizing) {
-      return calculateColumnWidths(data, enhancedColumns, {
-        minWidth: 80,
-        maxWidth: 400,
-        padding: 32,
-        sampleSize: Math.min(100, data.length)
-      });
-    }
-    return void 0;
-  }, [data, enhancedColumns, features.autoColumnSizing]);
   const tableConfig = useMemo6(() => ({
     data: finalTableData,
     columns: enhancedColumns,
@@ -3741,8 +3322,7 @@ function DataTableInternal({
     manualSorting: finalPaginationMode === "server",
     manualFiltering: finalPaginationMode === "server",
     manualPagination: finalPaginationMode === "server",
-    pageCount: finalPaginationMode === "server" ? Math.ceil(dataCount / pagination.pageSize) : void 0,
-    ...getColumnSizingConfig(features.autoColumnSizing || false, columnWidths)
+    pageCount: finalPaginationMode === "server" ? Math.ceil(dataCount / pagination.pageSize) : void 0
   }), [
     finalTableData,
     enhancedColumns,
@@ -3761,8 +3341,6 @@ function DataTableInternal({
     onRowSelectionChange,
     finalPaginationMode,
     features.pagination,
-    features.autoColumnSizing,
-    columnWidths,
     dataCount,
     pagination.pageSize
   ]);
@@ -3807,132 +3385,171 @@ function DataTableInternal({
     };
   }, [cleanup]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx21(LoadingComponent, {});
+    return /* @__PURE__ */ jsx18(LoadingComponent, {});
   }
   const PaginationComponent = enhancedPagination || finalPaginationMode !== "client" ? EnhancedPaginationControls : PaginationControls;
-  return /* @__PURE__ */ jsxs15(Fragment7, { children: [
-    (title || description) && /* @__PURE__ */ jsx21(
-      DataTableHeader,
-      {
-        title,
-        description
-      }
-    ),
-    /* @__PURE__ */ jsx21(
-      DataTableToolbar,
-      {
-        features,
-        globalFilter: searchQuery,
-        onGlobalFilterChange: handleSearch,
-        columns,
-        grouping,
-        onGroupByChange: (columnId) => {
-          setGrouping(columnId ? [columnId] : []);
-        },
-        tableColumns: table?.getAllColumns() || [],
-        onColumnVisibilityChange: (columnId, visible) => {
-          setColumnVisibility((prev) => ({ ...prev, [columnId]: visible }));
-        },
-        onCreateRow: features.creation && onCreateRow ? () => tableActions.setCreating(true) : void 0,
-        onImportClick: () => setShowImportModal(true),
-        onExport: () => {
-        },
-        rowSelection,
-        onDeleteSelected,
-        onToggleFilterRow: () => setShowFilterRow(!showFilterRow),
-        showFilterRow
-      }
-    ),
-    /* @__PURE__ */ jsx21("table", { className: getTableClasses({
-      isFixed: !features.autoColumnSizing,
+  const visibleColumns = table?.getVisibleFlatColumns() || [];
+  const dataColumns = visibleColumns.filter(
+    (col) => col.id !== "select" && col.id !== "actions"
+  ).length;
+  const hasSelectColumn = visibleColumns.some((col) => col.id === "select");
+  const hasActionsColumn = visibleColumns.some((col) => col.id === "actions");
+  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    /* @__PURE__ */ jsxs13("table", { className: getTableClasses({
+      isFixed: true,
       variant,
       className: cn("border-collapse relative w-full", className)
     }), style: {
-      tableLayout: features.autoColumnSizing ? "auto" : "fixed",
+      tableLayout: "fixed",
       width: "100%"
-    }, children: /* @__PURE__ */ jsx21(
-      UnifiedTableBody,
-      {
-        table,
-        isCreating,
-        creationData,
-        onCreationDataChange: tableActions.setCreationData,
-        onSaveCreation: () => {
-          if (onCreateRow) {
-            onCreateRow(creationData);
+    }, children: [
+      /* @__PURE__ */ jsxs13("caption", { className: "text-left pb-2", children: [
+        (title || description) && /* @__PURE__ */ jsxs13(Fragment6, { children: [
+          title && /* @__PURE__ */ jsx18("h2", { children: title }),
+          description && /* @__PURE__ */ jsx18("p", { children: description })
+        ] }),
+        /* @__PURE__ */ jsx18(Fragment6, { children: /* @__PURE__ */ jsx18(
+          DataTableToolbar,
+          {
+            features,
+            globalFilter: searchQuery,
+            onGlobalFilterChange: handleSearch,
+            columns,
+            grouping,
+            onGroupByChange: (columnId) => {
+              setGrouping(columnId ? [columnId] : []);
+            },
+            tableColumns: table?.getAllColumns() || [],
+            onColumnVisibilityChange: (columnId, visible) => {
+              setColumnVisibility((prev) => ({ ...prev, [columnId]: visible }));
+            },
+            onCreateRow: features.creation && onCreateRow ? () => tableActions.setCreating(true) : void 0,
+            onImportClick: () => setShowImportModal(true),
+            onExport: () => {
+            },
+            rowSelection,
+            onDeleteSelected,
+            onToggleFilterRow: () => setShowFilterRow(!showFilterRow),
+            showFilterRow
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs13("colgroup", { children: [
+        hasSelectColumn && /* @__PURE__ */ jsx18("col", { span: 1, "data-col-type": "select" }),
+        /* @__PURE__ */ jsx18("col", { span: dataColumns, "data-col-type": "data" }),
+        hasActionsColumn && /* @__PURE__ */ jsx18("col", { span: 1, "data-col-type": "actions" })
+      ] }),
+      /* @__PURE__ */ jsx18("thead", { children: table?.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx18("tr", { children: headerGroup.headers.filter((header) => {
+        return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
+      }).map((header) => {
+        const isSortable = header.column.getCanSort();
+        const ariaSort = isSortable ? header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none" : void 0;
+        return /* @__PURE__ */ jsx18(
+          "th",
+          {
+            ...isSortable ? { "aria-sort": ariaSort } : {},
+            children: header.isPlaceholder ? null : isSortable ? /* @__PURE__ */ jsx18(
+              Button,
+              {
+                variant: "ghost",
+                className: "h-auto p-0 font-medium hover:bg-transparent",
+                onClick: header.column.getToggleSortingHandler(),
+                "aria-label": `Sort by ${typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column"}`,
+                tabIndex: 0,
+                children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+                  typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
+                  header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx18(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx18(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx18(ChevronsUpDown, { className: "h-4 w-4" })
+                ] })
+              }
+            ) : /* @__PURE__ */ jsx18("div", { children: typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header })
+          },
+          header.id
+        );
+      }) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx18(
+        UnifiedTableBody,
+        {
+          table,
+          isCreating,
+          creationData,
+          onCreationDataChange: tableActions.setCreationData,
+          onSaveCreation: () => {
+            if (onCreateRow) {
+              onCreateRow(creationData);
+              tableActions.clearCreationData();
+              tableActions.setCreating(false);
+            }
+          },
+          onCancelCreation: () => {
             tableActions.clearCreationData();
             tableActions.setCreating(false);
-          }
-        },
-        onCancelCreation: () => {
-          tableActions.clearCreationData();
-          tableActions.setCreating(false);
-        },
-        editingRowId,
-        editingData,
-        onEditingDataChange: (data2) => {
-          if (editingRowId) {
-            tableActions.setEditingRow(editingRowId, data2);
-          }
-        },
-        onSaveEditing: () => {
-          if (onEditRow && editingRowId) {
-            const originalRow = data.find((row) => {
-              const rowId = getRowId ? getRowId(row, 0) : row.id || String(0);
-              return rowId === editingRowId;
-            });
-            if (originalRow) {
-              onEditRow(originalRow, editingData);
+          },
+          editingRowId,
+          editingData,
+          onEditingDataChange: (data2) => {
+            if (editingRowId) {
+              tableActions.setEditingRow(editingRowId, data2);
             }
-          }
-          tableActions.clearEditing();
-        },
-        onCancelEditing: () => {
-          tableActions.clearEditing();
-        },
-        grouping,
-        aggregates,
-        getRowId,
-        emptyState: React11.isValidElement(emptyState) ? void 0 : emptyState,
-        isFiltered: searchQuery !== "" || columnFilters.length > 0,
-        onClearFilters: () => {
-          setSearchQuery("");
-          setColumnFilters([]);
-        },
-        enableFiltering: features.filtering,
-        showFilterRow,
-        enableColumnReordering: features.columnReordering,
-        onColumnOrderChange: setColumnOrder,
-        onColumnDrop: (draggedColumnId, targetColumnId) => {
-        },
-        savedColumnOrder,
-        enablePersistence: features.columnReordering,
-        tableId: title ? `datatable-${title.toLowerCase().replace(/\s+/g, "-")}` : void 0,
-        dataLength: finalTableData?.length || 0,
-        virtualHeight,
-        forceVirtualization: false,
-        hierarchical: features.hierarchical && hierarchical?.enabled ? {
-          ...hierarchical,
-          state: hierarchicalState,
-          expandAll: hierarchicalState.expandAll,
-          collapseAll: hierarchicalState.collapseAll,
-          isAllExpanded: hierarchicalState.getExpandedIds().length > 0 && hierarchicalState.getExpandedIds().length === finalTableData.filter((row) => row.isParent).length,
-          hasAnyChildren: finalTableData.some((row) => row.isParent)
-        } : void 0,
-        actions: effectiveActions
-      }
-    ) }),
-    features.pagination && /* @__PURE__ */ jsx21(
-      PaginationComponent,
-      {
-        table,
-        pageSizeOptions: finalPageSizeOptions,
-        paginationMode: finalPaginationMode,
-        totalCount: finalDataCount,
-        isLoading
-      }
-    ),
-    /* @__PURE__ */ jsx21(
+          },
+          onSaveEditing: () => {
+            if (onEditRow && editingRowId) {
+              const originalRow = data.find((row) => {
+                const rowId = getRowId ? getRowId(row, 0) : row.id || String(0);
+                return rowId === editingRowId;
+              });
+              if (originalRow) {
+                onEditRow(originalRow, editingData);
+              }
+            }
+            tableActions.clearEditing();
+          },
+          onCancelEditing: () => {
+            tableActions.clearEditing();
+          },
+          grouping,
+          aggregates,
+          getRowId,
+          emptyState: React9.isValidElement(emptyState) ? void 0 : emptyState,
+          isFiltered: searchQuery !== "" || columnFilters.length > 0,
+          onClearFilters: () => {
+            setSearchQuery("");
+            setColumnFilters([]);
+          },
+          enableFiltering: features.filtering,
+          showFilterRow,
+          enableColumnReordering: features.columnReordering,
+          onColumnOrderChange: setColumnOrder,
+          onColumnDrop: (draggedColumnId, targetColumnId) => {
+          },
+          savedColumnOrder,
+          enablePersistence: features.columnReordering,
+          tableId: title ? `datatable-${title.toLowerCase().replace(/\s+/g, "-")}` : void 0,
+          dataLength: finalTableData?.length || 0,
+          virtualHeight,
+          forceVirtualization: false,
+          hierarchical: features.hierarchical && hierarchical?.enabled ? {
+            ...hierarchical,
+            state: hierarchicalState,
+            expandAll: hierarchicalState.expandAll,
+            collapseAll: hierarchicalState.collapseAll,
+            isAllExpanded: hierarchicalState.getExpandedIds().length > 0 && hierarchicalState.getExpandedIds().length === finalTableData.filter((row) => row.isParent).length,
+            hasAnyChildren: finalTableData.some((row) => row.isParent)
+          } : void 0,
+          actions: effectiveActions
+        }
+      ),
+      features.pagination && /* @__PURE__ */ jsx18("tfoot", { children: /* @__PURE__ */ jsx18("tr", { children: /* @__PURE__ */ jsx18("td", { colSpan: visibleColumns.length, children: /* @__PURE__ */ jsx18(
+        PaginationComponent,
+        {
+          table,
+          pageSizeOptions: finalPageSizeOptions,
+          paginationMode: finalPaginationMode,
+          totalCount: finalDataCount,
+          isLoading
+        }
+      ) }) }) })
+    ] }),
+    /* @__PURE__ */ jsx18(
       DataTableModals,
       {
         showImportModal,
@@ -3952,11 +3569,11 @@ function DataTableInternal({
   ] });
 }
 function DataTableCore(props) {
-  return /* @__PURE__ */ jsx21(DataTableErrorBoundary, { children: /* @__PURE__ */ jsx21(DataTableInternal, { ...props }) });
+  return /* @__PURE__ */ jsx18(DataTableErrorBoundary, { children: /* @__PURE__ */ jsx18(DataTableInternal, { ...props }) });
 }
 
 // src/components/DataTable/DataTable.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function DataTable(props) {
   if (!props.features) {
     throw new Error("DataTable: features configuration is required");
@@ -3964,9 +3581,9 @@ function DataTable(props) {
   if (props.features.deleteSelected && !props.features.deletion) {
     console.warn("DataTable: deleteSelected requires deletion to be enabled");
   }
-  return /* @__PURE__ */ jsx22(DataTableCore, { ...props });
+  return /* @__PURE__ */ jsx19(DataTableCore, { ...props });
 }
-var DataTableComponent = React12.memo(DataTable);
+var DataTableComponent = React10.memo(DataTable);
 
 // src/components/DataTable/core/DataManager.ts
 var DataManager = class {
@@ -5139,7 +4756,7 @@ var LocalDataAdapter = class {
 
 // src/components/DataTable/core/DataTableContext.tsx
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo7, useEffect as useEffect6 } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var DataTableContext = createContext3(null);
 function DataTableProvider({
   children,
@@ -5223,7 +4840,7 @@ function DataTableProvider({
       stateManager.updateActions(actions);
     }
   }, [actions, actionManager, stateManager]);
-  return /* @__PURE__ */ jsx23(DataTableContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx20(DataTableContext.Provider, { value: contextValue, children });
 }
 function useDataTableContext() {
   const context = useContext3(DataTableContext);
@@ -5260,7 +4877,7 @@ import {
   Download as Download2,
   Trash as Trash3
 } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 function BulkOperationsDropdown({
   operations,
   selectedRows = {},
@@ -5288,8 +4905,8 @@ function BulkOperationsDropdown({
       onOperation(operation, selectedData);
     }
   };
-  return /* @__PURE__ */ jsxs16(Select, { disabled: !hasSelection, children: [
-    /* @__PURE__ */ jsx24(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs14(Select, { disabled: !hasSelection, children: [
+    /* @__PURE__ */ jsx21(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs14(
       Button,
       {
         variant: "outline",
@@ -5297,8 +4914,8 @@ function BulkOperationsDropdown({
         disabled: !hasSelection,
         className: `min-w-[140px] h-9 px-3 py-2 text-sm font-medium ${className || ""}`,
         children: [
-          /* @__PURE__ */ jsx24(MoreHorizontal2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
-          /* @__PURE__ */ jsxs16("span", { className: "truncate", children: [
+          /* @__PURE__ */ jsx21(MoreHorizontal2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsxs14("span", { className: "truncate", children: [
             "Bulk Actions (",
             selectedCount,
             ")"
@@ -5306,11 +4923,11 @@ function BulkOperationsDropdown({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx24(SelectContent, { className: "w-48 !bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: operations.map((operation) => {
+    /* @__PURE__ */ jsx21(SelectContent, { className: "w-48 !bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: operations.map((operation) => {
       const Icon = operationIcons[operation];
       const label = operationLabels[operation];
       const variant = operationVariants[operation];
-      return /* @__PURE__ */ jsxs16(
+      return /* @__PURE__ */ jsxs14(
         SelectItem,
         {
           value: operation,
@@ -5318,8 +4935,8 @@ function BulkOperationsDropdown({
           disabled: !hasSelection,
           className: `flex items-center gap-2 ${variant === "destructive" ? "text-destructive focus:text-destructive" : ""}`,
           children: [
-            /* @__PURE__ */ jsx24(Icon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx24("span", { children: label })
+            /* @__PURE__ */ jsx21(Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx21("span", { children: label })
           ]
         },
         operation
@@ -5331,7 +4948,7 @@ function BulkOperationsDropdown({
 // src/components/DataTable/components/GroupHeader.tsx
 init_Button();
 import { ChevronDown as ChevronDown4, ChevronRight as ChevronRight3 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function GroupHeader({
   row,
   groupByColumn,
@@ -5340,18 +4957,18 @@ function GroupHeader({
   subRowsCount
 }) {
   const groupValue = row.getValue(groupByColumn);
-  return /* @__PURE__ */ jsxs17("div", { className: "flex items-center py-2 px-4 bg-muted/50 border-b font-medium", children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs15("div", { className: "flex items-center py-2 px-4 bg-muted/50 border-b font-medium", children: [
+    /* @__PURE__ */ jsx22(
       Button,
       {
         variant: "ghost",
         size: "sm",
         onClick: onToggle,
         className: "p-0 h-auto mr-2",
-        children: isExpanded ? /* @__PURE__ */ jsx25(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(ChevronRight3, { className: "h-4 w-4" })
+        children: isExpanded ? /* @__PURE__ */ jsx22(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx22(ChevronRight3, { className: "h-4 w-4" })
       }
     ),
-    /* @__PURE__ */ jsxs17("span", { className: "text-sm", children: [
+    /* @__PURE__ */ jsxs15("span", { className: "text-sm", children: [
       String(groupValue),
       " (",
       subRowsCount,
@@ -5362,13 +4979,13 @@ function GroupHeader({
 
 // src/components/DataTable/components/EditableRow.tsx
 init_Button();
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 var renderEditField2 = (column, value, onChange, editingData = {}, placeholder) => {
   const columnDef = column.columnDef;
   if (columnDef.fieldType === "select" && columnDef.fieldOptions) {
     const editKey = columnDef.editAccessorKey || column.id;
     const editValue = editingData[editKey] || value;
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs16(
       Select,
       {
         value: String(editValue || ""),
@@ -5380,14 +4997,14 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
           }
         },
         children: [
-          /* @__PURE__ */ jsx26(SelectTrigger, { className: "w-full h-7", children: /* @__PURE__ */ jsx26(SelectValue, { placeholder: placeholder || `Select ${column.id}` }) }),
-          /* @__PURE__ */ jsx26(SelectContent, { children: columnDef.fieldOptions.map((option) => /* @__PURE__ */ jsx26(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
+          /* @__PURE__ */ jsx23(SelectTrigger, { className: "w-full h-7", children: /* @__PURE__ */ jsx23(SelectValue, { placeholder: placeholder || `Select ${column.id}` }) }),
+          /* @__PURE__ */ jsx23(SelectContent, { children: columnDef.fieldOptions.map((option) => /* @__PURE__ */ jsx23(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
         ]
       }
     );
   }
   if (columnDef.fieldType === "date") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx23(
       Input,
       {
         type: "date",
@@ -5397,7 +5014,7 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
       }
     );
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx23(
     Input,
     {
       type: "text",
@@ -5429,15 +5046,15 @@ function EditableRow({
     testId: action.testId || `action-${action.label.toLowerCase().replace(/\s+/g, "-")}-${rowId}`,
     visible: true
   }));
-  return /* @__PURE__ */ jsxs18(TableRow, { children: [
-    row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx26(TableCell, { children: cell.column.id !== "actions" ? renderEditField2(cell.column, editingData[cell.column.id], (value) => {
+  return /* @__PURE__ */ jsxs16("tr", { children: [
+    row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx23("td", { children: cell.column.id !== "actions" ? renderEditField2(cell.column, editingData[cell.column.id], (value) => {
       if (typeof value === "object" && value !== null) {
         onEditingDataChange({ ...editingData, ...value });
       } else {
         onEditingDataChange({ ...editingData, [cell.column.id]: value });
       }
-    }, editingData) : /* @__PURE__ */ jsxs18("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ jsx26(
+    }, editingData) : /* @__PURE__ */ jsxs16("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ jsx23(
         Button,
         {
           onClick: onSave,
@@ -5446,7 +5063,7 @@ function EditableRow({
           children: "Save"
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx23(
         Button,
         {
           onClick: onCancel,
@@ -5456,7 +5073,7 @@ function EditableRow({
         }
       )
     ] }) }, cell.id)),
-    actions.length > 0 && /* @__PURE__ */ jsx26(TableCell, { children: /* @__PURE__ */ jsx26(
+    actions.length > 0 && /* @__PURE__ */ jsx23("td", { children: /* @__PURE__ */ jsx23(
       ActionButtons,
       {
         row: row.original,
@@ -5485,18 +5102,9 @@ export {
   SelectGroup,
   SelectLabel,
   SelectSeparator,
-  DataTableHeader,
   GroupingDropdown,
   ColumnVisibilityDropdown,
   DataTableToolbar,
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableRow,
-  TableHead,
-  TableCell,
-  TableCaption,
   EmptyState,
   ActionButtons,
   UnifiedTableBody,
@@ -5506,8 +5114,6 @@ export {
   ImportModal,
   DataTableModals,
   DataTableErrorBoundary,
-  calculateColumnWidths,
-  getColumnSizingConfig,
   ColumnFactory,
   DataTableCore,
   DataTable,
@@ -5530,4 +5136,4 @@ export {
   GroupHeader,
   EditableRow
 };
-//# sourceMappingURL=chunk-WYB6MBZA.js.map
+//# sourceMappingURL=chunk-EWKPTNPO.js.map