@drivenets/design-system 0.15.0 → 0.16.0

package/dist/index.cjs

@@ -23,25 +23,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#endregion
 let react_compiler_runtime = require("react/compiler-runtime");
 let classnames = require("classnames");
-classnames = __toESM(classnames);
+classnames = __toESM(classnames, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = __toESM(react, 1);
 let _ark_ui_react = require("@ark-ui/react");
+let _ark_ui_react_tooltip = require("@ark-ui/react/tooltip");
+let _ark_ui_react_portal = require("@ark-ui/react/portal");
 let _ark_ui_react_combobox = require("@ark-ui/react/combobox");
 let _ark_ui_react_locale = require("@ark-ui/react/locale");
 let _ark_ui_react_highlight = require("@ark-ui/react/highlight");
-let _ark_ui_react_portal = require("@ark-ui/react/portal");
 let _ark_ui_react_avatar = require("@ark-ui/react/avatar");
-let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
-_radix_ui_react_tooltip = __toESM(_radix_ui_react_tooltip);
 let _tanstack_react_router = require("@tanstack/react-router");
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
-_radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
+_radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu, 1);
 let _ark_ui_react_menu = require("@ark-ui/react/menu");
 let _ark_ui_react_checkbox = require("@ark-ui/react/checkbox");
 let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
-_radix_ui_react_dialog = __toESM(_radix_ui_react_dialog);
+_radix_ui_react_dialog = __toESM(_radix_ui_react_dialog, 1);
 let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
 let _ark_ui_react_dialog = require("@ark-ui/react/dialog");
 let react_dom = require("react-dom");
@@ -51,7 +50,7 @@ let _internationalized_date = require("@internationalized/date");
 let _ark_ui_react_popover = require("@ark-ui/react/popover");
 let _ark_ui_react_select = require("@ark-ui/react/select");
 let _radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
-_radix_ui_react_collapsible = __toESM(_radix_ui_react_collapsible);
+_radix_ui_react_collapsible = __toESM(_radix_ui_react_collapsible, 1);
 let _ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
 let _ark_ui_react_segment_group = require("@ark-ui/react/segment-group");
 let _zag_js_steps = require("@zag-js/steps");
@@ -2887,6 +2886,7 @@ const DsIcon = (t0) => {
 	} else t8 = $[29];
 	return t8;
 };
+DsIcon.displayName = "DsIcon";
 //#endregion
 //#region src/components/ds-typography/ds-typography.config.ts
 const typographyVariantConfig = {
@@ -2983,7 +2983,7 @@ const typographyVariantConfig = {
 		component: _ark_ui_react.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",
@@ -3003,6 +3003,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] = (0, react.useState)(false);
+	(0, react.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: (0, react.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 $ = (0, react_compiler_runtime.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__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_tooltip.Tooltip.Trigger, {
+			asChild: true,
+			children
+		});
+		$[3] = children;
+		$[4] = t5;
+	} else t5 = $[4];
+	const t6 = slotProps?.content?.className;
+	let t7;
+	if ($[5] !== t6) {
+		t7 = (0, classnames.default)(ds_tooltip_module_default.tooltip, t6);
+		$[5] = t6;
+		$[6] = t7;
+	} else t7 = $[6];
+	const t8 = slotProps?.content?.style;
+	let t9;
+	if ($[7] !== content) {
+		t9 = (0, react.isValidElement)(content) ? content : /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_tooltip.Tooltip.Arrow, {
+			className: ds_tooltip_module_default.arrow,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_tooltip.Tooltip.ArrowTip, {})
+		});
+		$[9] = t10;
+	} else t10 = $[9];
+	let t11;
+	if ($[10] !== t7 || $[11] !== t8 || $[12] !== t9) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_portal.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_tooltip.Tooltip.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_tooltip.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__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_tooltip.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",
@@ -3027,14 +3249,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 $ = (0, react_compiler_runtime.c)(23);
+	const $ = (0, react_compiler_runtime.c)(34);
 	let children;
 	let className;
 	let color;
@@ -3042,9 +3267,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;
@@ -3053,7 +3281,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];
@@ -3062,54 +3293,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 = (0, classnames.default)(t2, className);
-		$[9] = className;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
+	const internalRef = (0, react.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__ */ (0, react_jsx_runtime.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 = (0, classnames.default)(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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 $ = (0, react_compiler_runtime.c)(20);
@@ -3270,9 +3547,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 = [
@@ -3337,7 +3618,7 @@ const DsAutocomplete = (t0) => {
 	const filterUtils = (0, _ark_ui_react_locale.useFilter)(t12);
 	const collection = (0, _ark_ui_react_combobox.createListCollection)({
 		items: filterText ? options.filter((opt) => filterUtils.contains(opt.label, filterText)) : options,
-		itemToString: _temp$16,
+		itemToString: _temp$17,
 		itemToValue: _temp2$9
 	});
 	let t13;
@@ -3549,7 +3830,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) {
@@ -3570,79 +3852,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 $ = (0, react_compiler_runtime.c)(14);
-	const { content, children, slotProps } = t0;
-	if (content === void 0) return children;
-	let t1;
-	if ($[0] !== children) {
-		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Trigger, {
-			asChild: true,
-			children
-		});
-		$[0] = children;
-		$[1] = t1;
-	} else t1 = $[1];
-	const t2 = slotProps?.content?.className;
-	let t3;
-	if ($[2] !== t2) {
-		t3 = (0, classnames.default)(ds_tooltip_module_default.tooltip, t2);
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	const t4 = slotProps?.content?.style;
-	let t5;
-	if ($[4] !== content) {
-		t5 = (0, react.isValidElement)(content) ? content : /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Arrow, { className: ds_tooltip_module_default.arrow });
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
-	if ($[7] !== t3 || $[8] !== t4 || $[9] !== t5) {
-		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_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__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, {
-			delayDuration: 200,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_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 $ = (0, react_compiler_runtime.c)(23);
@@ -3719,13 +3935,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",
@@ -3744,7 +3972,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 $ = (0, react_compiler_runtime.c)(17);
@@ -3780,7 +4012,7 @@ const DsAvatarGroup = (t0) => {
 		t6 = remainingCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTooltip, {
 			content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: ds_avatar_group_module_default.tooltipList,
-				children: hiddenAvatars.map(_temp$14)
+				children: hiddenAvatars.map(_temp$15)
 			}),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: (0, classnames.default)(ds_avatar_group_module_default.moreAvatar, ds_avatar_group_module_default[size], ds_avatar_group_module_default[type]),
@@ -3813,7 +4045,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__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTypography, {
 		variant: "body-xs-reg",
 		children: avatar_0.name
@@ -3836,6 +4069,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",
@@ -4005,6 +4240,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"];
@@ -4209,32 +4445,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 $ = (0, react_compiler_runtime.c)(6);
-	const { children, className, style } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(ds_dropdown_menu_module_default.actions, className);
+	const $ = (0, react_compiler_runtime.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 = (0, classnames.default)(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__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: t1,
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== children || $[4] !== style || $[5] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.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
@@ -4370,7 +4607,7 @@ const ItemGroupLabel = (t0) => {
 				className: t1,
 				style,
 				onClick: toggle,
-				onKeyDown: _temp$13,
+				onKeyDown: _temp$14,
 				children: [t2, t5]
 			})
 		});
@@ -4672,7 +4909,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) {
@@ -4681,6 +4931,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
 /**
@@ -4737,7 +4988,7 @@ const DsBreadcrumb = (t0) => {
 							placeholder: "Search",
 							value: search,
 							onValueChange: setSearch,
-							onKeyDown: _temp$12,
+							onKeyDown: _temp$13,
 							slots: { startAdornment: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsIcon, {
 								icon: "search",
 								size: "tiny"
@@ -4793,7 +5044,8 @@ const DsBreadcrumb = (t0) => {
 	} else t4 = $[16];
 	return t4;
 };
-function _temp$12(e) {
+DsBreadcrumb.displayName = "DsBreadcrumb";
+function _temp$13(e) {
 	return e.stopPropagation();
 }
 //#endregion
@@ -5104,6 +5356,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 = {
@@ -5222,6 +5475,7 @@ const DsSpinner = (t0) => {
 	} else t11 = $[24];
 	return t11;
 };
+DsSpinner.displayName = "DsSpinner";
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.types.ts
 const spinnerSizes = [
@@ -5240,6 +5494,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 $ = (0, react_compiler_runtime.c)(37);
 	let children;
@@ -5376,6 +5636,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 = {
@@ -5499,9 +5760,8 @@ const Root$2 = (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 $ = (0, react_compiler_runtime.c)(12);
@@ -5632,6 +5892,10 @@ const Footer$3 = (t0) => {
 	} else t2 = $[11];
 	return t2;
 };
+Root$2.displayName = "DsCard.Root";
+Header$4.displayName = "DsCard.Header";
+Body$4.displayName = "DsCard.Body";
+Footer$3.displayName = "DsCard.Footer";
 const DsCard = {
 	Root: Root$2,
 	Header: Header$4,
@@ -6047,11 +6311,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 = {
@@ -6067,7 +6337,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 $ = (0, react_compiler_runtime.c)(25);
@@ -6184,6 +6460,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"];
@@ -6237,6 +6514,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
 /**
@@ -6391,6 +6669,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 = {
@@ -6432,7 +6711,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();
@@ -6535,6 +6815,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 = {
@@ -6660,6 +6941,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;
@@ -6924,6 +7206,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) => {
@@ -7030,7 +7313,7 @@ const DsCommentThread = (t0) => {
 	const bottomRef = (0, react.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];
@@ -7170,7 +7453,8 @@ const DsCommentThread = (t0) => {
 	} else t22 = $[36];
 	return t22;
 };
-function _temp$11(m) {
+DsCommentThread.displayName = "DsCommentThread";
+function _temp$12(m) {
 	return m.isInitialMessage;
 }
 //#endregion
@@ -7512,6 +7796,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"];
@@ -7522,16 +7807,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 $ = (0, react_compiler_runtime.c)(74);
@@ -7869,6 +8144,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 = {
@@ -7902,7 +8178,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];
@@ -8226,7 +8502,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) {
@@ -8315,6 +8592,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 = {
@@ -8717,6 +8995,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;
@@ -8724,6 +9009,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 = {
@@ -8816,9 +9102,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;
@@ -9115,6 +9402,7 @@ const DsTagFilter = (t0) => {
 	} else t25 = $[61];
 	return t25;
 };
+DsTagFilter.displayName = "DsTagFilter";
 //#endregion
 //#region src/components/ds-comments-drawer/comments-filters.ts
 const initialFilterState = {
@@ -9484,12 +9772,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" };
@@ -9526,6 +9821,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 = {
@@ -9651,7 +9947,7 @@ const DsTabsTab = (t0) => {
 				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsDropdownMenu.Content, {
 				className: ds_tabs_tab_module_default.menuContent,
-				children: menuActionItems.map(_temp$9)
+				children: menuActionItems.map(_temp$10)
 			})]
 		});
 		$[17] = handleMenuActionSelect;
@@ -9689,7 +9985,8 @@ const DsTabsTab = (t0) => {
 	} else t6 = $[29];
 	return t6;
 };
-function _temp$9(item) {
+DsTabsTab.displayName = "DsTabs.Tab";
+function _temp$10(item) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsDropdownMenu.Item, {
 		value: item.value,
 		disabled: item.disabled,
@@ -9733,6 +10030,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" };
@@ -9785,6 +10083,7 @@ const DsTabsRoot = (t0) => {
 	} else t5 = $[12];
 	return t5;
 };
+DsTabsRoot.displayName = "DsTabs.Root";
 const DsTabs = {
 	Root: DsTabsRoot,
 	List: DsTabsList,
@@ -10213,7 +10512,8 @@ const YearView$1 = () => {
 	} else t0 = $[0];
 	return t0;
 };
-function _temp$8(weekDay, id) {
+DsDateInput.displayName = "DsDateInput";
+function _temp$9(weekDay, id) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableHeader, {
 		className: ds_date_input_module_default.tableHeader,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTypography, {
@@ -10248,7 +10548,7 @@ function _temp4$2(datePicker) {
 			className: ds_date_input_module_default.tableHead,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableRow, {
 				className: ds_date_input_module_default.tableRow,
-				children: datePicker.weekDays.map(_temp$8)
+				children: datePicker.weekDays.map(_temp$9)
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableBody, {
 			className: ds_date_input_module_default.tableBody,
@@ -10891,7 +11191,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);
@@ -10965,7 +11265,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;
@@ -11240,7 +11543,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,
@@ -11286,6 +11590,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 ? (0, _internationalized_date.fromDate)(date, (0, _internationalized_date.getLocalTimeZone)()) : date;
@@ -11942,6 +12247,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 = {
@@ -12040,7 +12346,7 @@ const DayView = (t0) => {
 						className: calendar_table_module_default.table,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableRow, {
 							className: calendar_table_module_default.tableRow,
-							children: datePicker.weekDays.map(_temp$6)
+							children: datePicker.weekDays.map(_temp$7)
 						}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableBody, {
 							className: calendar_table_module_default.tableBody,
 							children: datePicker.weeks.map(_temp3$3)
@@ -12055,7 +12361,7 @@ const DayView = (t0) => {
 	} else t1 = $[1];
 	return t1;
 };
-function _temp$6(weekDay, idx) {
+function _temp$7(weekDay, idx) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableHeader, {
 		className: calendar_table_module_default.tableHeader,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTypography, {
@@ -12099,7 +12405,7 @@ const MonthView = () => {
 	} else t0 = $[0];
 	return t0;
 };
-function _temp$5(month, monthIdx) {
+function _temp$6(month, monthIdx) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableCell, {
 		value: month.value,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableCellTrigger, {
@@ -12114,7 +12420,7 @@ function _temp$5(month, monthIdx) {
 function _temp2$2(months, rowIdx) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableRow, {
 		className: calendar_table_module_default.tableRow,
-		children: months.map(_temp$5)
+		children: months.map(_temp$6)
 	}, rowIdx);
 }
 function _temp3$2(datePicker) {
@@ -12146,7 +12452,7 @@ const YearView = () => {
 	} else t0 = $[0];
 	return t0;
 };
-function _temp$4(year, yearIdx) {
+function _temp$5(year, yearIdx) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableCell, {
 		value: year.value,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableCellTrigger, {
@@ -12161,7 +12467,7 @@ function _temp$4(year, yearIdx) {
 function _temp2$1(years, rowIdx) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_date_picker.DatePicker.TableRow, {
 		className: calendar_table_module_default.tableRow,
-		children: years.map(_temp$4)
+		children: years.map(_temp$5)
 	}, rowIdx);
 }
 function _temp3$1(datePicker) {
@@ -12175,6 +12481,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 $ = (0, react_compiler_runtime.c)(123);
 	let _defaultValue;
@@ -12313,7 +12626,10 @@ const DsDatePicker = (t0) => {
 				min,
 				max,
 				withTime
-			})) setValue(parseDate(text));
+			})) {
+				const parsedValue = parseDate(text);
+				setValue(parsedValue);
+			}
 		};
 		$[37] = max;
 		$[38] = min;
@@ -12615,6 +12931,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 = {
@@ -12745,7 +13062,7 @@ const DsSelect = (t0) => {
 	const internalOptions = multiselectProps.multiple ? [SELECT_ALL_OPTION, ...userOptions] : userOptions;
 	const collection = (0, _ark_ui_react_select.createListCollection)({
 		items: internalOptions,
-		itemToValue: _temp$3
+		itemToValue: _temp$4
 	});
 	let t2;
 	if ($[0] !== searchTerm) {
@@ -12970,7 +13287,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) {
@@ -13141,6 +13459,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 = {
@@ -13264,6 +13583,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 = {
@@ -13426,6 +13746,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 = [
@@ -13660,6 +13982,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 = {
@@ -13671,6 +13994,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 = {
@@ -13717,6 +14047,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 = {
@@ -13761,6 +14092,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 = {
@@ -13937,6 +14269,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 = {
@@ -14201,7 +14534,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;
@@ -14244,7 +14577,7 @@ const FileUploadItem = (t0) => {
 	} else t23 = $[60];
 	return t23;
 };
-function _temp$2(error) {
+function _temp$3(error) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: file_upload_item_module_default.errorMessage,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsIcon, {
@@ -14738,10 +15071,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) => {
@@ -14756,8 +15090,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;
 	};
@@ -15002,6 +15338,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 = {
@@ -15056,6 +15393,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 = [
@@ -15098,6 +15436,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 = {
@@ -15192,6 +15532,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"];
@@ -15351,6 +15692,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"];
@@ -15582,6 +15924,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 = {
@@ -15891,6 +16234,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,
@@ -16201,6 +16552,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"];
@@ -16335,6 +16687,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"];
@@ -16538,6 +16891,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 = [
@@ -16809,6 +17163,7 @@ const DsProgressTaskBar = (t0) => {
 	} 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 = {
@@ -16999,7 +17354,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];
@@ -17039,7 +17394,10 @@ const DsRadioGroup = {
 	Root: Root$1,
 	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__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_radio_group.RadioGroup.Item, {
 		value: option.value,
 		disabled: option.disabled,
@@ -17280,6 +17638,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 $ = (0, react_compiler_runtime.c)(5);
+	const ref = (0, react.useRef)(null);
+	const [isOverflowing, setIsOverflowing] = (0, react.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];
+	(0, react.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 $ = (0, react_compiler_runtime.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 = (0, classnames.default)(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__ */ (0, react_jsx_runtime.jsx)(DsTypography, {
+			variant: "body-sm-reg",
+			color: "secondary",
+			children: overflowLabel
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsStack, {
+			direction: "row",
+			alignItems: "center",
+			justifyContent: "center",
+			className: (0, classnames.default)(ds_site_node_module_default.pill, { [ds_site_node_module_default.pillMuted]: isMuted }),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTypography, {
+				variant: "body-xs-md",
+				color: isMuted ? "on-disabled" : "on-action",
+				children: tier
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			ref: siteCodeRef,
+			className: ds_site_node_module_default.siteCode,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTooltip, {
+				content: isOverflowing ? siteCode : void 0,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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"];
@@ -17428,6 +17935,7 @@ const DsSkeletonText = (t0) => {
 	} else t10 = $[14];
 	return t10;
 };
+DsSkeletonText.displayName = "DsSkeletonText";
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-circle.tsx
 /**
@@ -17476,6 +17984,7 @@ const DsSkeletonCircle = (t0) => {
 	} else t8 = $[9];
 	return t8;
 };
+DsSkeletonCircle.displayName = "DsSkeletonCircle";
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-rect.tsx
 /**
@@ -17526,13 +18035,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 = {
@@ -17783,7 +18296,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 = [
@@ -17809,6 +18324,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 $ = (0, react_compiler_runtime.c)(33);
 	const { ref, className, style, size: t1, disabled, slotProps } = t0;
@@ -18018,6 +18539,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 = {
@@ -18179,6 +18701,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 = {
@@ -18340,6 +18863,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) {
@@ -18538,6 +19062,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) {
@@ -18627,6 +19152,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) {
@@ -18669,6 +19195,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 = {
@@ -18740,6 +19267,7 @@ const DsSystemStatus = (t0) => {
 	} else t6 = $[8];
 	return t6;
 };
+DsSystemStatus.displayName = "DsSystemStatus";
 //#endregion
 //#region src/components/ds-system-status/ds-system-status.types.ts
 /**
@@ -19122,11 +19650,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 = () => {
@@ -19138,10 +19667,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) => {
@@ -19164,10 +19694,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);
@@ -19628,7 +20159,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,
@@ -19819,6 +20351,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 = {
@@ -19899,6 +20432,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 = {
@@ -20614,6 +21148,7 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 		})
 	});
 };
+DsTable.displayName = "DsTable";
 //#endregion
 //#region src/components/ds-table/hooks/use-cell-editor.ts
 /**
@@ -20698,6 +21233,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`. */
@@ -20724,6 +21260,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`. */
@@ -20741,6 +21278,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`. */
@@ -20763,6 +21301,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`. */
@@ -20774,6 +21313,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 = {
@@ -20899,6 +21439,8 @@ const DsToastGroup = (t0) => {
 	} else t1 = $[1];
 	return t1;
 };
+DsToast.displayName = "DsToast";
+DsToastGroup.displayName = "DsToastGroup";
 function _temp(toast) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsToast, { ...toast });
 }
@@ -20977,6 +21519,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 = {
@@ -21164,6 +21707,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 = {
@@ -21572,6 +22116,21 @@ const DsTreeItemAction = (t0) => {
 	} else t3 = $[8];
 	return t3;
 };
+DsTreeRoot.displayName = "DsTree.Root";
+DsTreeTree.displayName = "DsTree.Tree";
+Object.defineProperty(_ark_ui_react_tree_view.TreeView.NodeProvider, "displayName", { value: "DsTree.NodeProvider" });
+Object.defineProperty(_ark_ui_react_tree_view.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,
@@ -21601,6 +22160,90 @@ const createDsTreeCollection = (nodes) => (0, _ark_ui_react_tree_view.createTree
 	}
 });
 //#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 $ = (0, react_compiler_runtime.c)(17);
+	const { name, subtitle, src, className, style } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = (0, classnames.default)(ds_user_card_module_default.userCard, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== name || $[3] !== src) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsAvatar, {
+			name,
+			src,
+			size: "md"
+		});
+		$[2] = name;
+		$[3] = src;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== name) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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",
@@ -21730,9 +22373,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 = {
@@ -22149,6 +22796,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;
@@ -22156,6 +22810,7 @@ DsWorkspaceLayout.Footer = Footer;
 DsWorkspaceLayout.Body = Body;
 DsWorkspaceLayout.SideMenu = SideMenu;
 DsWorkspaceLayout.LeftPanel = LeftPanel;
+DsWorkspaceLayout.displayName = "DsWorkspaceLayout";
 //#endregion
 exports.BREAKPOINT_LG = BREAKPOINT_LG;
 exports.DsAlertBanner = DsAlertBanner;
@@ -22208,7 +22863,8 @@ exports.DsRadioGroup = DsRadioGroup;
 exports.DsRadioGroupLegacy = DsRadioGroupLegacy;
 exports.DsSegmentGroup = DsSegmentGroup;
 exports.DsSelect = DsSelect;
-exports.DsSkeleton = ds_skeleton_default;
+exports.DsSiteNode = DsSiteNode;
+exports.DsSkeleton = DsSkeleton;
 exports.DsSkeletonCircle = DsSkeletonCircle;
 exports.DsSkeletonRect = DsSkeletonRect;
 exports.DsSkeletonText = DsSkeletonText;
@@ -22243,6 +22899,7 @@ exports.DsToggle = DsToggle;
 exports.DsTooltip = DsTooltip;
 exports.DsTree = DsTree;
 exports.DsTypography = DsTypography;
+exports.DsUserCard = DsUserCard;
 exports.DsVerticalTabs = DsVerticalTabs;
 exports.DsWorkspaceLayout = DsWorkspaceLayout;
 exports.FatalFileUploadError = FatalFileUploadError;
@@ -22259,12 +22916,21 @@ exports.checkboxVariants = checkboxVariants;
 exports.colors = colors;
 exports.controlStatuses = controlStatuses;
 exports.createCheckboxFilterAdapter = createCheckboxFilterAdapter;
+Object.defineProperty(exports, "createColumnHelper", {
+	enumerable: true,
+	get: function() {
+		return _tanstack_react_table.createColumnHelper;
+	}
+});
 exports.createDsTreeCollection = createDsTreeCollection;
 exports.createDualRangeFilterAdapter = createDualRangeFilterAdapter;
 exports.createFilterAdapter = createFilterAdapter;
 exports.customIcons = customIcons;
 exports.defaultDsTableLocale = defaultDsTableLocale;
+exports.dropdownMenuActionsAlignments = dropdownMenuActionsAlignments;
 exports.dropdownMenuItemVariants = dropdownMenuItemVariants;
+exports.dsAvatarSizes = dsAvatarSizes;
+exports.dsAvatarTypes = dsAvatarTypes;
 exports.dsKeyValuePairOrientations = dsKeyValuePairOrientations;
 exports.filterStatuses = filterStatuses;
 exports.formatTime = formatTime;
@@ -22283,6 +22949,7 @@ exports.progressDonutVariants = progressDonutVariants;
 exports.progressLinearSizes = progressLinearSizes;
 exports.progressLinearVariants = progressLinearVariants;
 exports.resolveResponsiveValue = resolveResponsiveValue;
+exports.siteNodeStates = siteNodeStates;
 exports.skeletonColorVariants = skeletonColorVariants;
 exports.skeletonRadiusVariants = skeletonRadiusVariants;
 exports.spinnerSizes = spinnerSizes;
@@ -22295,6 +22962,7 @@ exports.tagSizes = tagSizes;
 exports.tagVariants = tagVariants;
 exports.taskBarStatuses = taskBarStatuses;
 exports.textInputSizes = textInputSizes;
+exports.tooltipPlacements = tooltipPlacements;
 exports.useBreakpoint = useBreakpoint;
 exports.useCellEditor = useCellEditor;
 exports.useCheckboxSelectAll = useCheckboxSelectAll;