@drivenets/design-system 0.14.0 → 0.16.0

package/dist/index.js

@@ -4,12 +4,12 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import React, { Children, Fragment as Fragment$1, createContext, createElement, isValidElement, useCallback, 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 { Tooltip } from "@ark-ui/react/tooltip";
+import { Portal } from "@ark-ui/react/portal";
 import { Combobox, createListCollection } from "@ark-ui/react/combobox";
 import { useFilter } from "@ark-ui/react/locale";
 import { Highlight } from "@ark-ui/react/highlight";
-import { Portal } from "@ark-ui/react/portal";
 import { Avatar } from "@ark-ui/react/avatar";
-import * as Tooltip from "@radix-ui/react-tooltip";
 import { Link, useLocation } from "@tanstack/react-router";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { Menu } from "@ark-ui/react/menu";
@@ -28,7 +28,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, getExpandedRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import { createColumnHelper, 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";
@@ -2858,6 +2858,7 @@ const DsIcon = (t0) => {
 	} else t8 = $[29];
 	return t8;
 };
+DsIcon.displayName = "DsIcon";
 //#endregion
 //#region src/components/ds-typography/ds-typography.config.ts
 const typographyVariantConfig = {
@@ -2954,7 +2955,7 @@ const typographyVariantConfig = {
 		component: ark.h4
 	}
 };
-/** Semantic text colors backed by `--font-*` tokens in `_root_new.scss`. */
+/** Semantic text colors backed by `--font-*` tokens in `_root.scss`. */
 const typographyColors = [
 	"main",
 	"secondary",
@@ -2974,6 +2975,228 @@ const typographyColors = [
 	"code"
 ];
 //#endregion
+//#region src/components/ds-typography/hooks/use-truncation.ts
+const OVERFLOW_TOLERANCE_PX = 1;
+const FALLBACK_LINE_HEIGHT_RATIO = 1.2;
+const DEFAULT_FONT_SIZE_PX = 16;
+const ELLIPSIS = "…";
+const ellipsisWidthCache = /* @__PURE__ */ new Map();
+let ellipsisMeasureSpan = null;
+const measureEllipsisWidth = (computed) => {
+	const cacheKey = `${computed.fontStyle}|${computed.fontWeight}|${computed.fontSize}|${computed.fontFamily}|${computed.letterSpacing}`;
+	const cached = ellipsisWidthCache.get(cacheKey);
+	if (cached !== void 0) return cached;
+	ellipsisMeasureSpan ??= document.createElement("span");
+	const span = ellipsisMeasureSpan;
+	span.textContent = ELLIPSIS;
+	span.style.position = "absolute";
+	span.style.visibility = "hidden";
+	span.style.whiteSpace = "pre";
+	span.style.fontStyle = computed.fontStyle;
+	span.style.fontWeight = computed.fontWeight;
+	span.style.fontSize = computed.fontSize;
+	span.style.fontFamily = computed.fontFamily;
+	span.style.letterSpacing = computed.letterSpacing;
+	document.body.appendChild(span);
+	const width = span.getBoundingClientRect().width;
+	span.remove();
+	ellipsisWidthCache.set(cacheKey, width);
+	return width;
+};
+let measureRange = null;
+const measureFittingPrefixRight = (textNode, maxRight) => {
+	measureRange ??= document.createRange();
+	const range = measureRange;
+	let low = 0;
+	let high = textNode.length;
+	let fittingLength = 0;
+	while (low <= high) {
+		const mid = low + high >>> 1;
+		range.setStart(textNode, 0);
+		range.setEnd(textNode, mid);
+		if (range.getBoundingClientRect().right <= maxRight) {
+			fittingLength = mid;
+			low = mid + 1;
+		} else high = mid - 1;
+	}
+	range.setStart(textNode, 0);
+	range.setEnd(textNode, fittingLength);
+	return range.getBoundingClientRect().right;
+};
+const getFirstTextNode = (element) => element.firstChild instanceof Text ? element.firstChild : null;
+const useTruncation = (ref, enabled, deps = []) => {
+	const [isTruncated, setIsTruncated] = useState(false);
+	useLayoutEffect(() => {
+		const element = ref.current;
+		if (!enabled || !element) {
+			setIsTruncated(false);
+			return;
+		}
+		const measure = () => {
+			const overflowsHorizontally = element.scrollWidth - element.clientWidth > OVERFLOW_TOLERANCE_PX;
+			const overflowsVertically = element.scrollHeight - element.clientHeight > OVERFLOW_TOLERANCE_PX;
+			setIsTruncated(overflowsHorizontally || overflowsVertically);
+		};
+		const rafId = requestAnimationFrame(measure);
+		const resizeObserver = new ResizeObserver(() => requestAnimationFrame(measure));
+		resizeObserver.observe(element);
+		return () => {
+			cancelAnimationFrame(rafId);
+			resizeObserver.disconnect();
+		};
+	}, [
+		ref,
+		enabled,
+		...deps
+	]);
+	return {
+		isTruncated,
+		getAnchorRect: useCallback(() => {
+			const element = ref.current;
+			if (!element) return null;
+			const rect = element.getBoundingClientRect();
+			const computed = getComputedStyle(element);
+			const paddingRight = parseFloat(computed.paddingRight) || 0;
+			const borderRight = parseFloat(computed.borderRightWidth) || 0;
+			const paddingBottom = parseFloat(computed.paddingBottom) || 0;
+			const borderBottom = parseFloat(computed.borderBottomWidth) || 0;
+			const fontSize = parseFloat(computed.fontSize) || DEFAULT_FONT_SIZE_PX;
+			const lineHeight = parseFloat(computed.lineHeight) || fontSize * FALLBACK_LINE_HEIGHT_RATIO;
+			const contentRight = rect.right - paddingRight - borderRight;
+			const ellipsisWidth = measureEllipsisWidth(computed);
+			const textNode = getFirstTextNode(element);
+			return {
+				x: computed.whiteSpace === "nowrap" && textNode ? measureFittingPrefixRight(textNode, contentRight - ellipsisWidth) + ellipsisWidth / 2 : contentRight - ellipsisWidth / 2,
+				y: rect.bottom - paddingBottom - borderBottom - lineHeight,
+				width: 0,
+				height: lineHeight
+			};
+		}, [ref])
+	};
+};
+//#endregion
+//#region src/utils/merge-refs.ts
+const mergeRefs = (...refs) => {
+	return (value) => {
+		refs.filter((r) => !!r).forEach((ref) => {
+			if (typeof ref === "function") ref(value);
+			else ref.current = value;
+		});
+	};
+};
+//#endregion
+//#region src/components/ds-tooltip/ds-tooltip.module.scss
+var ds_tooltip_module_default = {
+	"arrow": "rUPoLa_arrow",
+	"text": "rUPoLa_text",
+	"tooltip": "rUPoLa_tooltip"
+};
+//#endregion
+//#region src/components/ds-tooltip/ds-tooltip.tsx
+const OPEN_DELAY_MS = 200;
+const CLOSE_DELAY_MS = 0;
+const TOOLTIP_GUTTER_PX = 0;
+const DsTooltip = (t0) => {
+	const $ = c(19);
+	const { content, children, placement: t1, disabled: t2, getAnchorRect, slotProps } = t0;
+	const placement = t1 === void 0 ? "top" : t1;
+	const disabled = t2 === void 0 ? false : t2;
+	if (content === void 0) return children;
+	const t3 = getAnchorRect ?? void 0;
+	let t4;
+	if ($[0] !== placement || $[1] !== t3) {
+		t4 = {
+			placement,
+			gutter: TOOLTIP_GUTTER_PX,
+			getAnchorRect: t3
+		};
+		$[0] = placement;
+		$[1] = t3;
+		$[2] = t4;
+	} else t4 = $[2];
+	let t5;
+	if ($[3] !== children) {
+		t5 = /* @__PURE__ */ jsx(Tooltip.Trigger, {
+			asChild: true,
+			children
+		});
+		$[3] = children;
+		$[4] = t5;
+	} else t5 = $[4];
+	const t6 = slotProps?.content?.className;
+	let t7;
+	if ($[5] !== t6) {
+		t7 = classNames(ds_tooltip_module_default.tooltip, t6);
+		$[5] = t6;
+		$[6] = t7;
+	} else t7 = $[6];
+	const t8 = slotProps?.content?.style;
+	let t9;
+	if ($[7] !== content) {
+		t9 = isValidElement(content) ? content : /* @__PURE__ */ jsx("span", {
+			className: ds_tooltip_module_default.text,
+			children: content
+		});
+		$[7] = content;
+		$[8] = t9;
+	} else t9 = $[8];
+	let t10;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Tooltip.Arrow, {
+			className: ds_tooltip_module_default.arrow,
+			children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {})
+		});
+		$[9] = t10;
+	} else t10 = $[9];
+	let t11;
+	if ($[10] !== t7 || $[11] !== t8 || $[12] !== t9) {
+		t11 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
+			className: t7,
+			style: t8,
+			children: [t9, t10]
+		}) }) });
+		$[10] = t7;
+		$[11] = t8;
+		$[12] = t9;
+		$[13] = t11;
+	} else t11 = $[13];
+	let t12;
+	if ($[14] !== disabled || $[15] !== t11 || $[16] !== t4 || $[17] !== t5) {
+		t12 = /* @__PURE__ */ jsxs(Tooltip.Root, {
+			openDelay: OPEN_DELAY_MS,
+			closeDelay: CLOSE_DELAY_MS,
+			disabled,
+			positioning: t4,
+			lazyMount: true,
+			unmountOnExit: true,
+			children: [t5, t11]
+		});
+		$[14] = disabled;
+		$[15] = t11;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t12;
+	} else t12 = $[18];
+	return t12;
+};
+DsTooltip.displayName = "DsTooltip";
+//#endregion
+//#region src/components/ds-tooltip/ds-tooltip.types.ts
+const tooltipPlacements = [
+	"top",
+	"top-start",
+	"top-end",
+	"bottom",
+	"bottom-start",
+	"bottom-end",
+	"left",
+	"left-start",
+	"left-end",
+	"right",
+	"right-start",
+	"right-end"
+];
+//#endregion
 //#region src/components/ds-typography/ds-typography.module.scss
 var ds_typography_module_default = {
 	"body-md-bold": "X6xyRq_body-md-bold",
@@ -2998,14 +3221,17 @@ var ds_typography_module_default = {
 	"heading1": "X6xyRq_heading1",
 	"heading2": "X6xyRq_heading2",
 	"heading3": "X6xyRq_heading3",
-	"heading4": "X6xyRq_heading4"
+	"heading4": "X6xyRq_heading4",
+	"truncateMultiline": "X6xyRq_truncateMultiline",
+	"truncateSingle": "X6xyRq_truncateSingle"
 };
 //#endregion
 //#region src/components/ds-typography/ds-typography.tsx
 const semanticColorSet = new Set(typographyColors);
 const resolveColor = (color) => semanticColorSet.has(color) ? `var(--font-${color})` : color;
+const resolveLineClamp = (truncate) => typeof truncate === "number" ? Math.max(1, Math.floor(truncate)) : 1;
 const DsTypography = (t0) => {
-	const $ = c(23);
+	const $ = c(34);
 	let children;
 	let className;
 	let color;
@@ -3013,9 +3239,12 @@ const DsTypography = (t0) => {
 	let ref;
 	let style;
 	let t1;
+	let t2;
+	let t3;
+	let tooltipContent;
 	let variant;
 	if ($[0] !== t0) {
-		({ref, variant, asChild: t1, className, style, color, children, ...props} = t0);
+		({ref, variant, asChild: t1, className, style, color, truncate: t2, tooltip: t3, tooltipContent, children, ...props} = t0);
 		$[0] = t0;
 		$[1] = children;
 		$[2] = className;
@@ -3024,7 +3253,10 @@ const DsTypography = (t0) => {
 		$[5] = ref;
 		$[6] = style;
 		$[7] = t1;
-		$[8] = variant;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = tooltipContent;
+		$[11] = variant;
 	} else {
 		children = $[1];
 		className = $[2];
@@ -3033,54 +3265,100 @@ const DsTypography = (t0) => {
 		ref = $[5];
 		style = $[6];
 		t1 = $[7];
-		variant = $[8];
+		t2 = $[8];
+		t3 = $[9];
+		tooltipContent = $[10];
+		variant = $[11];
 	}
 	const asChild = t1 === void 0 ? false : t1;
+	const truncate = t2 === void 0 ? false : t2;
+	const tooltip = t3 === void 0 ? false : t3;
 	const Component = typographyVariantConfig[variant].component;
-	const t2 = ds_typography_module_default[variant];
-	let t3;
-	if ($[9] !== className || $[10] !== t2) {
-		t3 = classNames(t2, className);
-		$[9] = className;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
+	const internalRef = useRef(null);
+	const truncationEnabled = truncate !== false;
+	const lineClamp = resolveLineClamp(truncate);
+	const isMultiline = truncationEnabled && lineClamp > 1;
+	const tooltipEnabled = truncationEnabled && tooltip;
 	let t4;
-	if ($[12] !== color || $[13] !== style) {
-		t4 = color ? {
-			color: resolveColor(color),
-			...style
-		} : style;
-		$[12] = color;
-		$[13] = style;
+	if ($[12] !== children || $[13] !== truncate) {
+		t4 = [children, truncate];
+		$[12] = children;
+		$[13] = truncate;
 		$[14] = t4;
 	} else t4 = $[14];
+	const { isTruncated, getAnchorRect } = useTruncation(internalRef, tooltipEnabled, t4);
+	let resolvedStyle;
+	if (color || isMultiline || style) {
+		resolvedStyle = {};
+		if (color) resolvedStyle.color = resolveColor(color);
+		if (isMultiline) Object.assign(resolvedStyle, { "--ds-typography-line-clamp": lineClamp });
+		if (style) Object.assign(resolvedStyle, style);
+	}
+	const truncateClass = truncationEnabled ? isMultiline ? ds_typography_module_default.truncateMultiline : ds_typography_module_default.truncateSingle : void 0;
 	let t5;
-	if ($[15] !== Component || $[16] !== asChild || $[17] !== children || $[18] !== props || $[19] !== ref || $[20] !== t3 || $[21] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Component, {
-			ref,
+	if ($[15] !== ref) {
+		t5 = mergeRefs(ref, internalRef);
+		$[15] = ref;
+		$[16] = t5;
+	} else t5 = $[16];
+	const t6 = ds_typography_module_default[variant];
+	let t7;
+	if ($[17] !== className || $[18] !== t6 || $[19] !== truncateClass) {
+		t7 = classNames(t6, truncateClass, className);
+		$[17] = className;
+		$[18] = t6;
+		$[19] = truncateClass;
+		$[20] = t7;
+	} else t7 = $[20];
+	let t8;
+	if ($[21] !== Component || $[22] !== asChild || $[23] !== children || $[24] !== props || $[25] !== resolvedStyle || $[26] !== t5 || $[27] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Component, {
+			ref: t5,
 			asChild,
-			className: t3,
-			style: t4,
+			className: t7,
+			style: resolvedStyle,
 			...props,
 			children
 		});
-		$[15] = Component;
-		$[16] = asChild;
-		$[17] = children;
-		$[18] = props;
-		$[19] = ref;
-		$[20] = t3;
-		$[21] = t4;
-		$[22] = t5;
-	} else t5 = $[22];
-	return t5;
+		$[21] = Component;
+		$[22] = asChild;
+		$[23] = children;
+		$[24] = props;
+		$[25] = resolvedStyle;
+		$[26] = t5;
+		$[27] = t7;
+		$[28] = t8;
+	} else t8 = $[28];
+	const element = t8;
+	if (!tooltipEnabled) return element;
+	const t9 = tooltipContent ?? children;
+	const t10 = !isTruncated;
+	let t11;
+	if ($[29] !== element || $[30] !== getAnchorRect || $[31] !== t10 || $[32] !== t9) {
+		t11 = /* @__PURE__ */ jsx(DsTooltip, {
+			content: t9,
+			placement: "top",
+			disabled: t10,
+			getAnchorRect,
+			children: element
+		});
+		$[29] = element;
+		$[30] = getAnchorRect;
+		$[31] = t10;
+		$[32] = t9;
+		$[33] = t11;
+	} else t11 = $[33];
+	return t11;
 };
+DsTypography.displayName = "DsTypography";
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.tsx
 /**
-* Design system AlertBanner component
-* Controlled component that displays alert messages with different variants
+* @summary Controlled banner for surfacing contextual status messages.
+*
+* Renders as an inline bordered card or a full-width global bar, with five
+* severity variants, an optional icon, and an optional close button. Compose the
+* content with `DsAlertBanner.Title`, `DsAlertBanner.Body`, and `DsAlertBanner.Actions`.
 */
 const DsAlertBanner = (t0) => {
 	const $ = c(20);
@@ -3241,9 +3519,13 @@ const Actions$3 = (t0) => {
 	} else t2 = $[5];
 	return t2;
 };
+Title$2.displayName = "DsAlertBanner.Title";
+Body$5.displayName = "DsAlertBanner.Body";
+Actions$3.displayName = "DsAlertBanner.Actions";
 DsAlertBanner.Title = Title$2;
 DsAlertBanner.Body = Body$5;
 DsAlertBanner.Actions = Actions$3;
+DsAlertBanner.displayName = "DsAlertBanner";
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.types.ts
 const alertBannerVariants = [
@@ -3308,7 +3590,7 @@ const DsAutocomplete = (t0) => {
 	const filterUtils = useFilter(t12);
 	const collection = createListCollection({
 		items: filterText ? options.filter((opt) => filterUtils.contains(opt.label, filterText)) : options,
-		itemToString: _temp$16,
+		itemToString: _temp$17,
 		itemToValue: _temp2$9
 	});
 	let t13;
@@ -3520,7 +3802,8 @@ const DsAutocomplete = (t0) => {
 	} else t33 = $[52];
 	return t33;
 };
-function _temp$16(item) {
+DsAutocomplete.displayName = "DsAutocomplete";
+function _temp$17(item) {
 	return item.label;
 }
 function _temp2$9(item_0) {
@@ -3541,79 +3824,13 @@ var ds_avatar_module_default = {
 	"xsm": "VcKEMW_xsm"
 };
 //#endregion
-//#region src/components/ds-tooltip/ds-tooltip.module.scss
-var ds_tooltip_module_default = {
-	"arrow": "rUPoLa_arrow",
-	"tooltip": "rUPoLa_tooltip"
-};
-//#endregion
-//#region src/components/ds-tooltip/ds-tooltip.tsx
-const DsTooltip = (t0) => {
-	const $ = c(14);
-	const { content, children, slotProps } = t0;
-	if (content === void 0) return children;
-	let t1;
-	if ($[0] !== children) {
-		t1 = /* @__PURE__ */ jsx(Tooltip.Trigger, {
-			asChild: true,
-			children
-		});
-		$[0] = children;
-		$[1] = t1;
-	} else t1 = $[1];
-	const t2 = slotProps?.content?.className;
-	let t3;
-	if ($[2] !== t2) {
-		t3 = classNames(ds_tooltip_module_default.tooltip, t2);
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	const t4 = slotProps?.content?.style;
-	let t5;
-	if ($[4] !== content) {
-		t5 = isValidElement(content) ? content : /* @__PURE__ */ jsx(DsTypography, {
-			variant: "body-xs-reg",
-			children: content
-		});
-		$[4] = content;
-		$[5] = t5;
-	} else t5 = $[5];
-	let t6;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx(Tooltip.Arrow, { className: ds_tooltip_module_default.arrow });
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
-	if ($[7] !== t3 || $[8] !== t4 || $[9] !== t5) {
-		t7 = /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
-			className: t3,
-			style: t4,
-			side: "top",
-			align: "center",
-			sideOffset: 4,
-			children: [t5, t6]
-		}) });
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== t1 || $[12] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Tooltip.Provider, {
-			delayDuration: 200,
-			children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [t1, t7] })
-		});
-		$[11] = t1;
-		$[12] = t7;
-		$[13] = t8;
-	} else t8 = $[13];
-	return t8;
-};
-//#endregion
 //#region src/components/ds-avatar/ds-avatar.tsx
 /**
-* DsAvatar component for displaying user profile pictures or initials
+* @summary Displays a user's profile picture, falling back to initials.
+*
+* Renders a circular or rounded avatar from an image `src`. When the image is
+* missing or fails to load, the trimmed initials derived from `name` are shown
+* instead, and `name` is surfaced in a tooltip on hover.
 */
 const DsAvatar = (t0) => {
 	const $ = c(23);
@@ -3690,13 +3907,25 @@ const DsAvatar = (t0) => {
 	} else t11 = $[22];
 	return t11;
 };
-function _temp$15(w) {
+DsAvatar.displayName = "DsAvatar";
+function _temp$16(w) {
 	return w[0];
 }
 function _temp2$8(name_0) {
-	return name_0.trim().split(" ").map(_temp$15).join("");
+	return name_0.trim().split(" ").map(_temp$16).join("");
 }
 //#endregion
+//#region src/components/ds-avatar/ds-avatar.types.ts
+const dsAvatarSizes = [
+	"xsm",
+	"sm",
+	"regular",
+	"md",
+	"lg",
+	"xl"
+];
+const dsAvatarTypes = ["circle", "rounded"];
+//#endregion
 //#region src/components/ds-avatar-group/ds-avatar-group.module.scss
 var ds_avatar_group_module_default = {
 	"avatarGroup": "DPz7HW_avatarGroup",
@@ -3715,7 +3944,11 @@ var ds_avatar_group_module_default = {
 //#endregion
 //#region src/components/ds-avatar-group/ds-avatar-group.tsx
 /**
-* DsAvatarGroup component for displaying a list of avatars with overlap
+* @summary Overlapping avatars with overflow collapse and tooltip.
+*
+* Renders a row of {@link DsAvatar} members that share `size` and `type`. When
+* `avatars.length` exceeds `max`, the remainder collapse behind a `+N`
+* indicator; hovering it lists the hidden names in a tooltip.
 */
 const DsAvatarGroup = (t0) => {
 	const $ = c(17);
@@ -3751,7 +3984,7 @@ const DsAvatarGroup = (t0) => {
 		t6 = remainingCount > 0 && /* @__PURE__ */ jsx(DsTooltip, {
 			content: /* @__PURE__ */ jsx("div", {
 				className: ds_avatar_group_module_default.tooltipList,
-				children: hiddenAvatars.map(_temp$14)
+				children: hiddenAvatars.map(_temp$15)
 			}),
 			children: /* @__PURE__ */ jsxs("div", {
 				className: classNames(ds_avatar_group_module_default.moreAvatar, ds_avatar_group_module_default[size], ds_avatar_group_module_default[type]),
@@ -3784,7 +4017,8 @@ const DsAvatarGroup = (t0) => {
 	} else t7 = $[16];
 	return t7;
 };
-function _temp$14(avatar_0, index_0) {
+DsAvatarGroup.displayName = "DsAvatarGroup";
+function _temp$15(avatar_0, index_0) {
 	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DsTypography, {
 		variant: "body-xs-reg",
 		children: avatar_0.name
@@ -3807,6 +4041,8 @@ var ds_breadcrumb_module_default = {
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
 var ds_dropdown_menu_module_default = {
 	"actions": "AkHUyG_actions",
+	"actionsRow": "AkHUyG_actionsRow",
+	"actionsStretch": "AkHUyG_actionsStretch",
 	"collapse": "AkHUyG_collapse",
 	"content": "AkHUyG_content",
 	"contentLegacy": "AkHUyG_contentLegacy",
@@ -3976,6 +4212,7 @@ const DsTextInput = (t0) => {
 	} else t16 = $[41];
 	return t16;
 };
+DsTextInput.displayName = "DsTextInput";
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.types.ts
 const textInputSizes = ["small", "default"];
@@ -4180,32 +4417,33 @@ const Header$5 = (t0) => {
 	return t2;
 };
 /**
-* Actions component - footer container for action buttons
+* Actions component - sticky bottom slot for action buttons (`align="end"`) or
+* full-width elements like a logout item (`align="stretch"`).
 */
 const Actions$2 = (t0) => {
-	const $ = c(6);
-	const { children, className, style } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = classNames(ds_dropdown_menu_module_default.actions, className);
+	const $ = c(7);
+	const { children, align: t1, className, style } = t0;
+	const t2 = (t1 === void 0 ? "end" : t1) === "stretch" ? ds_dropdown_menu_module_default.actionsStretch : ds_dropdown_menu_module_default.actionsRow;
+	let t3;
+	if ($[0] !== className || $[1] !== t2) {
+		t3 = classNames(ds_dropdown_menu_module_default.actions, t2, className);
 		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			className: t1,
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== children || $[4] !== style || $[5] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: t3,
 			style,
-			role: "menu",
-			"aria-label": "Menu actions",
 			children
 		});
-		$[2] = children;
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
+		$[3] = children;
+		$[4] = style;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	return t4;
 };
 /**
 * ItemGroup component - collapsible group container
@@ -4341,7 +4579,7 @@ const ItemGroupLabel = (t0) => {
 				className: t1,
 				style,
 				onClick: toggle,
-				onKeyDown: _temp$13,
+				onKeyDown: _temp$14,
 				children: [t2, t5]
 			})
 		});
@@ -4643,7 +4881,20 @@ const DsDropdownMenu = {
 	ItemGroupContent,
 	Separator
 };
-function _temp$13(e) {
+DsDropdownMenu.Root.displayName = "DsDropdownMenu.Root";
+DsDropdownMenu.Trigger.displayName = "DsDropdownMenu.Trigger";
+DsDropdownMenu.Content.displayName = "DsDropdownMenu.Content";
+DsDropdownMenu.Item.displayName = "DsDropdownMenu.Item";
+DsDropdownMenu.ItemIndicator.displayName = "DsDropdownMenu.ItemIndicator";
+DsDropdownMenu.TriggerItem.displayName = "DsDropdownMenu.TriggerItem";
+DsDropdownMenu.Header.displayName = "DsDropdownMenu.Header";
+DsDropdownMenu.Actions.displayName = "DsDropdownMenu.Actions";
+DsDropdownMenu.ItemGroup.displayName = "DsDropdownMenu.ItemGroup";
+DsDropdownMenu.ItemGroupLabel.displayName = "DsDropdownMenu.ItemGroupLabel";
+DsDropdownMenu.ItemGroupContent.displayName = "DsDropdownMenu.ItemGroupContent";
+DsDropdownMenu.Separator.displayName = "DsDropdownMenu.Separator";
+DsDropdownMenuLegacy.displayName = "DsDropdownMenuLegacy";
+function _temp$14(e) {
 	return e.stopPropagation();
 }
 function _temp2$7(e) {
@@ -4652,6 +4903,7 @@ function _temp2$7(e) {
 //#endregion
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.ts
 const dropdownMenuItemVariants = ["default", "error"];
+const dropdownMenuActionsAlignments = ["end", "stretch"];
 //#endregion
 //#region src/components/ds-breadcrumb/ds-breadcrumb.tsx
 /**
@@ -4708,7 +4960,7 @@ const DsBreadcrumb = (t0) => {
 							placeholder: "Search",
 							value: search,
 							onValueChange: setSearch,
-							onKeyDown: _temp$12,
+							onKeyDown: _temp$13,
 							slots: { startAdornment: /* @__PURE__ */ jsx(DsIcon, {
 								icon: "search",
 								size: "tiny"
@@ -4764,7 +5016,8 @@ const DsBreadcrumb = (t0) => {
 	} else t4 = $[16];
 	return t4;
 };
-function _temp$12(e) {
+DsBreadcrumb.displayName = "DsBreadcrumb";
+function _temp$13(e) {
 	return e.stopPropagation();
 }
 //#endregion
@@ -5075,6 +5328,7 @@ const DsButton = (props) => {
 	} else t0 = $[3];
 	return t0;
 };
+DsButton.displayName = "DsButton";
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.module.scss
 var ds_spinner_module_default = {
@@ -5193,6 +5447,7 @@ const DsSpinner = (t0) => {
 	} else t11 = $[24];
 	return t11;
 };
+DsSpinner.displayName = "DsSpinner";
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.types.ts
 const spinnerSizes = [
@@ -5211,6 +5466,12 @@ const iconSizeMap = Object.freeze({
 	small: "tiny",
 	tiny: "tiny"
 });
+/**
+* Button for user-triggered actions that do not navigate to another route.
+* Supports color palettes, emphasis variants, sizes, icon-only layout, loading and selected states.
+*
+* @summary action button with color/variant/size, icon-only, loading and selected states
+*/
 const DsButtonV3$1 = (t0) => {
 	const $ = c(37);
 	let children;
@@ -5347,6 +5608,7 @@ const buttonV3Sizes = [
 //#endregion
 //#region src/components/ds-button-v3/index.ts
 const DsButtonV3 = withResponsiveProps(DsButtonV3$1, ["size"]);
+DsButtonV3.displayName = "DsButtonV3";
 //#endregion
 //#region src/components/ds-card/ds-card.module.scss
 var ds_card_module_default = {
@@ -5470,9 +5732,8 @@ const Root$3 = (t0) => {
 	return t14;
 };
 /**
-* Card header - contains title and extra content.
-* Use with DsCard.Title and DsCard.Extra for standard layout,
-* or provide custom children for full flexibility.
+* Card header — title row and optional trailing content.
+* Provide custom children for full layout flexibility.
 */
 const Header$4 = (t0) => {
 	const $ = c(12);
@@ -5603,6 +5864,10 @@ const Footer$3 = (t0) => {
 	} else t2 = $[11];
 	return t2;
 };
+Root$3.displayName = "DsCard.Root";
+Header$4.displayName = "DsCard.Header";
+Body$4.displayName = "DsCard.Body";
+Footer$3.displayName = "DsCard.Footer";
 const DsCard = {
 	Root: Root$3,
 	Header: Header$4,
@@ -6018,11 +6283,17 @@ const ContentHeader = (t0) => {
 	} else t6 = $[21];
 	return t6;
 };
+Header$3.displayName = "DsCatalogLayout.Header";
+Body$3.displayName = "DsCatalogLayout.Body";
+SideMenu$1.displayName = "DsCatalogLayout.SideMenu";
+Content$1.displayName = "DsCatalogLayout.Content";
+ContentHeader.displayName = "DsCatalogLayout.ContentHeader";
 DsCatalogLayout.Header = Header$3;
 DsCatalogLayout.Body = Body$3;
 DsCatalogLayout.SideMenu = SideMenu$1;
 DsCatalogLayout.Content = Content$1;
 DsCatalogLayout.ContentHeader = ContentHeader;
+DsCatalogLayout.displayName = "DsCatalogLayout";
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.module.scss
 var ds_checkbox_module_default = {
@@ -6038,7 +6309,13 @@ var ds_checkbox_module_default = {
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.tsx
 /**
-* Design system Checkbox component
+* @summary Checkbox for single and grouped selection
+*
+* Checkbox for boolean and multi-select inputs. Use standalone for a single
+* toggle, or compose inside `DsCheckboxGroup` for multi-select lists. Import
+* `useCheckboxSelectAll` from `ds-checkbox-group` for parent "select all"
+* checkboxes. `checked` accepts `true`, `false`, or `"indeterminate"`.
+*
 */
 const DsCheckbox = (t0) => {
 	const $ = c(25);
@@ -6155,6 +6432,7 @@ const DsCheckbox = (t0) => {
 	} else t10 = $[24];
 	return t10;
 };
+DsCheckbox.displayName = "DsCheckbox";
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.types.ts
 const checkboxVariants = ["default", "warning"];
@@ -6208,6 +6486,7 @@ const DsCheckboxGroup = (t0) => {
 	} else t4 = $[11];
 	return t4;
 };
+DsCheckboxGroup.displayName = "DsCheckboxGroup";
 //#endregion
 //#region src/components/ds-checkbox-group/hooks/use-checkbox-select-all.ts
 /**
@@ -6362,6 +6641,7 @@ const DsChip = (t0) => {
 	} else t17 = $[28];
 	return t17;
 };
+DsChip.displayName = "DsChip";
 //#endregion
 //#region src/components/ds-chip-group/ds-chip-group.module.scss
 var ds_chip_group_module_default = {
@@ -6403,7 +6683,8 @@ const useChipRowCalculation = ({ chipsWrapperRef, totalFilters }) => {
 					total = next;
 				} else total += next;
 			}
-			setVisibleCount(Math.max(1, line < 2 ? index : index - 1));
+			const result = Math.max(1, line < 2 ? index : index - 1);
+			setVisibleCount(result);
 		};
 		const rafId = requestAnimationFrame(() => {
 			calculateVisibleChips();
@@ -6506,6 +6787,7 @@ const DsChipGroup = ({ items, label = "Filtered by:", onClearAll, onItemDelete,
 		]
 	});
 };
+DsChipGroup.displayName = "DsChipGroup";
 //#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.module.scss
 var ds_comment_bubble_module_default = {
@@ -6631,6 +6913,7 @@ const DsTextarea = (t0) => {
 	} else t7 = $[21];
 	return t7;
 };
+DsTextarea.displayName = "DsTextarea";
 //#endregion
 //#region src/utils/format-relative-time.ts
 const SECONDS_PER_MINUTE = 60;
@@ -6895,6 +7178,7 @@ const DsThreadItem = (t0) => {
 	} else t18 = $[51];
 	return t18;
 };
+DsThreadItem.displayName = "DsThreadItem";
 //#endregion
 //#region src/components/ds-comment-bubble/hooks/use-click-outside.ts
 const useClickOutside = (ref, onClickOutside, t0) => {
@@ -7001,7 +7285,7 @@ const DsCommentThread = (t0) => {
 	const bottomRef = useRef(null);
 	let t1;
 	if ($[0] !== messages) {
-		t1 = messages.find(_temp$11) || messages[0];
+		t1 = messages.find(_temp$12) || messages[0];
 		$[0] = messages;
 		$[1] = t1;
 	} else t1 = $[1];
@@ -7141,7 +7425,8 @@ const DsCommentThread = (t0) => {
 	} else t22 = $[36];
 	return t22;
 };
-function _temp$11(m) {
+DsCommentThread.displayName = "DsCommentThread";
+function _temp$12(m) {
 	return m.isInitialMessage;
 }
 //#endregion
@@ -7483,6 +7768,7 @@ const DsTag = (t0) => {
 	} else t28 = $[63];
 	return t28;
 };
+DsTag.displayName = "DsTag";
 //#endregion
 //#region src/components/ds-tag/ds-tag.types.ts
 const tagSizes = ["medium", "small"];
@@ -7493,16 +7779,6 @@ const tagVariants = [
 	"key-value"
 ];
 //#endregion
-//#region src/utils/merge-refs.ts
-const mergeRefs = (...refs) => {
-	return (value) => {
-		refs.filter((r) => !!r).forEach((ref) => {
-			if (typeof ref === "function") ref(value);
-			else ref.current = value;
-		});
-	};
-};
-//#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.tsx
 const DsCommentBubble = (t0) => {
 	const $ = c(74);
@@ -7840,6 +8116,7 @@ const DsCommentBubble = (t0) => {
 	} else t20 = $[73];
 	return t20;
 };
+DsCommentBubble.displayName = "DsCommentBubble";
 //#endregion
 //#region src/components/ds-comment-card/ds-comment-card.module.scss
 var ds_comment_card_module_default = {
@@ -7873,7 +8150,7 @@ const DsCommentCard = (t0) => {
 	const { numericId, author, createdAt, messages, referenceTag, isActionRequired } = comment;
 	let t4;
 	if ($[0] !== messages) {
-		t4 = messages.find(_temp$10) || messages[0];
+		t4 = messages.find(_temp$11) || messages[0];
 		$[0] = messages;
 		$[1] = t4;
 	} else t4 = $[1];
@@ -8197,7 +8474,8 @@ const DsCommentCard = (t0) => {
 	} else t34 = $[78];
 	return t34;
 };
-function _temp$10(m) {
+DsCommentCard.displayName = "DsCommentCard";
+function _temp$11(m) {
 	return m.isInitialMessage;
 }
 function _temp2$6(m_0) {
@@ -8286,6 +8564,7 @@ const DsCommentIndicator = (t0) => {
 	} else t7 = $[16];
 	return t7;
 };
+DsCommentIndicator.displayName = "DsCommentIndicator";
 //#endregion
 //#region src/components/ds-comments-drawer/ds-comments-drawer.module.scss
 var ds_comments_drawer_module_default = {
@@ -8408,8 +8687,8 @@ const useArkDialogBodyLockCleanup = (open, enabled) => {
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.tsx
 const DsDrawer = (t0) => {
-	const $ = c(25);
-	const { open, onOpenChange, columns: t1, position: t2, backdrop: t3, closeOnEscape: t4, closeOnInteractOutside: t5, portal: t6, style, className, children } = t0;
+	const $ = c(28);
+	const { open, onOpenChange, onOpenAutoFocus, columns: t1, position: t2, backdrop: t3, closeOnEscape: t4, closeOnInteractOutside: t5, portal: t6, style, className, children } = t0;
 	const columns = t1 === void 0 ? 4 : t1;
 	const position = t2 === void 0 ? "end" : t2;
 	const backdrop = t3 === void 0 ? false : t3;
@@ -8427,75 +8706,88 @@ const DsDrawer = (t0) => {
 		$[1] = t7;
 	} else t7 = $[1];
 	const handleOpenChange = t7;
-	const Wrapper = portal ? Portal : Fragment$1;
 	let t8;
-	if ($[2] !== backdrop) {
-		t8 = backdrop && /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_drawer_module_default.backdrop });
-		$[2] = backdrop;
+	if ($[2] !== onOpenAutoFocus) {
+		t8 = onOpenAutoFocus ? () => {
+			const event = new Event("openAutoFocus", { cancelable: true });
+			onOpenAutoFocus(event);
+			return event.defaultPrevented ? document.activeElement : void 0;
+		} : void 0;
+		$[2] = onOpenAutoFocus;
 		$[3] = t8;
 	} else t8 = $[3];
-	const t9 = ds_drawer_module_default[`position-${position}`];
-	const t10 = ds_drawer_module_default[`cols-${resolvedColumns}`];
-	let t11;
-	if ($[4] !== className || $[5] !== t10 || $[6] !== t9) {
-		t11 = classNames(ds_drawer_module_default.drawer, t9, className, t10);
-		$[4] = className;
-		$[5] = t10;
-		$[6] = t9;
-		$[7] = t11;
-	} else t11 = $[7];
+	const initialFocusEl = t8;
+	const Wrapper = portal ? Portal : Fragment$1;
+	let t9;
+	if ($[4] !== backdrop) {
+		t9 = backdrop && /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_drawer_module_default.backdrop });
+		$[4] = backdrop;
+		$[5] = t9;
+	} else t9 = $[5];
+	const t10 = ds_drawer_module_default[`position-${position}`];
+	const t11 = ds_drawer_module_default[`cols-${resolvedColumns}`];
 	let t12;
-	if ($[8] !== children) {
-		t12 = /* @__PURE__ */ jsx("div", {
-			className: ds_drawer_module_default.content,
-			children
-		});
-		$[8] = children;
+	if ($[6] !== className || $[7] !== t10 || $[8] !== t11) {
+		t12 = classNames(ds_drawer_module_default.drawer, t10, className, t11);
+		$[6] = className;
+		$[7] = t10;
+		$[8] = t11;
 		$[9] = t12;
 	} else t12 = $[9];
 	let t13;
-	if ($[10] !== style || $[11] !== t11 || $[12] !== t12) {
-		t13 = /* @__PURE__ */ jsx(Dialog.Positioner, {
+	if ($[10] !== children) {
+		t13 = /* @__PURE__ */ jsx("div", {
+			className: ds_drawer_module_default.content,
+			children
+		});
+		$[10] = children;
+		$[11] = t13;
+	} else t13 = $[11];
+	let t14;
+	if ($[12] !== style || $[13] !== t12 || $[14] !== t13) {
+		t14 = /* @__PURE__ */ jsx(Dialog.Positioner, {
 			className: ds_drawer_module_default.positioner,
 			children: /* @__PURE__ */ jsx(Dialog.Content, {
 				style,
-				className: t11,
-				children: t12
+				className: t12,
+				children: t13
 			})
 		});
-		$[10] = style;
-		$[11] = t11;
-		$[12] = t12;
-		$[13] = t13;
-	} else t13 = $[13];
-	let t14;
-	if ($[14] !== Wrapper || $[15] !== t13 || $[16] !== t8) {
-		t14 = /* @__PURE__ */ jsxs(Wrapper, { children: [t8, t13] });
-		$[14] = Wrapper;
-		$[15] = t13;
-		$[16] = t8;
-		$[17] = t14;
-	} else t14 = $[17];
+		$[12] = style;
+		$[13] = t12;
+		$[14] = t13;
+		$[15] = t14;
+	} else t14 = $[15];
 	let t15;
-	if ($[18] !== backdrop || $[19] !== closeOnEscape || $[20] !== closeOnInteractOutside || $[21] !== handleOpenChange || $[22] !== open || $[23] !== t14) {
-		t15 = /* @__PURE__ */ jsx(Dialog.Root, {
+	if ($[16] !== Wrapper || $[17] !== t14 || $[18] !== t9) {
+		t15 = /* @__PURE__ */ jsxs(Wrapper, { children: [t9, t14] });
+		$[16] = Wrapper;
+		$[17] = t14;
+		$[18] = t9;
+		$[19] = t15;
+	} else t15 = $[19];
+	let t16;
+	if ($[20] !== backdrop || $[21] !== closeOnEscape || $[22] !== closeOnInteractOutside || $[23] !== handleOpenChange || $[24] !== initialFocusEl || $[25] !== open || $[26] !== t15) {
+		t16 = /* @__PURE__ */ jsx(Dialog.Root, {
 			open,
 			onOpenChange: handleOpenChange,
 			modal: backdrop,
 			closeOnEscape,
 			closeOnInteractOutside,
 			preventScroll: backdrop,
-			children: t14
-		});
-		$[18] = backdrop;
-		$[19] = closeOnEscape;
-		$[20] = closeOnInteractOutside;
-		$[21] = handleOpenChange;
-		$[22] = open;
-		$[23] = t14;
-		$[24] = t15;
-	} else t15 = $[24];
-	return t15;
+			initialFocusEl,
+			children: t15
+		});
+		$[20] = backdrop;
+		$[21] = closeOnEscape;
+		$[22] = closeOnInteractOutside;
+		$[23] = handleOpenChange;
+		$[24] = initialFocusEl;
+		$[25] = open;
+		$[26] = t15;
+		$[27] = t16;
+	} else t16 = $[27];
+	return t16;
 };
 const Header$2 = (t0) => {
 	const $ = c(6);
@@ -8675,6 +8967,13 @@ const Actions$1 = (t0) => {
 	} else t2 = $[5];
 	return t2;
 };
+Header$2.displayName = "DsDrawer.Header";
+Title$1.displayName = "DsDrawer.Title";
+CloseTrigger$1.displayName = "DsDrawer.CloseTrigger";
+Toolbar.displayName = "DsDrawer.Toolbar";
+Body$2.displayName = "DsDrawer.Body";
+Footer$2.displayName = "DsDrawer.Footer";
+Actions$1.displayName = "DsDrawer.Actions";
 DsDrawer.Header = Header$2;
 DsDrawer.Title = Title$1;
 DsDrawer.CloseTrigger = CloseTrigger$1;
@@ -8682,6 +8981,7 @@ DsDrawer.Toolbar = Toolbar;
 DsDrawer.Body = Body$2;
 DsDrawer.Footer = Footer$2;
 DsDrawer.Actions = Actions$1;
+DsDrawer.displayName = "DsDrawer";
 //#endregion
 //#region src/components/ds-tag-filter/ds-tag-filter.module.scss
 var ds_tag_filter_module_default = {
@@ -8774,9 +9074,10 @@ const useTagOverflowCalculation = (t0) => {
 				return;
 			}
 			const { count } = fitTagsInRow(tagWidths, getContainerAvailableWidth(container), gap);
+			const hasOverflow = count < tagWidths.length;
 			setState({
 				visibleTagCount: count,
-				hasOverflow: count < tagWidths.length
+				hasOverflow
 			});
 		};
 		$[1] = containerRef;
@@ -9073,6 +9374,7 @@ const DsTagFilter = (t0) => {
 	} else t25 = $[61];
 	return t25;
 };
+DsTagFilter.displayName = "DsTagFilter";
 //#endregion
 //#region src/components/ds-comments-drawer/comments-filters.ts
 const initialFilterState = {
@@ -9442,12 +9744,19 @@ const Actions = (t0) => {
 	} else t2 = $[5];
 	return t2;
 };
+Header$1.displayName = "DsModal.Header";
+Title.displayName = "DsModal.Title";
+CloseTrigger.displayName = "DsModal.CloseTrigger";
+Body$1.displayName = "DsModal.Body";
+Footer$1.displayName = "DsModal.Footer";
+Actions.displayName = "DsModal.Actions";
 DsModal.Header = Header$1;
 DsModal.Title = Title;
 DsModal.CloseTrigger = CloseTrigger;
 DsModal.Body = Body$1;
 DsModal.Footer = Footer$1;
 DsModal.Actions = Actions;
+DsModal.displayName = "DsModal";
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.module.scss
 var ds_tabs_list_module_default = { "tabList": "vT68YW_tabList" };
@@ -9484,6 +9793,7 @@ const DsTabsList = (t0) => {
 	} else t3 = $[6];
 	return t3;
 };
+DsTabsList.displayName = "DsTabs.List";
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.module.scss
 var ds_tabs_tab_module_default = {
@@ -9609,7 +9919,7 @@ const DsTabsTab = (t0) => {
 				})
 			}), /* @__PURE__ */ jsx(DsDropdownMenu.Content, {
 				className: ds_tabs_tab_module_default.menuContent,
-				children: menuActionItems.map(_temp$9)
+				children: menuActionItems.map(_temp$10)
 			})]
 		});
 		$[17] = handleMenuActionSelect;
@@ -9647,7 +9957,8 @@ const DsTabsTab = (t0) => {
 	} else t6 = $[29];
 	return t6;
 };
-function _temp$9(item) {
+DsTabsTab.displayName = "DsTabs.Tab";
+function _temp$10(item) {
 	return /* @__PURE__ */ jsx(DsDropdownMenu.Item, {
 		value: item.value,
 		disabled: item.disabled,
@@ -9691,6 +10002,7 @@ const DsTabsContent = (t0) => {
 	} else t2 = $[6];
 	return t2;
 };
+DsTabsContent.displayName = "DsTabs.Content";
 //#endregion
 //#region src/components/ds-tabs/ds-tabs.module.scss
 var ds_tabs_module_default = { "root": "gZYmYG_root" };
@@ -9743,6 +10055,7 @@ const DsTabsRoot = (t0) => {
 	} else t5 = $[12];
 	return t5;
 };
+DsTabsRoot.displayName = "DsTabs.Root";
 const DsTabs = {
 	Root: DsTabsRoot,
 	List: DsTabsList,
@@ -10171,7 +10484,8 @@ const YearView$1 = () => {
 	} else t0 = $[0];
 	return t0;
 };
-function _temp$8(weekDay, id) {
+DsDateInput.displayName = "DsDateInput";
+function _temp$9(weekDay, id) {
 	return /* @__PURE__ */ jsx(DatePicker.TableHeader, {
 		className: ds_date_input_module_default.tableHeader,
 		children: /* @__PURE__ */ jsx(DsTypography, {
@@ -10206,7 +10520,7 @@ function _temp4$2(datePicker) {
 			className: ds_date_input_module_default.tableHead,
 			children: /* @__PURE__ */ jsx(DatePicker.TableRow, {
 				className: ds_date_input_module_default.tableRow,
-				children: datePicker.weekDays.map(_temp$8)
+				children: datePicker.weekDays.map(_temp$9)
 			})
 		}), /* @__PURE__ */ jsx(DatePicker.TableBody, {
 			className: ds_date_input_module_default.tableBody,
@@ -10849,7 +11163,7 @@ const DsCommentsDrawer = (t0) => {
 			authorsMap.set(comment.author.id, comment.author.name);
 			comment.labels?.forEach((label) => labelsSet.add(label));
 		});
-		availableAuthors = Array.from(authorsMap.entries()).map(_temp$7);
+		availableAuthors = Array.from(authorsMap.entries()).map(_temp$8);
 		availableLabels = Array.from(labelsSet);
 		let filteredComments = comments;
 		if (!showResolved) filteredComments = filteredComments.filter(_temp2$4);
@@ -10923,7 +11237,10 @@ const DsCommentsDrawer = (t0) => {
 		if ($[49] !== appliedFilters || $[50] !== filterTags) {
 			t21 = (item) => {
 				const tag = filterTags.find((c_2) => c_2.id === item.id);
-				if (tag) setAppliedFilters(removeTag(appliedFilters, tag));
+				if (tag) {
+					const newFilters = removeTag(appliedFilters, tag);
+					setAppliedFilters(newFilters);
+				}
 			};
 			$[49] = appliedFilters;
 			$[50] = filterTags;
@@ -11198,7 +11515,8 @@ const DsCommentsDrawer = (t0) => {
 	} else t18 = $[101];
 	return t18;
 };
-function _temp$7(t0) {
+DsCommentsDrawer.displayName = "DsCommentsDrawer";
+function _temp$8(t0) {
 	const [id, name] = t0;
 	return {
 		id,
@@ -11244,6 +11562,7 @@ DsConfirmation.CloseTrigger = DsModal.CloseTrigger;
 DsConfirmation.Body = DsModal.Body;
 DsConfirmation.Footer = DsModal.Footer;
 DsConfirmation.Actions = DsModal.Actions;
+DsConfirmation.displayName = "DsConfirmation";
 //#endregion
 //#region src/components/ds-date-picker/ds-date-picker.utils.ts
 const toIntlDate = (date) => date ? fromDate(date, getLocalTimeZone()) : date;
@@ -11900,6 +12219,7 @@ const DsTimePicker = (props) => {
 	} else t26 = $[71];
 	return t26;
 };
+DsTimePicker.displayName = "DsTimePicker";
 //#endregion
 //#region src/components/ds-date-picker/ds-date-picker.module.scss
 var ds_date_picker_module_default = {
@@ -11998,7 +12318,7 @@ const DayView = (t0) => {
 						className: calendar_table_module_default.table,
 						children: [/* @__PURE__ */ jsx(DatePicker.TableHead, { children: /* @__PURE__ */ jsx(DatePicker.TableRow, {
 							className: calendar_table_module_default.tableRow,
-							children: datePicker.weekDays.map(_temp$6)
+							children: datePicker.weekDays.map(_temp$7)
 						}) }), /* @__PURE__ */ jsx(DatePicker.TableBody, {
 							className: calendar_table_module_default.tableBody,
 							children: datePicker.weeks.map(_temp3$3)
@@ -12013,7 +12333,7 @@ const DayView = (t0) => {
 	} else t1 = $[1];
 	return t1;
 };
-function _temp$6(weekDay, idx) {
+function _temp$7(weekDay, idx) {
 	return /* @__PURE__ */ jsx(DatePicker.TableHeader, {
 		className: calendar_table_module_default.tableHeader,
 		children: /* @__PURE__ */ jsx(DsTypography, {
@@ -12057,7 +12377,7 @@ const MonthView = () => {
 	} else t0 = $[0];
 	return t0;
 };
-function _temp$5(month, monthIdx) {
+function _temp$6(month, monthIdx) {
 	return /* @__PURE__ */ jsx(DatePicker.TableCell, {
 		value: month.value,
 		children: /* @__PURE__ */ jsx(DatePicker.TableCellTrigger, {
@@ -12072,7 +12392,7 @@ function _temp$5(month, monthIdx) {
 function _temp2$2(months, rowIdx) {
 	return /* @__PURE__ */ jsx(DatePicker.TableRow, {
 		className: calendar_table_module_default.tableRow,
-		children: months.map(_temp$5)
+		children: months.map(_temp$6)
 	}, rowIdx);
 }
 function _temp3$2(datePicker) {
@@ -12104,7 +12424,7 @@ const YearView = () => {
 	} else t0 = $[0];
 	return t0;
 };
-function _temp$4(year, yearIdx) {
+function _temp$5(year, yearIdx) {
 	return /* @__PURE__ */ jsx(DatePicker.TableCell, {
 		value: year.value,
 		children: /* @__PURE__ */ jsx(DatePicker.TableCellTrigger, {
@@ -12119,7 +12439,7 @@ function _temp$4(year, yearIdx) {
 function _temp2$1(years, rowIdx) {
 	return /* @__PURE__ */ jsx(DatePicker.TableRow, {
 		className: calendar_table_module_default.tableRow,
-		children: years.map(_temp$4)
+		children: years.map(_temp$5)
 	}, rowIdx);
 }
 function _temp3$1(datePicker) {
@@ -12133,6 +12453,13 @@ function _temp3$1(datePicker) {
 }
 //#endregion
 //#region src/components/ds-date-picker/ds-date-picker.tsx
+/**
+* @summary Date and optional time input with calendar popover and manual typing.
+*
+* Supports controlled (`value` + `onChange`) and uncontrolled (`defaultValue`) modes.
+* Pass `withTime` to include a nested time picker. A clear button appears when a
+* value is set unless `hideClearButton` is set.
+*/
 const DsDatePicker = (t0) => {
 	const $ = c(123);
 	let _defaultValue;
@@ -12271,7 +12598,10 @@ const DsDatePicker = (t0) => {
 				min,
 				max,
 				withTime
-			})) setValue(parseDate$1(text));
+			})) {
+				const parsedValue = parseDate$1(text);
+				setValue(parsedValue);
+			}
 		};
 		$[37] = max;
 		$[38] = min;
@@ -12573,6 +12903,7 @@ const DsDatePicker = (t0) => {
 	} else t39 = $[122];
 	return t39;
 };
+DsDatePicker.displayName = "DsDatePicker";
 //#endregion
 //#region src/components/ds-select/ds-select.module.scss
 var ds_select_module_default = {
@@ -12703,7 +13034,7 @@ const DsSelect = (t0) => {
 	const internalOptions = multiselectProps.multiple ? [SELECT_ALL_OPTION, ...userOptions] : userOptions;
 	const collection = createListCollection$1({
 		items: internalOptions,
-		itemToValue: _temp$3
+		itemToValue: _temp$4
 	});
 	let t2;
 	if ($[0] !== searchTerm) {
@@ -12928,7 +13259,8 @@ function getItemCheckedState({ item, select, options }) {
 	if (select.selectedItems.length === options.length - 1) return true;
 	return select.hasSelectedItems ? "indeterminate" : false;
 }
-function _temp$3(item) {
+DsSelect.displayName = "DsSelect";
+function _temp$4(item) {
 	return item.value;
 }
 function _temp2(value_0) {
@@ -13099,6 +13431,7 @@ const DsNumberInput = (t0) => {
 	} else t18 = $[32];
 	return t18;
 };
+DsNumberInput.displayName = "DsNumberInput";
 //#endregion
 //#region src/components/ds-password-input/ds-password-input.module.scss
 var ds_password_input_module_default = {
@@ -13222,6 +13555,7 @@ const DsPasswordInput = (t0) => {
 	} else t13 = $[26];
 	return t13;
 };
+DsPasswordInput.displayName = "DsPasswordInput";
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.module.scss
 var ds_form_control_module_default = {
@@ -13384,6 +13718,8 @@ DsFormControl.TimePicker = controlify(DsTimePicker);
 DsFormControl.Textarea = controlify(DsTextarea);
 DsFormControl.Select = controlify(DsSelect);
 DsFormControl.Description = DsFormControlDescription;
+DsFormControl.displayName = "DsFormControl";
+DsFormControl.Description.displayName = "DsFormControl.Description";
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.types.ts
 const controlStatuses = [
@@ -13618,6 +13954,7 @@ const DsDateRangePicker = (t0) => {
 	} else t29 = $[61];
 	return t29;
 };
+DsDateRangePicker.displayName = "DsDateRangePicker";
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.module.scss
 var ds_dialog_module_default = {
@@ -13629,6 +13966,13 @@ var ds_dialog_module_default = {
 };
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.tsx
+/**
+* @summary Lightweight controlled dialog for simple panels and popovers.
+*
+* Renders a Radix dialog with required accessible title, optional description,
+* and custom body content. Use for focused overlays and menu-style panels.
+* Prefer `DsModal` when you need structured header, body, and footer sections.
+*/
 const DsDialog = ({ open, onOpenChange, title, hideTitle, description, hideDescription, children, className, anchorRef, customPosition, modal = true }) => {
 	let style = {};
 	if (customPosition) style = {
@@ -13675,6 +14019,7 @@ const DsDialog = ({ open, onOpenChange, title, hideTitle, description, hideDescr
 		})] })
 	});
 };
+DsDialog.displayName = "DsDialog";
 //#endregion
 //#region src/components/ds-divider/ds-divider.module.scss
 var ds_divider_module_default = {
@@ -13719,6 +14064,7 @@ const DsDivider = (t0) => {
 	} else t4 = $[8];
 	return t4;
 };
+DsDivider.displayName = "DsDivider";
 //#endregion
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.module.scss
 var ds_expandable_text_input_module_default = {
@@ -13895,6 +14241,7 @@ function InputExpander(t0) {
 	} else t1 = $[1];
 	return t1;
 }
+DsExpandableTextInput.displayName = "DsExpandableTextInput";
 //#endregion
 //#region src/components/ds-file-upload/utils/get-error-message.ts
 const FILE_ERROR_MESSAGES = {
@@ -14159,7 +14506,7 @@ const FileUploadItem = (t0) => {
 	} else t20 = $[46];
 	let t21;
 	if ($[47] !== errors || $[48] !== status) {
-		t21 = status === "error" && errors?.length && errors.map(_temp$2);
+		t21 = status === "error" && errors?.length && errors.map(_temp$3);
 		$[47] = errors;
 		$[48] = status;
 		$[49] = t21;
@@ -14202,7 +14549,7 @@ const FileUploadItem = (t0) => {
 	} else t23 = $[60];
 	return t23;
 };
-function _temp$2(error) {
+function _temp$3(error) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: file_upload_item_module_default.errorMessage,
 		children: [/* @__PURE__ */ jsx(DsIcon, {
@@ -14696,10 +15043,11 @@ function useFileUpload({ adapter, autoUpload = true, maxConcurrent = 3, maxFiles
 			filesToAdd = files_0.slice(0, availableSlots);
 			rejectedFiles = files_0.slice(availableSlots);
 		} else return files_0;
-		addRejectedFiles(rejectedFiles.map((file_3) => ({
+		const rejectedFilesWithErrors = rejectedFiles.map((file_3) => ({
 			file: file_3,
 			errors: ["TOO_MANY_FILES"]
-		})));
+		}));
+		addRejectedFiles(rejectedFilesWithErrors);
 		return filesToAdd;
 	};
 	const addNewFiles = (filesToUpload) => {
@@ -14714,8 +15062,10 @@ function useFileUpload({ adapter, autoUpload = true, maxConcurrent = 3, maxFiles
 	};
 	const addFiles = (newFiles_1) => {
 		const addedFiles = getAddedFiles(newFiles_1);
-		markDuplicates(getDuplicatedFiles(newFiles_1));
-		const uploadedFiles_1 = addNewFiles(markMaxFiles(addedFiles));
+		const duplicateFiles = getDuplicatedFiles(newFiles_1);
+		markDuplicates(duplicateFiles);
+		const filesToAdd_0 = markMaxFiles(addedFiles);
+		const uploadedFiles_1 = addNewFiles(filesToAdd_0);
 		uploadNewFiles(uploadedFiles_1);
 		return uploadedFiles_1;
 	};
@@ -14759,6 +15109,7 @@ function useFileUpload({ adapter, autoUpload = true, maxConcurrent = 3, maxFiles
 			updateFileProgress(fileId_2, 100);
 			onFileUploadComplete?.(fileId_2, result);
 		} catch (error_0) {
+			if (abortController.signal.aborted) return;
 			const errorMessage = error_0 instanceof Error ? error_0.message : "Upload failed";
 			let status_0 = "interrupted";
 			if (error_0 instanceof FileUploadError) status_0 = error_0.isRetryable ? "interrupted" : "error";
@@ -14959,6 +15310,7 @@ const DsFileUpload = (t0) => {
 	} else t5 = $[32];
 	return t5;
 };
+DsFileUpload.displayName = "DsFileUpload";
 //#endregion
 //#region src/components/ds-filter-status-icon/ds-filter-status-icon.module.scss
 var ds_filter_status_icon_module_default = {
@@ -15013,6 +15365,7 @@ const DsFilterStatusIcon = (t0) => {
 	} else t6 = $[8];
 	return t6;
 };
+DsFilterStatusIcon.displayName = "DsFilterStatusIcon";
 //#endregion
 //#region src/components/ds-filter-status-icon/ds-filter-status-icon.types.ts
 const filterStatuses = [
@@ -15055,6 +15408,8 @@ const DsGridItemBase = ({ children, colSpan, colStart, rowSpan, rowStart, classN
 //#region src/components/ds-grid/index.ts
 const DsGrid = withResponsiveProps(DsGridBase, ["gutter", "margin"]);
 const DsGridItem = withResponsiveProps(DsGridItemBase, ["colSpan", "rowSpan"]);
+DsGrid.displayName = "DsGrid";
+DsGridItem.displayName = "DsGridItem";
 //#endregion
 //#region src/components/ds-key-value-pair/ds-key-value-pair.module.scss
 var ds_key_value_pair_module_default = {
@@ -15149,6 +15504,7 @@ const DsKeyValuePair = (t0) => {
 	} else t11 = $[21];
 	return t11;
 };
+DsKeyValuePair.displayName = "DsKeyValuePair";
 //#endregion
 //#region src/components/ds-key-value-pair/ds-key-value-pair.types.ts
 const dsKeyValuePairOrientations = ["vertical", "horizontal"];
@@ -15308,6 +15664,7 @@ const DsLoader = (t0) => {
 	} else t4 = $[11];
 	return t4;
 };
+DsLoader.displayName = "DsLoader";
 //#endregion
 //#region src/components/ds-loader/ds-loader.types.ts
 const loaderVariants = ["spinner", "pulsing"];
@@ -15539,6 +15896,7 @@ function DsPanelCollapseButton(t0) {
 //#endregion
 //#region src/components/ds-panel/index.ts
 const DsPanel = withResponsiveProps(DsPanelBase, ["width"]);
+DsPanel.displayName = "DsPanel";
 //#endregion
 //#region src/components/ds-popover/ds-popover.module.scss
 var ds_popover_module_default = {
@@ -15848,6 +16206,14 @@ const DsPopoverLegacy = (t0) => {
 	} else t5 = $[9];
 	return t5;
 };
+DsPopoverLegacy.displayName = "DsPopover";
+DsPopoverRoot.displayName = "DsPopover.Root";
+DsPopoverTrigger.displayName = "DsPopover.Trigger";
+DsPopoverPanel.displayName = "DsPopover.Panel";
+DsPopoverHeader.displayName = "DsPopover.Header";
+DsPopoverContent.displayName = "DsPopover.Content";
+DsPopoverContentItem.displayName = "DsPopover.ContentItem";
+DsPopoverFooter.displayName = "DsPopover.Footer";
 const DsPopover = Object.assign(DsPopoverLegacy, {
 	Root: DsPopoverRoot,
 	Trigger: DsPopoverTrigger,
@@ -16158,6 +16524,7 @@ const DsProgressArc = (t0) => {
 	} else t20 = $[64];
 	return t20;
 };
+DsProgressArc.displayName = "DsProgressArc";
 //#endregion
 //#region src/components/ds-progress-arc/ds-progress-arc.types.ts
 const progressArcSizes = ["small", "medium"];
@@ -16292,6 +16659,7 @@ const DsProgressDonut = (t0) => {
 	} else t14 = $[25];
 	return t14;
 };
+DsProgressDonut.displayName = "DsProgressDonut";
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.types.ts
 const progressDonutSizes = ["small", "medium"];
@@ -16495,6 +16863,7 @@ const DsProgressLinear = (t0) => {
 	} else t19 = $[36];
 	return t19;
 };
+DsProgressLinear.displayName = "DsProgressLinear";
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.types.ts
 const progressLinearVariants = [
@@ -16510,6 +16879,264 @@ const progressLinearSizes = [
 	"large"
 ];
 //#endregion
+//#region src/components/ds-progress-task-bar/ds-progress-task-bar.module.scss
+var ds_progress_task_bar_module_default = {
+	"bar": "SN3VFW_bar",
+	"segment": "SN3VFW_segment",
+	"segmentCompleted": "SN3VFW_segmentCompleted",
+	"segmentFailed": "SN3VFW_segmentFailed",
+	"segmentRunning": "SN3VFW_segmentRunning",
+	"statusIcon": "SN3VFW_statusIcon",
+	"total": "SN3VFW_total"
+};
+//#endregion
+//#region src/components/ds-progress-task-bar/ds-progress-task-bar.types.ts
+const taskBarStatuses = [
+	"completed",
+	"running",
+	"failed"
+];
+//#endregion
+//#region src/components/ds-progress-task-bar/utils.ts
+const COUNT_UNITS = [
+	{
+		value: 1e9,
+		suffix: "B"
+	},
+	{
+		value: 1e6,
+		suffix: "M"
+	},
+	{
+		value: 1e3,
+		suffix: "K"
+	}
+];
+const ABBREVIATION_FLOOR = 1e3;
+const DECIMAL_THRESHOLD = 10;
+const stripTrailingZero = (value) => value % 1 === 0 ? String(value) : value.toFixed(1);
+/**
+* Format a task count for the legend, following the design's abbreviation rules:
+* - `< 1000` → exact number (e.g. `999`)
+* - single-digit unit → one decimal (e.g. `1.1K`, `1.2M`)
+* - multi-digit unit → whole number, truncated so `999,999 → 999K`
+*/
+const formatCount = (count) => {
+	if (!Number.isFinite(count)) return "0";
+	const rounded = Math.max(0, Math.round(count));
+	if (rounded < ABBREVIATION_FLOOR) return String(rounded);
+	const unit = COUNT_UNITS.find(({ value }) => rounded >= value);
+	if (unit === void 0) return String(rounded);
+	const scaled = rounded / unit.value;
+	if (scaled < DECIMAL_THRESHOLD) return `${stripTrailingZero(Math.round(scaled * 10) / 10)}${unit.suffix}`;
+	return `${String(Math.floor(scaled))}${unit.suffix}`;
+};
+//#endregion
+//#region src/components/ds-progress-task-bar/ds-progress-task-bar.tsx
+const statusIcon = Object.freeze({
+	completed: "check_circle",
+	running: "play_circle",
+	failed: "cancel"
+});
+const statusIconColor = Object.freeze({
+	completed: "success",
+	running: "action",
+	failed: "error"
+});
+const statusTextColor = Object.freeze({
+	completed: "success",
+	running: "action",
+	failed: "error"
+});
+const statusSegmentClass = Object.freeze({
+	completed: ds_progress_task_bar_module_default.segmentCompleted,
+	running: ds_progress_task_bar_module_default.segmentRunning,
+	failed: ds_progress_task_bar_module_default.segmentFailed
+});
+const defaultLocale = Object.freeze({
+	completed: "Completed",
+	running: "Running",
+	failed: "Failed",
+	total: (total) => `of ${total}`
+});
+const DsProgressTaskBar = (t0) => {
+	const $ = c(39);
+	const { completed: t1, running: t2, failed: t3, total, locale, className, style, ref } = t0;
+	const completed = t1 === void 0 ? 0 : t1;
+	const running = t2 === void 0 ? 0 : t2;
+	const failed = t3 === void 0 ? 0 : t3;
+	const t4 = Math.max(0, completed);
+	const t5 = Math.max(0, running);
+	const t6 = Math.max(0, failed);
+	let T0;
+	let t10;
+	let t11;
+	let t12;
+	let t13;
+	let t14;
+	let t15;
+	let t16;
+	let t17;
+	let t18;
+	let t19;
+	let t7;
+	let t8;
+	let t9;
+	if ($[0] !== className || $[1] !== locale || $[2] !== ref || $[3] !== style || $[4] !== t4 || $[5] !== t5 || $[6] !== t6 || $[7] !== total) {
+		const counts = {
+			completed: t4,
+			running: t5,
+			failed: t6
+		};
+		const sum = counts.completed + counts.running + counts.failed;
+		const denominator = Math.max(total ?? sum, sum);
+		const mergedLocale = {
+			...defaultLocale,
+			...locale
+		};
+		const activeStatuses = taskBarStatuses.filter((status) => counts[status] > 0);
+		const segmentWidth = (status_0) => denominator > 0 ? `${String(counts[status_0] / denominator * 100)}%` : "0%";
+		T0 = DsStack;
+		t13 = ref;
+		t14 = "column";
+		t15 = "var(--xs)";
+		t16 = "100%";
+		t17 = className;
+		t18 = style;
+		t19 = /* @__PURE__ */ jsxs(DsStack, {
+			direction: "row",
+			alignItems: "center",
+			justifyContent: "space-between",
+			children: [/* @__PURE__ */ jsx(DsStack, {
+				direction: "row",
+				alignItems: "center",
+				gap: "var(--3xs)",
+				children: activeStatuses.length === 0 ? /* @__PURE__ */ jsx(DsTypography, {
+					variant: "body-xs-reg",
+					color: "secondary",
+					children: "0"
+				}) : activeStatuses.map((status_1) => /* @__PURE__ */ jsxs(DsStack, {
+					direction: "row",
+					alignItems: "center",
+					gap: "var(--4xs)",
+					children: [/* @__PURE__ */ jsx(DsTooltip, {
+						content: mergedLocale[status_1],
+						children: /* @__PURE__ */ jsx("span", {
+							className: ds_progress_task_bar_module_default.statusIcon,
+							children: /* @__PURE__ */ jsx(DsIcon, {
+								icon: statusIcon[status_1],
+								size: "tiny",
+								color: statusIconColor[status_1],
+								filled: true
+							})
+						})
+					}), /* @__PURE__ */ jsx(DsTypography, {
+						variant: "body-xs-reg",
+						color: statusTextColor[status_1],
+						children: formatCount(counts[status_1])
+					})]
+				}, status_1))
+			}), /* @__PURE__ */ jsx(DsTypography, {
+				variant: "body-xs-reg",
+				color: "secondary",
+				className: ds_progress_task_bar_module_default.total,
+				children: mergedLocale.total(formatCount(denominator))
+			})]
+		});
+		t7 = ds_progress_task_bar_module_default.bar;
+		t8 = "progressbar";
+		t9 = 0;
+		t10 = denominator;
+		t11 = sum;
+		t12 = activeStatuses.map((status_2) => /* @__PURE__ */ jsx(DsTooltip, {
+			content: mergedLocale[status_2],
+			children: /* @__PURE__ */ jsx("span", {
+				className: classNames(ds_progress_task_bar_module_default.segment, statusSegmentClass[status_2]),
+				style: { width: segmentWidth(status_2) }
+			})
+		}, status_2));
+		$[0] = className;
+		$[1] = locale;
+		$[2] = ref;
+		$[3] = style;
+		$[4] = t4;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = total;
+		$[8] = T0;
+		$[9] = t10;
+		$[10] = t11;
+		$[11] = t12;
+		$[12] = t13;
+		$[13] = t14;
+		$[14] = t15;
+		$[15] = t16;
+		$[16] = t17;
+		$[17] = t18;
+		$[18] = t19;
+		$[19] = t7;
+		$[20] = t8;
+		$[21] = t9;
+	} else {
+		T0 = $[8];
+		t10 = $[9];
+		t11 = $[10];
+		t12 = $[11];
+		t13 = $[12];
+		t14 = $[13];
+		t15 = $[14];
+		t16 = $[15];
+		t17 = $[16];
+		t18 = $[17];
+		t19 = $[18];
+		t7 = $[19];
+		t8 = $[20];
+		t9 = $[21];
+	}
+	let t20;
+	if ($[22] !== t10 || $[23] !== t11 || $[24] !== t12 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
+		t20 = /* @__PURE__ */ jsx("div", {
+			className: t7,
+			role: t8,
+			"aria-valuemin": t9,
+			"aria-valuemax": t10,
+			"aria-valuenow": t11,
+			children: t12
+		});
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t12;
+		$[25] = t7;
+		$[26] = t8;
+		$[27] = t9;
+		$[28] = t20;
+	} else t20 = $[28];
+	let t21;
+	if ($[29] !== T0 || $[30] !== t13 || $[31] !== t14 || $[32] !== t15 || $[33] !== t16 || $[34] !== t17 || $[35] !== t18 || $[36] !== t19 || $[37] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(T0, {
+			ref: t13,
+			direction: t14,
+			gap: t15,
+			width: t16,
+			className: t17,
+			style: t18,
+			children: [t19, t20]
+		});
+		$[29] = T0;
+		$[30] = t13;
+		$[31] = t14;
+		$[32] = t15;
+		$[33] = t16;
+		$[34] = t17;
+		$[35] = t18;
+		$[36] = t19;
+		$[37] = t20;
+		$[38] = t21;
+	} else t21 = $[38];
+	return t21;
+};
+DsProgressTaskBar.displayName = "DsProgressTaskBar";
+//#endregion
 //#region src/components/ds-radio-group/ds-radio-group.module.scss
 var ds_radio_group_module_default = {
 	"labelInfo": "gJbMxW_labelInfo",
@@ -16699,7 +17326,7 @@ const DsRadioGroupLegacy = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== options) {
-		t4 = options.map(_temp$1);
+		t4 = options.map(_temp$2);
 		$[4] = options;
 		$[5] = t4;
 	} else t4 = $[5];
@@ -16739,7 +17366,10 @@ const DsRadioGroup = {
 	Root: Root$2,
 	Item: Item$1
 };
-function _temp$1(option) {
+DsRadioGroup.Root.displayName = "DsRadioGroup.Root";
+DsRadioGroup.Item.displayName = "DsRadioGroup.Item";
+DsRadioGroupLegacy.displayName = "DsRadioGroupLegacy";
+function _temp$2(option) {
 	return /* @__PURE__ */ jsxs(RadioGroup.Item, {
 		value: option.value,
 		disabled: option.disabled,
@@ -16980,6 +17610,155 @@ const DsSegmentGroup = {
 	Item,
 	ItemText
 };
+DsSegmentGroup.Root.displayName = "DsSegmentGroup.Root";
+DsSegmentGroup.Item.displayName = "DsSegmentGroup.Item";
+DsSegmentGroup.ItemText.displayName = "DsSegmentGroup.ItemText";
+//#endregion
+//#region src/components/ds-site-node/hooks/use-is-overflowing.ts
+const useIsOverflowing = (text) => {
+	const $ = c(5);
+	const ref = useRef(null);
+	const [isOverflowing, setIsOverflowing] = useState(false);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = () => {
+			const element = ref.current;
+			if (!element) return;
+			const measure = () => setIsOverflowing(element.scrollWidth > element.clientWidth);
+			measure();
+			const observer = new ResizeObserver(measure);
+			observer.observe(element);
+			const frame = requestAnimationFrame(measure);
+			document.fonts.ready.then(measure).catch(_temp$1);
+			document.fonts.addEventListener("loadingdone", measure);
+			return () => {
+				cancelAnimationFrame(frame);
+				observer.disconnect();
+				document.fonts.removeEventListener("loadingdone", measure);
+			};
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== text) {
+		t1 = [text];
+		$[1] = text;
+		$[2] = t1;
+	} else t1 = $[2];
+	useLayoutEffect(t0, t1);
+	let t2;
+	if ($[3] !== isOverflowing) {
+		t2 = {
+			ref,
+			isOverflowing
+		};
+		$[3] = isOverflowing;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+function _temp$1() {}
+//#endregion
+//#region src/components/ds-site-node/ds-site-node.module.scss
+var ds_site_node_module_default = {
+	"node": "_9jr5kG_node",
+	"overflow": "_9jr5kG_overflow",
+	"pill": "_9jr5kG_pill",
+	"pillMuted": "_9jr5kG_pillMuted",
+	"selected": "_9jr5kG_selected",
+	"siteCode": "_9jr5kG_siteCode"
+};
+//#endregion
+//#region src/components/ds-site-node/ds-site-node.tsx
+const DsSiteNode = (t0) => {
+	const $ = c(21);
+	const { ref, state: t1, tier, siteCode, overflowLabel, className, style, "aria-label": ariaLabel, onClick } = t0;
+	const state = t1 === void 0 ? "default" : t1;
+	const isOverflow = state === "overflow";
+	const isSelected = state === "selected";
+	const isMuted = state === "muted";
+	const { ref: siteCodeRef, isOverflowing } = useIsOverflowing(siteCode);
+	let t2;
+	if ($[0] !== className || $[1] !== isOverflow || $[2] !== isSelected) {
+		t2 = classNames(ds_site_node_module_default.node, {
+			[ds_site_node_module_default.selected]: isSelected,
+			[ds_site_node_module_default.overflow]: isOverflow
+		}, className);
+		$[0] = className;
+		$[1] = isOverflow;
+		$[2] = isSelected;
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = isSelected ? true : void 0;
+	let t4;
+	if ($[4] !== isMuted || $[5] !== isOverflow || $[6] !== isOverflowing || $[7] !== isSelected || $[8] !== overflowLabel || $[9] !== siteCode || $[10] !== siteCodeRef || $[11] !== tier) {
+		t4 = isOverflow ? /* @__PURE__ */ jsx(DsTypography, {
+			variant: "body-sm-reg",
+			color: "secondary",
+			children: overflowLabel
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DsStack, {
+			direction: "row",
+			alignItems: "center",
+			justifyContent: "center",
+			className: classNames(ds_site_node_module_default.pill, { [ds_site_node_module_default.pillMuted]: isMuted }),
+			children: /* @__PURE__ */ jsx(DsTypography, {
+				variant: "body-xs-md",
+				color: isMuted ? "on-disabled" : "on-action",
+				children: tier
+			})
+		}), /* @__PURE__ */ jsx("span", {
+			ref: siteCodeRef,
+			className: ds_site_node_module_default.siteCode,
+			children: /* @__PURE__ */ jsx(DsTooltip, {
+				content: isOverflowing ? siteCode : void 0,
+				children: /* @__PURE__ */ jsx(DsTypography, {
+					variant: "body-sm-bold",
+					color: isSelected ? "main" : "secondary",
+					children: siteCode
+				})
+			})
+		})] });
+		$[4] = isMuted;
+		$[5] = isOverflow;
+		$[6] = isOverflowing;
+		$[7] = isSelected;
+		$[8] = overflowLabel;
+		$[9] = siteCode;
+		$[10] = siteCodeRef;
+		$[11] = tier;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== ariaLabel || $[14] !== onClick || $[15] !== ref || $[16] !== style || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
+		t5 = /* @__PURE__ */ jsx("button", {
+			ref,
+			type: "button",
+			className: t2,
+			style,
+			"aria-label": ariaLabel,
+			"aria-current": t3,
+			onClick,
+			children: t4
+		});
+		$[13] = ariaLabel;
+		$[14] = onClick;
+		$[15] = ref;
+		$[16] = style;
+		$[17] = t2;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+	} else t5 = $[20];
+	return t5;
+};
+//#endregion
+//#region src/components/ds-site-node/ds-site-node.types.ts
+const siteNodeStates = [
+	"default",
+	"selected",
+	"muted",
+	"overflow"
+];
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton.types.ts
 const skeletonColorVariants = ["gray", "blue"];
@@ -17128,6 +17907,7 @@ const DsSkeletonText = (t0) => {
 	} else t10 = $[14];
 	return t10;
 };
+DsSkeletonText.displayName = "DsSkeletonText";
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-circle.tsx
 /**
@@ -17176,6 +17956,7 @@ const DsSkeletonCircle = (t0) => {
 	} else t8 = $[9];
 	return t8;
 };
+DsSkeletonCircle.displayName = "DsSkeletonCircle";
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-rect.tsx
 /**
@@ -17226,13 +18007,17 @@ const DsSkeletonRect = (t0) => {
 	} else t9 = $[10];
 	return t9;
 };
+DsSkeletonRect.displayName = "DsSkeletonRect";
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton.ts
-var ds_skeleton_default = {
+const DsSkeleton = {
 	Text: DsSkeletonText,
 	Circle: DsSkeletonCircle,
 	Rect: DsSkeletonRect
 };
+DsSkeleton.Text.displayName = "DsSkeleton.Text";
+DsSkeleton.Circle.displayName = "DsSkeleton.Circle";
+DsSkeleton.Rect.displayName = "DsSkeleton.Rect";
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.module.scss
 var ds_smart_tabs_module_default = {
@@ -17483,7 +18268,9 @@ const DsSmartTabs = (t0) => {
 	} else t6 = $[21];
 	return t6;
 };
+DsSmartTab.displayName = "DsSmartTabs.Tab";
 DsSmartTabs.Tab = DsSmartTab;
+DsSmartTabs.displayName = "DsSmartTabs";
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.types.ts
 const colors = [
@@ -17509,6 +18296,12 @@ var ds_split_button_module_default = {
 };
 //#endregion
 //#region src/components/ds-split-button/ds-split-button.tsx
+/**
+* Secondary action button paired with a dropdown select for choosing a related option.
+* Both slots share a size and disabled state controlled by the split button.
+*
+* @summary split action button with a primary action and an option select
+*/
 const DsSplitButton$1 = (t0) => {
 	const $ = c(33);
 	const { ref, className, style, size: t1, disabled, slotProps } = t0;
@@ -17718,6 +18511,7 @@ const DsStatusBadge = (t0) => {
 	} else t12 = $[15];
 	return t12;
 };
+DsStatusBadge.displayName = "DsStatusBadge";
 //#endregion
 //#region src/components/ds-status-badge-v2/ds-status-badge-v2.module.scss
 var ds_status_badge_v2_module_default = {
@@ -17879,6 +18673,7 @@ const statusBadgeV2Sizes = ["medium", "small"];
 //#endregion
 //#region src/components/ds-status-badge-v2/index.ts
 const DsStatusBadgeV2 = withResponsiveProps(DsStatusBadgeV2$1, ["size"]);
+DsStatusBadgeV2.displayName = "DsStatusBadgeV2";
 //#endregion
 //#region src/components/ds-stepper/ds-stepper.module.scss
 var ds_stepper_module_default = {
@@ -18040,6 +18835,7 @@ function DsStepper(t0) {
 	} else t10 = $[27];
 	return t10;
 }
+DsStepper.displayName = "DsStepper";
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-separator.tsx
 function DsStepSeparator(t0) {
@@ -18238,6 +19034,7 @@ function DsStep(t0) {
 	} else t18 = $[47];
 	return t18;
 }
+DsStep.displayName = "DsStep";
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-label.tsx
 function DsStepLabel(t0) {
@@ -18327,6 +19124,7 @@ function DsStepContent(t0) {
 	} else t5 = $[15];
 	return t5;
 }
+DsStepContent.displayName = "DsStepContent";
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-next-button.tsx
 function DsNextStepButton(t0) {
@@ -18369,6 +19167,7 @@ function DsNextStepButton(t0) {
 	} else t3 = $[10];
 	return t3;
 }
+DsNextStepButton.displayName = "DsNextStepButton";
 //#endregion
 //#region src/components/ds-system-status/ds-system-status.module.scss
 var ds_system_status_module_default = {
@@ -18440,6 +19239,7 @@ const DsSystemStatus = (t0) => {
 	} else t6 = $[8];
 	return t6;
 };
+DsSystemStatus.displayName = "DsSystemStatus";
 //#endregion
 //#region src/components/ds-system-status/ds-system-status.types.ts
 /**
@@ -18822,11 +19622,12 @@ function useTableFilters({ filterAdapters, baseColumns, appliedFilters: external
 		}));
 	};
 	const applyFilters = () => {
-		setAppliedFilters(_filterAdapters.reduce((acc, adapter) => {
+		const filtersToApply = _filterAdapters.reduce((acc, adapter) => {
 			const value = draftFilters[adapter.id];
 			if (adapter.getActiveFiltersCount(value) > 0) acc[adapter.id] = value;
 			return acc;
-		}, {}));
+		}, {});
+		setAppliedFilters(filtersToApply);
 		setPendingFilters({});
 	};
 	const clearAll = () => {
@@ -18838,10 +19639,11 @@ function useTableFilters({ filterAdapters, baseColumns, appliedFilters: external
 		const adapter = _filterAdapters.find((a) => a.id === filterId);
 		if (!adapter) return;
 		const draftValue = draftFilters[filterId];
-		setAppliedFilters(adapter.getActiveFiltersCount(draftValue) > 0 ? {
+		const next = adapter.getActiveFiltersCount(draftValue) > 0 ? {
 			...appliedFilters,
 			[filterId]: draftValue
-		} : omitKey(appliedFilters, filterId));
+		} : omitKey(appliedFilters, filterId);
+		setAppliedFilters(next);
 		setPendingFilters((prev) => omitKey(prev, filterId));
 	};
 	const cancelColumnFilter = (filterId) => {
@@ -18864,10 +19666,11 @@ function useTableFilters({ filterAdapters, baseColumns, appliedFilters: external
 		const currentValue = appliedFilters[filterKey];
 		if (currentValue === void 0) return;
 		const newValue = adapter.fromChip(chip, currentValue);
-		setAppliedFilters(adapter.getActiveFiltersCount(newValue) === 0 ? Object.fromEntries(Object.entries(appliedFilters).filter(([key]) => key !== filterKey)) : {
+		const newFilters = adapter.getActiveFiltersCount(newValue) === 0 ? Object.fromEntries(Object.entries(appliedFilters).filter(([key]) => key !== filterKey)) : {
 			...appliedFilters,
 			[filterKey]: newValue
-		});
+		};
+		setAppliedFilters(newFilters);
 	};
 	const renderForId = (filterId) => {
 		const adapter = _filterAdapters.find((a) => a.id === filterId);
@@ -19328,7 +20131,8 @@ const getCollapsedColumnVisibility = (columns, collapsedGroupIds) => {
 const useColumnGroups = ({ columns, collapsedColumnGroups, onCollapsedColumnGroupsChange }) => {
 	const [collapsed, setCollapsed] = useControlled(collapsedColumnGroups, onCollapsedColumnGroupsChange, getInitialCollapsedGroups(columns));
 	const toggleColumnGroup = (groupId) => {
-		setCollapsed(collapsed.includes(groupId) ? collapsed.filter((id) => id !== groupId) : [...collapsed, groupId]);
+		const next = collapsed.includes(groupId) ? collapsed.filter((id) => id !== groupId) : [...collapsed, groupId];
+		setCollapsed(next);
 	};
 	return {
 		collapsedColumnGroups: collapsed,
@@ -19470,6 +20274,7 @@ var ds_table_module_default = {
 //#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.module.scss
 var ds_table_editable_cell_module_default = {
 	"editButton": "g5FEoW_editButton",
+	"lockIcon": "g5FEoW_lockIcon",
 	"root": "g5FEoW_root"
 };
 //#endregion
@@ -19481,6 +20286,26 @@ const DsTableEditableCell = ({ cell, children }) => {
 		event.stopPropagation();
 		beginEdit(cell);
 	};
+	const editDisabled = cell.column.columnDef.editDisabled?.(cell.getContext());
+	const locked = editDisabled === true || typeof editDisabled === "object";
+	const reason = typeof editDisabled === "object" ? editDisabled.reason : void 0;
+	if (locked) return /* @__PURE__ */ jsxs("div", {
+		className: ds_table_editable_cell_module_default.root,
+		"data-locked": "",
+		children: [children, /* @__PURE__ */ jsx(DsTooltip, {
+			content: reason,
+			children: /* @__PURE__ */ jsx("span", {
+				className: ds_table_editable_cell_module_default.lockIcon,
+				"aria-label": "Editing disabled",
+				role: "img",
+				children: /* @__PURE__ */ jsx(DsIcon, {
+					icon: "lock",
+					size: "small",
+					color: "secondary"
+				})
+			})
+		})]
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: ds_table_editable_cell_module_default.root,
 		"data-active": isEditing ? "" : void 0,
@@ -19498,6 +20323,7 @@ const DsTableEditableCell = ({ cell, children }) => {
 		})]
 	});
 };
+DsTableEditableCell.displayName = "DsTableEditableCell";
 //#endregion
 //#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.module.scss
 var ds_table_editing_cell_module_default = {
@@ -19578,6 +20404,7 @@ const DsTableEditingCell = ({ cell }) => {
 		})
 	});
 };
+DsTableEditingCell.displayName = "DsTableEditingCell";
 //#endregion
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.module.scss
 var ds_table_cell_module_default = {
@@ -19684,6 +20511,7 @@ var ds_table_row_module_default = {
 	"expandedRow": "t8OZCq_expandedRow",
 	"groupStart": "t8OZCq_groupStart",
 	"isDragging": "t8OZCq_isDragging",
+	"loadingRow": "t8OZCq_loadingRow",
 	"rowDragHandle": "t8OZCq_rowDragHandle",
 	"rowNoBorder": "t8OZCq_rowNoBorder",
 	"selectableCell": "t8OZCq_selectableCell",
@@ -19710,7 +20538,7 @@ const DsRowDragHandle = ({ isDragging, attributes, listeners, style }) => {
 	});
 };
 const DsTableRow = ({ ref, row, isSelected }) => {
-	const { reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, bordered, rowSize, primaryRowActions, secondaryRowActions, activeRowId } = useDsTableContext();
+	const { reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, bordered, rowSize, primaryRowActions, secondaryRowActions, activeRowId, loading } = useDsTableContext();
 	const isExpanded = row.getIsExpanded();
 	const isActive = activeRowId === row.id;
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
@@ -19734,7 +20562,7 @@ const DsTableRow = ({ ref, row, isSelected }) => {
 			[ds_table_row_module_default.sizeSmall]: rowSize === "small",
 			[ds_table_row_module_default.sizeMedium]: rowSize === "medium",
 			[ds_table_row_module_default.sizeLarge]: rowSize === "large"
-		}, onRowClick && ds_table_row_module_default.clickableRow, !bordered && ds_table_row_module_default.rowNoBorder, isExpanded && ds_table_row_module_default.expanded),
+		}, onRowClick && ds_table_row_module_default.clickableRow, !bordered && ds_table_row_module_default.rowNoBorder, isExpanded && ds_table_row_module_default.expanded, loading && ds_table_row_module_default.loadingRow),
 		style: rowStyle,
 		onClick: () => onRowClick?.(row.original),
 		onDoubleClick: () => onRowDoubleClick?.(row.original),
@@ -19883,6 +20711,7 @@ var ds_table_row_virtualized_module_default = {
 	"expandedRow": "NcME7q_expandedRow",
 	"expandedRowContent": "NcME7q_expandedRowContent",
 	"groupStart": "NcME7q_groupStart",
+	"loadingRow": "NcME7q_loadingRow",
 	"row": "NcME7q_row",
 	"rowNoBorder": "NcME7q_rowNoBorder",
 	"selectableCell": "NcME7q_selectableCell",
@@ -19893,7 +20722,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 { bordered, rowSize, activeRowId, primaryRowActions, secondaryRowActions, renderExpandedRow, onRowClick, onRowDoubleClick } = useDsTableContext();
+	const { bordered, rowSize, activeRowId, primaryRowActions, secondaryRowActions, renderExpandedRow, onRowClick, onRowDoubleClick, loading } = useDsTableContext();
 	const isExpanded = row.getIsExpanded();
 	const isActive = activeRowId === row.id;
 	return /* @__PURE__ */ jsx(TableRow, {
@@ -19912,7 +20741,7 @@ const DsTableRowVirtualized = ({ row, isSelected, rowsMapRef, rowHeightsMapRef,
 			[ds_table_row_virtualized_module_default.sizeSmall]: rowSize === "small",
 			[ds_table_row_virtualized_module_default.sizeMedium]: rowSize === "medium",
 			[ds_table_row_virtualized_module_default.sizeLarge]: rowSize === "large"
-		}, 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),
+		}, 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, loading && ds_table_row_virtualized_module_default.loadingRow),
 		onClick: isExpandedRowContent ? void 0 : () => onRowClick?.(row.original),
 		onDoubleClick: isExpandedRowContent ? void 0 : () => onRowDoubleClick?.(row.original),
 		children: isExpandedRowContent ? /* @__PURE__ */ jsx(TableCell, { children: renderExpandedRow?.(row.original) }) : /* @__PURE__ */ jsx(Fragment, { children: row.getVisibleCells().map((cell, idx) => {
@@ -20066,7 +20895,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, collapsedColumnGroups: externalCollapsedColumnGroups, onCollapsedColumnGroupsChange, locale, activeRowId, infiniteScroll, onCellEdit, onCellValidate }) => {
+const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = false, virtualizedOptions, className, onRowClick, emptyState, stickyHeader = true, bordered = true, fullWidth = true, rowSize = "medium", loading = false, expandable = false, renderExpandedRow, selectable = false, showSelectAllCheckbox = true, onSelectionChange, onSortingChange, onScroll, actions = [], onRowDoubleClick, primaryRowActions = [], secondaryRowActions, reorderable = false, onOrderChange, columnFilters: externalColumnFilters, onColumnFiltersChange, columnVisibility: externalColumnVisibility, onColumnVisibilityChange, collapsedColumnGroups: externalCollapsedColumnGroups, onCollapsedColumnGroupsChange, locale, activeRowId, infiniteScroll, onCellEdit, onCellValidate }) => {
 	const [data, setData] = React$1.useState(tableData);
 	const [sorting, setSorting] = React$1.useState([]);
 	const [internalColumnFilters, setInternalColumnFilters] = React$1.useState([]);
@@ -20158,9 +20987,20 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 		hasSelectColumn,
 		showSelectAllCheckbox
 	]);
+	const skeletonColumns = useMemo(() => {
+		const toSkeleton = (cols) => cols.map((column) => "columns" in column && column.columns ? {
+			...column,
+			columns: toSkeleton(column.columns)
+		} : {
+			...column,
+			cell: column.loadingCell ?? (() => /* @__PURE__ */ jsx(DsSkeletonText, { width: "60%" }))
+		});
+		return toSkeleton(columns);
+	}, [columns]);
+	const skeletonData = useMemo(() => Array.from({ length: 5 }, (_, i) => ({ id: `ds-table-skeleton-${String(i)}` })), []);
 	const table = useReactTable({
-		data: reorderable ? data : tableData,
-		columns,
+		data: loading ? skeletonData : reorderable ? data : tableData,
+		columns: loading ? skeletonColumns : columns,
 		getCoreRowModel: getCoreRowModel(),
 		onSortingChange: handleSortingChange,
 		getSortedRowModel: getSortedRowModel(),
@@ -20226,6 +21066,7 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 	}) });
 	const selectedRows = Object.entries(rowSelection).filter(([, selected]) => selected).map(([key]) => rowsById[key]?.original).filter((v) => !!v);
 	const isBulkActionsVisible = selectable && actions.length > 0 && selectedRows.length > 0;
+	const editingState = useEditingState(onCellEdit, onCellValidate);
 	const contextValue = {
 		stickyHeader,
 		bordered,
@@ -20235,8 +21076,9 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 		selectable,
 		reorderable,
 		showSelectAllCheckbox,
-		onRowClick,
-		onRowDoubleClick,
+		loading,
+		onRowClick: loading ? void 0 : onRowClick,
+		onRowDoubleClick: loading ? void 0 : onRowDoubleClick,
 		primaryRowActions,
 		secondaryRowActions,
 		renderExpandedRow,
@@ -20246,7 +21088,7 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 		onToggleColumnGroup: toggleColumnGroup,
 		locale,
 		onCellEdit,
-		...useEditingState(onCellEdit, onCellValidate)
+		...editingState
 	};
 	return /* @__PURE__ */ jsx(DsTableContext.Provider, {
 		value: contextValue,
@@ -20278,6 +21120,7 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 		})
 	});
 };
+DsTable.displayName = "DsTable";
 //#endregion
 //#region src/components/ds-table/hooks/use-cell-editor.ts
 /**
@@ -20362,6 +21205,7 @@ const DsTableEditCellText = ({ cellContext, placeholder, maxLength }) => {
 		})
 	});
 };
+DsTableEditCellText.displayName = "DsTableEditCellText";
 //#endregion
 //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-number.tsx
 /** Number input editor for table cells. Render via `ColumnDef.editCell`. */
@@ -20388,6 +21232,7 @@ const DsTableEditCellNumber = ({ cellContext, min, max, step }) => {
 		})
 	});
 };
+DsTableEditCellNumber.displayName = "DsTableEditCellNumber";
 //#endregion
 //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-select.tsx
 /** Select editor for table cells. Render via `ColumnDef.editCell`. */
@@ -20405,6 +21250,7 @@ const DsTableEditCellSelect = ({ cellContext, options, placeholder }) => {
 		})
 	});
 };
+DsTableEditCellSelect.displayName = "DsTableEditCellSelect";
 //#endregion
 //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-date.tsx
 /** Date picker editor for table cells. Render via `ColumnDef.editCell`. */
@@ -20427,6 +21273,7 @@ const DsTableEditCellDate = ({ cellContext, min, max, placeholder }) => {
 		})
 	});
 };
+DsTableEditCellDate.displayName = "DsTableEditCellDate";
 //#endregion
 //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-checkbox.tsx
 /** Checkbox editor for table cells. Render via `ColumnDef.editCell`. */
@@ -20438,6 +21285,7 @@ const DsTableEditCellCheckbox = ({ cellContext, disabled }) => {
 		onCheckedChange: (checked) => setValue(checked === true)
 	});
 };
+DsTableEditCellCheckbox.displayName = "DsTableEditCellCheckbox";
 //#endregion
 //#region src/components/ds-toast/ds-toast.module.scss
 var ds_toast_module_default = {
@@ -20563,6 +21411,8 @@ const DsToastGroup = (t0) => {
 	} else t1 = $[1];
 	return t1;
 };
+DsToast.displayName = "DsToast";
+DsToastGroup.displayName = "DsToastGroup";
 function _temp(toast) {
 	return /* @__PURE__ */ jsx(DsToast, { ...toast });
 }
@@ -20641,6 +21491,7 @@ const useToaster = () => {
 	if (!context) throw new Error("useToast must be used within a ToastProvider");
 	return context;
 };
+DsToastProvider.displayName = "DsToastProvider";
 //#endregion
 //#region src/components/ds-toggle/ds-toggle.module.scss
 var ds_toggle_module_default = {
@@ -20828,6 +21679,7 @@ const DsToggle = (t0) => {
 	} else t15 = $[47];
 	return t15;
 };
+DsToggle.displayName = "DsToggle";
 //#endregion
 //#region src/components/ds-tree/ds-tree.module.scss
 var ds_tree_module_default = {
@@ -21236,6 +22088,21 @@ const DsTreeItemAction = (t0) => {
 	} else t3 = $[8];
 	return t3;
 };
+DsTreeRoot.displayName = "DsTree.Root";
+DsTreeTree.displayName = "DsTree.Tree";
+Object.defineProperty(TreeView.NodeProvider, "displayName", { value: "DsTree.NodeProvider" });
+Object.defineProperty(TreeView.NodeContext, "displayName", { value: "DsTree.NodeContext" });
+DsTreeBranch.displayName = "DsTree.Branch";
+DsTreeBranchControl.displayName = "DsTree.BranchControl";
+DsTreeBranchIndicator.displayName = "DsTree.BranchIndicator";
+DsTreeBranchText.displayName = "DsTree.BranchText";
+DsTreeBranchContent.displayName = "DsTree.BranchContent";
+DsTreeBranchIndentGuide.displayName = "DsTree.BranchIndentGuide";
+DsTreeItem.displayName = "DsTree.Item";
+DsTreeItemText.displayName = "DsTree.ItemText";
+DsTreeItemIndicator.displayName = "DsTree.ItemIndicator";
+DsTreeItemAction.displayName = "DsTree.ItemAction";
+DsTreeNodeCheckbox.displayName = "DsTree.NodeCheckbox";
 const DsTree = {
 	Root: DsTreeRoot,
 	Tree: DsTreeTree,
@@ -21265,6 +22132,90 @@ const createDsTreeCollection = (nodes) => createTreeCollection({
 	}
 });
 //#endregion
+//#region src/components/ds-user-card/ds-user-card.module.scss
+var ds_user_card_module_default = {
+	"name": "rM_jtW_name",
+	"subtitle": "rM_jtW_subtitle",
+	"text": "rM_jtW_text",
+	"userCard": "rM_jtW_userCard"
+};
+//#endregion
+//#region src/components/ds-user-card/ds-user-card.tsx
+/**
+* @summary Compact identity header pairing an avatar with a name and optional subtitle.
+*
+* Presentational card used as the header of a user menu. Renders a medium
+* `DsAvatar` (initials fallback derived from `name`) beside a two-line text
+* block; both lines truncate with an ellipsis when they overflow.
+*/
+const DsUserCard = (t0) => {
+	const $ = c(17);
+	const { name, subtitle, src, className, style } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_user_card_module_default.userCard, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== name || $[3] !== src) {
+		t2 = /* @__PURE__ */ jsx(DsAvatar, {
+			name,
+			src,
+			size: "md"
+		});
+		$[2] = name;
+		$[3] = src;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== name) {
+		t3 = /* @__PURE__ */ jsx(DsTypography, {
+			variant: "heading4",
+			color: "main",
+			className: ds_user_card_module_default.name,
+			children: name
+		});
+		$[5] = name;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== subtitle) {
+		t4 = subtitle && /* @__PURE__ */ jsx(DsTypography, {
+			variant: "body-xs-reg",
+			color: "secondary",
+			className: ds_user_card_module_default.subtitle,
+			children: subtitle
+		});
+		$[7] = subtitle;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t3 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: ds_user_card_module_default.text,
+			children: [t3, t4]
+		});
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== style || $[13] !== t1 || $[14] !== t2 || $[15] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: t1,
+			style,
+			children: [t2, t5]
+		});
+		$[12] = style;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	return t6;
+};
+//#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.module.scss
 var ds_vertical_tabs_module_default = {
 	"selected": "xVkVWa_selected",
@@ -21394,9 +22345,13 @@ const DsVerticalTabsContent = (t0) => {
 	} else t1 = $[3];
 	return t1;
 };
+DsVerticalTabsList.displayName = "DsVerticalTabs.List";
+DsVerticalTabsTab.displayName = "DsVerticalTabs.Tab";
+DsVerticalTabsContent.displayName = "DsVerticalTabs.Content";
 DsVerticalTabs.List = DsVerticalTabsList;
 DsVerticalTabs.Tab = DsVerticalTabsTab;
 DsVerticalTabs.Content = DsVerticalTabsContent;
+DsVerticalTabs.displayName = "DsVerticalTabs";
 //#endregion
 //#region src/components/ds-workspace-layout/ds-workspace-layout.module.scss
 var ds_workspace_layout_module_default = {
@@ -21813,6 +22768,13 @@ const LeftPanel = (t0) => {
 	} else t4 = $[11];
 	return t4;
 };
+Header.displayName = "DsWorkspaceLayout.Header";
+SubHeader.displayName = "DsWorkspaceLayout.SubHeader";
+Content.displayName = "DsWorkspaceLayout.Content";
+Footer.displayName = "DsWorkspaceLayout.Footer";
+Body.displayName = "DsWorkspaceLayout.Body";
+SideMenu.displayName = "DsWorkspaceLayout.SideMenu";
+LeftPanel.displayName = "DsWorkspaceLayout.LeftPanel";
 DsWorkspaceLayout.Header = Header;
 DsWorkspaceLayout.SubHeader = SubHeader;
 DsWorkspaceLayout.Content = Content;
@@ -21820,7 +22782,8 @@ DsWorkspaceLayout.Footer = Footer;
 DsWorkspaceLayout.Body = Body;
 DsWorkspaceLayout.SideMenu = SideMenu;
 DsWorkspaceLayout.LeftPanel = LeftPanel;
+DsWorkspaceLayout.displayName = "DsWorkspaceLayout";
 //#endregion
-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, DsTableColumnFilterPopover, DsTableEditCellCheckbox, DsTableEditCellDate, DsTableEditCellNumber, DsTableEditCellSelect, DsTableEditCellText, DsTableEditableCell, DsTableEditingCell, DsTabs, DsTag, DsTagFilter, DsTextInput, DsTextarea, DsThreadItem, DsTimePicker, DsToastProvider, DsToggle, DsTooltip, DsTree, DsTypography, DsVerticalTabs, DsWorkspaceLayout, FatalFileUploadError, FileUpload, FileUploadError, RetryableFileUploadError, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuItemVariants, dsKeyValuePairOrientations, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCellEditor, 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, DsProgressTaskBar, DsRadioGroup, DsRadioGroupLegacy, DsSegmentGroup, DsSelect, DsSiteNode, DsSkeleton, DsSkeletonCircle, DsSkeletonRect, DsSkeletonText, DsSmartTabs, DsSpinner, DsSplitButton, DsStack, DsStatusBadge, DsStatusBadgeV2, DsStep, DsStepContent, DsStepper, DsSystemStatus, DsTable, DsTableColumnFilterPopover, DsTableEditCellCheckbox, DsTableEditCellDate, DsTableEditCellNumber, DsTableEditCellSelect, DsTableEditCellText, DsTableEditableCell, DsTableEditingCell, DsTabs, DsTag, DsTagFilter, DsTextInput, DsTextarea, DsThreadItem, DsTimePicker, DsToastProvider, DsToggle, DsTooltip, DsTree, DsTypography, DsUserCard, DsVerticalTabs, DsWorkspaceLayout, FatalFileUploadError, FileUpload, FileUploadError, RetryableFileUploadError, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createColumnHelper, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuActionsAlignments, dropdownMenuItemVariants, dsAvatarSizes, dsAvatarTypes, dsKeyValuePairOrientations, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, siteNodeStates, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, tooltipPlacements, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
 
 //# sourceMappingURL=index.js.map