erp-pro-ui 0.1.6 → 0.1.7

package/dist/chunks/{data-table-KDM8AEwU.mjs → data-table-B2r5OUFX.mjs}

@@ -119,8 +119,8 @@ function EmptyTableState({ colSpan, rowClassName, cellClassName, children }) {
 		})
 	});
 }
-function DataTableRows({ table, isLoading, bulkSelectionActive, selectedRowIds, onToggleRowSelection, rowMenuOpen, onToggleRowMenu, onCloseRowMenu, onRowAction, rowClassName, cellClassName, hasActiveFilters, searchQuery, renderEmptyState, renderRowActionsCell }) {
-	const colSpan = table.getVisibleLeafColumns().length + (bulkSelectionActive ? 2 : 1);
+function DataTableRows({ table, hasRowActions, isLoading, bulkSelectionActive, selectedRowIds, onToggleRowSelection, rowMenuOpen, onToggleRowMenu, onCloseRowMenu, onRowAction, rowClassName, cellClassName, hasActiveFilters, searchQuery, renderEmptyState, renderRowActionsCell }) {
+	const colSpan = table.getVisibleLeafColumns().length + (bulkSelectionActive ? 1 : 0) + (hasRowActions ? 1 : 0);
 	if (isLoading) return /* @__PURE__ */ jsx(LoadingTableState, {
 		colSpan,
 		rowClassName,
@@ -154,7 +154,7 @@ function DataTableRows({ table, isLoading, bulkSelectionActive, selectedRowIds,
 				className: mergeClassNames("px-4 py-3 text-sm text-ds-1", cellClassName),
 				children: flexRender(cell.column.columnDef.cell, cell.getContext())
 			}, cell.id)),
-			renderRowActionsCell({
+			hasRowActions ? renderRowActionsCell({
 				rowIndex: row.index,
 				row: row.original,
 				isOpen: rowMenuOpen === row.index,
@@ -162,7 +162,7 @@ function DataTableRows({ table, isLoading, bulkSelectionActive, selectedRowIds,
 				onToggle: onToggleRowMenu,
 				onClose: onCloseRowMenu,
 				onRowAction
-			})
+			}) : null
 		]
 	}, row.id)) });
 }
@@ -245,7 +245,7 @@ var ICON_BUTTON_CLASS_NAME = "inline-flex items-center justify-center rounded-lg
 var DISABLED_ICON_BUTTON_CLASS_NAME = `${ICON_BUTTON_CLASS_NAME} disabled:cursor-not-allowed disabled:opacity-40`;
 var TABLE_CONTROL_ICON_CLASS_NAME$1 = "h-[18px] w-[18px] shrink-0";
 var TABLE_COMPLEX_ICON_CLASS_NAME$1 = TABLE_CONTROL_ICON_CLASS_NAME$1;
-var TOOLBAR_ACTION_BUTTON_CLASS_NAME = "inline-flex h-9 items-center gap-2 rounded-md border border-transparent bg-transparent px-2.5 text-[12px] font-semibold uppercase tracking-[0.03em] text-ds-2 shadow-none transition-colors hover:bg-ds-surface-2 hover:text-ds-1 hover:opacity-100";
+var TOOLBAR_ACTION_BUTTON_CLASS_NAME = "inline-flex h-9 items-center gap-2 rounded-md border border-transparent bg-transparent px-2.5 text-[12px] font-semibold uppercase tracking-[0.03em] text-ds-2 shadow-none transition-[border-color,background-color,color] duration-200 hover:border-ds-border-3 hover:bg-ds-surface-2 hover:text-ds-1 hover:opacity-100";
 function ToolbarIconButton({ title, onClick, disabled, children }) {
 	return /* @__PURE__ */ jsx(Tooltip, {
 		content: title,
@@ -265,9 +265,9 @@ function ToolbarActionButton({ title, label, onClick, isActive = false, icon })
 		title,
 		"aria-label": title,
 		"aria-pressed": isActive,
-		className: mergeClassNames(TOOLBAR_ACTION_BUTTON_CLASS_NAME, "relative z-10", isActive ? "text-ds-on-accent" : "text-ds-2"),
+		className: mergeClassNames(TOOLBAR_ACTION_BUTTON_CLASS_NAME, isActive ? "border-ds-border-3 bg-ds-surface-2 text-ds-1" : "text-ds-2"),
 		children: [/* @__PURE__ */ jsx("span", {
-			className: mergeClassNames("inline-flex h-5 w-5 items-center justify-center text-ds-2", isActive && "text-ds-on-accent"),
+			className: mergeClassNames("inline-flex h-5 w-5 items-center justify-center text-ds-2", isActive && "text-ds-1"),
 			children: icon
 		}), /* @__PURE__ */ jsx("span", { children: label })]
 	});
@@ -291,27 +291,8 @@ function SearchField({ value, onChange, placeholder, direction }) {
 		})]
 	});
 }
-function DataTableToolbar({ direction, showRefreshButton = true, showExportButton = true, searchQuery, onSearchChange, searchPlaceholder, bulkDeleteEnabled, bulkSelectionActive, selectedCount, bulkActionsContent, bulkActionCard, onToggleBulkSelection, onBulkDeleteSelected, onExport, columnMenuOpen, onToggleColumnMenu, onCloseColumnMenu, columns, onColumnToggle, onShowAllColumns, onHideAllColumns, labels, toolbarActions }) {
+function DataTableToolbar({ direction, showRefreshButton = true, showExportButton = true, searchQuery, onSearchChange, searchPlaceholder, bulkDeleteEnabled, bulkSelectionActive, selectedCount, bulkActionsContent, bulkActionCard, onToggleBulkSelection, onBulkDeleteSelected, onRefresh, onExport, columnMenuOpen, onToggleColumnMenu, onCloseColumnMenu, columns, onColumnToggle, onShowAllColumns, onHideAllColumns, labels, toolbarActions }) {
 	const hasSelectedRows = selectedCount > 0;
-	const visibleActionIds = React.useMemo(() => [
-		showRefreshButton ? "refresh" : null,
-		showExportButton ? "export" : null,
-		"columns"
-	].filter(Boolean), [showExportButton, showRefreshButton]);
-	const [activeAction, setActiveAction] = React.useState("columns");
-	React.useEffect(() => {
-		if (columnMenuOpen) {
-			setActiveAction("columns");
-			return;
-		}
-		if (!visibleActionIds.includes(activeAction)) setActiveAction(visibleActionIds[0] ?? "columns");
-	}, [
-		activeAction,
-		columnMenuOpen,
-		visibleActionIds
-	]);
-	const logicalActiveIndex = Math.max(visibleActionIds.indexOf(activeAction), 0);
-	const visualActiveIndex = direction === "rtl" ? Math.max(visibleActionIds.length - logicalActiveIndex - 1, 0) : logicalActiveIndex;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "border-b border-ds-border-2 px-4 py-3",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -335,61 +316,33 @@ function DataTableToolbar({ direction, showRefreshButton = true, showExportButto
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-1 self-end lg:self-auto",
 				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "relative overflow-hidden rounded-xl border border-ds-border-2 bg-ds-surface-1 p-1",
-						children: [visibleActionIds.length > 0 ? /* @__PURE__ */ jsx("span", {
-							"aria-hidden": "true",
-							className: "pointer-events-none absolute bottom-1 top-1 rounded-lg border border-ds-border-accent/35 bg-ds-accent shadow-[0_8px_20px_rgba(79,43,226,0.34)] transition-transform duration-300 ease-out",
-							style: {
-								width: `calc((100% - 0.5rem) / ${visibleActionIds.length})`,
-								transform: `translateX(${visualActiveIndex * 100}%)`,
-								insetInlineStart: "0.25rem"
-							}
-						}) : null, /* @__PURE__ */ jsxs("div", {
-							className: "grid min-w-[290px] items-center",
-							style: { gridTemplateColumns: `repeat(${visibleActionIds.length}, minmax(0, 1fr))` },
-							children: [
-								showRefreshButton ? /* @__PURE__ */ jsx(ToolbarActionButton, {
-									title: labels.refresh,
-									label: labels.refresh,
-									isActive: activeAction === "refresh",
-									onClick: () => {
-										setActiveAction("refresh");
-										onExport?.();
-									},
-									icon: /* @__PURE__ */ jsx(RefreshIcon, {
-										className: TABLE_CONTROL_ICON_CLASS_NAME$1,
-										"aria-hidden": "true"
-									})
-								}) : null,
-								showExportButton ? /* @__PURE__ */ jsx(ToolbarActionButton, {
-									title: labels.export,
-									label: labels.export,
-									isActive: activeAction === "export",
-									onClick: () => {
-										setActiveAction("export");
-										onExport?.();
-									},
-									icon: /* @__PURE__ */ jsx(ArrowDownIcon, {
-										className: TABLE_CONTROL_ICON_CLASS_NAME$1,
-										"aria-hidden": "true"
-									})
-								}) : null,
-								/* @__PURE__ */ jsx(ToolbarActionButton, {
-									onClick: () => {
-										setActiveAction("columns");
-										onToggleColumnMenu();
-									},
-									title: labels.columnSettings,
-									label: labels.columnSettings,
-									isActive: activeAction === "columns" || columnMenuOpen,
-									icon: /* @__PURE__ */ jsx(ColumnsIcon, {
-										className: TABLE_COMPLEX_ICON_CLASS_NAME$1,
-										"aria-hidden": "true"
-									})
-								})
-							]
-						})]
+					showRefreshButton ? /* @__PURE__ */ jsx(ToolbarActionButton, {
+						title: labels.refresh,
+						label: labels.refresh,
+						onClick: onRefresh,
+						icon: /* @__PURE__ */ jsx(RefreshIcon, {
+							className: TABLE_CONTROL_ICON_CLASS_NAME$1,
+							"aria-hidden": "true"
+						})
+					}) : null,
+					showExportButton ? /* @__PURE__ */ jsx(ToolbarActionButton, {
+						title: labels.export,
+						label: labels.export,
+						onClick: onExport,
+						icon: /* @__PURE__ */ jsx(ArrowDownIcon, {
+							className: TABLE_CONTROL_ICON_CLASS_NAME$1,
+							"aria-hidden": "true"
+						})
+					}) : null,
+					/* @__PURE__ */ jsx(ToolbarActionButton, {
+						onClick: onToggleColumnMenu,
+						title: labels.columnSettings,
+						label: labels.columnSettings,
+						isActive: columnMenuOpen,
+						icon: /* @__PURE__ */ jsx(ColumnsIcon, {
+							className: TABLE_COMPLEX_ICON_CLASS_NAME$1,
+							"aria-hidden": "true"
+						})
 					}),
 					toolbarActions,
 					/* @__PURE__ */ jsx("div", {
@@ -879,7 +832,7 @@ function RowActionsCell({ rowIndex, row, isOpen, openDirection, tableContainerRe
 		tableContainerRef
 	]);
 	const rowActionsMenu = isOpen ? createPortal(/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: "fixed inset-0 z-[220] bg-ds-surface-2 ",
+		className: "fixed inset-0 z-[220]",
 		onClick: onClose
 	}), /* @__PURE__ */ jsx("div", {
 		ref: menuRef,
@@ -1074,28 +1027,15 @@ function FilterSelectorMenu({ filterOptions, visibleFilters, onToggleFilter, onS
 	});
 }
 var usesManualPagination = (totalCount, onPaginationChange) => totalCount !== void 0 || typeof onPaginationChange === "function";
-function DataTable({ columns, data, isLoading = false, onColumnToggle, pageSize = 10, maxHeight = "500px", onSearch, onExport, showRefreshButton = true, showExportButton = true, onRowAction, rowActions, onBulkDelete, renderBulkActions, renderBulkActionCard, onFilterChange, onFiltersApply, serverSideFiltering = false, filterOptions: externalFilterOptions, searchPlaceholder = "Search ...", totalCount, onPaginationChange, renderEmptyState, labels: labelsProp, renderFilterSelectorFooterActions, renderFilterRowActions, renderToolbarActions, className, tableContainerClassName, tableClassName, caption, captionClassName, headerClassName, headerRowClassName, headClassName, bodyClassName, rowClassName, cellClassName, footerClassName }) {
+function DataTable({ columns, data, isLoading = false, onColumnToggle, pageSize = 10, maxHeight = "500px", onSearch, onRefresh, onExport, showRefreshButton = true, showExportButton = true, onRowAction, rowActions, onBulkDelete, renderBulkActions, renderBulkActionCard, onFilterChange, onFiltersApply, serverSideFiltering = false, filterOptions: externalFilterOptions, searchPlaceholder = "Search ...", totalCount, onPaginationChange, renderEmptyState, labels: labelsProp, renderFilterSelectorFooterActions, renderFilterRowActions, renderToolbarActions, className, tableContainerClassName, tableClassName, caption, captionClassName, headerClassName, headerRowClassName, headClassName, bodyClassName, rowClassName, cellClassName, footerClassName }) {
 	const tableRootRef = React.useRef(null);
 	const [tableDirection, setTableDirection] = React.useState("ltr");
 	React.useLayoutEffect(() => {
 		setTableDirection(resolveTableDirection(tableRootRef.current));
 	}, []);
 	const isRtl = tableDirection === "rtl";
-	const resolvedRowActions = React.useMemo(() => rowActions && rowActions.length > 0 ? rowActions : [
-		{
-			id: "copy",
-			label: "Copy product"
-		},
-		{
-			id: "edit",
-			label: "Edit"
-		},
-		{
-			id: "delete",
-			label: "Delete",
-			variant: "destructive"
-		}
-	], [rowActions]);
+	const resolvedRowActions = React.useMemo(() => rowActions ?? [], [rowActions]);
+	const hasRowActions = resolvedRowActions.length > 0;
 	const labels = React.useMemo(() => ({
 		...DEFAULT_DATA_TABLE_LABELS,
 		...labelsProp
@@ -1433,6 +1373,7 @@ function DataTable({ columns, data, isLoading = false, onColumnToggle, pageSize
 						bulkActionCard,
 						onToggleBulkSelection: handleToggleBulkSelection,
 						onBulkDeleteSelected: handleBulkDeleteSelected,
+						onRefresh,
 						onExport,
 						columnMenuOpen,
 						onToggleColumnMenu: handleToggleColumnMenu,
@@ -1472,7 +1413,7 @@ function DataTable({ columns, data, isLoading = false, onColumnToggle, pageSize
 												className: mergeClassNames("whitespace-nowrap bg-ds-surface-2 px-4 py-3 text-sm font-semibold text-ds-1", isRtl ? "text-right" : "text-left", headClassName),
 												children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
 											}, header.id)),
-											/* @__PURE__ */ jsxs(TableHead, {
+											hasRowActions ? /* @__PURE__ */ jsxs(TableHead, {
 												className: mergeClassNames("sticky top-0 z-30 border-x border-ds-border-2 bg-ds-surface-2 p-0", isRtl ? "left-0 shadow-[8px_0_12px_-10px_rgba(15,23,42,0.35)]" : "right-0 shadow-[-8px_0_12px_-10px_rgba(15,23,42,0.35)]", ROW_ACTIONS_CELL_WIDTH_CLASS_NAME, headClassName),
 												children: [
 													/* @__PURE__ */ jsx("div", {
@@ -1488,7 +1429,7 @@ function DataTable({ columns, data, isLoading = false, onColumnToggle, pageSize
 														className: "h-[45px] w-12"
 													})
 												]
-											})
+											}) : null
 										]
 									}, headerGroup.id))
 								}),
@@ -1496,6 +1437,7 @@ function DataTable({ columns, data, isLoading = false, onColumnToggle, pageSize
 									className: bodyClassName,
 									children: /* @__PURE__ */ jsx(DataTableRows, {
 										table,
+										hasRowActions,
 										isLoading,
 										bulkSelectionActive,
 										selectedRowIds,
@@ -1509,7 +1451,7 @@ function DataTable({ columns, data, isLoading = false, onColumnToggle, pageSize
 										hasActiveFilters,
 										searchQuery,
 										renderEmptyState,
-										renderRowActionsCell: (context) => /* @__PURE__ */ jsx(RowActionsCell, {
+										renderRowActionsCell: (context) => hasRowActions ? /* @__PURE__ */ jsx(RowActionsCell, {
 											rowIndex: context.rowIndex,
 											row: context.row,
 											isOpen: context.isOpen,
@@ -1520,7 +1462,7 @@ function DataTable({ columns, data, isLoading = false, onColumnToggle, pageSize
 											onRowAction: context.onRowAction,
 											actions: resolvedRowActions,
 											direction: tableDirection
-										})
+										}) : null
 									})
 								}),
 								/* @__PURE__ */ jsx(TableFooter, { className: footerClassName })
@@ -1552,4 +1494,4 @@ function DataTable({ columns, data, isLoading = false, onColumnToggle, pageSize
 //#endregion
 export { FilterButton as a, TableBody as c, TableContainer as d, TableFooter as f, TableRow as h, ColumnToggle as i, TableCaption as l, TableHeader as m, FilterProfile as n, FilterDropdown as o, TableHead as p, ToolbarIconButton as r, Table as s, DataTable as t, TableCell as u };
 
-//# sourceMappingURL=data-table-KDM8AEwU.mjs.map
+//# sourceMappingURL=data-table-B2r5OUFX.mjs.map

package/dist/chunks/data-table-B2r5OUFX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-B2r5OUFX.mjs","names":[],"sources":["../../src/components/data-display/data-table/TablePrimitives.tsx","../../src/components/data-display/data-table/DataTableRows.tsx","../../src/components/data-display/data-table/DataTableControls.tsx","../../src/components/data-display/data-table/DataTableToolbar.tsx","../../src/components/data-display/data-table/DataTableFilters.tsx","../../src/components/data-display/data-table/direction.ts","../../src/components/data-display/data-table/DataTable.tsx"],"sourcesContent":["import React from \"react\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport const TableContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={mergeClassNames(\"overflow-auto\", className)}\n    {...props}\n  />\n));\nTableContainer.displayName = \"TableContainer\";\n\nexport const Table = React.forwardRef<\n  HTMLTableElement,\n  React.ComponentPropsWithoutRef<\"table\">\n>(({ className, ...props }, ref) => (\n  <table\n    ref={ref}\n    className={mergeClassNames(\"w-full min-w-[800px]\", className)}\n    {...props}\n  />\n));\nTable.displayName = \"Table\";\n\nexport const TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.ComponentPropsWithoutRef<\"thead\">\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={mergeClassNames(\"sticky top-0 z-10 bg-ds-surface-1\", className)}\n    {...props}\n  />\n));\nTableHeader.displayName = \"TableHeader\";\n\nexport const TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.ComponentPropsWithoutRef<\"tbody\">\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={mergeClassNames(className)} {...props} />\n));\nTableBody.displayName = \"TableBody\";\n\nexport const TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.ComponentPropsWithoutRef<\"tfoot\">\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={mergeClassNames(className)} {...props} />\n));\nTableFooter.displayName = \"TableFooter\";\n\nexport const TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.ComponentPropsWithoutRef<\"tr\">\n>(({ className, ...props }, ref) => (\n  <tr ref={ref} className={mergeClassNames(className)} {...props} />\n));\nTableRow.displayName = \"TableRow\";\n\nexport const TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ComponentPropsWithoutRef<\"th\">\n>(({ className, ...props }, ref) => (\n  <th ref={ref} className={mergeClassNames(className)} {...props} />\n));\nTableHead.displayName = \"TableHead\";\n\nexport const TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.ComponentPropsWithoutRef<\"td\">\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={mergeClassNames(className)} {...props} />\n));\nTableCell.displayName = \"TableCell\";\n\nexport const TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.ComponentPropsWithoutRef<\"caption\">\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={mergeClassNames(\"caption-bottom text-sm text-ds-2\", className)}\n    {...props}\n  />\n));\nTableCaption.displayName = \"TableCaption\";\n","import React from \"react\";\nimport { flexRender, type Table as TanStackTable } from \"@tanstack/react-table\";\nimport { Checkbox } from \"../../forms/checkbox\";\nimport { LoaderIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport { TableCell, TableRow } from \"./TablePrimitives\";\n\nexport interface DataTableEmptyStateContext {\n  isLoading: boolean;\n  hasActiveFilters: boolean;\n  searchQuery: string;\n}\n\ninterface TableStateRowProps {\n  colSpan: number;\n  children: React.ReactNode;\n  rowClassName?: string;\n  cellClassName?: string;\n}\n\nfunction TableStateRow({\n  colSpan,\n  children,\n  rowClassName,\n  cellClassName,\n}: TableStateRowProps) {\n  return (\n    <TableRow className={rowClassName}>\n      <TableCell\n        colSpan={colSpan}\n        className={mergeClassNames(\n          \"px-4 py-12 text-center text-ds-2\",\n          cellClassName,\n        )}\n      >\n        {children}\n      </TableCell>\n    </TableRow>\n  );\n}\n\nfunction LoadingTableState({\n  colSpan,\n  rowClassName,\n  cellClassName,\n}: {\n  colSpan: number;\n  rowClassName?: string;\n  cellClassName?: string;\n}) {\n  return (\n    <TableStateRow\n      colSpan={colSpan}\n      rowClassName={rowClassName}\n      cellClassName={cellClassName}\n    >\n      <div className=\"flex flex-col items-center gap-3\">\n        <LoaderIcon\n          className=\"w-8 h-8 animate-spin text-ds-1\"\n          aria-hidden=\"true\"\n        />\n        <span>Loading data...</span>\n      </div>\n    </TableStateRow>\n  );\n}\n\nfunction EmptyTableState({\n  colSpan,\n  rowClassName,\n  cellClassName,\n  children,\n}: {\n  colSpan: number;\n  rowClassName?: string;\n  cellClassName?: string;\n  children?: React.ReactNode;\n}) {\n  return (\n    <TableStateRow\n      colSpan={colSpan}\n      rowClassName={rowClassName}\n      cellClassName={cellClassName}\n    >\n      {children ?? (\n        <div className=\"flex flex-col items-center gap-2\">\n          <span className=\"text-4xl\">🔍</span>\n          <p className=\"font-medium\">No results found</p>\n          <p className=\"text-sm\">Try adjusting the filter</p>\n        </div>\n      )}\n    </TableStateRow>\n  );\n}\n\nexport interface DataTableRowsProps<T> {\n  table: TanStackTable<T>;\n  hasRowActions: boolean;\n  isLoading: boolean;\n  bulkSelectionActive: boolean;\n  selectedRowIds: Record<string, boolean>;\n  onToggleRowSelection: (rowId: string, checked: boolean) => void;\n  rowMenuOpen: number | null;\n  onToggleRowMenu: (rowIndex: number) => void;\n  onCloseRowMenu: () => void;\n  onRowAction?: (action: string, row: T) => void;\n  rowClassName?: string;\n  cellClassName?: string;\n  hasActiveFilters: boolean;\n  searchQuery: string;\n  renderEmptyState?: (context: DataTableEmptyStateContext) => React.ReactNode;\n  renderRowActionsCell: (context: {\n    rowIndex: number;\n    row: T;\n    isOpen: boolean;\n    openDirection: \"up\" | \"down\";\n    onToggle: (rowIndex: number) => void;\n    onClose: () => void;\n    onRowAction?: (action: string, row: T) => void;\n  }) => React.ReactNode;\n}\n\nexport function DataTableRows<T>({\n  table,\n  hasRowActions,\n  isLoading,\n  bulkSelectionActive,\n  selectedRowIds,\n  onToggleRowSelection,\n  rowMenuOpen,\n  onToggleRowMenu,\n  onCloseRowMenu,\n  onRowAction,\n  rowClassName,\n  cellClassName,\n  hasActiveFilters,\n  searchQuery,\n  renderEmptyState,\n  renderRowActionsCell,\n}: DataTableRowsProps<T>) {\n  const colSpan =\n    table.getVisibleLeafColumns().length +\n    (bulkSelectionActive ? 1 : 0) +\n    (hasRowActions ? 1 : 0);\n\n  if (isLoading) {\n    return (\n      <LoadingTableState\n        colSpan={colSpan}\n        rowClassName={rowClassName}\n        cellClassName={cellClassName}\n      />\n    );\n  }\n\n  if (table.getRowModel().rows.length === 0) {\n    const customEmptyState = renderEmptyState?.({\n      isLoading,\n      hasActiveFilters,\n      searchQuery,\n    });\n\n    return (\n      <EmptyTableState\n        colSpan={colSpan}\n        rowClassName={rowClassName}\n        cellClassName={cellClassName}\n      >\n        {customEmptyState}\n      </EmptyTableState>\n    );\n  }\n\n  return (\n    <>\n      {table.getRowModel().rows.map((row) => (\n        <TableRow\n          key={row.id}\n          className={mergeClassNames(\n            \"border-b border-ds-border-2 transition-colors hover:bg-ds-surface-2\",\n            rowClassName,\n          )}\n        >\n          {bulkSelectionActive ? (\n            <TableCell\n              className={mergeClassNames(\n                \"w-12 px-4 py-3 align-middle\",\n                cellClassName,\n              )}\n            >\n              <Checkbox\n                aria-label={`Select row ${row.id}`}\n                checked={Boolean(selectedRowIds[row.id])}\n                onChange={(event) =>\n                  onToggleRowSelection(row.id, event.target.checked)\n                }\n              />\n            </TableCell>\n          ) : null}\n          {row.getVisibleCells().map((cell) => (\n            <TableCell\n              key={cell.id}\n              className={mergeClassNames(\n                \"px-4 py-3 text-sm text-ds-1\",\n                cellClassName,\n              )}\n            >\n              {flexRender(cell.column.columnDef.cell, cell.getContext())}\n            </TableCell>\n          ))}\n          {hasRowActions\n            ? renderRowActionsCell({\n                rowIndex: row.index,\n                row: row.original,\n                isOpen: rowMenuOpen === row.index,\n                openDirection:\n                  row.index >= table.getRowModel().rows.length - 2\n                    ? \"up\"\n                    : \"down\",\n                onToggle: onToggleRowMenu,\n                onClose: onCloseRowMenu,\n                onRowAction,\n              })\n            : null}\n        </TableRow>\n      ))}\n    </>\n  );\n}\n","import React from \"react\";\nimport { Button } from \"../../forms/button\";\nimport { Checkbox } from \"../../forms/checkbox\";\n\ninterface FilterDropdownProps {\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  direction?: \"ltr\" | \"rtl\";\n}\n\nexport const FilterDropdown: React.FC<FilterDropdownProps> = ({\n  isOpen,\n  onClose,\n  children,\n  direction = \"ltr\",\n}) => {\n  const panelRef = React.useRef<HTMLDivElement | null>(null);\n\n  React.useLayoutEffect(() => {\n    if (!isOpen || !panelRef.current) {\n      return;\n    }\n\n    panelRef.current.animate(\n      [\n        { opacity: 0, transform: \"translateY(-8px) scale(0.98)\" },\n        { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      ],\n      {\n        duration: 220,\n        easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\n      },\n    );\n  }, [isOpen]);\n\n  if (!isOpen) return null;\n\n  return (\n    <>\n      <div\n        className=\"fixed inset-0 z-40\"\n        onClick={onClose}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={panelRef}\n        className=\"absolute top-full z-50 mt-2 min-w-64 overflow-hidden rounded-[4px] border border-ds-border-2 bg-ds-surface-1 shadow-[0_18px_40px_rgba(15,23,42,0.18)] ring-1 ring-inset ring-ds-border-3/35 backdrop-blur-2xl\"\n        style={direction === \"rtl\" ? { left: 0 } : { right: 0 }}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n\ninterface FilterButtonProps {\n  icon: React.ReactNode;\n  label: string;\n  onClick: () => void;\n  hasActive?: boolean;\n}\n\nexport const FilterButton: React.FC<FilterButtonProps> = ({\n  icon,\n  label,\n  onClick,\n  hasActive,\n}) => (\n  <Button\n    onClick={onClick}\n    title={label}\n    aria-label={label}\n    className={`h-10 min-w-10 px-0 py-0 shadow-none ${\n      hasActive\n        ? \"border-ds-border-accent/20 bg-ds-accent-subtle text-ds-1 hover:bg-ds-accent-subtle hover:opacity-100\"\n        : \"border-transparent bg-transparent text-ds-2 hover:bg-ds-surface-2 hover:text-ds-1 hover:opacity-100\"\n    }`}\n  >\n    {icon}\n  </Button>\n);\n\ninterface ColumnToggleLabels {\n  columns: string;\n  showAll: string;\n  hideAll: string;\n}\n\ninterface ColumnToggleProps {\n  columns: {\n    id: string;\n    label: string;\n    visible?: boolean;\n  }[];\n  onToggle: (columnId: string) => void;\n  onShowAll?: () => void;\n  onHideAll?: () => void;\n  labels: ColumnToggleLabels;\n}\n\nexport const ColumnToggle: React.FC<ColumnToggleProps> = ({\n  columns,\n  onToggle,\n  onShowAll,\n  onHideAll,\n  labels,\n}) => (\n  <div className=\"p-4 space-y-3\">\n    <div className=\"flex items-center justify-between mb-3\">\n      <span className=\"text-sm font-semibold text-ds-1\">{labels.columns}</span>\n    </div>\n\n    <div className=\"space-y-2 max-h-64 overflow-y-auto\">\n      {columns.map((col) => (\n        <div\n          key={col.id}\n          className=\"rounded-[8px] px-2 py-1 hover:bg-ds-surface-2\"\n        >\n          <Checkbox\n            checked={col.visible !== false}\n            onChange={() => onToggle(col.id)}\n            label={col.label}\n          />\n        </div>\n      ))}\n    </div>\n\n    {(onShowAll || onHideAll) && (\n      <div className=\"flex gap-2 border-t border-ds-border-2 pt-2\">\n        {onShowAll && (\n          <Button\n            onClick={onShowAll}\n            size=\"small\"\n            className=\"flex-1 border-none bg-transparent px-1 py-1 text-xs font-semibold text-ds-1 shadow-none hover:bg-transparent hover:text-ds-accent-hover hover:opacity-100\"\n          >\n            {labels.showAll}\n          </Button>\n        )}\n        {onHideAll && (\n          <Button\n            onClick={onHideAll}\n            size=\"small\"\n            className=\"flex-1 border-none bg-transparent px-1 py-1 text-xs font-semibold text-ds-2 shadow-none hover:bg-transparent hover:text-ds-1 hover:opacity-100\"\n          >\n            {labels.hideAll}\n          </Button>\n        )}\n      </div>\n    )}\n  </div>\n);\n","import React from \"react\";\nimport { Chip } from \"../chip\";\nimport { Button } from \"../../forms/button\";\nimport { Input } from \"../../forms/input\";\nimport { Tooltip } from \"../../overlays/tooltip\";\nimport {\n  ArrowDownIcon,\n  ColumnsIcon,\n  RefreshIcon,\n  SearchIcon,\n  SelectionIcon,\n  TrashIcon,\n} from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport {\n  ColumnToggle,\n  FilterButton,\n  FilterDropdown,\n} from \"./DataTableControls\";\n\nconst ICON_BUTTON_CLASS_NAME =\n  \"inline-flex items-center justify-center rounded-lg text-ds-2 transition-colors hover:bg-ds-surface-2 hover:text-ds-1\";\nconst DISABLED_ICON_BUTTON_CLASS_NAME = `${ICON_BUTTON_CLASS_NAME} disabled:cursor-not-allowed disabled:opacity-40`;\nconst TABLE_CONTROL_ICON_CLASS_NAME = \"h-[18px] w-[18px] shrink-0\";\nconst TABLE_COMPLEX_ICON_CLASS_NAME = TABLE_CONTROL_ICON_CLASS_NAME;\nconst TOOLBAR_ACTION_BUTTON_CLASS_NAME =\n  \"inline-flex h-9 items-center gap-2 rounded-md border border-transparent bg-transparent px-2.5 text-[12px] font-semibold uppercase tracking-[0.03em] text-ds-2 shadow-none transition-[border-color,background-color,color] duration-200 hover:border-ds-border-3 hover:bg-ds-surface-2 hover:text-ds-1 hover:opacity-100\";\n\ninterface ToolbarIconButtonProps {\n  title: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  children: React.ReactNode;\n}\n\nexport function ToolbarIconButton({\n  title,\n  onClick,\n  disabled,\n  children,\n}: ToolbarIconButtonProps) {\n  return (\n    <Tooltip content={title}>\n      <Button\n        onClick={onClick}\n        disabled={disabled}\n        title={title}\n        aria-label={title}\n        className={\n          disabled\n            ? `${DISABLED_ICON_BUTTON_CLASS_NAME} h-10 w-10 shrink-0 border-transparent bg-transparent px-0 py-0 text-base shadow-none`\n            : `${ICON_BUTTON_CLASS_NAME} h-10 w-10 shrink-0 border-transparent bg-transparent px-0 py-0 text-base shadow-none`\n        }\n      >\n        {children}\n      </Button>\n    </Tooltip>\n  );\n}\n\ninterface ToolbarActionButtonProps {\n  title: string;\n  label: string;\n  onClick?: () => void;\n  isActive?: boolean;\n  icon: React.ReactNode;\n}\n\nfunction ToolbarActionButton({\n  title,\n  label,\n  onClick,\n  isActive = false,\n  icon,\n}: ToolbarActionButtonProps) {\n  return (\n    <Button\n      onClick={onClick}\n      title={title}\n      aria-label={title}\n      aria-pressed={isActive}\n      className={mergeClassNames(\n        TOOLBAR_ACTION_BUTTON_CLASS_NAME,\n        isActive\n          ? \"border-ds-border-3 bg-ds-surface-2 text-ds-1\"\n          : \"text-ds-2\",\n      )}\n    >\n      <span\n        className={mergeClassNames(\n          \"inline-flex h-5 w-5 items-center justify-center text-ds-2\",\n          isActive && \"text-ds-1\",\n        )}\n      >\n        {icon}\n      </span>\n      <span>{label}</span>\n    </Button>\n  );\n}\n\ninterface SearchFieldProps {\n  value: string;\n  onChange: (value: string) => void;\n  placeholder: string;\n  direction: \"ltr\" | \"rtl\";\n}\n\nfunction SearchField({\n  value,\n  onChange,\n  placeholder,\n  direction,\n}: SearchFieldProps) {\n  return (\n    <div className=\"relative w-[300px]\">\n      <SearchIcon\n        className={`pointer-events-none absolute top-1/2 z-10 -translate-y-1/2 text-ds-2 ${TABLE_CONTROL_ICON_CLASS_NAME}`}\n        style={{\n          insetInlineStart: \"1rem\",\n        }}\n        aria-hidden=\"true\"\n      />\n      <Input\n        type=\"text\"\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        placeholder={placeholder}\n        style={{\n          paddingInlineStart: \"2.75rem\",\n          textAlign: direction === \"rtl\" ? \"right\" : \"left\",\n        }}\n      />\n    </div>\n  );\n}\n\ninterface ToolbarLabels {\n  columns: string;\n  showAll: string;\n  hideAll: string;\n  refresh: string;\n  export: string;\n  columnSettings: string;\n}\n\ninterface DataTableToolbarProps {\n  direction: \"ltr\" | \"rtl\";\n  showRefreshButton?: boolean;\n  showExportButton?: boolean;\n  searchQuery: string;\n  onSearchChange: (value: string) => void;\n  searchPlaceholder: string;\n  bulkDeleteEnabled: boolean;\n  bulkSelectionActive: boolean;\n  selectedCount: number;\n  bulkActionsContent?: React.ReactNode;\n  bulkActionCard?: React.ReactNode;\n  onToggleBulkSelection: () => void;\n  onBulkDeleteSelected: () => void;\n  onRefresh?: () => void;\n  onExport?: () => void;\n  columnMenuOpen: boolean;\n  onToggleColumnMenu: () => void;\n  onCloseColumnMenu: () => void;\n  columns: {\n    id: string;\n    label: string;\n    visible?: boolean;\n  }[];\n  onColumnToggle?: (columnId: string) => void;\n  onShowAllColumns: () => void;\n  onHideAllColumns: () => void;\n  labels: ToolbarLabels;\n  toolbarActions?: React.ReactNode;\n}\n\nexport function DataTableToolbar({\n  direction,\n  showRefreshButton = true,\n  showExportButton = true,\n  searchQuery,\n  onSearchChange,\n  searchPlaceholder,\n  bulkDeleteEnabled,\n  bulkSelectionActive,\n  selectedCount,\n  bulkActionsContent,\n  bulkActionCard,\n  onToggleBulkSelection,\n  onBulkDeleteSelected,\n  onRefresh,\n  onExport,\n  columnMenuOpen,\n  onToggleColumnMenu,\n  onCloseColumnMenu,\n  columns,\n  onColumnToggle,\n  onShowAllColumns,\n  onHideAllColumns,\n  labels,\n  toolbarActions,\n}: DataTableToolbarProps) {\n  const hasSelectedRows = selectedCount > 0;\n\n  return (\n    <div className=\"border-b border-ds-border-2 px-4 py-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center lg:justify-between\">\n        <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2\">\n          {bulkDeleteEnabled ? (\n            <FilterButton\n              icon={\n                <SelectionIcon\n                  className={TABLE_COMPLEX_ICON_CLASS_NAME}\n                  aria-hidden=\"true\"\n                />\n              }\n              label={\n                bulkSelectionActive\n                  ? \"Disable bulk selection\"\n                  : \"Enable bulk selection\"\n              }\n              onClick={onToggleBulkSelection}\n              hasActive={bulkSelectionActive}\n            />\n          ) : null}\n\n          <SearchField\n            value={searchQuery}\n            onChange={onSearchChange}\n            placeholder={searchPlaceholder}\n            direction={direction}\n          />\n        </div>\n\n        <div className=\"flex items-center gap-1 self-end lg:self-auto\">\n          {showRefreshButton ? (\n            <ToolbarActionButton\n              title={labels.refresh}\n              label={labels.refresh}\n              onClick={onRefresh}\n              icon={\n                <RefreshIcon\n                  className={TABLE_CONTROL_ICON_CLASS_NAME}\n                  aria-hidden=\"true\"\n                />\n              }\n            />\n          ) : null}\n          {showExportButton ? (\n            <ToolbarActionButton\n              title={labels.export}\n              label={labels.export}\n              onClick={onExport}\n              icon={\n                <ArrowDownIcon\n                  className={TABLE_CONTROL_ICON_CLASS_NAME}\n                  aria-hidden=\"true\"\n                />\n              }\n            />\n          ) : null}\n          <ToolbarActionButton\n            onClick={onToggleColumnMenu}\n            title={labels.columnSettings}\n            label={labels.columnSettings}\n            isActive={columnMenuOpen}\n            icon={\n              <ColumnsIcon\n                className={TABLE_COMPLEX_ICON_CLASS_NAME}\n                aria-hidden=\"true\"\n              />\n            }\n          />\n          {toolbarActions}\n\n          <div className=\"relative\">\n            <FilterDropdown\n              isOpen={columnMenuOpen}\n              onClose={onCloseColumnMenu}\n              direction={direction}\n            >\n              <ColumnToggle\n                columns={columns}\n                onToggle={(columnId) => {\n                  onColumnToggle?.(columnId);\n                }}\n                onShowAll={onShowAllColumns}\n                onHideAll={onHideAllColumns}\n                labels={labels}\n              />\n            </FilterDropdown>\n          </div>\n        </div>\n      </div>\n\n      {bulkSelectionActive && hasSelectedRows\n        ? (bulkActionCard ?? (\n            <div className=\"mt-2 flex flex-col gap-2 rounded-[4px] border border-ds-border-2 bg-ds-surface-2 px-3 py-2 shadow-sm lg:flex-row lg:items-center lg:justify-between\">\n              <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n                <Chip\n                  variant=\"soft\"\n                  color=\"primary\"\n                  size=\"sm\"\n                  className=\"uppercase tracking-wide\"\n                >\n                  Bulk actions\n                </Chip>\n                <p className=\"text-sm font-medium text-ds-1\">\n                  {selectedCount} {selectedCount === 1 ? \"row\" : \"rows\"}{\" \"}\n                  selected\n                </p>\n              </div>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                {bulkActionsContent}\n                {bulkDeleteEnabled ? (\n                  <Button\n                    onClick={onBulkDeleteSelected}\n                    primary\n                    size=\"small\"\n                    className=\"border-ds-border-accent/20 px-3 py-2 text-sm text-ds-on-accent shadow-lg shadow-ds-accent/20 hover:bg-ds-accent-hover hover:opacity-100\"\n                  >\n                    <TrashIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n                    Delete selected\n                  </Button>\n                ) : null}\n              </div>\n            </div>\n          ))\n        : null}\n    </div>\n  );\n}\n","import React from \"react\";\nimport { Combobox } from \"../../forms/combobox\";\nimport { MultiSelectCombobox } from \"../../forms/multi-select-combobox\";\nimport { Checkbox } from \"../../forms/checkbox\";\nimport { Input } from \"../../forms/input\";\nimport { Select } from \"../../forms/select\";\nimport { Switch } from \"../../forms/switch\";\nimport {\n  DatePicker,\n  type DatePickerValue,\n  type DateRangeValue,\n} from \"../../forms/date-picker\";\nimport type { FilterOption, FilterValue, FilterValues } from \"./DataTable\";\n\ntype NumberRangeFilterValue = { min?: number; max?: number };\n\nconst toSelectOptions = (options?: string[]) =>\n  (options || []).map((option) => ({\n    value: option,\n    label: option,\n  }));\n\nconst getStringFilterValue = (value?: FilterValue): string =>\n  typeof value === \"string\" ? value : \"\";\n\nconst getMultiStringFilterValue = (value?: FilterValue): string[] => {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return typeof value === \"string\" && value ? [value] : [];\n};\n\nconst getNumberRangeFilterValue = (\n  value?: FilterValue,\n): NumberRangeFilterValue => {\n  if (\n    !value ||\n    typeof value !== \"object\" ||\n    \"start\" in value ||\n    \"end\" in value\n  ) {\n    return {};\n  }\n\n  return value as NumberRangeFilterValue;\n};\n\nconst getDateFilterValue = (value?: FilterValue): DatePickerValue =>\n  value instanceof Date || value === null ? value : null;\n\nconst getDateRangeFilterValue = (value?: FilterValue): DateRangeValue => {\n  if (\n    value &&\n    typeof value === \"object\" &&\n    \"start\" in value &&\n    \"end\" in value\n  ) {\n    return value as DateRangeValue;\n  }\n\n  return { start: null, end: null };\n};\n\ntype FilterableColumn = {\n  id: string;\n  label: string;\n  filterable?: boolean;\n  multiFilter?: boolean;\n};\n\nfunction buildGeneratedFilterOptions<T>(\n  columns: FilterableColumn[],\n  data: T[],\n): FilterOption[] {\n  return columns\n    .filter((column) => column.filterable !== false)\n    .map((column) => {\n      const uniqueValues = new Set<string>();\n\n      data.forEach((row) => {\n        const value = (row as Record<string, unknown>)[column.id];\n        if (value !== undefined && value !== null && value !== \"\") {\n          uniqueValues.add(String(value));\n        }\n      });\n\n      return {\n        id: column.id,\n        label: column.label,\n        options: Array.from(uniqueValues).sort(),\n        multiple: column.multiFilter,\n      };\n    });\n}\n\nexport function resolveFilterOptions<T>(\n  columns: FilterableColumn[],\n  data: T[],\n  externalFilterOptions: FilterOption[] | undefined,\n  asyncFilterOptions: Record<string, { options: string[]; isLoading: boolean }>,\n): FilterOption[] {\n  if (!externalFilterOptions?.length) {\n    return buildGeneratedFilterOptions(columns, data);\n  }\n\n  return externalFilterOptions.map((filter) => {\n    const asyncState = asyncFilterOptions[filter.id];\n    if (!asyncState) {\n      return filter;\n    }\n\n    return {\n      ...filter,\n      options: asyncState.options,\n      isLoading: asyncState.isLoading,\n    };\n  });\n}\n\nfunction matchesSearchQuery<T>(row: T, searchQuery: string): boolean {\n  if (!searchQuery.trim()) {\n    return true;\n  }\n\n  const lowerCasedSearch = searchQuery.toLowerCase();\n  return Object.values(row as Record<string, unknown>).some((value) =>\n    String(value).toLowerCase().includes(lowerCasedSearch),\n  );\n}\n\nfunction matchesFilterValue(\n  rowValue: unknown,\n  filterValue: FilterValue,\n  filterType: FilterOption[\"type\"],\n): boolean {\n  if (typeof filterValue === \"string\") {\n    if (!filterValue) return true;\n\n    const rowText = String(rowValue).toLowerCase();\n    const filterText = filterValue.toLowerCase();\n    return rowText.includes(filterText);\n  }\n\n  if (Array.isArray(filterValue)) {\n    if (!filterValue.length) return true;\n\n    const rowText = String(rowValue).toLowerCase();\n    return filterValue.some((value) => rowText.includes(value.toLowerCase()));\n  }\n\n  if (typeof filterValue === \"boolean\") {\n    return Boolean(rowValue) === filterValue;\n  }\n\n  if (filterType === \"date\" && filterValue instanceof Date) {\n    const rowDate = new Date(String(rowValue));\n    return rowDate.toDateString() === filterValue.toDateString();\n  }\n\n  if (\n    filterType === \"date-range\" &&\n    typeof filterValue === \"object\" &&\n    filterValue !== null &&\n    \"start\" in filterValue\n  ) {\n    const rangeValue = filterValue as DateRangeValue;\n    const rowDate = new Date(String(rowValue));\n\n    if (Number.isNaN(rowDate.getTime())) {\n      return false;\n    }\n\n    if (rangeValue.start && rowDate < rangeValue.start) return false;\n    if (rangeValue.end) {\n      const endDate = new Date(rangeValue.end);\n      endDate.setHours(23, 59, 59, 999);\n      if (rowDate > endDate) return false;\n    }\n\n    return true;\n  }\n\n  if (\n    filterType === \"number-range\" &&\n    typeof filterValue === \"object\" &&\n    filterValue !== null &&\n    !(\"start\" in filterValue)\n  ) {\n    const rangeValue = filterValue as NumberRangeFilterValue;\n    const rowNumber = Number(rowValue);\n\n    if (Number.isNaN(rowNumber)) {\n      return false;\n    }\n\n    if (rangeValue.min !== undefined && rowNumber < rangeValue.min)\n      return false;\n    if (rangeValue.max !== undefined && rowNumber > rangeValue.max)\n      return false;\n\n    return true;\n  }\n\n  return true;\n}\n\nexport function filterClientData<T>(\n  data: T[],\n  activeFilters: FilterValues,\n  searchQuery: string,\n  serverSideFiltering: boolean,\n  filterOptions: FilterOption[],\n): T[] {\n  if (serverSideFiltering) {\n    return data;\n  }\n\n  return data.filter((row) => {\n    if (!matchesSearchQuery(row, searchQuery)) {\n      return false;\n    }\n\n    return Object.entries(activeFilters).every(([filterId, filterValue]) => {\n      if (isFilterValueEmpty(filterValue)) {\n        return true;\n      }\n\n      const filterOption = filterOptions.find(\n        (filter) => filter.id === filterId,\n      );\n      const rowValue = (row as Record<string, unknown>)[filterId];\n\n      return matchesFilterValue(rowValue, filterValue, filterOption?.type);\n    });\n  });\n}\n\nexport function useAsyncFilterOptions(\n  filterOptions: FilterOption[] | undefined,\n  isSelectorOpen: boolean,\n) {\n  const [asyncOptions, setAsyncOptions] = React.useState<\n    Record<string, { options: string[]; isLoading: boolean }>\n  >({});\n\n  React.useEffect(() => {\n    if (!isSelectorOpen || !filterOptions?.length) return;\n\n    filterOptions.forEach((filter) => {\n      if (filter.fetchOptions && !asyncOptions[filter.id]) {\n        setAsyncOptions((previous) => ({\n          ...previous,\n          [filter.id]: { options: filter.options || [], isLoading: true },\n        }));\n\n        filter\n          .fetchOptions()\n          .then((options) => {\n            setAsyncOptions((previous) => ({\n              ...previous,\n              [filter.id]: { options, isLoading: false },\n            }));\n          })\n          .catch(() => {\n            setAsyncOptions((previous) => ({\n              ...previous,\n              [filter.id]: {\n                options: filter.options || [],\n                isLoading: false,\n              },\n            }));\n          });\n      }\n    });\n  }, [filterOptions, isSelectorOpen, asyncOptions]);\n\n  return asyncOptions;\n}\n\nexport const isFilterValueEmpty = (value?: FilterValue | null): boolean => {\n  if (value === undefined || value === null) {\n    return true;\n  }\n\n  if (typeof value === \"string\") {\n    return value === \"\";\n  }\n\n  if (Array.isArray(value)) {\n    return value.length === 0;\n  }\n\n  if (value instanceof Date || typeof value === \"boolean\") {\n    return false;\n  }\n\n  if (\"start\" in value || \"end\" in value) {\n    const rangeValue = value as DateRangeValue;\n    return !rangeValue.start && !rangeValue.end;\n  }\n\n  return value.min === undefined && value.max === undefined;\n};\n\nexport const isFilterActive = (value?: FilterValue): boolean =>\n  !isFilterValueEmpty(value);\n\nfunction LoadingFilterField({ label }: { label: string }) {\n  return (\n    <div className=\"min-w-[200px] space-y-2 rounded-[10px] border border-ds-border-2 bg-ds-surface-2/70 px-3 py-2\">\n      <div className=\"h-3 w-24 animate-pulse rounded bg-ds-surface-3\" />\n      <div className=\"h-10 w-full animate-pulse rounded bg-ds-surface-1\" />\n      <p className=\"text-xs text-ds-2\">\n        Loading {label.toLowerCase()} options...\n      </p>\n    </div>\n  );\n}\n\ninterface NumberRangeFilterProps {\n  value: NumberRangeFilterValue;\n  onChange: (value: NumberRangeFilterValue) => void;\n}\n\nfunction NumberRangeFilter({ value, onChange }: NumberRangeFilterProps) {\n  return (\n    <div className=\"flex gap-2\">\n      <Input\n        type=\"number\"\n        placeholder=\"Min\"\n        value={value.min?.toString() || \"\"}\n        onChange={(e) =>\n          onChange({\n            ...value,\n            min: e.target.value ? Number(e.target.value) : undefined,\n          })\n        }\n        className=\"w-20\"\n      />\n      <Input\n        type=\"number\"\n        placeholder=\"Max\"\n        value={value.max?.toString() || \"\"}\n        onChange={(e) =>\n          onChange({\n            ...value,\n            max: e.target.value ? Number(e.target.value) : undefined,\n          })\n        }\n        className=\"w-20\"\n      />\n    </div>\n  );\n}\n\ninterface FilterFieldControlProps {\n  filter: FilterOption;\n  value: FilterValue | undefined;\n  isActive: boolean;\n  onChange: (value: FilterValue) => void;\n}\n\nexport function FilterFieldControl({\n  filter,\n  value,\n  isActive,\n  onChange,\n}: FilterFieldControlProps) {\n  if (filter.isLoading) {\n    return <LoadingFilterField label={filter.label} />;\n  }\n\n  switch (filter.type) {\n    case \"text\":\n      return (\n        <Input\n          value={getStringFilterValue(value)}\n          onChange={(event) => onChange(event.target.value)}\n          placeholder={filter.placeholder || filter.label}\n        />\n      );\n    case \"select\":\n      return (\n        <Select\n          value={getStringFilterValue(value)}\n          onChange={(event) => onChange(event.target.value)}\n          options={toSelectOptions(filter.options)}\n          placeholder={filter.placeholder || filter.label}\n        />\n      );\n    case \"combobox\":\n      return filter.multiple ? (\n        <MultiSelectCombobox\n          value={getMultiStringFilterValue(value)}\n          onChange={(values) => onChange(values)}\n          placeholder={filter.placeholder || filter.label}\n          options={toSelectOptions(filter.options)}\n        />\n      ) : (\n        <Combobox\n          value={getStringFilterValue(value)}\n          onChange={(nextValue) => onChange(nextValue)}\n          placeholder={filter.placeholder || filter.label}\n          options={toSelectOptions(filter.options)}\n        />\n      );\n    case \"checkbox\":\n      return (\n        <div className=\"flex h-10 items-center px-2\">\n          <Checkbox\n            checked={Boolean(value)}\n            onChange={(event) => onChange(event.target.checked)}\n            label={filter.label}\n          />\n        </div>\n      );\n    case \"switch\":\n      return (\n        <div className=\"flex h-10 items-center px-2\">\n          <Switch\n            checked={Boolean(value)}\n            onChange={(event) => onChange(event.target.checked)}\n          />\n        </div>\n      );\n    case \"date\":\n      return (\n        <DatePicker\n          mode=\"single\"\n          value={getDateFilterValue(value)}\n          onChange={(nextValue) => onChange(nextValue)}\n          placeholder={filter.placeholder || filter.label}\n        />\n      );\n    case \"date-range\":\n      return (\n        <DatePicker\n          mode=\"range\"\n          value={getDateRangeFilterValue(value)}\n          onChange={(nextValue) => onChange(nextValue)}\n          placeholder={filter.placeholder || filter.label}\n        />\n      );\n    case \"number-range\":\n      return (\n        <NumberRangeFilter\n          value={getNumberRangeFilterValue(value)}\n          onChange={onChange}\n        />\n      );\n    default:\n      return filter.multiple ? (\n        <MultiSelectCombobox\n          value={getMultiStringFilterValue(value)}\n          onChange={(values) => onChange(values)}\n          placeholder={filter.placeholder || filter.label}\n          options={toSelectOptions(filter.options)}\n        />\n      ) : (\n        <Combobox\n          value={getStringFilterValue(value)}\n          onChange={(nextValue) => onChange(nextValue)}\n          placeholder={filter.placeholder || filter.label}\n          options={toSelectOptions(filter.options)}\n        />\n      );\n  }\n}\n","const rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;\n\nexport type TableDirection = \"ltr\" | \"rtl\";\n\n/**\n * Resolves table direction from nearest `dir` ancestor, document root, or locale.\n * This mirrors Tabs direction behavior so data-display patterns stay consistent.\n */\nexport function resolveTableDirection(\n  host: HTMLElement | null,\n): TableDirection {\n  if (typeof document === \"undefined\") {\n    return \"ltr\";\n  }\n\n  const nearestWithDirection = host?.closest<HTMLElement>(\"[dir]\");\n  const explicitDirection =\n    nearestWithDirection?.getAttribute(\"dir\") ??\n    document.documentElement.getAttribute(\"dir\") ??\n    undefined;\n\n  if (explicitDirection === \"rtl\" || explicitDirection === \"ltr\") {\n    return explicitDirection;\n  }\n\n  if (\n    typeof navigator !== \"undefined\" &&\n    rtlLanguages.test(navigator.language)\n  ) {\n    return \"rtl\";\n  }\n\n  return \"ltr\";\n}\n","import React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getFilteredRowModel,\n  flexRender,\n  type CellContext,\n  type ColumnDef,\n  type PaginationState,\n  type Table as TanStackTable,\n} from \"@tanstack/react-table\";\nimport { Button } from \"../../forms/button\";\nimport { Checkbox } from \"../../forms/checkbox\";\nimport { Input } from \"../../forms/input\";\nimport { Select } from \"../../forms/select\";\nimport { type DatePickerValue } from \"../../forms/date-picker\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  EllipsisVerticalIcon,\n  FilterIcon,\n  FilterProfileIcon,\n  FilterXIcon,\n  LoaderIcon,\n} from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport {\n  TableContainer,\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableRow,\n  TableHead,\n  TableCell,\n  TableCaption,\n} from \"./TablePrimitives\";\nimport { DataTableRows } from \"./DataTableRows\";\nimport type { DataTableEmptyStateContext } from \"./DataTableRows\";\nimport { DataTableToolbar, ToolbarIconButton } from \"./DataTableToolbar\";\nimport {\n  ColumnToggle,\n  FilterButton,\n  FilterDropdown,\n} from \"./DataTableControls\";\nimport {\n  FilterFieldControl,\n  filterClientData,\n  isFilterActive,\n  resolveFilterOptions,\n  useAsyncFilterOptions,\n} from \"./DataTableFilters\";\nimport { resolveTableDirection, type TableDirection } from \"./direction\";\nexport {\n  TableContainer,\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableRow,\n  TableHead,\n  TableCell,\n  TableCaption,\n} from \"./TablePrimitives\";\nexport type { DataTableEmptyStateContext } from \"./DataTableRows\";\nexport {\n  ColumnToggle,\n  FilterButton,\n  FilterDropdown,\n} from \"./DataTableControls\";\nexport { ToolbarIconButton } from \"./DataTableToolbar\";\n\n// Filter option type - can be static or async\nexport interface FilterOption {\n  id: string;\n  label: string;\n  type?:\n    | \"text\"\n    | \"select\"\n    | \"combobox\"\n    | \"checkbox\"\n    | \"switch\"\n    | \"date\"\n    | \"date-range\"\n    | \"number-range\";\n  placeholder?: string;\n  options?: string[]; // Static options\n  // Async options support\n  queryKey?: string | string[]; // React Query key for caching\n  fetchOptions?: () => Promise<string[]>; // Async function to fetch options\n  isLoading?: boolean; // Loading state (managed externally)\n  multiple?: boolean; // Enable multi-select\n  /* Crystal UI Unification */\n  /*\n  ### Automated Browser Testing\n  The filters were verified using the browser subagent, confirming that each filter type correctly updates the table data in real-time and adheres to our new unified \"Crystal\" aesthetic.\n\n  ````carousel\n  ![Unified Crystal Filters](file:///Users/dani.dev/.gemini/antigravity/brain/cddc57db-96d9-409e-add9-b0c887fa88f1/data_table_crystal_filters_verification_1771807771898.png)\n  <!-- slide -->\n  ![Crystal Combobox Dropdown](file:///Users/dani.dev/.gemini/antigravity/brain/cddc57db-96d9-409e-add9-b0c887fa88f1/crystal_look_verification_final_1771807597075.png)\n  <!-- slide -->\n  ![Global Unification Verification Recording](file:///Users/dani.dev/.gemini/antigravity/brain/cddc57db-96d9-409e-add9-b0c887fa88f1/verify_global_crystal_style_1771807684506.webp)\n  ````\n\n  ### Key Successes:\n  - **Unified Aesthetic**: All components now share a consistent `backdrop-blur-xl` and semi-transparent background.\n  - **Improved Visual Hierarchy**: The crystal effect makes the components feel integrated with the page while still being clearly interactive.\n  - **Robust Logic**: Maintained all advanced filtering logic (date ranges, numeric ranges, partial matches) while upgrading the visual layer.\n  */\n}\n\n// Filter value can be single string, array of strings, or range objects\nexport type FilterValue =\n  | string\n  | string[]\n  | boolean\n  | DatePickerValue\n  | { min?: number; max?: number };\nexport type FilterValues = Record<string, FilterValue>;\n\nexport interface DataTableBulkActionContext<T> {\n  selectedRows: T[];\n  selectedCount: number;\n  clearSelection: () => void;\n  disableBulkSelection: () => void;\n}\n\nexport interface DataTableCellRenderContext<T> {\n  value: unknown;\n  row: T;\n  rowIndex: number;\n  columnId: string;\n}\n\nexport interface DataTableColumn<T> {\n  id: string;\n  label: string;\n  visible?: boolean;\n  filterable?: boolean;\n  multiFilter?: boolean;\n  priority?: number;\n  renderCell?: (context: DataTableCellRenderContext<T>) => React.ReactNode;\n}\n\nexport interface DataTableRowAction<T> {\n  id: string;\n  label: string;\n  variant?: \"default\" | \"destructive\";\n  onClick?: (row: T) => void;\n}\n\nexport interface DataTableTextLabels {\n  columns: string;\n  showAll: string;\n  hideAll: string;\n  refresh: string;\n  export: string;\n  columnSettings: string;\n  showFilters: string;\n  addFilter: string;\n  clearFilters: string;\n  filterProfiles: string;\n  saveNewFilterProfile: string;\n}\n\nconst DEFAULT_DATA_TABLE_LABELS: DataTableTextLabels = {\n  columns: \"COLUMNS\",\n  showAll: \"SHOW ALL\",\n  hideAll: \"HIDE ALL\",\n  refresh: \"REFRESH\",\n  export: \"EXPORT\",\n  columnSettings: \"COLUMNS\",\n  showFilters: \"SHOW FILTERS\",\n  addFilter: \"Add filter\",\n  clearFilters: \"Clear filters\",\n  filterProfiles: \"Filter profiles\",\n  saveNewFilterProfile: \"Save new filter profile\",\n};\n\nexport interface FilterSelectorFooterContext {\n  onShowAll: () => void;\n  onHideAll: () => void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface DataTableProps<T = Record<string, any>> {\n  columns: DataTableColumn<T>[];\n  data: T[];\n  isLoading?: boolean; // Table data loading state\n  onColumnToggle?: (columnId: string) => void;\n  /** Number of items per page */\n  pageSize?: number;\n  /** Maximum height for the scrollable table area */\n  maxHeight?: string;\n  onSearch?: (query: string) => void;\n  onRefresh?: () => void;\n  onExport?: () => void;\n  showRefreshButton?: boolean;\n  showExportButton?: boolean;\n  onRowAction?: (action: string, row: T) => void;\n  rowActions?: DataTableRowAction<T>[];\n  onBulkDelete?: (rows: T[]) => void;\n  renderBulkActions?: (\n    context: DataTableBulkActionContext<T>,\n  ) => React.ReactNode;\n  renderBulkActionCard?: (\n    context: DataTableBulkActionContext<T>,\n  ) => React.ReactNode;\n  onFilterChange?: (filters: FilterValues) => void;\n  // Filter options - can include async filters\n  filterOptions?: FilterOption[];\n  // Called when filters are applied (for server-side filtering)\n  onFiltersApply?: (filters: FilterValues) => void;\n  // Enable server-side filtering mode\n  serverSideFiltering?: boolean;\n  searchPlaceholder?: string;\n  children?: React.ReactNode;\n  /** Total row count for server-side pagination */\n  totalCount?: number;\n  /** Callback when pagination changes (for server-side pagination) */\n  onPaginationChange?: (pageIndex: number, pageSize: number) => void;\n  renderEmptyState?: (context: DataTableEmptyStateContext) => React.ReactNode;\n  labels?: Partial<DataTableTextLabels>;\n  renderFilterSelectorFooterActions?: (\n    context: FilterSelectorFooterContext,\n  ) => React.ReactNode;\n  renderFilterRowActions?: React.ReactNode;\n  renderToolbarActions?: React.ReactNode;\n  className?: string;\n  tableContainerClassName?: string;\n  tableClassName?: string;\n  caption?: React.ReactNode;\n  captionClassName?: string;\n  headerClassName?: string;\n  headerRowClassName?: string;\n  headClassName?: string;\n  bodyClassName?: string;\n  rowClassName?: string;\n  cellClassName?: string;\n  footerClassName?: string;\n}\n\nfunction renderDefaultCellValue(value: unknown): React.ReactNode {\n  if (value === undefined || value === null || value === \"\") {\n    return \"-\";\n  }\n\n  if (typeof value === \"boolean\") {\n    return value ? \"Yes\" : \"No\";\n  }\n\n  if (Array.isArray(value)) {\n    return value.length > 0 ? value.join(\", \") : \"-\";\n  }\n\n  return value as React.ReactNode;\n}\n\ninterface FilterProfileProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSaveProfile: (name: string) => void;\n}\n\nexport const FilterProfile: React.FC<FilterProfileProps> = ({\n  isOpen,\n  onClose,\n  onSaveProfile,\n}) => {\n  const [profileName, setProfileName] = React.useState(\"\");\n\n  const handleSave = () => {\n    if (profileName.trim()) {\n      onSaveProfile(profileName);\n      setProfileName(\"\");\n      onClose();\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50\"\n      onClick={onClose}\n    >\n      <div\n        className=\"bg-ds-surface-1 border border-ds-border-2 rounded-xl p-6 max-w-md w-full mx-4\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <h2 className=\"text-2xl font-bold text-ds-1 mb-4\">Add new profile</h2>\n\n        <label className=\"mb-2 block text-sm font-medium text-ds-1\">\n          Enter filter profile name:\n        </label>\n        <Input\n          type=\"text\"\n          value={profileName}\n          onChange={(e) => setProfileName(e.target.value)}\n          placeholder=\"Enter value\"\n          className=\"\"\n          onKeyDown={(e) => e.key === \"Enter\" && handleSave()}\n        />\n\n        <div className=\"flex justify-end gap-3 mt-6\">\n          <Button onClick={onClose} className=\"min-w-28\" size=\"medium\">\n            Cancel\n          </Button>\n          <Button\n            onClick={handleSave}\n            disabled={!profileName.trim()}\n            className=\"min-w-28\"\n            size=\"medium\"\n            primary\n          >\n            Save\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst TABLE_CONTROL_ICON_CLASS_NAME = \"h-[18px] w-[18px] shrink-0\";\nconst TABLE_COMPLEX_ICON_CLASS_NAME = TABLE_CONTROL_ICON_CLASS_NAME;\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 30, 50, 100] as const;\nconst ROW_ACTIONS_CELL_WIDTH_CLASS_NAME = \"w-12 min-w-12 max-w-12\";\nconst ROW_ACTIONS_MENU_MIN_WIDTH_PX = 140;\nconst ROW_ACTIONS_MENU_MAX_WIDTH_PX = 200;\nconst ROW_ACTIONS_MENU_GAP_PX = 6;\nconst ROW_ACTIONS_MENU_VIEWPORT_PADDING_PX = 8;\nconst ROW_ACTIONS_MENU_RIGHT_GUTTER_PX = 0;\nconst ROW_ACTIONS_MENU_LEFT_GUTTER_PX = 0;\n\ninterface RowActionsCellProps<T> {\n  rowIndex: number;\n  row: T;\n  isOpen: boolean;\n  openDirection: \"up\" | \"down\";\n  tableContainerRef: React.RefObject<HTMLDivElement | null>;\n  onToggle: (rowIndex: number) => void;\n  onClose: () => void;\n  onRowAction?: (action: string, row: T) => void;\n  actions: DataTableRowAction<T>[];\n  direction: TableDirection;\n}\n\nfunction RowActionsCell<T>({\n  rowIndex,\n  row,\n  isOpen,\n  openDirection,\n  tableContainerRef,\n  onToggle,\n  onClose,\n  onRowAction,\n  actions,\n  direction,\n}: RowActionsCellProps<T>) {\n  const toggleAnchorRef = React.useRef<HTMLDivElement | null>(null);\n  const menuRef = React.useRef<HTMLDivElement | null>(null);\n  const [menuPosition, setMenuPosition] = React.useState<{\n    top: number;\n    right?: number;\n    left?: number;\n  } | null>(null);\n\n  const updateMenuPosition = React.useCallback(() => {\n    if (!isOpen || !toggleAnchorRef.current) {\n      return;\n    }\n\n    const anchorRect = toggleAnchorRef.current.getBoundingClientRect();\n    const tableRect = tableContainerRef.current?.getBoundingClientRect();\n    const menuHeight =\n      menuRef.current?.getBoundingClientRect().height ??\n      Math.max(actions.length, 1) * 36 + 12;\n\n    const spaceBelow =\n      window.innerHeight -\n      anchorRect.bottom -\n      ROW_ACTIONS_MENU_VIEWPORT_PADDING_PX;\n    const spaceAbove = anchorRect.top - ROW_ACTIONS_MENU_VIEWPORT_PADDING_PX;\n\n    const openUpward =\n      openDirection === \"up\"\n        ? spaceBelow < menuHeight || spaceAbove > spaceBelow\n        : spaceBelow < menuHeight && spaceAbove > spaceBelow;\n\n    const targetTop = openUpward\n      ? anchorRect.top - menuHeight - ROW_ACTIONS_MENU_GAP_PX\n      : anchorRect.bottom + ROW_ACTIONS_MENU_GAP_PX;\n\n    const maxTop = Math.max(\n      ROW_ACTIONS_MENU_VIEWPORT_PADDING_PX,\n      window.innerHeight - menuHeight - ROW_ACTIONS_MENU_VIEWPORT_PADDING_PX,\n    );\n    const clampedTop = Math.min(\n      Math.max(targetTop, ROW_ACTIONS_MENU_VIEWPORT_PADDING_PX),\n      maxTop,\n    );\n\n    if (direction === \"rtl\") {\n      const leftOffset = Math.max(\n        (tableRect?.left ?? anchorRect.left) + ROW_ACTIONS_MENU_LEFT_GUTTER_PX,\n        ROW_ACTIONS_MENU_LEFT_GUTTER_PX,\n      );\n\n      setMenuPosition({\n        top: clampedTop,\n        left: leftOffset,\n      });\n\n      return;\n    }\n\n    const rightOffset = Math.max(\n      window.innerWidth -\n        (tableRect?.right ?? anchorRect.right) +\n        ROW_ACTIONS_MENU_RIGHT_GUTTER_PX,\n      ROW_ACTIONS_MENU_RIGHT_GUTTER_PX,\n    );\n\n    setMenuPosition({\n      top: clampedTop,\n      right: rightOffset,\n    });\n  }, [actions.length, direction, isOpen, openDirection, tableContainerRef]);\n\n  React.useLayoutEffect(() => {\n    if (!isOpen) {\n      setMenuPosition(null);\n      return;\n    }\n\n    updateMenuPosition();\n    const rafId = window.requestAnimationFrame(updateMenuPosition);\n    return () => window.cancelAnimationFrame(rafId);\n  }, [isOpen, updateMenuPosition]);\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n    };\n\n    const handleViewportChange = () => onClose();\n    const tableContainerElement = tableContainerRef.current;\n\n    window.addEventListener(\"keydown\", handleEscape);\n    window.addEventListener(\"resize\", handleViewportChange);\n    window.addEventListener(\"scroll\", handleViewportChange, true);\n    tableContainerElement?.addEventListener(\"scroll\", handleViewportChange, {\n      passive: true,\n    });\n\n    return () => {\n      window.removeEventListener(\"keydown\", handleEscape);\n      window.removeEventListener(\"resize\", handleViewportChange);\n      window.removeEventListener(\"scroll\", handleViewportChange, true);\n      tableContainerElement?.removeEventListener(\n        \"scroll\",\n        handleViewportChange,\n      );\n    };\n  }, [isOpen, onClose, tableContainerRef]);\n\n  const rowActionsMenu = isOpen\n    ? createPortal(\n        <>\n          <div className=\"fixed inset-0 z-[220]\" onClick={onClose} />\n          <div\n            ref={menuRef}\n            className=\"fixed z-[230] min-w-[140px] max-w-[200px] overflow-hidden rounded-lg border border-ds-border-3 bg-ds-surface-2  shadow-xl\"\n            style={{\n              top: menuPosition?.top,\n              right: menuPosition?.right,\n              left: menuPosition?.left,\n              minWidth: `${ROW_ACTIONS_MENU_MIN_WIDTH_PX}px`,\n              maxWidth: `${ROW_ACTIONS_MENU_MAX_WIDTH_PX}px`,\n            }}\n            onClick={(event) => event.stopPropagation()}\n          >\n            {actions.map((action) => (\n              <Button\n                key={action.id}\n                onClick={() => {\n                  action.onClick?.(row);\n                  onRowAction?.(action.id, row);\n                  onClose();\n                }}\n                className={mergeClassNames(\n                  \"w-full justify-start rounded-none border-none bg-ds-surface-2 px-4 py-2 text-sm font-normal shadow-none hover:bg-ds-surface-3 hover:opacity-100\",\n                  action.variant === \"destructive\"\n                    ? \"text-error hover:text-error\"\n                    : \"text-ds-2 hover:text-ds-1\",\n                )}\n              >\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        </>,\n        document.body,\n      )\n    : null;\n\n  return (\n    <td\n      className={mergeClassNames(\n        \"relative h-full overflow-hidden border-x border-ds-border-2 bg-ds-surface-1 p-0 align-middle\",\n        direction === \"rtl\"\n          ? \"sticky left-0 text-left shadow-[8px_0_12px_-10px_rgba(15,23,42,0.35)]\"\n          : \"sticky right-0 text-right shadow-[-8px_0_12px_-10px_rgba(15,23,42,0.35)]\",\n        ROW_ACTIONS_CELL_WIDTH_CLASS_NAME,\n        isOpen ? \"z-20\" : \"z-10\",\n      )}\n    >\n      <div\n        aria-hidden=\"true\"\n        className=\"pointer-events-none absolute -inset-y-px left-0 z-20 w-px bg-ds-border-2\"\n      />\n      <div\n        aria-hidden=\"true\"\n        className=\"pointer-events-none absolute -inset-y-px right-0 z-20 w-px bg-ds-border-2\"\n      />\n      <div\n        ref={toggleAnchorRef}\n        className={mergeClassNames(\n          \"absolute -inset-y-px z-10 flex items-stretch bg-ds-surface-2\",\n          direction === \"rtl\" ? \"left-0 justify-start\" : \"right-0 justify-end\",\n        )}\n      >\n        <Button\n          onClick={() => onToggle(rowIndex)}\n          aria-label=\"Open row actions\"\n          className={mergeClassNames(\n            \"h-full w-12 rounded-none border-none px-0 py-0 shadow-none hover:opacity-100 \",\n            isOpen\n              ? \"bg-ds-surface-2 text-ds-1\"\n              : \"bg-ds-surface-2 text-ds-2 hover:bg-ds-surface-3 hover:text-ds-1\",\n          )}\n        >\n          <EllipsisVerticalIcon\n            className={TABLE_CONTROL_ICON_CLASS_NAME}\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n      {rowActionsMenu}\n    </td>\n  );\n}\n\ninterface DataTablePaginationProps<T> {\n  table: TanStackTable<T>;\n  totalCount?: number;\n  filteredCount: number;\n  direction: TableDirection;\n}\n\nfunction DataTablePagination<T>({\n  table,\n  totalCount,\n  filteredCount,\n  direction,\n}: DataTablePaginationProps<T>) {\n  const { pageIndex, pageSize } = table.getState().pagination;\n  const itemCount = totalCount ?? filteredCount;\n  const pageStart = itemCount === 0 ? 0 : pageIndex * pageSize + 1;\n  const pageEnd = Math.min((pageIndex + 1) * pageSize, itemCount);\n  const pageSizeOptions = Array.from(\n    new Set([...DEFAULT_PAGE_SIZE_OPTIONS, pageSize]),\n  ).sort((left, right) => left - right);\n\n  return (\n    <div className=\"relative z-10 flex flex-col gap-3 border-t border-ds-border-2 bg-ds-surface-2 px-4 py-3 overflow-visible md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex items-center gap-2\">\n        <span className=\"text-sm text-ds-2\">\n          Showing {pageStart} to {pageEnd} of {itemCount} items\n        </span>\n      </div>\n\n      <div className=\"flex flex-wrap items-center justify-end gap-2 overflow-visible\">\n        <span className=\"text-sm text-ds-2\">Rows</span>\n        <Select\n          value={String(pageSize)}\n          onChange={(event) => table.setPageSize(Number(event.target.value))}\n          aria-label=\"Rows per page\"\n          size=\"compact\"\n          containerClassName=\"w-[5.5rem] min-w-[5.5rem] shrink-0\"\n          triggerClassName=\"px-2.5 font-medium text-ds-1\"\n          dropdownClassName=\"top-auto bottom-full z-[80] mb-1 mt-0\"\n          options={pageSizeOptions.map((size) => ({\n            value: String(size),\n            label: String(size),\n          }))}\n        />\n\n        <ToolbarIconButton\n          title=\"First page\"\n          onClick={() => table.setPageIndex(0)}\n          disabled={!table.getCanPreviousPage()}\n        >\n          {direction === \"rtl\" ? (\n            <ChevronsRightIcon\n              className={TABLE_CONTROL_ICON_CLASS_NAME}\n              aria-hidden=\"true\"\n            />\n          ) : (\n            <ChevronsLeftIcon\n              className={TABLE_CONTROL_ICON_CLASS_NAME}\n              aria-hidden=\"true\"\n            />\n          )}\n        </ToolbarIconButton>\n\n        <ToolbarIconButton\n          title=\"Previous page\"\n          onClick={() => table.previousPage()}\n          disabled={!table.getCanPreviousPage()}\n        >\n          {direction === \"rtl\" ? (\n            <ChevronRightIcon\n              className={TABLE_CONTROL_ICON_CLASS_NAME}\n              aria-hidden=\"true\"\n            />\n          ) : (\n            <ChevronLeftIcon\n              className={TABLE_CONTROL_ICON_CLASS_NAME}\n              aria-hidden=\"true\"\n            />\n          )}\n        </ToolbarIconButton>\n\n        <span className=\"inline-flex h-10 shrink-0 items-center rounded-lg px-3 text-sm font-medium text-ds-2\">\n          Page {pageIndex + 1} of {table.getPageCount()}\n        </span>\n\n        <ToolbarIconButton\n          title=\"Next page\"\n          onClick={() => table.nextPage()}\n          disabled={!table.getCanNextPage()}\n        >\n          {direction === \"rtl\" ? (\n            <ChevronLeftIcon\n              className={TABLE_CONTROL_ICON_CLASS_NAME}\n              aria-hidden=\"true\"\n            />\n          ) : (\n            <ChevronRightIcon\n              className={TABLE_CONTROL_ICON_CLASS_NAME}\n              aria-hidden=\"true\"\n            />\n          )}\n        </ToolbarIconButton>\n\n        <ToolbarIconButton\n          title=\"Last page\"\n          onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n          disabled={!table.getCanNextPage()}\n        >\n          {direction === \"rtl\" ? (\n            <ChevronsLeftIcon\n              className={TABLE_CONTROL_ICON_CLASS_NAME}\n              aria-hidden=\"true\"\n            />\n          ) : (\n            <ChevronsRightIcon\n              className={TABLE_CONTROL_ICON_CLASS_NAME}\n              aria-hidden=\"true\"\n            />\n          )}\n        </ToolbarIconButton>\n      </div>\n    </div>\n  );\n}\n\ninterface FilterSelectorMenuProps {\n  filterOptions: FilterOption[];\n  visibleFilters: string[];\n  onToggleFilter: (filterId: string, isVisible: boolean) => void;\n  onShowAll: () => void;\n  onHideAll: () => void;\n  labels: DataTableTextLabels;\n  footerActions?: React.ReactNode;\n}\n\nfunction FilterSelectorMenu({\n  filterOptions,\n  visibleFilters,\n  onToggleFilter,\n  onShowAll,\n  onHideAll,\n  labels,\n  footerActions,\n}: FilterSelectorMenuProps) {\n  return (\n    <div className=\"p-4 min-h-58 min-w-48 space-y-3\">\n      <div className=\"mb-3 flex items-center justify-between\">\n        <span className=\"text-sm font-semibold text-ds-1\">\n          {labels.showFilters}\n        </span>\n      </div>\n      {filterOptions.map((filter) => (\n        <div\n          key={filter.id}\n          className=\"min-w-36 rounded-[8px] px-2 py-1 hover:bg-ds-surface-2\"\n        >\n          <Checkbox\n            checked={visibleFilters.includes(filter.id)}\n            onChange={(event) =>\n              onToggleFilter(filter.id, event.target.checked)\n            }\n            label={filter.label}\n          />\n        </div>\n      ))}\n      <div className=\"flex gap-2 border-t border-ds-border-2 pt-2\">\n        <Button\n          onClick={onShowAll}\n          size=\"small\"\n          className=\"flex-1 border-none bg-transparent px-1 py-1 text-xs font-semibold text-ds-1 shadow-none hover:bg-transparent hover:text-ds-accent-hover hover:opacity-100\"\n        >\n          {labels.showAll}\n        </Button>\n        <Button\n          onClick={onHideAll}\n          size=\"small\"\n          className=\"flex-1 border-none bg-transparent px-1 py-1 text-xs font-semibold text-ds-2 shadow-none hover:bg-transparent hover:text-ds-1 hover:opacity-100\"\n        >\n          {labels.hideAll}\n        </Button>\n        {footerActions}\n      </div>\n    </div>\n  );\n}\n\nconst usesManualPagination = (\n  totalCount?: number,\n  onPaginationChange?: (pageIndex: number, pageSize: number) => void,\n) => totalCount !== undefined || typeof onPaginationChange === \"function\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function DataTable<T = Record<string, any>>({\n  columns,\n  data,\n  isLoading = false,\n  onColumnToggle,\n  pageSize = 10,\n  maxHeight = \"500px\",\n  onSearch,\n  onRefresh,\n  onExport,\n  showRefreshButton = true,\n  showExportButton = true,\n  onRowAction,\n  rowActions,\n  onBulkDelete,\n  renderBulkActions,\n  renderBulkActionCard,\n  onFilterChange,\n  onFiltersApply,\n  serverSideFiltering = false,\n  filterOptions: externalFilterOptions,\n  searchPlaceholder = \"Search ...\",\n  totalCount,\n  onPaginationChange,\n  renderEmptyState,\n  labels: labelsProp,\n  renderFilterSelectorFooterActions,\n  renderFilterRowActions,\n  renderToolbarActions,\n  className,\n  tableContainerClassName,\n  tableClassName,\n  caption,\n  captionClassName,\n  headerClassName,\n  headerRowClassName,\n  headClassName,\n  bodyClassName,\n  rowClassName,\n  cellClassName,\n  footerClassName,\n}: DataTableProps<T>) {\n  const tableRootRef = React.useRef<HTMLDivElement | null>(null);\n  const [tableDirection, setTableDirection] =\n    React.useState<TableDirection>(\"ltr\");\n\n  React.useLayoutEffect(() => {\n    setTableDirection(resolveTableDirection(tableRootRef.current));\n  }, []);\n\n  const isRtl = tableDirection === \"rtl\";\n\n  const resolvedRowActions = React.useMemo<DataTableRowAction<T>[]>(\n    () => rowActions ?? [],\n    [rowActions],\n  );\n  const hasRowActions = resolvedRowActions.length > 0;\n\n  const labels = React.useMemo<DataTableTextLabels>(\n    () => ({\n      ...DEFAULT_DATA_TABLE_LABELS,\n      ...labelsProp,\n    }),\n    [labelsProp],\n  );\n\n  const [pagination, setPagination] = React.useState<PaginationState>({\n    pageIndex: 0,\n    pageSize: pageSize,\n  });\n  const [columnMenuOpen, setColumnMenuOpen] = React.useState(false);\n  const [profileMenuOpen, setProfileMenuOpen] = React.useState(false);\n  const [profileOpen, setProfileOpen] = React.useState(false);\n  const [filterSelectorOpen, setFilterSelectorOpen] = React.useState(false);\n  const [visibleFilters, setVisibleFilters] = React.useState<string[]>([]);\n  const [activeFilters, setActiveFilters] = React.useState<FilterValues>({});\n  const [bulkSelectionActive, setBulkSelectionActive] = React.useState(false);\n  const [selectedRowIds, setSelectedRowIds] = React.useState<\n    Record<string, boolean>\n  >({});\n  const [rowMenuOpen, setRowMenuOpen] = React.useState<number | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [columnVisibility, setColumnVisibility] = React.useState<\n    Record<string, boolean>\n  >(() =>\n    Object.fromEntries(\n      columns.map((column) => [column.id, column.visible !== false]),\n    ),\n  );\n\n  const columnsVisibilitySignature = React.useMemo(\n    () =>\n      columns\n        .map((column) => `${column.id}:${column.visible !== false}`)\n        .join(\"|\"),\n    [columns],\n  );\n\n  React.useEffect(() => {\n    setColumnVisibility(\n      Object.fromEntries(\n        columns.map((column) => [column.id, column.visible !== false]),\n      ),\n    );\n  }, [columns, columnsVisibilitySignature]);\n\n  const asyncFilterOptions = useAsyncFilterOptions(\n    externalFilterOptions,\n    filterSelectorOpen,\n  );\n\n  // Auto-generate filter options from columns that are filterable\n  const filterOptions: FilterOption[] = React.useMemo(() => {\n    return resolveFilterOptions(\n      columns,\n      data,\n      externalFilterOptions,\n      asyncFilterOptions,\n    );\n  }, [columns, data, externalFilterOptions, asyncFilterOptions]);\n\n  const resolvedColumns = React.useMemo(\n    () =>\n      columns.map((column) => ({\n        ...column,\n        visible: columnVisibility[column.id] ?? column.visible !== false,\n      })),\n    [columnVisibility, columns],\n  );\n\n  const visibleColumns = React.useMemo(\n    () => resolvedColumns.filter((column) => column.visible !== false),\n    [resolvedColumns],\n  );\n  const manualPagination = usesManualPagination(totalCount, onPaginationChange);\n  const pageCount =\n    totalCount === undefined\n      ? undefined\n      : Math.ceil(totalCount / pagination.pageSize);\n\n  // Filter data based on search query and active filters (client-side only)\n  const filteredData = React.useMemo(() => {\n    return filterClientData(\n      data,\n      activeFilters,\n      searchQuery,\n      serverSideFiltering,\n      filterOptions,\n    );\n  }, [data, activeFilters, searchQuery, serverSideFiltering, filterOptions]);\n\n  // TanStack Table columns definition\n  const tableColumns = React.useMemo<ColumnDef<T>[]>(\n    () =>\n      visibleColumns.map((col) => ({\n        id: col.id,\n        accessorKey: col.id,\n        header: col.label,\n        cell: (info: CellContext<T, unknown>) => {\n          const value = info.getValue();\n\n          if (col.renderCell) {\n            return col.renderCell({\n              value,\n              row: info.row.original,\n              rowIndex: info.row.index,\n              columnId: col.id,\n            });\n          }\n\n          return renderDefaultCellValue(value);\n        },\n      })),\n    [visibleColumns],\n  );\n\n  const updatePagination = React.useCallback(\n    (\n      updater:\n        | PaginationState\n        | ((previous: PaginationState) => PaginationState),\n    ) => {\n      setPagination((previous) => {\n        const nextPagination =\n          typeof updater === \"function\" ? updater(previous) : updater;\n\n        if (\n          previous.pageIndex !== nextPagination.pageIndex ||\n          previous.pageSize !== nextPagination.pageSize\n        ) {\n          onPaginationChange?.(\n            nextPagination.pageIndex,\n            nextPagination.pageSize,\n          );\n        }\n\n        return nextPagination;\n      });\n    },\n    [onPaginationChange],\n  );\n\n  const table = useReactTable({\n    data: filteredData,\n    columns: tableColumns,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    state: {\n      pagination,\n      globalFilter: searchQuery,\n    },\n    onPaginationChange: updatePagination,\n    manualPagination,\n    pageCount,\n  });\n\n  const visibleRows = table.getRowModel().rows;\n  const bulkDeleteEnabled = typeof onBulkDelete === \"function\";\n  const selectedRows = React.useMemo(\n    () =>\n      visibleRows\n        .filter((row) => selectedRowIds[row.id])\n        .map((row) => row.original),\n    [selectedRowIds, visibleRows],\n  );\n  const allVisibleRowsSelected =\n    visibleRows.length > 0 &&\n    visibleRows.every((row) => selectedRowIds[row.id]);\n\n  React.useEffect(() => {\n    updatePagination((previous) =>\n      previous.pageIndex === 0 ? previous : { ...previous, pageIndex: 0 },\n    );\n  }, [activeFilters, searchQuery, updatePagination]);\n\n  React.useEffect(() => {\n    setSelectedRowIds((previous) => {\n      const visibleRowIds = new Set(visibleRows.map((row) => row.id));\n      const nextSelection = Object.fromEntries(\n        Object.entries(previous).filter(\n          ([rowId, isSelected]) => isSelected && visibleRowIds.has(rowId),\n        ),\n      );\n\n      const previousKeys = Object.keys(previous).sort().join(\"|\");\n      const nextKeys = Object.keys(nextSelection).sort().join(\"|\");\n\n      return previousKeys === nextKeys ? previous : nextSelection;\n    });\n  }, [visibleRows]);\n\n  const applyFilters = React.useCallback(\n    (nextFilters: FilterValues) => {\n      setActiveFilters(nextFilters);\n      onFilterChange?.(nextFilters);\n\n      if (serverSideFiltering) {\n        onFiltersApply?.(nextFilters);\n      }\n    },\n    [onFilterChange, onFiltersApply, serverSideFiltering],\n  );\n\n  const handleSearchChange = React.useCallback(\n    (value: string) => {\n      setSearchQuery(value);\n      onSearch?.(value);\n    },\n    [onSearch],\n  );\n\n  const handleFilterChange = React.useCallback(\n    (filterId: string, value: FilterValue) => {\n      applyFilters({\n        ...activeFilters,\n        [filterId]: value,\n      });\n    },\n    [activeFilters, applyFilters],\n  );\n\n  const handleResetFilters = React.useCallback(() => {\n    applyFilters({});\n  }, [applyFilters]);\n\n  const handleToggleFilterVisibility = React.useCallback(\n    (filterId: string, isVisible: boolean) => {\n      setVisibleFilters((previous) => {\n        if (isVisible) {\n          return previous.includes(filterId)\n            ? previous\n            : [...previous, filterId];\n        }\n\n        return previous.filter((id) => id !== filterId);\n      });\n\n      if (!isVisible && filterId in activeFilters) {\n        const nextFilters = { ...activeFilters };\n        delete nextFilters[filterId];\n        applyFilters(nextFilters);\n      }\n    },\n    [activeFilters, applyFilters],\n  );\n\n  const handleShowAllFilters = React.useCallback(() => {\n    setVisibleFilters(filterOptions.map((filter) => filter.id));\n  }, [filterOptions]);\n\n  const handleHideAllFilters = React.useCallback(() => {\n    setVisibleFilters([]);\n    handleResetFilters();\n  }, [handleResetFilters]);\n\n  const handleToggleRowMenu = React.useCallback((rowIndex: number) => {\n    setRowMenuOpen((previous) => (previous === rowIndex ? null : rowIndex));\n  }, []);\n  const handleCloseRowMenu = React.useCallback(() => {\n    setRowMenuOpen(null);\n  }, []);\n  const tableContainerRef = React.useRef<HTMLDivElement | null>(null);\n\n  const handleToggleFilterSelector = React.useCallback(() => {\n    setFilterSelectorOpen((previous) => !previous);\n  }, []);\n\n  const handleToggleProfileMenu = React.useCallback(() => {\n    setProfileMenuOpen((previous) => !previous);\n  }, []);\n\n  const handleToggleColumnMenu = React.useCallback(() => {\n    setColumnMenuOpen((previous) => !previous);\n  }, []);\n\n  const handleToggleColumnVisibility = React.useCallback(\n    (columnId: string) => {\n      setColumnVisibility((previous) => ({\n        ...previous,\n        [columnId]: !(previous[columnId] ?? true),\n      }));\n      onColumnToggle?.(columnId);\n    },\n    [onColumnToggle],\n  );\n\n  const handleShowAllColumns = React.useCallback(() => {\n    setColumnVisibility(\n      Object.fromEntries(columns.map((column) => [column.id, true])),\n    );\n  }, [columns]);\n\n  const handleHideAllColumns = React.useCallback(() => {\n    setColumnVisibility(\n      Object.fromEntries(columns.map((column) => [column.id, false])),\n    );\n  }, [columns]);\n\n  const handleToggleBulkSelection = React.useCallback(() => {\n    setBulkSelectionActive((previous) => {\n      if (previous) {\n        setSelectedRowIds({});\n      }\n\n      return !previous;\n    });\n  }, []);\n\n  const handleToggleRowSelection = React.useCallback(\n    (rowId: string, checked: boolean) => {\n      setSelectedRowIds((previous) => {\n        if (checked) {\n          return {\n            ...previous,\n            [rowId]: true,\n          };\n        }\n\n        const nextSelection = { ...previous };\n        delete nextSelection[rowId];\n        return nextSelection;\n      });\n    },\n    [],\n  );\n\n  const handleToggleAllVisibleRows = React.useCallback(\n    (checked: boolean) => {\n      setSelectedRowIds((previous) => {\n        const nextSelection = { ...previous };\n\n        visibleRows.forEach((row) => {\n          if (checked) {\n            nextSelection[row.id] = true;\n          } else {\n            delete nextSelection[row.id];\n          }\n        });\n\n        return nextSelection;\n      });\n    },\n    [visibleRows],\n  );\n\n  const handleBulkDeleteSelected = React.useCallback(() => {\n    if (!onBulkDelete || selectedRows.length === 0) {\n      return;\n    }\n\n    onBulkDelete(selectedRows);\n    setSelectedRowIds({});\n  }, [onBulkDelete, selectedRows]);\n\n  const handleClearSelectedRows = React.useCallback(() => {\n    setSelectedRowIds({});\n  }, []);\n\n  const handleDisableBulkSelection = React.useCallback(() => {\n    setBulkSelectionActive(false);\n    setSelectedRowIds({});\n  }, []);\n\n  const bulkActionContext = React.useMemo<DataTableBulkActionContext<T>>(\n    () => ({\n      selectedRows,\n      selectedCount: selectedRows.length,\n      clearSelection: handleClearSelectedRows,\n      disableBulkSelection: handleDisableBulkSelection,\n    }),\n    [handleClearSelectedRows, handleDisableBulkSelection, selectedRows],\n  );\n\n  const bulkActionsContent = renderBulkActions?.(bulkActionContext);\n  const bulkActionCard = renderBulkActionCard?.(bulkActionContext);\n\n  const handleOpenProfile = React.useCallback(() => {\n    setProfileOpen(true);\n    setProfileMenuOpen(false);\n  }, []);\n\n  const hasActiveFilters = Object.values(activeFilters).some(isFilterActive);\n\n  const handleSaveProfile = (profileName: string) => {\n    void {\n      name: profileName,\n      filters: activeFilters,\n      timestamp: new Date().toISOString(),\n    };\n  };\n\n  return (\n    <div\n      ref={tableRootRef}\n      dir={tableDirection}\n      className={mergeClassNames(\"space-y-0\", className)}\n    >\n      {/* Row 1: Filters Row - Separated with border */}\n      <div className=\"relative z-[60] mb-4 min-h-[80px] flex items-center justify-between gap-4 rounded-[8px] border border-ds-border-2 bg-ds-surface-1 px-4 py-4\">\n        <div className=\"flex items-center gap-3 flex-wrap\">\n          {filterOptions\n            .filter((filter) => visibleFilters.includes(filter.id))\n            .map((filter, index) => {\n              const isActive = isFilterActive(activeFilters[filter.id]);\n\n              return (\n                <div\n                  key={filter.id}\n                  className={mergeClassNames(\n                    \"min-w-[200px]\",\n                    index > 0 && \"border-ds-border-2 ps-3\",\n                    index > 0 && (isRtl ? \"border-r\" : \"border-l\"),\n                  )}\n                >\n                  <FilterFieldControl\n                    filter={filter}\n                    value={activeFilters[filter.id]}\n                    isActive={isActive}\n                    onChange={(value) => handleFilterChange(filter.id, value)}\n                  />\n                </div>\n              );\n            })}\n        </div>\n\n        {/* Right side icons */}\n        <div className=\"flex items-center gap-1 ml-auto\">\n          <div className=\"relative\">\n            <ToolbarIconButton\n              onClick={handleToggleFilterSelector}\n              title={labels.addFilter}\n            >\n              <FilterIcon\n                className={TABLE_COMPLEX_ICON_CLASS_NAME}\n                aria-hidden=\"true\"\n              />\n            </ToolbarIconButton>\n            <FilterDropdown\n              isOpen={filterSelectorOpen}\n              onClose={() => setFilterSelectorOpen(false)}\n              direction={tableDirection}\n            >\n              <FilterSelectorMenu\n                filterOptions={filterOptions}\n                visibleFilters={visibleFilters}\n                onToggleFilter={handleToggleFilterVisibility}\n                onShowAll={handleShowAllFilters}\n                onHideAll={handleHideAllFilters}\n                labels={labels}\n                footerActions={renderFilterSelectorFooterActions?.({\n                  onShowAll: handleShowAllFilters,\n                  onHideAll: handleHideAllFilters,\n                })}\n              />\n            </FilterDropdown>\n          </div>\n          <ToolbarIconButton\n            onClick={handleResetFilters}\n            disabled={!hasActiveFilters}\n            title={labels.clearFilters}\n          >\n            <FilterXIcon\n              className={TABLE_COMPLEX_ICON_CLASS_NAME}\n              aria-hidden=\"true\"\n            />\n          </ToolbarIconButton>\n          <div className=\"relative\">\n            <ToolbarIconButton\n              onClick={handleToggleProfileMenu}\n              title={labels.filterProfiles}\n            >\n              <FilterProfileIcon\n                className={TABLE_COMPLEX_ICON_CLASS_NAME}\n                aria-hidden=\"true\"\n              />\n            </ToolbarIconButton>\n            <FilterDropdown\n              isOpen={profileMenuOpen}\n              onClose={() => setProfileMenuOpen(false)}\n              direction={tableDirection}\n            >\n              <div className=\"p-2 min-w-48\">\n                <Button\n                  onClick={handleOpenProfile}\n                  className=\"w-full justify-start border-2 border-dashed border-ds-border-accent/40 bg-transparent px-4 py-3 text-start text-sm font-medium text-ds-1 shadow-none hover:bg-ds-accent-subtle hover:opacity-100\"\n                >\n                  {labels.saveNewFilterProfile}\n                </Button>\n              </div>\n            </FilterDropdown>\n          </div>\n          {renderFilterRowActions}\n        </div>\n      </div>\n      {/* Table */}\n      <div className=\"relative overflow-visible rounded-lg border border-ds-border-2 bg-ds-surface-1\">\n        <DataTableToolbar\n          direction={tableDirection}\n          showRefreshButton={showRefreshButton}\n          showExportButton={showExportButton}\n          searchQuery={searchQuery}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={searchPlaceholder}\n          bulkDeleteEnabled={bulkDeleteEnabled}\n          bulkSelectionActive={bulkSelectionActive}\n          selectedCount={selectedRows.length}\n          bulkActionsContent={bulkActionsContent}\n          bulkActionCard={bulkActionCard}\n          onToggleBulkSelection={handleToggleBulkSelection}\n          onBulkDeleteSelected={handleBulkDeleteSelected}\n          onRefresh={onRefresh}\n          onExport={onExport}\n          columnMenuOpen={columnMenuOpen}\n          onToggleColumnMenu={handleToggleColumnMenu}\n          onCloseColumnMenu={() => setColumnMenuOpen(false)}\n          columns={resolvedColumns}\n          onColumnToggle={handleToggleColumnVisibility}\n          onShowAllColumns={handleShowAllColumns}\n          onHideAllColumns={handleHideAllColumns}\n          labels={labels}\n          toolbarActions={renderToolbarActions}\n        />\n\n        {/* Table Container */}\n        <TableContainer\n          ref={tableContainerRef}\n          className={tableContainerClassName}\n          style={{ maxHeight }}\n        >\n          <Table className={tableClassName}>\n            {caption ? (\n              <TableCaption className={captionClassName}>\n                {caption}\n              </TableCaption>\n            ) : null}\n            <TableHeader className={mergeClassNames(\"z-40\", headerClassName)}>\n              {table.getHeaderGroups().map((headerGroup) => (\n                <TableRow\n                  key={headerGroup.id}\n                  className={mergeClassNames(\n                    \"border-b border-ds-border-2\",\n                    headerRowClassName,\n                  )}\n                >\n                  {bulkSelectionActive ? (\n                    <TableHead\n                      className={mergeClassNames(\n                        \"w-12 bg-ds-surface-2 px-4 py-3\",\n                        headClassName,\n                      )}\n                    >\n                      <Checkbox\n                        aria-label=\"Select all visible rows\"\n                        checked={allVisibleRowsSelected}\n                        onChange={(event) =>\n                          handleToggleAllVisibleRows(event.target.checked)\n                        }\n                      />\n                    </TableHead>\n                  ) : null}\n                  {headerGroup.headers.map((header) => (\n                    <TableHead\n                      key={header.id}\n                      className={mergeClassNames(\n                        \"whitespace-nowrap bg-ds-surface-2 px-4 py-3 text-sm font-semibold text-ds-1\",\n                        isRtl ? \"text-right\" : \"text-left\",\n                        headClassName,\n                      )}\n                    >\n                      {header.isPlaceholder\n                        ? null\n                        : flexRender(\n                            header.column.columnDef.header,\n                            header.getContext(),\n                          )}\n                    </TableHead>\n                  ))}\n                  {hasRowActions ? (\n                    <TableHead\n                      className={mergeClassNames(\n                        \"sticky top-0 z-30 border-x border-ds-border-2 bg-ds-surface-2 p-0\",\n                        isRtl\n                          ? \"left-0 shadow-[8px_0_12px_-10px_rgba(15,23,42,0.35)]\"\n                          : \"right-0 shadow-[-8px_0_12px_-10px_rgba(15,23,42,0.35)]\",\n                        ROW_ACTIONS_CELL_WIDTH_CLASS_NAME,\n                        headClassName,\n                      )}\n                    >\n                      <div\n                        aria-hidden=\"true\"\n                        className=\"pointer-events-none absolute -inset-y-px left-0 z-30 w-px bg-ds-border-2\"\n                      />\n                      <div\n                        aria-hidden=\"true\"\n                        className=\"pointer-events-none absolute -inset-y-px right-0 z-30 w-px bg-ds-border-2\"\n                      />\n                      <div aria-hidden=\"true\" className=\"h-[45px] w-12\" />\n                    </TableHead>\n                  ) : null}\n                </TableRow>\n              ))}\n            </TableHeader>\n            <TableBody className={bodyClassName}>\n              <DataTableRows\n                table={table}\n                hasRowActions={hasRowActions}\n                isLoading={isLoading}\n                bulkSelectionActive={bulkSelectionActive}\n                selectedRowIds={selectedRowIds}\n                onToggleRowSelection={handleToggleRowSelection}\n                rowMenuOpen={rowMenuOpen}\n                onToggleRowMenu={handleToggleRowMenu}\n                onCloseRowMenu={handleCloseRowMenu}\n                onRowAction={onRowAction}\n                rowClassName={rowClassName}\n                cellClassName={cellClassName}\n                hasActiveFilters={hasActiveFilters}\n                searchQuery={searchQuery}\n                renderEmptyState={renderEmptyState}\n                renderRowActionsCell={(context) =>\n                  hasRowActions ? (\n                    <RowActionsCell\n                      rowIndex={context.rowIndex}\n                      row={context.row}\n                      isOpen={context.isOpen}\n                      openDirection={context.openDirection}\n                      tableContainerRef={tableContainerRef}\n                      onToggle={context.onToggle}\n                      onClose={context.onClose}\n                      onRowAction={context.onRowAction}\n                      actions={resolvedRowActions}\n                      direction={tableDirection}\n                    />\n                  ) : null\n                }\n              />\n            </TableBody>\n            <TableFooter className={footerClassName} />\n          </Table>\n        </TableContainer>\n\n        <div className={footerClassName}>\n          <DataTablePagination\n            table={table}\n            totalCount={totalCount}\n            filteredCount={filteredData.length}\n            direction={tableDirection}\n          />\n        </div>\n      </div>\n      {/* Profile Modal */}\n      <FilterProfile\n        isOpen={profileOpen}\n        onClose={() => setProfileOpen(false)}\n        onSaveProfile={(name) => {\n          handleSaveProfile(name);\n          setProfileOpen(false);\n        }}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}