@bwp-web/components 1.2.0 → 1.3.1

package/README.md

@@ -282,7 +282,7 @@ import BrokenImageIcon from '@mui/icons-material/BrokenImage';
 
 ### BiampTable
 
-A composable data table built on TanStack React Table v8 with support for sorting, row selection, pagination, column visibility, global search, column filters, and CSV export.
+A composable data table built on TanStack React Table v8 with support for sorting, row selection, pagination, column visibility, global search, column filters, CSV export, and per-slot prop overrides for restyling internal MUI elements.
 
 Requires `@tanstack/react-table` >= 8.0.0 as a peer dependency.
 

package/dist/BiampTable/BiampTable.d.ts

@@ -1,6 +1,29 @@
-import { type BoxProps } from '@mui/material';
-import { type Table } from '@tanstack/react-table';
+import { type BoxProps, type TableBodyProps as MuiTableBodyProps, type TableCellProps as MuiTableCellProps, type TableHeadProps as MuiTableHeadProps, type TableProps as MuiTableProps, type TableRowProps as MuiTableRowProps } from '@mui/material';
+import { type Cell, type Header, type Row, type Table } from '@tanstack/react-table';
 import { type ReactNode } from 'react';
+import { type SlotPropsOrFn } from './slotProps';
+export type BiampTableSlotProps<TData> = {
+    /** Props merged onto the MUI `<Table>`. `sx` composes with defaults. */
+    table?: MuiTableProps;
+    /** Props merged onto the `<TableHead>`. `sx` composes with defaults. */
+    head?: MuiTableHeadProps;
+    /** Props merged onto the `<TableBody>`. `sx` composes with defaults. */
+    body?: MuiTableBodyProps;
+    /** Props merged onto the header `<TableRow>`. `sx` composes with defaults. */
+    headerRow?: MuiTableRowProps;
+    /** Props merged onto each header `<TableCell>`. Pass a function for per-column overrides. `sx` composes with defaults. */
+    headerCell?: SlotPropsOrFn<MuiTableCellProps, {
+        header: Header<TData, unknown>;
+    }>;
+    /** Props merged onto each body `<TableRow>`. Pass a function for per-row overrides. `sx` composes with defaults. */
+    row?: SlotPropsOrFn<MuiTableRowProps, {
+        row: Row<TData>;
+    }>;
+    /** Props merged onto each body `<TableCell>`. Pass a function for per-cell overrides. `sx` composes with defaults. */
+    cell?: SlotPropsOrFn<MuiTableCellProps, {
+        cell: Cell<TData, unknown>;
+    }>;
+};
 type RowClickProps<TData> = {
     /** Called when a clickable body row is clicked. Receives the row's original data. */
     onRowClick: (row: TData) => void;
@@ -34,7 +57,24 @@ export type BiampTableProps<TData> = BoxProps & RowClickProps<TData> & Selection
     empty?: boolean | ReactNode;
     /** Returns a human-readable name for a row, used in ARIA labels (e.g. "Select: Conference Room A"). Falls back to row index. */
     getRowLabel?: (row: TData) => string;
+    /**
+     * Returns a background color for a row (any valid CSS color). Applied to
+     * the row and to all sticky cells (selection column, sticky action columns)
+     * so the row reads as a single tinted band. Hover and selected backgrounds
+     * override the custom color — whatever the theme defines for those states
+     * wins. Use opaque colors so sticky cells fully cover scrolled content.
+     * Return `undefined` to leave a row at its default color.
+     */
+    setRowColor?: (row: TData) => string | undefined;
+    /**
+     * Per-slot props merged onto the internal MUI elements (`table`, `head`, `body`,
+     * `headerRow`, `headerCell`, `row`, `cell`). `sx` composes with the defaults
+     * instead of replacing them. `row`, `cell`, and `headerCell` accept a function
+     * of the row/cell/header for data-aware overrides — memoize these callbacks to
+     * avoid breaking row memoization.
+     */
+    slotProps?: BiampTableSlotProps<TData>;
 };
-export declare function BiampTable<TData>({ table, onRowClick, isRowClickable, loading, error, empty, enableRowSelection, enableExpanding, hideSelectAll, selectChildrenWithParent, getRowLabel, sx, ...boxProps }: BiampTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function BiampTable<TData>({ table, onRowClick, isRowClickable, loading, error, empty, enableRowSelection, enableExpanding, hideSelectAll, selectChildrenWithParent, getRowLabel, setRowColor, slotProps, sx, ...boxProps }: BiampTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=BiampTable.d.ts.map

package/dist/BiampTable/BiampTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EAWd,MAAM,eAAe,CAAC;AAOvB,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAOtD,KAAK,aAAa,CAAC,KAAK,IACpB;IACE,qFAAqF;IACrF,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CAC1C,GACD;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAGN,KAAK,uBAAuB,GAAG;IAC7B,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uFAAuF;IACvF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wKAAwK;IACxK,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI,QAAQ,GAC3C,aAAa,CAAC,KAAK,CAAC,GACpB,uBAAuB,GAAG;IACxB,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wKAAwK;IACxK,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACpC,6IAA6I;IAC7I,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,gIAAgI;IAChI,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;CACtC,CAAC;AAiRJ,wBAAgB,UAAU,CAAC,KAAK,EAAE,EAChC,KAAK,EACL,UAAU,EACV,cAAc,EACd,OAAO,EACP,KAAK,EACL,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,aAAa,EACb,wBAAgC,EAChC,WAAW,EACX,EAAE,EACF,GAAG,QAAQ,EACZ,EAAE,eAAe,CAAC,KAAK,CAAC,2CAyJxB"}
+{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"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"}

package/dist/BiampTable/index.d.ts

@@ -1,4 +1,4 @@
-export { BiampTable, type BiampTableProps } from './BiampTable';
+export { BiampTable, type BiampTableProps, type BiampTableSlotProps, } from './BiampTable';
 export { BiampTableContainer, type BiampTableContainerProps, } from './BiampTableContainer';
 export { BiampTableCellActionButton, type BiampTableCellActionButtonProps, } from './BiampTableCellActionButton';
 export { BiampTableColumnVisibility, type BiampTableColumnVisibilityProps, getColumnVisibilityDirtyCount, getDefaultColumnVisibility, toVisibilityState, type ColumnVisibility, } from './BiampTableColumnVisibility';

package/dist/BiampTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,0BAA0B,EAC1B,KAAK,+BAA+B,GACrC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,0BAA0B,EAC1B,KAAK,+BAA+B,EACpC,6BAA6B,EAC7B,0BAA0B,EAC1B,iBAAiB,EACjB,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,iCAAiC,EACjC,KAAK,sCAAsC,GAC5C,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,6BAA6B,EAC7B,KAAK,kCAAkC,GACxC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,uBAAuB,EACvB,KAAK,8BAA8B,GACpC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,cAAc,EACd,cAAc,EACd,yBAAyB,EACzB,yBAAyB,EACzB,qBAAqB,EACrB,kCAAkC,EAClC,wBAAwB,EACxB,KAAK,eAAe,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,mBAAmB,GACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,0BAA0B,EAC1B,KAAK,+BAA+B,GACrC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,0BAA0B,EAC1B,KAAK,+BAA+B,EACpC,6BAA6B,EAC7B,0BAA0B,EAC1B,iBAAiB,EACjB,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,iCAAiC,EACjC,KAAK,sCAAsC,GAC5C,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,6BAA6B,EAC7B,KAAK,kCAAkC,GACxC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,uBAAuB,EACvB,KAAK,8BAA8B,GACpC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,cAAc,EACd,cAAc,EACd,yBAAyB,EACzB,yBAAyB,EACzB,qBAAqB,EACrB,kCAAkC,EAClC,wBAAwB,EACxB,KAAK,eAAe,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/BiampTable/slotProps.d.ts

@@ -0,0 +1,5 @@
+import type { SxProps, Theme } from '@mui/material';
+export type SlotPropsOrFn<TProps, TCtx> = TProps | ((ctx: TCtx) => TProps);
+export declare function resolveSlot<TProps, TCtx>(slot: SlotPropsOrFn<TProps, TCtx> | undefined, ctx: TCtx): TProps | undefined;
+export declare function mergeSx(...inputs: Array<SxProps<Theme> | false | null | undefined>): SxProps<Theme>;
+//# sourceMappingURL=slotProps.d.ts.map

package/dist/BiampTable/slotProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotProps.d.ts","sourceRoot":"","sources":["../../src/BiampTable/slotProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,MAAM,aAAa,CAAC,MAAM,EAAE,IAAI,IAAI,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;AAE3E,wBAAgB,WAAW,CAAC,MAAM,EAAE,IAAI,EACtC,IAAI,EAAE,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,SAAS,EAC7C,GAAG,EAAE,IAAI,GACR,MAAM,GAAG,SAAS,CAGpB;AAED,wBAAgB,OAAO,CACrB,GAAG,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,GAC1D,OAAO,CAAC,KAAK,CAAC,CAIhB"}

package/dist/index.cjs

@@ -1086,6 +1086,15 @@ function useLoadingDelay(loading, { delay = 150, minDuration = 500 } = {}) {
   return status === "loading" || status === "ending";
 }
 
+// src/BiampTable/slotProps.ts
+function resolveSlot(slot, ctx) {
+  if (!slot) return void 0;
+  return typeof slot === "function" ? slot(ctx) : slot;
+}
+function mergeSx(...inputs) {
+  return inputs.filter((v) => Boolean(v)).flatMap((v) => Array.isArray(v) ? v : [v]);
+}
+
 // src/BiampTable/BiampTable.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var overlaySx = {
@@ -1156,42 +1165,71 @@ function BiampTableRowInner({
   enableExpanding,
   selectChildrenWithParent,
   getRowLabel,
-  hasExpandableRows
+  hasExpandableRows,
+  customColor,
+  rowSlotProps,
+  cellSlotProps
 }) {
   const clickable = onRowClick ? isRowClickable ? isRowClickable(row.original) : true : false;
+  const resolvedRow = resolveSlot(rowSlotProps, { row });
+  const {
+    sx: userRowSx,
+    onClick: userRowOnClick,
+    onKeyDown: userRowOnKeyDown,
+    ...restRowProps
+  } = resolvedRow ?? {};
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     import_material7.TableRow,
     {
+      ...restRowProps,
       hover: clickable,
       selected: enableRowSelection ? isSelected : void 0,
       role: clickable ? "button" : void 0,
       tabIndex: clickable ? 0 : void 0,
-      sx: clickable ? rowCursorPointerSx : void 0,
-      onClick: clickable && onRowClick ? () => onRowClick(row.original) : void 0,
+      sx: mergeSx(
+        clickable && rowCursorPointerSx,
+        customColor ? { backgroundColor: customColor } : void 0,
+        userRowSx
+      ),
+      onClick: clickable && onRowClick ? (e) => {
+        onRowClick(row.original);
+        userRowOnClick?.(e);
+      } : userRowOnClick,
       onKeyDown: clickable && onRowClick ? (e) => {
         if (e.key === "Enter" || e.key === " ") {
           e.preventDefault();
           onRowClick(row.original);
         }
-      } : void 0,
+        userRowOnKeyDown?.(e);
+      } : userRowOnKeyDown,
       children: [
-        enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableCell, { padding: "checkbox", sx: selectionCellSx, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_material7.Checkbox,
+        enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_material7.TableCell,
           {
-            checked: isSelected,
-            disabled: !row.getCanSelect(),
-            onChange: (e) => row.toggleSelected(e.target.checked, {
-              selectChildren: selectChildrenWithParent
-            }),
-            onClick: (e) => e.stopPropagation(),
-            sx: !row.getCanSelect() ? checkboxHiddenSx : void 0,
-            slotProps: {
-              input: {
-                "aria-label": getRowLabel ? `Select ${getRowLabel(row.original)}` : `Select row ${row.index + 1}`
+            padding: "checkbox",
+            sx: mergeSx(
+              selectionCellSx,
+              customColor ? { backgroundColor: customColor } : void 0
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              import_material7.Checkbox,
+              {
+                checked: isSelected,
+                disabled: !row.getCanSelect(),
+                onChange: (e) => row.toggleSelected(e.target.checked, {
+                  selectChildren: selectChildrenWithParent
+                }),
+                onClick: (e) => e.stopPropagation(),
+                sx: !row.getCanSelect() ? checkboxHiddenSx : void 0,
+                slotProps: {
+                  input: {
+                    "aria-label": getRowLabel ? `Select ${getRowLabel(row.original)}` : `Select row ${row.index + 1}`
+                  }
+                }
               }
-            }
+            )
           }
-        ) }),
+        ),
         row.getVisibleCells().map((cell, cellIndex, cells) => {
           const sticky = cell.column.columnDef.meta?.sticky;
           const isExpandCell = enableExpanding && !sticky && cellIndex === cells.findIndex((c) => !c.column.columnDef.meta?.sticky);
@@ -1199,14 +1237,19 @@ function BiampTableRowInner({
             cell.column.columnDef.cell,
             cell.getContext()
           );
+          const resolvedCell = resolveSlot(cellSlotProps, { cell });
+          const { sx: userCellSx, ...restCellProps } = resolvedCell ?? {};
           return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             import_material7.TableCell,
             {
+              ...restCellProps,
               "data-sticky": sticky || void 0,
-              sx: {
-                ...cellSx(sticky, cell.column.columnDef.meta?.minWidth, 2),
-                pl: isExpandCell ? "6px" : "12px"
-              },
+              sx: mergeSx(
+                cellSx(sticky, cell.column.columnDef.meta?.minWidth, 2),
+                { pl: isExpandCell ? "6px" : "12px" },
+                sticky && customColor ? { backgroundColor: customColor } : void 0,
+                userCellSx
+              ),
               children: (() => {
                 if (sticky) return content;
                 const truncate = cell.column.columnDef.meta?.truncate ?? true;
@@ -1262,7 +1305,7 @@ function BiampTableRowInner({
   );
 }
 function biampTableRowPropsAreEqual(prev, next) {
-  return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.isSelected === next.isSelected && prev.isExpanded === next.isExpanded && prev.row.getVisibleCells().length === next.row.getVisibleCells().length && prev.enableRowSelection === next.enableRowSelection && prev.enableExpanding === next.enableExpanding && prev.hasExpandableRows === next.hasExpandableRows && prev.selectChildrenWithParent === next.selectChildrenWithParent && prev.onRowClick === next.onRowClick && prev.isRowClickable === next.isRowClickable && prev.getRowLabel === next.getRowLabel;
+  return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.isSelected === next.isSelected && prev.isExpanded === next.isExpanded && prev.row.getVisibleCells().length === next.row.getVisibleCells().length && prev.enableRowSelection === next.enableRowSelection && prev.enableExpanding === next.enableExpanding && prev.hasExpandableRows === next.hasExpandableRows && prev.selectChildrenWithParent === next.selectChildrenWithParent && prev.onRowClick === next.onRowClick && prev.isRowClickable === next.isRowClickable && prev.getRowLabel === next.getRowLabel && prev.customColor === next.customColor && prev.rowSlotProps === next.rowSlotProps && prev.cellSlotProps === next.cellSlotProps;
 }
 var BiampTableRow = import_react4.default.memo(
   BiampTableRowInner,
@@ -1280,9 +1323,15 @@ function BiampTable({
   hideSelectAll,
   selectChildrenWithParent = false,
   getRowLabel,
+  setRowColor,
+  slotProps,
   sx,
   ...boxProps
 }) {
+  const { sx: userTableSx, ...restTableSlotProps } = slotProps?.table ?? {};
+  const { sx: userHeadSx, ...restHeadSlotProps } = slotProps?.head ?? {};
+  const { sx: userBodySx, ...restBodySlotProps } = slotProps?.body ?? {};
+  const { sx: userHeaderRowSx, ...restHeaderRowSlotProps } = slotProps?.headerRow ?? {};
   const tableMinWidth = table.getVisibleLeafColumns().reduce(
     (sum, col) => {
       const mw = col.columnDef.meta?.minWidth;
@@ -1314,73 +1363,99 @@ function BiampTable({
           import_material7.Table,
           {
             "aria-busy": showLoading || void 0,
-            sx: { minWidth: tableMinWidth, tableLayout: "auto" },
+            ...restTableSlotProps,
+            sx: mergeSx(
+              { minWidth: tableMinWidth, tableLayout: "auto" },
+              userTableSx
+            ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableHead, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material7.TableRow, { children: [
-                enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableCell, { padding: "checkbox", sx: headerSelectionCellSx, children: !hideSelectAll && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_material7.Checkbox,
-                  {
-                    checked: table.getIsAllPageRowsSelected(),
-                    indeterminate: table.getIsSomePageRowsSelected(),
-                    onChange: table.getToggleAllPageRowsSelectedHandler(),
-                    sx: rows.length === 0 ? checkboxHiddenHeaderSx : void 0,
-                    slotProps: { input: { "aria-label": "Select all rows" } }
-                  }
-                ) }),
-                headerGroup.headers.map((header) => {
-                  const sticky = header.column.columnDef.meta?.sticky;
-                  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                    import_material7.TableCell,
-                    {
-                      "data-sticky": sticky || void 0,
-                      sortDirection: header.column.getIsSorted() || false,
-                      ...header.column.getCanSort() && {
-                        "aria-sort": header.column.getIsSorted() ? header.column.getIsSorted() === "asc" ? "ascending" : "descending" : "none"
-                      },
-                      sx: cellSx(
-                        sticky,
-                        header.column.columnDef.meta?.minWidth,
-                        3
-                      ),
-                      children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                        import_material7.TableSortLabel,
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableHead, { ...restHeadSlotProps, sx: mergeSx(userHeadSx), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                import_material7.TableRow,
+                {
+                  ...restHeaderRowSlotProps,
+                  sx: mergeSx(userHeaderRowSx),
+                  children: [
+                    enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableCell, { padding: "checkbox", sx: headerSelectionCellSx, children: !hideSelectAll && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      import_material7.Checkbox,
+                      {
+                        checked: table.getIsAllPageRowsSelected(),
+                        indeterminate: table.getIsSomePageRowsSelected(),
+                        onChange: table.getToggleAllPageRowsSelectedHandler(),
+                        sx: rows.length === 0 ? checkboxHiddenHeaderSx : void 0,
+                        slotProps: { input: { "aria-label": "Select all rows" } }
+                      }
+                    ) }),
+                    headerGroup.headers.map((header) => {
+                      const sticky = header.column.columnDef.meta?.sticky;
+                      const resolvedHeaderCell = resolveSlot(slotProps?.headerCell, {
+                        header
+                      });
+                      const { sx: userHeaderCellSx, ...restHeaderCellProps } = resolvedHeaderCell ?? {};
+                      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                        import_material7.TableCell,
                         {
-                          active: !!header.column.getIsSorted(),
-                          direction: header.column.getIsSorted() || "asc",
-                          onClick: header.column.getToggleSortingHandler(),
-                          ...header.column.getIsSorted() && {
-                            IconComponent: header.column.getIsSorted() === "asc" ? import_assets5.DropdownChevronUpIcon : import_assets5.DropdownChevronDownIcon
+                          ...restHeaderCellProps,
+                          "data-sticky": sticky || void 0,
+                          sortDirection: header.column.getIsSorted() || false,
+                          ...header.column.getCanSort() && {
+                            "aria-sort": header.column.getIsSorted() ? header.column.getIsSorted() === "asc" ? "ascending" : "descending" : "none"
                           },
-                          children: (0, import_react_table.flexRender)(
+                          sx: mergeSx(
+                            cellSx(sticky, header.column.columnDef.meta?.minWidth, 3),
+                            userHeaderCellSx
+                          ),
+                          children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                            import_material7.TableSortLabel,
+                            {
+                              active: !!header.column.getIsSorted(),
+                              direction: header.column.getIsSorted() || "asc",
+                              onClick: header.column.getToggleSortingHandler(),
+                              ...header.column.getIsSorted() && {
+                                IconComponent: header.column.getIsSorted() === "asc" ? import_assets5.DropdownChevronUpIcon : import_assets5.DropdownChevronDownIcon
+                              },
+                              children: (0, import_react_table.flexRender)(
+                                header.column.columnDef.header,
+                                header.getContext()
+                              )
+                            }
+                          ) : (0, import_react_table.flexRender)(
                             header.column.columnDef.header,
                             header.getContext()
                           )
-                        }
-                      ) : (0, import_react_table.flexRender)(
-                        header.column.columnDef.header,
-                        header.getContext()
-                      )
-                    },
-                    header.id
-                  );
-                })
-              ] }, headerGroup.id)) }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableBody, { sx: { opacity: showLoading ? 0.3 : 1 }, children: !showError && rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                BiampTableRow,
-                {
-                  row,
-                  isExpanded: row.getIsExpanded(),
-                  isSelected: row.getIsSelected(),
-                  onRowClick,
-                  isRowClickable,
-                  enableRowSelection,
-                  enableExpanding,
-                  selectChildrenWithParent,
-                  getRowLabel,
-                  hasExpandableRows
+                        },
+                        header.id
+                      );
+                    })
+                  ]
                 },
-                row.id
-              )) })
+                headerGroup.id
+              )) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_material7.TableBody,
+                {
+                  ...restBodySlotProps,
+                  sx: mergeSx({ opacity: showLoading ? 0.3 : 1 }, userBodySx),
+                  children: !showError && rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    BiampTableRow,
+                    {
+                      row,
+                      isExpanded: row.getIsExpanded(),
+                      isSelected: row.getIsSelected(),
+                      onRowClick,
+                      isRowClickable,
+                      enableRowSelection,
+                      enableExpanding,
+                      selectChildrenWithParent,
+                      getRowLabel,
+                      hasExpandableRows,
+                      customColor: setRowColor?.(row.original),
+                      rowSlotProps: slotProps?.row,
+                      cellSlotProps: slotProps?.cell
+                    },
+                    row.id
+                  ))
+                }
+              )
             ]
           }
         ),