@drivenets/design-system 0.15.0 → 0.17.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,56 +3293,102 @@ 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 DsAlertBannerRoot = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(20);
 	const { open, onOpenChange, inline: t1, variant: t2, icon, closable: t3, className, style: t4, children } = t0;
 	const inline = t1 === void 0 ? false : t1;
@@ -3270,9 +3547,15 @@ const Actions$3 = (t0) => {
 	} else t2 = $[5];
 	return t2;
 };
-DsAlertBanner.Title = Title$2;
-DsAlertBanner.Body = Body$5;
-DsAlertBanner.Actions = Actions$3;
+Title$2.displayName = "DsAlertBanner.Title";
+Body$5.displayName = "DsAlertBanner.Body";
+Actions$3.displayName = "DsAlertBanner.Actions";
+const DsAlertBanner = Object.assign(DsAlertBannerRoot, {
+	displayName: "DsAlertBanner",
+	Title: Title$2,
+	Body: Body$5,
+	Actions: Actions$3
+});
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.types.ts
 const alertBannerVariants = [
@@ -3337,7 +3620,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 +3832,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 +3854,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 +3937,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 +3974,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 +4014,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 +4047,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 +4071,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 +4242,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 +4447,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 +4609,7 @@ const ItemGroupLabel = (t0) => {
 				className: t1,
 				style,
 				onClick: toggle,
-				onKeyDown: _temp$13,
+				onKeyDown: _temp$14,
 				children: [t2, t5]
 			})
 		});
@@ -4672,7 +4911,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 +4933,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 +4990,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 +5046,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 +5358,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 +5477,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 +5496,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 +5638,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 +5762,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 +5894,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,
@@ -5677,7 +5943,7 @@ const DEFAULT_LOCALE$1 = Object.freeze({
 	pinButtonLabel: "Pin side menu",
 	unpinButtonLabel: "Unpin side menu"
 });
-const DsCatalogLayout = (t0) => {
+const DsCatalogLayoutRoot = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(17);
 	let className;
 	let rest;
@@ -6047,11 +6313,19 @@ const ContentHeader = (t0) => {
 	} else t6 = $[21];
 	return t6;
 };
-DsCatalogLayout.Header = Header$3;
-DsCatalogLayout.Body = Body$3;
-DsCatalogLayout.SideMenu = SideMenu$1;
-DsCatalogLayout.Content = Content$1;
-DsCatalogLayout.ContentHeader = ContentHeader;
+Header$3.displayName = "DsCatalogLayout.Header";
+Body$3.displayName = "DsCatalogLayout.Body";
+SideMenu$1.displayName = "DsCatalogLayout.SideMenu";
+Content$1.displayName = "DsCatalogLayout.Content";
+ContentHeader.displayName = "DsCatalogLayout.ContentHeader";
+const DsCatalogLayout = Object.assign(DsCatalogLayoutRoot, {
+	displayName: "DsCatalogLayout",
+	Header: Header$3,
+	Body: Body$3,
+	SideMenu: SideMenu$1,
+	Content: Content$1,
+	ContentHeader
+});
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.module.scss
 var ds_checkbox_module_default = {
@@ -6067,7 +6341,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 +6464,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 +6518,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 +6673,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 +6715,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 +6819,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 +6945,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 +7210,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 +7317,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 +7457,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 +7800,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 +7811,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 +8148,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 +8182,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 +8506,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 +8596,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 = {
@@ -8436,7 +8718,7 @@ const useArkDialogBodyLockCleanup = (open, enabled) => {
 };
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.tsx
-const DsDrawer = (t0) => {
+const DsDrawerRoot = (t0) => {
 	const $ = (0, react_compiler_runtime.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;
@@ -8717,13 +8999,23 @@ const Actions$1 = (t0) => {
 	} else t2 = $[5];
 	return t2;
 };
-DsDrawer.Header = Header$2;
-DsDrawer.Title = Title$1;
-DsDrawer.CloseTrigger = CloseTrigger$1;
-DsDrawer.Toolbar = Toolbar;
-DsDrawer.Body = Body$2;
-DsDrawer.Footer = Footer$2;
-DsDrawer.Actions = Actions$1;
+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";
+const DsDrawer = Object.assign(DsDrawerRoot, {
+	displayName: "DsDrawer",
+	Header: Header$2,
+	Title: Title$1,
+	CloseTrigger: CloseTrigger$1,
+	Toolbar,
+	Body: Body$2,
+	Footer: Footer$2,
+	Actions: Actions$1
+});
 //#endregion
 //#region src/components/ds-tag-filter/ds-tag-filter.module.scss
 var ds_tag_filter_module_default = {
@@ -8816,9 +9108,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 +9408,7 @@ const DsTagFilter = (t0) => {
 	} else t25 = $[61];
 	return t25;
 };
+DsTagFilter.displayName = "DsTagFilter";
 //#endregion
 //#region src/components/ds-comments-drawer/comments-filters.ts
 const initialFilterState = {
@@ -9261,7 +9555,7 @@ var ds_modal_module_default = {
 * Supports custom header, footer, and body content with grid-based sizing.
 * Use columns prop to control modal width (1-12 grid columns).
 */
-const DsModal = (t0) => {
+const DsModalRoot = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(20);
 	const { open, columns: t1, dividers: t2, style, className, modal: t3, closeOnEscape, closeOnInteractOutside: t4, children, onOpenChange } = t0;
 	const columns = t1 === void 0 ? 6 : t1;
@@ -9484,12 +9778,21 @@ const Actions = (t0) => {
 	} else t2 = $[5];
 	return t2;
 };
-DsModal.Header = Header$1;
-DsModal.Title = Title;
-DsModal.CloseTrigger = CloseTrigger;
-DsModal.Body = Body$1;
-DsModal.Footer = Footer$1;
-DsModal.Actions = Actions;
+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";
+const DsModal = Object.assign(DsModalRoot, {
+	displayName: "DsModal",
+	Header: Header$1,
+	Title,
+	CloseTrigger,
+	Body: Body$1,
+	Footer: Footer$1,
+	Actions
+});
 //#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 +9829,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 +9955,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 +9993,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 +10038,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 +10091,7 @@ const DsTabsRoot = (t0) => {
 	} else t5 = $[12];
 	return t5;
 };
+DsTabsRoot.displayName = "DsTabs.Root";
 const DsTabs = {
 	Root: DsTabsRoot,
 	List: DsTabsList,
@@ -10213,7 +10520,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 +10556,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 +11199,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 +11273,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 +11551,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,
@@ -11261,11 +11573,7 @@ function _temp5$1(c_1) {
 }
 //#endregion
 //#region src/components/ds-confirmation/ds-confirmation.tsx
-/**
-* @deprecated DsConfirmation is deprecated. Use DsModal instead.
-* @see {@link ../ds-modal} for the replacement component.
-*/
-const DsConfirmation = (props) => {
+const DsConfirmationRoot = (props) => {
 	const $ = (0, react_compiler_runtime.c)(2);
 	let t0;
 	if ($[0] !== props) {
@@ -11280,12 +11588,19 @@ const DsConfirmation = (props) => {
 	} else t0 = $[1];
 	return t0;
 };
-DsConfirmation.Header = DsModal.Header;
-DsConfirmation.Title = DsModal.Title;
-DsConfirmation.CloseTrigger = DsModal.CloseTrigger;
-DsConfirmation.Body = DsModal.Body;
-DsConfirmation.Footer = DsModal.Footer;
-DsConfirmation.Actions = DsModal.Actions;
+/**
+* @deprecated DsConfirmation is deprecated. Use DsModal instead.
+* @see {@link ../ds-modal} for the replacement component.
+*/
+const DsConfirmation = Object.assign(DsConfirmationRoot, {
+	displayName: "DsConfirmation",
+	Header: DsModal.Header,
+	Title: DsModal.Title,
+	CloseTrigger: DsModal.CloseTrigger,
+	Body: DsModal.Body,
+	Footer: DsModal.Footer,
+	Actions: DsModal.Actions
+});
 //#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 +12257,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 +12356,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 +12371,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 +12415,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 +12430,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 +12462,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 +12477,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 +12491,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 +12636,10 @@ const DsDatePicker = (t0) => {
 				min,
 				max,
 				withTime
-			})) setValue(parseDate(text));
+			})) {
+				const parsedValue = parseDate(text);
+				setValue(parsedValue);
+			}
 		};
 		$[37] = max;
 		$[38] = min;
@@ -12615,6 +12941,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 +13072,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 +13297,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) {
@@ -12999,7 +13327,7 @@ var ds_number_input_module_default = {
 //#endregion
 //#region src/components/ds-number-input/ds-number-input.tsx
 const DsNumberInput = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(33);
+	const $ = (0, react_compiler_runtime.c)(36);
 	const { id, ref, name, size: t1, onBlur, onChange, onValueChange, className, style: t2, placeholder, disabled: t3, min, max, step, value, defaultValue } = t0;
 	const size = t1 === void 0 ? "default" : t1;
 	let t4;
@@ -13024,26 +13352,32 @@ const DsNumberInput = (t0) => {
 		$[5] = t7;
 	} else t7 = $[5];
 	const containerClass = t7;
-	const t8 = typeof value !== "undefined" ? String(value) : void 0;
-	const t9 = typeof defaultValue !== "undefined" ? String(defaultValue) : void 0;
-	let t10;
-	if ($[6] !== onValueChange) {
-		t10 = (details) => onValueChange?.(details.valueAsNumber);
-		$[6] = onValueChange;
-		$[7] = t10;
-	} else t10 = $[7];
+	let t8;
+	if ($[6] !== id) {
+		t8 = { input: id };
+		$[6] = id;
+		$[7] = t8;
+	} else t8 = $[7];
+	const t9 = typeof value !== "undefined" ? String(value) : void 0;
+	const t10 = typeof defaultValue !== "undefined" ? String(defaultValue) : void 0;
 	let t11;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = (0, classnames.default)(ds_number_input_module_default.iconButton);
-		$[8] = t11;
-	} else t11 = $[8];
+	if ($[8] !== onValueChange) {
+		t11 = (details) => onValueChange?.(details.valueAsNumber);
+		$[8] = onValueChange;
+		$[9] = t11;
+	} else t11 = $[9];
 	let t12;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.DecrementTrigger, {
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = (0, classnames.default)(ds_number_input_module_default.iconButton);
+		$[10] = t12;
+	} else t12 = $[10];
+	let t13;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.DecrementTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: t11,
+				className: t12,
 				"aria-label": "Decrease value",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsIcon, {
 					icon: "remove",
@@ -13051,42 +13385,42 @@ const DsNumberInput = (t0) => {
 				})
 			})
 		});
-		$[9] = t12;
-	} else t12 = $[9];
-	let t13;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = (0, classnames.default)(ds_number_input_module_default.input);
-		$[10] = t13;
-	} else t13 = $[10];
+		$[11] = t13;
+	} else t13 = $[11];
 	let t14;
-	if ($[11] !== name || $[12] !== onBlur || $[13] !== onChange || $[14] !== placeholder || $[15] !== ref) {
-		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Input, {
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = (0, classnames.default)(ds_number_input_module_default.input);
+		$[12] = t14;
+	} else t14 = $[12];
+	let t15;
+	if ($[13] !== name || $[14] !== onBlur || $[15] !== onChange || $[16] !== placeholder || $[17] !== ref) {
+		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Input, {
 			ref,
 			name,
-			className: t13,
+			className: t14,
 			placeholder,
 			onBlur,
 			onChange
 		});
-		$[11] = name;
-		$[12] = onBlur;
-		$[13] = onChange;
-		$[14] = placeholder;
-		$[15] = ref;
-		$[16] = t14;
-	} else t14 = $[16];
-	let t15;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = (0, classnames.default)(ds_number_input_module_default.iconButton);
-		$[17] = t15;
-	} else t15 = $[17];
+		$[13] = name;
+		$[14] = onBlur;
+		$[15] = onChange;
+		$[16] = placeholder;
+		$[17] = ref;
+		$[18] = t15;
+	} else t15 = $[18];
 	let t16;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.IncrementTrigger, {
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = (0, classnames.default)(ds_number_input_module_default.iconButton);
+		$[19] = t16;
+	} else t16 = $[19];
+	let t17;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.IncrementTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: t15,
+				className: t16,
 				"aria-label": "Increase value",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsIcon, {
 					icon: "add",
@@ -13094,53 +13428,56 @@ const DsNumberInput = (t0) => {
 				})
 			})
 		});
-		$[18] = t16;
-	} else t16 = $[18];
-	let t17;
-	if ($[19] !== containerClass || $[20] !== style || $[21] !== t14) {
-		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Control, {
+		$[20] = t17;
+	} else t17 = $[20];
+	let t18;
+	if ($[21] !== containerClass || $[22] !== style || $[23] !== t15) {
+		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Control, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: containerClass,
 				style,
 				children: [
-					t12,
-					t14,
-					t16
+					t13,
+					t15,
+					t17
 				]
 			})
 		});
-		$[19] = containerClass;
-		$[20] = style;
-		$[21] = t14;
-		$[22] = t17;
-	} else t17 = $[22];
-	let t18;
-	if ($[23] !== disabled || $[24] !== id || $[25] !== max || $[26] !== min || $[27] !== step || $[28] !== t10 || $[29] !== t17 || $[30] !== t8 || $[31] !== t9) {
-		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Root, {
+		$[21] = containerClass;
+		$[22] = style;
+		$[23] = t15;
+		$[24] = t18;
+	} else t18 = $[24];
+	let t19;
+	if ($[25] !== disabled || $[26] !== id || $[27] !== max || $[28] !== min || $[29] !== step || $[30] !== t10 || $[31] !== t11 || $[32] !== t18 || $[33] !== t8 || $[34] !== t9) {
+		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Root, {
 			id,
+			ids: t8,
 			min,
 			max,
 			step,
 			disabled,
-			value: t8,
-			defaultValue: t9,
-			onValueChange: t10,
-			children: t17
+			value: t9,
+			defaultValue: t10,
+			onValueChange: t11,
+			children: t18
 		});
-		$[23] = disabled;
-		$[24] = id;
-		$[25] = max;
-		$[26] = min;
-		$[27] = step;
-		$[28] = t10;
-		$[29] = t17;
-		$[30] = t8;
-		$[31] = t9;
+		$[25] = disabled;
+		$[26] = id;
+		$[27] = max;
+		$[28] = min;
+		$[29] = step;
+		$[30] = t10;
+		$[31] = t11;
 		$[32] = t18;
-	} else t18 = $[32];
-	return t18;
+		$[33] = t8;
+		$[34] = t9;
+		$[35] = t19;
+	} else t19 = $[35];
+	return t19;
 };
+DsNumberInput.displayName = "DsNumberInput";
 //#endregion
 //#region src/components/ds-password-input/ds-password-input.module.scss
 var ds_password_input_module_default = {
@@ -13264,6 +13601,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 = {
@@ -13330,7 +13668,7 @@ const DsFormControlDescription = (t0) => {
 	} else t2 = $[4];
 	return t2;
 };
-const DsFormControl = (t0) => {
+const DsFormControlRoot = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(23);
 	const { id, status, label, hideLabel: t1, required: t2, slots, message, messageIcon: t3, className, style, children } = t0;
 	const hideLabel = t1 === void 0 ? false : t1;
@@ -13416,16 +13754,20 @@ const DsFormControl = (t0) => {
 	} else t10 = $[22];
 	return t10;
 };
-DsFormControl.TextInput = controlify(DsTextInput);
-DsFormControl.NumberInput = controlify(DsNumberInput);
-DsFormControl.PasswordInput = controlify(DsPasswordInput);
-/** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
-DsFormControl.DateInput = controlify(DsDateInput);
-DsFormControl.DatePicker = controlify(DsDatePicker);
-DsFormControl.TimePicker = controlify(DsTimePicker);
-DsFormControl.Textarea = controlify(DsTextarea);
-DsFormControl.Select = controlify(DsSelect);
-DsFormControl.Description = DsFormControlDescription;
+DsFormControlDescription.displayName = "DsFormControl.Description";
+const DsFormControl = Object.assign(DsFormControlRoot, {
+	displayName: "DsFormControl",
+	TextInput: controlify(DsTextInput),
+	NumberInput: controlify(DsNumberInput),
+	PasswordInput: controlify(DsPasswordInput),
+	/** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
+	DateInput: controlify(DsDateInput),
+	DatePicker: controlify(DsDatePicker),
+	TimePicker: controlify(DsTimePicker),
+	Textarea: controlify(DsTextarea),
+	Select: controlify(DsSelect),
+	Description: DsFormControlDescription
+});
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.types.ts
 const controlStatuses = [
@@ -13660,6 +14002,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 +14014,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 +14067,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 +14112,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 +14289,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 +14554,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 +14597,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 +15091,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 +15110,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 +15358,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 +15413,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 +15456,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 +15552,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 +15712,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 +15944,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 +16254,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 +16572,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 +16707,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 +16911,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 +17183,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 +17374,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 +17414,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 +17658,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 +17955,7 @@ const DsSkeletonText = (t0) => {
 	} else t10 = $[14];
 	return t10;
 };
+DsSkeletonText.displayName = "DsSkeletonText";
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-circle.tsx
 /**
@@ -17476,6 +18004,7 @@ const DsSkeletonCircle = (t0) => {
 	} else t8 = $[9];
 	return t8;
 };
+DsSkeletonCircle.displayName = "DsSkeletonCircle";
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-rect.tsx
 /**
@@ -17526,13 +18055,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 = {
@@ -17708,7 +18241,7 @@ const DsSmartTab = (t0) => {
 /**
 * Design system SmartTabs component
 */
-const DsSmartTabs = (t0) => {
+const DsSmartTabsRoot = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(22);
 	let activeTab;
 	let children;
@@ -17783,7 +18316,11 @@ const DsSmartTabs = (t0) => {
 	} else t6 = $[21];
 	return t6;
 };
-DsSmartTabs.Tab = DsSmartTab;
+DsSmartTab.displayName = "DsSmartTabs.Tab";
+const DsSmartTabs = Object.assign(DsSmartTabsRoot, {
+	displayName: "DsSmartTabs",
+	Tab: DsSmartTab
+});
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.types.ts
 const colors = [
@@ -17809,6 +18346,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 +18561,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 +18723,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 +18885,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 +19084,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 +19174,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 +19217,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 +19289,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 +19672,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 +19689,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 +19716,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);
@@ -19416,6 +19969,7 @@ var ds_table_header_module_default = {
 	"filterActive": "-2rCNG_filterActive",
 	"filterTriggerContainer": "-2rCNG_filterTriggerContainer",
 	"groupStart": "-2rCNG_groupStart",
+	"header": "-2rCNG_header",
 	"headerCell": "-2rCNG_headerCell",
 	"headerRow": "-2rCNG_headerRow",
 	"headerRowNoBorder": "-2rCNG_headerRowNoBorder",
@@ -19425,7 +19979,6 @@ var ds_table_header_module_default = {
 	"pageButtonIconContainer": "-2rCNG_pageButtonIconContainer",
 	"selectHeaderCell": "-2rCNG_selectHeaderCell",
 	"sortableHeader": "-2rCNG_sortableHeader",
-	"stickyHeader": "-2rCNG_stickyHeader",
 	"virtualizedHeader": "-2rCNG_virtualizedHeader"
 };
 //#endregion
@@ -19628,7 +20181,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,
@@ -19692,9 +20246,9 @@ const DsTableGroupHeaderCell = ({ header }) => {
 //#endregion
 //#region src/components/ds-table/components/ds-table-header/ds-table-header.tsx
 const DsTableHeader = ({ table }) => {
-	const { stickyHeader, bordered, virtualized } = useDsTableContext();
+	const { bordered, virtualized } = useDsTableContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, {
-		className: (0, classnames.default)(stickyHeader && ds_table_header_module_default.stickyHeader, virtualized && ds_table_header_module_default.virtualizedHeader),
+		className: (0, classnames.default)(ds_table_header_module_default.header, virtualized && ds_table_header_module_default.virtualizedHeader),
 		children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, {
 			className: (0, classnames.default)(ds_table_header_module_default.headerRow, !bordered && ds_table_header_module_default.headerRowNoBorder, virtualized && ds_table_header_module_default.headerRowVirtualized),
 			children: headerGroup.headers.map((header) => {
@@ -19758,6 +20312,7 @@ const DsTableHeader = ({ table }) => {
 var ds_table_module_default = {
 	"bulkActionsVisible": "iL9mtW_bulkActionsVisible",
 	"container": "iL9mtW_container",
+	"controls": "iL9mtW_controls",
 	"dataTableContainer": "iL9mtW_dataTableContainer",
 	"emptyState": "iL9mtW_emptyState",
 	"fullWidth": "iL9mtW_fullWidth",
@@ -19819,6 +20374,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 +20455,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 = {
@@ -20389,7 +20946,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", 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 DsTable = ({ ref, columns: columnsProp, data: tableData, controls, 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.useState(tableData);
 	const [sorting, setSorting] = react.useState([]);
 	const [internalColumnFilters, setInternalColumnFilters] = react.useState([]);
@@ -20587,33 +21144,44 @@ const DsTable = ({ ref, columns: columnsProp, data: tableData, virtualized = fal
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			ref: tableContainerRef,
-			className: (0, classnames.default)(ds_table_module_default.container, !virtualized && ds_table_module_default.dataTableContainer, virtualized && ds_table_module_default.virtualizedContainer, isBulkActionsVisible && ds_table_module_default.bulkActionsVisible, className),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DragWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
-				className: (0, classnames.default)(fullWidth && ds_table_module_default.fullWidth, !bordered && ds_table_module_default.tableNoBorder),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableHeader, { table }), virtualized ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableBodyVirtualized, {
-					table,
-					emptyState,
-					estimateSize: virtualizedOptions?.estimateSize || ROW_SIZE_HEIGHT_MAP[rowSize],
-					overscan: virtualizedOptions?.overscan,
-					onScroll,
-					rowSelection,
-					infiniteScroll
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableWrapper, { children: rows.length ? rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableRow, {
-					row,
-					isSelected: !!rowSelection[row.id]
-				}, row.id)) : renderEmptyState() }) })]
-			}) }), selectable && actions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableBulkActions, {
-				numSelectedRows: selectedRows.length,
-				actions: actions.map((action) => ({
-					...action,
-					onClick: () => action.onClick(selectedRows)
-				})),
-				onClearSelection: table.resetRowSelection
-			})]
+			className: (0, classnames.default)(ds_table_module_default.container, isBulkActionsVisible && ds_table_module_default.bulkActionsVisible, className),
+			children: [
+				controls && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: ds_table_module_default.controls,
+					children: controls
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					ref: tableContainerRef,
+					className: (0, classnames.default)(!virtualized && ds_table_module_default.dataTableContainer, virtualized && ds_table_module_default.virtualizedContainer),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DragWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
+						className: (0, classnames.default)(fullWidth && ds_table_module_default.fullWidth, !bordered && ds_table_module_default.tableNoBorder),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableHeader, { table }), virtualized ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableBodyVirtualized, {
+							table,
+							emptyState,
+							estimateSize: virtualizedOptions?.estimateSize || ROW_SIZE_HEIGHT_MAP[rowSize],
+							overscan: virtualizedOptions?.overscan,
+							onScroll,
+							rowSelection,
+							infiniteScroll
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableWrapper, { children: rows.length ? rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableRow, {
+							row,
+							isSelected: !!rowSelection[row.id]
+						}, row.id)) : renderEmptyState() }) })]
+					}) })
+				}),
+				selectable && actions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableBulkActions, {
+					numSelectedRows: selectedRows.length,
+					actions: actions.map((action) => ({
+						...action,
+						onClick: () => action.onClick(selectedRows)
+					})),
+					onClearSelection: table.resetRowSelection
+				})
+			]
 		})
 	});
 };
+DsTable.displayName = "DsTable";
 //#endregion
 //#region src/components/ds-table/hooks/use-cell-editor.ts
 /**
@@ -20698,6 +21266,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 +21293,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 +21311,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 +21334,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 +21346,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 +21472,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 +21552,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 +21740,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 = {
@@ -21189,8 +21766,8 @@ var ds_tree_module_default = {
 //#endregion
 //#region src/components/ds-tree/ds-tree.tsx
 const DsTreeRoot = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(23);
-	const { collection, size: t1, ref, className, style, children, selectedValue, defaultSelectedValue, onSelectionChange, selectionMode: t2, expandedValue, defaultExpandedValue, onExpandedChange, expandOnClick: t3, checkedValue, defaultCheckedValue, onCheckedChange, typeahead: t4, lazyMount: t5, unmountOnExit } = t0;
+	const $ = (0, react_compiler_runtime.c)(26);
+	const { collection, size: t1, ref, className, style, children, selectedValue, defaultSelectedValue, onSelectionChange, selectionMode: t2, expandedValue, defaultExpandedValue, onExpandedChange, expandOnClick: t3, checkedValue, defaultCheckedValue, onCheckedChange, focusedValue, defaultFocusedValue, onFocusChange, typeahead: t4, lazyMount: t5, unmountOnExit } = t0;
 	const size = t1 === void 0 ? "medium" : t1;
 	const selectionMode = t2 === void 0 ? "single" : t2;
 	const expandOnClick = t3 === void 0 ? true : t3;
@@ -21203,7 +21780,7 @@ const DsTreeRoot = (t0) => {
 		$[1] = t6;
 	} else t6 = $[1];
 	let t7;
-	if ($[2] !== checkedValue || $[3] !== children || $[4] !== collection || $[5] !== defaultCheckedValue || $[6] !== defaultExpandedValue || $[7] !== defaultSelectedValue || $[8] !== expandOnClick || $[9] !== expandedValue || $[10] !== lazyMount || $[11] !== onCheckedChange || $[12] !== onExpandedChange || $[13] !== onSelectionChange || $[14] !== ref || $[15] !== selectedValue || $[16] !== selectionMode || $[17] !== size || $[18] !== style || $[19] !== t6 || $[20] !== typeahead || $[21] !== unmountOnExit) {
+	if ($[2] !== checkedValue || $[3] !== children || $[4] !== collection || $[5] !== defaultCheckedValue || $[6] !== defaultExpandedValue || $[7] !== defaultFocusedValue || $[8] !== defaultSelectedValue || $[9] !== expandOnClick || $[10] !== expandedValue || $[11] !== focusedValue || $[12] !== lazyMount || $[13] !== onCheckedChange || $[14] !== onExpandedChange || $[15] !== onFocusChange || $[16] !== onSelectionChange || $[17] !== ref || $[18] !== selectedValue || $[19] !== selectionMode || $[20] !== size || $[21] !== style || $[22] !== t6 || $[23] !== typeahead || $[24] !== unmountOnExit) {
 		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_tree_view.TreeView.Root, {
 			ref,
 			collection,
@@ -21218,6 +21795,9 @@ const DsTreeRoot = (t0) => {
 			checkedValue,
 			defaultCheckedValue,
 			onCheckedChange,
+			focusedValue,
+			defaultFocusedValue,
+			onFocusChange,
 			typeahead,
 			lazyMount,
 			unmountOnExit,
@@ -21231,23 +21811,26 @@ const DsTreeRoot = (t0) => {
 		$[4] = collection;
 		$[5] = defaultCheckedValue;
 		$[6] = defaultExpandedValue;
-		$[7] = defaultSelectedValue;
-		$[8] = expandOnClick;
-		$[9] = expandedValue;
-		$[10] = lazyMount;
-		$[11] = onCheckedChange;
-		$[12] = onExpandedChange;
-		$[13] = onSelectionChange;
-		$[14] = ref;
-		$[15] = selectedValue;
-		$[16] = selectionMode;
-		$[17] = size;
-		$[18] = style;
-		$[19] = t6;
-		$[20] = typeahead;
-		$[21] = unmountOnExit;
-		$[22] = t7;
-	} else t7 = $[22];
+		$[7] = defaultFocusedValue;
+		$[8] = defaultSelectedValue;
+		$[9] = expandOnClick;
+		$[10] = expandedValue;
+		$[11] = focusedValue;
+		$[12] = lazyMount;
+		$[13] = onCheckedChange;
+		$[14] = onExpandedChange;
+		$[15] = onFocusChange;
+		$[16] = onSelectionChange;
+		$[17] = ref;
+		$[18] = selectedValue;
+		$[19] = selectionMode;
+		$[20] = size;
+		$[21] = style;
+		$[22] = t6;
+		$[23] = typeahead;
+		$[24] = unmountOnExit;
+		$[25] = t7;
+	} else t7 = $[25];
 	return t7;
 };
 const DsTreeTree = (t0) => {
@@ -21572,6 +22155,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 +22199,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",
@@ -21627,7 +22309,7 @@ var ds_vertical_tabs_module_default = {
 * </DsVerticalTabs>
 * ```
 */
-const DsVerticalTabs = (t0) => {
+const DsVerticalTabsRoot = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(8);
 	const { value, onValueChange, className, style, children } = t0;
 	let t1;
@@ -21730,9 +22412,15 @@ const DsVerticalTabsContent = (t0) => {
 	} else t1 = $[3];
 	return t1;
 };
-DsVerticalTabs.List = DsVerticalTabsList;
-DsVerticalTabs.Tab = DsVerticalTabsTab;
-DsVerticalTabs.Content = DsVerticalTabsContent;
+DsVerticalTabsList.displayName = "DsVerticalTabs.List";
+DsVerticalTabsTab.displayName = "DsVerticalTabs.Tab";
+DsVerticalTabsContent.displayName = "DsVerticalTabs.Content";
+const DsVerticalTabs = Object.assign(DsVerticalTabsRoot, {
+	displayName: "DsVerticalTabs",
+	List: DsVerticalTabsList,
+	Tab: DsVerticalTabsTab,
+	Content: DsVerticalTabsContent
+});
 //#endregion
 //#region src/components/ds-workspace-layout/ds-workspace-layout.module.scss
 var ds_workspace_layout_module_default = {
@@ -21763,7 +22451,7 @@ const DEFAULT_LOCALE = Object.freeze({
 	pinButtonLabel: "Pin side menu",
 	unpinButtonLabel: "Unpin side menu"
 });
-const DsWorkspaceLayout = (t0) => {
+const DsWorkspaceLayoutRoot = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(17);
 	let className;
 	let rest;
@@ -22149,13 +22837,23 @@ const LeftPanel = (t0) => {
 	} else t4 = $[11];
 	return t4;
 };
-DsWorkspaceLayout.Header = Header;
-DsWorkspaceLayout.SubHeader = SubHeader;
-DsWorkspaceLayout.Content = Content;
-DsWorkspaceLayout.Footer = Footer;
-DsWorkspaceLayout.Body = Body;
-DsWorkspaceLayout.SideMenu = SideMenu;
-DsWorkspaceLayout.LeftPanel = LeftPanel;
+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";
+const DsWorkspaceLayout = Object.assign(DsWorkspaceLayoutRoot, {
+	displayName: "DsWorkspaceLayout",
+	Header,
+	SubHeader,
+	Content,
+	Footer,
+	Body,
+	SideMenu,
+	LeftPanel
+});
 //#endregion
 exports.BREAKPOINT_LG = BREAKPOINT_LG;
 exports.DsAlertBanner = DsAlertBanner;
@@ -22208,7 +22906,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 +22942,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 +22959,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 +22992,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 +23005,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;