@jmruthers/pace-core 0.5.106 → 0.5.108

package/dist/{chunk-75G3NZWN.js → chunk-IMZGJ2X7.js}

@@ -5,7 +5,7 @@ import {
 import {
   toast,
   useDataTablePerformance
-} from "./chunk-QPCAGLUS.js";
+} from "./chunk-4OX5PXHX.js";
 import {
   init_UnifiedAuthProvider
 } from "./chunk-KBG34SVL.js";
@@ -5502,10 +5502,10 @@ var require_lodash = __commonJS({
 });
 
 // src/components/DataTable/DataTable.tsx
-import React19 from "react";
+import React20 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
-import React18, { useMemo as useMemo14, useCallback as useCallback11, useEffect as useEffect12, useRef as useRef7 } from "react";
+import React19, { 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";
 
@@ -6649,7 +6649,7 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/components/UnifiedTableBody.tsx
-import React9, { useRef as useRef3, useEffect as useEffect3 } from "react";
+import React10, { 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";
@@ -6700,6 +6700,9 @@ function EmptyState({
   );
 }
 
+// src/components/DataTable/components/FilterRow.tsx
+import React7 from "react";
+
 // src/components/DataTable/components/ColumnFilter.tsx
 import { X as X2 } from "lucide-react";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -6750,7 +6753,7 @@ function ColumnFilter({
             value: columnFilterValue || "",
             onChange: (e) => handleFilterChange(e.target.value ? Number(e.target.value) : void 0),
             placeholder: placeholder || `Filter ${column.id}...`,
-            className: "h-8"
+            className: "h-8 datatable-number-no-spinners"
           }
         );
       case "date":
@@ -6795,7 +6798,7 @@ import { jsx as jsx11 } from "react/jsx-runtime";
 function FilterRow({ table, visibleColumns }) {
   const { getState } = table;
   const { columnFilters } = getState();
-  const getColumnOptions = (columnId) => {
+  const getColumnOptions = React7.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return [];
     const columnDef = column.columnDef;
@@ -6813,13 +6816,14 @@ function FilterRow({ table, visibleColumns }) {
       }
     });
     return Array.from(uniqueValues).sort().map((value) => ({ value, label: value }));
-  };
-  const getFilterType = (columnId) => {
+  }, [table]);
+  const getFilterType = React7.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return "text";
     const columnDef = column.columnDef;
-    if (columnDef.filterType) {
-      return columnDef.filterType;
+    const explicitFilterType = columnDef.filterType;
+    if (explicitFilterType !== void 0 && explicitFilterType !== null && explicitFilterType !== "") {
+      return explicitFilterType;
     }
     if (columnDef.filterSelectOptions && Array.isArray(columnDef.filterSelectOptions)) {
       return "select";
@@ -6836,7 +6840,7 @@ function FilterRow({ table, visibleColumns }) {
       return "select";
     }
     return "text";
-  };
+  }, [table, getColumnOptions]);
   return /* @__PURE__ */ jsx11("tr", { className: "border-b bg-sec-50/50", children: visibleColumns.map((header) => {
     const column = header.column;
     const canFilter = column.getCanFilter();
@@ -6862,7 +6866,7 @@ function FilterRow({ table, visibleColumns }) {
 }
 
 // src/components/DataTable/components/ActionButtons.tsx
-import React7, { useMemo as useMemo2 } from "react";
+import React8, { useMemo as useMemo2 } from "react";
 import { MoreHorizontal } from "lucide-react";
 
 // src/utils/logger.ts
@@ -7105,13 +7109,134 @@ function ActionButtonsComponent({
     }) })
   ] });
 }
-var ActionButtons = React7.memo(ActionButtonsComponent);
+var ActionButtons = React8.memo(ActionButtonsComponent);
 
 // src/components/DataTable/components/EditableRow.tsx
-import React8 from "react";
+import React9 from "react";
 import { flexRender } from "@tanstack/react-table";
 import { X as X3, Check as Check3 } from "lucide-react";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+function SelectEditField({
+  columnDef,
+  accessorKey,
+  currentValue,
+  placeholder,
+  onChange,
+  className
+}) {
+  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(() => {
+    if (!isOpen || !isSearchable || !isCreatable || !selectRef.current) return;
+    const searchInput = selectRef.current.querySelector('[data-testid="select-search-input"]');
+    if (!searchInput) return;
+    const handleInput = (e) => {
+      const target = e.target;
+      const currentSearch = target.value;
+      setSearchTerm(currentSearch);
+      if (currentSearch.trim()) {
+        const searchLower = currentSearch.toLowerCase().trim();
+        const checkMatch = (opt) => {
+          if ("value" in opt && !("type" in opt)) {
+            return opt.label.toLowerCase().includes(searchLower);
+          }
+          if ("type" in opt && opt.type === "group") {
+            return opt.items.some((item) => item.label.toLowerCase().includes(searchLower));
+          }
+          return false;
+        };
+        const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
+        setShowCreateOption(!hasMatch);
+      } else {
+        setShowCreateOption(false);
+      }
+    };
+    searchInput.addEventListener("input", handleInput);
+    return () => {
+      searchInput.removeEventListener("input", handleInput);
+    };
+  }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions]);
+  const handleCreateNew = React9.useCallback(async () => {
+    if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
+    try {
+      const newValue = await columnDef.onCreateNew(searchTerm.trim());
+      onChange(newValue);
+      setSearchTerm("");
+      setShowCreateOption(false);
+    } catch (error) {
+      console.error("Error creating new item:", error);
+    }
+  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange]);
+  return /* @__PURE__ */ jsxs9(
+    Select,
+    {
+      ref: selectRef,
+      value: String(currentValue),
+      onValueChange: (newValue) => {
+        if (newValue.startsWith("__create_new__")) {
+          handleCreateNew();
+        } else {
+          onChange(newValue);
+        }
+      },
+      onOpenChange: (open) => {
+        setIsOpen(open);
+        if (!open) {
+          setSearchTerm("");
+          setShowCreateOption(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx13(SelectTrigger, { className: className || "w-full h-7", children: /* @__PURE__ */ jsx13(SelectValue, { placeholder: placeholder || `Select ${columnDef.header || "option"}...` }) }),
+        /* @__PURE__ */ jsxs9(
+          SelectContent,
+          {
+            searchable: Boolean(isSearchable),
+            searchPlaceholder: `Search ${columnDef.header || "options"}...`,
+            maxHeight: columnDef.selectMaxHeight,
+            className: columnDef.selectContentClassName,
+            style: columnDef.selectContentStyle,
+            children: [
+              columnDef.fieldOptions?.map((option, index) => {
+                if ("value" in option && !("type" in option)) {
+                  return /* @__PURE__ */ jsx13(SelectItem, { value: String(option.value), children: option.label }, `${option.value}-${index}`);
+                }
+                if ("type" in option && option.type === "separator") {
+                  return /* @__PURE__ */ jsx13(SelectSeparator, {}, `separator-${index}`);
+                }
+                if ("type" in option && option.type === "group") {
+                  const groupOption = option;
+                  return /* @__PURE__ */ jsxs9(SelectGroup, { children: [
+                    /* @__PURE__ */ jsx13(SelectLabel, { children: groupOption.label }),
+                    groupOption.items.map((item) => /* @__PURE__ */ jsx13(SelectItem, { value: String(item.value), children: item.label }, `${item.value}-${index}`))
+                  ] }, `group-${groupOption.label}-${index}`);
+                }
+                return null;
+              }),
+              showCreateOption && isCreatable && searchTerm.trim() && /* @__PURE__ */ jsxs9(
+                SelectItem,
+                {
+                  value: `__create_new__${searchTerm}`,
+                  className: "bg-main-100 font-medium border-t border-main-200",
+                  children: [
+                    'Create "',
+                    searchTerm,
+                    '"'
+                  ]
+                },
+                "__create_new__"
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 var renderEditField = (column, value, onChange, editingData = {}, placeholder, inputRef) => {
   const columnDef = column.columnDef;
   if (columnDef.editable === false) {
@@ -7120,15 +7245,15 @@ var renderEditField = (column, value, onChange, editingData = {}, placeholder, i
   if (columnDef.fieldType === "select" && columnDef.fieldOptions) {
     const accessorKey = columnDef.editAccessorKey || column.id;
     const currentValue = editingData[accessorKey] ?? value ?? "";
-    return /* @__PURE__ */ jsxs9(
-      Select,
+    return /* @__PURE__ */ jsx13(
+      SelectEditField,
       {
-        value: String(currentValue),
-        onValueChange: (newValue) => onChange({ [accessorKey]: newValue }),
-        children: [
-          /* @__PURE__ */ jsx13(SelectTrigger, { className: "w-full h-7", children: /* @__PURE__ */ jsx13(SelectValue, { placeholder: `Select ${column.id}` }) }),
-          /* @__PURE__ */ jsx13(SelectContent, { children: columnDef.fieldOptions.map((option) => /* @__PURE__ */ jsx13(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
-        ]
+        columnDef,
+        accessorKey,
+        currentValue,
+        placeholder,
+        onChange: (newValue) => onChange({ [accessorKey]: newValue }),
+        className: "w-full h-7"
       }
     );
   }
@@ -7145,6 +7270,7 @@ var renderEditField = (column, value, onChange, editingData = {}, placeholder, i
     );
   }
   if (columnDef.fieldType === "number") {
+    const hideSpinners = columnDef.hideNumberSpinners !== false;
     return /* @__PURE__ */ jsx13(
       Input,
       {
@@ -7152,7 +7278,7 @@ var renderEditField = (column, value, onChange, editingData = {}, placeholder, i
         type: "number",
         value: String(value ?? ""),
         onChange: (e) => onChange(e.target.value),
-        className: "w-full h-7"
+        className: `w-full h-7 ${hideSpinners ? "datatable-number-no-spinners" : ""}`
       }
     );
   }
@@ -7180,9 +7306,9 @@ function EditableRow({
   hierarchical = false
 }) {
   const rowId = getRowId ? getRowId(row.original, row.index) : String(row.id);
-  const firstInputRef = React8.useRef(null);
-  const hasAssignedRef = React8.useRef(false);
-  React8.useEffect(() => {
+  const firstInputRef = React9.useRef(null);
+  const hasAssignedRef = React9.useRef(false);
+  React9.useEffect(() => {
     if (firstInputRef.current) {
       firstInputRef.current.focus();
       firstInputRef.current.select();
@@ -7451,6 +7577,126 @@ function hasValidRowId(row, getRowId) {
 // src/components/DataTable/components/UnifiedTableBody.tsx
 import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var VIRTUALIZATION_THRESHOLD = 1e3;
+function SelectEditField2({
+  columnDef,
+  accessorKey,
+  currentValue,
+  placeholder,
+  onChange
+}) {
+  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(() => {
+    if (!isOpen || !isSearchable || !isCreatable || !selectRef.current) return;
+    const searchInput = selectRef.current.querySelector('[data-testid="select-search-input"]');
+    if (!searchInput) return;
+    const handleInput = (e) => {
+      const target = e.target;
+      const currentSearch = target.value;
+      setSearchTerm(currentSearch);
+      if (currentSearch.trim()) {
+        const searchLower = currentSearch.toLowerCase().trim();
+        const checkMatch = (opt) => {
+          if ("value" in opt && !("type" in opt)) {
+            return opt.label.toLowerCase().includes(searchLower);
+          }
+          if ("type" in opt && opt.type === "group") {
+            return opt.items.some((item) => item.label.toLowerCase().includes(searchLower));
+          }
+          return false;
+        };
+        const hasMatch = (columnDef.fieldOptions || []).some(checkMatch);
+        setShowCreateOption(!hasMatch);
+      } else {
+        setShowCreateOption(false);
+      }
+    };
+    searchInput.addEventListener("input", handleInput);
+    return () => {
+      searchInput.removeEventListener("input", handleInput);
+    };
+  }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions]);
+  const handleCreateNew = React10.useCallback(async () => {
+    if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
+    try {
+      const newValue = await columnDef.onCreateNew(searchTerm.trim());
+      onChange(newValue);
+      setSearchTerm("");
+      setShowCreateOption(false);
+    } catch (error) {
+      console.error("Error creating new item:", error);
+    }
+  }, [isCreatable, columnDef.onCreateNew, searchTerm, onChange]);
+  return /* @__PURE__ */ jsxs10(
+    Select,
+    {
+      ref: selectRef,
+      value: String(currentValue),
+      onValueChange: (newValue) => {
+        if (newValue.startsWith("__create_new__")) {
+          handleCreateNew();
+        } else {
+          onChange(newValue);
+        }
+      },
+      onOpenChange: (open) => {
+        setIsOpen(open);
+        if (!open) {
+          setSearchTerm("");
+          setShowCreateOption(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx14(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx14(SelectValue, { placeholder: placeholder || `Select ${columnDef.header || "option"}...` }) }),
+        /* @__PURE__ */ jsxs10(
+          SelectContent,
+          {
+            searchable: Boolean(isSearchable),
+            searchPlaceholder: `Search ${columnDef.header || "options"}...`,
+            maxHeight: columnDef.selectMaxHeight,
+            className: columnDef.selectContentClassName,
+            style: columnDef.selectContentStyle,
+            children: [
+              columnDef.fieldOptions?.map((option, index) => {
+                if ("value" in option && !("type" in option)) {
+                  return /* @__PURE__ */ jsx14(SelectItem, { value: String(option.value), children: option.label }, `${option.value}-${index}`);
+                }
+                if ("type" in option && option.type === "separator") {
+                  return /* @__PURE__ */ jsx14(SelectSeparator, {}, `separator-${index}`);
+                }
+                if ("type" in option && option.type === "group") {
+                  const groupOption = option;
+                  return /* @__PURE__ */ jsxs10(SelectGroup, { children: [
+                    /* @__PURE__ */ jsx14(SelectLabel, { children: groupOption.label }),
+                    groupOption.items.map((item) => /* @__PURE__ */ jsx14(SelectItem, { value: String(item.value), children: item.label }, `${item.value}-${index}`))
+                  ] }, `group-${groupOption.label}-${index}`);
+                }
+                return null;
+              }),
+              showCreateOption && isCreatable && searchTerm.trim() && /* @__PURE__ */ jsxs10(
+                SelectItem,
+                {
+                  value: `__create_new__${searchTerm}`,
+                  className: "bg-main-100 font-medium border-t border-main-200",
+                  children: [
+                    'Create "',
+                    searchTerm,
+                    '"'
+                  ]
+                },
+                "__create_new__"
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 var renderEditField2 = (column, value, onChange, editingData = {}, placeholder) => {
   const columnDef = column.columnDef;
   if (columnDef.editable === false) {
@@ -7459,19 +7705,19 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
   if (columnDef.fieldType === "select" && columnDef.fieldOptions) {
     const accessorKey = columnDef.editAccessorKey || column.id;
     const currentValue = editingData[accessorKey] ?? value ?? "";
-    return /* @__PURE__ */ jsxs10(
-      Select,
+    return /* @__PURE__ */ jsx14(
+      SelectEditField2,
       {
-        value: String(currentValue),
-        onValueChange: (newValue) => onChange({ [accessorKey]: newValue }),
-        children: [
-          /* @__PURE__ */ jsx14(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx14(SelectValue, { placeholder: placeholder || `Select ${columnDef.header || column.id}...` }) }),
-          /* @__PURE__ */ jsx14(SelectContent, { children: columnDef.fieldOptions.map((option) => /* @__PURE__ */ jsx14(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
-        ]
+        columnDef,
+        accessorKey,
+        currentValue,
+        placeholder,
+        onChange: (newValue) => onChange({ [accessorKey]: newValue })
       }
     );
   }
   if (columnDef.fieldType === "number") {
+    const hideSpinners = columnDef.hideNumberSpinners !== false;
     return /* @__PURE__ */ jsx14(
       Input,
       {
@@ -7479,7 +7725,7 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
         value: String(value ?? ""),
         onChange: (e) => onChange(e.target.value),
         placeholder: placeholder || `Enter ${columnDef.header || column.id}...`,
-        className: "h-8"
+        className: `h-8 ${hideSpinners ? "datatable-number-no-spinners" : ""}`
       }
     );
   }
@@ -7505,7 +7751,7 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
     }
   );
 };
-var RowComponent = React9.memo(({
+var RowComponent = React10.memo(({
   row,
   style,
   isEditing,
@@ -7873,23 +8119,55 @@ function UnifiedTableBody({
     isCreating && /* @__PURE__ */ jsxs10("tr", { children: [
       headerGroups[0]?.headers?.filter((header) => {
         return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
-      })?.filter((header) => header.column.id !== "actions" && header.column.id !== "select")?.map((header) => /* @__PURE__ */ jsx14(
-        "td",
-        {
-          className: getTableCellClasses({
-            isCompact: true,
-            className: "px-3 py-2"
-          }),
-          children: renderEditField2(header.column, creationData[header.column.id], (value) => {
+      })?.filter((header) => header.column.id !== "actions")?.map((header) => {
+        if (header.column.id === "select") {
+          return /* @__PURE__ */ jsx14(
+            "td",
+            {
+              className: getTableCellClasses({
+                isCompact: true,
+                className: "px-3 py-2"
+              })
+            },
+            header.column.id
+          );
+        }
+        const columnDef = header.column.columnDef;
+        const dataKey = columnDef.editAccessorKey || columnDef.accessorKey || header.column.id;
+        const editField = renderEditField2(
+          header.column,
+          creationData[dataKey] ?? creationData[header.column.id] ?? "",
+          (value) => {
             if (typeof value === "object" && value !== null && !Array.isArray(value) && !(value instanceof Date)) {
               onCreationDataChange({ ...creationData, ...value });
             } else {
-              onCreationDataChange({ ...creationData, [header.column.id]: value });
+              onCreationDataChange({ ...creationData, [dataKey]: value });
             }
-          }, creationData)
-        },
-        header.column.id
-      )),
+          },
+          creationData
+        );
+        return /* @__PURE__ */ jsx14(
+          "td",
+          {
+            className: getTableCellClasses({
+              isCompact: true,
+              className: "px-3 py-2"
+            }),
+            children: editField || // Fallback: render a text input if renderEditField somehow returns nothing
+            /* @__PURE__ */ jsx14(
+              Input,
+              {
+                type: "text",
+                value: String(creationData[dataKey] ?? creationData[header.column.id] ?? ""),
+                onChange: (e) => onCreationDataChange({ ...creationData, [dataKey]: e.target.value }),
+                placeholder: `Enter ${columnDef.header || header.column.id}...`,
+                className: "h-8"
+              }
+            )
+          },
+          header.column.id
+        );
+      }),
       /* @__PURE__ */ jsxs10(
         "td",
         {
@@ -7932,7 +8210,7 @@ function UnifiedTableBody({
 }
 
 // src/components/DataTable/components/PaginationControls.tsx
-import React10 from "react";
+import React11 from "react";
 import {
   ChevronLeft,
   ChevronRight as ChevronRight2,
@@ -8255,7 +8533,7 @@ function EnhancedPaginationControls({
   showJumpToPage = false,
   ...props
 }) {
-  const [jumpToPage, setJumpToPage] = React10.useState("");
+  const [jumpToPage, setJumpToPage] = React11.useState("");
   const { table, paginationMode = "client", serverData, onPageChange, totalCount } = props;
   const pagination = getPaginationBinding({
     mode: paginationMode,
@@ -8287,7 +8565,7 @@ function EnhancedPaginationControls({
           max: pageCount,
           value: jumpToPage,
           onChange: (e) => setJumpToPage(e.target.value),
-          className: "w-16 h-6 px-2 border rounded text-xs",
+          className: "w-16 h-6 px-2 border rounded text-xs datatable-number-no-spinners",
           placeholder: "1"
         }
       ),
@@ -8312,7 +8590,7 @@ import { useEffect as useEffect6 } from "react";
 import { useState as useState4, useRef as useRef4, useEffect as useEffect5 } from "react";
 
 // src/components/Dialog/Dialog.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X4 } from "lucide-react";
 
@@ -8388,7 +8666,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -8465,7 +8743,7 @@ var useSmartDimensions = ({
   }
   return result;
 };
-var DialogContent = React11.forwardRef(({
+var DialogContent = React12.forwardRef(({
   className,
   children,
   size = "md",
@@ -8492,17 +8770,17 @@ var DialogContent = React11.forwardRef(({
     minWidth,
     enableScrolling
   });
-  const handleEscapeKeyDown = React11.useCallback((event) => {
+  const handleEscapeKeyDown = React12.useCallback((event) => {
     if (preventCloseOnEscape) {
       event.preventDefault();
     }
   }, [preventCloseOnEscape]);
-  const handlePointerDownOutside = React11.useCallback((event) => {
+  const handlePointerDownOutside = React12.useCallback((event) => {
     if (preventCloseOnOutsideClick) {
       event.preventDefault();
     }
   }, [preventCloseOnOutsideClick]);
-  const mergedStyle = React11.useMemo(() => {
+  const mergedStyle = React12.useMemo(() => {
     if (Object.keys(smartDimensions).length === 0) {
       return style;
     }
@@ -8580,13 +8858,13 @@ var DialogBody = ({
   children,
   ...props
 }) => {
-  const mergedStyle = React11.useMemo(() => {
+  const mergedStyle = React12.useMemo(() => {
     return {
       ...maxHeight && { maxHeight },
       ...style
     };
   }, [maxHeight, style]);
-  const processedHtmlContent = React11.useMemo(() => {
+  const processedHtmlContent = React12.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8649,8 +8927,8 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React11.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React11.useMemo(() => {
+var DialogTitle = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React12.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8673,8 +8951,8 @@ var DialogTitle = React11.forwardRef(({ className, htmlContent, allowHtml = true
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React11.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React11.useMemo(() => {
+var DialogDescription = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React12.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -9036,12 +9314,12 @@ function DataTableModals({
 }
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-import React15, { Component } from "react";
+import React16, { Component } from "react";
 
 // src/components/Alert/Alert.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
-var AlertContext = React14.createContext({ variant: "default" });
+var AlertContext = React15.createContext({ variant: "default" });
 var getAlertClasses = (variant = "default") => {
   const baseClasses = "relative w-full rounded-lg border p-4";
   const variantClasses = {
@@ -9052,10 +9330,10 @@ var getAlertClasses = (variant = "default") => {
   };
   return `${baseClasses} ${variantClasses[variant]}`;
 };
-var Alert = React14.forwardRef(({ className, variant = "default", ...props }, ref) => {
-  const contextValue = React14.useMemo(() => ({ variant }), [variant]);
+var Alert = React15.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const contextValue = React15.useMemo(() => ({ variant }), [variant]);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx20(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(React14.Fragment, { ...props }) });
+    return /* @__PURE__ */ jsx20(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(React15.Fragment, { ...props }) });
   }
   return /* @__PURE__ */ jsx20(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(
     "div",
@@ -9068,8 +9346,8 @@ var Alert = React14.forwardRef(({ className, variant = "default", ...props }, re
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React14.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React14.useContext(AlertContext);
+var AlertTitle = React15.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React15.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx20("strong", { ...props });
   }
@@ -9083,8 +9361,8 @@ var AlertTitle = React14.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React14.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React14.useContext(AlertContext);
+var AlertDescription = React15.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React15.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx20("span", { ...props });
   }
@@ -10058,7 +10336,7 @@ function useDataTableConfiguration({
 }
 
 // src/components/Card/Card.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { jsx as jsx22 } from "react/jsx-runtime";
 function getCardClasses(variant = "default", size = "default") {
   const baseClasses = "rounded-lg border bg-card text-card-foreground shadow-sm";
@@ -10074,7 +10352,7 @@ function getCardClasses(variant = "default", size = "default") {
   };
   return `${baseClasses} ${variantClasses[variant]} ${sizeClasses2[size]}`;
 }
-var Card = React16.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx22(
+var Card = React17.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx22(
   "article",
   {
     ref,
@@ -10087,7 +10365,7 @@ var Card = React16.forwardRef(({ className, variant, size, ...props }, ref) => /
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardHeader = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "header",
   {
     ref,
@@ -10096,7 +10374,7 @@ var CardHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "h3",
   {
     ref,
@@ -10108,7 +10386,7 @@ var CardTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "p",
   {
     ref,
@@ -10117,7 +10395,7 @@ var CardDescription = React16.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "main",
   {
     ref,
@@ -10126,7 +10404,7 @@ var CardContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardFooter = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "footer",
   {
     ref,
@@ -10135,7 +10413,7 @@ var CardFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var CardActions = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardActions = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "nav",
   {
     ref,
@@ -10146,7 +10424,7 @@ var CardActions = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardActions.displayName = "CardActions";
-var HoverCard = React16.forwardRef(({ children, className, ...props }, ref) => {
+var HoverCard = React17.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx22(
     "section",
     {
@@ -10158,7 +10436,7 @@ var HoverCard = React16.forwardRef(({ children, className, ...props }, ref) => {
   );
 });
 HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React16.forwardRef(({ className, asChild, children, ...props }, ref) => {
+var HoverCardTrigger = React17.forwardRef(({ className, asChild, children, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsx22("span", { className: cn("cursor-pointer", className), children });
   }
@@ -10177,7 +10455,7 @@ var HoverCardTrigger = React16.forwardRef(({ className, asChild, children, ...pr
   );
 });
 HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var HoverCardContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "aside",
   {
     ref,
@@ -10563,7 +10841,7 @@ function useDataTablePermissions(rbac, features = {}) {
 }
 
 // src/components/DataTable/hooks/useTableColumns.ts
-import React17, { useMemo as useMemo13 } from "react";
+import React18, { useMemo as useMemo13 } from "react";
 
 // src/components/DataTable/core/ColumnFactory.ts
 var ColumnFactory = class {
@@ -10769,14 +11047,14 @@ function useTableColumns({
       header: ({ table }) => {
         const isAllSelected = table.getIsAllPageRowsSelected();
         const isSomeSelected = table.getIsSomePageRowsSelected();
-        return React17.createElement(Checkbox, {
+        return React18.createElement(Checkbox, {
           checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
           onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
           "aria-label": "Select all"
         });
       },
       cell: ({ row }) => {
-        return React17.createElement(Checkbox, {
+        return React18.createElement(Checkbox, {
           checked: row.getIsSelected(),
           onCheckedChange: (value) => row.toggleSelected(!!value),
           "aria-label": "Select row"
@@ -12094,7 +12372,7 @@ function DataTableInternal({
               grouping: state.grouping,
               aggregates,
               getRowId: resolvedGetRowId,
-              emptyState: React18.isValidElement(emptyState) ? void 0 : emptyState,
+              emptyState: React19.isValidElement(emptyState) ? void 0 : emptyState,
               isFiltered: searchQuery !== "" || state.columnFilters.length > 0,
               onClearFilters: () => {
                 stateActions.setSearchQuery("");
@@ -12189,30 +12467,30 @@ function DataTableCore(props) {
 // src/components/DataTable/DataTable.tsx
 import { jsx as jsx25 } from "react/jsx-runtime";
 function DataTable(props) {
-  const logger = React19.useMemo(() => createLogger("DataTable"), []);
+  const logger = React20.useMemo(() => createLogger("DataTable"), []);
   const { features, ...rest } = props;
   console.log("[DataTable] \u{1F3AF} DataTable WRAPPER called:", {
     dataLength: props.data?.length || 0,
     columnsCount: props.columns?.length || 0,
     pageName: props.rbac?.pageName || props.rbac?.pageId
   });
-  const normalizedFeatures = React19.useMemo(
+  const normalizedFeatures = React20.useMemo(
     () => normalizeDataTableFeatures(features),
     [features]
   );
-  React19.useEffect(() => {
+  React20.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]);
-  React19.useEffect(() => {
+  React20.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 });
 }
-var DataTableComponent = React19.memo(DataTable);
+var DataTableComponent = React20.memo(DataTable);
 
 // src/components/DataTable/components/BulkOperationsDropdown.tsx
 import {
@@ -12425,4 +12703,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-75G3NZWN.js.map
+//# sourceMappingURL=chunk-IMZGJ2X7.js.map