@pantheon-systems/pds-toolkit-react 2.0.0-alpha.85 → 2.0.0-alpha.86

package/dist/index.js

@@ -1,7 +1,7 @@
 import e, { Children as t, Fragment as n, cloneElement as r, createContext as i, createElement as a, forwardRef as o, isValidElement as s, useCallback as c, useContext as l, useEffect as u, useId as d, useImperativeHandle as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g, useSyncExternalStore as _ } from "react";
 import { FloatingArrow as v, FloatingFocusManager as y, FloatingNode as b, FloatingOverlay as x, FloatingPortal as S, FloatingTree as C, arrow as w, autoUpdate as T, flip as E, offset as D, safePolygon as O, shift as k, size as A, useClick as j, useDismiss as M, useFloating as N, useFloatingNodeId as P, useFloatingParentNodeId as F, useFocus as I, useHover as L, useId as R, useInteractions as z, useListNavigation as B, useMergeRefs as V, useRole as H, useTransitionStyles as U, useTypeahead as W } from "@floating-ui/react";
 import { useHotkeys as G } from "react-hotkeys-hook";
-import { Bar as ee, BarChart as K, CartesianGrid as q, Cell as J, Line as te, LineChart as ne, Pie as re, PieChart as ie, Rectangle as ae, ReferenceLine as Y, ResponsiveContainer as oe, Tooltip as se, XAxis as ce, YAxis as le } from "recharts";
+import { Bar as K, BarChart as q, CartesianGrid as J, Cell as ee, Line as te, LineChart as ne, Pie as re, PieChart as ie, Rectangle as ae, ReferenceLine as oe, ResponsiveContainer as se, Tooltip as ce, XAxis as le, YAxis as Y } from "recharts";
 import { CodeBlock as ue } from "react-code-block";
 import de from "hash-sum";
 import { useCombobox as fe, useMultipleSelection as pe } from "downshift";
@@ -2364,7 +2364,7 @@ var st = Object.create, ct = Object.defineProperty, lt = Object.getOwnPropertyDe
 		svgPathData: "M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z",
 		width: 576
 	}
-}, xt = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowDownWideShort.arrowLeft.arrowRight.arrowsRetweet.arrowUpShortWide.asterisk.banBug.bars.barsFilter.barsStaggered.bell.billboard.bitbucket.bluesky.bolt.boltPantheon.boltSolid.book.bookmark.bookmarkSolid.books.box.bracketRight.bracketsSquare.brainCircuit.broomWide.building.buildings.bullhorn.calendarDays.caretDown.caretLeft.caretRight.caretUp.ccAmex.ccApplePay.ccDiscover.ccGeneric.ccMC.ccPaypal.ccVisa.chartLine.chartNetwork.chartSimple.check.circle.circleCheck.circleExclamation.circleExclamationSolid.circleHalfStroke.circleInfo.circleInfoSolid.circleMinus.circleNotch.circlePlus.circleQuestion.circleQuestionSolid.circleUser.circleXmark.claude.clock.cloud.cloudArrowDown.cloudArrowUp.cloudPlus.code.codeBranch.codeMerge.collapseToCenter.command.comment.compress.copy.desktop.diagramVenn.diamondExclamation.diamonds4.discourse.display.dollarSign.download.drupal.ellipsis.ellipsisVertical.emptySet.envelope.envelopeOpen.exclamation.expand.expandFromCenter.externalLink.eye.eyeSlash.facebook.file.fileCheck.fileContract.fileCSV.fileDiff.fileExport.fileImport.fileLines.filePDF.fileZip.floppyDisk.folder.folders.folderTree.gear.gem.github.gitlab.globe.graduationCap.grid.grid2.gripDots.gripDotsVertical.heart.heartSolid.house.idCard.image.inputText.instagram.keySkeleton.landmark.laptop.laptopCode.leaf.lifeRing.link.linkedin.listCheck.locationCrosshairs.lock.lockOpen.magnifyingGlass.medal.memo.messages.minus.moon.move.nextJs.octagonExclamation.openai.paperclip.paperPlane.pause.pen.penField.penPaintbrush.phone.play.plus.question.quotesLeft.quotesRight.rectangleList.reply.robot.rocketLaunch.rotate.rotateClock.rotateLeft.rotateRight.rss.save.server.shareNodes.shield.shieldQuartered.shovel.sidebar.siren.sirenOn.sitemap.slack.slashForward.slider.slidersSimple.snowflake.sparkles.squareCheck.squareCode.squareDashed.squareMinus.squarePen.squareQuestion.squareTerminal.star.starSolid.sun.sunBright.table.tableColumns.tableRows.terminal.text.threads.thumbsDown.thumbsUp.trash.triangleExclamation.twitter.unlink.upload.user.userAstronaut.userGear.userPlus.users.userSolid.video.wavePulse.windowRestore.wordpress.wreathLaurel.wrench.xmark.xmarkLarge.xTwitter.youtube".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "l", style: a, verticalAlign: o = "middle", ...s }) => {
+}, xt = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowDownWideShort.arrowLeft.arrowRight.arrowsRetweet.arrowUpShortWide.asterisk.banBug.bars.barsFilter.barsStaggered.bell.billboard.bitbucket.bluesky.bolt.boltPantheon.boltSolid.book.bookmark.bookmarkSolid.books.box.bracketRight.bracketsSquare.brainCircuit.broomWide.building.buildings.bullhorn.calendarDays.caretDown.caretLeft.caretRight.caretUp.ccAmex.ccApplePay.ccDiscover.ccGeneric.ccMC.ccPaypal.ccVisa.chartLine.chartNetwork.chartSimple.check.circle.circleCheck.circleExclamation.circleExclamationSolid.circleHalfStroke.circleInfo.circleInfoSolid.circleMinus.circleNotch.circlePlus.circleQuestion.circleQuestionSolid.circleUser.circleXmark.claude.clock.cloud.cloudArrowDown.cloudArrowUp.cloudPlus.code.codeBranch.codeMerge.collapseToCenter.command.comment.compress.copy.desktop.diagramVenn.diamondExclamation.diamonds4.discourse.display.dollarSign.download.drupal.ellipsis.ellipsisVertical.emptySet.envelope.envelopeOpen.exclamation.expand.expandFromCenter.externalLink.eye.eyeSlash.facebook.file.fileCheck.fileContract.fileCSV.fileDiff.fileExport.fileImport.fileLines.filePDF.fileZip.floppyDisk.folder.folders.folderTree.gear.gem.github.gitlab.globe.graduationCap.grid.grid2.gripDots.gripDotsVertical.heart.heartSolid.house.idCard.image.inputText.instagram.keySkeleton.landmark.laptop.laptopCode.leaf.lifeRing.link.linkedin.listCheck.locationCrosshairs.lock.lockOpen.magnifyingGlass.medal.memo.messages.minus.moon.move.nextJs.octagonExclamation.openai.paperclip.paperPlane.pause.pen.penField.penPaintbrush.phone.play.plus.question.quotesLeft.quotesRight.rectangleList.reply.robot.rocketLaunch.rotate.rotateClock.rotateLeft.rotateRight.rss.save.server.shareNodes.shield.shieldQuartered.shovel.sidebar.siren.sirenOn.sitemap.slack.slashForward.slider.slidersSimple.snowflake.sparkles.squareCheck.squareCode.squareDashed.squareMinus.squarePen.squareQuestion.squareTerminal.star.starSolid.sun.sunBright.table.tableColumns.tableRows.terminal.text.threads.thumbsDown.thumbsUp.trash.triangleExclamation.twitter.unlink.upload.user.userAstronaut.userGear.userPlus.users.userSolid.video.wavePulse.windowRestore.wordpress.wreathLaurel.wrench.xmark.xmarkLarge.xTwitter.youtube".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "xl", style: a, verticalAlign: o = "middle", ...s }) => {
 	let c = "pds-icon", l = `${c} ${c}--${i} ${c}--${r}`, u = bt[r], d = `0 0 ${u.width} ${u.height}`, f = r in yt ? yt[r] : null, p;
 	if (f?.type === "complex") p = f.render();
 	else {
@@ -2395,8 +2395,8 @@ var st = Object.create, ct = Object.defineProperty, lt = Object.getOwnPropertyDe
 		...s
 	}, p);
 }, St = {
-	xs: "s",
-	s: "s",
+	xs: "xs",
+	s: "xs",
 	m: "m"
 }, Ct = ({ className: t, color: n = "brand-muted", iconName: r, label: i, size: a = "s", ...o }) => {
 	let s = "pds-badge", c = `${s}--${n}`, l = `${s}--${a}`;
@@ -2562,7 +2562,7 @@ var st = Object.create, ct = Object.defineProperty, lt = Object.getOwnPropertyDe
 } : null, sn = (e) => e.replace(/^(https?:\/\/)/, ""), cn = () => /* @__PURE__ */ e.createElement("span", { className: "pds-input-label__required" }, /* @__PURE__ */ e.createElement(Q, {
 	className: "pds-input-label__required-icon",
 	iconName: "asterisk",
-	size: "s"
+	size: "xs"
 })), ln = ({ className: t, disabled: n, id: r, isLegend: i, isPseudoLabel: a, label: o, labelVariant: s = "default", required: c, showLabel: l = !0, tooltipText: u = null }) => {
 	let d = Z([
 		"pds-input-label",
@@ -2572,7 +2572,7 @@ var st = Object.create, ct = Object.defineProperty, lt = Object.getOwnPropertyDe
 	]), f = /* @__PURE__ */ e.createElement(e.Fragment, null, o, c && !n && /* @__PURE__ */ e.createElement(cn, null), u && /* @__PURE__ */ e.createElement(an, {
 		content: u,
 		triggerIcon: "circleInfoSolid",
-		triggerIconSize: "s"
+		triggerIconSize: "xs"
 	}));
 	return i ? /* @__PURE__ */ e.createElement("legend", {
 		className: d,
@@ -2616,7 +2616,7 @@ var st = Object.create, ct = Object.defineProperty, lt = Object.getOwnPropertyDe
 		(n.find((e) => e.getClientRects().length > 0 && !e.closest("[inert]")) ?? n[0])?.focus();
 	}, { enabled: !r }), r ? null : /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(Q, {
 		iconName: "slashForward",
-		size: "s"
+		size: "xs"
 	}));
 }, mn = ({ clearLabel: t, handleClearInput: n, id: r }) => /* @__PURE__ */ e.createElement("button", {
 	"aria-controls": r,
@@ -2806,7 +2806,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 	let b = "pds-button", x = `${b}--${p}`, S = `${b}--${_}`, C = s ? `${b}--full-width` : null, w = c ? `${b}--loading` : null, T = c ? "pds-pulse" : null, E, D, O;
 	switch (p) {
 		case "xs":
-			E = "s", D = "s", O = "xs";
+			E = "xs", D = "s", O = "xs";
 			break;
 		case "s":
 			E = "m", D = "m", O = "xs";
@@ -2815,7 +2815,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			E = "m", D = "m", O = "s";
 			break;
 		case "l":
-			E = "l", D = "l", O = "m";
+			E = "xl", D = "l", O = "m";
 			break;
 	}
 	let k = [
@@ -2882,7 +2882,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 	]), h = s(o) ? o.props.children : null, g;
 	switch (c) {
 		case "xs":
-			g = "s";
+			g = "xs";
 			break;
 		case "s":
 			g = "m";
@@ -2947,7 +2947,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			T = "m", w = 8;
 			break;
 		case "m":
-			T = "l", w = 11;
+			T = "xl", w = 11;
 			break;
 		default:
 			T = "m", w = 8;
@@ -3078,7 +3078,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			})), e;
 		})(),
 		strategy: "fixed"
-	}), { getFloatingProps: V, getItemProps: G, getReferenceProps: ee } = z([
+	}), { getFloatingProps: V, getItemProps: G, getReferenceProps: K } = z([
 		j(F, {
 			enabled: t,
 			event: "mousedown"
@@ -3118,7 +3118,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			},
 			findMatch: Fn
 		})
-	]), { isMounted: K, styles: q } = U(F, i ? {
+	]), { isMounted: q, styles: J } = U(F, i ? {
 		duration: {
 			open: 300,
 			close: 150
@@ -3132,15 +3132,15 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		floatingStyles: I,
 		getFloatingProps: V,
 		getItemProps: G,
-		getReferenceProps: ee,
+		getReferenceProps: K,
 		isOpen: _,
-		isMounted: K,
+		isMounted: q,
 		listRef: x,
 		nodeId: S,
 		refs: R,
 		setActiveIndex: b,
 		setIsOpen: v,
-		transitionStyles: q
+		transitionStyles: J
 	};
 }, Ln = ({ children: t, className: n, disabled: r, label: i }) => {
 	let [a, o] = g(!1), s = "pds-nav-accordion";
@@ -3186,17 +3186,17 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		}
 		f?.(A);
 	}, [A]);
-	let R = Zt(), z = o && R, B = "pds-menu-button", V = x === "navbar", H = V ? "subtle" : x, U = a, [W] = g(`menu-button-${a}`), G = [], ee = [];
+	let R = Zt(), z = o && R, B = "pds-menu-button", V = x === "navbar", H = V ? "subtle" : x, U = a, [W] = g(`menu-button-${a}`), G = [], K = [];
 	((e) => {
 		e.forEach((e) => {
-			!Hn(e) && !Un(e) && !Gn(e) && ee.push(e);
+			!Hn(e) && !Un(e) && !Gn(e) && K.push(e);
 		});
 	})(l);
-	let K = (e) => {
+	let q = (e) => {
 		"disabled" in e && e.disabled || ("callback" in e && e.callback && e.callback(e), P(!1));
-	}, q = () => {
+	}, J = () => {
 		d && d();
-	}, J = (t, n, r = "", i = "") => {
+	}, ee = (t, n, r = "", i = "") => {
 		let a = U + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
 		if (Hn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: o,
@@ -3214,7 +3214,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			role: "presentation"
 		}, t.nodeContent);
 		if (Wn(t) || "label" in t && t.label) {
-			let n = ee.indexOf(t), r = w === n, i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, s = [];
+			let n = K.indexOf(t), r = w === n, i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, s = [];
 			if ("label" in t && t.label && s.push(t.label), Wn(t) && t.linkContent) {
 				let e = t.linkContent;
 				s.push(e.props.children);
@@ -3222,7 +3222,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			t.iconName && s.unshift(/* @__PURE__ */ e.createElement(Q, {
 				key: `icon-${U}`,
 				iconName: t.iconName,
-				size: t.iconSize ?? "s"
+				size: t.iconSize ?? "xs"
 			})), i && a && s.unshift(/* @__PURE__ */ e.createElement("span", {
 				key: `critical-${U}`,
 				className: "visually-hidden"
@@ -3254,10 +3254,10 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 				tabIndex: r ? 0 : -1,
 				...D({
 					onClick: () => {
-						Wn(t) || K(t), P(!1);
+						Wn(t) || q(t), P(!1);
 					},
 					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Wn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : K(t));
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Wn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : q(t));
 					}
 				})
 			}, l);
@@ -3287,7 +3287,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			t.iconName && o.unshift(/* @__PURE__ */ e.createElement(Q, {
 				key: `icon-${U}-${n}`,
 				iconName: t.iconName,
-				size: t.iconSize ?? "s"
+				size: t.iconSize ?? "xs"
 			})), i && a && o.unshift(/* @__PURE__ */ e.createElement("span", {
 				key: `critical-${U}-${n}`,
 				className: "visually-hidden"
@@ -3306,7 +3306,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 				className: Z(["pds-dropdown__item", i ? "pds-dropdown__item--critical" : null]),
 				id: r,
 				onClick: () => {
-					Wn(t) || K(t);
+					Wn(t) || q(t);
 				},
 				role: "menuitem",
 				tabIndex: t.disabled ? -1 : 0
@@ -3342,7 +3342,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 					"aria-labelledby": a || void 0,
 					role: "group"
 				}, t.map((e) => {
-					let t = J(e, o, r, a);
+					let t = ee(e, o, r, a);
 					return !Hn(e) && !Un(e) && !Gn(e) && o++, t;
 				}));
 			}));
@@ -3359,7 +3359,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			},
 			...E()
 		}, t.map((e) => {
-			let t = J(e, o);
+			let t = ee(e, o);
 			return !Hn(e) && !Un(e) && !Gn(e) && o++, t;
 		}));
 	}, re = (e, t) => {
@@ -3367,12 +3367,12 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		return e.forEach((t, o) => {
 			t === i ? (n.push(a), a = [], a.push(t), i = r.shift()) : (a.push(t), o + 1 === e.length && n.push(a));
 		}), n.filter((e) => e.length > 0);
-	}, ie, ae = p === "m" ? "s" : "xs", Y = _ ? /* @__PURE__ */ e.createElement(e.Fragment, null, c, /* @__PURE__ */ e.createElement(wn, {
+	}, ie, ae = p === "m" ? "s" : "xs", oe = _ ? /* @__PURE__ */ e.createElement(e.Fragment, null, c, /* @__PURE__ */ e.createElement(wn, {
 		className: "pds-button__tally",
 		label: _.label,
 		size: ae,
 		type: _.type
-	})) : c, oe = _ ? /* @__PURE__ */ e.createElement("span", { className: `${B}__accordion-label` }, c, /* @__PURE__ */ e.createElement(wn, {
+	})) : c, se = _ ? /* @__PURE__ */ e.createElement("span", { className: `${B}__accordion-label` }, c, /* @__PURE__ */ e.createElement(wn, {
 		className: `${B}__tally`,
 		label: _.label,
 		size: "s",
@@ -3389,12 +3389,12 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		iconName: "angleDown",
 		id: U,
 		isSplitButton: s,
-		label: Y,
+		label: oe,
 		size: p,
 		statusDot: m,
 		type: "button",
 		variant: H,
-		...O({ onClick: q })
+		...O({ onClick: J })
 	})), i) {
 		let t = On(c);
 		ie = /* @__PURE__ */ e.createElement(Mn, {
@@ -3411,21 +3411,21 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			size: p,
 			type: "button",
 			variant: "standard",
-			...O({ onClick: q })
+			...O({ onClick: J })
 		});
 	}
-	let se = i ? /* @__PURE__ */ e.createElement("span", { className: `${B}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", c) : oe, ce = A ? `${B}--expanded` : null;
+	let ce = i ? /* @__PURE__ */ e.createElement("span", { className: `${B}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", c) : se, le = A ? `${B}--expanded` : null;
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([
 			B,
-			ce,
+			le,
 			t
 		]),
 		"data-testid": v,
 		...C
 	}, z ? /* @__PURE__ */ e.createElement(Ln, {
 		disabled: n,
-		label: se
+		label: ce
 	}, /* @__PURE__ */ e.createElement("ul", {
 		className: `${B}__mobile-menu`,
 		role: "menu"
@@ -3452,7 +3452,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 	}, t, r && /* @__PURE__ */ e.createElement(Q, {
 		className: `${s}__trigger-icon`,
 		iconName: "angleDown",
-		size: "s"
+		size: "xs"
 	}));
 }, tr = ({ children: t, className: n, ...r }) => {
 	let { floatingStyles: i, getFloatingProps: a, isMounted: o, nodeId: s, refs: c, transitionStyles: l } = Zn();
@@ -3621,7 +3621,7 @@ Qn.Trigger = er, Qn.Panel = tr, Qn.Item = nr, Qn.ActionItem = rr, Qn.CheckboxIte
 	}, /* @__PURE__ */ e.createElement("div", { className: `${l}__filter-wrapper` }, u && /* @__PURE__ */ e.createElement(Q, {
 		className: `${l}__filter-icon`,
 		iconName: sr[n],
-		size: "s"
+		size: "xs"
 	}), /* @__PURE__ */ e.createElement("input", {
 		"aria-label": r,
 		className: `${l}__filter-input`,
@@ -3686,7 +3686,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "xmark",
-		size: "s"
+		size: "xs"
 	})), /* @__PURE__ */ e.createElement(Qn.Panel, { className: `${m}__panel` }, S && /* @__PURE__ */ e.createElement(Qn.Filter, {
 		label: u,
 		noResultsText: s,
@@ -4171,7 +4171,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		...s
 	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon ${c}__icon--${a}` }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: `${a}` in _r ? _r[a] : _r.info,
-		size: "xl"
+		size: "2xl"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), i && /* @__PURE__ */ e.createElement(Dn, {
 		baseClass: c,
 		level: r
@@ -4245,7 +4245,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		}, s && /* @__PURE__ */ e.createElement("div", { className: `${_}__option-image` }, s[0]), /* @__PURE__ */ e.createElement("div", { className: `${_}__option-content` }, p && /* @__PURE__ */ e.createElement("div", { className: `${_}__option-label-indicator` }, /* @__PURE__ */ e.createElement(Q, {
 			className: Z([`${_}__option-icon`, a ? `${_}__option-icon--selected` : null]),
 			iconName: a ? "circleCheck" : "circle",
-			size: "l"
+			size: "xl"
 		})), /* @__PURE__ */ e.createElement("div", { className: `${_}__option-body` }, /* @__PURE__ */ e.createElement("span", { className: Z([`${_}__option-label-text`, f ? null : "visually-hidden"]) }, t.label), c && /* @__PURE__ */ e.createElement("div", { className: `${_}__option-main` }, c)))));
 	})));
 }, Sr = ({ className: t, heading: n, headingLevel: r = "span", iconName: i, linkContent: a, message: o, ...s }) => {
@@ -4256,7 +4256,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, i && /* @__PURE__ */ e.createElement(Q, {
 		className: `${c}__icon`,
 		iconName: i,
-		size: "xl"
+		size: "2xl"
 	}), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, /* @__PURE__ */ e.createElement(Dn, {
 		baseClass: c,
 		level: r
@@ -4276,13 +4276,13 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 }, message: f, onBlur: p, onFocus: m, onOptionSelect: h, options: _, required: v = !1, showLabel: y = !0, showSelectedIcon: b = !0, size: x = "s", tooltipText: C = null, validationMessage: w, validationStatus: T, value: E, ...D }) => {
 	let O = on(s, c), k = "pds-select", A = t ? `${k}--auto-width` : null, j = x === "s" ? null : `${k}--${x}`, M = i ? $.disabled : null, N = v && !i ? $.required : null, P = T === "error" ? $.error : null, F = T === "success" ? $.success : null, I = null;
 	T === "error" && (I = "error"), T === "success" && (I = "success");
-	let L = w || f, R = E !== void 0, z = r !== void 0, B = ((e) => e.reduce((e, t) => _n(t) ? [...e, ...t.options] : [...e, t], []))(_), V = (e) => B.findIndex((t) => t.value === e), H = R && V(E) >= 0 ? V(E) : null, U = z ? V(r) : null, [W, G] = g((H || U) ?? null), { activeIndex: ee, floatingStyles: K, getFloatingProps: q, getItemProps: J, getReferenceProps: te, isMounted: ne, listRef: re, refs: ie, setIsOpen: ae, transitionStyles: Y } = In({
+	let L = w || f, R = E !== void 0, z = r !== void 0, B = ((e) => e.reduce((e, t) => _n(t) ? [...e, ...t.options] : [...e, t], []))(_), V = (e) => B.findIndex((t) => t.value === e), H = R && V(E) >= 0 ? V(E) : null, U = z ? V(r) : null, [W, G] = g((H || U) ?? null), { activeIndex: K, floatingStyles: q, getFloatingProps: J, getItemProps: ee, getReferenceProps: te, isMounted: ne, listRef: re, refs: ie, setIsOpen: ae, transitionStyles: oe } = In({
 		enableClick: !i,
 		enableTypeahead: !0,
 		role: "listbox",
 		selectedIndex: W,
 		variant: "input"
-	}), oe = Bn("var(--pds-z-index-dropdown)"), se = W === null ? void 0 : B[W]?.label, ce = W === null ? void 0 : B[W]?.icon, le = W === null ? void 0 : B[W]?.value, ue = (e) => {
+	}), se = Bn("var(--pds-z-index-dropdown)"), ce = W === null ? void 0 : B[W]?.label, le = W === null ? void 0 : B[W]?.icon, Y = W === null ? void 0 : B[W]?.value, ue = (e) => {
 		let t = B[e];
 		R || (G(e), ae(!1)), h && h(t);
 	};
@@ -4290,9 +4290,9 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		R && (G(V(E)), ae(!1));
 	}, [E]);
 	let de = () => {
-		p && p(le);
+		p && p(Y);
 	}, fe = () => {
-		m && m(le);
+		m && m(Y);
 	}, pe = () => {
 		ie.reference.current.focus();
 	}, X = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(pr, {
@@ -4315,9 +4315,9 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 							re.current[r] = e;
 						},
 						"aria-disabled": t?.disabled,
-						"aria-selected": r === W && r === ee,
-						tabIndex: r === ee ? 0 : -1,
-						...!t?.disabled && J({
+						"aria-selected": r === W && r === K,
+						tabIndex: r === K ? 0 : -1,
+						...!t?.disabled && ee({
 							onClick() {
 								ue(r);
 							},
@@ -4339,9 +4339,9 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 					re.current[r] = e;
 				},
 				"aria-disabled": t?.disabled,
-				"aria-selected": r === W && r === ee,
-				tabIndex: r === ee ? 0 : -1,
-				...!t?.disabled && J({
+				"aria-selected": r === W && r === K,
+				tabIndex: r === K ? 0 : -1,
+				...!t?.disabled && ee({
 					onClick() {
 						ue(r);
 					},
@@ -4394,18 +4394,18 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			onBlur: de,
 			onFocus: fe
 		})
-	}, I && /* @__PURE__ */ e.createElement(fn, { variant: I }), /* @__PURE__ */ e.createElement("span", { className: `${k}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${k}__option-text` }, (ce || !se && a) && X(ce || a, `${k}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${k}__option-label-text` }, se ?? d.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
+	}, I && /* @__PURE__ */ e.createElement(fn, { variant: I }), /* @__PURE__ */ e.createElement("span", { className: `${k}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${k}__option-text` }, (le || !ce && a) && X(le || a, `${k}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${k}__option-label-text` }, ce ?? d.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
 		className: `${k}__trigger-icon`,
 		iconName: "angleDown"
 	}))), ne && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
 		ref: ie.setFloating,
 		className: `pds-dropdown__panel ${k}__dropdown`,
 		style: {
-			...K,
-			zIndex: oe
+			...q,
+			zIndex: se
 		},
-		...q()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...Y } }, /* @__PURE__ */ e.createElement("ul", {
+		...J()
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...oe } }, /* @__PURE__ */ e.createElement("ul", {
 		className: `${k}__options`,
 		role: "group"
 	}, me(_))))), L && /* @__PURE__ */ e.createElement(un, {
@@ -4717,7 +4717,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	let t = Math.abs(e);
 	return t >= 1e9 ? `${(e / 1e9).toFixed(1).replace(/\.0$/, "")}B` : t >= 1e6 ? `${(e / 1e6).toFixed(1).replace(/\.0$/, "")}M` : t >= 1e3 ? `${(e / 1e3).toFixed(1).replace(/\.0$/, "")}K` : String(e);
 }, Hr = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: l = !1, labelStrings: d = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: m, selectedTimePeriod: _, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: S, showTooltip: C, timePeriodOptions: w, tooltipContent: O, variant: A = "stacked", xAxisLabel: j, xAxisTickInterval: M, yAxisDomain: P, yAxisFormatter: F = Vr, yAxisLabel: I, yAxisTickInterval: L, ...R }) => {
-	let { accessibleTableDescription: z = "Bar chart data", emptyStateHeading: B = "No data available", emptyStateMessage: V, legendTableHeader: H, loadingLabel: W = "Loading chart data" } = d, G = h(null), J = Er(a, Mr(G, a)), te = n ?? (l ? 60 : 360), ne = r ?? (l ? 60 : void 0), re = x ?? !l, ie = b ?? !l, Y = S ?? !l, ue = C ?? !l, de = y ?? !0, [fe, pe] = g(null), X = h(fe);
+	let { accessibleTableDescription: z = "Bar chart data", emptyStateHeading: B = "No data available", emptyStateMessage: V, legendTableHeader: H, loadingLabel: W = "Loading chart data" } = d, G = h(null), ee = Er(a, Mr(G, a)), te = n ?? (l ? 60 : 360), ne = r ?? (l ? 60 : void 0), re = x ?? !l, ie = b ?? !l, oe = S ?? !l, ue = C ?? !l, de = y ?? !0, [fe, pe] = g(null), X = h(fe);
 	fe && (X.current = fe);
 	let me = h({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -4778,7 +4778,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, /* @__PURE__ */ e.createElement(Br, {
 		height: te,
 		legendVariant: p,
-		showLegend: Y
+		showLegend: oe
 	}));
 	if (!o || o.length === 0) return /* @__PURE__ */ e.createElement("div", {
 		ref: G,
@@ -4869,13 +4869,13 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			contain: "layout size",
 			height: te
 		}
-	}, /* @__PURE__ */ e.createElement(oe, {
+	}, /* @__PURE__ */ e.createElement(se, {
 		debounce: 150,
 		height: te,
 		minHeight: te,
 		minWidth: 50,
 		width: "100%"
-	}, /* @__PURE__ */ e.createElement(K, {
+	}, /* @__PURE__ */ e.createElement(q, {
 		accessibilityLayer: !1,
 		barCategoryGap: "25%",
 		barGap: 6,
@@ -4892,12 +4892,12 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			right: 4,
 			top: 20
 		}
-	}, re && /* @__PURE__ */ e.createElement(q, {
+	}, re && /* @__PURE__ */ e.createElement(J, {
 		horizontal: !Te,
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3",
 		vertical: Te
-	}), /* @__PURE__ */ e.createElement(ce, {
+	}), /* @__PURE__ */ e.createElement(le, {
 		axisLine: ie,
 		dataKey: Te ? void 0 : "label",
 		hide: !ie,
@@ -4914,7 +4914,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tickLine: !1,
 		tickMargin: 10,
 		type: Te ? "number" : "category"
-	}), /* @__PURE__ */ e.createElement(le, {
+	}), /* @__PURE__ */ e.createElement(Y, {
 		axisLine: ie,
 		dataKey: Te ? "label" : void 0,
 		domain: P,
@@ -4933,7 +4933,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tickLine: !1,
 		tickMargin: 6,
 		type: Te ? "category" : "number"
-	}), ue && O && /* @__PURE__ */ e.createElement(se, {
+	}), ue && O && /* @__PURE__ */ e.createElement(ce, {
 		content: (e) => !e.active || !e.payload?.length ? null : O({
 			entries: e.payload.map((e) => ({
 				color: String(e.color ?? ""),
@@ -4944,15 +4944,15 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			label: String(e.label ?? "")
 		}),
 		cursor: !1
-	}), v.map((t, n) => /* @__PURE__ */ e.createElement(ee, {
+	}), v.map((t, n) => /* @__PURE__ */ e.createElement(K, {
 		key: t.dataKey,
 		dataKey: t.dataKey,
-		fill: Ar(n, J, t.color, Dr(a, t.paletteIndex)),
+		fill: Ar(n, ee, t.color, Dr(a, t.paletteIndex)),
 		name: t.label,
 		onMouseEnter: O ? void 0 : (e) => {
 			let r = e.payload;
 			ue && r && pe({
-				color: Ar(n, J, t.color, Dr(a, t.paletteIndex)),
+				color: Ar(n, ee, t.color, Dr(a, t.paletteIndex)),
 				label: String(r.label ?? ""),
 				name: t.label,
 				value: Number(r[t.dataKey] ?? 0)
@@ -4975,11 +4975,11 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-label" }, X.current.label), /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-item" }, /* @__PURE__ */ e.createElement("span", {
 		className: "recharts-tooltip-item__color",
 		style: { backgroundColor: X.current.color }
-	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, X.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(X.current.value)))), Y && /* @__PURE__ */ e.createElement(Ir, {
+	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, X.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(X.current.value)))), oe && /* @__PURE__ */ e.createElement(Ir, {
 		ariaHidden: p === "table" && de,
 		data: o,
 		series: v,
-		seriesColors: J,
+		seriesColors: ee,
 		tableHeader: H,
 		valueFormatter: F,
 		variant: p
@@ -4995,14 +4995,14 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		default: return;
 	}
 }, Wr = ({ annotations: t, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: l = {}, legendVariant: u = "inline", lineStyle: d = "smooth", onTimePeriodChange: f, referenceLines: p, selectedTimePeriod: m, series: g = [], showAccessibleTable: _, showAxisLines: v, showDataPoints: y, showGrid: b, showLegend: x, showTooltip: S, timePeriodOptions: C, tooltipContent: w, xAxisLabel: T, xAxisTickInterval: E, yAxisDomain: D, yAxisFormatter: O = Vr, yAxisLabel: k, yAxisTickInterval: A, ...j }) => {
-	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = h(null), R = Er(a, Mr(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, H = v ?? !c, U = x ?? !c, W = S ?? !c, G = y ?? !c, ee = _ ?? !0, K = "pds-line-chart";
+	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = h(null), R = Er(a, Mr(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, H = v ?? !c, U = x ?? !c, W = S ?? !c, G = y ?? !c, K = _ ?? !0, q = "pds-line-chart";
 	return s ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		"aria-busy": "true",
 		"aria-label": I,
 		className: Z([
-			K,
-			`${K}--loading`,
+			q,
+			`${q}--loading`,
 			i ?? ""
 		]),
 		style: { maxWidth: B },
@@ -5014,8 +5014,8 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	})) : !o || o.length === 0 ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		className: Z([
-			K,
-			`${K}--empty`,
+			q,
+			`${q}--empty`,
 			i ?? ""
 		]),
 		style: {
@@ -5028,12 +5028,12 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		message: P
 	})) : /* @__PURE__ */ e.createElement("div", {
 		ref: L,
-		className: Z([K, i ?? ""]),
+		className: Z([q, i ?? ""]),
 		style: B ? { maxWidth: B } : void 0,
 		...j
-	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${K}__header` }, /* @__PURE__ */ e.createElement(wr, {
+	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${q}__header` }, /* @__PURE__ */ e.createElement(wr, {
 		autoWidth: !0,
-		id: `${K}-time-period`,
+		id: `${q}-time-period`,
 		label: "Time period",
 		onOptionSelect: (e) => f?.(e.value),
 		options: C.map((e) => ({
@@ -5048,7 +5048,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			contain: "layout size",
 			height: z
 		}
-	}, /* @__PURE__ */ e.createElement(oe, {
+	}, /* @__PURE__ */ e.createElement(se, {
 		debounce: 150,
 		height: z,
 		minHeight: z,
@@ -5068,10 +5068,10 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			right: 4,
 			top: 20
 		}
-	}, V && /* @__PURE__ */ e.createElement(q, {
+	}, V && /* @__PURE__ */ e.createElement(J, {
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3"
-	}), /* @__PURE__ */ e.createElement(ce, {
+	}), /* @__PURE__ */ e.createElement(le, {
 		axisLine: H,
 		dataKey: "label",
 		hide: !H,
@@ -5085,7 +5085,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tick: H ? Nr : !1,
 		tickLine: !1,
 		tickMargin: 10
-	}), /* @__PURE__ */ e.createElement(le, {
+	}), /* @__PURE__ */ e.createElement(Y, {
 		axisLine: H,
 		domain: D,
 		hide: !H,
@@ -5101,7 +5101,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tickFormatter: O,
 		tickLine: !1,
 		tickMargin: 6
-	}), W && /* @__PURE__ */ e.createElement(se, { content: (t) => {
+	}), W && /* @__PURE__ */ e.createElement(ce, { content: (t) => {
 		if (!t.active || !t.payload?.length) return null;
 		let n = t.payload.map((e) => ({
 			color: String(e.color ?? ""),
@@ -5135,7 +5135,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		type: d === "straight" ? "linear" : "monotone"
 	})), !c && p?.map((t, n) => {
 		let r = t.color ?? "var(--pds-color-foreground-default-secondary)";
-		return /* @__PURE__ */ e.createElement(Y, {
+		return /* @__PURE__ */ e.createElement(oe, {
 			key: `ref-y-${n}`,
 			label: ({ viewBox: n }) => {
 				let r = (n?.x ?? 0) + (n?.width ?? 0) / 2, i = (n?.y ?? 0) - 8;
@@ -5155,7 +5155,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		});
 	}), !c && t?.map((t, n) => {
 		let r = t.color ?? "var(--pds-color-foreground-default-secondary)";
-		return /* @__PURE__ */ e.createElement(Y, {
+		return /* @__PURE__ */ e.createElement(oe, {
 			key: `annotation-${n}`,
 			label: ({ viewBox: n }) => {
 				let r = (n?.x ?? 0) + (n?.width ?? 0) / 2, i = (n?.y ?? 0) - 8;
@@ -5174,14 +5174,14 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			x: t.atLabel
 		});
 	})))), U && /* @__PURE__ */ e.createElement(Ir, {
-		ariaHidden: u === "table" && ee,
+		ariaHidden: u === "table" && K,
 		data: o,
 		series: g,
 		seriesColors: R,
 		tableHeader: F,
 		valueFormatter: O,
 		variant: u
-	}), ee && /* @__PURE__ */ e.createElement(Fr, {
+	}), K && /* @__PURE__ */ e.createElement(Fr, {
 		data: o,
 		description: M,
 		series: g,
@@ -5264,7 +5264,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			margin: "0 auto",
 			width: `min(100%, ${w}px)`
 		}
-	}, /* @__PURE__ */ e.createElement(oe, {
+	}, /* @__PURE__ */ e.createElement(se, {
 		debounce: 150,
 		height: w,
 		minHeight: w,
@@ -5279,10 +5279,10 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		isAnimationActive: !s,
 		outerRadius: "80%",
 		stroke: "none"
-	}, a.map((t, n) => /* @__PURE__ */ e.createElement(J, {
+	}, a.map((t, n) => /* @__PURE__ */ e.createElement(ee, {
 		key: t.label,
 		fill: k(n, t)
-	}))), D && /* @__PURE__ */ e.createElement(se, {
+	}))), D && /* @__PURE__ */ e.createElement(ce, {
 		content: (t) => {
 			if (!t.active || !t.payload?.length) return null;
 			let n = t.payload[0], r = Number(n.value ?? 0), i = O > 0 ? Math.round(r / O * 100) : 0, a = String(n.payload?.fill ?? "");
@@ -5338,7 +5338,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		open: !!I,
 		placement: "top",
 		whileElementsMounted: T
-	}), { isMounted: G, styles: ee } = U(B, {
+	}), { isMounted: G, styles: K } = U(B, {
 		duration: {
 			close: 150,
 			open: 150
@@ -5348,7 +5348,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	u(() => {
 		H.setReference(z.current);
 	}, [H]);
-	let K = c((e) => {
+	let q = c((e) => {
 		z.current.getBoundingClientRect = () => ({
 			bottom: e.clientY,
 			height: 0,
@@ -5359,7 +5359,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			x: e.clientX,
 			y: e.clientY
 		}), W();
-	}, [W]), q = c(() => {
+	}, [W]), J = c(() => {
 		L(null);
 	}, []);
 	return o ? /* @__PURE__ */ e.createElement("div", {
@@ -5397,8 +5397,8 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
 		className: `${O}__track`,
-		onMouseLeave: M ? q : void 0,
-		onMouseMove: M ? K : void 0,
+		onMouseLeave: M ? J : void 0,
+		onMouseMove: M ? q : void 0,
 		style: { height: t }
 	}, a.map((t, n) => {
 		let r = F(n, t), i = Math.round(t.value / P * 100);
@@ -5422,7 +5422,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		role: "tooltip",
 		style: {
 			...V,
-			...ee,
+			...K,
 			pointerEvents: "none",
 			zIndex: "var(--pds-z-index-notifications)"
 		}
@@ -6556,7 +6556,7 @@ var Zr = {
 	included: "Included",
 	notIncluded: "Not included"
 }, ...l }) => {
-	let u = "pds-comparison-list", d = o ? null : `${u}--no-border`, f = s === "m" ? `${u}--m` : null;
+	let u = "pds-comparison-list", d = o ? null : `${u}--no-border`, f = s === "m" ? `${u}--m` : null, p = s === "m" ? "m" : "xs";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			u,
@@ -6571,7 +6571,7 @@ var Zr = {
 	}, /* @__PURE__ */ e.createElement("div", { className: `${u}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(Q, {
 		className: `${u}__item-icon`,
 		iconName: $r[t.type],
-		size: s
+		size: p
 	})), a && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, c[t.type], ":", " "), t.text))), i && /* @__PURE__ */ e.createElement("div", { className: `${u}__more-link` }, i));
 }, ti = ({ className: t, platform: n, videoId: r, videoTitle: i, ...a }) => {
 	let o = /* @__PURE__ */ e.createElement("iframe", {
@@ -7195,15 +7195,15 @@ var Zr = {
 	searchShortcut: "Press / to focus the search field",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: y = "Loading results...", message: b, noResultsText: x = "No results found", onBlur: C, onChange: w, onClear: O, onFocus: k, onOptionSelect: j, options: M, placeholder: P, required: F = !1, showLabel: I = !0, showUnfilteredOptions: L = !1, size: R = "s", tooltipText: z = null, validationMessage: B, validationStatus: V, value: H, ...W }, G) => {
-	let ee = on(d, f), K = "pds-combobox", q = R === "s" ? null : `${K}--${R}`, J = r ? $.disabled : null, te = F && !r ? $.required : null, ne = V === "error" ? $.error : null, re = V === "success" ? $.success : null, ie = null;
+	let K = on(d, f), q = "pds-combobox", J = R === "s" ? null : `${q}--${R}`, ee = r ? $.disabled : null, te = F && !r ? $.required : null, ne = V === "error" ? $.error : null, re = V === "success" ? $.success : null, ie = null;
 	o && (ie = "search"), V === "error" && (ie = "error"), V === "success" && (ie = "success");
-	let ae = B || b, Y = H !== void 0, oe = n !== void 0, se = (e) => {
+	let ae = B || b, oe = H !== void 0, se = n !== void 0, ce = (e) => {
 		let t = M.find((t) => t.value === e);
 		return t ? t.label : "";
-	}, [ce, le] = g(oe ? n : void 0), [ue, de] = g(Y ? H ?? "" : oe ? se(n) : ""), pe = s && !ue;
+	}, [le, Y] = g(se ? n : void 0), [ue, de] = g(oe ? H ?? "" : se ? ce(n) : ""), pe = s && !ue;
 	u(() => {
-		Y && de(H ?? "");
-	}, [Y, H]);
+		oe && de(H ?? "");
+	}, [oe, H]);
 	let X = h(null), me = (e) => e.map(({ label: e, optionDisplay: t, searchIndex: n, value: r, ...i }) => {
 		let a = r || e, o = [e, r];
 		return n && o.push(...n), {
@@ -7233,7 +7233,7 @@ var Zr = {
 			de(e ?? "");
 		},
 		onSelectedItemChange: ({ selectedItem: e }) => {
-			e && (Y || de(e.label), le(e.value), j?.(e));
+			e && (oe || de(e.label), Y(e.value), j?.(e));
 		},
 		stateReducer: (e, { changes: t, type: n }) => {
 			if (n === fe.stateChangeTypes.InputBlur) return {
@@ -7289,11 +7289,11 @@ var Zr = {
 	}, [G, Te]), Ae = () => {
 		be ? Se() : xe();
 	}, je = () => {
-		Y || de(""), le(void 0), Se(), X.current?.focus(), L && xe(), O?.();
+		oe || de(""), Y(void 0), Se(), X.current?.focus(), L && xe(), O?.();
 	}, Me = (e) => {
-		C?.(ce);
+		C?.(le);
 	}, Ne = (e) => {
-		L && xe(), k?.(ce);
+		L && xe(), k?.(le);
 	}, Pe = () => he.map((t, n) => /* @__PURE__ */ e.createElement(vn, {
 		key: t.value,
 		className: ye === n ? "pds-dropdown__item--focused" : "",
@@ -7301,19 +7301,19 @@ var Zr = {
 			item: t,
 			index: n
 		})
-	}, /* @__PURE__ */ e.createElement("span", { className: `${K}__option-label` }, t.optionDisplay || t.label)));
+	}, /* @__PURE__ */ e.createElement("span", { className: `${q}__option-label` }, t.optionDisplay || t.label)));
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			K,
 			q,
 			J,
+			ee,
 			te,
 			ne,
 			re,
 			t ?? ""
 		]),
-		style: d ? ee : null,
+		style: d ? K : null,
 		...W
 	}, /* @__PURE__ */ e.createElement(ln, {
 		disabled: r,
@@ -7328,12 +7328,12 @@ var Zr = {
 		"aria-disabled": r ? !0 : null,
 		"aria-invalid": V === "error" ? !0 : null,
 		"aria-required": F ? !0 : null,
-		className: Z([`${K}__input-wrapper`, pe ? `${K}__input-wrapper--has-search-shortcut` : null]),
+		className: Z([`${q}__input-wrapper`, pe ? `${q}__input-wrapper--has-search-shortcut` : null]),
 		id: l
 	}, ie && /* @__PURE__ */ e.createElement(fn, { variant: ie }), /* @__PURE__ */ e.createElement("input", {
 		ref: X,
 		autoComplete: "off",
-		className: `${K}__input`,
+		className: `${q}__input`,
 		id: `input-${l}`,
 		...ge({
 			"aria-label": v.inputInstructions,
@@ -7355,24 +7355,24 @@ var Zr = {
 	}), a && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": be,
 		"aria-label": v.triggerButton,
-		className: `${K}__trigger`,
+		className: `${q}__trigger`,
 		disabled: r,
 		onClick: Ae,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: `${K}__trigger-icon`,
+		className: `${q}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
 	}))), /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
 		ref: Te.setFloating,
-		className: `pds-dropdown__panel ${K}__dropdown`,
+		className: `pds-dropdown__panel ${q}__dropdown`,
 		style: Ee ? {
 			...we,
 			...De,
 			zIndex: Oe
 		} : { display: "none" }
-	}, Ee && p && /* @__PURE__ */ e.createElement("div", { className: `${K}__loading` }, y), Ee && !p && he.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, x), /* @__PURE__ */ e.createElement("ul", {
-		className: `${K}__options`,
+	}, Ee && p && /* @__PURE__ */ e.createElement("div", { className: `${q}__loading` }, y), Ee && !p && he.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, x), /* @__PURE__ */ e.createElement("ul", {
+		className: `${q}__options`,
 		...ve(),
 		style: Ee && !p && he.length > 0 ? void 0 : { display: "none" }
 	}, Ee && !p && Pe()))), ae && /* @__PURE__ */ e.createElement(un, {
@@ -7396,14 +7396,14 @@ var Zr = {
 	inputInstructions: "Type to search options",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: d = "Loading results...", noResultsText: f = "No results found", onChange: p, options: _, placeholder: v = "Filter", required: y = !1, showAllTags: b = !1, showLabel: x = !0, size: C = "s", ...w }) => {
-	let O = on(o, s), k = "pds-combobox-multi", j = C === "s" ? null : `${k}--${C}`, P = r ? $.disabled : null, F = y && !r ? $.required : null, I = b ? `${k}--show-all-tags` : null, [L, R] = g(""), [B, H] = g(a), [U, W] = g(null), [G, ee] = g(!1), K = m(() => gi(_, B, L), [
+	let O = on(o, s), k = "pds-combobox-multi", j = C === "s" ? null : `${k}--${C}`, P = r ? $.disabled : null, F = y && !r ? $.required : null, I = b ? `${k}--show-all-tags` : null, [L, R] = g(""), [B, H] = g(a), [U, W] = g(null), [G, K] = g(!1), q = m(() => gi(_, B, L), [
 		_,
 		B,
 		L
-	]), q = m(() => t?.items?.map((e) => ({
+	]), J = m(() => t?.items?.map((e) => ({
 		...e,
 		isAlreadySelected: B.some((t) => t.id === e.id)
-	})) || [], [t?.items, B]), J = (e) => {
+	})) || [], [t?.items, B]), ee = (e) => {
 		H(e), p?.(e);
 	}, { getDropdownProps: te, getSelectedItemProps: ne, removeSelectedItem: re } = pe({
 		selectedItems: B,
@@ -7413,13 +7413,13 @@ var Zr = {
 				case pe.stateChangeTypes.SelectedItemKeyDownDelete:
 				case pe.stateChangeTypes.DropdownKeyDownBackspace:
 				case pe.stateChangeTypes.FunctionRemoveSelectedItem:
-					J(e || []);
+					ee(e || []);
 					break;
 				default: break;
 			}
 		}
-	}), { closeMenu: ie, getInputProps: ae, getItemProps: Y, getMenuProps: oe, getToggleButtonProps: se, highlightedIndex: ce, isOpen: le, openMenu: ue, selectedItem: de } = fe({
-		items: K,
+	}), { closeMenu: ie, getInputProps: ae, getItemProps: oe, getMenuProps: se, getToggleButtonProps: ce, highlightedIndex: le, isOpen: Y, openMenu: ue, selectedItem: de } = fe({
+		items: q,
 		itemToString: (e) => e ? e.label : "",
 		selectedItem: null,
 		inputValue: L,
@@ -7441,20 +7441,20 @@ var Zr = {
 				case fe.stateChangeTypes.InputKeyDownEnter:
 				case fe.stateChangeTypes.ItemClick:
 				case fe.stateChangeTypes.InputBlur:
-					n && (n.isAlreadySelected ? J(B.filter((e) => e.id !== n.id)) : J([...B, n]), R(""), W(null));
+					n && (n.isAlreadySelected ? ee(B.filter((e) => e.id !== n.id)) : ee([...B, n]), R(""), W(null));
 					break;
 				case fe.stateChangeTypes.InputChange:
 					R(e || ""), W(null);
 					break;
 				case fe.stateChangeTypes.ToggleButtonClick:
 				case fe.stateChangeTypes.FunctionOpenMenu:
-					t && ee(!1);
+					t && K(!1);
 					break;
 				default: break;
 			}
 		}
 	}), { floatingStyles: X, refs: me } = N({
-		open: le,
+		open: Y,
 		whileElementsMounted: T,
 		placement: "bottom-start",
 		strategy: "fixed",
@@ -7478,7 +7478,7 @@ var Zr = {
 		]
 	}), { context: he, floatingStyles: ge, refs: _e } = N({
 		open: G,
-		onOpenChange: ee,
+		onOpenChange: K,
 		whileElementsMounted: T,
 		placement: "bottom-start",
 		strategy: "fixed",
@@ -7492,27 +7492,27 @@ var Zr = {
 	}), { getFloatingProps: ve } = z([M(he)]), ye = Bn("var(--pds-z-index-dropdown)"), be = (e) => {
 		if (e.stopPropagation(), r) return;
 		let t = !G;
-		ee(t), t && le && ie();
+		K(t), t && Y && ie();
 	}, xe = (e) => {
-		r || (e.isAlreadySelected ? J(B.filter((t) => t.id !== e.id)) : J([...B, e]));
+		r || (e.isAlreadySelected ? ee(B.filter((t) => t.id !== e.id)) : ee([...B, e]));
 	}, Se = () => {
-		ee(!1), t?.onClose?.();
+		K(!1), t?.onClose?.();
 	}, Ce = () => {
 		t?.onRefresh?.();
 	}, we = () => {
 		if (U === null) W(B.length - 1);
 		else {
 			let e = [...B];
-			e.splice(U, 1), J(e), W(null);
+			e.splice(U, 1), ee(e), W(null);
 		}
 	}, Te = h(!1), Ee = () => {
 		r || (Te.current ? ie() : ue());
 	}, De = (e) => {
-		Te.current = le, !r && e.currentTarget.setAttribute("data-focus-method", "mouse");
+		Te.current = Y, !r && e.currentTarget.setAttribute("data-focus-method", "mouse");
 	}, Oe = (e) => {
-		e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !L && B.length > 0 && (e.preventDefault(), we()), e.key === "Enter" && U !== null && (e.preventDefault(), we()), !le && (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), ue()));
+		e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !L && B.length > 0 && (e.preventDefault(), we()), e.key === "Enter" && U !== null && (e.preventDefault(), we()), !Y && (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), ue()));
 	}, ke = ae({
-		...te({ preventKeyAction: le }),
+		...te({ preventKeyAction: Y }),
 		disabled: r,
 		onKeyDown: Oe
 	}), Ae = B.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-item` }, B.length - 1) : B.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-item` }, B.length - 1)) : B.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-item` }, B.length - 1)) : "", je = te(), Me = V([je.ref, me.setFloating]);
@@ -7568,7 +7568,7 @@ var Zr = {
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "xmark",
-		size: "s"
+		size: "xs"
 	}))))), /* @__PURE__ */ e.createElement("div", { className: `${k}__end-actions` }, t && /* @__PURE__ */ e.createElement("button", {
 		"aria-label": u.aiPanelButton,
 		className: Z([`${k}__ai-button`, P ?? ""]),
@@ -7578,13 +7578,13 @@ var Zr = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${k}__ai-icon`,
 		iconName: "sparkles",
-		size: "s"
+		size: "xs"
 	})), /* @__PURE__ */ e.createElement("button", {
 		"aria-label": u.triggerButton,
 		className: `${k}__trigger ${P}`,
 		disabled: r,
 		type: "button",
-		...se({ onClick: (e) => e.stopPropagation() })
+		...ce({ onClick: (e) => e.stopPropagation() })
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${k}__trigger-icon`,
 		iconName: "angleDown",
@@ -7593,7 +7593,7 @@ var Zr = {
 		...je,
 		ref: Me,
 		className: `pds-dropdown__panel ${k}__dropdown`,
-		style: le ? {
+		style: Y ? {
 			...X,
 			zIndex: ye
 		} : { display: "none" }
@@ -7605,23 +7605,23 @@ var Zr = {
 		onClick: (e) => {
 			e.stopPropagation();
 		}
-	})), le && c && /* @__PURE__ */ e.createElement("div", { className: `${k}__loading` }, d), le && !c && K.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, f), /* @__PURE__ */ e.createElement("ul", {
+	})), Y && c && /* @__PURE__ */ e.createElement("div", { className: `${k}__loading` }, d), Y && !c && q.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, f), /* @__PURE__ */ e.createElement("ul", {
 		className: `${k}__dropdown-list`,
-		...oe(),
-		style: le && !c && K.length > 0 ? void 0 : { display: "none" }
-	}, le && !c && K.map((t, n) => /* @__PURE__ */ e.createElement(vn, {
+		...se(),
+		style: Y && !c && q.length > 0 ? void 0 : { display: "none" }
+	}, Y && !c && q.map((t, n) => /* @__PURE__ */ e.createElement(vn, {
 		key: `${t.id}-${n}`,
 		className: `${k}__dropdown-item
-                  ${ce === n ? "pds-dropdown__item--focused" : ""}
+                  ${le === n ? "pds-dropdown__item--focused" : ""}
                   ${de === t ? `${k}__dropdown-item--selected` : ""}
                   ${t.isAlreadySelected ? "pds-dropdown__item--active" : ""}`,
-		...Y({
+		...oe({
 			item: t,
 			index: n
 		})
 	}, /* @__PURE__ */ e.createElement("span", { className: `${k}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${k}__dropdown-item-text` }, t.label, t.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${k}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "sparkles",
-		size: "s"
+		size: "xs"
 	}), /* @__PURE__ */ e.createElement("span", null, u.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(cr, null))))))), G && t && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
 		ref: _e.setFloating,
 		className: `${k}__aux-panel`,
@@ -7634,7 +7634,7 @@ var Zr = {
 		className: `${k}__aux-panel-icon`,
 		iconName: "sparkles",
 		size: "m"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${k}__aux-panel-items` }, q.map((t) => /* @__PURE__ */ e.createElement("button", {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${k}__aux-panel-items` }, J.map((t) => /* @__PURE__ */ e.createElement("button", {
 		key: t.id,
 		className: Z([`${k}__aux-panel-item`, t.isAlreadySelected ? `${k}__aux-panel-item--selected` : ""]),
 		onClick: () => xe(t),
@@ -7718,7 +7718,7 @@ var Zr = {
 		t,
 		F,
 		x
-	]), { focusProps: W, isFocusVisible: G } = Pe({ within: !0 }), ee = z.value !== null;
+	]), { focusProps: W, isFocusVisible: G } = Pe({ within: !0 }), K = z.value !== null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
@@ -7755,7 +7755,7 @@ var Zr = {
 		baseClass: D,
 		segment: t,
 		state: z
-	})), U && ee && /* @__PURE__ */ e.createElement("div", { className: `${D}__timezone` }, U))), N && /* @__PURE__ */ e.createElement(un, {
+	})), U && K && /* @__PURE__ */ e.createElement("div", { className: `${D}__timezone` }, U))), N && /* @__PURE__ */ e.createElement(un, {
 		hasValidationMessage: !!C,
 		id: o,
 		message: N,
@@ -7923,10 +7923,10 @@ var Zr = {
 			from: Oi(Ci(t.from, k), ki, k),
 			to: Oi(Ci(t.to, k), Ai, k)
 		};
-	}, [W, G] = g(() => P ?? (H ? U(H) : void 0)), [ee, K] = g("local"), q = O && ee === "utc" ? "UTC" : k, [J, te] = g(H?.label), [ne, re] = g(E), ie = !z || ne, ae = !z || E || t, Y = F === 1 ? L && D ? 400 : 280 : 550, oe = h(null), se = J === void 0 && (L ? !!W?.from : !!W), ce = (e, t) => L && D ? e ?? t : e, [le, ue] = g(() => ce(Di(L ? W?.from : W, q), ki)), [de, fe] = g(() => ce(Di(W?.to, q), Ai)), pe = on(c, l), X = "pds-datepicker", me = a ? $.disabled : null, ge = w && !a ? $.required : null, _e = N === "error" ? $.error : null, ve = N === "success" ? $.success : null, be = M || _, xe = /* @__PURE__ */ e.createElement("div", { className: `${X}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${X}__timezone-switcher-label` }, R.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(ur, {
+	}, [W, G] = g(() => P ?? (H ? U(H) : void 0)), [K, q] = g("local"), J = O && K === "utc" ? "UTC" : k, [ee, te] = g(H?.label), [ne, re] = g(E), ie = !z || ne, ae = !z || E || t, oe = F === 1 ? L && D ? 400 : 280 : 550, se = h(null), ce = ee === void 0 && (L ? !!W?.from : !!W), le = (e, t) => L && D ? e ?? t : e, [Y, ue] = g(() => le(Di(L ? W?.from : W, J), ki)), [de, fe] = g(() => le(Di(W?.to, J), Ai)), pe = on(c, l), X = "pds-datepicker", me = a ? $.disabled : null, ge = w && !a ? $.required : null, _e = N === "error" ? $.error : null, ve = N === "success" ? $.success : null, be = M || _, xe = /* @__PURE__ */ e.createElement("div", { className: `${X}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${X}__timezone-switcher-label` }, R.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(ur, {
 		id: `${s}-timezone-switcher`,
 		label: R.timeZoneSwitcherLabel || "",
-		onChange: (e) => K(e),
+		onChange: (e) => q(e),
 		options: [{
 			label: R.localTimeZoneLabel || "",
 			value: "local"
@@ -7935,7 +7935,7 @@ var Zr = {
 			value: "utc"
 		}],
 		size: "s",
-		value: ee
+		value: K
 	})), { floatingStyles: Se, getFloatingProps: Ce, getReferenceProps: we, isMounted: Ee, isOpen: Oe, refs: je, setIsOpen: Me } = In({
 		enableListNavigation: !1,
 		offsetValue: 8,
@@ -7943,7 +7943,7 @@ var Zr = {
 		role: "dialog",
 		shiftPadding: 16,
 		variant: "default"
-	}), Ne = Bn("var(--pds-z-index-overlay)"), Pe = Ci(v, q), Le = Ci(p, q), Be = (e, t, n = !1) => {
+	}), Ne = Bn("var(--pds-z-index-overlay)"), Pe = Ci(v, J), Le = Ci(p, J), Be = (e, t, n = !1) => {
 		G(e), te(t), b?.(e), !L && n && setTimeout(() => {
 			Me(!1);
 		}, 300);
@@ -7953,9 +7953,9 @@ var Zr = {
 		maxValue: Le,
 		minValue: Pe,
 		onChange: (e) => {
-			L || Be(Oi(e, D ? le : void 0, q), void 0, !D);
+			L || Be(Oi(e, D ? Y : void 0, J), void 0, !D);
 		},
-		value: L ? null : Ci(W, q) ?? null
+		value: L ? null : Ci(W, J) ?? null
 	}), He = h(null), Ue = ze({
 		createCalendar: he,
 		locale: V,
@@ -7964,12 +7964,12 @@ var Zr = {
 		visibleDuration: { months: F },
 		onChange: (e) => {
 			L && e && Be({
-				from: Oi(e.start, D ? le : void 0, q),
-				to: Oi(e.end, D ? de : void 0, q)
+				from: Oi(e.start, D ? Y : void 0, J),
+				to: Oi(e.end, D ? de : void 0, J)
 			});
 		},
 		value: L ? (() => {
-			let e = W, t = Ci(e?.from, q), n = Ci(e?.to, q);
+			let e = W, t = Ci(e?.from, J), n = Ci(e?.to, J);
 			return t && n ? {
 				start: t,
 				end: n
@@ -7983,18 +7983,18 @@ var Zr = {
 	}, ct = () => !L || !Ue.anchorDate ? !1 : (Ue.selectDate(Ue.anchorDate), !0), lt = () => {
 		ct(), Me(!1);
 	}, ut = () => {
-		let e = Te(q);
-		We.setFocusedDate(e), L ? (Ue.setValue(null), G(void 0), te(void 0), b?.(void 0)) : (Ve.setValue(e), Be(Oi(e, D ? le : void 0, q), void 0, !D));
+		let e = Te(J);
+		We.setFocusedDate(e), L ? (Ue.setValue(null), G(void 0), te(void 0), b?.(void 0)) : (Ve.setValue(e), Be(Oi(e, D ? Y : void 0, J), void 0, !D));
 	}, dt = (e) => {
 		let t = Mi(e, {
 			locale: V,
-			timeZone: q
+			timeZone: J
 		}), n = e.hours !== void 0 || e.minutes !== void 0;
-		re(E), D && n ? (ue(Di(t.from, q)), fe(Di(t.to, q)), Be(t, e.label)) : Be(D ? {
-			from: Oi(Ci(t.from, q), le, q),
-			to: Oi(Ci(t.to, q), de, q)
+		re(E), D && n ? (ue(Di(t.from, J)), fe(Di(t.to, J)), Be(t, e.label)) : Be(D ? {
+			from: Oi(Ci(t.from, J), Y, J),
+			to: Oi(Ci(t.to, J), de, J)
 		} : t, e.label);
-		let r = Ci(t.from, q);
+		let r = Ci(t.from, J);
 		r && We.setFocusedDate(r), E || setTimeout(() => {
 			Me(!1);
 		}, 300);
@@ -8002,19 +8002,19 @@ var Zr = {
 		if (ue(e), L) {
 			let t = W;
 			t?.from && t?.to && Be({
-				from: Oi(Ci(t.from, q), e, q),
+				from: Oi(Ci(t.from, J), e, J),
 				to: t.to
 			});
 		} else {
 			let t = W;
-			t && Be(Oi(Ci(t, q), e, q));
+			t && Be(Oi(Ci(t, J), e, J));
 		}
 	}, pt = (e) => {
 		fe(e);
 		let t = W;
 		t?.from && t?.to && Be({
 			from: t.from,
-			to: Oi(Ci(t.to, q), e, q)
+			to: Oi(Ci(t.to, J), e, J)
 		});
 	}, mt = h(P);
 	u(() => {
@@ -8022,11 +8022,11 @@ var Zr = {
 	}, [P]), u(() => {
 		if (D) if (L) {
 			let e = W;
-			ue(Di(e?.from, q) ?? ki), fe(Di(e?.to, q) ?? Ai);
-		} else ue(Di(W, q));
+			ue(Di(e?.from, J) ?? ki), fe(Di(e?.to, J) ?? Ai);
+		} else ue(Di(W, J));
 	}, [
 		W,
-		q,
+		J,
 		L,
 		D
 	]), u(() => {
@@ -8037,28 +8037,28 @@ var Zr = {
 		Ue.anchorDate
 	]), u(() => {
 		if (Oe) {
-			let e = Ci(L ? W?.from : W, q);
-			We.setFocusedDate(e ?? Te(q)), re(E);
+			let e = Ci(L ? W?.from : W, J);
+			We.setFocusedDate(e ?? Te(J)), re(E);
 		}
 	}, [Oe]), u(() => {
-		oe.current && (oe.current.inert = !ie);
+		se.current && (se.current.inert = !ie);
 	}, [ie]);
-	let ht = C?.find((e) => e.label === J), gt = ht && (ht.showLabelInTrigger ?? (ht.hours !== void 0 || ht.minutes !== void 0)) ? ht.label : void 0, _t = () => {
+	let ht = C?.find((e) => e.label === ee), gt = ht && (ht.showLabelInTrigger ?? (ht.hours !== void 0 || ht.minutes !== void 0)) ? ht.label : void 0, _t = () => {
 		if (gt !== void 0) return gt;
 		if (L) {
 			let t = W;
-			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, ji(t.from, f, q), /* @__PURE__ */ e.createElement("span", { className: `${X}__separator` }, " – "), ji(t.to, f, q)) : ji(t.from, f, q) : x || "";
+			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, ji(t.from, f, J), /* @__PURE__ */ e.createElement("span", { className: `${X}__separator` }, " – "), ji(t.to, f, J)) : ji(t.from, f, J) : x || "";
 		} else {
 			let e = W;
-			return e ? ji(e, f, q) : x || "";
+			return e ? ji(e, f, J) : x || "";
 		}
 	}, vt = () => gt === void 0 ? L ? !W?.from : !W : !1, yt = () => {
 		if (L) {
 			let e = W, t = Ue.anchorDate;
-			return !e?.from && t ? `${R.selectedStartDate}${ji(wi(t, q), f, q)}${R.pleaseSelectEndDate}` : e?.from ? e.to ? `${R.selectedDateRange}${ji(e.from, f, q)}${R.to}${ji(e.to, f, q)}` : `${R.selectedStartDate}${ji(e.from, f, q)}${R.pleaseSelectEndDate}` : R.noDateRangeSelected || "";
+			return !e?.from && t ? `${R.selectedStartDate}${ji(wi(t, J), f, J)}${R.pleaseSelectEndDate}` : e?.from ? e.to ? `${R.selectedDateRange}${ji(e.from, f, J)}${R.to}${ji(e.to, f, J)}` : `${R.selectedStartDate}${ji(e.from, f, J)}${R.pleaseSelectEndDate}` : R.noDateRangeSelected || "";
 		} else {
 			let e = W;
-			return e ? `${R.selectedDate}${ji(e, f, q)}` : R.noDateSelected || "";
+			return e ? `${R.selectedDate}${ji(e, f, J)}` : R.noDateSelected || "";
 		}
 	}, bt = L ? W : void 0, xt = /* @__PURE__ */ e.createElement("div", {
 		...Ze,
@@ -8101,31 +8101,31 @@ var Zr = {
 		baseClass: X,
 		monthOffset: t,
 		state: We,
-		timeZone: q
+		timeZone: J
 	})))), D && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-section` }, L ? /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(Si, {
-		anchorDate: Ci(bt?.from, q),
+		anchorDate: Ci(bt?.from, J),
 		id: `${s}-start-time`,
 		label: R.startTimeLabel || "",
 		onChange: ft,
 		size: "s",
-		timeZone: q,
-		value: le
+		timeZone: J,
+		value: Y
 	}), /* @__PURE__ */ e.createElement(Si, {
-		anchorDate: Ci(bt?.to, q),
+		anchorDate: Ci(bt?.to, J),
 		id: `${s}-end-time`,
 		label: R.endTimeLabel || "",
 		onChange: pt,
 		size: "s",
-		timeZone: q,
+		timeZone: J,
 		value: de
 	})) : W && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(Si, {
-		anchorDate: Ci(W, q),
+		anchorDate: Ci(W, J),
 		id: `${s}-time`,
 		label: R.timeLabel || "",
 		onChange: ft,
 		size: "s",
-		timeZone: q,
-		value: le
+		timeZone: J,
+		value: Y
 	})), O && !z && xe), o && /* @__PURE__ */ e.createElement("div", { className: `${X}__footer-note` }, o), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions` }, /* @__PURE__ */ e.createElement(kn, {
 		className: `${X}__action-button ${X}__action-button--today`,
 		label: R.todayButton,
@@ -8199,30 +8199,30 @@ var Zr = {
 		role: "group"
 	}, C?.map((t) => /* @__PURE__ */ e.createElement("button", {
 		key: t.label,
-		"aria-pressed": J === t.label,
-		className: Z([`${X}__preset-item`, J === t.label ? `${X}__preset-item--active` : null]),
+		"aria-pressed": ee === t.label,
+		className: Z([`${X}__preset-item`, ee === t.label ? `${X}__preset-item--active` : null]),
 		onClick: () => dt(t),
 		type: "button"
 	}, t.label)), t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
 		className: `${X}__preset-divider`
 	}), /* @__PURE__ */ e.createElement("button", {
-		"aria-pressed": se,
-		className: Z([`${X}__preset-item`, se ? `${X}__preset-item--active` : null]),
+		"aria-pressed": ce,
+		className: Z([`${X}__preset-item`, ce ? `${X}__preset-item--active` : null]),
 		onClick: () => {
 			te(void 0), re(!0);
 		},
 		type: "button"
 	}, R.customPresetLabel, !E && /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleRight",
-		size: "s"
+		size: "xs"
 	})))), D && O && xe), /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, yt()), z ? ae && /* @__PURE__ */ e.createElement("div", {
-		ref: oe,
+		ref: se,
 		className: `${X}__calendar-wrapper`,
-		style: { flexBasis: ie ? Y : 0 }
+		style: { flexBasis: ie ? oe : 0 }
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: `${X}__calendar-wrapper-inner`,
-		style: { width: Y }
+		style: { width: oe }
 	}, xt)) : xt))));
 }, Li = o(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, inputWidthMin: l, labelStrings: d = {
 	chooseFile: "Choose file",
@@ -8249,7 +8249,7 @@ var Zr = {
 			return;
 		}
 		Ve && r && (r === e.target.value ? k(!0) : k(!1)), h && h(e.target.files), D(!0);
-	}, ee = () => {
+	}, K = () => {
 		let e = document.getElementById(`${o}--input`);
 		e.value = "", Ve && k(!1), m && m(), D(!1), e.focus();
 	};
@@ -8283,7 +8283,7 @@ var Zr = {
 		htmlFor: `${o}--input`
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "paperclip",
-		size: "s"
+		size: "xs"
 	}), d.chooseFile), /* @__PURE__ */ e.createElement("input", {
 		ref: T,
 		accept: t || null,
@@ -8299,7 +8299,7 @@ var Zr = {
 		...s
 	}), E && /* @__PURE__ */ e.createElement(mn, {
 		clearLabel: d.clearButton,
-		handleClearInput: ee,
+		handleClearInput: K,
 		id: o
 	})), z && /* @__PURE__ */ e.createElement(un, {
 		hasValidationMessage: !!S,
@@ -8482,7 +8482,7 @@ var Zr = {
 		className: `${b}-grip`
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "gripDotsVertical",
-		size: "s"
+		size: "xs"
 	})), /* @__PURE__ */ e.createElement("span", { className: `${b}-text` }, g.value), /* @__PURE__ */ e.createElement("button", {
 		"aria-label": v.tagRemove.replace("{value}", g.value),
 		className: `${b}-remove`,
@@ -8495,7 +8495,7 @@ var Zr = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${b}-remove-icon`,
 		iconName: "xmark",
-		size: "s"
+		size: "xs"
 	})));
 }, Hi = o(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a, inputWidth: o, inputWidthMin: s, isSortable: c = !1, label: l, message: u, onChange: d, placeholder: f, required: p = !1, showLabel: m = !0, size: _ = "s", tags: v, tooltipText: y = null, translationStrings: b = {
 	inputInstructions: "Type a tag name and press Enter to add. Press Backspace on empty input to remove last tag. Press left arrow on empty input to navigate to tags.",
@@ -8504,11 +8504,11 @@ var Zr = {
 	tagRemove: "Remove {value}",
 	tagsListLabel: "Current tags"
 }, validationMessage: x, validationStatus: S, ...C }, w) => {
-	let T = on(o, s), E = "pds-tags-input", D = _ === "s" ? null : `${E}--${_}`, O = r ? $.disabled : null, k = p && !r ? $.required : null, A = S === "error" ? $.error : null, j = S === "success" ? $.success : null, M = x || u, [N, P] = g(""), [F, I] = g(null), [L, R] = g(null), [z, B] = g(null), [V, H] = g(null), [U, W] = g(""), G = h(null), ee = v.length > 0 ? t : f, K = (e) => {
+	let T = on(o, s), E = "pds-tags-input", D = _ === "s" ? null : `${E}--${_}`, O = r ? $.disabled : null, k = p && !r ? $.required : null, A = S === "error" ? $.error : null, j = S === "success" ? $.success : null, M = x || u, [N, P] = g(""), [F, I] = g(null), [L, R] = g(null), [z, B] = g(null), [V, H] = g(null), [U, W] = g(""), G = h(null), K = v.length > 0 ? t : f, q = (e) => {
 		W(e), setTimeout(() => W(""), 1e3);
-	}, q = (e) => {
-		d(e);
 	}, J = (e) => {
+		d(e);
+	}, ee = (e) => {
 		I(e);
 	}, te = () => {
 		I(null), R(null), B(null);
@@ -8519,28 +8519,28 @@ var Zr = {
 		let t = v.findIndex((e) => e.id === F), n = v.findIndex((e) => e.id === L);
 		if (t === -1 || n === -1) return;
 		let r = [...v], [i] = r.splice(t, 1), a = n;
-		a = z === "after" ? t < n ? n : n + 1 : n, r.splice(a, 0, i), q(r), K("Tag reordered"), I(null), R(null), B(null);
+		a = z === "after" ? t < n ? n : n + 1 : n, r.splice(a, 0, i), J(r), q("Tag reordered"), I(null), R(null), B(null);
 	}, ie = (e, t) => {
 		let n = [...v], [r] = n.splice(e, 1);
-		n.splice(t, 0, r), K(`${r.value} moved to position ${t + 1} of ${v.length}`), q(n);
+		n.splice(t, 0, r), q(`${r.value} moved to position ${t + 1} of ${v.length}`), J(n);
 	}, ae = (e) => {
 		let t = v.find((t) => t.id === e);
-		q(v.filter((t) => t.id !== e)), t && K(`${t.value} removed`);
-	}, Y = () => {
+		J(v.filter((t) => t.id !== e)), t && q(`${t.value} removed`);
+	}, oe = () => {
 		H(null), setTimeout(() => {
 			G.current?.focus();
 		}, 0);
-	}, oe = (e) => {
+	}, se = (e) => {
 		if (!r) if (e.key === "Enter" && N.trim()) {
 			e.preventDefault();
 			let t = {
 				id: Date.now().toString(),
 				value: N.trim()
 			};
-			q([...v, t]), K(`${N.trim()} added`), P("");
+			J([...v, t]), q(`${N.trim()} added`), P("");
 		} else if (e.key === "Backspace" && !N && v.length > 0) {
 			let e = v[v.length - 1];
-			q(v.slice(0, -1)), K(`${e.value} removed`);
+			J(v.slice(0, -1)), q(`${e.value} removed`);
 		} else e.key === "ArrowLeft" && !N && v.length > 0 && (e.preventDefault(), H(v.length - 1));
 	};
 	return /* @__PURE__ */ e.createElement("div", {
@@ -8592,8 +8592,8 @@ var Zr = {
 			isSortable: c,
 			onDragEnd: te,
 			onDragOver: ne,
-			onDragStart: J,
-			onFocusInput: Y,
+			onDragStart: ee,
+			onFocusInput: oe,
 			onKeyboardMove: ie,
 			onRemove: ae,
 			setFocusedIndex: H,
@@ -8612,8 +8612,8 @@ var Zr = {
 		id: i,
 		name: i,
 		onChange: (e) => P(e.target.value),
-		onKeyDown: oe,
-		placeholder: ee,
+		onKeyDown: se,
+		placeholder: K,
 		required: p,
 		type: "text",
 		value: N
@@ -8704,10 +8704,10 @@ var Zr = {
 }, type: k = "text", validationMessage: A, validationStatus: j, value: M, ...N }, P) => {
 	let F = on(d, f), I = "pds-text-input", L = a ? $.disabled : null, R = S && !a ? $.required : null, z = j === "error" ? $.error : null, B = j === "success" ? $.success : null, V = x ? $.readonly : null, H = E === "s" ? null : `${I}--${E}`, U = c && k === "url" ? `${I}--has-url-prefix` : null, W = null;
 	k === "search" && (W = "search"), k === "search" && C === "filter" && (W = "filter"), j === "error" && (W = "error"), j === "success" && (W = "success");
-	let G = A || m, ee = M !== void 0, [K, q] = g(i === void 0 ? "" : i), J = M || K, te = s && k === "search" && !J, ne = (e) => {
+	let G = A || m, K = M !== void 0, [q, J] = g(i === void 0 ? "" : i), ee = M || q, te = s && k === "search" && !ee, ne = (e) => {
 		x && e.preventDefault();
 	}, re = (e) => {
-		if (T && Y && oe(!1), c && k === "url") {
+		if (T && oe && se(!1), c && k === "url") {
 			let t = sn(e.target.value), n = {
 				...e,
 				target: {
@@ -8726,18 +8726,18 @@ var Zr = {
 					value: t
 				}
 			};
-			ee || q(t), _ && _(n);
-		} else ee || q(e.target.value), _ && _(e);
+			K || J(t), _ && _(n);
+		} else K || J(e.target.value), _ && _(e);
 	}, ae = () => {
-		ee || q(""), v && v();
+		K || J(""), v && v();
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, [Y, oe] = g(!1), se = () => {
-		oe((e) => !e);
+	}, [oe, se] = g(!1), ce = () => {
+		se((e) => !e);
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, ce = k;
-	return T && k === "password" && (ce = Y ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
+	}, le = k;
+	return T && k === "password" && (le = oe ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
 			I,
@@ -8762,7 +8762,7 @@ var Zr = {
 	}), T && k === "password" && /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, `${O.visibilityStatus} ${Y ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: Z([
+	}, `${O.visibilityStatus} ${oe ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: Z([
 		`${I}__input-wrapper`,
 		c && k === "url" ? `${I}__input-wrapper--has-prefix` : null,
 		te ? `${I}__input-wrapper--has-search-shortcut` : null
@@ -8782,28 +8782,28 @@ var Zr = {
 		placeholder: b,
 		readOnly: x,
 		required: S,
-		type: ce,
-		value: ee ? M : K,
+		type: le,
+		value: K ? M : q,
 		...u
-	}), o && J && /* @__PURE__ */ e.createElement(mn, {
+	}), o && ee && /* @__PURE__ */ e.createElement(mn, {
 		clearLabel: O.clearButton,
 		handleClearInput: ae,
 		id: l
 	}), T && k === "password" && /* @__PURE__ */ e.createElement("button", {
 		"aria-controls": l,
 		className: `${I}__visibility-toggle`,
-		onClick: se,
+		onClick: ce,
 		onMouseDown: (e) => e.preventDefault(),
-		title: Y ? O.visibilityToggleHide : O.visibilityToggleShow,
+		title: oe ? O.visibilityToggleHide : O.visibilityToggleShow,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		iconName: Y ? "eyeSlash" : "eye",
+		iconName: oe ? "eyeSlash" : "eye",
 		size: "m"
 	})), te && /* @__PURE__ */ e.createElement(pn, {
 		inputId: l,
 		shortcutLabel: O.searchShortcut
 	}), r && k !== "password" && /* @__PURE__ */ e.createElement(hn, {
-		currentLength: J.length,
+		currentLength: ee.length,
 		id: l,
 		maxLength: r,
 		overLimitMessage: O.counterOverLimit
@@ -8826,7 +8826,7 @@ var Zr = {
 	}, n, /* @__PURE__ */ e.createElement(Q, {
 		className: `${a}__icon`,
 		iconName: "arrowRight",
-		size: r === "m" ? "m" : "s"
+		size: r === "m" ? "m" : "xs"
 	}));
 }, qi = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
 	let c = "pds-link-new-window", l = r ? `${c}--${r}` : null;
@@ -9141,7 +9141,7 @@ var Zr = {
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: l ? "xmark" : "bars",
-		size: "l"
+		size: "xl"
 	}));
 	return /* @__PURE__ */ e.createElement("header", {
 		className: Z([
@@ -9291,7 +9291,7 @@ var Zr = {
 		]),
 		role: i ? "menuitem" : void 0,
 		tabIndex: i ? b === r ? 0 : -1 : void 0,
-		...i ? V({ onKeyDown: (e) => ee(e, r) }) : null
+		...i ? V({ onKeyDown: (e) => K(e, r) }) : null
 	}, t.linkContent))), [v, y] = g(!1), [b, x] = g(null), C = h([]), w = h(v), A = h(!1), { context: j, floatingStyles: P, refs: F } = N({
 		placement: "right-start",
 		open: v,
@@ -9341,17 +9341,17 @@ var Zr = {
 		i && s && (e.key === "ArrowRight" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), y(!0));
 	}, G = (e) => {
 		(C.current[e]?.querySelector("a"))?.click(), y(!1);
-	}, ee = (e, t) => {
+	}, K = (e, t) => {
 		e.key === "Enter" && (e.preventDefault(), G(t));
-	}, K = ua() === "sm", q = (e) => {
+	}, q = ua() === "sm", J = (e) => {
 		if (!(!i || !s) && e.nativeEvent.pointerType === "touch") {
-			if (K) {
+			if (q) {
 				e.preventDefault(), e.stopPropagation(), y(!0);
 				return;
 			}
 			c && (e.preventDefault(), e.stopPropagation(), c());
 		}
-	}, J = i && v && s && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+	}, ee = i && v && s && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
 		ref: F.setFloating,
 		className: `${d}__flyout`,
 		style: P,
@@ -9367,7 +9367,7 @@ var Zr = {
 			n ? `${f}--active` : null
 		]),
 		...U({
-			onClick: q,
+			onClick: J,
 			onKeyDown: W
 		})
 	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, ia(d, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
@@ -9387,7 +9387,7 @@ var Zr = {
 			crossAxis: 0
 		},
 		preferredPlacement: "right"
-	}) : m)), J);
+	}) : m)), ee);
 }, fa = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
@@ -9765,7 +9765,7 @@ var Zr = {
 			type: "button"
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
-			size: "s",
+			size: "xs",
 			verticalAlign: "-0.0625rem"
 		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Qi(n.linkContent)} ${i.submenu}`)), ra(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
 			className: Z([
@@ -9888,7 +9888,7 @@ var Zr = {
 		],
 		whileElementsMounted: T,
 		strategy: "fixed"
-	}), R = j(F, { event: "mousedown" }), V = M(F), W = H(F, { role: "menu" }), G = h([]), { getFloatingProps: ee, getItemProps: K, getReferenceProps: q } = z([
+	}), R = j(F, { event: "mousedown" }), V = M(F), W = H(F, { role: "menu" }), G = h([]), { getFloatingProps: K, getItemProps: q, getReferenceProps: J } = z([
 		V,
 		W,
 		R,
@@ -9901,7 +9901,7 @@ var Zr = {
 			focusItemOnOpen: !1,
 			focusItemOnHover: !0
 		})
-	]), { isMounted: J, styles: te } = U(F, {
+	]), { isMounted: ee, styles: te } = U(F, {
 		duration: {
 			open: 300,
 			close: 150
@@ -9933,14 +9933,14 @@ var Zr = {
 		let n = e.id ? e.id : `${O}-item-${t}`;
 		C.current.push(n), w.current.push(e);
 	});
-	let Y = (e) => {
+	let oe = (e) => {
 		let t = C.current.indexOf(e), n = w.current[t];
 		n.linkContent && !n.disabled && (G.current[t].querySelector("a").click(), y(!1)), n.callback && !n.disabled && (n.callback(), y(!1));
-	}, oe = (e) => {
-		e.preventDefault(), e.key === "Enter" && Y(e.currentTarget.id);
 	}, se = (e) => {
-		Y(e.currentTarget.id);
-	}, ce = i.map((t, n) => {
+		e.preventDefault(), e.key === "Enter" && oe(e.currentTarget.id);
+	}, ce = (e) => {
+		oe(e.currentTarget.id);
+	}, le = i.map((t, n) => {
 		let r = C.current[n], i = `${A}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -9950,16 +9950,16 @@ var Zr = {
 			"aria-disabled": t.disabled || void 0,
 			className: Z([i, a]),
 			id: r,
-			onKeyDown: oe,
+			onKeyDown: se,
 			role: "menuitem",
 			tabIndex: m === n ? 0 : -1,
-			...K({ onClick: (e) => se(e) })
+			...q({ onClick: (e) => ce(e) })
 		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
 			className: `${A}__icon`,
 			iconName: t.iconName,
 			size: "m"
 		}));
-	}), le = i.map((t, n) => {
+	}), Y = i.map((t, n) => {
 		let r = C.current[n], i = `${A}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -9982,24 +9982,24 @@ var Zr = {
 	}, x ? /* @__PURE__ */ e.createElement(Ln, { label: ue }, /* @__PURE__ */ e.createElement("ul", {
 		className: Z([P, `${P}--mobile`]),
 		role: "menu"
-	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, le)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, Y)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 		ref: L.setReference,
 		"aria-label": t,
 		className: `${A}__trigger`,
 		type: "button",
-		...q()
-	}, re), J && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+		...J()
+	}, re), ee && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
 		ref: L.setFloating,
 		className: `${A}__dropdown`,
 		style: {
 			...I,
 			zIndex: ne
 		},
-		...ee()
+		...K()
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...te } }, /* @__PURE__ */ e.createElement("ul", {
 		className: P,
 		role: "menu"
-	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, ce))))));
+	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, le))))));
 }, Sa = ({ avatarSize: t = "m", className: n, showActiveState: r = !0, workspace: i, ...a }) => {
 	let o = "pds-workspace-list-item";
 	return /* @__PURE__ */ e.createElement("div", {
@@ -10087,7 +10087,7 @@ var Zr = {
 			onClick: () => t.onRestrictedSelection(),
 			type: "button"
 		}, /* @__PURE__ */ e.createElement(Sa, { workspace: t })) : a ? /* @__PURE__ */ e.createElement(a, Object.assign({}, t.workspaceLink?.props), /* @__PURE__ */ e.createElement(Sa, { workspace: t })) : null);
-	}), ee = r && /* @__PURE__ */ e.createElement("div", {
+	}), K = r && /* @__PURE__ */ e.createElement("div", {
 		ref: b,
 		className: `${T}__create-link`
 	}, /* @__PURE__ */ e.createElement(An, {
@@ -10099,7 +10099,7 @@ var Zr = {
 		onClick: () => I(!1),
 		size: "s",
 		variant: "link"
-	})), K = (t) => z ? /* @__PURE__ */ e.createElement("div", { className: `${T}__button-content` }, /* @__PURE__ */ e.createElement(li, {
+	})), q = (t) => z ? /* @__PURE__ */ e.createElement("div", { className: `${T}__button-content` }, /* @__PURE__ */ e.createElement(li, {
 		className: `${T}__avatar`,
 		imageSrc: z.imageSrc,
 		size: "m",
@@ -10111,7 +10111,7 @@ var Zr = {
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([T, n]),
 		...d
-	}, w ? /* @__PURE__ */ e.createElement(Ln, { label: K() }, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Gi, {
+	}, w ? /* @__PURE__ */ e.createElement(Ln, { label: q() }, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Gi, {
 		hasClearButton: !0,
 		id: "workspace-filter-mobile",
 		label: i,
@@ -10139,7 +10139,7 @@ var Zr = {
 		className: `${T}__trigger`,
 		type: "button",
 		...M()
-	}, K(B), /* @__PURE__ */ e.createElement(Q, {
+	}, q(B), /* @__PURE__ */ e.createElement(Q, {
 		className: `${T}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
@@ -10167,7 +10167,7 @@ var Zr = {
 	}, /* @__PURE__ */ e.createElement("li", {
 		className: `pds-dropdown__heading ${T}__item-heading`,
 		role: "presentation"
-	}, s), W.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : W), ee))));
+	}, s), W.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : W), K))));
 }, wa = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
@@ -10228,7 +10228,7 @@ var Zr = {
 		}, /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement(Q, {
 			className: `${C}__icon ${C}__icon--${t.type}`,
 			iconName: d === "neutral" ? r : wa[d],
-			size: l ? "l" : "m"
+			size: l ? "2xl" : "l"
 		}), /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
 			className: `${C}__dismiss-button`,
 			onClick: g,
@@ -10285,7 +10285,7 @@ var Zr = {
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(Sn, { size: "l" }) : /* @__PURE__ */ e.createElement(Q, {
 		iconName: `${i}` in Oa ? Oa[i] : Oa.info,
-		size: "l"
+		size: "xl"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${s}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), /* @__PURE__ */ e.createElement("div", { className: `${s}__title` }, r), /* @__PURE__ */ e.createElement("div", { className: `${s}__message` }, d)));
 }, Aa = {
 	info: "circleInfo",
@@ -10330,7 +10330,7 @@ var Zr = {
 		...m
 	}, /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__icon ${v}__icon-${f}` }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: `${f}` in Aa ? Aa[f] : Aa.info,
-		size: "l"
+		size: "xl"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), d && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, d), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, w))), (n || l || o) && /* @__PURE__ */ e.createElement("div", { className: `${v}__actions` }, l && /* @__PURE__ */ e.createElement(kn, {
 		variant: "link",
 		...l,
@@ -10405,7 +10405,7 @@ var Zr = {
 	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(Sn, { size: "l" }) : /* @__PURE__ */ e.createElement(Q, {
 		className: `${c}__icon ${c}__icon--${o}`,
 		iconName: La[o],
-		size: "l"
+		size: "xl"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), h && /* @__PURE__ */ e.createElement("button", {
 		"aria-label": p ? f.resume : f.pause,
 		className: `${c}__pause-button`,
@@ -11355,13 +11355,13 @@ var Zr = {
 		],
 		whileElementsMounted: T,
 		strategy: "fixed"
-	}), G = Bn("var(--pds-z-index-overlay)"), ee = () => {
+	}), G = Bn("var(--pds-z-index-overlay)"), K = () => {
 		O(!1), c && c();
-	}, { getFloatingProps: K, getReferenceProps: q } = z([
+	}, { getFloatingProps: q, getReferenceProps: J } = z([
 		j(R),
 		M(R),
 		H(R)
-	]), J = V.arrow?.x ?? 0, te = V.arrow?.y ?? 0, ne = J + _o / 2, re = te + go, { isMounted: ie } = U(R, {
+	]), ee = V.arrow?.x ?? 0, te = V.arrow?.y ?? 0, ne = ee + _o / 2, re = te + go, { isMounted: ie } = U(R, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
 			top: `${ne}px calc(100% + ${go}px)`,
@@ -11378,7 +11378,7 @@ var Zr = {
 		className: `${P}__trigger`,
 		role: "button",
 		tabIndex: 0,
-		...q(),
+		...J(),
 		...x
 	}, a ? /* @__PURE__ */ e.createElement("span", { className: F }, a) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), /* @__PURE__ */ e.createElement(Q, {
 		className: `${P}__icon`,
@@ -11395,7 +11395,7 @@ var Zr = {
 			...B,
 			zIndex: G
 		},
-		...K()
+		...q()
 	}, /* @__PURE__ */ e.createElement(v, {
 		ref: L,
 		className: `${P}__arrow`,
@@ -11408,7 +11408,7 @@ var Zr = {
 		width: _o
 	}), /* @__PURE__ */ e.createElement("div", { className: `${P}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${P}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${P}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${P}__close-wrapper` }, /* @__PURE__ */ e.createElement(Pn, {
 		ariaLabel: r,
-		onClick: ee,
+		onClick: K,
 		size: "s"
 	})))))));
 }, yo = {
@@ -11778,132 +11778,132 @@ var Vo = 24, Ho = { droppable: { strategy: Ze.Always } }, Uo = o(function({ chil
 			};
 		}
 		return rt(e, t);
-	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: ee, expandItem: K, flatNodes: q, handleReorder: J, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = Ro({
+	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = Ro({
 		defaultItems: a,
 		isDragEnabled: G,
 		items: p,
 		onReorder: v
 	});
 	f(C, () => ({ resetToSnapshot: te }), [te]);
-	let ie = tt(et(Qe, { activationConstraint: { distance: 5 } }), et(Xe, { coordinateGetter: W })), ae = G ? `${w}--reorder-active` : null, Y = m(() => new Set(q.filter((e) => u(e.data)).map((e) => e.id)), [q, u]), oe = m(() => new Set(q.filter((e) => d(e.data)).map((e) => e.id)), [q, d]), se = c((e) => {
-		if (_ === 0 || oe.has(String(e))) return !1;
-		let t = q.find((t) => t.id === e);
+	let ie = tt(et(Qe, { activationConstraint: { distance: 5 } }), et(Xe, { coordinateGetter: W })), ae = G ? `${w}--reorder-active` : null, oe = m(() => new Set(J.filter((e) => u(e.data)).map((e) => e.id)), [J, u]), se = m(() => new Set(J.filter((e) => d(e.data)).map((e) => e.id)), [J, d]), ce = c((e) => {
+		if (_ === 0 || se.has(String(e))) return !1;
+		let t = J.find((t) => t.id === e);
 		return !t || t.depth >= _ ? !1 : t.hasChildren ? !t.isExpanded : !0;
 	}, [
-		q,
+		J,
 		_,
-		oe
-	]), ce = c((e) => j && se(j) ? null : at(e), [se, j]), le = m(() => {
-		if (!T || !j || Y.size === 0 || T === j || se(j)) return /* @__PURE__ */ new Set();
-		let e = q.findIndex((e) => e.id === T), t = q.findIndex((e) => e.id === j);
+		se
+	]), le = c((e) => j && ce(j) ? null : at(e), [ce, j]), Y = m(() => {
+		if (!T || !j || oe.size === 0 || T === j || ce(j)) return /* @__PURE__ */ new Set();
+		let e = J.findIndex((e) => e.id === T), t = J.findIndex((e) => e.id === j);
 		if (e === -1 || t === -1) return /* @__PURE__ */ new Set();
 		let [n, r] = e < t ? [e + 1, t - 1] : [t + 1, e - 1];
-		return new Set(q.slice(n, r + 1).filter((e) => Y.has(e.id)).map((e) => e.id));
+		return new Set(J.slice(n, r + 1).filter((e) => oe.has(e.id)).map((e) => e.id));
 	}, [
 		T,
-		q,
-		se,
-		Y,
+		J,
+		ce,
+		oe,
 		j
-	]).size > 0, ue = m(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), de = m(() => T ? Fo(ee, String(T)) ?? null : null, [T, ee]), fe = m(() => {
+	]).size > 0, ue = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), de = m(() => T ? Fo(K, String(T)) ?? null : null, [T, K]), fe = m(() => {
 		let e = ue?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : Io(q, String(T), String(j), V * Vo, Vo, _);
+		return !T || !j || O || _ === 0 ? e : Io(J, String(T), String(j), V * Vo, Vo, _);
 	}, [
 		T,
 		ue,
 		V,
-		q,
+		J,
 		O,
 		_,
 		j
 	]), pe = m(() => {
-		if (!T || O || fe === 0 || j && se(j)) return null;
-		let e = q.findIndex((e) => e.id === T);
-		return e === -1 ? null : Wo(q, e, fe);
+		if (!T || O || fe === 0 || j && ce(j)) return null;
+		let e = J.findIndex((e) => e.id === T);
+		return e === -1 ? null : Wo(J, e, fe);
 	}, [
 		T,
-		q,
-		se,
+		J,
+		ce,
 		O,
 		j,
 		fe
 	]), X = c((e) => {
-		let { active: t } = e, n = F.current === "keyboard", r = q.find((e) => e.id === t.id);
+		let { active: t } = e, n = F.current === "keyboard", r = J.find((e) => e.id === t.id);
 		E(t.id), D.current = t.id, k(n), A.current = n, I.current = r?.depth ?? 0, M(null), N.current = 0, P.current = 0, U.current = 0, H(0), B.current = 0, z(0), r?.hasChildren && r?.isExpanded && (re(String(t.id)), L.current = String(t.id));
-	}, [q, re]), me = c((e) => {
+	}, [J, re]), me = c((e) => {
 		let t = $e(e);
-		if (!t.length || !D.current || Y.size === 0) return t;
-		let n = q.findIndex((e) => e.id === D.current);
+		if (!t.length || !D.current || oe.size === 0) return t;
+		let n = J.findIndex((e) => e.id === D.current);
 		for (let e of t) {
 			let t = e.id;
 			if (t === D.current) return [e];
-			let r = q.findIndex((e) => e.id === t);
+			let r = J.findIndex((e) => e.id === t);
 			if (n === -1 || r === -1) return [e];
-			if (Y.has(String(t))) {
+			if (oe.has(String(t))) {
 				if (n > r) continue;
-				let e = !oe.has(String(t)), i = _ > 0 && U.current > 0;
-				if (!se(t) && (!e || !i)) continue;
+				let e = !se.has(String(t)), i = _ > 0 && U.current > 0;
+				if (!ce(t) && (!e || !i)) continue;
 			}
 			let [i, a] = n < r ? [n + 1, r - 1] : [r + 1, n - 1];
-			if (!q.slice(i, a + 1).some((e) => Y.has(e.id))) return [e];
+			if (!J.slice(i, a + 1).some((e) => oe.has(e.id))) return [e];
 		}
 		return [];
 	}, [
-		q,
-		Y,
-		oe
+		J,
+		oe,
+		se
 	]), he = c((e) => {
 		let t = e.over?.id ?? null, n = D.current;
-		if (t && n && t !== n && Y.size > 0) {
-			let e = q.findIndex((e) => e.id === n), r = q.findIndex((e) => e.id === t);
+		if (t && n && t !== n && oe.size > 0) {
+			let e = J.findIndex((e) => e.id === n), r = J.findIndex((e) => e.id === t);
 			if (e !== -1 && r !== -1) {
 				let [t, n] = e < r ? [e + 1, r] : [r, e - 1];
-				if (q.slice(t, n + 1).some((e) => Y.has(e.id))) return;
+				if (J.slice(t, n + 1).some((e) => oe.has(e.id))) return;
 			}
 		}
 		M(t);
-	}, [q, Y]), ge = c((e) => {
+	}, [J, oe]), ge = c((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
 		let n = Math.floor(t / Vo), r = U.current;
 		(n > r || n < r && t < r * Vo - Vo * .4) && (U.current = n, H(n));
 	}, [_]), _e = c((e) => {
 		let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
-		E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (K(L.current), L.current = null);
-		let o = q.findIndex((e) => e.id === t.id), s = r ? i * Vo : a * Vo, c = !n || t.id === n.id, l = n?.id ?? null;
-		if (r && i > 0 && c && o > 0 && (l = q[o - 1].id), !l || t.id === l) {
+		E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (q(L.current), L.current = null);
+		let o = J.findIndex((e) => e.id === t.id), s = r ? i * Vo : a * Vo, c = !n || t.id === n.id, l = n?.id ?? null;
+		if (r && i > 0 && c && o > 0 && (l = J[o - 1].id), !l || t.id === l) {
 			if (o === -1) return;
-			let e = q[o];
+			let e = J[o];
 			if (!e) return;
-			let n = Io(q, String(t.id), String(t.id), s, Vo, _);
+			let n = Io(J, String(t.id), String(t.id), s, Vo, _);
 			if (n === e.depth) return;
-			let r = [...q], [i] = r.splice(o, 1), a = Wo(r, o, n);
-			if (a && oe.has(a)) return;
+			let r = [...J], [i] = r.splice(o, 1), a = Wo(r, o, n);
+			if (a && se.has(a)) return;
 			let c = {
 				...i,
 				depth: n,
 				parentId: a
 			};
 			r.splice(o, 0, c);
-			let l = q.filter((e) => e.id !== t.id).map((e) => e.id), u = r.filter((e) => e.id !== t.id).map((e) => e.id);
-			if (l.some((e, t) => Y.has(e) ? u.indexOf(e) !== t : !1)) return;
-			J(r), n > 0 && a && K(a);
+			let l = J.filter((e) => e.id !== t.id).map((e) => e.id), u = r.filter((e) => e.id !== t.id).map((e) => e.id);
+			if (l.some((e, t) => oe.has(e) ? u.indexOf(e) !== t : !1)) return;
+			ee(r), n > 0 && a && q(a);
 			return;
 		}
-		let u = q.findIndex((e) => e.id === l);
+		let u = J.findIndex((e) => e.id === l);
 		if (o === -1 || u === -1) return;
-		let d = [...q], f = d[o].depth, [p] = d.splice(o, 1), m = [];
+		let d = [...J], f = d[o].depth, [p] = d.splice(o, 1), m = [];
 		for (; d.length > o && d[o].depth > f;) m.push(d.splice(o, 1)[0]);
 		let h = d.findIndex((e) => e.id === l), g, v;
-		if (se(l)) {
-			let e = q[u];
+		if (ce(l)) {
+			let e = J[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
 			g = Io(d, String(t.id), String(l), s, Vo, _, p.depth);
 			let e = d[h];
 			v = e && e.depth === g - 1 ? String(l) : Wo(d, h, g);
 		}
-		if (v && oe.has(v)) return;
+		if (v && se.has(v)) return;
 		let y = {
 			...p,
 			depth: g,
@@ -11911,42 +11911,42 @@ var Vo = 24, Ho = { droppable: { strategy: Ze.Always } }, Uo = o(function({ chil
 		}, b = d[h], x = b && b.depth === g - 1 && v === String(l) || o < u ? h + 1 : h;
 		d.splice(x, 0, y, ...m);
 		let S = new Set([String(t.id), ...m.map((e) => e.id)]);
-		q.some((e, t) => !Y.has(e.id) || S.has(e.id) || e.id === v ? !1 : d.findIndex((t) => t.id === e.id) !== t) || (J(d), g > 0 && v !== null && K(v));
+		J.some((e, t) => !oe.has(e.id) || S.has(e.id) || e.id === v ? !1 : d.findIndex((t) => t.id === e.id) !== t) || (ee(d), g > 0 && v !== null && q(v));
 	}, [
-		K,
 		q,
 		J,
-		se,
-		Y,
+		ee,
+		ce,
+		oe,
 		_,
-		oe
+		se
 	]), ve = c(() => {
-		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (K(L.current), L.current = null);
-	}, [K]), ye = m(() => ({
+		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (q(L.current), L.current = null);
+	}, [q]), ye = m(() => ({
 		onDragStart({ active: e }) {
-			let t = q.find((t) => t.id === e.id), n = Fo(ee, String(e.id));
-			return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? q.indexOf(t) + 1 : "?"} of ${q.length} at depth ${t?.depth ?? 0}.`;
+			let t = J.find((t) => t.id === e.id), n = Fo(K, String(e.id));
+			return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? J.indexOf(t) + 1 : "?"} of ${J.length} at depth ${t?.depth ?? 0}.`;
 		},
 		onDragOver({ active: e, over: t }) {
 			if (!t) return;
-			let n = q.findIndex((e) => e.id === t.id);
+			let n = J.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = Fo(ee, String(e.id)), i = r ? o(r) : String(e.id), a = Io(q, String(e.id), String(t.id), P.current, Vo, _);
-			return `Moving ${i}. Target position: ${n + 1} of ${q.length} at depth ${a}.`;
+			let r = Fo(K, String(e.id)), i = r ? o(r) : String(e.id), a = Io(J, String(e.id), String(t.id), P.current, Vo, _);
+			return `Moving ${i}. Target position: ${n + 1} of ${J.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = Fo(ee, String(e.id)), r = n ? o(n) : String(e.id);
+			let n = Fo(K, String(e.id)), r = n ? o(n) : String(e.id);
 			if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
-			let i = q.findIndex((e) => e.id === t.id), a = Io(q, String(e.id), String(t.id), P.current, Vo, _);
-			return `${r} dropped at position ${i + 1} of ${q.length} at depth ${a}.`;
+			let i = J.findIndex((e) => e.id === t.id), a = Io(J, String(e.id), String(t.id), P.current, Vo, _);
+			return `${r} dropped at position ${i + 1} of ${J.length} at depth ${a}.`;
 		},
 		onDragCancel({ active: e }) {
-			let t = q.find((t) => t.id === e.id), n = Fo(ee, String(e.id));
-			return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? q.indexOf(t) + 1 : "?"} of ${q.length}.`;
+			let t = J.find((t) => t.id === e.id), n = Fo(K, String(e.id));
+			return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? J.indexOf(t) + 1 : "?"} of ${J.length}.`;
 		}
 	}), [
-		ee,
-		q,
+		K,
+		J,
 		o,
 		_
 	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === Lo ? e.cloneElement(t, be) : t);
@@ -11965,7 +11965,7 @@ var Vo = 24, Ho = { droppable: { strategy: Ze.Always } }, Uo = o(function({ chil
 		sensors: ie
 	}, /* @__PURE__ */ e.createElement(nt, {
 		items: ne,
-		strategy: ce
+		strategy: le
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			w,
@@ -11980,14 +11980,14 @@ var Vo = 24, Ho = { droppable: { strategy: Ze.Always } }, Uo = o(function({ chil
 		},
 		role: "list",
 		...S
-	}, xe, q.map((t) => {
+	}, xe, J.map((t) => {
 		let n = {
 			depth: t.depth,
 			hasChildren: t.hasChildren,
 			index: t.index,
 			isDragging: t.id === T,
 			isExpanded: t.isExpanded,
-			isLocked: Y.has(t.id),
+			isLocked: oe.has(t.id),
 			toggleExpand: () => re(t.id)
 		}, r = y(t.data, n), a = t.id === T, o = {
 			columns: i,
@@ -11995,10 +11995,10 @@ var Vo = 24, Ho = { droppable: { strategy: Ze.Always } }, Uo = o(function({ chil
 			hasChildren: t.hasChildren,
 			isDragActive: G,
 			isDragging: a,
-			isDropTarget: t.id === j && se(t.id),
-			isProjectedParent: t.id === pe && !oe.has(t.id),
+			isDropTarget: t.id === j && ce(t.id),
+			isProjectedParent: t.id === pe && !se.has(t.id),
 			isExpanded: t.isExpanded,
-			...Y.has(t.id) ? { isLocked: !0 } : {},
+			...oe.has(t.id) ? { isLocked: !0 } : {},
 			onToggleExpand: () => re(t.id),
 			...a && !O && _ > 0 ? { projectedDepthDelta: fe - t.depth } : {}
 		};
@@ -12008,7 +12008,7 @@ var Vo = 24, Ho = { droppable: { strategy: Ze.Always } }, Uo = o(function({ chil
 		}) : /* @__PURE__ */ e.createElement("div", { key: t.id }, r);
 	}))), /* @__PURE__ */ e.createElement(Ye, null, T && de ? /* @__PURE__ */ e.createElement("div", { className: Z([
 		"pds-sortable-list pds-sortable-list--overlay",
-		le ? "pds-sortable-list--overlay-invalid" : null,
+		Y ? "pds-sortable-list--overlay-invalid" : null,
 		O ? "pds-sortable-list--overlay-keyboard" : null
 	]) }, (() => {
 		let t = ue?.depth ?? 0, n = O ? Math.max(0, Math.min(_, t + R)) : t, r = {
@@ -12122,7 +12122,7 @@ var Go = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}) : o && /* @__PURE__ */ e.createElement(Q, {
 		className: `${m}__icon`,
 		iconName: o,
-		size: "l"
+		size: "xl"
 	}), l ? /* @__PURE__ */ e.createElement(Rr, {
 		className: `${m}__stat-skeleton`,
 		shape: "text-block",
@@ -12179,7 +12179,7 @@ var Go = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		content: l.tooltipContent || l.ariaLabel,
 		customTrigger: h,
 		triggerIconColor: "default",
-		triggerIconSize: "s"
+		triggerIconSize: "xs"
 	}), t === "left" && g));
 }, Yo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
 	let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(Sn, {
@@ -12360,175 +12360,181 @@ var Go = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: Z([a, t ?? ""]),
 		...i
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
-}, es = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getDetailPanelPositionLabel: y = (e, t) => `${e} of ${t}`, getPageSizeLabel: b = (e) => `Show ${e} rows per page`, getRowClassName: x, getRowId: S, getRowSelectDisabledReason: C, getSelectRowLabel: w = (e, t) => `Select row ${t}`, getSortLabel: T = (e) => `Sort by ${e}`, hasDesktopDetailPanel: E = !1, hasMobileCards: D = !1, hasMobileDetailSheet: O = !0, inspectedRowId: k, isLoading: A = !1, isRowSelectable: j = () => !0, itemsPerPage: M, loadingRowCount: N = 5, maxHeight: P, minHeight: F, nextDetailPanelRowLabel: I = "Next row", onDetailPanelNext: L, onDetailPanelPrev: R, onPageChange: z, onPageSizeChange: B, onRowInspect: V, onRowSelectionChange: H, onSort: U, pageSizeOptions: W, pageSizeSelectLabel: G = "Rows per page", paginationLabels: ee, panel: K, prevDetailPanelRowLabel: q = "Previous row", renderDetailPanel: J, renderDetailPanelFooter: te, rowData: ne, selectAllLabel: re = "Select all rows", selectedRows: ie, sortKey: ae, sortOrder: Y, totalItemCount: oe, ...se }) => {
-	let ce = "pds-table", le = d(), ue = d(), de = h(null), fe = ua() === "sm" && D, pe = K && !fe, X = r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), me = J !== void 0 || V === void 0 && O, he = J !== void 0 || V !== void 0 || O, ge = U !== void 0, _e = z !== void 0, ve = B !== void 0, ye = _e || M !== void 0 || W !== void 0, be = ne.length > 0 || _e && (oe ?? 0) > 0, [xe, Se] = g({
+}, es = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", density: s = "standard", detailPanelNav: c = !0, detailPanelTitle: l, detailPanelWidth: f, emptyState: p, emptyStateHeading: _ = "No results found.", emptyStateMessage: v, footer: y, getDetailPanelPositionLabel: b = (e, t) => `${e} of ${t}`, getPageSizeLabel: x = (e) => `Show ${e} rows per page`, getRowClassName: S, getRowId: C, getRowSelectDisabledReason: w, getSelectRowLabel: T = (e, t) => `Select row ${t}`, getSortLabel: E = (e) => `Sort by ${e}`, hasDesktopDetailPanel: D = !1, hasMobileCards: O = !1, hasMobileDetailSheet: k = !0, hasPanel: A = !1, inspectedRowId: j, isLoading: M = !1, isRowSelectable: N = () => !0, itemsPerPage: P, loadingRowCount: F = 5, maxHeight: I, minHeight: L, nextDetailPanelRowLabel: R = "Next row", onDetailPanelNext: z, onDetailPanelPrev: B, onPageChange: V, onPageSizeChange: H, onRowInspect: U, onRowSelectionChange: W, onSort: G, pageSizeOptions: K, pageSizeSelectLabel: q = "Rows per page", paginationLabels: J, prevDetailPanelRowLabel: ee = "Previous row", renderDetailPanel: te, renderDetailPanelFooter: ne, rowData: re, selectAllLabel: ie = "Select all rows", selectedRows: ae, sortKey: oe, sortOrder: se, totalItemCount: ce, ...le }) => {
+	let Y = "pds-table", ue = d(), de = d(), fe = h(null), pe = ua() === "sm" && O, X = A && !pe, me = r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), he = te !== void 0 || U === void 0 && k, ge = te !== void 0 || U !== void 0 || k, _e = G !== void 0, ve = V !== void 0, ye = H !== void 0, be = ve || P !== void 0 || K !== void 0, xe = re.length > 0 || ve && (ce ?? 0) > 0, [Se, Ce] = g({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
-	}), Ce = m(() => {
-		if (ge || xe.key === "") return ne;
-		let e = r.find((e) => e.id === xe.key)?.sortKey ?? xe.key;
-		return [...ne].sort((t, n) => {
+	}), we = m(() => {
+		if (_e || Se.key === "") return re;
+		let e = r.find((e) => e.id === Se.key)?.sortKey ?? Se.key;
+		return [...re].sort((t, n) => {
 			let r = String(t[e]).localeCompare(String(n[e]));
-			return xe.order === "asc" ? r : -r;
+			return Se.order === "asc" ? r : -r;
 		});
 	}, [
-		ne,
-		xe,
-		ge,
+		re,
+		Se,
+		_e,
 		r
-	]), [we, Te] = g(1), [Ee, De] = g(M ?? W?.[0] ?? 10), [Oe, ke] = g(null), Ae = k ?? Oe, je = !!Ae && !!J && E && !fe, Me = fe && me && !!Ae, [Ne, Pe] = g(null);
+	]), [Te, Ee] = g(1), [De, Oe] = g(P ?? K?.[0] ?? 10), [ke, Ae] = g(null), je = j ?? ke, Me = !!je && !!te && D && !pe, Ne = pe && he && !!je, [Pe, Fe] = g(null);
 	u(() => {
-		Ae && Pe(Ae);
-	}, [Ae]);
-	let Fe = _e ? M ?? 10 : Ee, Ie = (e) => {
-		ve ? B(e) : De(e), _e || Te(1);
+		je && Fe(je);
+	}, [je]);
+	let Ie = ve ? P ?? 10 : De, Le = (e) => {
+		ye ? H(e) : Oe(e), ve || Ee(1);
 	};
 	u(() => {
-		_e || Te(1);
-	}, [ne.length, _e]), u(() => {
-		process.env.NODE_ENV !== "production" && i !== void 0 && !z && console.warn("[Table] `currentPage` was provided without `onPageChange`. Controlled pagination requires both props. The table is running in uncontrolled mode.");
+		ve || Ee(1);
+	}, [re.length, ve]), u(() => {
+		process.env.NODE_ENV !== "production" && i !== void 0 && !V && console.warn("[Table] `currentPage` was provided without `onPageChange`. Controlled pagination requires both props. The table is running in uncontrolled mode.");
 	}, []);
-	let Le = H !== void 0, Re = ie !== void 0, [ze, Be] = g(/* @__PURE__ */ new Set()), Ve = Re ? new Set(ie) : ze, He = m(() => new Map(ne.map((e, t) => [e, t])), [ne]), Ue = (e, t) => S ? S(e) : String(He.get(e) ?? t), We = m(() => Ce.findIndex((e, t) => (S ? S(e) : String(He.get(e) ?? t)) === Ae), [
-		Ce,
-		Ae,
-		S,
-		He
-	]), Ge = We >= 0 ? Ce[We] : null, Ke = (e, t) => {
-		(fe ? me : J !== void 0 && E) && k === void 0 && ke(t), V?.(e, t);
-	}, qe = () => {
-		k === void 0 && ke(null);
+	let Re = W !== void 0, ze = ae !== void 0, [Be, Ve] = g(/* @__PURE__ */ new Set()), He = ze ? new Set(ae) : Be, Ue = m(() => new Map(re.map((e, t) => [e, t])), [re]), We = (e, t) => C ? C(e) : String(Ue.get(e) ?? t), Ge = m(() => we.findIndex((e, t) => (C ? C(e) : String(Ue.get(e) ?? t)) === je), [
+		we,
+		je,
+		C,
+		Ue
+	]), Ke = Ge >= 0 ? we[Ge] : null, qe = (e, t) => {
+		(pe ? he : te !== void 0 && D) && j === void 0 && Ae(t), U?.(e, t);
 	}, Je = () => {
-		if (Ce.length === 0) return;
-		let e = (We - 1 + Ce.length) % Ce.length, t = Ce[e], n = Ue(t, e);
-		k === void 0 && ke(n), V?.(t, n), R?.(t, n);
+		j === void 0 && Ae(null);
 	}, Ye = () => {
-		if (Ce.length === 0) return;
-		let e = (We + 1) % Ce.length, t = Ce[e], n = Ue(t, e);
-		k === void 0 && ke(n), V?.(t, n), L?.(t, n);
-	}, Xe = Ae ?? Ne, Ze = m(() => Ce.findIndex((e, t) => (S ? S(e) : String(He.get(e) ?? t)) === Xe), [
-		Ce,
-		Xe,
-		S,
-		He
-	]), Qe = Ze >= 0 ? Ce[Ze] : null, $e = {
-		currentIndex: We + 1,
-		hasNext: Ce.length > 1,
-		hasPrev: Ce.length > 1,
-		onClose: qe,
-		onNext: Ye,
-		onPrev: Je,
-		rowId: Ae ?? "",
-		totalCount: Ce.length
-	}, et = {
-		currentIndex: Ze + 1,
-		hasNext: Ce.length > 1,
-		hasPrev: Ce.length > 1,
-		onClose: qe,
-		onNext: Ye,
-		onPrev: Je,
-		rowId: Xe ?? "",
-		totalCount: Ce.length
-	}, tt = (e) => {
-		if (!je && !Me || e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+		if (we.length === 0) return;
+		let e = (Ge - 1 + we.length) % we.length, t = we[e], n = We(t, e);
+		j === void 0 && Ae(n), U?.(t, n), B?.(t, n);
+	}, Xe = () => {
+		if (we.length === 0) return;
+		let e = (Ge + 1) % we.length, t = we[e], n = We(t, e);
+		j === void 0 && Ae(n), U?.(t, n), z?.(t, n);
+	}, Ze = je ?? Pe, Qe = m(() => we.findIndex((e, t) => (C ? C(e) : String(Ue.get(e) ?? t)) === Ze), [
+		we,
+		Ze,
+		C,
+		Ue
+	]), $e = Qe >= 0 ? we[Qe] : null, et = {
+		currentIndex: Ge + 1,
+		hasNext: we.length > 1,
+		hasPrev: we.length > 1,
+		onClose: Je,
+		onNext: Xe,
+		onPrev: Ye,
+		rowId: je ?? "",
+		totalCount: we.length
+	}, tt = {
+		currentIndex: Qe + 1,
+		hasNext: we.length > 1,
+		hasPrev: we.length > 1,
+		onClose: Je,
+		onNext: Xe,
+		onPrev: Ye,
+		rowId: Ze ?? "",
+		totalCount: we.length
+	}, nt = (e) => {
+		if (!Me && !Ne || e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
 		let t = e.target;
-		t && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT") || (e.preventDefault(), e.key === "ArrowUp" ? Je() : Ye());
+		t && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT") || (e.preventDefault(), e.key === "ArrowUp" ? Ye() : Xe());
 	};
 	u(() => {
-		if (!je) return;
-		let e = de.current, t = e?.querySelector(`.${ce}__row--inspected`);
+		if (!Me) return;
+		let e = fe.current, t = e?.querySelector(`.${Y}__row--inspected`);
 		if (!e || !t) return;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.querySelector("thead")?.getBoundingClientRect().height ?? 0, a = n.top + i;
 		r.top < a ? e.scrollTop -= a - r.top : r.bottom > n.bottom && (e.scrollTop += r.bottom - n.bottom);
 		let o = document.activeElement;
-		o instanceof HTMLElement && o.classList.contains(`${ce}__row--inspectable`) && t.focus({ preventScroll: !0 });
+		o instanceof HTMLElement && o.classList.contains(`${Y}__row--inspectable`) && t.focus({ preventScroll: !0 });
 	}, [
-		Ae,
 		je,
-		ce
+		Me,
+		Y
 	]);
-	let nt = ge ? ae ?? "" : xe.key, rt = ge ? Y ?? "asc" : xe.order, it = m(() => {
-		if (A) return [];
-		let e = Ce;
-		if (!_e && ye && Fe) {
-			let t = (we - 1) * Fe;
-			e = e.slice(t, t + Fe);
+	let rt = _e ? oe ?? "" : Se.key, it = _e ? se ?? "asc" : Se.order, at = m(() => {
+		if (M) return [];
+		let e = we;
+		if (!ve && be && Ie) {
+			let t = (Te - 1) * Ie;
+			e = e.slice(t, t + Ie);
 		}
 		return e;
 	}, [
-		Ce,
-		_e,
-		ye,
 		we,
-		Fe,
-		A
-	]), at = (e) => {
-		ge ? U(e, ae === e && Y === "asc" ? "desc" : "asc") : Se((t) => ({
+		ve,
+		be,
+		Te,
+		Ie,
+		M
+	]), ot = (e) => {
+		_e ? G(e, oe === e && se === "asc" ? "desc" : "asc") : Ce((t) => ({
 			key: e,
 			order: t.key === e && t.order === "asc" ? "desc" : "asc"
 		}));
-	}, ot = (e) => nt === e ? rt === "asc" ? "ascending" : "descending" : "none", st = (e, t) => {
-		let n = `${ce}__sort-button-${t}`, r = !A && it.length === 0;
-		if (A || r || nt === "") return t === "top" ? `${n}--inactive` : "";
-		let i = nt === e;
-		return t === "top" ? i && rt === "asc" ? "" : `${n}--inactive` : i && rt === "desc" ? `${n}--desc` : "";
-	}, ct = it.reduce((e, t, n) => {
-		let r = Ue(t, n);
-		return j(t, r) && e.push(r), e;
-	}, []), lt = ct.length > 0 && ct.every((e) => Ve.has(e)), ut = !lt && ct.some((e) => Ve.has(e)), dt = (e) => {
-		let t = new Set(Ve);
-		t.has(e) ? t.delete(e) : t.add(e), Re || Be(t), H?.(Array.from(t));
-	}, ft = () => {
-		let e = new Set(Ve);
-		lt || ut ? ct.forEach((t) => e.delete(t)) : ct.forEach((t) => e.add(t)), Re || Be(e), H?.(Array.from(e));
-	}, pt = (t) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${t}` }, Le && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Rr, {
+	}, st = (e) => rt === e ? it === "asc" ? "ascending" : "descending" : "none", ct = (e, t) => {
+		let n = `${Y}__sort-button-${t}`, r = !M && at.length === 0;
+		if (M || r || rt === "") return t === "top" ? `${n}--inactive` : "";
+		let i = rt === e;
+		return t === "top" ? i && it === "asc" ? "" : `${n}--inactive` : i && it === "desc" ? `${n}--desc` : "";
+	}, lt = at.reduce((e, t, n) => {
+		let r = We(t, n);
+		return N(t, r) && e.push(r), e;
+	}, []), ut = lt.length > 0 && lt.every((e) => He.has(e)), dt = !ut && lt.some((e) => He.has(e)), ft = (e) => {
+		let t = new Set(He);
+		t.has(e) ? t.delete(e) : t.add(e), ze || Ve(t), W?.(Array.from(t));
+	}, pt = () => {
+		let e = new Set(He);
+		ut || dt ? lt.forEach((t) => e.delete(t)) : lt.forEach((t) => e.add(t)), ze || Ve(e), W?.(Array.from(e));
+	}, mt = (t) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${t}` }, Re && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Rr, {
 		shape: "rounded",
 		size: {
 			height: 1,
 			width: 1
 		}
-	})), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${t}-${n.id}` }, /* @__PURE__ */ e.createElement(Rr, {
+	})), r.map((n) => /* @__PURE__ */ e.createElement("td", {
+		key: `skeleton-${t}-${n.id}`,
+		className: n.cellClassName
+	}, /* @__PURE__ */ e.createElement(Rr, {
 		shape: "rounded",
 		size: { height: 1 }
-	})))), mt = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", {
+	})))), ht = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", {
 		className: "pds-table__empty-cell",
-		colSpan: r.length + +!!Le
-	}, f ?? /* @__PURE__ */ e.createElement(Sr, {
-		heading: p,
+		colSpan: r.length + +!!Re
+	}, p ?? /* @__PURE__ */ e.createElement(Sr, {
+		heading: _,
 		iconName: "emptySet",
-		message: _
-	}))), ht = (t, n) => {
-		let i = Ue(t, n), a = V !== void 0 && J === void 0 || J !== void 0 && E, o = a && Ae === i, s = j(t, i), c = s ? void 0 : C?.(t, i), l = w(t, n + 1), u = c ? `${l} (${c})` : l;
+		message: v
+	}))), gt = (t, n) => {
+		let i = We(t, n), a = U !== void 0 && te === void 0 || te !== void 0 && D, o = a && je === i, s = N(t, i), c = s ? void 0 : w?.(t, i), l = T(t, n + 1), u = c ? `${l} (${c})` : l;
 		return /* @__PURE__ */ e.createElement("tr", {
 			key: `row-${i}`,
 			"aria-selected": a ? o : void 0,
 			className: Z([
-				a ? `${ce}__row--inspectable` : null,
-				o ? `${ce}__row--inspected` : null,
-				x?.(t, i) ?? null
+				a ? `${Y}__row--inspectable` : null,
+				o ? `${Y}__row--inspected` : null,
+				S?.(t, i) ?? null
 			]),
-			onClick: a ? () => Ke(t, i) : void 0,
+			onClick: a ? () => qe(t, i) : void 0,
 			onKeyDown: a ? (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Ke(t, i));
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), qe(t, i));
 			} : void 0,
 			tabIndex: a ? 0 : void 0
-		}, Le && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(fi, {
-			checked: Ve.has(i),
+		}, Re && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(fi, {
+			checked: He.has(i),
 			disabled: !s,
-			id: `${ue}-row-${i}`,
+			id: `${de}-row-${i}`,
 			inputProps: c ? { title: c } : void 0,
 			label: u,
-			onChange: () => dt(i),
+			onChange: () => ft(i),
 			showLabel: !1
-		})), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: `${i}-${n.id}` }, t[n.id])));
-	}, gt = (t) => /* @__PURE__ */ e.createElement("dl", { className: `${ce}__auto-detail` }, r.map((n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n.id }, /* @__PURE__ */ e.createElement("dt", null, n.header), /* @__PURE__ */ e.createElement("dd", null, t[n.id])))), _t = (t) => /* @__PURE__ */ e.createElement("li", { key: `skeleton-card-${t}` }, /* @__PURE__ */ e.createElement("div", { className: `${ce}__card` }, /* @__PURE__ */ e.createElement("div", { className: `${ce}__card-main` }, /* @__PURE__ */ e.createElement("div", { className: `${ce}__card-body` }, /* @__PURE__ */ e.createElement(Rr, {
+		})), r.map((n) => /* @__PURE__ */ e.createElement("td", {
+			key: `${i}-${n.id}`,
+			className: n.cellClassName
+		}, t[n.id])));
+	}, _t = (t) => /* @__PURE__ */ e.createElement("dl", { className: `${Y}__auto-detail` }, r.map((n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n.id }, /* @__PURE__ */ e.createElement("dt", null, n.header), /* @__PURE__ */ e.createElement("dd", null, t[n.id])))), vt = (t) => /* @__PURE__ */ e.createElement("li", { key: `skeleton-card-${t}` }, /* @__PURE__ */ e.createElement("div", { className: `${Y}__card` }, /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-main` }, /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-body` }, /* @__PURE__ */ e.createElement(Rr, {
 		shape: "rounded",
 		size: { height: 1 }
-	}))))), vt = () => /* @__PURE__ */ e.createElement("li", null, f ?? /* @__PURE__ */ e.createElement(Sr, {
-		heading: p,
+	}))))), yt = () => /* @__PURE__ */ e.createElement("li", null, p ?? /* @__PURE__ */ e.createElement(Sr, {
+		heading: _,
 		iconName: "emptySet",
-		message: _
-	})), yt = (t, n) => {
-		let r = Ue(t, n), i = !Le && he && Ae === r, a = Le && Ve.has(r), [o, ...s] = X, c = j(t, r), l = c ? void 0 : C?.(t, r), u = w(t, n + 1), d = l ? `${u} (${l})` : u, f = /* @__PURE__ */ e.createElement("div", { className: `${ce}__card-main` }, Le && /* @__PURE__ */ e.createElement("span", {
+		message: v
+	})), bt = (t, n) => {
+		let r = We(t, n), i = !Re && ge && je === r, a = Re && He.has(r), [o, ...s] = me, c = N(t, r), l = c ? void 0 : w?.(t, r), u = T(t, n + 1), d = l ? `${u} (${l})` : u, f = /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-main` }, Re && /* @__PURE__ */ e.createElement("span", {
 			"aria-hidden": "true",
 			className: "pds-checkbox"
 		}, /* @__PURE__ */ e.createElement("span", { className: Z(["pds-checkbox__box", a ? "pds-checkbox__box--checked" : null]) }, a && /* @__PURE__ */ e.createElement("svg", {
@@ -12538,142 +12544,147 @@ var Go = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			viewBox: "0 0 12 12",
 			width: "12",
 			xmlns: "http://www.w3.org/2000/svg"
-		}, /* @__PURE__ */ e.createElement("path", { d: "M9.85474 3.64666C10.1032 3.32078 10.0258 2.86817 9.67727 2.63583C9.32878 2.4035 8.84476 2.47591 8.5963 2.80179L4.8694 7.65977L3.32056 6.21143C3.01724 5.9278 2.52677 5.9278 2.22669 6.21143C1.9266 6.49506 1.92337 6.9537 2.22346 7.23734L4.41765 9.28916C4.57899 9.44003 4.80164 9.51546 5.02751 9.49736C5.25338 9.47925 5.4599 9.37063 5.59219 9.19864L9.85151 3.64666H9.85474Z" })))), /* @__PURE__ */ e.createElement("div", { className: `${ce}__card-body` }, o && /* @__PURE__ */ e.createElement("div", { className: `${ce}__card-title` }, t[o.id]), s.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${ce}__card-meta` }, s.map((n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n.id }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, On(n.header), ":", " "), t[n.id]))))), !Le && he && /* @__PURE__ */ e.createElement(Q, {
-			className: `${ce}__card-chevron`,
+		}, /* @__PURE__ */ e.createElement("path", { d: "M9.85474 3.64666C10.1032 3.32078 10.0258 2.86817 9.67727 2.63583C9.32878 2.4035 8.84476 2.47591 8.5963 2.80179L4.8694 7.65977L3.32056 6.21143C3.01724 5.9278 2.52677 5.9278 2.22669 6.21143C1.9266 6.49506 1.92337 6.9537 2.22346 7.23734L4.41765 9.28916C4.57899 9.44003 4.80164 9.51546 5.02751 9.49736C5.25338 9.47925 5.4599 9.37063 5.59219 9.19864L9.85151 3.64666H9.85474Z" })))), /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-body` }, o && /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-title` }, t[o.id]), s.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-meta` }, s.map((n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n.id }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, On(n.header), ":", " "), t[n.id]))))), !Re && ge && /* @__PURE__ */ e.createElement(Q, {
+			className: `${Y}__card-chevron`,
 			iconName: "angleRight",
 			size: "m"
 		})), p = Z([
-			`${ce}__card`,
-			Le ? `${ce}__card--selectable` : he ? `${ce}__row--inspectable` : null,
-			i || a ? `${ce}__row--inspected` : null,
-			x?.(t, r) ?? null
+			`${Y}__card`,
+			Re ? `${Y}__card--selectable` : ge ? `${Y}__row--inspectable` : null,
+			i || a ? `${Y}__row--inspected` : null,
+			S?.(t, r) ?? null
 		]);
-		return Le ? /* @__PURE__ */ e.createElement("li", { key: `card-${r}` }, /* @__PURE__ */ e.createElement("button", {
+		return Re ? /* @__PURE__ */ e.createElement("li", { key: `card-${r}` }, /* @__PURE__ */ e.createElement("button", {
 			"aria-checked": a,
 			"aria-label": d,
 			className: p,
 			disabled: !c,
-			onClick: () => dt(r),
+			onClick: () => ft(r),
 			role: "checkbox",
 			title: l,
 			type: "button"
-		}, f)) : /* @__PURE__ */ e.createElement("li", { key: `card-${r}` }, he ? /* @__PURE__ */ e.createElement("button", {
+		}, f)) : /* @__PURE__ */ e.createElement("li", { key: `card-${r}` }, ge ? /* @__PURE__ */ e.createElement("button", {
 			className: p,
-			onClick: () => Ke(t, r),
+			onClick: () => qe(t, r),
 			type: "button"
 		}, f) : /* @__PURE__ */ e.createElement("div", { className: p }, f));
-	}, bt = l ? { "--pds-detail-panel-width": l } : void 0, xt = P !== void 0 || F !== void 0 ? {
-		"--table-max-height": P,
-		"--table-min-height": F
-	} : void 0, St = /* @__PURE__ */ e.createElement("div", {
-		className: Z(["pds-table-wrapper", pe ? "pds-table-wrapper--in-panel" : null]),
-		onKeyDown: tt
+	}, xt = f ? { "--pds-detail-panel-width": f } : void 0, St = I !== void 0 || L !== void 0 ? {
+		"--table-max-height": I,
+		"--table-min-height": L
+	} : void 0, Ct = /* @__PURE__ */ e.createElement("div", {
+		className: Z(["pds-table-wrapper", X ? "pds-table-wrapper--in-panel" : null]),
+		onKeyDown: nt
 	}, /* @__PURE__ */ e.createElement("div", {
-		className: Z(["pds-table-wrapper__content", je ? "pds-table-wrapper__content--panel-open" : null]),
-		style: bt
+		className: Z(["pds-table-wrapper__content", Me ? "pds-table-wrapper__content--panel-open" : null]),
+		style: xt
 	}, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__table-column" }, /* @__PURE__ */ e.createElement("div", {
-		ref: de,
+		ref: fe,
 		className: "pds-table-wrapper__table-area",
-		style: xt
-	}, fe ? /* @__PURE__ */ e.createElement("ul", {
-		"aria-busy": A,
-		className: Z([`${ce}-wrapper__card-list`, t]),
-		...se
-	}, A ? Array.from({ length: N }, (e, t) => _t(t)) : it.length === 0 ? vt() : it.map((e, t) => yt(e, t))) : /* @__PURE__ */ e.createElement("table", {
-		"aria-busy": A,
-		className: Z([ce, t]),
-		...se
-	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, Le && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(fi, {
-		checked: lt,
-		id: ue,
-		indeterminate: ut,
-		label: re,
-		onChange: ft,
+		style: St
+	}, pe ? /* @__PURE__ */ e.createElement("ul", {
+		"aria-busy": M,
+		className: Z([`${Y}-wrapper__card-list`, t]),
+		...le
+	}, M ? Array.from({ length: F }, (e, t) => vt(t)) : at.length === 0 ? yt() : at.map((e, t) => bt(e, t))) : /* @__PURE__ */ e.createElement("table", {
+		"aria-busy": M,
+		className: Z([
+			Y,
+			s === "compact" ? `${Y}--compact` : null,
+			t
+		]),
+		...le
+	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, Re && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(fi, {
+		checked: ut,
+		id: de,
+		indeterminate: dt,
+		label: ie,
+		onChange: pt,
 		showLabel: !1
 	})), r.map((t) => /* @__PURE__ */ e.createElement("th", {
 		key: t.id,
-		"aria-sort": t.sortable ? ot(t.id) : void 0
+		"aria-sort": t.sortable ? st(t.id) : void 0,
+		className: t.headerClassName
 	}, t.sortable ? /* @__PURE__ */ e.createElement("button", {
-		"aria-label": T(On(t.header)),
-		className: `${ce}__sort-button`,
-		onClick: () => at(t.id),
+		"aria-label": E(On(t.header)),
+		className: `${Y}__sort-button`,
+		onClick: () => ot(t.id),
 		type: "button"
 	}, t.header, /* @__PURE__ */ e.createElement("span", {
 		"aria-hidden": "true",
-		className: `${ce}__sort-icons`
-	}, /* @__PURE__ */ e.createElement("span", { className: Z([`${ce}__sort-button-top`, st(t.id, "top")]) }, /* @__PURE__ */ e.createElement(Q, {
+		className: `${Y}__sort-icons`
+	}, /* @__PURE__ */ e.createElement("span", { className: Z([`${Y}__sort-button-top`, ct(t.id, "top")]) }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "caretUp",
 		size: "m"
-	})), /* @__PURE__ */ e.createElement("span", { className: Z([`${ce}__sort-button-bottom`, st(t.id, "bottom")]) }, /* @__PURE__ */ e.createElement(Q, {
+	})), /* @__PURE__ */ e.createElement("span", { className: Z([`${Y}__sort-button-bottom`, ct(t.id, "bottom")]) }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "caretDown",
 		size: "m"
-	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, A ? Array.from({ length: N }, (e, t) => pt(t)) : it.length === 0 ? mt() : it.map((e, t) => ht(e, t))))), ye && !A && be && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__pagination", fe && !(W && W.length > 0) ? "pds-table-wrapper__pagination--center" : null]) }, W && W.length > 0 && /* @__PURE__ */ e.createElement(wr, {
+	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, M ? Array.from({ length: F }, (e, t) => mt(t)) : at.length === 0 ? ht() : at.map((e, t) => gt(e, t))))), be && !M && xe && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__pagination", pe && !(K && K.length > 0) ? "pds-table-wrapper__pagination--center" : null]) }, K && K.length > 0 && /* @__PURE__ */ e.createElement(wr, {
 		autoWidth: !0,
-		id: le,
-		label: G,
-		onOptionSelect: (e) => Ie(Number(e.value)),
-		options: W.map((e) => ({
-			label: b(e),
+		id: ue,
+		label: q,
+		onOptionSelect: (e) => Le(Number(e.value)),
+		options: K.map((e) => ({
+			label: x(e),
 			value: String(e)
 		})),
 		showLabel: !1,
 		size: "s",
-		value: String(Fe)
+		value: String(Ie)
 	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(to, {
-		currentPage: _e ? i ?? 1 : we,
-		itemsPerPage: Fe,
-		labelStrings: ee,
-		onPageChange: _e ? z : Te,
-		pageControlType: fe ? "static" : "dropdown",
-		totalItemCount: _e ? oe ?? 0 : ne.length
-	}))), v && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__footer" }, v)), J && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__detail-panel", je ? "pds-table-wrapper__detail-panel--open" : null]) }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-upper" }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-header" }, c && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-title" }, c), /* @__PURE__ */ e.createElement(Pn, {
+		currentPage: ve ? i ?? 1 : Te,
+		itemsPerPage: Ie,
+		labelStrings: J,
+		onPageChange: ve ? V : Ee,
+		pageControlType: pe ? "static" : "dropdown",
+		totalItemCount: ve ? ce ?? 0 : re.length
+	}))), y && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__footer" }, y)), te && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__detail-panel", Me ? "pds-table-wrapper__detail-panel--open" : null]) }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-upper" }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-header" }, l && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-title" }, l), /* @__PURE__ */ e.createElement(Pn, {
 		ariaLabel: n,
-		onClick: qe,
+		onClick: Je,
 		size: "s"
-	})), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-content" }, je && Ge && J(Ge, $e))), je && Ge && (te || s) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-footer" }, te ? te(Ge, $e) : /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-nav" }, /* @__PURE__ */ e.createElement(Mn, {
+	})), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-content" }, Me && Ke && te(Ke, et))), Me && Ke && (ne || c) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-footer" }, ne ? ne(Ke, et) : /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-nav" }, /* @__PURE__ */ e.createElement(Mn, {
 		hasBorder: !0,
-		ariaLabel: q,
-		disabled: !$e.hasPrev,
+		ariaLabel: ee,
+		disabled: !et.hasPrev,
 		iconName: "angleUp",
-		onClick: Je,
+		onClick: Ye,
 		size: "s",
 		variant: "standard"
-	}), /* @__PURE__ */ e.createElement("span", { className: "pds-table__detail-panel-position" }, y($e.currentIndex, $e.totalCount)), /* @__PURE__ */ e.createElement(Mn, {
+	}), /* @__PURE__ */ e.createElement("span", { className: "pds-table__detail-panel-position" }, b(et.currentIndex, et.totalCount)), /* @__PURE__ */ e.createElement(Mn, {
 		hasBorder: !0,
-		ariaLabel: I,
-		disabled: !$e.hasNext,
+		ariaLabel: R,
+		disabled: !et.hasNext,
 		iconName: "angleDown",
-		onClick: Ye,
+		onClick: Xe,
 		size: "s",
 		variant: "standard"
-	})))), fe && /* @__PURE__ */ e.createElement(Ka, {
+	})))), pe && /* @__PURE__ */ e.createElement(Ka, {
 		closeButtonLabel: n,
-		isOpen: Me,
+		isOpen: Ne,
 		setIsOpen: (e) => {
-			e || qe();
+			e || Je();
 		},
-		title: c
-	}, Qe && (J ? J(Qe, et) : gt(Qe)), Qe && (te || s) && /* @__PURE__ */ e.createElement("div", {
-		className: `${ce}-wrapper__mobile-sheet-nav`,
+		title: l
+	}, $e && (te ? te($e, tt) : _t($e)), $e && (ne || c) && /* @__PURE__ */ e.createElement("div", {
+		className: `${Y}-wrapper__mobile-sheet-nav`,
 		slot: "footer"
-	}, te ? te(Qe, et) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Mn, {
+	}, ne ? ne($e, tt) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Mn, {
 		hasBorder: !0,
-		ariaLabel: q,
-		disabled: !et.hasPrev,
+		ariaLabel: ee,
+		disabled: !tt.hasPrev,
 		iconName: "angleLeft",
-		onClick: Je,
+		onClick: Ye,
 		size: "s",
 		variant: "standard"
-	}), /* @__PURE__ */ e.createElement("span", { className: "pds-table__detail-panel-position" }, y(et.currentIndex, et.totalCount)), /* @__PURE__ */ e.createElement(Mn, {
+	}), /* @__PURE__ */ e.createElement("span", { className: "pds-table__detail-panel-position" }, b(tt.currentIndex, tt.totalCount)), /* @__PURE__ */ e.createElement(Mn, {
 		hasBorder: !0,
-		ariaLabel: I,
-		disabled: !et.hasNext,
+		ariaLabel: R,
+		disabled: !tt.hasNext,
 		iconName: "angleRight",
-		onClick: Ye,
+		onClick: Xe,
 		size: "s",
 		variant: "standard"
 	}))))));
-	return pe ? /* @__PURE__ */ e.createElement(ao, { padding: "none" }, St) : St;
+	return X ? /* @__PURE__ */ e.createElement(ao, { padding: "none" }, Ct) : Ct;
 }, ts = [
 	" ",
 	"/",
@@ -13016,9 +13027,9 @@ var Go = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, { enabled: G }), nn("]", (e) => {
 		e.preventDefault(), j && W();
 	}, { enabled: G });
-	let ee = h(null);
+	let K = h(null);
 	p(() => {
-		let e = ee.current;
+		let e = K.current;
 		if (!e) return;
 		if (R != null) {
 			e.style.setProperty("--pds-app-layout-top-offset", R);
@@ -13036,14 +13047,14 @@ var Go = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			r.disconnect(), i?.disconnect(), window.removeEventListener("resize", t);
 		};
 	}, [R]);
-	let K = gt(t), q = K.__unslotted, J = K.header, te = K.footer, ne = K.sidebar, re = K.identity, ie = K["content-top"], ae = K.navigation, Y = K["content-bottom"], oe = re || ie || ae || Y, se = oe ? /* @__PURE__ */ e.createElement(e.Fragment, null, (re || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, re, o && !j && /* @__PURE__ */ e.createElement(Mn, {
+	let q = gt(t), J = q.__unslotted, ee = q.header, te = q.footer, ne = q.sidebar, re = q.identity, ie = q["content-top"], ae = q.navigation, oe = q["content-bottom"], se = re || ie || ae || oe, ce = se ? /* @__PURE__ */ e.createElement(e.Fragment, null, (re || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, re, o && !j && /* @__PURE__ */ e.createElement(Mn, {
 		hasBorder: !0,
 		ariaLabel: F.drawerToggle,
 		className: `${N}__drawer-toggle`,
 		iconName: "sidebar",
 		onClick: b,
 		size: "s"
-	})), ie && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, ie), ae && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, ae), Y && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-bottom` }, Y)) : ne, ce = a(_, {
+	})), ie && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, ie), ae && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, ae), oe && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-bottom` }, oe)) : ne, le = a(_, {
 		...y,
 		className: Z([`${N}__main`, y?.className]),
 		id: I,
@@ -13055,13 +13066,13 @@ var Go = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__main-inner`,
 		style: { maxWidth: L }
-	}, q)), le = /* @__PURE__ */ e.createElement("div", {
+	}, J)), Y = /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__content-column`,
 		style: { backgroundColor: m || void 0 }
-	}, ce, te && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
+	}, le, te && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__footer-inner`,
 		style: { maxWidth: L }
-	}, te))), ue = /* @__PURE__ */ e.createElement(e.Fragment, null, (ne || oe) && /* @__PURE__ */ e.createElement("div", {
+	}, te))), ue = /* @__PURE__ */ e.createElement(e.Fragment, null, (ne || se) && /* @__PURE__ */ e.createElement("div", {
 		...O,
 		className: Z([
 			`${N}__sidebar`,
@@ -13081,7 +13092,7 @@ var Go = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			type: "button"
 		}, /* @__PURE__ */ e.createElement("span", { className: `${N}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleLeft",
-			size: "s",
+			size: "xs",
 			verticalAlign: "-1px"
 		}))),
 		offsetValue: {
@@ -13089,20 +13100,20 @@ var Go = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			crossAxis: -96
 		},
 		preferredPlacement: "right-end"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` }, se)), le);
+	}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` }, ce)), Y);
 	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
-		ref: ee,
+		ref: K,
 		className: Z([
 			N,
 			P,
-			J ? `${N}--has-header` : null,
+			ee ? `${N}--has-header` : null,
 			n ?? ""
 		]),
 		...A
 	}, /* @__PURE__ */ e.createElement(Ji, {
 		destination: I,
 		text: F.skipToContent
-	}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ue)) : ue), o && /* @__PURE__ */ e.createElement(Ja, {
+	}), ee ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, ee), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ue)) : ue), o && /* @__PURE__ */ e.createElement(Ja, {
 		...i,
 		isOpen: c,
 		placement: "left",