@jmruthers/pace-core 0.2.7 → 0.5.1

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

@@ -1,3 +1,6 @@
+import {
+  useCan
+} from "./chunk-AUE24LVR.js";
 import {
   useDataTablePerformance
 } from "./chunk-SS3E6QLB.js";
@@ -8,19 +11,21 @@ import {
   DialogDescription,
   DialogHeader,
   DialogTitle,
-  init_Button
-} from "./chunk-ETEJVKYK.js";
+  init_Button,
+  init_UnifiedAuthProvider,
+  useUnifiedAuth
+} from "./chunk-6CR3MRZN.js";
 import {
   cn,
   init_cn
-} from "./chunk-OHXGNT3K.js";
+} from "./chunk-OYRY44Q2.js";
 
 // src/components/DataTable/DataTable.tsx
-import React10 from "react";
+import React11 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
 init_cn();
-import React9, { useMemo as useMemo6, useCallback as useCallback5, useEffect as useEffect5, useState as useState6, useRef as useRef4 } from "react";
+import React10, { useMemo as useMemo6, useCallback as useCallback5, useEffect as useEffect5, useState as useState6, useRef as useRef4 } from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -853,6 +858,8 @@ function ColumnVisibilityDropdown({
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function DataTableToolbar({
   features,
+  rbac,
+  permissions,
   globalFilter,
   onGlobalFilterChange,
   columns,
@@ -908,7 +915,7 @@ function DataTableToolbar({
         ]
       }
     ),
-    features.creation && onCreateRow && /* @__PURE__ */ jsxs4(
+    features.creation && permissions.canCreate.can && onCreateRow && /* @__PURE__ */ jsxs4(
       Button,
       {
         variant: "outline",
@@ -919,7 +926,7 @@ function DataTableToolbar({
         ]
       }
     ),
-    features.import && /* @__PURE__ */ jsxs4(
+    features.import && permissions.canImport.can && /* @__PURE__ */ jsxs4(
       Button,
       {
         variant: "outline",
@@ -930,7 +937,7 @@ function DataTableToolbar({
         ]
       }
     ),
-    features.export && /* @__PURE__ */ jsxs4(
+    features.export && permissions.canExport.can && /* @__PURE__ */ jsxs4(
       Button,
       {
         variant: "outline",
@@ -941,7 +948,7 @@ function DataTableToolbar({
         ]
       }
     ),
-    features.deleteSelected && features.deletion && features.selection && /* @__PURE__ */ jsxs4(
+    features.deleteSelected && features.deletion && features.selection && permissions.canDelete.can && /* @__PURE__ */ jsxs4(
       Button,
       {
         variant: "destructive",
@@ -1167,7 +1174,9 @@ function ActionButtons({
   actions = [],
   isEditing = false,
   isParent = false,
-  hierarchical = false
+  hierarchical = false,
+  rbac,
+  permissions
 }) {
   if (actions.length === 0) {
     return null;
@@ -1175,6 +1184,10 @@ function ActionButtons({
   const allActions = actions;
   const visibleActions = allActions.filter((action) => {
     if (action.hidden) return false;
+    if (permissions) {
+      if (action.label === "Edit" && !permissions.canUpdate.can) return false;
+      if (action.label === "Delete" && !permissions.canDelete.can) return false;
+    }
     if (hierarchical) {
       if (action.showForParent && !isParent) return false;
       if (action.showForChild && isParent) return false;
@@ -1395,7 +1408,9 @@ var MemoizedRow = ({
   grouping,
   editingRowId,
   hierarchical,
-  actions
+  actions,
+  rbac,
+  permissions
 }) => {
   const rowId = getRowId ? getRowId(row.original, row.index) : String(row.index);
   const hierarchicalRow = row.original;
@@ -1458,7 +1473,9 @@ var MemoizedRow = ({
                 actions,
                 isEditing,
                 isParent,
-                hierarchical: !!hierarchical
+                hierarchical: !!hierarchical,
+                rbac,
+                permissions
               }
             ) : flexRender(cell.column.columnDef.cell, {
               ...cell.getContext(),
@@ -1561,7 +1578,9 @@ var MemoizedRow = ({
                   actions,
                   isEditing,
                   isParent,
-                  hierarchical: !!hierarchical
+                  hierarchical: !!hierarchical,
+                  rbac,
+                  permissions
                 }
               ) : flexRender(cell.column.columnDef.cell, {
                 ...cell.getContext(),
@@ -1613,7 +1632,9 @@ function UnifiedTableBody({
   virtualHeight = 600,
   forceVirtualization = false,
   hierarchical,
-  actions = []
+  actions = [],
+  rbac,
+  permissions
 }) {
   const headerRef = useRef2(null);
   const bodyRef = useRef2(null);
@@ -1671,6 +1692,8 @@ function UnifiedTableBody({
             editingRowId,
             hierarchical,
             actions,
+            rbac,
+            permissions,
             style: {
               position: "absolute",
               top: 0,
@@ -1700,7 +1723,9 @@ function UnifiedTableBody({
             grouping,
             editingRowId,
             hierarchical,
-            actions
+            actions,
+            rbac,
+            permissions
           },
           row.id
         );
@@ -2991,11 +3016,223 @@ var ColumnFactory = class {
   }
 };
 
+// src/components/Card/Card.tsx
+init_cn();
+import * as React9 from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+function getCardClasses(variant = "default", size = "default") {
+  const baseClasses = "rounded-lg border bg-card text-card-foreground shadow-sm";
+  const variantClasses = {
+    default: "shadow-xl",
+    outline: "border-2",
+    ghost: "border-0 shadow-none"
+  };
+  const sizeClasses = {
+    default: "",
+    sm: "text-sm",
+    lg: "text-lg"
+  };
+  return `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]}`;
+}
+var Card = React9.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx18(
+  "article",
+  {
+    ref,
+    className: cn(
+      "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
+      getCardClasses(variant, size),
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  "header",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  "p",
+  {
+    ref,
+    className: cn(className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  "main",
+  {
+    ref,
+    className: cn("p-6 pt-0 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardContent.displayName = "CardContent";
+var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  "footer",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+var CardActions = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  "nav",
+  {
+    ref,
+    className: cn("flex gap-2", className),
+    role: "group",
+    "aria-label": "Card actions",
+    ...props
+  }
+));
+CardActions.displayName = "CardActions";
+var HoverCard = React9.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx18(
+    "section",
+    {
+      ref,
+      className: cn("relative inline-block", className),
+      ...props,
+      children
+    }
+  );
+});
+HoverCard.displayName = "HoverCard";
+var HoverCardTrigger = React9.forwardRef(({ className, asChild, children, ...props }, ref) => {
+  if (asChild) {
+    return /* @__PURE__ */ jsx18("span", { className: cn("cursor-pointer", className), children });
+  }
+  return /* @__PURE__ */ jsx18(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "cursor-pointer bg-transparent border-0 p-0 m-0 font-inherit color-inherit text-left",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+HoverCardTrigger.displayName = "HoverCardTrigger";
+var HoverCardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  "aside",
+  {
+    ref,
+    className: cn(
+      "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-4 text-popover-foreground shadow-md",
+      className
+    ),
+    role: "tooltip",
+    ...props
+  }
+));
+HoverCardContent.displayName = "HoverCardContent";
+
+// src/components/DataTable/components/AccessDeniedPage.tsx
+init_Button();
+import { ShieldX, ArrowLeft, RefreshCw } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+function AccessDeniedPage({
+  resource,
+  operation = "access",
+  message,
+  onRetry,
+  onBack,
+  className
+}) {
+  const defaultMessage = message || `You don't have permission to ${operation} ${resource} data`;
+  const handleRetry = () => {
+    if (onRetry) {
+      onRetry();
+    } else {
+      window.location.reload();
+    }
+  };
+  const handleBack = () => {
+    if (onBack) {
+      onBack();
+    } else {
+      window.history.back();
+    }
+  };
+  return /* @__PURE__ */ jsx19("div", { className: `flex items-center justify-center min-h-[400px] p-8 ${className || ""}`, children: /* @__PURE__ */ jsx19(Card, { className: "max-w-md w-full text-center", children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-center space-y-6 p-8", children: [
+    /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-acc-100", children: /* @__PURE__ */ jsx19(ShieldX, { className: "w-8 h-8 text-acc-600" }) }),
+    /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "text-xl font-semibold text-sec-900", children: "Access Denied" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sec-600", children: defaultMessage })
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { className: "text-sm text-sec-500 bg-sec-50 rounded-lg p-3 w-full", children: [
+      /* @__PURE__ */ jsx19("strong", { children: "Resource:" }),
+      " ",
+      resource,
+      operation && /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        /* @__PURE__ */ jsx19("br", {}),
+        /* @__PURE__ */ jsx19("strong", { children: "Operation:" }),
+        " ",
+        operation
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { className: "flex flex-col sm:flex-row gap-3 w-full", children: [
+      onRetry && /* @__PURE__ */ jsxs13(
+        Button,
+        {
+          variant: "outline",
+          onClick: handleRetry,
+          className: "flex-1",
+          children: [
+            /* @__PURE__ */ jsx19(RefreshCw, { className: "w-4 h-4 mr-2" }),
+            "Retry"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs13(
+        Button,
+        {
+          variant: "outline",
+          onClick: handleBack,
+          className: "flex-1",
+          children: [
+            /* @__PURE__ */ jsx19(ArrowLeft, { className: "w-4 h-4 mr-2" }),
+            "Go Back"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx19("div", { className: "text-xs text-sec-400", children: "If you believe this is an error, please contact your administrator." })
+  ] }) }) });
+}
+
 // src/components/DataTable/components/DataTableCore.tsx
-import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+init_UnifiedAuthProvider();
+import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function DataTableInternal({
   data,
   columns,
+  rbac,
+  // MANDATORY RBAC
   title,
   description,
   variant = "default",
@@ -3016,6 +3253,7 @@ function DataTableInternal({
   onDeleteRow,
   onCreateRow,
   onImport,
+  onExport,
   onRowSelectionChange,
   selection,
   onDeleteSelected,
@@ -3027,6 +3265,49 @@ function DataTableInternal({
   actions = [],
   columnOrder: externalColumnOrder
 }) {
+  const authResult = useUnifiedAuth();
+  const user = authResult.user;
+  if (!user) {
+    throw new Error("DataTable requires authenticated user for RBAC");
+  }
+  if (!rbac?.resource) {
+    throw new Error("DataTable requires rbac.resource for permission checking");
+  }
+  const scope = {
+    organisationId: user?.user_metadata?.organisationId || user?.app_metadata?.organisationId,
+    eventId: user?.user_metadata?.eventId || user?.app_metadata?.eventId,
+    appId: user?.user_metadata?.appId || user?.app_metadata?.appId
+  };
+  const permissions = {
+    canRead: useCan(user.id, scope, `read:${rbac.resource}`, rbac.pageId),
+    canCreate: useCan(user.id, scope, `create:${rbac.resource}`, rbac.pageId),
+    canUpdate: useCan(user.id, scope, `update:${rbac.resource}`, rbac.pageId),
+    canDelete: useCan(user.id, scope, `delete:${rbac.resource}`, rbac.pageId),
+    canExport: useCan(user.id, scope, `manage:${rbac.resource}`, rbac.pageId),
+    // Using manage for export/import
+    canImport: useCan(user.id, scope, `manage:${rbac.resource}`, rbac.pageId)
+    // Using manage for export/import
+  };
+  if (!permissions.canRead.can) {
+    return /* @__PURE__ */ jsx20(AccessDeniedPage, { resource: rbac?.resource || "test-resource", operation: "read" });
+  }
+  const secureFeatures = {
+    ...features,
+    creation: features.creation && permissions.canCreate.can,
+    editing: features.editing && permissions.canUpdate.can,
+    deletion: features.deletion && permissions.canDelete.can,
+    deleteSelected: features.deleteSelected && permissions.canDelete.can,
+    export: features.export && permissions.canExport.can,
+    import: features.import && permissions.canImport.can
+  };
+  const secureHandlers = {
+    onEditRow: permissions.canUpdate.can ? onEditRow : void 0,
+    onDeleteRow: permissions.canDelete.can ? onDeleteRow : void 0,
+    onCreateRow: permissions.canCreate.can ? onCreateRow : void 0,
+    onImport: permissions.canImport.can ? onImport : void 0,
+    onExport: permissions.canExport.can ? onExport : void 0,
+    onDeleteSelected: permissions.canDelete.can ? onDeleteSelected : void 0
+  };
   const [sorting, setSorting] = useState6([]);
   const [columnFilters, setColumnFilters] = useState6([]);
   const [columnVisibility, setColumnVisibility] = useState6({});
@@ -3179,28 +3460,38 @@ function DataTableInternal({
   const finalDataCount = finalPaginationMode === "server" ? serverData?.totalCount || 0 : finalTableData?.length || 0;
   const effectiveActions = useMemo6(() => {
     const result = [...actions];
-    if (features.editing && onEditRow && !result.some((a) => a.label === "Edit")) {
+    if (secureFeatures.editing && secureHandlers.onEditRow && !result.some((a) => a.label === "Edit")) {
       result.push({
         label: "Edit",
         onClick: (row) => {
+          if (!permissions.canUpdate.can) {
+            throw new Error("Insufficient permissions to edit this resource");
+          }
           const rowId = getRowId ? getRowId(row, 0) : row.id || String(0);
           tableActions.setEditingRow(rowId, { ...row });
         },
         icon: Edit,
-        testId: "edit"
+        testId: "edit",
+        hidden: !permissions.canUpdate.can
       });
     }
-    if (features.deletion && onDeleteRow && !result.some((a) => a.label === "Delete")) {
+    if (secureFeatures.deletion && secureHandlers.onDeleteRow && !result.some((a) => a.label === "Delete")) {
       result.push({
         label: "Delete",
-        onClick: onDeleteRow,
+        onClick: (row) => {
+          if (!permissions.canDelete.can) {
+            throw new Error("Insufficient permissions to delete this resource");
+          }
+          secureHandlers.onDeleteRow(row);
+        },
         icon: Trash,
         testId: "delete",
-        variant: "destructive"
+        variant: "destructive",
+        hidden: !permissions.canDelete.can
       });
     }
     return result;
-  }, [actions, features.editing, features.deletion, onEditRow, onDeleteRow, getRowId, tableActions]);
+  }, [actions, secureFeatures, permissions, secureHandlers, getRowId, tableActions]);
   const enhancedColumns = useMemo6(() => {
     const baseColumns = [...columns].map((column) => ({
       ...column,
@@ -3213,7 +3504,7 @@ function DataTableInternal({
       header: ({ table: table2 }) => {
         const isAllSelected = table2.getIsAllPageRowsSelected();
         const isSomeSelected = table2.getIsSomePageRowsSelected();
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx20(
           Checkbox,
           {
             checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
@@ -3222,7 +3513,7 @@ function DataTableInternal({
           }
         );
       },
-      cell: ({ row }) => /* @__PURE__ */ jsx18(
+      cell: ({ row }) => /* @__PURE__ */ jsx20(
         Checkbox,
         {
           checked: row.getIsSelected(),
@@ -3385,7 +3676,7 @@ function DataTableInternal({
     };
   }, [cleanup]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx18(LoadingComponent, {});
+    return /* @__PURE__ */ jsx20(LoadingComponent, {});
   }
   const PaginationComponent = enhancedPagination || finalPaginationMode !== "client" ? EnhancedPaginationControls : PaginationControls;
   const visibleColumns = table?.getVisibleFlatColumns() || [];
@@ -3394,8 +3685,8 @@ function DataTableInternal({
   ).length;
   const hasSelectColumn = visibleColumns.some((col) => col.id === "select");
   const hasActionsColumn = visibleColumns.some((col) => col.id === "actions");
-  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
-    /* @__PURE__ */ jsxs13("table", { className: getTableClasses({
+  return /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    /* @__PURE__ */ jsxs14("table", { className: getTableClasses({
       isFixed: true,
       variant,
       className: cn("border-collapse relative w-full", className)
@@ -3403,15 +3694,15 @@ function DataTableInternal({
       tableLayout: "fixed",
       width: "100%"
     }, children: [
-      /* @__PURE__ */ jsxs13("caption", { className: "text-left pb-2", children: [
-        (title || description) && /* @__PURE__ */ jsxs13(Fragment6, { children: [
-          title && /* @__PURE__ */ jsx18("h2", { children: title }),
-          description && /* @__PURE__ */ jsx18("p", { children: description })
+      /* @__PURE__ */ jsxs14("caption", { className: "text-left pb-2", children: [
+        (title || description) && /* @__PURE__ */ jsxs14(Fragment7, { children: [
+          title && /* @__PURE__ */ jsx20("h2", { children: title }),
+          description && /* @__PURE__ */ jsx20("p", { children: description })
         ] }),
-        /* @__PURE__ */ jsx18(Fragment6, { children: /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx20(Fragment7, { children: /* @__PURE__ */ jsx20(
           DataTableToolbar,
           {
-            features,
+            features: secureFeatures,
             globalFilter: searchQuery,
             onGlobalFilterChange: handleSearch,
             columns,
@@ -3423,32 +3714,34 @@ function DataTableInternal({
             onColumnVisibilityChange: (columnId, visible) => {
               setColumnVisibility((prev) => ({ ...prev, [columnId]: visible }));
             },
-            onCreateRow: features.creation && onCreateRow ? () => tableActions.setCreating(true) : void 0,
+            onCreateRow: secureFeatures.creation && secureHandlers.onCreateRow ? () => tableActions.setCreating(true) : void 0,
             onImportClick: () => setShowImportModal(true),
-            onExport: () => {
-            },
+            onExport: secureHandlers.onExport || (() => {
+            }),
             rowSelection,
-            onDeleteSelected,
+            onDeleteSelected: secureHandlers.onDeleteSelected,
             onToggleFilterRow: () => setShowFilterRow(!showFilterRow),
-            showFilterRow
+            showFilterRow,
+            rbac,
+            permissions
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs13("colgroup", { children: [
-        hasSelectColumn && /* @__PURE__ */ jsx18("col", { span: 1, "data-col-type": "select" }),
-        /* @__PURE__ */ jsx18("col", { span: dataColumns, "data-col-type": "data" }),
-        hasActionsColumn && /* @__PURE__ */ jsx18("col", { span: 1, "data-col-type": "actions" })
+      /* @__PURE__ */ jsxs14("colgroup", { children: [
+        hasSelectColumn && /* @__PURE__ */ jsx20("col", { span: 1, "data-col-type": "select" }),
+        /* @__PURE__ */ jsx20("col", { span: dataColumns, "data-col-type": "data" }),
+        hasActionsColumn && /* @__PURE__ */ jsx20("col", { span: 1, "data-col-type": "actions" })
       ] }),
-      /* @__PURE__ */ jsx18("thead", { children: table?.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx18("tr", { children: headerGroup.headers.filter((header) => {
+      /* @__PURE__ */ jsx20("thead", { children: table?.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx20("tr", { children: headerGroup.headers.filter((header) => {
         return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
       }).map((header) => {
         const isSortable = header.column.getCanSort();
         const ariaSort = isSortable ? header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none" : void 0;
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx20(
           "th",
           {
             ...isSortable ? { "aria-sort": ariaSort } : {},
-            children: header.isPlaceholder ? null : isSortable ? /* @__PURE__ */ jsx18(
+            children: header.isPlaceholder ? null : isSortable ? /* @__PURE__ */ jsx20(
               Button,
               {
                 variant: "ghost",
@@ -3456,17 +3749,17 @@ function DataTableInternal({
                 onClick: header.column.getToggleSortingHandler(),
                 "aria-label": `Sort by ${typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column"}`,
                 tabIndex: 0,
-                children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+                children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
                   typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
-                  header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx18(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx18(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx18(ChevronsUpDown, { className: "h-4 w-4" })
+                  header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx20(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx20(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx20(ChevronsUpDown, { className: "h-4 w-4" })
                 ] })
               }
-            ) : /* @__PURE__ */ jsx18("div", { children: typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header })
+            ) : /* @__PURE__ */ jsx20("div", { children: typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header })
           },
           header.id
         );
       }) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx20(
         UnifiedTableBody,
         {
           table,
@@ -3509,7 +3802,7 @@ function DataTableInternal({
           grouping,
           aggregates,
           getRowId,
-          emptyState: React9.isValidElement(emptyState) ? void 0 : emptyState,
+          emptyState: React10.isValidElement(emptyState) ? void 0 : emptyState,
           isFiltered: searchQuery !== "" || columnFilters.length > 0,
           onClearFilters: () => {
             setSearchQuery("");
@@ -3535,10 +3828,12 @@ function DataTableInternal({
             isAllExpanded: hierarchicalState.getExpandedIds().length > 0 && hierarchicalState.getExpandedIds().length === finalTableData.filter((row) => row.isParent).length,
             hasAnyChildren: finalTableData.some((row) => row.isParent)
           } : void 0,
-          actions: effectiveActions
+          actions: effectiveActions,
+          rbac,
+          permissions
         }
       ),
-      features.pagination && /* @__PURE__ */ jsx18("tfoot", { children: /* @__PURE__ */ jsx18("tr", { children: /* @__PURE__ */ jsx18("td", { colSpan: visibleColumns.length, children: /* @__PURE__ */ jsx18(
+      features.pagination && /* @__PURE__ */ jsx20("tfoot", { children: /* @__PURE__ */ jsx20("tr", { children: /* @__PURE__ */ jsx20("td", { colSpan: visibleColumns.length, children: /* @__PURE__ */ jsx20(
         PaginationComponent,
         {
           table,
@@ -3549,7 +3844,7 @@ function DataTableInternal({
         }
       ) }) }) })
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx20(
       DataTableModals,
       {
         showImportModal,
@@ -3569,11 +3864,11 @@ function DataTableInternal({
   ] });
 }
 function DataTableCore(props) {
-  return /* @__PURE__ */ jsx18(DataTableErrorBoundary, { children: /* @__PURE__ */ jsx18(DataTableInternal, { ...props }) });
+  return /* @__PURE__ */ jsx20(DataTableErrorBoundary, { children: /* @__PURE__ */ jsx20(DataTableInternal, { ...props }) });
 }
 
 // src/components/DataTable/DataTable.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function DataTable(props) {
   if (!props.features) {
     throw new Error("DataTable: features configuration is required");
@@ -3581,9 +3876,9 @@ function DataTable(props) {
   if (props.features.deleteSelected && !props.features.deletion) {
     console.warn("DataTable: deleteSelected requires deletion to be enabled");
   }
-  return /* @__PURE__ */ jsx19(DataTableCore, { ...props });
+  return /* @__PURE__ */ jsx21(DataTableCore, { ...props });
 }
-var DataTableComponent = React10.memo(DataTable);
+var DataTableComponent = React11.memo(DataTable);
 
 // src/components/DataTable/core/DataManager.ts
 var DataManager = class {
@@ -4756,7 +5051,7 @@ var LocalDataAdapter = class {
 
 // src/components/DataTable/core/DataTableContext.tsx
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo7, useEffect as useEffect6 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var DataTableContext = createContext3(null);
 function DataTableProvider({
   children,
@@ -4840,7 +5135,7 @@ function DataTableProvider({
       stateManager.updateActions(actions);
     }
   }, [actions, actionManager, stateManager]);
-  return /* @__PURE__ */ jsx20(DataTableContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx22(DataTableContext.Provider, { value: contextValue, children });
 }
 function useDataTableContext() {
   const context = useContext3(DataTableContext);
@@ -4877,7 +5172,7 @@ import {
   Download as Download2,
   Trash as Trash3
 } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function BulkOperationsDropdown({
   operations,
   selectedRows = {},
@@ -4905,8 +5200,8 @@ function BulkOperationsDropdown({
       onOperation(operation, selectedData);
     }
   };
-  return /* @__PURE__ */ jsxs14(Select, { disabled: !hasSelection, children: [
-    /* @__PURE__ */ jsx21(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(Select, { disabled: !hasSelection, children: [
+    /* @__PURE__ */ jsx23(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
       Button,
       {
         variant: "outline",
@@ -4914,8 +5209,8 @@ function BulkOperationsDropdown({
         disabled: !hasSelection,
         className: `min-w-[140px] h-9 px-3 py-2 text-sm font-medium ${className || ""}`,
         children: [
-          /* @__PURE__ */ jsx21(MoreHorizontal2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
-          /* @__PURE__ */ jsxs14("span", { className: "truncate", children: [
+          /* @__PURE__ */ jsx23(MoreHorizontal2, { className: "h-4 w-4 mr-2 flex-shrink-0" }),
+          /* @__PURE__ */ jsxs15("span", { className: "truncate", children: [
             "Bulk Actions (",
             selectedCount,
             ")"
@@ -4923,11 +5218,11 @@ function BulkOperationsDropdown({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx21(SelectContent, { className: "w-48 !bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: operations.map((operation) => {
+    /* @__PURE__ */ jsx23(SelectContent, { className: "w-48 !bg-main-50 border border-sec-200 shadow-lg z-[9999]", style: { backgroundColor: "white" }, children: operations.map((operation) => {
       const Icon = operationIcons[operation];
       const label = operationLabels[operation];
       const variant = operationVariants[operation];
-      return /* @__PURE__ */ jsxs14(
+      return /* @__PURE__ */ jsxs15(
         SelectItem,
         {
           value: operation,
@@ -4935,8 +5230,8 @@ function BulkOperationsDropdown({
           disabled: !hasSelection,
           className: `flex items-center gap-2 ${variant === "destructive" ? "text-destructive focus:text-destructive" : ""}`,
           children: [
-            /* @__PURE__ */ jsx21(Icon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx21("span", { children: label })
+            /* @__PURE__ */ jsx23(Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx23("span", { children: label })
           ]
         },
         operation
@@ -4948,7 +5243,7 @@ function BulkOperationsDropdown({
 // src/components/DataTable/components/GroupHeader.tsx
 init_Button();
 import { ChevronDown as ChevronDown4, ChevronRight as ChevronRight3 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function GroupHeader({
   row,
   groupByColumn,
@@ -4957,18 +5252,18 @@ function GroupHeader({
   subRowsCount
 }) {
   const groupValue = row.getValue(groupByColumn);
-  return /* @__PURE__ */ jsxs15("div", { className: "flex items-center py-2 px-4 bg-muted/50 border-b font-medium", children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs16("div", { className: "flex items-center py-2 px-4 bg-muted/50 border-b font-medium", children: [
+    /* @__PURE__ */ jsx24(
       Button,
       {
         variant: "ghost",
         size: "sm",
         onClick: onToggle,
         className: "p-0 h-auto mr-2",
-        children: isExpanded ? /* @__PURE__ */ jsx22(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx22(ChevronRight3, { className: "h-4 w-4" })
+        children: isExpanded ? /* @__PURE__ */ jsx24(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx24(ChevronRight3, { className: "h-4 w-4" })
       }
     ),
-    /* @__PURE__ */ jsxs15("span", { className: "text-sm", children: [
+    /* @__PURE__ */ jsxs16("span", { className: "text-sm", children: [
       String(groupValue),
       " (",
       subRowsCount,
@@ -4979,13 +5274,13 @@ function GroupHeader({
 
 // src/components/DataTable/components/EditableRow.tsx
 init_Button();
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 var renderEditField2 = (column, value, onChange, editingData = {}, placeholder) => {
   const columnDef = column.columnDef;
   if (columnDef.fieldType === "select" && columnDef.fieldOptions) {
     const editKey = columnDef.editAccessorKey || column.id;
     const editValue = editingData[editKey] || value;
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(
       Select,
       {
         value: String(editValue || ""),
@@ -4997,14 +5292,14 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
           }
         },
         children: [
-          /* @__PURE__ */ jsx23(SelectTrigger, { className: "w-full h-7", children: /* @__PURE__ */ jsx23(SelectValue, { placeholder: placeholder || `Select ${column.id}` }) }),
-          /* @__PURE__ */ jsx23(SelectContent, { children: columnDef.fieldOptions.map((option) => /* @__PURE__ */ jsx23(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
+          /* @__PURE__ */ jsx25(SelectTrigger, { className: "w-full h-7", children: /* @__PURE__ */ jsx25(SelectValue, { placeholder: placeholder || `Select ${column.id}` }) }),
+          /* @__PURE__ */ jsx25(SelectContent, { children: columnDef.fieldOptions.map((option) => /* @__PURE__ */ jsx25(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
         ]
       }
     );
   }
   if (columnDef.fieldType === "date") {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx25(
       Input,
       {
         type: "date",
@@ -5014,7 +5309,7 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
       }
     );
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     Input,
     {
       type: "text",
@@ -5046,15 +5341,15 @@ function EditableRow({
     testId: action.testId || `action-${action.label.toLowerCase().replace(/\s+/g, "-")}-${rowId}`,
     visible: true
   }));
-  return /* @__PURE__ */ jsxs16("tr", { children: [
-    row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx23("td", { children: cell.column.id !== "actions" ? renderEditField2(cell.column, editingData[cell.column.id], (value) => {
+  return /* @__PURE__ */ jsxs17("tr", { children: [
+    row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx25("td", { children: cell.column.id !== "actions" ? renderEditField2(cell.column, editingData[cell.column.id], (value) => {
       if (typeof value === "object" && value !== null) {
         onEditingDataChange({ ...editingData, ...value });
       } else {
         onEditingDataChange({ ...editingData, [cell.column.id]: value });
       }
-    }, editingData) : /* @__PURE__ */ jsxs16("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ jsx23(
+    }, editingData) : /* @__PURE__ */ jsxs17("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ jsx25(
         Button,
         {
           onClick: onSave,
@@ -5063,7 +5358,7 @@ function EditableRow({
           children: "Save"
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx25(
         Button,
         {
           onClick: onCancel,
@@ -5073,7 +5368,7 @@ function EditableRow({
         }
       )
     ] }) }, cell.id)),
-    actions.length > 0 && /* @__PURE__ */ jsx23("td", { children: /* @__PURE__ */ jsx23(
+    actions.length > 0 && /* @__PURE__ */ jsx25("td", { children: /* @__PURE__ */ jsx25(
       ActionButtons,
       {
         row: row.original,
@@ -5089,6 +5384,13 @@ function EditableRow({
 }
 
 export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+  CardActions,
   Input,
   Alert,
   AlertTitle,
@@ -5136,4 +5438,4 @@ export {
   GroupHeader,
   EditableRow
 };
-//# sourceMappingURL=chunk-EWKPTNPO.js.map
+//# sourceMappingURL=chunk-GSNM5D6H.js.map