@jmruthers/pace-core 0.6.6 → 0.6.7

package/dist/{chunk-ZS5VO5JB.js → chunk-Q7Q7V5NV.js}

@@ -1,25 +1,30 @@
-import { Button, useResolvedScope, useCan } from './chunk-7TYHROIV.js';
+import { Button, ButtonGroup, useResolvedScope, useCan } from './chunk-BM4CQ5P3.js';
 import { useFocusTrap, useDataTablePerformance, toast } from './chunk-S7DKJPLT.js';
+import { Card, CardHeader, CardDescription, CardContent, CardFooter, CardTitle } from './chunk-VBCS3DUA.js';
 import { useUnifiedAuth } from './chunk-FTCRZOG2.js';
 import { isSuperAdmin } from './chunk-ZFYPMX46.js';
-import { renderSafeHtml } from './chunk-3QC3KRHK.js';
-import { cn } from './chunk-A55DK444.js';
+import { renderSafeHtml, LoadingSpinner } from './chunk-A3W6LW53.js';
+import { cn } from './chunk-7ILTDCL2.js';
 import { createLogger } from './chunk-TTRFSOKR.js';
 import * as React7 from 'react';
 import React7__default, { useState, useRef, useId, useCallback, useEffect, useMemo, Component, useLayoutEffect, useReducer } from 'react';
 import { flexRender, useReactTable, getExpandedRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel, getCoreRowModel } from '@tanstack/react-table';
-import { useLocation, useNavigate } from 'react-router-dom';
-import { ChevronDown, Search, X, Check, MoreHorizontal, ChevronRight, Group, Settings2, Eye, EyeOff, Filter, Plus, Upload, Download, Trash2, Database, User, ChevronsLeft, ChevronLeft, ChevronsRight, FileText, AlertCircle, Trash, Zap, Server, Edit, ShieldX, RefreshCw, ArrowLeft, ChevronUp, ChevronsUpDown } from 'lucide-react';
+import { useLocation } from 'react-router-dom';
+import { ChevronDown, Search, X, Check, MoreHorizontal, ChevronRight, ChevronUp, ChevronsUpDown, Group, Settings2, Eye, EyeOff, Filter, Plus, Upload, Download, Trash2, Database, User, ChevronsLeft, ChevronLeft, ChevronsRight, FileText, AlertCircle, Trash, Zap, Server, Edit, ShieldX, RefreshCw, ArrowLeft } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as LabelPrimitive from '@radix-ui/react-label';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { createPortal } from 'react-dom';
 
 function LoadingState() {
-  return /* @__PURE__ */ jsx("div", { className: "p-8 text-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full size-6 border-b-2 border-primary" }),
-    /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "text-muted-foreground", children: "Loading..." })
-  ] }) });
+  return /* @__PURE__ */ jsxs("p", { className: "grid place-items-center text-center p-8", children: [
+    /* @__PURE__ */ jsx(LoadingSpinner, {}),
+    /* @__PURE__ */ jsx("strong", { children: "Loading..." })
+  ] });
+}
+function SortIndicator({ sortState, className }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: sortState === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: cn("size-4", className) }) : sortState === "desc" ? /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-4", className) }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: cn("size-4", className) }) });
 }
 function Input({ className, variant = "default", size = "md", error, type, ref, ...props }) {
   return /* @__PURE__ */ jsx(
@@ -300,6 +305,7 @@ var Select = React7.forwardRef(
     children,
     className,
     direction = "down",
+    showCheckmark = true,
     ...selectProps
   }, ref) => {
     const internalRef = React7.useRef(null);
@@ -399,8 +405,9 @@ var Select = React7.forwardRef(
       actions,
       registerItem,
       unregisterItem,
-      direction
-    }), [state, actions, registerItem, unregisterItem, direction]);
+      direction,
+      showCheckmark
+    }), [state, actions, registerItem, unregisterItem, direction, showCheckmark]);
     return /* @__PURE__ */ jsx(
       "fieldset",
       {
@@ -634,7 +641,7 @@ var SelectContent = React7.forwardRef(
         "data-testid": "select-content",
         role: "listbox",
         children: [
-          searchable && /* @__PURE__ */ jsx("div", { className: "p-2 border-b border-main-200", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          searchable && /* @__PURE__ */ jsxs("li", { className: "relative p-2 border-b border-main-200 sticky top-0 bg-main-50 z-10", "data-testid": "select-search-item", children: [
             /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 size-4 text-main-400" }),
             /* @__PURE__ */ jsx(
               "input",
@@ -666,7 +673,7 @@ var SelectContent = React7.forwardRef(
                 children: /* @__PURE__ */ jsx(X, { className: "size-4" })
               }
             )
-          ] }) }),
+          ] }),
           filteredChildren
         ]
       }
@@ -675,9 +682,10 @@ var SelectContent = React7.forwardRef(
 );
 SelectContent.displayName = "SelectContent";
 var SelectItem = React7.forwardRef(
-  ({ value, children, disabled = false, className, onClick }, ref) => {
-    const { value: selectedValue, actions, registerItem, unregisterItem } = useSelectContext();
+  ({ value, children, disabled = false, className, onClick, showCheckmark: propShowCheckmark }, ref) => {
+    const { value: selectedValue, actions, registerItem, unregisterItem, showCheckmark: contextShowCheckmark = true } = useSelectContext();
     const isSelected = selectedValue === value;
+    const showCheckmark = propShowCheckmark ?? contextShowCheckmark;
     const itemText = getTextContent(children);
     React7.useLayoutEffect(() => {
       if (registerItem && itemText) {
@@ -747,7 +755,7 @@ var SelectItem = React7.forwardRef(
         tabIndex: disabled ? -1 : 0,
         children: [
           children,
-          isSelected && /* @__PURE__ */ jsx(Check, { className: "absolute right-2 size-4 flex-shrink-0 mt-0.5" })
+          isSelected && showCheckmark && /* @__PURE__ */ jsx(Check, { className: "absolute right-2 size-4 flex-shrink-0 mt-0.5" })
         ]
       }
     );
@@ -756,20 +764,28 @@ var SelectItem = React7.forwardRef(
 SelectItem.displayName = "SelectItem";
 var SelectGroup = React7.forwardRef(
   ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("p-1", className), "data-testid": "select-group", children });
+    return /* @__PURE__ */ jsx("li", { className: "list-none", "data-testid": "select-group-wrapper", children: /* @__PURE__ */ jsx(
+      "ul",
+      {
+        ref,
+        className: cn("p-1 list-none m-0", className),
+        "data-testid": "select-group",
+        children
+      }
+    ) });
   }
 );
 SelectGroup.displayName = "SelectGroup";
 var SelectLabel = React7.forwardRef(
   ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), "data-testid": "select-label", children });
+    return /* @__PURE__ */ jsx("li", { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), "data-testid": "select-label", children });
   }
 );
 SelectLabel.displayName = "SelectLabel";
 var SelectSeparator = React7.forwardRef(
   ({ className }, ref) => {
     return /* @__PURE__ */ jsx(
-      "div",
+      "hr",
       {
         ref,
         className: cn("my-1 h-px bg-sec-200", className),
@@ -851,6 +867,65 @@ function GroupingDropdown({
     ] })
   ] });
 }
+var getLabelClasses = () => {
+  return "font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70";
+};
+var Label = React7.forwardRef(({
+  className,
+  required = false,
+  requiredIndicator,
+  hideRequiredIndicator = false,
+  helperText,
+  helperTextClassName,
+  error,
+  errorClassName,
+  children,
+  htmlFor,
+  ...props
+}, ref) => {
+  const hasError = !!error;
+  const showHelperText = helperText && !hasError;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      LabelPrimitive.Root,
+      {
+        ref,
+        className: cn(
+          getLabelClasses(),
+          hasError && "text-destructive",
+          className
+        ),
+        htmlFor,
+        ...props,
+        children: [
+          children,
+          required && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-label": "required",
+              className: cn(
+                "text-destructive ml-1",
+                hideRequiredIndicator && "sr-only"
+              ),
+              children: requiredIndicator || "*"
+            }
+          )
+        ]
+      }
+    ),
+    showHelperText && /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", helperTextClassName), children: helperText }),
+    hasError && /* @__PURE__ */ jsx(
+      "p",
+      {
+        role: "alert",
+        "aria-live": "polite",
+        className: cn("text-destructive", errorClassName),
+        children: error
+      }
+    )
+  ] });
+});
+Label.displayName = LabelPrimitive.Root.displayName;
 var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
@@ -877,7 +952,7 @@ function ColumnVisibilityDropdown({
   const toggleableColumns = columns.filter(
     (column) => column.getCanHide() && column.id !== "actions"
   );
-  return /* @__PURE__ */ jsxs(Select, { className: "w-52", children: [
+  return /* @__PURE__ */ jsxs(Select, { className: "w-52", showCheckmark: false, children: [
     /* @__PURE__ */ jsx(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button,
       {
@@ -888,14 +963,14 @@ function ColumnVisibilityDropdown({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-1", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-1 mb-2", children: [
+    /* @__PURE__ */ jsxs(SelectContent, { children: [
+      /* @__PURE__ */ jsxs(SelectGroup, { className: "flex flex-row gap-1 p-2", children: [
         /* @__PURE__ */ jsxs(
           Button,
           {
             variant: "ghost",
             size: "sm",
-            className: "h-7 px-2 text-xs",
+            className: "h-7 px-2 text-xs flex-1",
             onClick: () => {
               toggleableColumns.forEach((column) => {
                 if (!column.getIsVisible()) {
@@ -914,7 +989,7 @@ function ColumnVisibilityDropdown({
           {
             variant: "ghost",
             size: "sm",
-            className: "h-7 px-2 text-xs",
+            className: "h-7 px-2 text-xs flex-1",
             onClick: () => {
               toggleableColumns.forEach((column) => {
                 if (column.getIsVisible()) {
@@ -930,34 +1005,34 @@ function ColumnVisibilityDropdown({
         )
       ] }),
       /* @__PURE__ */ jsx(SelectSeparator, {}),
-      toggleableColumns.map((column) => /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(SelectGroup, { children: toggleableColumns.map((column) => /* @__PURE__ */ jsx(
         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__ */ jsx(
-              Checkbox,
-              {
-                id: column.id,
-                checked: column.getIsVisible(),
-                onCheckedChange: (checked) => onColumnVisibilityChange(column.id, !!checked)
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "label",
-              {
-                htmlFor: column.id,
-                className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer",
-                children: typeof column.columnDef?.header === "string" ? column.columnDef.header : column.id
-              }
-            )
-          ]
+          children: /* @__PURE__ */ jsxs(
+            Label,
+            {
+              htmlFor: column.id,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    className: "mr-2 align-middle",
+                    id: column.id,
+                    checked: column.getIsVisible(),
+                    onCheckedChange: (checked) => onColumnVisibilityChange(column.id, !!checked)
+                  }
+                ),
+                typeof column.columnDef?.header === "string" ? column.columnDef.header : column.id
+              ]
+            }
+          )
         },
         column.id
-      ))
-    ] }) })
+      )) })
+    ] })
   ] });
 }
 function DataTableToolbar({
@@ -1067,6 +1142,63 @@ function DataTableToolbar({
     )
   ] });
 }
+var AlertContext = React7.createContext({ variant: "default" });
+var getAlertClasses = (variant = "default") => {
+  const baseClasses = "relative w-full rounded-lg border p-4";
+  const variantClasses = {
+    default: "bg-background text-foreground",
+    destructive: "border-destructive text-destructive",
+    inline: ""
+    // No classes for inline variant as it renders as fragment
+  };
+  return `${baseClasses} ${variantClasses[variant]}`;
+};
+var Alert = React7.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const contextValue = React7.useMemo(() => ({ variant }), [variant]);
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsx(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(React7.Fragment, { ...props }) });
+  }
+  return /* @__PURE__ */ jsx(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "aside",
+    {
+      ref,
+      className: cn(getAlertClasses(variant), className),
+      role: "alert",
+      ...props
+    }
+  ) });
+});
+Alert.displayName = "Alert";
+var AlertTitle = React7.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React7.useContext(AlertContext);
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsx("strong", { ...props });
+  }
+  return /* @__PURE__ */ jsx(
+    "h5",
+    {
+      ref,
+      className: cn(className),
+      ...props
+    }
+  );
+});
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React7.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React7.useContext(AlertContext);
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsx("span", { ...props });
+  }
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn(className),
+      ...props
+    }
+  );
+});
+AlertDescription.displayName = "AlertDescription";
 function EmptyState({
   title,
   description,
@@ -1078,11 +1210,11 @@ 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__ */ jsxs(
-    "div",
+    Alert,
     {
       role: "status",
       "aria-live": "polite",
-      className: "flex flex-col items-center justify-center p-8 text-center",
+      className: "grid place-items-center text-center max-w-lg mx-auto",
       children: [
         /* @__PURE__ */ jsx(
           Icon,
@@ -1093,9 +1225,9 @@ function EmptyState({
             "data-testid": Icon === Database ? "lucide-database" : Icon === User ? "lucide-user" : "custom-icon"
           }
         ),
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: title || defaultTitle }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: description || defaultDescription }),
-        isFiltered && onClearFilters || action ? /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(AlertTitle, { className: "text-lg font-semibold mb-2", children: title || defaultTitle }),
+        /* @__PURE__ */ jsx(AlertDescription, { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: description || defaultDescription }),
+        isFiltered && onClearFilters || action ? /* @__PURE__ */ jsxs(Fragment, { children: [
           isFiltered && onClearFilters && /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: onClearFilters, children: [
             /* @__PURE__ */ jsx(Search, { className: "size-4 mr-2" }),
             "Clear filters"
@@ -1144,12 +1276,9 @@ function ColumnFilter({
       column.setFilterValue(value);
     }
   };
-  const clearFilter = () => {
-    column.setFilterValue(void 0);
-  };
-  const hasFilter = columnFilterValue !== void 0 && columnFilterValue !== "";
   const defaultPlaceholder = `Filter ${getColumnHeaderText(column)}...`;
-  const renderFilterInput = () => {
+  const selectColumnName = `${getColumnHeaderText(column)}...`;
+  return (() => {
     switch (filterType) {
       case "select":
         return /* @__PURE__ */ jsxs(
@@ -1158,7 +1287,10 @@ function ColumnFilter({
             value: columnFilterValue || "",
             onValueChange: handleFilterChange,
             children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: placeholder || defaultPlaceholder }) }),
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsxs(SelectValue, { children: [
+                /* @__PURE__ */ jsx(Filter, { className: "size-4 inline-block mr-2" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: selectColumnName })
+              ] }) }),
               /* @__PURE__ */ jsxs(SelectContent, { children: [
                 /* @__PURE__ */ jsx(SelectItem, { value: "", children: "All" }),
                 options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value))
@@ -1199,19 +1331,7 @@ function ColumnFilter({
           }
         );
     }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-1", children: [
-    renderFilterInput(),
-    hasFilter && /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        onClick: clearFilter,
-        children: /* @__PURE__ */ jsx(X, { className: "size-3" })
-      }
-    ),
-    hasFilter && /* @__PURE__ */ jsx("div", { className: "absolute -top-1 -right-1 h-2 w-2 bg-main-500 rounded-full" })
-  ] });
+  })();
 }
 function FilterRow({ table, visibleColumns }) {
   const { getState } = table;
@@ -1267,7 +1387,7 @@ function FilterRow({ table, visibleColumns }) {
     return /* @__PURE__ */ jsx(
       "td",
       {
-        className: "px-4 py-2",
+        className: "p-1",
         children: canFilter ? /* @__PURE__ */ jsx(
           ColumnFilter,
           {
@@ -1276,7 +1396,7 @@ function FilterRow({ table, visibleColumns }) {
             options,
             placeholder: `Filter ${getColumnHeaderText(column)}...`
           }
-        ) : /* @__PURE__ */ jsx("div", { className: "h-8 flex items-center text-sec-400 text-sm", children: "No filter" })
+        ) : /* @__PURE__ */ jsx(Fragment, { children: "\xA0" })
       },
       header.id
     );
@@ -1654,10 +1774,10 @@ function EditableRow({
       "aria-rowindex": row.index + 1,
       children: row.getVisibleCells().map((cell) => {
         const isSystemColumn = cell.column.id === "select" || cell.column.id === "actions";
-        return /* @__PURE__ */ jsx("td", { role: "cell", children: /* @__PURE__ */ jsx("div", { className: cell.column.columnDef.meta?.align === "right" ? "text-right" : "", children: isSystemColumn ? (
+        return /* @__PURE__ */ jsx("td", { role: "cell", className: cell.column.columnDef.meta?.align === "right" ? "text-right" : "", children: isSystemColumn ? (
           // System columns: render their normal cell content (checkbox for select, buttons for actions)
-          cell.column.id === "actions" ? /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx(Button, { onClick: onSave, size: "sm", variant: "default", "aria-label": "Save changes", children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }),
+          cell.column.id === "actions" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Button, { onClick: onSave, size: "sm", variant: "default", "aria-label": "Save changes", className: "mr-1", children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }),
             /* @__PURE__ */ jsx(Button, { onClick: onCancel, size: "sm", variant: "outline", "aria-label": "Cancel editing", children: /* @__PURE__ */ jsx(X, { className: "size-4" }) })
           ] }) : (
             // Select column: render the checkbox normally
@@ -1702,7 +1822,7 @@ function EditableRow({
               shouldGetRef ? firstInputRef : void 0
             );
           })()
-        ) }) }, cell.id);
+        ) }, cell.id);
       })
     }
   );
@@ -4040,8 +4160,7 @@ var DialogContent = React7.forwardRef(
           "m-0 p-0 max-w-none max-h-none w-auto h-auto border-0 bg-transparent outline-none",
           // Apply our custom styling
           "border bg-background shadow-lg",
-          // Style native backdrop pseudo-element (Tailwind v4 supports arbitrary variants)
-          "[&::backdrop]:bg-black/50 [&::backdrop]:animate-in [&::backdrop]:fade-in-0",
+          // Backdrop styling is handled via core.css only
           // Only apply size classes if not using smart width
           !maxWidth && !maxWidthPercent && sizeClasses[size],
           // Auto size gets special handling
@@ -4074,17 +4193,25 @@ var DialogContent = React7.forwardRef(
 );
 DialogContent.displayName = "DialogContent";
 var DialogClose = React7.forwardRef(
-  ({ className, onClick, ...props }, ref) => {
+  ({ className, asChild = false, children, onClick, ...props }, ref) => {
     const { onOpenChange, markClosedByUser: contextMarkClosedByUser } = useDialogContext();
     const dialogCloseContextValue = React7.useContext(DialogCloseContext);
     const markClosedByUser = contextMarkClosedByUser || dialogCloseContextValue;
-    const handleClick = (e) => {
+    const handleClick = useCallback((e) => {
       if (markClosedByUser) {
         markClosedByUser();
       }
       onClick?.(e);
       onOpenChange(false);
-    };
+    }, [onOpenChange, markClosedByUser, onClick]);
+    if (asChild && React7.isValidElement(children)) {
+      return React7.cloneElement(children, {
+        ref,
+        onClick: handleClick,
+        className: cn(className, children.props?.className),
+        ...props
+      });
+    }
     return /* @__PURE__ */ jsxs(
       "button",
       {
@@ -4273,8 +4400,8 @@ var Progress = React7.forwardRef(({ className, value, max: max2 = 100, ...props
     {
       ref,
       className: cn(
-        "appearance-none border-0 h-2 w-full rounded-full overflow-hidden transition-all accent-primary",
-        isIndeterminate ? "bg-gradient-to-r from-primary/10 via-primary/90 to-primary/10" : "bg-primary/20",
+        "appearance-none border-0 h-2 w-full rounded-full overflow-hidden transition-all accent-main-800",
+        !isIndeterminate && "bg-sec-600/50",
         className
       ),
       ...isIndeterminate ? {} : { value },
@@ -4284,6 +4411,80 @@ var Progress = React7.forwardRef(({ className, value, max: max2 = 100, ...props
   );
 });
 Progress.displayName = "Progress";
+var Table = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+));
+Table.displayName = "Table";
+var TableHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
 function ImportModal({ isOpen, onClose, onImport, config = {} }) {
   const logger2 = createLogger("ImportModal");
   const [file, setFile] = useState(null);
@@ -4484,111 +4685,118 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
       }
     }
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-2xl bg-main-50", title, description, children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx("h2", { children: title }),
-      /* @__PURE__ */ jsx("p", { children: description })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "border-2 border-dashed border-sec-200 rounded-lg p-6 text-center", children: [
-        /* @__PURE__ */ jsx(FileText, { className: "size-8 mx-auto text-sec-400 mb-2" }),
-        /* @__PURE__ */ jsx("p", { className: "text-sec-600 mb-2", children: file ? `Selected: ${file.name}` : uploadText }),
-        file && /* @__PURE__ */ jsx("p", { className: "text-xs text-sec-500", children: "File selected, processing preview..." }),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => fileInputRef.current?.click(),
-            children: [
-              /* @__PURE__ */ jsx(Upload, { className: "size-4 mr-2" }),
-              selectFileButtonText
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            ref: fileInputRef,
-            type: "file",
-            accept: ".csv",
-            onChange: handleFileSelect,
-            className: "hidden"
-          }
-        )
-      ] }),
-      error && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-3 bg-acc-50 border border-acc-200 rounded text-acc-700", children: [
-        /* @__PURE__ */ jsx(AlertCircle, { className: "size-4" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm", children: error })
-      ] }),
-      validationErrors.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-3 bg-acc-50 border border-acc-200 rounded text-acc-700", children: [
-          /* @__PURE__ */ jsx(AlertCircle, { className: "size-4" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
-            validationErrors.length,
-            " validation error",
-            validationErrors.length !== 1 ? "s" : "",
-            " found"
-          ] })
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      maxWidthPercent: 95,
+      className: "w-auto",
+      title,
+      description,
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: description })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "max-h-32 overflow-y-auto space-y-1", children: [
-          validationErrors.slice(0, 10).map((err, idx) => /* @__PURE__ */ jsxs("div", { className: "text-xs text-acc-600 p-2 bg-acc-50 border border-acc-200 rounded", children: [
-            /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-              "Row ",
-              err.row
+        /* @__PURE__ */ jsxs(Card, { className: "text-center", children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(FileText, { className: "size-8 mx-auto text-sec-400 mb-2" }) }),
+          /* @__PURE__ */ jsxs(CardDescription, { children: [
+            file ? `Selected: ${file.name}` : uploadText,
+            file && /* @__PURE__ */ jsx("span", { className: "block text-xs text-sec-500 mt-1", children: "File selected, processing preview..." })
+          ] }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "text-center", children: [
+            error && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "inline-block size-4 mr-2" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: error })
             ] }),
-            " \u2022 ",
-            err.field,
-            ": ",
-            err.message
-          ] }, idx)),
-          validationErrors.length > 10 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-sec-500 italic", children: [
-            "... and ",
-            validationErrors.length - 10,
-            " more errors"
-          ] })
-        ] })
-      ] }),
-      importProgress && isProcessing && /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-4 bg-sec-50 rounded-lg border border-sec-200", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-sec-900", children: importProgress.stage === "parsing" ? "Parsing CSV file..." : "Importing data..." }),
-          /* @__PURE__ */ jsxs("span", { className: "text-sm text-sec-600", children: [
-            importProgress.current.toLocaleString(),
-            " / ",
-            importProgress.total.toLocaleString(),
-            " rows"
+            validationErrors.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "size-4" }),
+              /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
+                validationErrors.length,
+                " validation error",
+                validationErrors.length !== 1 ? "s" : "",
+                " found"
+              ] }),
+              validationErrors.slice(0, 10).map((err, idx) => /* @__PURE__ */ jsxs("p", { className: "text-xs text-acc-600 p-2 bg-acc-50 border border-acc-200 rounded", children: [
+                /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+                  "Row ",
+                  err.row
+                ] }),
+                " \u2022 ",
+                err.field,
+                ": ",
+                err.message
+              ] }, idx)),
+              validationErrors.length > 10 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-sec-500 italic", children: [
+                "... and ",
+                validationErrors.length - 10,
+                " more errors"
+              ] })
+            ] }),
+            importProgress && isProcessing && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-sec-900", children: importProgress.stage === "parsing" ? "Parsing CSV file..." : "Importing data..." }),
+              /* @__PURE__ */ jsxs("span", { className: "text-sm text-sec-600", children: [
+                importProgress.current.toLocaleString(),
+                " / ",
+                importProgress.total.toLocaleString(),
+                " rows"
+              ] }),
+              /* @__PURE__ */ jsx(
+                Progress,
+                {
+                  value: importProgress.total > 0 ? importProgress.current / importProgress.total * 100 : 0,
+                  className: "h-2 bg-sec-200"
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-sec-500", children: importProgress.total > 0 && importProgress.current < importProgress.total ? `${Math.round(importProgress.current / importProgress.total * 100)}% complete` : importProgress.stage === "importing" && importProgress.current === 0 ? "Processing your data..." : importProgress.current === importProgress.total ? "Complete!" : "Processing..." })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(CardFooter, { children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => fileInputRef.current?.click(),
+                children: [
+                  /* @__PURE__ */ jsx(Upload, { className: "size-4 mr-2" }),
+                  selectFileButtonText
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                ref: fileInputRef,
+                type: "file",
+                accept: ".csv",
+                onChange: handleFileSelect,
+                className: "hidden"
+              }
+            )
           ] })
         ] }),
-        /* @__PURE__ */ jsx(
-          Progress,
-          {
-            value: importProgress.total > 0 ? importProgress.current / importProgress.total * 100 : 0,
-            className: "h-2 bg-sec-200"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-sec-500", children: importProgress.total > 0 && importProgress.current < importProgress.total ? `${Math.round(importProgress.current / importProgress.total * 100)}% complete` : importProgress.stage === "importing" && importProgress.current === 0 ? "Processing your data..." : importProgress.current === importProgress.total ? "Complete!" : "Processing..." })
-      ] }),
-      file && previewData && previewData.length > 0 && !isProcessing ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-sec-900", children: previewHeaderText }),
-        /* @__PURE__ */ jsx("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto max-h-48", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-xs", children: [
-          /* @__PURE__ */ jsx("thead", { className: "bg-sec-50", children: /* @__PURE__ */ jsx("tr", { children: Object.keys(previewData[0]).map((header) => /* @__PURE__ */ jsx("th", { className: "px-2 py-1 text-left font-medium text-sec-900 border-b", children: header }, header)) }) }),
-          /* @__PURE__ */ jsx("tbody", { children: previewData.map((row, index) => /* @__PURE__ */ jsx("tr", { className: index % 2 === 0 ? "bg-app-main-50" : "bg-sec-50", children: Object.values(row).map((value, cellIndex) => /* @__PURE__ */ jsx("td", { className: "px-2 py-1 text-sec-700 border-b", children: String(value) }, cellIndex)) }, index)) })
-        ] }) }) }),
-        /* @__PURE__ */ jsx("p", { className: "text-sec-500", children: totalRowsText.replace("{count}", totalCount.toString()) })
-      ] }) : !file ? /* @__PURE__ */ jsx("div", { className: "border rounded-lg p-6 text-center bg-sec-50", children: /* @__PURE__ */ jsx("p", { className: "text-sec-500", children: "Select a CSV file to preview" }) }) : null,
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, children: cancelButtonText }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: handleImport,
-            disabled: !file || isProcessing,
-            children: isProcessing ? importButtonProcessingText : importButtonText
-          }
-        )
-      ] })
-    ] })
-  ] }) });
+        file && previewData && previewData.length > 0 && !isProcessing ? /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: previewHeaderText }) }),
+          /* @__PURE__ */ jsx(CardContent, { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs(Table, { className: "text-xs min-w-full", children: [
+            /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: Object.keys(previewData[0]).map((header) => /* @__PURE__ */ jsx(TableHead, { children: header }, header)) }) }),
+            /* @__PURE__ */ jsx(TableBody, { children: previewData.map((row, index) => /* @__PURE__ */ jsx(TableRow, { children: Object.values(row).map((value, cellIndex) => /* @__PURE__ */ jsx(TableCell, { children: String(value) }, cellIndex)) }, index)) })
+          ] }) }),
+          /* @__PURE__ */ jsx(CardFooter, { children: totalRowsText.replace("{count}", totalCount.toString()) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, children: cancelButtonText }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: handleImport,
+              disabled: !file || isProcessing,
+              children: isProcessing ? importButtonProcessingText : importButtonText
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
 }
 function mapCSVToTableColumns(csvData, columns) {
   const logger2 = createLogger("mapCSVToTableColumns");
@@ -4808,6 +5016,14 @@ function getAriaSortValue(sortDirection) {
   if (sortDirection === "desc") return "descending";
   return "none";
 }
+function getAriaSortState(column) {
+  const isSortable = column.getCanSort ? column.getCanSort() : false;
+  if (!isSortable) {
+    return void 0;
+  }
+  const sortState = column.getIsSorted ? column.getIsSorted() : false;
+  return getAriaSortValue(sortState);
+}
 function getRowDescription(rowIndex, totalRows, isSelected = false, isEditing = false) {
   let description = `Row ${rowIndex + 1} of ${totalRows}`;
   if (isSelected) {
@@ -5196,7 +5412,7 @@ function DataTableLayout({
               const isFirst = index === 0;
               const isLast = index === visibleHeaders.length - 1;
               const isSortable = header.column.getCanSort();
-              const ariaSort = isSortable ? header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none" : void 0;
+              const ariaSort = getAriaSortState(header.column);
               const isRightAligned = header.column.columnDef.meta?.align === "right";
               const handleSortClick = (event) => {
                 const originalHandler = header.column.getToggleSortingHandler();
@@ -5245,7 +5461,7 @@ function DataTableLayout({
                       tabIndex: 0,
                       children: [
                         typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
-                        header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4" })
+                        /* @__PURE__ */ jsx(SortIndicator, { sortState: header.column.getIsSorted() || false })
                       ]
                     }
                   ) : typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header
@@ -5394,63 +5610,6 @@ function DataTableLayout({
     )
   ] });
 }
-var AlertContext = React7.createContext({ variant: "default" });
-var getAlertClasses = (variant = "default") => {
-  const baseClasses = "relative w-full rounded-lg border p-4";
-  const variantClasses = {
-    default: "bg-background text-foreground",
-    destructive: "border-destructive text-destructive",
-    inline: ""
-    // No classes for inline variant as it renders as fragment
-  };
-  return `${baseClasses} ${variantClasses[variant]}`;
-};
-var Alert = React7.forwardRef(({ className, variant = "default", ...props }, ref) => {
-  const contextValue = React7.useMemo(() => ({ variant }), [variant]);
-  if (variant === "inline") {
-    return /* @__PURE__ */ jsx(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(React7.Fragment, { ...props }) });
-  }
-  return /* @__PURE__ */ jsx(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "aside",
-    {
-      ref,
-      className: cn(getAlertClasses(variant), className),
-      role: "alert",
-      ...props
-    }
-  ) });
-});
-Alert.displayName = "Alert";
-var AlertTitle = React7.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React7.useContext(AlertContext);
-  if (variant === "inline") {
-    return /* @__PURE__ */ jsx("strong", { ...props });
-  }
-  return /* @__PURE__ */ jsx(
-    "h5",
-    {
-      ref,
-      className: cn(className),
-      ...props
-    }
-  );
-});
-AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React7.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React7.useContext(AlertContext);
-  if (variant === "inline") {
-    return /* @__PURE__ */ jsx("span", { ...props });
-  }
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref,
-      className: cn(className),
-      ...props
-    }
-  );
-});
-AlertDescription.displayName = "AlertDescription";
 var DataTableErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -5522,7 +5681,7 @@ var DataTableErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "max-w-md", children: [
+      return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
         /* @__PURE__ */ jsx(AlertTitle, { children: "DataTable Error" }),
         /* @__PURE__ */ jsx(AlertDescription, { className: "mt-2", children: /* @__PURE__ */ jsx("span", { children: "Something went wrong" }) }),
         error && error.message ? /* @__PURE__ */ jsxs("details", { className: "mt-2", children: [
@@ -5534,15 +5693,14 @@ var DataTableErrorBoundary = class extends Component {
               error.stack
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx("span", { children: "An unexpected error occurred" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-4 flex gap-2", children: [
+        ] }) : /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx(AlertDescription, { children: "An unexpected error occurred" }) }),
+        /* @__PURE__ */ jsxs(ButtonGroup, { children: [
           showRetryButton && retryCount < maxRetries && /* @__PURE__ */ jsxs(
             Button,
             {
               variant: "outline",
               size: "sm",
               onClick: this.handleRetry,
-              className: "flex items-center gap-2",
               children: [
                 "Retry (",
                 retryCount + 1,
@@ -5562,7 +5720,7 @@ var DataTableErrorBoundary = class extends Component {
             }
           )
         ] })
-      ] }) });
+      ] });
     }
     return children;
   }
@@ -6544,182 +6702,6 @@ function useDataTableConfiguration({
     hasServerSideConfig
   ]);
 }
-function getCardClasses(variant = "default", size = "default") {
-  const baseClasses = "rounded-lg border bg-card text-card-foreground shadow-sm";
-  const variantClasses = {
-    default: "shadow-xl",
-    outline: "border-2",
-    ghost: "border-0 shadow-none"
-  };
-  const sizeClasses2 = {
-    default: "",
-    sm: "text-sm",
-    lg: "text-lg"
-  };
-  return `${baseClasses} ${variantClasses[variant]} ${sizeClasses2[size]}`;
-}
-var CardWithNavigation = React7.forwardRef(({ className, variant, size, isLink, link, onClick, ...props }, ref) => {
-  const navigate = useNavigate();
-  const handleClick = (e) => {
-    onClick?.(e);
-    if (link && !e.defaultPrevented) {
-      if (link.startsWith("http://") || link.startsWith("https://")) {
-        window.location.href = link;
-      } else {
-        navigate(link);
-      }
-    }
-  };
-  const shouldShowLinkStyles = isLink || !!link;
-  return /* @__PURE__ */ jsx(
-    "article",
-    {
-      ref,
-      className: cn(
-        "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
-        getCardClasses(variant, size),
-        shouldShowLinkStyles && "cursor-pointer hover:bg-acc-200 hover:shadow-xl/30",
-        className
-      ),
-      onClick: handleClick,
-      role: "link",
-      tabIndex: 0,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          handleClick(e);
-        }
-      },
-      ...props
-    }
-  );
-});
-CardWithNavigation.displayName = "CardWithNavigation";
-var CardWithoutNavigation = React7.forwardRef(({ className, variant, size, isLink, onClick, ...props }, ref) => {
-  const shouldShowLinkStyles = isLink;
-  return /* @__PURE__ */ jsx(
-    "article",
-    {
-      ref,
-      className: cn(
-        "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
-        getCardClasses(variant, size),
-        shouldShowLinkStyles && "cursor-pointer hover:bg-acc-200 hover:shadow-xl/30",
-        className
-      ),
-      onClick,
-      ...props
-    }
-  );
-});
-CardWithoutNavigation.displayName = "CardWithoutNavigation";
-var Card = React7.forwardRef(({ link, ...props }, ref) => {
-  if (link) {
-    return /* @__PURE__ */ jsx(CardWithNavigation, { ref, link, ...props });
-  }
-  return /* @__PURE__ */ jsx(CardWithoutNavigation, { ref, ...props });
-});
-Card.displayName = "Card";
-var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "header",
-  {
-    ref,
-    className: cn("p-6 min-w-0 w-full", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    ref,
-    className: cn(className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    ref,
-    className: cn(className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "main",
-  {
-    ref,
-    className: cn("p-6 pt-0 min-w-0 w-full", className),
-    ...props
-  }
-));
-CardContent.displayName = "CardContent";
-var CardFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "footer",
-  {
-    ref,
-    className: cn("p-6 pt-0 min-w-0 w-full", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-var CardActions = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "nav",
-  {
-    ref,
-    className: cn("flex gap-2", className),
-    role: "group",
-    "aria-label": "Card actions",
-    ...props
-  }
-));
-CardActions.displayName = "CardActions";
-var HoverCard = React7.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      ref,
-      className: cn("relative inline-block", className),
-      ...props,
-      children
-    }
-  );
-});
-HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React7.forwardRef(({ className, asChild, children, ...props }, ref) => {
-  if (asChild) {
-    return /* @__PURE__ */ jsx("span", { className: cn("cursor-pointer", className), children });
-  }
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type: "button",
-      className: cn(
-        "cursor-pointer bg-transparent border-0 p-0 m-0 font-inherit color-inherit text-left",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "aside",
-  {
-    ref,
-    className: cn(
-      "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-4 text-popover-foreground shadow-md",
-      className
-    ),
-    role: "tooltip",
-    ...props
-  }
-));
-HoverCardContent.displayName = "HoverCardContent";
 function AccessDeniedPage({
   resource,
   operation = "access",
@@ -8418,33 +8400,6 @@ function BulkOperationsDropdown({
     }) })
   ] });
 }
-function GroupHeader({
-  row,
-  groupByColumn,
-  isExpanded,
-  onToggle,
-  subRowsCount
-}) {
-  const groupValue = row.getValue(groupByColumn);
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center py-2 px-4 bg-muted/50 border-b font-medium", children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "sm",
-        onClick: onToggle,
-        className: "p-0 h-auto mr-2",
-        children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
-      String(groupValue),
-      " (",
-      subRowsCount,
-      " items)"
-    ] })
-  ] });
-}
 
 // src/components/DataTable/utils/aggregationUtils.ts
 function sum(accessorKey) {
@@ -8496,4 +8451,4 @@ function max(accessorKey) {
   };
 }
 
-export { ActionButtons, Alert, AlertDescription, AlertTitle, BulkOperationsDropdown, Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnFactory, ColumnVisibilityDropdown, DataTable, DataTableCore, DataTableErrorBoundary, DataTableModals, DataTableToolbar, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTitle, DialogTrigger, EditableRow, EmptyState, EnhancedPaginationControls, GroupHeader, GroupingDropdown, ImportModal, Input, LoadingState, PaginationControls, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, UnifiedTableBody, announce, announceBulkOperation, announceFilterChange, announceLoadingState, announcePaginationChange, announceSearchResults, announceSelectionChange, announceSortChange, average, calculateAllDepths, calculateAllIndentation, calculateIndentation, calculateOptimalPageSize, cleanupLiveRegion, count, createHierarchicalStructure, defaultDataTableFeatures, deriveFormKey, exportToCSV, exportToCSVWithTableRows, filterSensitiveFields, generateCSVContent, getAriaSortValue, getCellRenderer, getColumnHeaderText, getHierarchicalSortConfig, getPageSizeOptions, getPaginationBinding, getRowDepth, getRowDescription, getRowIdSafe, getSortButtonLabel, groupHierarchicalData, hasValidRowId, initializeLiveRegion, isHierarchicalSortableColumn, isSensitiveField, max, min, normalizeDataTableFeatures, shouldShowColumnForRow, sortHierarchicalDataByStructure, sortHierarchicalDataWithSorting, sum, useSessionDraft, validateHierarchicalData, validatePaginationConfig };
+export { ActionButtons, Alert, AlertDescription, AlertTitle, BulkOperationsDropdown, Checkbox, ColumnFactory, ColumnVisibilityDropdown, DataTable, DataTableCore, DataTableErrorBoundary, DataTableModals, DataTableToolbar, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTitle, DialogTrigger, EditableRow, EmptyState, EnhancedPaginationControls, GroupingDropdown, ImportModal, Input, Label, LoadingState, PaginationControls, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SortIndicator, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, UnifiedTableBody, announce, announceBulkOperation, announceFilterChange, announceLoadingState, announcePaginationChange, announceSearchResults, announceSelectionChange, announceSortChange, average, calculateAllDepths, calculateAllIndentation, calculateIndentation, calculateOptimalPageSize, cleanupLiveRegion, count, createHierarchicalStructure, defaultDataTableFeatures, deriveFormKey, exportToCSV, exportToCSVWithTableRows, filterSensitiveFields, generateCSVContent, getAriaSortState, getAriaSortValue, getCellRenderer, getColumnHeaderText, getHierarchicalSortConfig, getPageSizeOptions, getPaginationBinding, getRowDepth, getRowDescription, getRowIdSafe, getSortButtonLabel, groupHierarchicalData, hasValidRowId, initializeLiveRegion, isHierarchicalSortableColumn, isSensitiveField, max, min, normalizeDataTableFeatures, shouldShowColumnForRow, sortHierarchicalDataByStructure, sortHierarchicalDataWithSorting, sum, useSessionDraft, validateHierarchicalData, validatePaginationConfig };