@drivenets/design-system 0.10.0 → 0.11.0

package/dist/index.js

@@ -2,7 +2,7 @@ import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
-import React, { Children, Fragment as Fragment$1, createContext, createElement, isValidElement, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import React, { Children, Fragment as Fragment$1, createContext, createElement, isValidElement, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { FileUpload as FileUpload$1, NumberInput, PasswordInput, Progress, Toast, Toaster, ark, createToaster } from "@ark-ui/react";
 import { Combobox, createListCollection } from "@ark-ui/react/combobox";
 import { useFilter } from "@ark-ui/react/locale";
@@ -29,7 +29,7 @@ import { RadioGroup } from "@ark-ui/react/radio-group";
 import { SegmentGroup } from "@ark-ui/react/segment-group";
 import * as steps from "@zag-js/steps";
 import { normalizeProps, useMachine } from "@zag-js/react";
-import { defaultColumnSizing, flexRender, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import { defaultColumnSizing, flexRender, getCoreRowModel, getExpandedRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import { SortableContext, arrayMove, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
@@ -3826,6 +3826,7 @@ var ds_dropdown_menu_module_default = {
 	"separator": "AkHUyG_separator",
 	"triggerItem": "AkHUyG_triggerItem",
 	"triggerItemIcon": "AkHUyG_triggerItemIcon",
+	"variant-error": "AkHUyG_variant-error",
 	"viewportLegacy": "AkHUyG_viewportLegacy"
 };
 //#endregion
@@ -4086,20 +4087,22 @@ const Content$1 = (t0) => {
 * Item component - renders a menu item
 */
 const Item$2 = (t0) => {
-	const $ = c(12);
-	const { disabled, selected, value, asChild, onClick, onSelect, children, className, style } = t0;
-	let t1;
-	if ($[0] !== className || $[1] !== selected) {
-		t1 = classNames(ds_dropdown_menu_module_default.item, { [ds_dropdown_menu_module_default.selected]: selected }, className);
+	const $ = c(13);
+	const { disabled, selected, variant: t1, value, asChild, onClick, onSelect, children, className, style } = t0;
+	const variant = t1 === void 0 ? "default" : t1;
+	let t2;
+	if ($[0] !== className || $[1] !== selected || $[2] !== variant) {
+		t2 = classNames(ds_dropdown_menu_module_default.item, { [ds_dropdown_menu_module_default.selected]: selected }, variant === "error" && ds_dropdown_menu_module_default["variant-error"], className);
 		$[0] = className;
 		$[1] = selected;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== asChild || $[4] !== children || $[5] !== disabled || $[6] !== onClick || $[7] !== onSelect || $[8] !== style || $[9] !== t1 || $[10] !== value) {
-		t2 = /* @__PURE__ */ jsx(Menu.Item, {
+		$[2] = variant;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== asChild || $[5] !== children || $[6] !== disabled || $[7] !== onClick || $[8] !== onSelect || $[9] !== style || $[10] !== t2 || $[11] !== value) {
+		t3 = /* @__PURE__ */ jsx(Menu.Item, {
 			disabled,
-			className: t1,
+			className: t2,
 			style,
 			value,
 			asChild,
@@ -4107,17 +4110,17 @@ const Item$2 = (t0) => {
 			onSelect,
 			children
 		});
-		$[3] = asChild;
-		$[4] = children;
-		$[5] = disabled;
-		$[6] = onClick;
-		$[7] = onSelect;
-		$[8] = style;
-		$[9] = t1;
-		$[10] = value;
-		$[11] = t2;
-	} else t2 = $[11];
-	return t2;
+		$[4] = asChild;
+		$[5] = children;
+		$[6] = disabled;
+		$[7] = onClick;
+		$[8] = onSelect;
+		$[9] = style;
+		$[10] = t2;
+		$[11] = value;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
 };
 /**
 * ItemIndicator component - renders a selection indicator (check icon by default)
@@ -4648,6 +4651,9 @@ function _temp2$7(e) {
 	return e.stopPropagation();
 }
 //#endregion
+//#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.ts
+const dropdownMenuItemVariants = ["default", "error"];
+//#endregion
 //#region src/components/ds-breadcrumb/ds-breadcrumb.tsx
 /**
 * Design system Breadcrumb component
@@ -16419,15 +16425,15 @@ var ds_smart_tabs_module_default = {
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.tsx
 const colorMap = {
-	"dark-blue": "var(--color-background-info-strong)",
-	"light-blue": "var(--color-background-active-moderate)",
-	"dark-gray": "var(--color-background-brand)",
-	green: "var(--color-background-success-strong)",
-	fuchsia: "var(--color-data-fuchsia)",
-	blue: "var(--color-icon-information-secondary)",
-	gray: "var(--color-icon-information-main)",
-	red: "var(--color-icon-warning)",
-	amber: "var(--color-data-amber)"
+	"dark-blue": "var(--background-info-strong)",
+	"light-blue": "var(--background-active-moderate)",
+	"dark-gray": "var(--background-brand)",
+	green: "var(--background-success-strong)",
+	fuchsia: "var(--color-dap-data-fuchsia)",
+	blue: "var(--icon-information-secondary)",
+	gray: "var(--icon-information-main)",
+	red: "var(--icon-warning)",
+	amber: "var(--color-dap-data-amber)"
 };
 const SmartTabsContext = createContext(null);
 const useSmartTabsContext = () => {
@@ -18089,7 +18095,6 @@ const DsTableBulkActions = ({ numSelectedRows, actions, onClearSelection }) => {
 //#endregion
 //#region src/components/ds-table/components/ds-table-header/ds-table-header.module.scss
 var ds_table_header_module_default = {
-	"expandColumn": "-2rCNG_expandColumn",
 	"headerCell": "-2rCNG_headerCell",
 	"headerRow": "-2rCNG_headerRow",
 	"headerRowNoBorder": "-2rCNG_headerRowNoBorder",
@@ -18141,7 +18146,7 @@ const getColumnSizeStyle = (columnSize, virtualized) => {
 //#endregion
 //#region src/components/ds-table/components/ds-table-header/ds-table-header.tsx
 const DsTableHeader = ({ table }) => {
-	const { stickyHeader, bordered, expandable, selectable, reorderable, showSelectAllCheckbox, virtualized } = useDsTableContext();
+	const { stickyHeader, bordered, selectable, reorderable, showSelectAllCheckbox, virtualized } = useDsTableContext();
 	return /* @__PURE__ */ jsx(TableHeader, {
 		className: classNames(stickyHeader && ds_table_header_module_default.stickyHeader, virtualized && ds_table_header_module_default.virtualizedHeader),
 		children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs(TableRow, {
@@ -18152,26 +18157,24 @@ const DsTableHeader = ({ table }) => {
 					children: showSelectAllCheckbox && /* @__PURE__ */ jsx(DsCheckbox, {
 						className: ds_table_shared_module_default.checkboxContainer,
 						checked: table.getIsAllRowsSelected() ? true : table.getIsSomeRowsSelected() ? "indeterminate" : false,
-						onClick: (e) => {
-							e.stopPropagation();
-							table.getToggleAllRowsSelectedHandler()(e);
-						}
+						onCheckedChange: (checked) => table.toggleAllRowsSelected(!!checked),
+						onClick: (e) => e.stopPropagation()
 					})
 				}),
-				expandable && /* @__PURE__ */ jsx(TableHead, { className: classNames(ds_table_header_module_default.headerCell, ds_table_header_module_default.expandColumn) }),
 				reorderable && /* @__PURE__ */ jsx(TableHead, {
 					className: classNames(ds_table_header_module_default.headerCell, ds_table_header_module_default.reorderColumn),
 					children: "Order"
 				}),
 				headerGroup.headers.map((header) => {
 					const headerStyle = getColumnSizeStyle(header.column.getSize(), virtualized);
+					const canSort = header.column.getCanSort();
 					return /* @__PURE__ */ jsx(TableHead, {
-						className: classNames(ds_table_header_module_default.headerCell, header.column.getCanSort() && ds_table_header_module_default.sortableHeader),
+						className: classNames(ds_table_header_module_default.headerCell, canSort && ds_table_header_module_default.sortableHeader),
 						onClick: header.column.getToggleSortingHandler(),
 						style: headerStyle,
 						children: header.isPlaceholder ? null : /* @__PURE__ */ jsxs("div", {
 							className: ds_table_header_module_default.headerSortContainer,
-							children: [/* @__PURE__ */ jsx("div", { children: flexRender(header.column.columnDef.header, header.getContext()) }), header.column.getCanSort() && /* @__PURE__ */ jsx("div", {
+							children: [/* @__PURE__ */ jsx("div", { children: flexRender(header.column.columnDef.header, header.getContext()) }), canSort && /* @__PURE__ */ jsx("div", {
 								className: ds_table_header_module_default.pageButtonIconContainer,
 								children: {
 									asc: /* @__PURE__ */ jsx(DsIcon, {
@@ -18302,47 +18305,9 @@ const DsTableRowSelectableCell = ({ row, isSelected, className }) => {
 			className: ds_table_shared_module_default.checkboxContainer,
 			checked: isSelected,
 			disabled: !row.getCanSelect(),
-			onClick: (e) => {
-				e.stopPropagation();
-				row.getToggleSelectedHandler()(e);
-			},
-			onDoubleClick: (e) => {
-				e.stopPropagation();
-			}
-		})
-	});
-};
-//#endregion
-//#region src/components/ds-table/components/ds-table-row-expandable-cell/ds-table-row-expandable-cell.module.scss
-var ds_table_row_expandable_cell_module_default = {
-	"button": "enUIjW_button",
-	"cell": "enUIjW_cell"
-};
-//#endregion
-//#region src/components/ds-table/components/ds-table-row-expandable-cell/ds-table-row-expandable-cell.tsx
-const DsTableRowExpandableCell = ({ row, className, buttonClassName }) => {
-	const { expandable } = useDsTableContext();
-	const isExpanded = row.getIsExpanded();
-	const isExpandable = typeof expandable === "function" ? expandable(row.original) : expandable;
-	return /* @__PURE__ */ jsx(TableCell, {
-		className: classNames(ds_table_row_expandable_cell_module_default.cell, className),
-		children: isExpandable && /* @__PURE__ */ jsx(DsButton, {
-			design: "v1.2",
-			buttonType: "tertiary",
-			size: "small",
-			className: classNames(ds_table_row_expandable_cell_module_default.button, buttonClassName),
-			onClick: (e) => {
-				e.stopPropagation();
-				row.toggleExpanded();
-			},
-			onDoubleClick: (e) => {
-				e.stopPropagation();
-			},
-			children: /* @__PURE__ */ jsx(DsIcon, {
-				icon: "chevron_right",
-				size: "small",
-				className: classNames(ds_table_shared_module_default.pageButtonIcon, isExpanded && "rotate-90")
-			})
+			onCheckedChange: (checked) => row.toggleSelected(!!checked),
+			onClick: (e) => e.stopPropagation(),
+			onDoubleClick: (e) => e.stopPropagation()
 		})
 	});
 };
@@ -18354,7 +18319,6 @@ var ds_table_row_module_default = {
 	"expandableCell": "t8OZCq_expandableCell",
 	"expanded": "t8OZCq_expanded",
 	"expandedRow": "t8OZCq_expandedRow",
-	"expandToggleButton": "t8OZCq_expandToggleButton",
 	"isDragging": "t8OZCq_isDragging",
 	"rowDragHandle": "t8OZCq_rowDragHandle",
 	"rowNoBorder": "t8OZCq_rowNoBorder",
@@ -18365,6 +18329,10 @@ var ds_table_row_module_default = {
 	"tableCell": "t8OZCq_tableCell",
 	"tableRow": "t8OZCq_tableRow"
 };
+/**
+* Column id used for the synthetic expander column injected when `expandable` is set.
+*/
+const EXPANDER_COLUMN_ID = "expander";
 //#endregion
 //#region src/components/ds-table/components/ds-table-row/ds-table-row.tsx
 const DsRowDragHandle = ({ isDragging, attributes, listeners }) => {
@@ -18381,9 +18349,8 @@ const DsRowDragHandle = ({ isDragging, attributes, listeners }) => {
 	});
 };
 const DsTableRow = ({ ref, row, isSelected }) => {
-	const { expandable, selectable, reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, bordered, rowSize, primaryRowActions, secondaryRowActions, activeRowId } = useDsTableContext();
+	const { selectable, reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, bordered, rowSize, primaryRowActions, secondaryRowActions, activeRowId } = useDsTableContext();
 	const isExpanded = row.getIsExpanded();
-	const isExpandable = typeof expandable === "function" ? expandable(row.original) : expandable;
 	const isActive = activeRowId === row.id;
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
 		id: row.id,
@@ -18393,7 +18360,7 @@ const DsTableRow = ({ ref, row, isSelected }) => {
 		transform: CSS.Transform.toString(transform),
 		transition,
 		...isDragging ? {
-			background: "var(--action-active-light)",
+			background: "var(--color-dap-purple-200)",
 			boxShadow: "0 0 12px 0 rgba(0, 102, 250, 0.60)",
 			zIndex: 1
 		} : {},
@@ -18416,11 +18383,6 @@ const DsTableRow = ({ ref, row, isSelected }) => {
 				isSelected,
 				className: ds_table_row_module_default.selectableCell
 			}),
-			expandable && /* @__PURE__ */ jsx(DsTableRowExpandableCell, {
-				row,
-				className: ds_table_row_module_default.expandableCell,
-				buttonClassName: ds_table_row_module_default.expandToggleButton
-			}),
 			reorderable && /* @__PURE__ */ jsx(DsRowDragHandle, {
 				isDragging,
 				attributes,
@@ -18430,7 +18392,7 @@ const DsTableRow = ({ ref, row, isSelected }) => {
 				const isLastColumn = idx === row.getVisibleCells().length - 1;
 				const cellStyle = getColumnSizeStyle(cell.column.getSize());
 				return /* @__PURE__ */ jsx(TableCell, {
-					className: ds_table_row_module_default.tableCell,
+					className: classNames(ds_table_row_module_default.tableCell, cell.column.id === "expander" && ds_table_row_module_default.expandableCell),
 					style: cellStyle,
 					children: isLastColumn ? /* @__PURE__ */ jsx(DsTableCell, {
 						row,
@@ -18447,13 +18409,39 @@ const DsTableRow = ({ ref, row, isSelected }) => {
 	}), isExpanded && renderExpandedRow && /* @__PURE__ */ jsx(TableRow, {
 		className: ds_table_row_module_default.expandedRow,
 		children: /* @__PURE__ */ jsx(TableCell, {
-			colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (isExpandable ? 1 : 0) + (reorderable ? 1 : 0),
+			colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (reorderable ? 1 : 0),
 			className: ds_table_row_module_default.tableCell,
 			children: renderExpandedRow(row.original)
 		})
 	})] });
 };
 //#endregion
+//#region src/components/ds-table/components/ds-table-row-expandable-cell/ds-table-row-expandable-cell.module.scss
+var ds_table_row_expandable_cell_module_default = { "button": "enUIjW_button" };
+//#endregion
+//#region src/components/ds-table/components/ds-table-row-expandable-cell/ds-table-row-expandable-cell.tsx
+const DsTableRowExpandableCell = ({ row, buttonClassName }) => {
+	const isExpanded = row.getIsExpanded();
+	return /* @__PURE__ */ jsx(DsButton, {
+		design: "v1.2",
+		buttonType: "tertiary",
+		size: "small",
+		className: classNames(ds_table_row_expandable_cell_module_default.button, buttonClassName),
+		onClick: (e) => {
+			e.stopPropagation();
+			row.toggleExpanded();
+		},
+		onDoubleClick: (e) => {
+			e.stopPropagation();
+		},
+		children: /* @__PURE__ */ jsx(DsIcon, {
+			icon: "chevron_right",
+			size: "small",
+			className: classNames(ds_table_shared_module_default.pageButtonIcon, isExpanded && "rotate-90")
+		})
+	});
+};
+//#endregion
 //#region src/components/ds-table/hooks/use-drag-and-drop.tsx
 const DragWrapper = ({ children, onDragEnd, sensors }) => /* @__PURE__ */ jsx(DndContext, {
 	collisionDetection: closestCenter,
@@ -18522,7 +18510,7 @@ var ds_table_row_virtualized_module_default = {
 //#endregion
 //#region src/components/ds-table/components/ds-table-row-virtualized/ds-table-row-virtualized.tsx
 const DsTableRowVirtualized = ({ row, isSelected, rowsMapRef, rowHeightsMapRef, rowVirtualizer, virtualRow, isExpandedRowContent }) => {
-	const { selectable, expandable, bordered, rowSize, activeRowId, primaryRowActions, secondaryRowActions, renderExpandedRow, onRowClick, onRowDoubleClick } = useDsTableContext();
+	const { selectable, bordered, rowSize, activeRowId, primaryRowActions, secondaryRowActions, renderExpandedRow, onRowClick, onRowDoubleClick } = useDsTableContext();
 	const isExpanded = row.getIsExpanded();
 	const isActive = activeRowId === row.id;
 	return /* @__PURE__ */ jsx(TableRow, {
@@ -18544,33 +18532,26 @@ const DsTableRowVirtualized = ({ row, isSelected, rowsMapRef, rowHeightsMapRef,
 		}, isExpandedRowContent && ds_table_row_virtualized_module_default.expandedRowContent, onRowClick && ds_table_row_virtualized_module_default.clickableRow, !bordered && ds_table_row_virtualized_module_default.rowNoBorder, isExpanded && ds_table_row_virtualized_module_default.expanded),
 		onClick: isExpandedRowContent ? void 0 : () => onRowClick?.(row.original),
 		onDoubleClick: isExpandedRowContent ? void 0 : () => onRowDoubleClick?.(row.original),
-		children: isExpandedRowContent ? /* @__PURE__ */ jsx(TableCell, { children: renderExpandedRow?.(row.original) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-			selectable && /* @__PURE__ */ jsx(DsTableRowSelectableCell, {
-				row,
-				isSelected,
-				className: ds_table_row_virtualized_module_default.selectableCell
-			}),
-			expandable && /* @__PURE__ */ jsx(DsTableRowExpandableCell, {
-				row,
-				className: ds_table_row_virtualized_module_default.expandableCell
-			}),
-			row.getVisibleCells().map((cell, idx) => {
-				const isLastColumn = idx === row.getVisibleCells().length - 1;
-				return /* @__PURE__ */ jsx(TableCell, {
-					style: getColumnSizeStyle(cell.column.getSize(), true),
-					className: ds_table_row_virtualized_module_default.cell,
-					children: isLastColumn ? /* @__PURE__ */ jsx(DsTableCell, {
-						row,
-						cell,
-						primaryRowActions,
-						secondaryRowActions
-					}) : /* @__PURE__ */ jsx(DsTableCell, {
-						row,
-						cell
-					})
-				}, cell.id);
-			})
-		] })
+		children: isExpandedRowContent ? /* @__PURE__ */ jsx(TableCell, { children: renderExpandedRow?.(row.original) }) : /* @__PURE__ */ jsxs(Fragment, { children: [selectable && /* @__PURE__ */ jsx(DsTableRowSelectableCell, {
+			row,
+			isSelected,
+			className: ds_table_row_virtualized_module_default.selectableCell
+		}), row.getVisibleCells().map((cell, idx) => {
+			const isLastColumn = idx === row.getVisibleCells().length - 1;
+			return /* @__PURE__ */ jsx(TableCell, {
+				style: getColumnSizeStyle(cell.column.getSize(), true),
+				className: classNames(ds_table_row_virtualized_module_default.cell, cell.column.id === "expander" && ds_table_row_virtualized_module_default.expandableCell),
+				children: isLastColumn ? /* @__PURE__ */ jsx(DsTableCell, {
+					row,
+					cell,
+					primaryRowActions,
+					secondaryRowActions
+				}) : /* @__PURE__ */ jsx(DsTableCell, {
+					row,
+					cell
+				})
+			}, cell.id);
+		})] })
 	});
 };
 //#endregion
@@ -18664,7 +18645,7 @@ const ROW_SIZE_HEIGHT_MAP = {
 /**
 * Design system Table component
 */
-const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualizedOptions, className, onRowClick, emptyState, stickyHeader = true, bordered = true, fullWidth = true, rowSize = "medium", expandable = false, renderExpandedRow, selectable = false, showSelectAllCheckbox = true, onSelectionChange, onSortingChange, onScroll, actions = [], onRowDoubleClick, primaryRowActions = [], secondaryRowActions, reorderable = false, onOrderChange, columnFilters: externalColumnFilters, onColumnFiltersChange, columnVisibility: externalColumnVisibility, onColumnVisibilityChange, activeRowId }) => {
+const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = false, virtualizedOptions, className, onRowClick, emptyState, stickyHeader = true, bordered = true, fullWidth = true, rowSize = "medium", expandable = false, renderExpandedRow, selectable = false, showSelectAllCheckbox = true, onSelectionChange, onSortingChange, onScroll, actions = [], onRowDoubleClick, primaryRowActions = [], secondaryRowActions, reorderable = false, onOrderChange, columnFilters: externalColumnFilters, onColumnFiltersChange, columnVisibility: externalColumnVisibility, onColumnVisibilityChange, activeRowId }) => {
 	const [data, setData] = React$1.useState(tableData);
 	const [sorting, setSorting] = React$1.useState([]);
 	const [internalColumnFilters, setInternalColumnFilters] = React$1.useState([]);
@@ -18701,6 +18682,17 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 		setRowSelection(newRowSelection);
 		onSelectionChange?.(newRowSelection);
 	};
+	const columns = useMemo(() => {
+		if (!expandable) return columnsProp;
+		return [{
+			id: EXPANDER_COLUMN_ID,
+			size: 36,
+			enableSorting: false,
+			enableResizing: false,
+			header: () => null,
+			cell: ({ row }) => row.getCanExpand() ? /* @__PURE__ */ jsx(DsTableRowExpandableCell, { row }) : null
+		}, ...columnsProp];
+	}, [columnsProp, expandable]);
 	const table = useReactTable({
 		data: reorderable ? data : tableData,
 		columns,
@@ -18712,6 +18704,8 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 		onColumnVisibilityChange: handleColumnVisibilityChange,
 		onRowSelectionChange: handleRowSelectionChange,
 		getRowId: (row) => row.id,
+		getExpandedRowModel: getExpandedRowModel(),
+		getRowCanExpand: typeof expandable === "function" ? (row) => expandable(row.original) : () => expandable,
 		state: {
 			sorting,
 			columnFilters,
@@ -18761,7 +18755,7 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 	}), [table]);
 	const { rows, rowsById } = table.getRowModel();
 	const renderEmptyState = () => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
-		colSpan: columns.length + (expandable ? 1 : 0) + (selectable ? 1 : 0),
+		colSpan: columns.length + (selectable ? 1 : 0) + (reorderable ? 1 : 0),
 		className: ds_table_module_default.emptyState,
 		children: emptyState || "No results."
 	}) });
@@ -19951,6 +19945,6 @@ DsWorkspace.SubHeader = SubHeader;
 DsWorkspace.Content = Content;
 DsWorkspace.Footer = Footer;
 //#endregion
-export { BREAKPOINT_LG, DsAlertBanner, DsAutocomplete, DsAvatar, DsAvatarGroup, DsBreadcrumb, DsButton, DsButtonV3, DsCard, DsCheckbox, DsCheckboxGroup, DsChip, DsChipGroup, DsCommentBubble, DsCommentCard, DsCommentIndicator, DsCommentThread, DsCommentsDrawer, DsConfirmation, DsDateInput, DsDatePicker, DsDateRangePicker, DsDialog, DsDivider, DsDrawer, DsDropdownMenu, DsDropdownMenuLegacy, DsExpandableTextInput, DsFileUpload, DsFilterStatusIcon, DsFormControl, DsGrid, DsGridItem, DsIcon, DsKeyValuePair, DsLoader, DsModal, DsNextStepButton, DsNumberInput, DsPanel, DsPasswordInput, DsPopover, DsProgressArc, DsProgressDonut, DsProgressLinear, DsRadioGroup, DsRadioGroupLegacy, DsSegmentGroup, DsSelect, ds_skeleton_default as DsSkeleton, DsSkeletonCircle, DsSkeletonRect, DsSkeletonText, DsSmartTabs, DsSpinner, DsSplitButton, DsStack, DsStatusBadge, DsStep, DsStepContent, DsStepper, DsSystemStatus, DsTable, DsTabs, DsTag, DsTagFilter, DsTextInput, DsTextarea, DsThreadItem, DsTimePicker, DsToastProvider, DsToggle, DsTooltip, DsTree, DsTypography, DsVerticalTabs, DsWorkspace, FatalFileUploadError, FileUpload, FileUploadError, RetryableFileUploadError, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
+export { BREAKPOINT_LG, DsAlertBanner, DsAutocomplete, DsAvatar, DsAvatarGroup, DsBreadcrumb, DsButton, DsButtonV3, DsCard, DsCheckbox, DsCheckboxGroup, DsChip, DsChipGroup, DsCommentBubble, DsCommentCard, DsCommentIndicator, DsCommentThread, DsCommentsDrawer, DsConfirmation, DsDateInput, DsDatePicker, DsDateRangePicker, DsDialog, DsDivider, DsDrawer, DsDropdownMenu, DsDropdownMenuLegacy, DsExpandableTextInput, DsFileUpload, DsFilterStatusIcon, DsFormControl, DsGrid, DsGridItem, DsIcon, DsKeyValuePair, DsLoader, DsModal, DsNextStepButton, DsNumberInput, DsPanel, DsPasswordInput, DsPopover, DsProgressArc, DsProgressDonut, DsProgressLinear, DsRadioGroup, DsRadioGroupLegacy, DsSegmentGroup, DsSelect, ds_skeleton_default as DsSkeleton, DsSkeletonCircle, DsSkeletonRect, DsSkeletonText, DsSmartTabs, DsSpinner, DsSplitButton, DsStack, DsStatusBadge, DsStep, DsStepContent, DsStepper, DsSystemStatus, DsTable, DsTabs, DsTag, DsTagFilter, DsTextInput, DsTextarea, DsThreadItem, DsTimePicker, DsToastProvider, DsToggle, DsTooltip, DsTree, DsTypography, DsVerticalTabs, DsWorkspace, FatalFileUploadError, FileUpload, FileUploadError, RetryableFileUploadError, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dropdownMenuItemVariants, dsKeyValuePairOrientations, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
 
 //# sourceMappingURL=index.js.map