@drivenets/design-system 0.11.1 → 0.12.1

package/dist/index.js

@@ -3195,7 +3195,7 @@ const Title$2 = (t0) => {
 	} else t2 = $[5];
 	return t2;
 };
-const Body$3 = (t0) => {
+const Body$4 = (t0) => {
 	const $ = c(6);
 	const { style, className, children } = t0;
 	let t1;
@@ -3243,7 +3243,7 @@ const Actions$3 = (t0) => {
 	return t2;
 };
 DsAlertBanner.Title = Title$2;
-DsAlertBanner.Body = Body$3;
+DsAlertBanner.Body = Body$4;
 DsAlertBanner.Actions = Actions$3;
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.types.ts
@@ -4052,7 +4052,7 @@ const Trigger = Menu.Trigger;
 /**
 * Content component - wraps the dropdown content
 */
-const Content$1 = (t0) => {
+const Content$2 = (t0) => {
 	const $ = c(9);
 	const { disablePortal: t1, children, className, style } = t0;
 	const Wrapper = (t1 === void 0 ? false : t1) ? Fragment$1 : Portal;
@@ -4157,7 +4157,7 @@ const ItemIndicator = (t0) => {
 /**
 * Header component - sticky header container for search, filters, or other controls
 */
-const Header$4 = (t0) => {
+const Header$5 = (t0) => {
 	const $ = c(6);
 	const { children, className, style } = t0;
 	let t1;
@@ -4633,11 +4633,11 @@ const DsDropdownMenuLegacy = (t0) => {
 const DsDropdownMenu = {
 	Root: Root$4,
 	Trigger,
-	Content: Content$1,
+	Content: Content$2,
 	Item: Item$2,
 	ItemIndicator,
 	TriggerItem,
-	Header: Header$4,
+	Header: Header$5,
 	Actions: Actions$2,
 	ItemGroup,
 	ItemGroupLabel,
@@ -5475,7 +5475,7 @@ const Root$3 = (t0) => {
 * Use with DsCard.Title and DsCard.Extra for standard layout,
 * or provide custom children for full flexibility.
 */
-const Header$3 = (t0) => {
+const Header$4 = (t0) => {
 	const $ = c(12);
 	let children;
 	let className;
@@ -5519,7 +5519,7 @@ const Header$3 = (t0) => {
 /**
 * Card body - main content area.
 */
-const Body$2 = (t0) => {
+const Body$3 = (t0) => {
 	const $ = c(12);
 	let children;
 	let className;
@@ -5606,8 +5606,8 @@ const Footer$3 = (t0) => {
 };
 const DsCard = {
 	Root: Root$3,
-	Header: Header$3,
-	Body: Body$2,
+	Header: Header$4,
+	Body: Body$3,
 	Footer: Footer$3
 };
 //#endregion
@@ -5618,6 +5618,413 @@ const cardSizes = [
 	"large"
 ];
 //#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.module.scss
+var ds_catalog_layout_module_default = {
+	"body": "ub6JXq_body",
+	"content": "ub6JXq_content",
+	"contentHeader": "ub6JXq_contentHeader",
+	"contentHeaderActions": "ub6JXq_contentHeaderActions",
+	"contentHeaderItem": "ub6JXq_contentHeaderItem",
+	"contentHeaderTitle": "ub6JXq_contentHeaderTitle",
+	"contentHeaderTitleRow": "ub6JXq_contentHeaderTitleRow",
+	"contentWithSideMenu": "ub6JXq_contentWithSideMenu",
+	"fillParent": "ub6JXq_fillParent",
+	"header": "ub6JXq_header",
+	"root": "ub6JXq_root",
+	"sideMenu": "ub6JXq_sideMenu",
+	"sideMenuPanel": "ub6JXq_sideMenuPanel",
+	"sideMenuPinButton": "ub6JXq_sideMenuPinButton"
+};
+//#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.context.ts
+const DsCatalogLayoutContext = createContext(null);
+const useDsCatalogLayoutContext = () => {
+	const context = useContext(DsCatalogLayoutContext);
+	if (!context) throw new Error("DsCatalogLayout compound components must be used within DsCatalogLayout");
+	return context;
+};
+//#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.tsx
+const DEFAULT_LOCALE = Object.freeze({
+	pinButtonLabel: "Pin side menu",
+	unpinButtonLabel: "Unpin side menu"
+});
+const DsCatalogLayout = (t0) => {
+	const $ = c(17);
+	let className;
+	let rest;
+	let t1;
+	if ($[0] !== t0) {
+		({className, fillParent: t1, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		rest = $[2];
+		t1 = $[3];
+	}
+	const fillParent = t1 === void 0 ? false : t1;
+	const [hasSideMenu, setHasSideMenu] = useState(false);
+	let t2;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => setHasSideMenu(true);
+		$[4] = t2;
+	} else t2 = $[4];
+	const registerSideMenu = t2;
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => setHasSideMenu(false);
+		$[5] = t3;
+	} else t3 = $[5];
+	const unregisterSideMenu = t3;
+	let t4;
+	if ($[6] !== hasSideMenu) {
+		t4 = {
+			hasSideMenu,
+			registerSideMenu,
+			unregisterSideMenu
+		};
+		$[6] = hasSideMenu;
+		$[7] = t4;
+	} else t4 = $[7];
+	const contextValue = t4;
+	let t5;
+	if ($[8] !== className || $[9] !== fillParent) {
+		t5 = classNames(ds_catalog_layout_module_default.root, { [ds_catalog_layout_module_default.fillParent]: fillParent }, className);
+		$[8] = className;
+		$[9] = fillParent;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== rest || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			...rest,
+			className: t5
+		});
+		$[11] = rest;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== contextValue || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsx(DsCatalogLayoutContext.Provider, {
+			value: contextValue,
+			children: t6
+		});
+		$[14] = contextValue;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	return t7;
+};
+const Header$3 = (t0) => {
+	const $ = c(8);
+	let className;
+	let rest;
+	if ($[0] !== t0) {
+		({className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+	} else {
+		className = $[1];
+		rest = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = classNames(ds_catalog_layout_module_default.header, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== rest || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("header", {
+			...rest,
+			className: t1
+		});
+		$[5] = rest;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+const Body$2 = (t0) => {
+	const $ = c(8);
+	let className;
+	let rest;
+	if ($[0] !== t0) {
+		({className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+	} else {
+		className = $[1];
+		rest = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = classNames(ds_catalog_layout_module_default.body, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== rest || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			...rest,
+			className: t1
+		});
+		$[5] = rest;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+const SideMenu = (t0) => {
+	const $ = c(32);
+	let children;
+	let className;
+	let locale;
+	let onPinnedChange;
+	let rest;
+	let t1;
+	if ($[0] !== t0) {
+		({className, pinned: t1, onPinnedChange, locale, children, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = locale;
+		$[4] = onPinnedChange;
+		$[5] = rest;
+		$[6] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		locale = $[3];
+		onPinnedChange = $[4];
+		rest = $[5];
+		t1 = $[6];
+	}
+	const pinned = t1 === void 0 ? false : t1;
+	const { registerSideMenu, unregisterSideMenu } = useDsCatalogLayoutContext();
+	const [isHovering, setIsHovering] = useState(false);
+	let t2;
+	let t3;
+	if ($[7] !== registerSideMenu || $[8] !== unregisterSideMenu) {
+		t2 = () => {
+			registerSideMenu();
+			return unregisterSideMenu;
+		};
+		t3 = [registerSideMenu, unregisterSideMenu];
+		$[7] = registerSideMenu;
+		$[8] = unregisterSideMenu;
+		$[9] = t2;
+		$[10] = t3;
+	} else {
+		t2 = $[9];
+		t3 = $[10];
+	}
+	useEffect(t2, t3);
+	const isExpanded = pinned || isHovering;
+	const ariaLabel = pinned ? locale?.unpinButtonLabel ?? DEFAULT_LOCALE.unpinButtonLabel : locale?.pinButtonLabel ?? DEFAULT_LOCALE.pinButtonLabel;
+	let t4;
+	if ($[11] !== className) {
+		t4 = classNames(ds_catalog_layout_module_default.sideMenu, className);
+		$[11] = className;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== pinned) {
+		t5 = pinned ? { "data-pinned": "" } : {};
+		$[13] = pinned;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== isExpanded) {
+		t6 = isExpanded ? { "data-expanded": "" } : {};
+		$[15] = isExpanded;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	let t8;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = () => setIsHovering(true);
+		t8 = () => setIsHovering(false);
+		$[17] = t7;
+		$[18] = t8;
+	} else {
+		t7 = $[17];
+		t8 = $[18];
+	}
+	let t9;
+	if ($[19] !== ariaLabel || $[20] !== onPinnedChange || $[21] !== pinned) {
+		t9 = onPinnedChange ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ds_catalog_layout_module_default.sideMenuPinButton,
+			onClick: () => onPinnedChange(!pinned),
+			"aria-label": ariaLabel,
+			"aria-pressed": pinned,
+			children: /* @__PURE__ */ jsx(DsIcon, {
+				icon: "keep",
+				size: "small",
+				filled: pinned
+			})
+		}) : null;
+		$[19] = ariaLabel;
+		$[20] = onPinnedChange;
+		$[21] = pinned;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== children || $[24] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: ds_catalog_layout_module_default.sideMenuPanel,
+			onMouseEnter: t7,
+			onMouseLeave: t8,
+			children: [t9, children]
+		});
+		$[23] = children;
+		$[24] = t9;
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] !== rest || $[27] !== t10 || $[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
+		t11 = /* @__PURE__ */ jsx("aside", {
+			...rest,
+			className: t4,
+			...t5,
+			...t6,
+			children: t10
+		});
+		$[26] = rest;
+		$[27] = t10;
+		$[28] = t4;
+		$[29] = t5;
+		$[30] = t6;
+		$[31] = t11;
+	} else t11 = $[31];
+	return t11;
+};
+const Content$1 = (t0) => {
+	const $ = c(9);
+	let className;
+	let rest;
+	if ($[0] !== t0) {
+		({className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+	} else {
+		className = $[1];
+		rest = $[2];
+	}
+	const { hasSideMenu } = useDsCatalogLayoutContext();
+	let t1;
+	if ($[3] !== className || $[4] !== hasSideMenu) {
+		t1 = classNames(ds_catalog_layout_module_default.content, { [ds_catalog_layout_module_default.contentWithSideMenu]: hasSideMenu }, className);
+		$[3] = className;
+		$[4] = hasSideMenu;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== rest || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			...rest,
+			className: t1
+		});
+		$[6] = rest;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+};
+const ContentHeader = (t0) => {
+	const $ = c(22);
+	let children;
+	let className;
+	let headerActions;
+	let rest;
+	let title;
+	if ($[0] !== t0) {
+		({className, title, headerActions, children, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = headerActions;
+		$[4] = rest;
+		$[5] = title;
+	} else {
+		children = $[1];
+		className = $[2];
+		headerActions = $[3];
+		rest = $[4];
+		title = $[5];
+	}
+	let t1;
+	if ($[6] !== className) {
+		t1 = classNames(ds_catalog_layout_module_default.contentHeader, className);
+		$[6] = className;
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] !== title) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: ds_catalog_layout_module_default.contentHeaderTitle,
+			children: title
+		});
+		$[8] = title;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== headerActions) {
+		t3 = headerActions ? /* @__PURE__ */ jsx("div", {
+			className: ds_catalog_layout_module_default.contentHeaderActions,
+			children: headerActions
+		}) : null;
+		$[10] = headerActions;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== t2 || $[13] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: ds_catalog_layout_module_default.contentHeaderTitleRow,
+			children: [t2, t3]
+		});
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== children) {
+		t5 = children ? /* @__PURE__ */ jsx("div", {
+			className: ds_catalog_layout_module_default.contentHeaderItem,
+			children
+		}) : null;
+		$[15] = children;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== rest || $[18] !== t1 || $[19] !== t4 || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			...rest,
+			className: t1,
+			children: [t4, t5]
+		});
+		$[17] = rest;
+		$[18] = t1;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	return t6;
+};
+DsCatalogLayout.Header = Header$3;
+DsCatalogLayout.Body = Body$2;
+DsCatalogLayout.SideMenu = SideMenu;
+DsCatalogLayout.Content = Content$1;
+DsCatalogLayout.ContentHeader = ContentHeader;
+//#endregion
 //#region src/components/ds-checkbox/ds-checkbox.module.scss
 var ds_checkbox_module_default = {
 	"control": "-9VV7a_control",
@@ -16961,6 +17368,167 @@ const DsStatusBadge = (t0) => {
 	return t12;
 };
 //#endregion
+//#region src/components/ds-status-badge-v2/ds-status-badge-v2.module.scss
+var ds_status_badge_v2_module_default = {
+	"active": "xQkUdW_active",
+	"deprecated": "xQkUdW_deprecated",
+	"execution": "xQkUdW_execution",
+	"icon": "xQkUdW_icon",
+	"iconOnly": "xQkUdW_iconOnly",
+	"in-review": "xQkUdW_in-review",
+	"label": "xQkUdW_label",
+	"medium": "xQkUdW_medium",
+	"not-started": "xQkUdW_not-started",
+	"pending": "xQkUdW_pending",
+	"result-failed": "xQkUdW_result-failed",
+	"result-succeeded": "xQkUdW_result-succeeded",
+	"result-warning": "xQkUdW_result-warning",
+	"root": "xQkUdW_root",
+	"secondary": "xQkUdW_secondary",
+	"small": "xQkUdW_small",
+	"temporary": "xQkUdW_temporary",
+	"textOnly": "xQkUdW_textOnly"
+};
+//#endregion
+//#region src/components/ds-status-badge-v2/phase-config.ts
+const phaseIconMap = Object.freeze({
+	"not-started": "lasso_select",
+	temporary: "hourglass_empty",
+	"in-review": "document_search",
+	pending: "timer_pause",
+	active: "power_settings_circle",
+	execution: "timelapse",
+	"result-succeeded": "verified",
+	"result-warning": "warning",
+	"result-failed": "cancel",
+	deprecated: "inventory_2"
+});
+//#endregion
+//#region src/components/ds-status-badge-v2/ds-status-badge-v2.tsx
+const DsStatusBadgeV2$1 = (t0) => {
+	const $ = c(26);
+	const { phase, label, icon, iconOnly: t1, variant: t2, size: t3, className, style, ref, "aria-label": ariaLabel } = t0;
+	const iconOnly = t1 === void 0 ? false : t1;
+	const variant = t2 === void 0 ? "primary" : t2;
+	const size = t3 === void 0 ? "medium" : t3;
+	const resolvedIcon = icon === null ? null : icon ?? phaseIconMap[phase];
+	const hasIcon = resolvedIcon !== null;
+	const isTextOnly = !hasIcon;
+	const tooltipContent = iconOnly ? label : void 0;
+	let t4;
+	if ($[0] !== size) {
+		t4 = size === "small" ? {
+			fontSize: "var(--_badge-icon-size)",
+			width: "var(--_badge-icon-size)",
+			height: "var(--_badge-icon-size)"
+		} : void 0;
+		$[0] = size;
+		$[1] = t4;
+	} else t4 = $[1];
+	const iconStyle = t4;
+	const t5 = ds_status_badge_v2_module_default[phase];
+	const t6 = ds_status_badge_v2_module_default[size];
+	const t7 = variant === "secondary";
+	let t8;
+	if ($[2] !== className || $[3] !== iconOnly || $[4] !== isTextOnly || $[5] !== t5 || $[6] !== t6 || $[7] !== t7) {
+		t8 = classNames(ds_status_badge_v2_module_default.root, t5, t6, {
+			[ds_status_badge_v2_module_default.secondary]: t7,
+			[ds_status_badge_v2_module_default.iconOnly]: iconOnly,
+			[ds_status_badge_v2_module_default.textOnly]: isTextOnly
+		}, className);
+		$[2] = className;
+		$[3] = iconOnly;
+		$[4] = isTextOnly;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+		$[8] = t8;
+	} else t8 = $[8];
+	const rootClass = t8;
+	const t9 = ref;
+	const t10 = ariaLabel ?? label;
+	let t11;
+	if ($[9] !== hasIcon || $[10] !== iconStyle || $[11] !== resolvedIcon) {
+		t11 = hasIcon && /* @__PURE__ */ jsx("span", {
+			className: ds_status_badge_v2_module_default.icon,
+			children: /* @__PURE__ */ jsx(DsIcon, {
+				icon: resolvedIcon,
+				size: "tiny",
+				filled: true,
+				"aria-hidden": "true",
+				style: iconStyle
+			})
+		});
+		$[9] = hasIcon;
+		$[10] = iconStyle;
+		$[11] = resolvedIcon;
+		$[12] = t11;
+	} else t11 = $[12];
+	let t12;
+	if ($[13] !== iconOnly || $[14] !== label) {
+		t12 = !iconOnly && /* @__PURE__ */ jsx(DsTypography, {
+			className: ds_status_badge_v2_module_default.label,
+			variant: "body-xs-reg",
+			children: label
+		});
+		$[13] = iconOnly;
+		$[14] = label;
+		$[15] = t12;
+	} else t12 = $[15];
+	let t13;
+	if ($[16] !== rootClass || $[17] !== style || $[18] !== t10 || $[19] !== t11 || $[20] !== t12 || $[21] !== t9) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			ref: t9,
+			className: rootClass,
+			style,
+			role: "status",
+			"aria-label": t10,
+			children: [t11, t12]
+		});
+		$[16] = rootClass;
+		$[17] = style;
+		$[18] = t10;
+		$[19] = t11;
+		$[20] = t12;
+		$[21] = t9;
+		$[22] = t13;
+	} else t13 = $[22];
+	const badge = t13;
+	if (iconOnly) {
+		let t14;
+		if ($[23] !== badge || $[24] !== tooltipContent) {
+			t14 = /* @__PURE__ */ jsx(DsTooltip, {
+				content: tooltipContent,
+				children: badge
+			});
+			$[23] = badge;
+			$[24] = tooltipContent;
+			$[25] = t14;
+		} else t14 = $[25];
+		return t14;
+	}
+	return badge;
+};
+//#endregion
+//#region src/components/ds-status-badge-v2/ds-status-badge-v2.types.ts
+const statusBadgeV2Phases = [
+	"not-started",
+	"temporary",
+	"in-review",
+	"pending",
+	"active",
+	"execution",
+	"result-succeeded",
+	"result-warning",
+	"result-failed",
+	"deprecated"
+];
+const statusBadgeV2Variants = ["primary", "secondary"];
+const statusBadgeV2Sizes = ["medium", "small"];
+//#endregion
+//#region src/components/ds-status-badge-v2/index.ts
+const DsStatusBadgeV2 = withResponsiveProps(DsStatusBadgeV2$1, ["size"]);
+//#endregion
 //#region src/components/ds-stepper/ds-stepper.module.scss
 var ds_stepper_module_default = {
 	"dragHandle": "kFAdma_dragHandle",
@@ -18102,8 +18670,7 @@ var ds_table_header_module_default = {
 	"headerSortContainer": "-2rCNG_headerSortContainer",
 	"pageButtonIcon": "-2rCNG_pageButtonIcon",
 	"pageButtonIconContainer": "-2rCNG_pageButtonIconContainer",
-	"reorderColumn": "-2rCNG_reorderColumn",
-	"selectColumn": "-2rCNG_selectColumn",
+	"selectHeaderCell": "-2rCNG_selectHeaderCell",
 	"sortableHeader": "-2rCNG_sortableHeader",
 	"stickyHeader": "-2rCNG_stickyHeader",
 	"virtualizedHeader": "-2rCNG_virtualizedHeader"
@@ -18143,54 +18710,58 @@ const getColumnSizeStyle = (columnSize, virtualized) => {
 	if (columnSize !== defaultColumnSizing.size) return { width: columnSize };
 	if (virtualized) return { flex: 1 };
 };
+/**
+* Column id used for the synthetic expander column injected when `expandable` is set.
+*/
+const EXPANDER_COLUMN_ID = "expander";
+/**
+* Column id used for the synthetic selection column injected when `selectable` is set.
+*/
+const SELECT_COLUMN_ID = "select";
+/**
+* Column id used for the synthetic reorder column injected when `reorderable` is set
+* (non-virtualized tables only).
+*/
+const REORDER_COLUMN_ID = "reorder";
 //#endregion
 //#region src/components/ds-table/components/ds-table-header/ds-table-header.tsx
 const DsTableHeader = ({ table }) => {
-	const { stickyHeader, bordered, selectable, reorderable, showSelectAllCheckbox, virtualized } = useDsTableContext();
+	const { stickyHeader, bordered, 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, {
+		children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, {
 			className: classNames(ds_table_header_module_default.headerRow, !bordered && ds_table_header_module_default.headerRowNoBorder, virtualized && ds_table_header_module_default.headerRowVirtualized),
-			children: [
-				selectable && /* @__PURE__ */ jsx(TableHead, {
-					className: classNames(ds_table_header_module_default.headerCell, ds_table_header_module_default.selectColumn),
-					children: showSelectAllCheckbox && /* @__PURE__ */ jsx(DsCheckbox, {
-						className: ds_table_shared_module_default.checkboxContainer,
-						checked: table.getIsAllRowsSelected() ? true : table.getIsSomeRowsSelected() ? "indeterminate" : false,
-						onCheckedChange: (checked) => table.toggleAllRowsSelected(!!checked),
-						onClick: (e) => e.stopPropagation()
+			children: headerGroup.headers.map((header) => {
+				const headerStyle = getColumnSizeStyle(header.column.getSize(), virtualized);
+				const canSort = header.column.getCanSort();
+				const isSelectColumn = header.column.id === SELECT_COLUMN_ID;
+				return /* @__PURE__ */ jsx(TableHead, {
+					className: classNames(ds_table_header_module_default.headerCell, canSort && ds_table_header_module_default.sortableHeader, isSelectColumn && ds_table_header_module_default.selectHeaderCell),
+					onClick: header.column.getToggleSortingHandler(),
+					style: headerStyle,
+					children: header.isPlaceholder ? null : /* @__PURE__ */ jsxs("div", {
+						className: ds_table_header_module_default.headerSortContainer,
+						children: [/* @__PURE__ */ jsx(DsStack, {
+							direction: "column",
+							justifyContent: "center",
+							width: "100%",
+							children: flexRender(header.column.columnDef.header, header.getContext())
+						}), canSort && /* @__PURE__ */ jsx("div", {
+							className: ds_table_header_module_default.pageButtonIconContainer,
+							children: {
+								asc: /* @__PURE__ */ jsx(DsIcon, {
+									icon: "arrow_drop_up",
+									className: classNames(ds_table_header_module_default.pageButtonIcon, ds_table_shared_module_default.pageButtonIcon)
+								}),
+								desc: /* @__PURE__ */ jsx(DsIcon, {
+									icon: "arrow_drop_down",
+									className: classNames(ds_table_header_module_default.pageButtonIcon, ds_table_shared_module_default.pageButtonIcon)
+								})
+							}[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx("div", { className: classNames(ds_table_header_module_default.pageButtonIcon, ds_table_shared_module_default.pageButtonIcon) })
+						})]
 					})
-				}),
-				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, 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()) }), canSort && /* @__PURE__ */ jsx("div", {
-								className: ds_table_header_module_default.pageButtonIconContainer,
-								children: {
-									asc: /* @__PURE__ */ jsx(DsIcon, {
-										icon: "arrow_drop_up",
-										className: classNames(ds_table_header_module_default.pageButtonIcon, ds_table_shared_module_default.pageButtonIcon)
-									}),
-									desc: /* @__PURE__ */ jsx(DsIcon, {
-										icon: "arrow_drop_down",
-										className: classNames(ds_table_header_module_default.pageButtonIcon, ds_table_shared_module_default.pageButtonIcon)
-									})
-								}[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx("div", { className: classNames(ds_table_header_module_default.pageButtonIcon, ds_table_shared_module_default.pageButtonIcon) })
-							})]
-						})
-					}, header.id);
-				})
-			]
+				}, header.id);
+			})
 		}, headerGroup.id))
 	});
 };
@@ -18294,24 +18865,6 @@ const DsTableCell = ({ row, cell, primaryRowActions = [], secondaryRowActions =
 	return /* @__PURE__ */ jsx(DsDefaultTableCell, { cell });
 };
 //#endregion
-//#region src/components/ds-table/components/ds-table-row-selectable-cell/ds-table-row-selectable-cell.module.scss
-var ds_table_row_selectable_cell_module_default = { "cell": "BxP8ta_cell" };
-//#endregion
-//#region src/components/ds-table/components/ds-table-row-selectable-cell/ds-table-row-selectable-cell.tsx
-const DsTableRowSelectableCell = ({ row, isSelected, className }) => {
-	return /* @__PURE__ */ jsx(TableCell, {
-		className: classNames(ds_table_row_selectable_cell_module_default.cell, className),
-		children: /* @__PURE__ */ jsx(DsCheckbox, {
-			className: ds_table_shared_module_default.checkboxContainer,
-			checked: isSelected,
-			disabled: !row.getCanSelect(),
-			onCheckedChange: (checked) => row.toggleSelected(!!checked),
-			onClick: (e) => e.stopPropagation(),
-			onDoubleClick: (e) => e.stopPropagation()
-		})
-	});
-};
-//#endregion
 //#region src/components/ds-table/components/ds-table-row/ds-table-row.module.scss
 var ds_table_row_module_default = {
 	"cellReorder": "t8OZCq_cellReorder",
@@ -18329,15 +18882,12 @@ 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 }) => {
+const DsRowDragHandle = ({ isDragging, attributes, listeners, style }) => {
 	return /* @__PURE__ */ jsx(TableCell, {
 		className: classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellReorder, { [ds_table_row_module_default.isDragging]: isDragging }),
+		style,
 		children: /* @__PURE__ */ jsx(DsIcon, {
 			className: ds_table_row_module_default.rowDragHandle,
 			icon: isDragging ? "drag_indicator" : "arrow_downward",
@@ -18349,7 +18899,7 @@ const DsRowDragHandle = ({ isDragging, attributes, listeners }) => {
 	});
 };
 const DsTableRow = ({ ref, row, isSelected }) => {
-	const { selectable, reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, bordered, rowSize, primaryRowActions, secondaryRowActions, activeRowId } = useDsTableContext();
+	const { reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, bordered, rowSize, primaryRowActions, secondaryRowActions, activeRowId } = useDsTableContext();
 	const isExpanded = row.getIsExpanded();
 	const isActive = activeRowId === row.id;
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
@@ -18366,7 +18916,7 @@ const DsTableRow = ({ ref, row, isSelected }) => {
 		} : {},
 		position: "relative"
 	} : {};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(TableRow, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TableRow, {
 		ref: mergeRefs(reorderable ? setNodeRef : null, ref),
 		"data-state": isActive ? "active" : isSelected ? "selected" : void 0,
 		className: classNames(ds_table_row_module_default.tableRow, {
@@ -18377,39 +18927,33 @@ const DsTableRow = ({ ref, row, isSelected }) => {
 		style: rowStyle,
 		onClick: () => onRowClick?.(row.original),
 		onDoubleClick: () => onRowDoubleClick?.(row.original),
-		children: [
-			selectable && /* @__PURE__ */ jsx(DsTableRowSelectableCell, {
-				row,
-				isSelected,
-				className: ds_table_row_module_default.selectableCell
-			}),
-			reorderable && /* @__PURE__ */ jsx(DsRowDragHandle, {
+		children: row.getVisibleCells().map((cell, idx) => {
+			const cellStyle = getColumnSizeStyle(cell.column.getSize());
+			if (cell.column.id === "reorder") return /* @__PURE__ */ jsx(DsRowDragHandle, {
 				isDragging,
 				attributes,
-				listeners
-			}),
-			row.getVisibleCells().map((cell, idx) => {
-				const isLastColumn = idx === row.getVisibleCells().length - 1;
-				const cellStyle = getColumnSizeStyle(cell.column.getSize());
-				return /* @__PURE__ */ jsx(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,
-						cell,
-						primaryRowActions,
-						secondaryRowActions
-					}) : /* @__PURE__ */ jsx(DsTableCell, {
-						row,
-						cell
-					})
-				}, cell.id);
-			})
-		]
+				listeners,
+				style: cellStyle
+			}, cell.id);
+			const isLastColumn = idx === row.getVisibleCells().length - 1;
+			return /* @__PURE__ */ jsx(TableCell, {
+				className: classNames(ds_table_row_module_default.tableCell, cell.column.id === "expander" && ds_table_row_module_default.expandableCell, cell.column.id === "select" && ds_table_row_module_default.selectableCell),
+				style: cellStyle,
+				children: isLastColumn ? /* @__PURE__ */ jsx(DsTableCell, {
+					row,
+					cell,
+					primaryRowActions,
+					secondaryRowActions
+				}) : /* @__PURE__ */ jsx(DsTableCell, {
+					row,
+					cell
+				})
+			}, cell.id);
+		})
 	}), isExpanded && renderExpandedRow && /* @__PURE__ */ jsx(TableRow, {
 		className: ds_table_row_module_default.expandedRow,
 		children: /* @__PURE__ */ jsx(TableCell, {
-			colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (reorderable ? 1 : 0),
+			colSpan: row.getVisibleCells().length,
 			className: ds_table_row_module_default.tableCell,
 			children: renderExpandedRow(row.original)
 		})
@@ -18442,6 +18986,30 @@ const DsTableRowExpandableCell = ({ row, buttonClassName }) => {
 	});
 };
 //#endregion
+//#region src/components/ds-table/components/ds-table-row-selectable-cell/ds-table-row-selectable-cell.tsx
+const DsTableRowSelectableCell = ({ row }) => {
+	return /* @__PURE__ */ jsx(DsCheckbox, {
+		className: ds_table_shared_module_default.checkboxContainer,
+		checked: row.getIsSelected(),
+		disabled: !row.getCanSelect(),
+		onCheckedChange: (checked) => row.toggleSelected(!!checked),
+		onClick: (e) => e.stopPropagation(),
+		onDoubleClick: (e) => e.stopPropagation()
+	});
+};
+//#endregion
+//#region src/components/ds-table/components/ds-table-header-selectable-cell/ds-table-header-selectable-cell.tsx
+const DsTableHeaderSelectableCell = ({ table }) => {
+	const checked = table.getIsAllRowsSelected() ? true : table.getIsSomeRowsSelected() ? "indeterminate" : false;
+	return /* @__PURE__ */ jsx(DsCheckbox, {
+		className: ds_table_shared_module_default.checkboxContainer,
+		checked,
+		onCheckedChange: (nextChecked) => table.toggleAllRowsSelected(!!nextChecked),
+		onClick: (e) => e.stopPropagation(),
+		onDoubleClick: (e) => e.stopPropagation()
+	});
+};
+//#endregion
 //#region src/components/ds-table/hooks/use-drag-and-drop.tsx
 const DragWrapper = ({ children, onDragEnd, sensors }) => /* @__PURE__ */ jsx(DndContext, {
 	collisionDetection: closestCenter,
@@ -18510,7 +19078,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, bordered, rowSize, activeRowId, primaryRowActions, secondaryRowActions, renderExpandedRow, onRowClick, onRowDoubleClick } = useDsTableContext();
+	const { bordered, rowSize, activeRowId, primaryRowActions, secondaryRowActions, renderExpandedRow, onRowClick, onRowDoubleClick } = useDsTableContext();
 	const isExpanded = row.getIsExpanded();
 	const isActive = activeRowId === row.id;
 	return /* @__PURE__ */ jsx(TableRow, {
@@ -18532,15 +19100,11 @@ 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
-		}), row.getVisibleCells().map((cell, idx) => {
+		children: isExpandedRowContent ? /* @__PURE__ */ jsx(TableCell, { children: renderExpandedRow?.(row.original) }) : /* @__PURE__ */ jsx(Fragment, { children: 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),
+				className: classNames(ds_table_row_virtualized_module_default.cell, cell.column.id === "expander" && ds_table_row_virtualized_module_default.expandableCell, cell.column.id === "select" && ds_table_row_virtualized_module_default.selectableCell),
 				children: isLastColumn ? /* @__PURE__ */ jsx(DsTableCell, {
 					row,
 					cell,
@@ -18551,12 +19115,41 @@ const DsTableRowVirtualized = ({ row, isSelected, rowsMapRef, rowHeightsMapRef,
 					cell
 				})
 			}, cell.id);
-		})] })
+		}) })
 	});
 };
 //#endregion
+//#region src/components/ds-table/components/ds-table-body-virtualized/use-infinite-scroll.ts
+const DEFAULT_THRESHOLD_PX = 500;
+const DEFAULT_AUTO_FILL = true;
+/**
+* Owns the infinite-scroll trigger logic for `DsTable`:
+* threshold detection and the auto-fill loop for short initial pages.
+*/
+const useInfiniteScroll = (scrollElementRef, rowCount, config) => {
+	const hasMore = config?.hasMore ?? false;
+	const isLoadingMore = config?.isLoadingMore ?? false;
+	const thresholdPx = config?.thresholdPx ?? DEFAULT_THRESHOLD_PX;
+	const autoFill = config?.autoFill ?? DEFAULT_AUTO_FILL;
+	const loadDataIfNeeded = () => {
+		const el = scrollElementRef.current;
+		if (!config || !hasMore || isLoadingMore || !el) return;
+		const isScrollable = el.scrollHeight > el.clientHeight;
+		const distanceToBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+		if (isScrollable && distanceToBottom <= thresholdPx || autoFill && !isScrollable) config.onLoadMore();
+	};
+	useEffect(() => {
+		loadDataIfNeeded();
+	}, [
+		rowCount,
+		hasMore,
+		isLoadingMore
+	]);
+	return { loadDataIfNeeded };
+};
+//#endregion
 //#region src/components/ds-table/components/ds-table-body-virtualized/ds-table-body-virtualized.tsx
-const DsTableBodyVirtualized = ({ table, tableContainerRef, emptyState, estimateSize, overscan, onScroll, rowSelection }) => {
+const DsTableBodyVirtualized = ({ table, tableContainerRef, emptyState, estimateSize, overscan, onScroll, rowSelection, infiniteScroll }) => {
 	const rowsMapRef = useRef(/* @__PURE__ */ new Map());
 	const rowHeightsMapRef = useRef(/* @__PURE__ */ new Map());
 	const { rows } = table.getRowModel();
@@ -18568,6 +19161,7 @@ const DsTableBodyVirtualized = ({ table, tableContainerRef, emptyState, estimate
 		const item = rowsAndExpandedRowContent[index];
 		return item ? `${item.row.id}${item.isExpandedRowContent ? "-expanded-content" : ""}` : String(index);
 	};
+	const { loadDataIfNeeded } = useInfiniteScroll(tableContainerRef, rows.length, infiniteScroll);
 	const rowVirtualizer = useVirtualizer({
 		count: rowsAndExpandedRowContent.length,
 		estimateSize: (index) => {
@@ -18585,18 +19179,21 @@ const DsTableBodyVirtualized = ({ table, tableContainerRef, emptyState, estimate
 					row.style.transform = `translateY(${virtualRow.start.toString()}px)`;
 				});
 			});
-			if (sync && onScroll) {
-				const scrollOffset = instance.scrollOffset || 0;
-				const totalContentHeight = instance.getTotalSize();
-				const viewportHeight = instance.scrollElement?.clientHeight;
-				const scrollDirection = instance.scrollDirection;
-				if (viewportHeight) onScroll({
-					scrollOffset,
-					totalContentHeight,
-					viewportHeight,
-					bottomOffset: totalContentHeight - (scrollOffset + viewportHeight),
-					scrollDirection
-				});
+			if (sync) {
+				if (onScroll) {
+					const scrollOffset = instance.scrollOffset || 0;
+					const totalContentHeight = instance.getTotalSize();
+					const viewportHeight = instance.scrollElement?.clientHeight;
+					const scrollDirection = instance.scrollDirection;
+					if (viewportHeight) onScroll({
+						scrollOffset,
+						totalContentHeight,
+						viewportHeight,
+						bottomOffset: totalContentHeight - (scrollOffset + viewportHeight),
+						scrollDirection
+					});
+				}
+				loadDataIfNeeded();
 			}
 		}
 	});
@@ -18645,7 +19242,7 @@ const ROW_SIZE_HEIGHT_MAP = {
 /**
 * Design system Table component
 */
-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 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, infiniteScroll }) => {
 	const [data, setData] = React$1.useState(tableData);
 	const [sorting, setSorting] = React$1.useState([]);
 	const [internalColumnFilters, setInternalColumnFilters] = React$1.useState([]);
@@ -18682,17 +19279,52 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 		setRowSelection(newRowSelection);
 		onSelectionChange?.(newRowSelection);
 	};
+	const hasExpanderColumn = !!expandable;
+	const hasSelectColumn = !!selectable;
+	const hasReorderColumn = reorderable && !virtualized;
 	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 augmentedColumns = [...columnsProp];
+		if (hasSelectColumn) {
+			const selectColumn = {
+				id: SELECT_COLUMN_ID,
+				size: 36,
+				enableSorting: false,
+				enableResizing: false,
+				header: ({ table }) => showSelectAllCheckbox ? /* @__PURE__ */ jsx(DsTableHeaderSelectableCell, { table }) : null,
+				cell: ({ row }) => /* @__PURE__ */ jsx(DsTableRowSelectableCell, { row })
+			};
+			augmentedColumns.unshift(selectColumn);
+		}
+		if (hasExpanderColumn) {
+			const expanderColumn = {
+				id: EXPANDER_COLUMN_ID,
+				size: 36,
+				enableSorting: false,
+				enableResizing: false,
+				header: () => null,
+				cell: ({ row }) => row.getCanExpand() ? /* @__PURE__ */ jsx(DsTableRowExpandableCell, { row }) : null
+			};
+			augmentedColumns.unshift(expanderColumn);
+		}
+		if (hasReorderColumn) {
+			const reorderColumn = {
+				id: REORDER_COLUMN_ID,
+				size: 60,
+				enableSorting: false,
+				enableResizing: false,
+				header: "Order",
+				cell: () => null
+			};
+			augmentedColumns.unshift(reorderColumn);
+		}
+		return augmentedColumns;
+	}, [
+		columnsProp,
+		hasExpanderColumn,
+		hasReorderColumn,
+		hasSelectColumn,
+		showSelectAllCheckbox
+	]);
 	const table = useReactTable({
 		data: reorderable ? data : tableData,
 		columns,
@@ -18755,7 +19387,7 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 	}), [table]);
 	const { rows, rowsById } = table.getRowModel();
 	const renderEmptyState = () => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
-		colSpan: columns.length + (selectable ? 1 : 0) + (reorderable ? 1 : 0),
+		colSpan: columns.length,
 		className: ds_table_module_default.emptyState,
 		children: emptyState || "No results."
 	}) });
@@ -18792,7 +19424,8 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 					estimateSize: virtualizedOptions?.estimateSize || ROW_SIZE_HEIGHT_MAP[rowSize],
 					overscan: virtualizedOptions?.overscan,
 					onScroll,
-					rowSelection
+					rowSelection,
+					infiniteScroll
 				}) : /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(SortableWrapper, { children: rows.length ? rows.map((row) => /* @__PURE__ */ jsx(DsTableRow, {
 					row,
 					isSelected: !!rowSelection[row.id]
@@ -19945,6 +20578,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, 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 };
+export { BREAKPOINT_LG, DsAlertBanner, DsAutocomplete, DsAvatar, DsAvatarGroup, DsBreadcrumb, DsButton, DsButtonV3, DsCard, DsCatalogLayout, 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, DsStatusBadgeV2, 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, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
 
 //# sourceMappingURL=index.js.map