@jmruthers/pace-core 0.5.125 → 0.5.127

package/dist/{chunk-JJVLYIEO.js → chunk-JDBO5NCG.js}

@@ -1,17 +1,17 @@
 import {
   useCan,
   useResolvedScope
-} from "./chunk-35ZDPMBM.js";
+} from "./chunk-BYXRHAIF.js";
 import {
   toast,
   useDataTablePerformance
 } from "./chunk-GKHF54DI.js";
 import {
   init_UnifiedAuthProvider
-} from "./chunk-C43QIDN3.js";
+} from "./chunk-CTJRBUX2.js";
 import {
   useUnifiedAuth
-} from "./chunk-ZBLK676C.js";
+} from "./chunk-3CG5L6RN.js";
 import {
   cn
 } from "./chunk-PYUXFQJ3.js";
@@ -5502,10 +5502,10 @@ var require_lodash = __commonJS({
 });
 
 // src/components/DataTable/DataTable.tsx
-import React20 from "react";
+import React21 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
-import React19, { useMemo as useMemo14, useCallback as useCallback11, useEffect as useEffect12, useRef as useRef7 } from "react";
+import React20, { useMemo as useMemo14, useCallback as useCallback11, useEffect as useEffect12, useRef as useRef7 } from "react";
 import { useReactTable } from "@tanstack/react-table";
 import { Edit, Trash, ChevronUp as ChevronUp2, ChevronDown as ChevronDown3, ChevronsUpDown } from "lucide-react";
 
@@ -5549,7 +5549,7 @@ function getButtonClasses(variant = "default", size = "default") {
     outline: "border border-main-300 bg-background shadow-sm hover:bg-acc-400",
     secondary: "bg-sec-100 text-sec-900 shadow-sm hover:bg-acc-400",
     ghost: "hover:bg-acc-400",
-    link: "text-primary underline-offset-4 hover:underline text-shadow-md hover:text-shadow-accent"
+    link: "text-main-700 underline-offset-4 hover:underline hover:drop-shadow-lg hover:drop-shadow-acc-400"
   };
   const sizeClasses2 = {
     default: "h-9 px-4 py-2",
@@ -7686,7 +7686,7 @@ function SelectEditField2({
             return false;
           };
           const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
-          const shouldShow = !hasMatch && isCreatable && !!columnDef.onCreateNew;
+          const shouldShow = isCreatable && !!columnDef.onCreateNew;
           if (import.meta.env.MODE === "development" && isCreatable) {
             logger.debug("[SelectEditField] Creatable select check:", {
               searchTerm: currentSearch,
@@ -7695,7 +7695,8 @@ function SelectEditField2({
               isCreatable,
               hasOnCreateNew: !!columnDef.onCreateNew,
               shouldShow,
-              fieldOptionsCount: columnDef.fieldOptions?.length || 0
+              fieldOptionsCount: columnDef.fieldOptions?.length || 0,
+              note: "Create option shows when search term exists, regardless of matches"
             });
           }
           setShowCreateOption(shouldShow);
@@ -7719,7 +7720,7 @@ function SelectEditField2({
             return false;
           };
           const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
-          const shouldShow = !hasMatch && isCreatable && !!columnDef.onCreateNew;
+          const shouldShow = isCreatable && !!columnDef.onCreateNew;
           setShowCreateOption(shouldShow);
         } else {
           setShowCreateOption(false);
@@ -8691,7 +8692,7 @@ function LoadingState() {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-import React14, { useEffect as useEffect6 } from "react";
+import React15, { useEffect as useEffect6 } from "react";
 
 // src/components/DataTable/components/ImportModal.tsx
 import { useState as useState4, useRef as useRef4, useEffect as useEffect5 } from "react";
@@ -8975,21 +8976,10 @@ var DialogBody = ({
     if (!htmlContent || !allowHtml) {
       return null;
     }
-    console.log("\u{1F50D} Dialog HTML Debug:", {
-      originalHtml: htmlContent,
-      allowHtml,
-      strictSanitization,
-      logWarnings
-    });
     const result = renderSafeHtml(htmlContent, {
       strict: strictSanitization,
       logWarnings
     });
-    console.log("\u{1F50D} Dialog HTML Result:", {
-      sanitizedHtml: result.html,
-      isValid: result.isValid,
-      warnings: result.warnings
-    });
     return result.html;
   }, [htmlContent, allowHtml, strictSanitization, logWarnings]);
   const hasHtmlContent = Boolean(htmlContent && allowHtml);
@@ -9082,9 +9072,38 @@ var DialogDescription = React12.forwardRef(({ className, htmlContent, allowHtml
 });
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
+// src/components/Progress/Progress.tsx
+import * as React13 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Progress = React13.forwardRef(({ className, value, max = 100, ...props }, ref) => /* @__PURE__ */ jsx18(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      className
+    ),
+    ...props,
+    value,
+    max,
+    "aria-valuenow": value,
+    "aria-valuemax": max,
+    "aria-valuemin": 0,
+    children: /* @__PURE__ */ jsx18(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
 // src/components/DataTable/components/ImportModal.tsx
 import { Upload as Upload2, FileText, AlertCircle } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function ImportModal({ isOpen, onClose, onImport, config = {} }) {
   const logger = createLogger("ImportModal");
   const [file, setFile] = useState4(null);
@@ -9093,6 +9112,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
   const [previewData, setPreviewData] = useState4(null);
   const [totalCount, setTotalCount] = useState4(0);
   const [validationErrors, setValidationErrors] = useState4([]);
+  const [importProgress, setImportProgress] = useState4(null);
   const fileInputRef = useRef4(null);
   const isMountedRef = useRef4(true);
   useEffect5(() => {
@@ -9108,6 +9128,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
       setError(null);
       setValidationErrors([]);
       setIsProcessing(false);
+      setImportProgress(null);
       if (fileInputRef.current) {
         fileInputRef.current.value = "";
       }
@@ -9168,20 +9189,96 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
     if (!file) return;
     setIsProcessing(true);
     setError(null);
+    setImportProgress({ current: 0, total: 0, stage: "parsing" });
     try {
       const text = await file.text();
-      const data = processCSV(text);
+      const lines = text.split("\n").filter((line) => line.trim());
+      const totalLines = lines.length;
+      if (totalLines < 2) {
+        throw new Error("CSV must have at least a header row and one data row");
+      }
+      const CHUNK_SIZE = 1e3;
+      const data = [];
+      if (totalLines > CHUNK_SIZE) {
+        const parseCSVLine = (line) => {
+          const result2 = [];
+          let current = "";
+          let inQuotes = false;
+          for (let i = 0; i < line.length; i++) {
+            const char = line[i];
+            if (char === '"') {
+              inQuotes = !inQuotes;
+            } else if (char === "," && !inQuotes) {
+              result2.push(current.trim());
+              current = "";
+            } else {
+              current += char;
+            }
+          }
+          result2.push(current.trim());
+          return result2;
+        };
+        const headers = parseCSVLine(lines[0]).map((h) => h.replace(/"/g, "").trim());
+        for (let i = 1; i < totalLines; i += CHUNK_SIZE) {
+          const chunkEnd = Math.min(i + CHUNK_SIZE, totalLines);
+          const chunk = lines.slice(i, chunkEnd);
+          chunk.forEach((line, index) => {
+            const values = parseCSVLine(line).map((v) => v.replace(/"/g, "").trim());
+            const row = {};
+            headers.forEach((header, colIndex) => {
+              row[header] = values[colIndex] || "";
+            });
+            data.push(row);
+          });
+          const processed = Math.min(chunkEnd - 1, totalLines - 1);
+          if (isMountedRef.current) {
+            setImportProgress({
+              current: processed,
+              total: totalLines - 1,
+              stage: "parsing"
+            });
+          }
+          await new Promise((resolve) => setTimeout(resolve, 0));
+        }
+      } else {
+        const parsedData = processCSV(text);
+        data.push(...parsedData);
+        if (isMountedRef.current) {
+          setImportProgress({
+            current: totalLines - 1,
+            total: totalLines - 1,
+            stage: "parsing"
+          });
+        }
+      }
+      if (isMountedRef.current) {
+        setImportProgress({
+          current: 0,
+          total: data.length,
+          stage: "importing"
+        });
+      }
       const result = onImport(data);
       if (result && typeof result.then === "function") {
         await result;
       }
+      if (isMountedRef.current) {
+        setImportProgress({
+          current: data.length,
+          total: data.length,
+          stage: "importing"
+        });
+      }
+      await new Promise((resolve) => setTimeout(resolve, 300));
       onClose();
       setFile(null);
     } catch (err) {
       setError(err instanceof Error ? err.message : "Failed to process file");
+      setImportProgress(null);
     } finally {
       if (isMountedRef.current) {
         setIsProcessing(false);
+        setImportProgress(null);
       }
     }
   };
@@ -9191,6 +9288,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
     setPreviewData(null);
     setTotalCount(0);
     setValidationErrors([]);
+    setImportProgress(null);
     onClose();
   };
   const handleFileSelect = async (event) => {
@@ -9217,16 +9315,16 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
       }
     }
   };
-  return /* @__PURE__ */ jsx18(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs14(DialogContent, { className: "sm:max-w-2xl bg-main-50", children: [
+  return /* @__PURE__ */ jsx19(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs14(DialogContent, { className: "sm:max-w-2xl bg-main-50", children: [
     /* @__PURE__ */ jsxs14(DialogHeader, { children: [
-      /* @__PURE__ */ jsx18(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx18(DialogDescription, { children: description })
+      /* @__PURE__ */ jsx19(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx19(DialogDescription, { children: description })
     ] }),
     /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxs14("div", { className: "border-2 border-dashed border-sec-200 rounded-lg p-6 text-center", children: [
-        /* @__PURE__ */ jsx18(FileText, { className: "h-8 w-8 mx-auto text-sec-400 mb-2" }),
-        /* @__PURE__ */ jsx18("p", { className: "text-sec-600 mb-2", children: file ? `Selected: ${file.name}` : uploadText }),
-        file && /* @__PURE__ */ jsx18("p", { className: "text-xs text-sec-500", children: "File selected, processing preview..." }),
+        /* @__PURE__ */ jsx19(FileText, { className: "h-8 w-8 mx-auto text-sec-400 mb-2" }),
+        /* @__PURE__ */ jsx19("p", { className: "text-sec-600 mb-2", children: file ? `Selected: ${file.name}` : uploadText }),
+        file && /* @__PURE__ */ jsx19("p", { className: "text-xs text-sec-500", children: "File selected, processing preview..." }),
         /* @__PURE__ */ jsxs14(
           Button,
           {
@@ -9234,12 +9332,12 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
             size: "sm",
             onClick: () => fileInputRef.current?.click(),
             children: [
-              /* @__PURE__ */ jsx18(Upload2, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ jsx19(Upload2, { className: "h-4 w-4 mr-2" }),
               selectFileButtonText
             ]
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           Input,
           {
             ref: fileInputRef,
@@ -9251,12 +9349,12 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
         )
       ] }),
       error && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 p-3 bg-acc-50 border border-acc-200 rounded text-acc-700", children: [
-        /* @__PURE__ */ jsx18(AlertCircle, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx18("span", { className: "text-sm", children: error })
+        /* @__PURE__ */ jsx19(AlertCircle, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx19("span", { className: "text-sm", children: error })
       ] }),
       validationErrors.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 p-3 bg-acc-50 border border-acc-200 rounded text-acc-700", children: [
-          /* @__PURE__ */ jsx18(AlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx19(AlertCircle, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsxs14("span", { className: "text-sm font-medium", children: [
             validationErrors.length,
             " validation error",
@@ -9282,17 +9380,36 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
           ] })
         ] })
       ] }),
-      file && previewData && previewData.length > 0 ? /* @__PURE__ */ jsxs14("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx18("h4", { className: "text-sec-900", children: previewHeaderText }),
-        /* @__PURE__ */ jsx18("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx18("div", { className: "overflow-x-auto max-h-48", children: /* @__PURE__ */ jsxs14("table", { className: "min-w-full text-xs", children: [
-          /* @__PURE__ */ jsx18("thead", { className: "bg-sec-50", children: /* @__PURE__ */ jsx18("tr", { children: Object.keys(previewData[0]).map((header) => /* @__PURE__ */ jsx18("th", { className: "px-2 py-1 text-left font-medium text-sec-900 border-b", children: header }, header)) }) }),
-          /* @__PURE__ */ jsx18("tbody", { children: previewData.map((row, index) => /* @__PURE__ */ jsx18("tr", { className: index % 2 === 0 ? "bg-app-main-50" : "bg-sec-50", children: Object.values(row).map((value, cellIndex) => /* @__PURE__ */ jsx18("td", { className: "px-2 py-1 text-sec-700 border-b", children: String(value) }, cellIndex)) }, index)) })
+      importProgress && isProcessing && /* @__PURE__ */ jsxs14("div", { className: "space-y-2 p-4 bg-sec-50 rounded-lg border border-sec-200", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium text-sec-900", children: importProgress.stage === "parsing" ? "Parsing CSV file..." : "Importing data..." }),
+          /* @__PURE__ */ jsxs14("span", { className: "text-sm text-sec-600", children: [
+            importProgress.current.toLocaleString(),
+            " / ",
+            importProgress.total.toLocaleString(),
+            " rows"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx19(
+          Progress,
+          {
+            value: importProgress.total > 0 ? importProgress.current / importProgress.total * 100 : 0,
+            className: "h-2 bg-sec-200"
+          }
+        ),
+        /* @__PURE__ */ jsx19("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__ */ jsxs14("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx19("h4", { className: "text-sec-900", children: previewHeaderText }),
+        /* @__PURE__ */ jsx19("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx19("div", { className: "overflow-x-auto max-h-48", children: /* @__PURE__ */ jsxs14("table", { className: "min-w-full text-xs", children: [
+          /* @__PURE__ */ jsx19("thead", { className: "bg-sec-50", children: /* @__PURE__ */ jsx19("tr", { children: Object.keys(previewData[0]).map((header) => /* @__PURE__ */ jsx19("th", { className: "px-2 py-1 text-left font-medium text-sec-900 border-b", children: header }, header)) }) }),
+          /* @__PURE__ */ jsx19("tbody", { children: previewData.map((row, index) => /* @__PURE__ */ jsx19("tr", { className: index % 2 === 0 ? "bg-app-main-50" : "bg-sec-50", children: Object.values(row).map((value, cellIndex) => /* @__PURE__ */ jsx19("td", { className: "px-2 py-1 text-sec-700 border-b", children: String(value) }, cellIndex)) }, index)) })
         ] }) }) }),
-        /* @__PURE__ */ jsx18("p", { className: "text-sec-500", children: totalRowsText.replace("{count}", totalCount.toString()) })
-      ] }) : !file ? /* @__PURE__ */ jsx18("div", { className: "border rounded-lg p-6 text-center bg-sec-50", children: /* @__PURE__ */ jsx18("p", { className: "text-sec-500", children: "Select a CSV file to preview" }) }) : null,
+        /* @__PURE__ */ jsx19("p", { className: "text-sec-500", children: totalRowsText.replace("{count}", totalCount.toString()) })
+      ] }) : !file ? /* @__PURE__ */ jsx19("div", { className: "border rounded-lg p-6 text-center bg-sec-50", children: /* @__PURE__ */ jsx19("p", { className: "text-sec-500", children: "Select a CSV file to preview" }) }) : null,
       /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx18(Button, { variant: "outline", onClick: handleClose, children: cancelButtonText }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(Button, { variant: "outline", onClick: handleClose, children: cancelButtonText }),
+        /* @__PURE__ */ jsx19(
           Button,
           {
             onClick: handleImport,
@@ -9306,7 +9423,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-import { Fragment as Fragment4, jsx as jsx19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20 } from "react/jsx-runtime";
 function mapCSVToTableColumns(csvData, columns) {
   const logger = createLogger("mapCSVToTableColumns");
   const columnMap = /* @__PURE__ */ new Map();
@@ -9388,7 +9505,7 @@ function DataTableModals({
   onStoreFocus,
   onRestoreFocus
 }) {
-  const logger = React14.useMemo(() => createLogger("DataTableModals"), []);
+  const logger = React15.useMemo(() => createLogger("DataTableModals"), []);
   useEffect6(() => {
     if (showImportModal) {
       onStoreFocus?.();
@@ -9399,7 +9516,7 @@ function DataTableModals({
       return () => clearTimeout(timeoutId);
     }
   }, [showImportModal, onStoreFocus, onRestoreFocus]);
-  return /* @__PURE__ */ jsx19(Fragment4, { children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(Fragment4, { children: /* @__PURE__ */ jsx20(
     ImportModal,
     {
       isOpen: showImportModal,
@@ -9437,12 +9554,12 @@ function DataTableModals({
 }
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-import React16, { Component } from "react";
+import React17, { Component } from "react";
 
 // src/components/Alert/Alert.tsx
-import * as React15 from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var AlertContext = React15.createContext({ variant: "default" });
+import * as React16 from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var AlertContext = React16.createContext({ variant: "default" });
 var getAlertClasses = (variant = "default") => {
   const baseClasses = "relative w-full rounded-lg border p-4";
   const variantClasses = {
@@ -9453,12 +9570,12 @@ var getAlertClasses = (variant = "default") => {
   };
   return `${baseClasses} ${variantClasses[variant]}`;
 };
-var Alert = React15.forwardRef(({ className, variant = "default", ...props }, ref) => {
-  const contextValue = React15.useMemo(() => ({ variant }), [variant]);
+var Alert = React16.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const contextValue = React16.useMemo(() => ({ variant }), [variant]);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx20(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(React15.Fragment, { ...props }) });
+    return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(React16.Fragment, { ...props }) });
   }
-  return /* @__PURE__ */ jsx20(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(
     "div",
     {
       ref,
@@ -9469,12 +9586,12 @@ var Alert = React15.forwardRef(({ className, variant = "default", ...props }, re
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React15.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React15.useContext(AlertContext);
+var AlertTitle = React16.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React16.useContext(AlertContext);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx20("strong", { ...props });
+    return /* @__PURE__ */ jsx21("strong", { ...props });
   }
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "h5",
     {
       ref,
@@ -9484,12 +9601,12 @@ var AlertTitle = React15.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React15.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React15.useContext(AlertContext);
+var AlertDescription = React16.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React16.useContext(AlertContext);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx20("span", { ...props });
+    return /* @__PURE__ */ jsx21("span", { ...props });
   }
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "p",
     {
       ref,
@@ -9501,7 +9618,7 @@ var AlertDescription = React15.forwardRef(({ className, ...props }, ref) => {
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 var DataTableErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -9573,11 +9690,11 @@ var DataTableErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxs15(Alert, { variant: "destructive", className: "max-w-md", children: [
-        /* @__PURE__ */ jsx21(AlertTitle, { children: "DataTable Error" }),
-        /* @__PURE__ */ jsx21(AlertDescription, { className: "mt-2", children: /* @__PURE__ */ jsx21("span", { children: "Something went wrong" }) }),
+      return /* @__PURE__ */ jsx22("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxs15(Alert, { variant: "destructive", className: "max-w-md", children: [
+        /* @__PURE__ */ jsx22(AlertTitle, { children: "DataTable Error" }),
+        /* @__PURE__ */ jsx22(AlertDescription, { className: "mt-2", children: /* @__PURE__ */ jsx22("span", { children: "Something went wrong" }) }),
         error && error.message ? /* @__PURE__ */ jsxs15("details", { className: "mt-2", children: [
-          /* @__PURE__ */ jsx21("summary", { className: "cursor-pointer text-sm font-medium", children: "Error Details" }),
+          /* @__PURE__ */ jsx22("summary", { className: "cursor-pointer text-sm font-medium", children: "Error Details" }),
           /* @__PURE__ */ jsxs15("pre", { className: "mt-2 text-xs overflow-auto max-h-32", children: [
             error.message,
             showErrorDetails && error.stack && /* @__PURE__ */ jsxs15(Fragment6, { children: [
@@ -9585,7 +9702,7 @@ var DataTableErrorBoundary = class extends Component {
               error.stack
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsx21("div", { className: "mt-2", children: /* @__PURE__ */ jsx21("span", { children: "An unexpected error occurred" }) }),
+        ] }) : /* @__PURE__ */ jsx22("div", { className: "mt-2", children: /* @__PURE__ */ jsx22("span", { children: "An unexpected error occurred" }) }),
         /* @__PURE__ */ jsxs15("div", { className: "mt-4 flex gap-2", children: [
           showRetryButton && retryCount < maxRetries && /* @__PURE__ */ jsxs15(
             Button,
@@ -9603,7 +9720,7 @@ var DataTableErrorBoundary = class extends Component {
               ]
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             Button,
             {
               variant: "outline",
@@ -10460,8 +10577,8 @@ function useDataTableConfiguration({
 }
 
 // src/components/Card/Card.tsx
-import * as React17 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import * as React18 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function getCardClasses(variant = "default", size = "default") {
   const baseClasses = "rounded-lg border bg-card text-card-foreground shadow-sm";
   const variantClasses = {
@@ -10476,7 +10593,7 @@ function getCardClasses(variant = "default", size = "default") {
   };
   return `${baseClasses} ${variantClasses[variant]} ${sizeClasses2[size]}`;
 }
-var Card = React17.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx22(
+var Card = React18.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx23(
   "article",
   {
     ref,
@@ -10489,7 +10606,7 @@ var Card = React17.forwardRef(({ className, variant, size, ...props }, ref) => /
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "header",
   {
     ref,
@@ -10498,7 +10615,7 @@ var CardHeader = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "h3",
   {
     ref,
@@ -10510,7 +10627,7 @@ var CardTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "p",
   {
     ref,
@@ -10519,7 +10636,7 @@ var CardDescription = React17.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "main",
   {
     ref,
@@ -10528,7 +10645,7 @@ var CardContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "footer",
   {
     ref,
@@ -10537,7 +10654,7 @@ var CardFooter = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var CardActions = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardActions = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "nav",
   {
     ref,
@@ -10548,8 +10665,8 @@ var CardActions = React17.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardActions.displayName = "CardActions";
-var HoverCard = React17.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx22(
+var HoverCard = React18.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx23(
     "section",
     {
       ref,
@@ -10560,11 +10677,11 @@ var HoverCard = React17.forwardRef(({ children, className, ...props }, ref) => {
   );
 });
 HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React17.forwardRef(({ className, asChild, children, ...props }, ref) => {
+var HoverCardTrigger = React18.forwardRef(({ className, asChild, children, ...props }, ref) => {
   if (asChild) {
-    return /* @__PURE__ */ jsx22("span", { className: cn("cursor-pointer", className), children });
+    return /* @__PURE__ */ jsx23("span", { className: cn("cursor-pointer", className), children });
   }
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       ref,
@@ -10579,7 +10696,7 @@ var HoverCardTrigger = React17.forwardRef(({ className, asChild, children, ...pr
   );
 });
 HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var HoverCardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "aside",
   {
     ref,
@@ -10595,7 +10712,7 @@ HoverCardContent.displayName = "HoverCardContent";
 
 // src/components/DataTable/components/AccessDeniedPage.tsx
 import { ShieldX, ArrowLeft, RefreshCw } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function AccessDeniedPage({
   resource,
   operation = "access",
@@ -10619,19 +10736,19 @@ function AccessDeniedPage({
       window.history.back();
     }
   };
-  return /* @__PURE__ */ jsx23("div", { className: `flex items-center justify-center min-h-[400px] p-8 ${className || ""}`, children: /* @__PURE__ */ jsx23(Card, { className: "max-w-md w-full text-center", children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center space-y-6 p-8", children: [
-    /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-acc-100", children: /* @__PURE__ */ jsx23(ShieldX, { className: "w-8 h-8 text-acc-600" }) }),
+  return /* @__PURE__ */ jsx24("div", { className: `flex items-center justify-center min-h-[400px] p-8 ${className || ""}`, children: /* @__PURE__ */ jsx24(Card, { className: "max-w-md w-full text-center", children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center space-y-6 p-8", children: [
+    /* @__PURE__ */ jsx24("div", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-acc-100", children: /* @__PURE__ */ jsx24(ShieldX, { className: "w-8 h-8 text-acc-600" }) }),
     /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx23("h2", { className: "text-xl font-semibold text-sec-900", children: "Access Denied" }),
-      /* @__PURE__ */ jsx23("p", { className: "text-sec-600", children: defaultMessage })
+      /* @__PURE__ */ jsx24("h2", { className: "text-xl font-semibold text-sec-900", children: "Access Denied" }),
+      /* @__PURE__ */ jsx24("p", { className: "text-sec-600", children: defaultMessage })
     ] }),
     /* @__PURE__ */ jsxs16("div", { className: "text-sm text-sec-500 bg-sec-50 rounded-lg p-3 w-full", children: [
-      /* @__PURE__ */ jsx23("strong", { children: "Resource:" }),
+      /* @__PURE__ */ jsx24("strong", { children: "Resource:" }),
       " ",
       resource,
       operation && /* @__PURE__ */ jsxs16(Fragment7, { children: [
-        /* @__PURE__ */ jsx23("br", {}),
-        /* @__PURE__ */ jsx23("strong", { children: "Operation:" }),
+        /* @__PURE__ */ jsx24("br", {}),
+        /* @__PURE__ */ jsx24("strong", { children: "Operation:" }),
         " ",
         operation
       ] })
@@ -10644,7 +10761,7 @@ function AccessDeniedPage({
           onClick: handleRetry,
           className: "flex-1",
           children: [
-            /* @__PURE__ */ jsx23(RefreshCw, { className: "w-4 h-4 mr-2" }),
+            /* @__PURE__ */ jsx24(RefreshCw, { className: "w-4 h-4 mr-2" }),
             "Retry"
           ]
         }
@@ -10656,13 +10773,13 @@ function AccessDeniedPage({
           onClick: handleBack,
           className: "flex-1",
           children: [
-            /* @__PURE__ */ jsx23(ArrowLeft, { className: "w-4 h-4 mr-2" }),
+            /* @__PURE__ */ jsx24(ArrowLeft, { className: "w-4 h-4 mr-2" }),
             "Go Back"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx23("div", { className: "text-xs text-sec-400", children: "If you believe this is an error, please contact your administrator." })
+    /* @__PURE__ */ jsx24("div", { className: "text-xs text-sec-400", children: "If you believe this is an error, please contact your administrator." })
   ] }) }) });
 }
 
@@ -10966,7 +11083,7 @@ function useDataTablePermissions(rbac, features = {}) {
 }
 
 // src/components/DataTable/hooks/useTableColumns.ts
-import React18, { useMemo as useMemo13 } from "react";
+import React19, { useMemo as useMemo13 } from "react";
 
 // src/components/DataTable/core/ColumnFactory.ts
 var ColumnFactory = class {
@@ -11172,14 +11289,14 @@ function useTableColumns({
       header: ({ table }) => {
         const isAllSelected = table.getIsAllPageRowsSelected();
         const isSomeSelected = table.getIsSomePageRowsSelected();
-        return React18.createElement(Checkbox, {
+        return React19.createElement(Checkbox, {
           checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
           onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
           "aria-label": "Select all"
         });
       },
       cell: ({ row }) => {
-        return React18.createElement(Checkbox, {
+        return React19.createElement(Checkbox, {
           checked: row.getIsSelected(),
           onCheckedChange: (value) => row.toggleSelected(!!value),
           "aria-label": "Select row"
@@ -11657,7 +11774,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
 }
 
 // src/components/DataTable/components/DataTableCore.tsx
-import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 var isCellValue = (value) => {
   if (value === null || value === void 0) {
     return true;
@@ -11724,7 +11841,7 @@ function DataTableInternal({
   storageKey,
   onLayoutChange
 }) {
-  const logger = React19.useMemo(() => createLogger("DataTableCore"), []);
+  const logger = React20.useMemo(() => createLogger("DataTableCore"), []);
   const authResult = useUnifiedAuth();
   const user = authResult.user;
   const requestedFeatures = useMemo14(
@@ -12224,7 +12341,7 @@ function DataTableInternal({
     throw new Error("DataTable requires authenticated user for RBAC");
   }
   if (permissions.canRead.isLoading) {
-    return /* @__PURE__ */ jsx24(LoadingComponent, {});
+    return /* @__PURE__ */ jsx25(LoadingComponent, {});
   }
   if (!permissions.canRead.can) {
     logger.warn("Access denied - no read permission:", {
@@ -12232,10 +12349,10 @@ function DataTableInternal({
       pageId: effectivePageId,
       isLoading: permissions.canRead.isLoading
     });
-    return /* @__PURE__ */ jsx24(AccessDeniedPage, { resource: effectivePageId || "unknown-page", operation: "read" });
+    return /* @__PURE__ */ jsx25(AccessDeniedPage, { resource: effectivePageId || "unknown-page", operation: "read" });
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx24(LoadingComponent, {});
+    return /* @__PURE__ */ jsx25(LoadingComponent, {});
   }
   const PaginationComponent = enhancedPagination || finalPaginationMode !== "client" ? EnhancedPaginationControls : PaginationControls;
   const visibleColumns = table?.getVisibleFlatColumns() || [];
@@ -12260,10 +12377,10 @@ function DataTableInternal({
         children: [
           /* @__PURE__ */ jsxs17("caption", { className: "text-left pb-2", children: [
             (title || description) && /* @__PURE__ */ jsxs17(Fragment8, { children: [
-              title && /* @__PURE__ */ jsx24("h2", { children: title }),
-              description && /* @__PURE__ */ jsx24("p", { id: "table-description", children: description })
+              title && /* @__PURE__ */ jsx25("h2", { children: title }),
+              description && /* @__PURE__ */ jsx25("p", { id: "table-description", children: description })
             ] }),
-            /* @__PURE__ */ jsx24(Fragment8, { children: /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(Fragment8, { children: /* @__PURE__ */ jsx25(
               DataTableToolbar,
               {
                 features: secureFeatures,
@@ -12371,15 +12488,15 @@ function DataTableInternal({
             ) })
           ] }),
           /* @__PURE__ */ jsxs17("colgroup", { children: [
-            hasSelectColumn && /* @__PURE__ */ jsx24("col", { span: 1, "data-col-type": "select" }),
-            /* @__PURE__ */ jsx24("col", { span: dataColumns, "data-col-type": "data" }),
-            hasActionsColumn && /* @__PURE__ */ jsx24("col", { span: 1, "data-col-type": "actions" })
+            hasSelectColumn && /* @__PURE__ */ jsx25("col", { span: 1, "data-col-type": "select" }),
+            /* @__PURE__ */ jsx25("col", { span: dataColumns, "data-col-type": "data" }),
+            hasActionsColumn && /* @__PURE__ */ jsx25("col", { span: 1, "data-col-type": "actions" })
           ] }),
-          /* @__PURE__ */ jsx24("thead", { children: table?.getHeaderGroups().map((headerGroup) => {
+          /* @__PURE__ */ jsx25("thead", { children: table?.getHeaderGroups().map((headerGroup) => {
             const visibleHeaders = headerGroup.headers.filter((header) => {
               return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
             });
-            return /* @__PURE__ */ jsx24("tr", { children: visibleHeaders.map((header, index) => {
+            return /* @__PURE__ */ jsx25("tr", { children: visibleHeaders.map((header, index) => {
               const isFirst = index === 0;
               const isLast = index === visibleHeaders.length - 1;
               const isSortable = header.column.getCanSort();
@@ -12408,7 +12525,7 @@ function DataTableInternal({
                   announceSortChange(columnName, newSort);
                 }
               );
-              return /* @__PURE__ */ jsx24(
+              return /* @__PURE__ */ jsx25(
                 "th",
                 {
                   className: cn(
@@ -12432,7 +12549,7 @@ function DataTableInternal({
                       tabIndex: 0,
                       children: [
                         typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
-                        header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx24(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx24(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx24(ChevronsUpDown, { className: "h-4 w-4" })
+                        header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx25(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx25(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(ChevronsUpDown, { className: "h-4 w-4" })
                       ]
                     }
                   ) : typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header
@@ -12441,7 +12558,7 @@ function DataTableInternal({
               );
             }) }, headerGroup.id);
           }) }),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             UnifiedTableBody,
             {
               table,
@@ -12488,7 +12605,7 @@ function DataTableInternal({
               grouping: state.grouping,
               aggregates,
               getRowId: resolvedGetRowId,
-              emptyState: React19.isValidElement(emptyState) ? void 0 : emptyState,
+              emptyState: React20.isValidElement(emptyState) ? void 0 : emptyState,
               isFiltered: searchQuery !== "" || state.columnFilters.length > 0,
               onClearFilters: () => {
                 stateActions.setSearchQuery("");
@@ -12513,7 +12630,7 @@ function DataTableInternal({
               permissions
             }
           ),
-          secureFeatures.pagination && /* @__PURE__ */ jsx24("tfoot", { children: /* @__PURE__ */ jsx24("tr", { children: /* @__PURE__ */ jsx24("td", { colSpan: visibleColumns.length, children: /* @__PURE__ */ jsx24(
+          secureFeatures.pagination && /* @__PURE__ */ jsx25("tfoot", { children: /* @__PURE__ */ jsx25("tr", { children: /* @__PURE__ */ jsx25("td", { colSpan: visibleColumns.length, children: /* @__PURE__ */ jsx25(
             PaginationComponent,
             {
               table,
@@ -12526,7 +12643,7 @@ function DataTableInternal({
         ]
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       DataTableModals,
       {
         showImportModal: state.showImportModal,
@@ -12577,31 +12694,31 @@ function DataTableInternal({
   ] });
 }
 function DataTableCore(props) {
-  return /* @__PURE__ */ jsx24(DataTableErrorBoundary, { children: /* @__PURE__ */ jsx24(DataTableInternal, { ...props }) });
+  return /* @__PURE__ */ jsx25(DataTableErrorBoundary, { children: /* @__PURE__ */ jsx25(DataTableInternal, { ...props }) });
 }
 
 // src/components/DataTable/DataTable.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function DataTable(props) {
-  const logger = React20.useMemo(() => createLogger("DataTable"), []);
+  const logger = React21.useMemo(() => createLogger("DataTable"), []);
   const { features, ...rest } = props;
-  const normalizedFeatures = React20.useMemo(
+  const normalizedFeatures = React21.useMemo(
     () => normalizeDataTableFeatures(features),
     [features]
   );
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (!features && import.meta.env?.MODE === "development") {
       logger.info("DataTable: no features provided; all capabilities default to disabled. Pass a features object to enable functionality.");
     }
   }, [features, logger]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (normalizedFeatures.deleteSelected && !normalizedFeatures.deletion) {
       logger.warn("deleteSelected requires deletion to be enabled");
     }
   }, [normalizedFeatures.deleteSelected, normalizedFeatures.deletion, logger]);
-  return /* @__PURE__ */ jsx25(DataTableCore, { ...rest, features: normalizedFeatures });
+  return /* @__PURE__ */ jsx26(DataTableCore, { ...rest, features: normalizedFeatures });
 }
-var DataTableComponent = React20.memo(DataTable);
+var DataTableComponent = React21.memo(DataTable);
 
 // src/components/DataTable/components/BulkOperationsDropdown.tsx
 import {
@@ -12609,7 +12726,7 @@ import {
   Download as Download2,
   Trash as Trash3
 } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
 function BulkOperationsDropdown({
   operations,
   selectedRows = {},
@@ -12638,7 +12755,7 @@ function BulkOperationsDropdown({
     }
   };
   return /* @__PURE__ */ jsxs18(Select, { disabled: !hasSelection, children: [
-    /* @__PURE__ */ jsx26(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsx27(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
       Button,
       {
         variant: "outline",
@@ -12646,7 +12763,7 @@ function BulkOperationsDropdown({
         disabled: !hasSelection,
         className: `min-w-[140px] h-9 px-3 py-2 text-sm font-medium ${className || ""}`,
         children: [
-          /* @__PURE__ */ jsx26(MoreHorizontal2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsx27(MoreHorizontal2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
           /* @__PURE__ */ jsxs18("span", { className: "truncate", children: [
             "Bulk Actions (",
             selectedCount,
@@ -12655,7 +12772,7 @@ function BulkOperationsDropdown({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx26(SelectContent, { className: "w-48 !bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: operations.map((operation) => {
+    /* @__PURE__ */ jsx27(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];
@@ -12667,8 +12784,8 @@ function BulkOperationsDropdown({
           disabled: !hasSelection,
           className: `flex items-center gap-2 ${variant === "destructive" ? "text-destructive focus:text-destructive" : ""}`,
           children: [
-            /* @__PURE__ */ jsx26(Icon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx26("span", { children: label })
+            /* @__PURE__ */ jsx27(Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx27("span", { children: label })
           ]
         },
         operation
@@ -12679,7 +12796,7 @@ function BulkOperationsDropdown({
 
 // src/components/DataTable/components/GroupHeader.tsx
 import { ChevronDown as ChevronDown4, ChevronRight as ChevronRight3 } from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
 function GroupHeader({
   row,
   groupByColumn,
@@ -12689,14 +12806,14 @@ function GroupHeader({
 }) {
   const groupValue = row.getValue(groupByColumn);
   return /* @__PURE__ */ jsxs19("div", { className: "flex items-center py-2 px-4 bg-muted/50 border-b font-medium", children: [
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       Button,
       {
         variant: "ghost",
         size: "sm",
         onClick: onToggle,
         className: "p-0 h-auto mr-2",
-        children: isExpanded ? /* @__PURE__ */ jsx27(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx27(ChevronRight3, { className: "h-4 w-4" })
+        children: isExpanded ? /* @__PURE__ */ jsx28(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx28(ChevronRight3, { className: "h-4 w-4" })
       }
     ),
     /* @__PURE__ */ jsxs19("span", { className: "text-sm", children: [
@@ -12738,6 +12855,7 @@ export {
   AlertTitle,
   AlertDescription,
   Checkbox,
+  Progress,
   Select,
   SelectTrigger,
   SelectValue,
@@ -12814,4 +12932,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-JJVLYIEO.js.map
+//# sourceMappingURL=chunk-JDBO5NCG.js.map