@jmruthers/pace-core 0.5.136 → 0.5.139

package/dist/{chunk-HJGGOMQ6.js → chunk-TLT2ZR3L.js}

@@ -1,20 +1,20 @@
 import {
   useCan,
   useResolvedScope
-} from "./chunk-L6PGMCMD.js";
+} from "./chunk-BOOI7GK2.js";
 import {
   toast,
   useDataTablePerformance
 } from "./chunk-BESYRHQM.js";
 import {
   init_UnifiedAuthProvider
-} from "./chunk-2TWNJ46Y.js";
+} from "./chunk-6LAAY47Q.js";
 import {
   useUnifiedAuth
-} from "./chunk-4MT5BGGL.js";
+} from "./chunk-YCWDTTUK.js";
 import {
   renderSafeHtml
-} from "./chunk-5DPZ5EAT.js";
+} from "./chunk-OWAG3GSU.js";
 import {
   cn
 } from "./chunk-56XJ3TU6.js";
@@ -5509,10 +5509,10 @@ var require_lodash = __commonJS({
 });
 
 // src/components/DataTable/DataTable.tsx
-import React21 from "react";
+import React22 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
-import React20, { useMemo as useMemo14, useCallback as useCallback11, useEffect as useEffect12, useRef as useRef7 } from "react";
+import React21, { 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";
 
@@ -5653,12 +5653,24 @@ var getTableCellClasses = (options = {}) => {
 };
 var getTableClasses = (options = {}) => {
   const { isFixed = false, variant = "default", className } = options;
-  return cn(
-    isFixed ? tableStyles.tableFixed : tableStyles.table,
-    variant === "compact" && "text-sm",
-    variant === "spacious" && "text-base",
-    className
-  );
+  if (isFixed) {
+    return cn(
+      tableStyles.tableFixed,
+      variant === "compact" && "text-sm",
+      variant === "spacious" && "text-base",
+      className
+    );
+  }
+  if (variant === "compact") {
+    return cn(tableStyles.table, className);
+  }
+  if (variant === "spacious") {
+    return cn(
+      tableStyles.table.replace("text-sm", "text-base"),
+      className
+    );
+  }
+  return cn(tableStyles.table, className);
 };
 
 // src/components/Input/Input.tsx
@@ -5914,6 +5926,7 @@ var Select = React5.forwardRef(
   ({
     children,
     className,
+    direction = "down",
     ...selectProps
   }, ref) => {
     const internalRef = React5.useRef(null);
@@ -6012,8 +6025,9 @@ var Select = React5.forwardRef(
       ...state,
       actions,
       registerItem,
-      unregisterItem
-    }), [state, actions, registerItem, unregisterItem]);
+      unregisterItem,
+      direction
+    }), [state, actions, registerItem, unregisterItem, direction]);
     return /* @__PURE__ */ jsx4(
       "form",
       {
@@ -6029,7 +6043,8 @@ var Select = React5.forwardRef(
 Select.displayName = "Select";
 var SelectTrigger = React5.forwardRef(
   ({ children, className, variant = "outline", size = "default", asChild = false, ...props }, ref) => {
-    const { open, disabled, value, actions } = useSelectContext();
+    const { open, disabled, value, actions, direction = "down" } = useSelectContext();
+    const opensUpward = direction === "up";
     const handleClick = () => {
       actions.setOpen(!open);
     };
@@ -6061,7 +6076,8 @@ var SelectTrigger = React5.forwardRef(
       className: cn(
         "!justify-between relative w-full",
         "[&_svg]:pointer-events-none",
-        open && "!rounded-b-none !border-b-0",
+        open && !opensUpward && "!rounded-b-none !border-b-0",
+        open && opensUpward && "!rounded-t-none !border-t-0",
         className
       ),
       style: {
@@ -6118,7 +6134,8 @@ var SelectTrigger = React5.forwardRef(
         className: cn(
           "!justify-between relative w-full",
           "[&_svg]:pointer-events-none",
-          open && "!rounded-b-none !border-b-0",
+          open && !opensUpward && "!rounded-b-none !border-b-0",
+          open && opensUpward && "!rounded-t-none !border-t-0",
           className
         ),
         style: {
@@ -6162,10 +6179,10 @@ var SelectContent = React5.forwardRef(
     className,
     searchable = false,
     searchPlaceholder = "Search...",
-    maxHeight = "20rem",
+    maxHeight = "max(20rem, 50vh)",
     style
   }, ref) => {
-    const { open, actions } = useSelectContext();
+    const { open, actions, direction = "down" } = useSelectContext();
     const { searchTerm, setSearchTerm, filteredChildren, searchInputRef } = useSelectSearch({
       children,
       searchable
@@ -6187,17 +6204,19 @@ var SelectContent = React5.forwardRef(
         }
       );
     }
+    const opensUpward = direction === "up";
     return /* @__PURE__ */ jsxs2(
       "ul",
       {
         ref,
         className: cn(
-          "absolute z-[99999] w-full overflow-y-auto rounded-b-md border border-t-0 border-main-300 bg-main-50 shadow-lg",
+          "absolute z-[99999] w-full overflow-y-auto border border-main-300 bg-main-50 shadow-lg",
           "list-none p-0 m-0",
+          opensUpward ? "rounded-t-md border-b-0" : "rounded-b-md border-t-0",
           className
         ),
         style: {
-          top: "100%",
+          [opensUpward ? "bottom" : "top"]: "100%",
           left: 0,
           right: 0,
           maxHeight,
@@ -6663,7 +6682,7 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/components/UnifiedTableBody.tsx
-import React10, { useRef as useRef3, useEffect as useEffect3 } from "react";
+import React11, { useRef as useRef3, useEffect as useEffect3 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ChevronDown as ChevronDown2, ChevronRight } from "lucide-react";
@@ -6715,10 +6734,32 @@ function EmptyState({
 }
 
 // src/components/DataTable/components/FilterRow.tsx
-import React7 from "react";
+import React8 from "react";
 
 // src/components/DataTable/components/ColumnFilter.tsx
 import { X as X2 } from "lucide-react";
+
+// src/components/DataTable/utils/columnUtils.ts
+import React7 from "react";
+function getColumnHeaderText(column) {
+  const header = column.columnDef.header;
+  if (typeof header === "string") {
+    return header;
+  }
+  const getAccessorKey = () => {
+    const def = column.columnDef;
+    return "accessorKey" in def && def.accessorKey ? String(def.accessorKey) : void 0;
+  };
+  if (typeof header === "function") {
+    return getAccessorKey() || column.id;
+  }
+  if (React7.isValidElement(header)) {
+    return getAccessorKey() || column.id;
+  }
+  return getAccessorKey() || column.id;
+}
+
+// src/components/DataTable/components/ColumnFilter.tsx
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function ColumnFilter({
   column,
@@ -6742,6 +6783,7 @@ function ColumnFilter({
     column.setFilterValue(void 0);
   };
   const hasFilter = columnFilterValue !== void 0 && columnFilterValue !== "";
+  const defaultPlaceholder = `Filter ${getColumnHeaderText(column)}...`;
   const renderFilterInput = () => {
     switch (filterType) {
       case "select":
@@ -6751,7 +6793,7 @@ function ColumnFilter({
             value: columnFilterValue || "",
             onValueChange: handleFilterChange,
             children: [
-              /* @__PURE__ */ jsx10(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx10(SelectValue, { placeholder: placeholder || `Filter ${column.id}...` }) }),
+              /* @__PURE__ */ jsx10(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx10(SelectValue, { placeholder: placeholder || defaultPlaceholder }) }),
               /* @__PURE__ */ jsxs7(SelectContent, { children: [
                 /* @__PURE__ */ jsx10(SelectItem, { value: "", children: "All" }),
                 options.map((option) => /* @__PURE__ */ jsx10(SelectItem, { value: option.value, children: option.label }, option.value))
@@ -6766,7 +6808,7 @@ function ColumnFilter({
             type: "number",
             value: columnFilterValue || "",
             onChange: (e) => handleFilterChange(e.target.value ? Number(e.target.value) : void 0),
-            placeholder: placeholder || `Filter ${column.id}...`,
+            placeholder: placeholder || defaultPlaceholder,
             className: "h-8 datatable-number-no-spinners"
           }
         );
@@ -6777,7 +6819,7 @@ function ColumnFilter({
             type: "date",
             value: columnFilterValue || "",
             onChange: (e) => handleFilterChange(e.target.value || void 0),
-            placeholder: placeholder || `Filter ${column.id}...`,
+            placeholder: placeholder || defaultPlaceholder,
             className: "h-8"
           }
         );
@@ -6787,7 +6829,7 @@ function ColumnFilter({
           {
             value: columnFilterValue || "",
             onChange: (e) => handleFilterChange(e.target.value || void 0),
-            placeholder: placeholder || `Filter ${column.id}...`,
+            placeholder: placeholder || defaultPlaceholder,
             className: "h-8"
           }
         );
@@ -6812,7 +6854,7 @@ import { jsx as jsx11 } from "react/jsx-runtime";
 function FilterRow({ table, visibleColumns }) {
   const { getState } = table;
   const { columnFilters } = getState();
-  const getColumnOptions = React7.useCallback((columnId) => {
+  const getColumnOptions = React8.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return [];
     const columnDef = column.columnDef;
@@ -6831,12 +6873,12 @@ function FilterRow({ table, visibleColumns }) {
     });
     return Array.from(uniqueValues).sort().map((value) => ({ value, label: value }));
   }, [table]);
-  const getFilterType = React7.useCallback((columnId) => {
+  const getFilterType = React8.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return "text";
     const columnDef = column.columnDef;
     const explicitFilterType = columnDef.filterType;
-    if (explicitFilterType !== void 0 && explicitFilterType !== null && explicitFilterType !== "") {
+    if (explicitFilterType === "text" || explicitFilterType === "select" || explicitFilterType === "number" || explicitFilterType === "date") {
       return explicitFilterType;
     }
     if (columnDef.filterSelectOptions && Array.isArray(columnDef.filterSelectOptions)) {
@@ -6870,7 +6912,7 @@ function FilterRow({ table, visibleColumns }) {
             column,
             filterType,
             options,
-            placeholder: `Filter ${column.id}...`
+            placeholder: `Filter ${getColumnHeaderText(column)}...`
           }
         ) : /* @__PURE__ */ jsx11("div", { className: "h-8 flex items-center text-sec-400 text-sm", children: "No filter" })
       },
@@ -6880,7 +6922,7 @@ function FilterRow({ table, visibleColumns }) {
 }
 
 // src/components/DataTable/components/ActionButtons.tsx
-import React8, { useMemo as useMemo2 } from "react";
+import React9, { useMemo as useMemo2 } from "react";
 import { MoreHorizontal } from "lucide-react";
 import { Fragment, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var evaluateCondition = (condition, row, defaultValue) => {
@@ -6997,10 +7039,10 @@ function ActionButtonsComponent({
     }) })
   ] });
 }
-var ActionButtons = React8.memo(ActionButtonsComponent);
+var ActionButtons = React9.memo(ActionButtonsComponent);
 
 // src/components/DataTable/components/EditableRow.tsx
-import React9 from "react";
+import React10 from "react";
 import { flexRender } from "@tanstack/react-table";
 import { X as X3, Check as Check3 } from "lucide-react";
 init_logger();
@@ -7013,14 +7055,14 @@ function SelectEditField({
   onChange,
   className
 }) {
-  const logger = React9.useMemo(() => createLogger("SelectEditField"), []);
+  const logger = React10.useMemo(() => createLogger("SelectEditField"), []);
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
-  const selectRef = React9.useRef(null);
-  const [searchTerm, setSearchTerm] = React9.useState("");
-  const [isOpen, setIsOpen] = React9.useState(false);
-  const [showCreateOption, setShowCreateOption] = React9.useState(false);
-  React9.useEffect(() => {
+  const selectRef = React10.useRef(null);
+  const [searchTerm, setSearchTerm] = React10.useState("");
+  const [isOpen, setIsOpen] = React10.useState(false);
+  const [showCreateOption, setShowCreateOption] = React10.useState(false);
+  React10.useEffect(() => {
     if (!isOpen || !isSearchable || !isCreatable) return;
     const findAndAttachSearchInput = () => {
       let searchInput = null;
@@ -7098,7 +7140,7 @@ function SelectEditField({
     }
     return cleanup;
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions]);
-  const handleCreateNew = React9.useCallback(async () => {
+  const handleCreateNew = React10.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
     try {
       const newValue = await columnDef.onCreateNew(searchTerm.trim());
@@ -7244,9 +7286,9 @@ function EditableRow({
   hierarchical = false
 }) {
   const rowId = getRowId ? getRowId(row.original, row.index) : String(row.id);
-  const firstInputRef = React9.useRef(null);
-  const hasAssignedRef = React9.useRef(false);
-  React9.useEffect(() => {
+  const firstInputRef = React10.useRef(null);
+  const hasAssignedRef = React10.useRef(false);
+  React10.useEffect(() => {
     if (firstInputRef.current) {
       firstInputRef.current.focus();
       firstInputRef.current.select();
@@ -7525,14 +7567,14 @@ function SelectEditField2({
   placeholder,
   onChange
 }) {
-  const logger = React10.useMemo(() => createLogger("SelectEditField"), []);
+  const logger = React11.useMemo(() => createLogger("SelectEditField"), []);
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
-  const selectRef = React10.useRef(null);
-  const [searchTerm, setSearchTerm] = React10.useState("");
-  const [isOpen, setIsOpen] = React10.useState(false);
-  const [showCreateOption, setShowCreateOption] = React10.useState(false);
-  React10.useEffect(() => {
+  const selectRef = React11.useRef(null);
+  const [searchTerm, setSearchTerm] = React11.useState("");
+  const [isOpen, setIsOpen] = React11.useState(false);
+  const [showCreateOption, setShowCreateOption] = React11.useState(false);
+  React11.useEffect(() => {
     if (!isOpen || !isSearchable || !isCreatable || !columnDef.onCreateNew) {
       if (!isOpen || !isCreatable || !columnDef.onCreateNew) {
         setShowCreateOption(false);
@@ -7617,7 +7659,7 @@ function SelectEditField2({
     }
     return cleanup;
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions, columnDef.onCreateNew]);
-  const handleCreateNew = React10.useCallback(async () => {
+  const handleCreateNew = React11.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
     try {
       const newValue = await columnDef.onCreateNew(searchTerm.trim());
@@ -7748,7 +7790,7 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
     }
   );
 };
-var RowComponent = React10.memo(({
+var RowComponent = React11.memo(({
   row,
   style,
   isEditing,
@@ -7766,7 +7808,7 @@ var RowComponent = React10.memo(({
 }) => {
   const rowRef = useRef3(null);
   const firstInputRef = useRef3(null);
-  const logger = React10.useMemo(() => createLogger("RowComponent"), []);
+  const logger = React11.useMemo(() => createLogger("RowComponent"), []);
   const rowId = getRowIdSafe(row.original, row.index, getRowId);
   const hierarchicalRow = row.original;
   const isHierarchical = hierarchical?.enabled && hierarchicalRow?.isParent !== void 0;
@@ -8016,7 +8058,7 @@ function UnifiedTableBody({
   rbac,
   permissions
 }) {
-  const logger = React10.useMemo(() => createLogger("UnifiedTableBody"), []);
+  const logger = React11.useMemo(() => createLogger("UnifiedTableBody"), []);
   const headerRef = useRef3(null);
   const bodyRef = useRef3(null);
   const parentRef = useRef3(null);
@@ -8218,7 +8260,7 @@ function UnifiedTableBody({
 }
 
 // src/components/DataTable/components/PaginationControls.tsx
-import React11 from "react";
+import React12 from "react";
 import {
   ChevronLeft,
   ChevronRight as ChevronRight2,
@@ -8456,6 +8498,7 @@ function PaginationControls({
             selectedText: currentPageSize?.toString() || "10",
             onValueChange: (value) => setPageSize(Number(value)),
             disabled: isLoading,
+            direction: "up",
             className: "w-36 h-8",
             children: [
               /* @__PURE__ */ jsx15(
@@ -8542,7 +8585,7 @@ function EnhancedPaginationControls({
   showJumpToPage = false,
   ...props
 }) {
-  const [jumpToPage, setJumpToPage] = React11.useState("");
+  const [jumpToPage, setJumpToPage] = React12.useState("");
   const { table, paginationMode = "client", serverData, onPageChange, totalCount } = props;
   const pagination = getPaginationBinding({
     mode: paginationMode,
@@ -8593,13 +8636,13 @@ function LoadingState() {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-import React15, { useEffect as useEffect6 } from "react";
+import React16, { useEffect as useEffect6 } from "react";
 
 // src/components/DataTable/components/ImportModal.tsx
 import { useState as useState4, useRef as useRef4, useEffect as useEffect5 } from "react";
 
 // src/components/Dialog/Dialog.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X4 } from "lucide-react";
 var import_lodash = __toESM(require_lodash(), 1);
@@ -8617,7 +8660,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -8694,7 +8737,7 @@ var useSmartDimensions = ({
   }
   return result;
 };
-var DialogContent = React12.forwardRef(({
+var DialogContent = React13.forwardRef(({
   className,
   children,
   size = "md",
@@ -8721,17 +8764,17 @@ var DialogContent = React12.forwardRef(({
     minWidth,
     enableScrolling
   });
-  const handleEscapeKeyDown = React12.useCallback((event) => {
+  const handleEscapeKeyDown = React13.useCallback((event) => {
     if (preventCloseOnEscape) {
       event.preventDefault();
     }
   }, [preventCloseOnEscape]);
-  const handlePointerDownOutside = React12.useCallback((event) => {
+  const handlePointerDownOutside = React13.useCallback((event) => {
     if (preventCloseOnOutsideClick) {
       event.preventDefault();
     }
   }, [preventCloseOnOutsideClick]);
-  const mergedStyle = React12.useMemo(() => {
+  const mergedStyle = React13.useMemo(() => {
     if (Object.keys(smartDimensions).length === 0) {
       return style;
     }
@@ -8809,13 +8852,13 @@ var DialogBody = ({
   children,
   ...props
 }) => {
-  const mergedStyle = React12.useMemo(() => {
+  const mergedStyle = React13.useMemo(() => {
     return {
       ...maxHeight && { maxHeight },
       ...style
     };
   }, [maxHeight, style]);
-  const processedHtmlContent = React12.useMemo(() => {
+  const processedHtmlContent = React13.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8868,8 +8911,8 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React12.useMemo(() => {
+var DialogTitle = React13.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React13.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8892,8 +8935,8 @@ var DialogTitle = React12.forwardRef(({ className, htmlContent, allowHtml = true
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React12.useMemo(() => {
+var DialogDescription = React13.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React13.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8916,10 +8959,10 @@ var DialogDescription = React12.forwardRef(({ className, htmlContent, allowHtml
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/Progress/Progress.tsx
-import * as React13 from "react";
+import * as React14 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: max2 = 100, ...props }, ref) => /* @__PURE__ */ jsx18(
+var Progress = React14.forwardRef(({ className, value, max: max2 = 100, ...props }, ref) => /* @__PURE__ */ jsx18(
   ProgressPrimitive.Root,
   {
     ref,
@@ -9321,7 +9364,7 @@ function DataTableModals({
   onStoreFocus,
   onRestoreFocus
 }) {
-  const logger = React15.useMemo(() => createLogger("DataTableModals"), []);
+  const logger = React16.useMemo(() => createLogger("DataTableModals"), []);
   useEffect6(() => {
     if (showImportModal) {
       onStoreFocus?.();
@@ -9365,12 +9408,12 @@ function DataTableModals({
 }
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-import React17, { Component } from "react";
+import React18, { Component } from "react";
 
 // src/components/Alert/Alert.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
-var AlertContext = React16.createContext({ variant: "default" });
+var AlertContext = React17.createContext({ variant: "default" });
 var getAlertClasses = (variant = "default") => {
   const baseClasses = "relative w-full rounded-lg border p-4";
   const variantClasses = {
@@ -9381,10 +9424,10 @@ var getAlertClasses = (variant = "default") => {
   };
   return `${baseClasses} ${variantClasses[variant]}`;
 };
-var Alert = React16.forwardRef(({ className, variant = "default", ...props }, ref) => {
-  const contextValue = React16.useMemo(() => ({ variant }), [variant]);
+var Alert = React17.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const contextValue = React17.useMemo(() => ({ variant }), [variant]);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(React16.Fragment, { ...props }) });
+    return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(React17.Fragment, { ...props }) });
   }
   return /* @__PURE__ */ jsx21(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(
     "div",
@@ -9397,8 +9440,8 @@ var Alert = React16.forwardRef(({ className, variant = "default", ...props }, re
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React16.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React16.useContext(AlertContext);
+var AlertTitle = React17.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React17.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx21("strong", { ...props });
   }
@@ -9412,8 +9455,8 @@ var AlertTitle = React16.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React16.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React16.useContext(AlertContext);
+var AlertDescription = React17.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React17.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx21("span", { ...props });
   }
@@ -10391,7 +10434,7 @@ function useDataTableConfiguration({
 }
 
 // src/components/Card/Card.tsx
-import * as React18 from "react";
+import * as React19 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";
@@ -10407,7 +10450,7 @@ function getCardClasses(variant = "default", size = "default") {
   };
   return `${baseClasses} ${variantClasses[variant]} ${sizeClasses2[size]}`;
 }
-var Card = React18.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx23(
+var Card = React19.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx23(
   "article",
   {
     ref,
@@ -10420,7 +10463,7 @@ var Card = React18.forwardRef(({ className, variant, size, ...props }, ref) => /
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "header",
   {
     ref,
@@ -10429,7 +10472,7 @@ var CardHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "h3",
   {
     ref,
@@ -10441,7 +10484,7 @@ var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "p",
   {
     ref,
@@ -10450,7 +10493,7 @@ var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "main",
   {
     ref,
@@ -10459,7 +10502,7 @@ var CardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardFooter = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "footer",
   {
     ref,
@@ -10468,7 +10511,7 @@ var CardFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var CardActions = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardActions = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "nav",
   {
     ref,
@@ -10479,7 +10522,7 @@ var CardActions = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardActions.displayName = "CardActions";
-var HoverCard = React18.forwardRef(({ children, className, ...props }, ref) => {
+var HoverCard = React19.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx23(
     "section",
     {
@@ -10491,7 +10534,7 @@ var HoverCard = React18.forwardRef(({ children, className, ...props }, ref) => {
   );
 });
 HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React18.forwardRef(({ className, asChild, children, ...props }, ref) => {
+var HoverCardTrigger = React19.forwardRef(({ className, asChild, children, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsx23("span", { className: cn("cursor-pointer", className), children });
   }
@@ -10510,7 +10553,7 @@ var HoverCardTrigger = React18.forwardRef(({ className, asChild, children, ...pr
   );
 });
 HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var HoverCardContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "aside",
   {
     ref,
@@ -10882,7 +10925,7 @@ function useDataTablePermissions(rbac, features = {}) {
 }
 
 // src/components/DataTable/hooks/useTableColumns.ts
-import React19, { useMemo as useMemo13 } from "react";
+import React20, { useMemo as useMemo13 } from "react";
 
 // src/components/DataTable/core/ColumnFactory.ts
 var ColumnFactory = class {
@@ -11088,14 +11131,14 @@ function useTableColumns({
       header: ({ table }) => {
         const isAllSelected = table.getIsAllPageRowsSelected();
         const isSomeSelected = table.getIsSomePageRowsSelected();
-        return React19.createElement(Checkbox, {
+        return React20.createElement(Checkbox, {
           checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
           onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
           "aria-label": "Select all"
         });
       },
       cell: ({ row }) => {
-        return React19.createElement(Checkbox, {
+        return React20.createElement(Checkbox, {
           checked: row.getIsSelected(),
           onCheckedChange: (value) => row.toggleSelected(!!value),
           "aria-label": "Select row"
@@ -11642,7 +11685,7 @@ function DataTableInternal(props) {
     storageKey,
     onLayoutChange
   } = props;
-  const logger = React20.useMemo(() => createLogger("DataTableCore"), []);
+  const logger = React21.useMemo(() => createLogger("DataTableCore"), []);
   const authResult = useUnifiedAuth();
   const user = authResult.user;
   const requestedFeatures = useMemo14(
@@ -12306,7 +12349,7 @@ function DataTableInternal(props) {
               grouping: state.grouping,
               aggregates,
               getRowId: resolvedGetRowId,
-              emptyState: React20.isValidElement(emptyState) ? void 0 : emptyState,
+              emptyState: React21.isValidElement(emptyState) ? void 0 : emptyState,
               isFiltered: searchQuery !== "" || state.columnFilters.length > 0,
               onClearFilters: () => {
                 stateActions.setSearchQuery("");
@@ -12400,20 +12443,20 @@ function DataTableCore(props) {
 init_logger();
 import { jsx as jsx26 } from "react/jsx-runtime";
 function DataTable(props) {
-  const logger = React21.useMemo(() => createLogger("DataTable"), []);
+  const logger = React22.useMemo(() => createLogger("DataTable"), []);
   const { features, ...rest } = props;
-  const normalizedFeatures = React21.useMemo(
+  const normalizedFeatures = React22.useMemo(
     () => normalizeDataTableFeatures(features),
     [features]
   );
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     if (normalizedFeatures.deleteSelected && !normalizedFeatures.deletion) {
       logger.warn("deleteSelected requires deletion to be enabled");
     }
   }, [normalizedFeatures.deleteSelected, normalizedFeatures.deletion, logger]);
   return /* @__PURE__ */ jsx26(DataTableCore, { ...rest, features: normalizedFeatures });
 }
-var DataTableComponent = React21.memo(DataTable);
+var DataTableComponent = React22.memo(DataTable);
 
 // src/components/DataTable/components/BulkOperationsDropdown.tsx
 import {
@@ -12613,6 +12656,7 @@ export {
   ColumnVisibilityDropdown,
   DataTableToolbar,
   EmptyState,
+  getColumnHeaderText,
   ActionButtons,
   EditableRow,
   validateHierarchicalData,
@@ -12682,4 +12726,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-HJGGOMQ6.js.map
+//# sourceMappingURL=chunk-TLT2ZR3L.js.map