@pantheon-systems/pds-toolkit-react 2.0.0-alpha.72 → 2.0.0-alpha.74

package/dist/index.js

@@ -2427,18 +2427,26 @@ var rt = Object.create, it = Object.defineProperty, at = Object.getOwnPropertyDe
 		]),
 		...d
 	}, o ? S : x);
-}, xt = ({ className: t, color: n = "brand-muted", label: r, size: i = "s", ...a }) => {
-	let o = "pds-badge", s = `${o}--${n}`, c = `${o}--${i}`;
+}, xt = {
+	xs: "s",
+	s: "s",
+	m: "m"
+}, St = ({ className: t, color: n = "brand-muted", iconName: r, label: i, size: a = "s", ...o }) => {
+	let s = "pds-badge", c = `${s}--${n}`, l = `${s}--${a}`;
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([
-			o,
 			s,
 			c,
+			l,
 			t ?? ""
 		]),
-		...a
-	}, /* @__PURE__ */ e.createElement("span", { className: `${o}__label` }, r));
-}, St = "7rem", Ct = "10rem", wt = "8rem", Tt = "6rem", Et = "5rem", Dt = "4rem", Ot = "3rem", kt = "2.5rem", At = "2rem", jt = "1.5rem", Mt = "1.25rem", Nt = "1rem", Pt = "0.75rem", Ft = "0.625rem", It = "0.5rem", Lt = "0.375rem", Rt = "0.25rem", zt = "0.125rem", Bt = 9999, Vt = {
+		...o
+	}, r && /* @__PURE__ */ e.createElement(Q, {
+		className: `${s}__icon`,
+		iconName: r,
+		size: xt[a]
+	}), /* @__PURE__ */ e.createElement("span", { className: `${s}__label` }, i));
+}, Ct = "10rem", wt = "8rem", Tt = "6rem", Et = "5rem", Dt = "4rem", Ot = "3rem", kt = "2.5rem", At = "2rem", jt = "1.5rem", Mt = "1.25rem", Nt = "1rem", Pt = "0.75rem", Ft = "0.625rem", It = "0.5rem", Lt = "0.375rem", Rt = "0.25rem", zt = "0.125rem", Bt = 9999, Vt = {
 	SPACING_5XS: zt,
 	SPACING_4XS: Rt,
 	SPACING_3XS: Lt,
@@ -2719,12 +2727,12 @@ var rt = Object.create, it = Object.defineProperty, at = Object.getOwnPropertyDe
 		className: `${c}__track`,
 		cx: "12",
 		cy: "12",
-		r: "9"
+		r: "10.5"
 	}), /* @__PURE__ */ e.createElement("g", { className: `${c}__rotator` }, /* @__PURE__ */ e.createElement("circle", {
 		className: `${c}__arc`,
 		cx: "12",
 		cy: "12",
-		r: "9"
+		r: "10.5"
 	}))), a && !r ? /* @__PURE__ */ e.createElement("span", {
 		className: `${c}__label`,
 		style: m
@@ -3405,25 +3413,25 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	wordpress: "wordpress",
 	gatsby: "boltSolid",
 	nextjs: "boltSolid"
-}, tr = ({ className: t, disabled: n, iconName: r = "ellipsisVertical", iconOnly: i = !1, id: a, isSplitButton: o = !1, label: s, menuItems: c, onClick: l, size: u = "s", statusDot: d, tally: f, testId: p, undefinedLabel: m = "Unlabeled group", variant: h = "primary", ..._ }) => {
-	let { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setIsOpen: O, transitionStyles: k } = Pn({
+}, tr = ({ className: t, disabled: n, iconName: r = "ellipsisVertical", iconOnly: i = !1, id: a, isMobileAccordion: o = !1, isSplitButton: s = !1, label: c, menuItems: l, onClick: u, size: d = "s", statusDot: f, tally: p, testId: m, undefinedLabel: h = "Unlabeled group", variant: _ = "primary", ...v }) => {
+	let { activeIndex: y, floatingStyles: b, getFloatingProps: x, getItemProps: C, getReferenceProps: w, isMounted: T, isOpen: E, listRef: D, refs: O, setIsOpen: k, transitionStyles: A } = Pn({
 		enableClick: !n,
 		enableTypeahead: !0,
 		offsetValue: 8,
 		placement: "bottom-start",
 		role: "menu"
-	}), A = Xt(), j = "pds-menu-button", M = h === "navbar", N = M ? "subtle" : h, P = a, [F] = g(`menu-button-${a}`), I = [], L = [];
+	}), j = Xt(), M = o && j, N = "pds-menu-button", P = _ === "navbar", F = P ? "subtle" : _, I = a, [L] = g(`menu-button-${a}`), R = [], z = [];
 	((e) => {
 		e.forEach((e) => {
-			!Yn(e) && !Xn(e) && !Qn(e) && L.push(e);
+			!Yn(e) && !Xn(e) && !Qn(e) && z.push(e);
 		});
-	})(c);
-	let R = (e) => {
-		"disabled" in e && e.disabled || ("callback" in e && e.callback && e.callback(e), O(!1));
-	}, z = () => {
-		l && l();
-	}, B = (t, n, r = "", i = "") => {
-		let a = P + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
+	})(l);
+	let B = (e) => {
+		"disabled" in e && e.disabled || ("callback" in e && e.callback && e.callback(e), k(!1));
+	}, V = () => {
+		u && u();
+	}, H = (t, n, r = "", i = "") => {
+		let a = I + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
 		if (Yn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: o,
 			className: "pds-dropdown__separator",
@@ -3431,7 +3439,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		});
 		if (Xn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: i || o,
-			className: `pds-dropdown__heading ${j}__listbox-heading`,
+			className: `pds-dropdown__heading ${N}__listbox-heading`,
 			id: i || void 0,
 			role: "presentation"
 		}, t.label);
@@ -3440,17 +3448,17 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			role: "presentation"
 		}, t.nodeContent);
 		if (Zn(t) || "label" in t && t.label) {
-			let n = L.indexOf(t), r = v === n, i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, s = [];
+			let n = z.indexOf(t), r = y === 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), Zn(t) && t.linkContent) {
 				let e = t.linkContent;
 				s.push(e.props.children);
 			}
 			t.iconName && s.unshift(/* @__PURE__ */ e.createElement(Q, {
-				key: `icon-${P}`,
+				key: `icon-${I}`,
 				iconName: t.iconName,
 				size: t.iconSize ?? "s"
 			})), i && a && s.unshift(/* @__PURE__ */ e.createElement("span", {
-				key: `critical-${P}`,
+				key: `critical-${I}`,
 				className: "visually-hidden"
 			}, a));
 			let c = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, l;
@@ -3459,9 +3467,9 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				l = /* @__PURE__ */ e.createElement(r, {
 					tabIndex: -1,
 					...n.props,
-					onClick: () => O(!1)
-				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${j}__item-label` }, s), c));
-			} else l = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${j}__item-label` }, s), c);
+					onClick: () => k(!1)
+				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${N}__item-label` }, s), c));
+			} else l = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${N}__item-label` }, s), c);
 			let u = Z([
 				"pds-dropdown__item",
 				r ? "pds-dropdown__item--focused" : null,
@@ -3470,7 +3478,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			return /* @__PURE__ */ e.createElement("li", {
 				key: o,
 				ref: (e) => {
-					E.current[n] = e;
+					D.current[n] = e;
 				},
 				"aria-disabled": t.disabled || void 0,
 				className: u,
@@ -3478,18 +3486,18 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				id: o,
 				role: "menuitem",
 				tabIndex: r ? 0 : -1,
-				...x({
+				...C({
 					onClick: () => {
-						Zn(t) || R(t), O(!1);
+						Zn(t) || B(t), k(!1);
 					},
 					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Zn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : R(t));
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Zn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : B(t));
 					}
 				})
 			}, l);
 		}
-	}, V = (t, n) => {
-		let r = "id" in t && t.id ? t.id : `${P}-accordion-item-${n + 1}`;
+	}, U = (t, n) => {
+		let r = "id" in t && t.id ? t.id : `${I}-accordion-item-${n + 1}`;
 		if (Yn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			className: "pds-dropdown__separator",
@@ -3497,7 +3505,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		});
 		if (Xn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
-			className: `pds-dropdown__heading ${j}__listbox-heading`,
+			className: `pds-dropdown__heading ${N}__listbox-heading`,
 			role: "presentation"
 		}, t.label);
 		if (Qn(t)) return /* @__PURE__ */ e.createElement("li", {
@@ -3511,11 +3519,11 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				o.push(e.props.children);
 			}
 			t.iconName && o.unshift(/* @__PURE__ */ e.createElement(Q, {
-				key: `icon-${P}-${n}`,
+				key: `icon-${I}-${n}`,
 				iconName: t.iconName,
 				size: t.iconSize ?? "s"
 			})), i && a && o.unshift(/* @__PURE__ */ e.createElement("span", {
-				key: `critical-${P}-${n}`,
+				key: `critical-${I}-${n}`,
 				className: "visually-hidden"
 			}, a));
 			let s = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, c;
@@ -3524,138 +3532,138 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				c = /* @__PURE__ */ e.createElement(r, {
 					tabIndex: -1,
 					...n.props
-				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${j}__item-label` }, o), s));
-			} else c = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${j}__item-label` }, o), s);
+				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${N}__item-label` }, o), s));
+			} else c = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${N}__item-label` }, o), s);
 			return /* @__PURE__ */ e.createElement("li", {
 				key: r,
 				"aria-disabled": t.disabled || void 0,
 				className: Z(["pds-dropdown__item", i ? "pds-dropdown__item--critical" : null]),
 				id: r,
 				onClick: () => {
-					Zn(t) || R(t);
+					Zn(t) || B(t);
 				},
 				role: "menuitem",
 				tabIndex: t.disabled ? -1 : 0
 			}, c);
 		}
-	}, H = (t) => {
+	}, W = (t) => {
 		let n = t.filter(Xn || Yn), r = n.length > 0, a = Z([
 			"pds-dropdown__panel",
-			`${j}__listbox`,
-			i ? `${j}__listbox--icon-only` : null
+			`${N}__listbox`,
+			i ? `${N}__listbox--icon-only` : null
 		]), o = 0;
 		if (r) {
-			let r = U(t, n);
+			let r = G(t, n);
 			return r.forEach((e, t) => {
-				I.push(`${t}`);
+				R.push(`${t}`);
 			}), /* @__PURE__ */ e.createElement("div", {
-				ref: D.setFloating,
-				"aria-labelledby": P,
+				ref: O.setFloating,
+				"aria-labelledby": I,
 				className: a,
-				id: F,
+				id: L,
 				role: "menu",
 				style: {
-					...y,
-					...k,
+					...b,
+					...A,
 					zIndex: "var(--pds-z-index-dropdown)"
 				},
-				...b()
+				...x()
 			}, r.map((t, n) => {
-				let r = I[n], i = "isHeading" in t[0] && t[0].isHeading, a = i ? `${P}-group-${r}-heading` : "", s = `${P}-group-${r}`, c = i ? null : `${m} ${n + 1}`;
+				let r = R[n], i = "isHeading" in t[0] && t[0].isHeading, a = i ? `${I}-group-${r}-heading` : "", s = `${I}-group-${r}`, c = i ? null : `${h} ${n + 1}`;
 				return /* @__PURE__ */ e.createElement("ul", {
 					key: s,
 					"aria-label": c,
 					"aria-labelledby": a || void 0,
 					role: "group"
 				}, t.map((e) => {
-					let t = B(e, o, r, a);
+					let t = H(e, o, r, a);
 					return !Yn(e) && !Xn(e) && !Qn(e) && o++, t;
 				}));
 			}));
 		} else return /* @__PURE__ */ e.createElement("ul", {
-			ref: D.setFloating,
-			"aria-labelledby": P,
+			ref: O.setFloating,
+			"aria-labelledby": I,
 			className: a,
-			id: F,
+			id: L,
 			role: "menu",
 			style: {
-				...y,
-				...k,
+				...b,
+				...A,
 				zIndex: "var(--pds-z-index-dropdown)"
 			},
-			...b()
+			...x()
 		}, t.map((e) => {
-			let t = B(e, o);
+			let t = H(e, o);
 			return !Yn(e) && !Xn(e) && !Qn(e) && o++, t;
 		}));
-	}, U = (e, t) => {
+	}, G = (e, t) => {
 		let n = [], r = [...t], i = r.shift(), a = [];
 		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);
-	}, W, G = u === "m" ? "s" : "xs", K = f ? /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement(Sn, {
+	}, K, q = d === "m" ? "s" : "xs", J = p ? /* @__PURE__ */ e.createElement(e.Fragment, null, c, /* @__PURE__ */ e.createElement(Sn, {
 		className: "pds-button__tally",
-		label: f.label,
-		size: G,
-		type: f.type
-	})) : s, q = f ? /* @__PURE__ */ e.createElement("span", { className: `${j}__accordion-label` }, s, /* @__PURE__ */ e.createElement(Sn, {
-		className: `${j}__tally`,
-		label: f.label,
+		label: p.label,
+		size: q,
+		type: p.type
+	})) : c, ee = p ? /* @__PURE__ */ e.createElement("span", { className: `${N}__accordion-label` }, c, /* @__PURE__ */ e.createElement(Sn, {
+		className: `${N}__tally`,
+		label: p.label,
 		size: "s",
-		type: f.type
-	})) : s;
-	if (i || (W = /* @__PURE__ */ e.createElement(Dn, {
-		ref: D.setReference,
-		"aria-controls": F,
-		"aria-expanded": T,
+		type: p.type
+	})) : c;
+	if (i || (K = /* @__PURE__ */ e.createElement(Dn, {
+		ref: O.setReference,
+		"aria-controls": L,
+		"aria-expanded": E,
 		"aria-haspopup": "true",
-		className: Z([`${j}__trigger`, M ? `${j}__trigger--navbar` : null]),
+		className: Z([`${N}__trigger`, P ? `${N}__trigger--navbar` : null]),
 		disabled: n,
 		displayType: "icon-end",
 		iconName: "angleDown",
-		id: P,
-		isSplitButton: o,
-		label: K,
-		size: u,
-		statusDot: d,
+		id: I,
+		isSplitButton: s,
+		label: J,
+		size: d,
+		statusDot: f,
 		type: "button",
-		variant: N,
-		...C({ onClick: z })
+		variant: F,
+		...w({ onClick: V })
 	})), i) {
-		let t = En(s);
-		W = /* @__PURE__ */ e.createElement(An, {
-			ref: D.setReference,
-			"aria-controls": F,
-			"aria-expanded": T,
+		let t = En(c);
+		K = /* @__PURE__ */ e.createElement(An, {
+			ref: O.setReference,
+			"aria-controls": L,
+			"aria-expanded": E,
 			"aria-haspopup": "true",
 			ariaLabel: t,
-			className: `${j}__trigger ${j}__trigger--icon-only`,
+			className: `${N}__trigger ${N}__trigger--icon-only`,
 			disabled: n,
 			hasTooltip: !1,
 			iconName: r,
-			id: P,
-			size: u,
+			id: I,
+			size: d,
 			type: "button",
 			variant: "standard",
-			...C({ onClick: z })
+			...w({ onClick: V })
 		});
 	}
-	let J = i ? /* @__PURE__ */ e.createElement("span", { className: `${j}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", s) : q, ee = T ? `${j}--expanded` : null;
+	let te = i ? /* @__PURE__ */ e.createElement("span", { className: `${N}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", c) : ee, ne = E ? `${N}--expanded` : null;
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([
-			j,
-			ee,
+			N,
+			ne,
 			t
 		]),
-		"data-testid": p,
-		..._
-	}, A ? /* @__PURE__ */ e.createElement(qn, {
+		"data-testid": m,
+		...v
+	}, M ? /* @__PURE__ */ e.createElement(qn, {
 		disabled: n,
-		label: J
+		label: te
 	}, /* @__PURE__ */ e.createElement("ul", {
-		className: `${j}__mobile-menu`,
+		className: `${N}__mobile-menu`,
 		role: "menu"
-	}, c.map((e, t) => V(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, W, w && /* @__PURE__ */ e.createElement(S, null, H(c))));
+	}, l.map((e, t) => U(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, K, T && /* @__PURE__ */ e.createElement(S, null, W(l))));
 }, nr = ({ border: t = !1, className: n, defaultValue: r, disabled: i = !1, iconOnly: a = !1, id: o, label: s, onChange: c, options: l, size: u = "m", value: d, ...f }) => {
 	let p = "pds-segmented-button", m = u === "m" ? null : `${p}--${u}`, h = t ? `${p}--bordered` : null, _ = a ? `${p}--icon-only` : null;
 	a && process.env.NODE_ENV !== "production" && l.some((e) => !e.iconName) && console.warn("[SegmentedButton] `iconOnly` mode requires every option to have an `iconName`. Options without one will render an empty segment.");
@@ -3676,7 +3684,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			isInline: !0,
 			className: `${p}__spinner`,
 			color: "currentColor",
-			size: "m"
+			size: "l"
 		}), t.iconName && !t.isLoading && /* @__PURE__ */ e.createElement(Q, {
 			className: `${p}__icon`,
 			iconName: t.iconName
@@ -3712,40 +3720,43 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			offsetValue: 8
 		}) : u));
 	})));
-}, rr = ({ actionItems: t, className: n, disabled: r, id: i, moreActionsLabel: a = "More actions", size: o = "s", variant: s = "primary", ...c }) => {
-	let l = "pds-split-button", u = `${l}--${s}`, d = t[0], f = t.slice(1), p = null;
-	return "isLink" in d && d.isLink === !0 ? p = /* @__PURE__ */ e.createElement(On, {
-		className: `${l}__primary-action`,
+}, rr = ({ actionItems: t, className: n, disabled: r, iconName: i, id: a, moreActionsLabel: o = "More actions", size: s = "s", variant: c = "primary", ...l }) => {
+	let u = "pds-split-button", d = `${u}--${c}`, f = t[0], p = t.slice(1), m = null;
+	return "isLink" in f && f.isLink === !0 ? m = /* @__PURE__ */ e.createElement(On, {
+		className: `${u}__primary-action`,
 		disabled: r,
-		displayType: "label-only",
-		linkContent: d.linkContent,
-		size: o,
-		variant: s
-	}) : "label" in d && (p = /* @__PURE__ */ e.createElement(Dn, {
-		className: `${l}__primary-action`,
+		displayType: i ? "icon-start" : "label-only",
+		iconName: i,
+		linkContent: f.linkContent,
+		size: s,
+		variant: c
+	}) : "label" in f && (m = /* @__PURE__ */ e.createElement(Dn, {
+		className: `${u}__primary-action`,
 		disabled: r,
-		label: d.label,
-		onClick: () => d.callback(),
-		size: o,
-		variant: s
+		displayType: i ? "icon-start" : "label-only",
+		iconName: i,
+		label: f.label,
+		onClick: () => f.callback(),
+		size: s,
+		variant: c
 	})), /* @__PURE__ */ e.createElement("span", {
 		className: Z([
-			l,
 			u,
+			d,
 			n
 		]),
-		id: i,
-		...c
-	}, p, /* @__PURE__ */ e.createElement(tr, {
+		id: a,
+		...l
+	}, m, /* @__PURE__ */ e.createElement(tr, {
 		isSplitButton: !0,
-		className: `${l}__menu-button`,
+		className: `${u}__menu-button`,
 		disabled: r,
-		id: `${i}-menu`,
-		label: a,
-		menuItems: f,
-		size: o,
+		id: `${a}-menu`,
+		label: o,
+		menuItems: p,
+		size: s,
 		testId: null,
-		variant: s
+		variant: c
 	}));
 }, ir = ({ className: t, platformType: n, size: r = "2xl", ...i }) => {
 	let a = `pds-platform-icon--${n}`, o = `pds-platform-icon--${r}`;
@@ -7028,11 +7039,11 @@ var Hr = {
 	let re = R || y, ie = V !== void 0, ae = n !== void 0, oe = (e) => {
 		let t = A.find((t) => t.value === e);
 		return t ? t.label : "";
-	}, [Y, X] = g(ae ? n : void 0), [ce, le] = g(ie ? V ?? "" : ae ? oe(n) : "");
+	}, [Y, X] = g(ae ? n : void 0), [ce, le] = g(ie ? V ?? "" : ae ? oe(n) : ""), ue = s && !ce;
 	u(() => {
 		ie && le(V ?? "");
 	}, [ie, V]);
-	let ue = h(null), de = (e) => e.map(({ label: e, optionDisplay: t, searchIndex: n, value: r, ...i }) => {
+	let de = h(null), fe = (e) => e.map(({ label: e, optionDisplay: t, searchIndex: n, value: r, ...i }) => {
 		let a = r || e, o = [e, r];
 		return n && o.push(...n), {
 			label: e,
@@ -7041,8 +7052,8 @@ var Hr = {
 			optionDisplay: t,
 			...i
 		};
-	}), fe = m(() => {
-		let e = de(A);
+	}), pe = m(() => {
+		let e = fe(A);
 		if (!ce && !F) return [];
 		let t = (ce ?? "").toLowerCase();
 		return e.filter((e) => (e.searchIndex?.map((e) => e.toLowerCase()) ?? []).some((e) => e.includes(t)));
@@ -7051,10 +7062,10 @@ var Hr = {
 		ce,
 		F,
 		f
-	]), { getInputProps: pe, getItemProps: me, getMenuProps: he, highlightedIndex: ge, isOpen: _e, openMenu: ve, reset: ye } = se({
+	]), { getInputProps: me, getItemProps: he, getMenuProps: ge, highlightedIndex: _e, isOpen: ve, openMenu: ye, reset: be } = se({
 		id: l,
 		inputId: `input-${l}`,
-		items: fe,
+		items: pe,
 		itemToString: (e) => e ? e.label : "",
 		inputValue: ce,
 		onInputValueChange: ({ inputValue: e }) => {
@@ -7080,8 +7091,8 @@ var Hr = {
 			}
 			return t;
 		}
-	}), { context: be, floatingStyles: xe, refs: Se } = M({
-		open: _e,
+	}), { context: xe, floatingStyles: Se, refs: Ce } = M({
+		open: ve,
 		whileElementsMounted: w,
 		placement: "bottom-start",
 		strategy: "absolute",
@@ -7104,7 +7115,7 @@ var Hr = {
 			}),
 			T({ padding: 24 })
 		]
-	}), { isMounted: Ce, styles: we } = z(be, {
+	}), { isMounted: we, styles: Te } = z(xe, {
 		duration: {
 			open: 300,
 			close: 150
@@ -7112,20 +7123,20 @@ var Hr = {
 		initial: { opacity: 0 },
 		open: { opacity: 1 },
 		close: { opacity: 0 }
-	}), Te = c((e) => {
-		Se.setReference(e), typeof U == "function" ? U(e) : U && "current" in U && (U.current = e);
-	}, [U, Se]), Ee = () => {
-		_e ? ye() : ve();
-	}, De = () => {
-		ie || le(""), X(void 0), ye(), ue.current?.focus(), F && ve(), C?.();
-	}, Oe = (e) => {
-		x?.(Y);
+	}), Ee = c((e) => {
+		Ce.setReference(e), typeof U == "function" ? U(e) : U && "current" in U && (U.current = e);
+	}, [U, Ce]), De = () => {
+		ve ? be() : ye();
+	}, Oe = () => {
+		ie || le(""), X(void 0), be(), de.current?.focus(), F && ye(), C?.();
 	}, ke = (e) => {
-		F && ve(), D?.(Y);
-	}, Ae = () => fe.map((t, n) => /* @__PURE__ */ e.createElement(gn, {
+		x?.(Y);
+	}, Ae = (e) => {
+		F && ye(), D?.(Y);
+	}, je = () => pe.map((t, n) => /* @__PURE__ */ e.createElement(gn, {
 		key: t.value,
-		className: ge === n ? "pds-dropdown__item--focused" : "",
-		...me({
+		className: _e === n ? "pds-dropdown__item--focused" : "",
+		...he({
 			item: t,
 			index: n
 		})
@@ -7151,59 +7162,59 @@ var Hr = {
 		showLabel: P,
 		tooltipText: L
 	}), /* @__PURE__ */ e.createElement("span", {
-		ref: Te,
+		ref: Ee,
 		"aria-describedby": re ? `${l}__message` : null,
 		"aria-disabled": r ? !0 : null,
 		"aria-invalid": B === "error" ? !0 : null,
 		"aria-required": N ? !0 : null,
-		className: `${G}__input-wrapper`,
+		className: Z([`${G}__input-wrapper`, ue ? `${G}__input-wrapper--has-search-shortcut` : null]),
 		id: l
 	}, ne && /* @__PURE__ */ e.createElement(un, { variant: ne }), /* @__PURE__ */ e.createElement("input", {
-		ref: ue,
+		ref: de,
 		autoComplete: "off",
 		className: `${G}__input`,
 		id: `input-${l}`,
-		...pe({
+		...me({
 			"aria-label": _.inputInstructions,
 			disabled: r,
 			placeholder: j,
-			onBlur: Oe,
+			onBlur: ke,
 			onChange: (e) => {
 				S?.(e);
 			},
-			onFocus: ke
+			onFocus: Ae
 		})
 	}), ce && i && /* @__PURE__ */ e.createElement(fn, {
 		clearLabel: _.clearButton,
-		handleClearInput: De,
+		handleClearInput: Oe,
 		id: `input-${l}`
-	}), s && !ce && /* @__PURE__ */ e.createElement(dn, {
+	}), ue && /* @__PURE__ */ e.createElement(dn, {
 		inputId: `input-${l}`,
 		shortcutLabel: _.searchShortcut
 	}), a && /* @__PURE__ */ e.createElement("button", {
-		"aria-expanded": _e,
+		"aria-expanded": ve,
 		"aria-label": _.triggerButton,
 		className: `${G}__trigger`,
 		disabled: r,
-		onClick: Ee,
+		onClick: De,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${G}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
 	}))), /* @__PURE__ */ e.createElement("div", {
-		ref: Se.setFloating,
+		ref: Ce.setFloating,
 		className: `pds-dropdown__panel ${G}__dropdown`,
-		style: Ce ? {
-			...xe,
-			...we,
+		style: we ? {
+			...Se,
+			...Te,
 			zIndex: "var(--pds-z-index-dropdown)"
 		} : { display: "none" }
-	}, Ce && f && /* @__PURE__ */ e.createElement("div", { className: `${G}__loading` }, v), Ce && !f && fe.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, b), /* @__PURE__ */ e.createElement("ul", {
+	}, we && f && /* @__PURE__ */ e.createElement("div", { className: `${G}__loading` }, v), we && !f && pe.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, b), /* @__PURE__ */ e.createElement("ul", {
 		className: `${G}__options`,
-		...he(),
-		style: Ce && !f && fe.length > 0 ? void 0 : { display: "none" }
-	}, Ce && !f && Ae())), re && /* @__PURE__ */ e.createElement(cn, {
+		...ge(),
+		style: we && !f && pe.length > 0 ? void 0 : { display: "none" }
+	}, we && !f && je())), re && /* @__PURE__ */ e.createElement(cn, {
 		hasValidationMessage: !!R,
 		id: l,
 		message: re,
@@ -8452,6 +8463,8 @@ var Hr = {
 		R || B(e.target.value), d && d(e);
 	}, U = (e) => {
 		u && u(e);
+	}, W = (e) => {
+		m && e.preventDefault();
 	};
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8491,6 +8504,7 @@ var Hr = {
 		onBlur: U,
 		onChange: H,
 		onFocus: f,
+		onMouseDown: W,
 		placeholder: p,
 		readOnly: m,
 		required: h,
@@ -8514,8 +8528,10 @@ var Hr = {
 }, type: O = "text", validationMessage: k, validationStatus: A, value: j, ...M }, N) => {
 	let P = rn(d), F = "pds-text-input", I = a ? $.disabled : null, L = x && !a ? $.required : null, R = A === "error" ? $.error : null, z = A === "success" ? $.success : null, B = b ? $.readonly : null, V = T === "s" ? null : `${F}--${T}`, H = c && O === "url" ? `${F}--has-url-prefix` : null, U = null;
 	O === "search" && (U = "search"), O === "search" && S === "filter" && (U = "filter"), A === "error" && (U = "error"), A === "success" && (U = "success");
-	let W = k || p, G = j !== void 0, [K, q] = g(i === void 0 ? "" : i), J = j || K, ee = (e) => {
-		if (w && re && ie(!1), c && O === "url") {
+	let W = k || p, G = j !== void 0, [K, q] = g(i === void 0 ? "" : i), J = j || K, ee = s && O === "search" && !J, te = (e) => {
+		b && e.preventDefault();
+	}, ne = (e) => {
+		if (w && ae && oe(!1), c && O === "url") {
 			let t = an(e.target.value), n = {
 				...e,
 				target: {
@@ -8525,7 +8541,7 @@ var Hr = {
 			};
 			m && m(n);
 		} else m && m(e);
-	}, te = (e) => {
+	}, re = (e) => {
 		if (c && O === "url") {
 			let t = an(e.target.value), n = {
 				...e,
@@ -8536,16 +8552,16 @@ var Hr = {
 			};
 			G || q(t), h && h(n);
 		} else G || q(e.target.value), h && h(e);
-	}, ne = () => {
+	}, ie = () => {
 		G || q(""), _ && _();
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, [re, ie] = g(!1), ae = () => {
-		ie((e) => !e);
+	}, [ae, oe] = g(!1), Y = () => {
+		oe((e) => !e);
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, oe = O;
-	return w && O === "password" && (oe = re ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
+	}, se = O;
+	return w && O === "password" && (se = ae ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
 			F,
@@ -8570,7 +8586,11 @@ var Hr = {
 	}), w && O === "password" && /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, `${D.visibilityStatus} ${re ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${F}__input-wrapper ${c && O === "url" ? `${F}__input-wrapper--has-prefix` : ""}` }, U && /* @__PURE__ */ e.createElement(un, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(ji, null), /* @__PURE__ */ e.createElement("input", {
+	}, `${D.visibilityStatus} ${ae ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: Z([
+		`${F}__input-wrapper`,
+		c && O === "url" ? `${F}__input-wrapper--has-prefix` : null,
+		ee ? `${F}__input-wrapper--has-search-shortcut` : null
+	]) }, U && /* @__PURE__ */ e.createElement(un, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(ji, null), /* @__PURE__ */ e.createElement("input", {
 		ref: N,
 		"aria-describedby": W ? `${l}__message` : null,
 		"aria-invalid": A === "error" ? !0 : null,
@@ -8579,30 +8599,31 @@ var Hr = {
 		disabled: a,
 		id: l,
 		name: l,
-		onBlur: ee,
-		onChange: te,
+		onBlur: ne,
+		onChange: re,
 		onFocus: v,
+		onMouseDown: te,
 		placeholder: y,
 		readOnly: b,
 		required: x,
-		type: oe,
+		type: se,
 		value: G ? j : K,
 		...u
 	}), o && J && /* @__PURE__ */ e.createElement(fn, {
 		clearLabel: D.clearButton,
-		handleClearInput: ne,
+		handleClearInput: ie,
 		id: l
 	}), w && O === "password" && /* @__PURE__ */ e.createElement("button", {
 		"aria-controls": l,
 		className: `${F}__visibility-toggle`,
-		onClick: ae,
+		onClick: Y,
 		onMouseDown: (e) => e.preventDefault(),
-		title: re ? D.visibilityToggleHide : D.visibilityToggleShow,
+		title: ae ? D.visibilityToggleHide : D.visibilityToggleShow,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		iconName: re ? "eyeSlash" : "eye",
+		iconName: ae ? "eyeSlash" : "eye",
 		size: "m"
-	})), s && O === "search" && !J && /* @__PURE__ */ e.createElement(dn, {
+	})), ee && /* @__PURE__ */ e.createElement(dn, {
 		inputId: l,
 		shortcutLabel: D.searchShortcut
 	}), r && O !== "password" && /* @__PURE__ */ e.createElement(pn, {
@@ -8713,7 +8734,9 @@ var Hr = {
 }, Hi = (e) => e.map((e) => `${Bi(e)}${e.links ? `[${Hi(e.links)}]` : ""}`).join("|"), Ui = (e) => {
 	if (s(e)) {
 		let t = e.type;
-		return t === "a" || typeof t == "string" && t.toLowerCase() === "a" || (typeof t == "function" || typeof t == "object") && t?.displayName === "Link";
+		if (t === "a" || typeof t == "string" && t.toLowerCase() === "a" || (typeof t == "function" || typeof t == "object") && t?.displayName === "Link") return !0;
+		let n = e.props;
+		return n.to !== void 0 || n.href !== void 0;
 	}
 	return !1;
 }, Wi = (e, t) => {
@@ -8896,7 +8919,347 @@ var Hr = {
 		]),
 		...i
 	}, t);
-}, Yi = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, translationStrings: s = {
+}, Yi = {
+	light: "sunBright",
+	dark: "moon",
+	system: "circleHalfStroke"
+}, Xi = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
+	light: "Light",
+	dark: "Dark",
+	system: "System"
+}, onChange: i, size: a = "m", theme: o = "light", variant: s = "toggle", ...c }) => {
+	let l = "pds-theme-switcher", u = r.tooltip ?? "Change theme", d = [
+		"light",
+		"dark",
+		"system"
+	];
+	if (s === "toggle") {
+		let s = d.map((e) => ({
+			iconName: Yi[e],
+			label: r[e],
+			value: e
+		}));
+		return /* @__PURE__ */ e.createElement("div", {
+			className: Z([l, t]),
+			...c
+		}, /* @__PURE__ */ e.createElement(nr, {
+			iconOnly: !0,
+			id: n,
+			label: u,
+			onChange: (e) => i?.(e),
+			options: s,
+			size: a,
+			value: o
+		}));
+	}
+	let f = d.map((e) => ({
+		callback: () => i?.(e),
+		iconName: Yi[e],
+		iconSize: "m",
+		label: r[e]
+	}));
+	return /* @__PURE__ */ e.createElement("div", {
+		className: Z([l, t]),
+		...c
+	}, /* @__PURE__ */ e.createElement(nn, {
+		content: u,
+		customTrigger: /* @__PURE__ */ e.createElement(tr, {
+			iconOnly: !0,
+			"aria-label": u,
+			iconName: Yi[o],
+			id: n,
+			label: "",
+			menuItems: f,
+			size: "m"
+		}),
+		offsetValue: 0,
+		preferredPlacement: "top"
+	}));
+}, Zi = ({ ariaLabel: t = "User menu", className: n, isMobileAccordion: r = !1, menuItems: i = [], onThemeChange: a, theme: o, themeLabel: s = "Theme", themeLabelStrings: c, userEmail: l, userImageSrc: u, userName: f, ...p }) => {
+	let [m, _] = g(null), [v, y] = g(!1), b = Xt(), x = r && b, C = h([]), D = h([]), k = d(), N = "pds-user-menu", P = `${N}__menu`, { context: F, floatingStyles: B, refs: V } = M({
+		placement: "bottom-end",
+		open: v,
+		onOpenChange: y,
+		middleware: [
+			E(12),
+			T(),
+			O()
+		],
+		whileElementsMounted: w,
+		strategy: "fixed"
+	}), H = A(F, { event: "mousedown" }), U = j(F), W = R(F, { role: "menu" }), G = h([]), { getFloatingProps: K, getItemProps: q, getReferenceProps: J } = I([
+		U,
+		W,
+		H,
+		L(F, {
+			listRef: G,
+			activeIndex: m,
+			onNavigate: _,
+			loop: !0,
+			openOnArrowKeyDown: !0,
+			focusItemOnOpen: !1,
+			focusItemOnHover: !0
+		})
+	]), { isMounted: ee, styles: te } = z(F, {
+		duration: {
+			open: 300,
+			close: 150
+		},
+		initial: { opacity: 0 },
+		open: { opacity: 1 },
+		close: { opacity: 0 }
+	}), ne = /* @__PURE__ */ e.createElement(bt, {
+		hasUserFallback: !0,
+		className: `${N}__avatar`,
+		imageSrc: u,
+		size: "s",
+		uniqueId: l
+	}), re = /* @__PURE__ */ e.createElement("li", {
+		className: `${N}__user-details`,
+		role: "presentation"
+	}, /* @__PURE__ */ e.createElement("div", { className: `${N}__user-name` }, f), /* @__PURE__ */ e.createElement("div", { className: `${N}__user-email` }, l)), ie = o !== void 0 && typeof a == "function" ? /* @__PURE__ */ e.createElement("li", {
+		className: `${N}__theme-row`,
+		role: "presentation"
+	}, /* @__PURE__ */ e.createElement("span", { className: `${N}__theme-label` }, s), /* @__PURE__ */ e.createElement(Xi, {
+		id: `${k}-theme`,
+		labelStrings: c,
+		onChange: a,
+		size: "s",
+		theme: o,
+		variant: "toggle"
+	})) : null;
+	i.forEach((e, t) => {
+		let n = e.id ? e.id : `${k}-item-${t}`;
+		C.current.push(n), D.current.push(e);
+	});
+	let ae = (e) => {
+		let t = C.current.indexOf(e), n = D.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" && ae(e.currentTarget.id);
+	}, Y = (e) => {
+		ae(e.currentTarget.id);
+	}, se = i.map((t, n) => {
+		let r = C.current[n], i = `${N}__item`, a = t.disabled ? `${i}--disabled` : null;
+		return /* @__PURE__ */ e.createElement("li", {
+			key: r,
+			ref: (e) => {
+				G.current[n] = e;
+			},
+			"aria-disabled": t.disabled || void 0,
+			className: Z([i, a]),
+			id: r,
+			onKeyDown: oe,
+			role: "menuitem",
+			tabIndex: m === n ? 0 : -1,
+			...q({ onClick: (e) => Y(e) })
+		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
+			className: `${N}__icon`,
+			iconName: t.iconName,
+			size: "m"
+		}));
+	}), X = i.map((t, n) => {
+		let r = C.current[n], i = `${N}__item`, a = t.disabled ? `${i}--disabled` : null;
+		return /* @__PURE__ */ e.createElement("li", {
+			key: r,
+			"aria-disabled": t.disabled || void 0,
+			className: Z([i, a]),
+			id: `${r}-accordion`,
+			onClick: () => {
+				t.linkContent && !t.disabled ? document.getElementById(`${r}-accordion`)?.querySelector("a")?.click() : t.callback && !t.disabled && t.callback();
+			},
+			role: "menuitem"
+		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
+			className: `${N}__icon`,
+			iconName: t.iconName,
+			size: "m"
+		}));
+	}), ce = /* @__PURE__ */ e.createElement("span", { className: `${N}__toggle-left` }, ne, f ?? l);
+	return /* @__PURE__ */ e.createElement("span", {
+		className: Z([N, n ?? ""]),
+		...p
+	}, x ? /* @__PURE__ */ e.createElement(qn, { label: ce }, /* @__PURE__ */ e.createElement("ul", {
+		className: Z([P, `${P}--mobile`]),
+		role: "menu"
+	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, X)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		ref: V.setReference,
+		"aria-label": t,
+		className: `${N}__trigger`,
+		type: "button",
+		...J()
+	}, ne), ee && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+		ref: V.setFloating,
+		className: `${N}__dropdown`,
+		style: {
+			...B,
+			zIndex: "var(--pds-z-index-dropdown)"
+		},
+		...K()
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...te } }, /* @__PURE__ */ e.createElement("ul", {
+		className: P,
+		role: "menu"
+	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, se))))));
+}, Qi = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", isMobileAccordion: o = !1, menuHeading: s = "Workspaces", minFilterItems: c = 8, noResultsText: l = "No results found", workspaceList: u = [], ...d }) => {
+	let [f, _] = g(""), [v, y] = g(""), b = h(null), x = u.length >= c, C = Xt(), w = o && C, T = "pds-workspace-selector", E = `${T}__menu`, D = x ? `${E}--scroll` : null, { activeIndex: O, floatingStyles: k, getFloatingProps: A, getItemProps: j, getReferenceProps: M, isMounted: N, listRef: P, refs: F, setIsOpen: I, transitionStyles: L } = Pn({
+		enableTypeahead: !x,
+		role: "menu"
+	}), R = u.find((e) => e.isActive);
+	R || (R = u[0]);
+	let z = h(null);
+	p(() => {
+		let e = z.current, t = e?.parentElement;
+		if (!e || !t) return;
+		let n = () => {
+			t.style.width = "";
+			let n = document.createRange();
+			n.selectNodeContents(e);
+			let r = Array.from(n.getClientRects()).slice(0, 2), i = Math.max(0, ...r.map((e) => e.width));
+			i > 0 && (t.style.width = `${Math.ceil(i)}px`);
+		};
+		n(), document.fonts?.ready.then(n);
+	}, [R?.displayName]);
+	let B = m(() => {
+		if (!f) return u;
+		let e = f.toLowerCase();
+		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
+	}, [u, f]), V = m(() => {
+		if (!v) return u;
+		let e = v.toLowerCase();
+		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
+	}, [u, v]), H = (e) => {
+		e.preventDefault(), e.key === "Enter" && (P.current[O]?.querySelector("a") || P.current[O]?.querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? x ? document.getElementById("workspace-filter")?.focus() : I(!1) : r ? b.current?.querySelector("a")?.focus() : I(!1));
+	}, U = (t) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${T}__item-content` }, /* @__PURE__ */ e.createElement(bt, {
+		className: `${T}__list-avatar`,
+		imageSrc: t.imageSrc,
+		size: "s",
+		uniqueId: t.workspaceId
+	}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${T}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
+		className: `${T}__lock-icon`,
+		iconName: "lock"
+	}), t.isActive && /* @__PURE__ */ e.createElement(Gn, null))), W = B.map((t, n) => {
+		let r = `${T}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
+			P.current[n] = e;
+		};
+		return /* @__PURE__ */ e.createElement("li", {
+			key: i,
+			ref: s,
+			className: Z([
+				"pds-dropdown__item",
+				r,
+				t.isActive ? "pds-dropdown__item--active" : null,
+				t.isActive ? `${r}--active` : null,
+				t.isUnprivileged ? `${r}--unprivileged` : null,
+				t.isRestricted ? `${r}--restricted` : null
+			]),
+			id: i,
+			onKeyDown: H,
+			role: "menuitem",
+			tabIndex: O === n ? 0 : -1,
+			...j()
+		}, a ? /* @__PURE__ */ e.createElement("button", {
+			onClick: () => {
+				t.onRestrictedSelection(), I(!1);
+			},
+			type: "button"
+		}, U(t)) : o ? /* @__PURE__ */ e.createElement(o, Object.assign({}, t.workspaceLink.props, { onClick: () => I(!1) }), U(t)) : null);
+	}), G = V.map((t) => {
+		let n = `${T}__item`, r = t.workspaceId, i = t.isRestricted && t.onRestrictedSelection, a = t.workspaceLink?.type;
+		return /* @__PURE__ */ e.createElement("li", {
+			key: `${r}-accordion`,
+			className: Z([
+				"pds-dropdown__item",
+				n,
+				t.isActive ? "pds-dropdown__item--active" : null,
+				t.isActive ? `${n}--active` : null,
+				t.isUnprivileged ? `${n}--unprivileged` : null,
+				t.isRestricted ? `${n}--restricted` : null
+			]),
+			id: `${r}-accordion`,
+			role: "menuitem"
+		}, i ? /* @__PURE__ */ e.createElement("button", {
+			onClick: () => t.onRestrictedSelection(),
+			type: "button"
+		}, U(t)) : a ? /* @__PURE__ */ e.createElement(a, Object.assign({}, t.workspaceLink?.props), U(t)) : null);
+	}), K = r && /* @__PURE__ */ e.createElement("div", {
+		ref: b,
+		className: `${T}__create-link`
+	}, /* @__PURE__ */ e.createElement("span", {
+		className: `${T}__create-link-inner`,
+		onBlur: () => I(!1),
+		onClick: () => I(!1)
+	}, r, /* @__PURE__ */ e.createElement(Q, {
+		iconName: "plus",
+		size: "s"
+	}))), q = (t) => R ? /* @__PURE__ */ e.createElement("div", { className: `${T}__button-content` }, /* @__PURE__ */ e.createElement(bt, {
+		className: `${T}__avatar`,
+		imageSrc: R.imageSrc,
+		size: "s",
+		uniqueId: R.workspaceId
+	}), /* @__PURE__ */ e.createElement("span", { className: `${T}__name` }, /* @__PURE__ */ e.createElement("span", {
+		ref: t,
+		className: `${T}__name-text`
+	}, R.displayName))) : null;
+	return /* @__PURE__ */ e.createElement("span", {
+		className: Z([T, n]),
+		...d
+	}, w ? /* @__PURE__ */ e.createElement(qn, { label: q() }, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
+		hasClearButton: !0,
+		id: "workspace-filter-mobile",
+		label: i,
+		onChange: (e) => y(e.target.value),
+		onClear: () => y(""),
+		placeholder: a,
+		showLabel: !1,
+		type: "search"
+	})), /* @__PURE__ */ e.createElement("ul", {
+		className: Z([E, `${E}--mobile`]),
+		role: "menu"
+	}, /* @__PURE__ */ e.createElement("li", {
+		className: `pds-dropdown__heading ${T}__item-heading`,
+		role: "presentation"
+	}, s), G.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : G), r && /* @__PURE__ */ e.createElement("div", { className: `${T}__create-link` }, /* @__PURE__ */ e.createElement("span", { className: `${T}__create-link-inner` }, r, /* @__PURE__ */ e.createElement(Q, {
+		iconName: "plus",
+		size: "s"
+	})))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		ref: F.setReference,
+		"aria-label": t,
+		className: `${T}__trigger`,
+		type: "button",
+		...M()
+	}, q(z), /* @__PURE__ */ e.createElement(Q, {
+		className: `${T}__trigger-icon`,
+		iconName: "angleDown",
+		size: "m"
+	})), N && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+		ref: F.setFloating,
+		className: `pds-dropdown__panel ${T}__dropdown`,
+		style: {
+			...k,
+			...L,
+			zIndex: "var(--pds-z-index-dropdown)"
+		},
+		...A()
+	}, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
+		hasClearButton: !0,
+		id: "workspace-filter",
+		label: i,
+		onChange: (e) => _(e.target.value),
+		onClear: () => _(""),
+		placeholder: a,
+		showLabel: !1,
+		type: "search"
+	})), /* @__PURE__ */ e.createElement("ul", {
+		className: Z([E, D]),
+		role: "menu"
+	}, /* @__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), K))));
+}, $i = [
+	tr,
+	Zi,
+	Qi
+], ea = (e) => t.map(e, (e) => s(e) && $i.includes(e.type) ? r(e, { isMobileAccordion: !0 }) : e), ta = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, translationStrings: s = {
 	closeMobileNav: "Close navigation area",
 	openMobileNav: "Open navigation area"
 }, ...c }) => {
@@ -8966,7 +9329,7 @@ var Hr = {
 		className: "visually-hidden",
 		onClick: b,
 		type: "button"
-	}, s.closeMobileNav), w, T, E)))) : /* @__PURE__ */ e.createElement(Ji, {
+	}, s.closeMobileNav), ea(w), ea(T), ea(E))))) : /* @__PURE__ */ e.createElement(Ji, {
 		className: `${h}__inner`,
 		style: o ? { paddingInline: o } : void 0,
 		width: i
@@ -8974,7 +9337,7 @@ var Hr = {
 		"aria-hidden": "true",
 		className: `${h}__separator`
 	}), w && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-left` }, w)), T && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-center` }, T), E && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-right` }, E)));
-}, Xi = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
+}, na = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: c, mobileMenuSelectTextFallback: l = "Navigate to...", ...d }) => {
@@ -9064,7 +9427,7 @@ var Hr = {
 		]),
 		...d
 	}, S, i && C);
-}, Zi = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
+}, ra = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
 	let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Gi(d, o, s, t)), _ = (t, n) => /* @__PURE__ */ e.createElement("ul", { className: Z([
 		p,
 		`${p}--${n}`,
@@ -9150,7 +9513,7 @@ var Hr = {
 		},
 		preferredPlacement: "right"
 	}) : m));
-}, Qi = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
+}, ia = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, onExpandSidebar: o, ...s }) => {
@@ -9179,7 +9542,7 @@ var Hr = {
 			role: "presentation"
 		}, t.label);
 		let a = Vi(t);
-		return /* @__PURE__ */ e.createElement(Zi, {
+		return /* @__PURE__ */ e.createElement(ra, {
 			key: n,
 			icon: t.icon,
 			isActive: a,
@@ -9201,7 +9564,7 @@ var Hr = {
 		]),
 		...s
 	}, h);
-}, $i = ({ items: t, label: n }) => {
+}, aa = ({ items: t, label: n }) => {
 	let r = h(null), i = "pds-nav-menu", a = t && t.length > 0, { floatingStyles: o, getFloatingProps: s, getReferenceProps: c, isOpen: l, refs: u } = Pn({
 		offsetValue: 8,
 		openOnHover: !Xt()
@@ -9238,7 +9601,7 @@ var Hr = {
 		key: n,
 		className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${f(t) ? " pds-dropdown__item--active" : ""}`}`
 	}, !t.isSeparator && t.linkContent)))));
-}, ea = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
+}, oa = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
 	let [a, o] = g(null), [s, c] = g(-1), [l, f] = g(null), [p, m] = g({
 		container: null,
 		containerChildren: []
@@ -9285,7 +9648,7 @@ var Hr = {
 			},
 			className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${x(t) === !0 ? `${v}__item--active` : ""}`,
 			id: i
-		}, /* @__PURE__ */ e.createElement($i, {
+		}, /* @__PURE__ */ e.createElement(aa, {
 			items: t.links,
 			label: t.label
 		}))) : S.push(/* @__PURE__ */ e.createElement("li", {
@@ -9304,7 +9667,7 @@ var Hr = {
 		},
 		...i
 	}, /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, S));
-}, ta = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
+}, sa = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
 	let [s, c] = g(i), [l, d] = g(""), f = i.length >= a, p = "pds-tab-menu", m = `${p}__dropdown-menu`, h = f ? `${m}--scroll` : null, _ = `${p}__dropdown-item`, { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setActiveIndex: O, transitionStyles: k } = Pn({
 		offsetValue: 8,
 		placement: "bottom-start",
@@ -9369,7 +9732,7 @@ var Hr = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		} })
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...k } }, I, /* @__PURE__ */ e.createElement("ul", { className: Z([m, h]) }, L.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, o) : L)))));
-}, na = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
+}, ca = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
 	let o = "pds-tab-menu", c = ({ dropdownSettings: t, icon: n, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
 		let u = `${o}__item`, d = Ri(c);
 		return /* @__PURE__ */ e.createElement("li", { className: Z([u, i ? `${u}--active` : null]) }, ((t, n) => {
@@ -9382,7 +9745,7 @@ var Hr = {
 				iconName: n,
 				size: "m"
 			}), t.props.children)] })) : t), i;
-		})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(ta, {
+		})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(sa, {
 			buttonLabel: t?.buttonLabel,
 			filterLabel: t?.filterLabel,
 			filterPlaceholder: t?.filterPlaceholder,
@@ -9404,11 +9767,11 @@ var Hr = {
 		className: Z([o, n ?? ""]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu-wrapper` }, l));
-}, ra = {
+}, la = {
 	2: "second",
 	3: "third",
 	4: "fourth"
-}, ia = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
+}, ua = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, ...o }) => {
@@ -9528,7 +9891,7 @@ var Hr = {
 			display: "none"
 		}), b();
 	}, j = (t, n, r) => {
-		let a = ra[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, f = Vi(n);
+		let a = la[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, f = Vi(n);
 		if (_.current && n.path) {
 			let e = _.current.querySelector(`.${c}[data-item-path="${n.path}"]`);
 			if (e) {
@@ -9565,7 +9928,7 @@ var Hr = {
 				]),
 				"data-item-path": t.path || "",
 				role: "treeitem"
-			}, t.links && d in ra ? j(d, t, t.links) : t.linkContent);
+			}, t.links && d in la ? j(d, t, t.links) : t.linkContent);
 		})));
 	}, M = (t, n) => {
 		let { linkContent: r, links: i } = t, a = Vi(t);
@@ -9597,348 +9960,12 @@ var Hr = {
 		className: `${s}__menu ${s}__menu--top-level`,
 		role: "tree"
 	}, a.map((e, t) => M(e, t))));
-}, aa = {
-	light: "sunBright",
-	dark: "moon",
-	system: "circleHalfStroke"
-}, oa = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
-	light: "Light",
-	dark: "Dark",
-	system: "System"
-}, onChange: i, size: a = "m", theme: o = "light", variant: s = "toggle", ...c }) => {
-	let l = "pds-theme-switcher", u = r.tooltip ?? "Change theme", d = [
-		"light",
-		"dark",
-		"system"
-	];
-	if (s === "toggle") {
-		let s = d.map((e) => ({
-			iconName: aa[e],
-			label: r[e],
-			value: e
-		}));
-		return /* @__PURE__ */ e.createElement("div", {
-			className: Z([l, t]),
-			...c
-		}, /* @__PURE__ */ e.createElement(nr, {
-			iconOnly: !0,
-			id: n,
-			label: u,
-			onChange: (e) => i?.(e),
-			options: s,
-			size: a,
-			value: o
-		}));
-	}
-	let f = d.map((e) => ({
-		callback: () => i?.(e),
-		iconName: aa[e],
-		iconSize: "m",
-		label: r[e]
-	}));
-	return /* @__PURE__ */ e.createElement("div", {
-		className: Z([l, t]),
-		...c
-	}, /* @__PURE__ */ e.createElement(nn, {
-		content: u,
-		customTrigger: /* @__PURE__ */ e.createElement(tr, {
-			iconOnly: !0,
-			"aria-label": u,
-			iconName: aa[o],
-			id: n,
-			label: "",
-			menuItems: f,
-			size: "m"
-		}),
-		offsetValue: 0,
-		preferredPlacement: "top"
-	}));
-}, sa = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], onThemeChange: i, theme: a, themeLabel: o = "Theme", themeLabelStrings: s, userEmail: c, userImageSrc: l, userName: u, ...f }) => {
-	let [p, m] = g(null), [_, v] = g(!1), y = h([]), b = h([]), x = d(), C = "pds-user-menu", D = `${C}__menu`, { context: k, floatingStyles: N, refs: P } = M({
-		placement: "bottom-end",
-		open: _,
-		onOpenChange: v,
-		middleware: [
-			E(12),
-			T(),
-			O()
-		],
-		whileElementsMounted: w,
-		strategy: "fixed"
-	}), F = A(k, { event: "mousedown" }), B = j(k), V = R(k, { role: "menu" }), H = h([]), { getFloatingProps: U, getItemProps: W, getReferenceProps: G } = I([
-		B,
-		V,
-		F,
-		L(k, {
-			listRef: H,
-			activeIndex: p,
-			onNavigate: m,
-			loop: !0,
-			openOnArrowKeyDown: !0,
-			focusItemOnOpen: !1,
-			focusItemOnHover: !0
-		})
-	]), { isMounted: K, styles: q } = z(k, {
-		duration: {
-			open: 300,
-			close: 150
-		},
-		initial: { opacity: 0 },
-		open: { opacity: 1 },
-		close: { opacity: 0 }
-	}), J = /* @__PURE__ */ e.createElement(bt, {
-		hasUserFallback: !0,
-		className: `${C}__avatar`,
-		imageSrc: l,
-		size: "s",
-		uniqueId: c
-	}), ee = /* @__PURE__ */ e.createElement("li", {
-		className: `${C}__user-details`,
-		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("div", { className: `${C}__user-name` }, u), /* @__PURE__ */ e.createElement("div", { className: `${C}__user-email` }, c)), te = a !== void 0 && typeof i == "function" ? /* @__PURE__ */ e.createElement("li", {
-		className: `${C}__theme-row`,
-		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("span", { className: `${C}__theme-label` }, o), /* @__PURE__ */ e.createElement(oa, {
-		id: `${x}-theme`,
-		labelStrings: s,
-		onChange: i,
-		size: "s",
-		theme: a,
-		variant: "toggle"
-	})) : null;
-	r.forEach((e, t) => {
-		let n = e.id ? e.id : `${x}-item-${t}`;
-		y.current.push(n), b.current.push(e);
-	});
-	let ne = (e) => {
-		let t = y.current.indexOf(e), n = b.current[t];
-		n.linkContent && !n.disabled && (H.current[t].querySelector("a").click(), v(!1)), n.callback && !n.disabled && (n.callback(), v(!1));
-	}, re = (e) => {
-		e.preventDefault(), e.key === "Enter" && ne(e.currentTarget.id);
-	}, ie = (e) => {
-		ne(e.currentTarget.id);
-	}, ae = r.map((t, n) => {
-		let r = y.current[n], i = `${C}__item`, a = t.disabled ? `${i}--disabled` : null;
-		return /* @__PURE__ */ e.createElement("li", {
-			key: r,
-			ref: (e) => {
-				H.current[n] = e;
-			},
-			"aria-disabled": t.disabled || void 0,
-			className: Z([i, a]),
-			id: r,
-			onKeyDown: re,
-			role: "menuitem",
-			tabIndex: p === n ? 0 : -1,
-			...W({ onClick: (e) => ie(e) })
-		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
-			className: `${C}__icon`,
-			iconName: t.iconName,
-			size: "m"
-		}));
-	}), oe = r.map((t, n) => {
-		let r = y.current[n], i = `${C}__item`, a = t.disabled ? `${i}--disabled` : null;
-		return /* @__PURE__ */ e.createElement("li", {
-			key: r,
-			"aria-disabled": t.disabled || void 0,
-			className: Z([i, a]),
-			id: `${r}-accordion`,
-			onClick: () => {
-				t.linkContent && !t.disabled ? document.getElementById(`${r}-accordion`)?.querySelector("a")?.click() : t.callback && !t.disabled && t.callback();
-			},
-			role: "menuitem"
-		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
-			className: `${C}__icon`,
-			iconName: t.iconName,
-			size: "m"
-		}));
-	}), Y = /* @__PURE__ */ e.createElement("span", { className: `${C}__toggle-left` }, J, u ?? c);
-	return /* @__PURE__ */ e.createElement("span", {
-		className: Z([C, n ?? ""]),
-		...f
-	}, /* @__PURE__ */ e.createElement(qn, { label: Y }, /* @__PURE__ */ e.createElement("ul", {
-		className: Z([D, `${D}--mobile`]),
-		role: "menu"
-	}, ee, /* @__PURE__ */ e.createElement("li", { role: "separator" }), te, oe)), /* @__PURE__ */ e.createElement("button", {
-		ref: P.setReference,
-		"aria-label": t,
-		className: `${C}__trigger`,
-		type: "button",
-		...G()
-	}, J), K && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		ref: P.setFloating,
-		className: `${C}__dropdown`,
-		style: {
-			...N,
-			zIndex: "var(--pds-z-index-dropdown)"
-		},
-		...U()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...q } }, /* @__PURE__ */ e.createElement("ul", {
-		className: D,
-		role: "menu"
-	}, ee, /* @__PURE__ */ e.createElement("li", { role: "separator" }), te, ae)))));
-}, ca = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", menuHeading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
-	let [d, f] = g(""), [_, v] = g(""), y = h(null), b = l.length >= s, x = "pds-workspace-selector", C = `${x}__menu`, w = b ? `${C}--scroll` : null, { activeIndex: T, floatingStyles: E, getFloatingProps: D, getItemProps: O, getReferenceProps: k, isMounted: A, listRef: j, refs: M, setIsOpen: N, transitionStyles: P } = Pn({
-		enableTypeahead: !b,
-		role: "menu"
-	}), F = l.find((e) => e.isActive);
-	F || (F = l[0]);
-	let I = h(null);
-	p(() => {
-		let e = I.current, t = e?.parentElement;
-		if (!e || !t) return;
-		let n = () => {
-			t.style.width = "";
-			let n = document.createRange();
-			n.selectNodeContents(e);
-			let r = Array.from(n.getClientRects()).slice(0, 2), i = Math.max(0, ...r.map((e) => e.width));
-			i > 0 && (t.style.width = `${Math.ceil(i)}px`);
-		};
-		n(), document.fonts?.ready.then(n);
-	}, [F?.displayName]);
-	let L = m(() => {
-		if (!d) return l;
-		let e = d.toLowerCase();
-		return l.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [l, d]), R = m(() => {
-		if (!_) return l;
-		let e = _.toLowerCase();
-		return l.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [l, _]), z = (e) => {
-		e.preventDefault(), e.key === "Enter" && (j.current[T]?.querySelector("a") || j.current[T]?.querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? b ? document.getElementById("workspace-filter")?.focus() : N(!1) : r ? y.current?.querySelector("a")?.focus() : N(!1));
-	}, B = (t) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${x}__item-content` }, /* @__PURE__ */ e.createElement(bt, {
-		className: `${x}__list-avatar`,
-		imageSrc: t.imageSrc,
-		size: "s",
-		uniqueId: t.workspaceId
-	}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${x}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
-		className: `${x}__lock-icon`,
-		iconName: "lock"
-	}), t.isActive && /* @__PURE__ */ e.createElement(Gn, null))), V = L.map((t, n) => {
-		let r = `${x}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
-			j.current[n] = e;
-		};
-		return /* @__PURE__ */ e.createElement("li", {
-			key: i,
-			ref: s,
-			className: Z([
-				"pds-dropdown__item",
-				r,
-				t.isActive ? "pds-dropdown__item--active" : null,
-				t.isActive ? `${r}--active` : null,
-				t.isUnprivileged ? `${r}--unprivileged` : null,
-				t.isRestricted ? `${r}--restricted` : null
-			]),
-			id: i,
-			onKeyDown: z,
-			role: "menuitem",
-			tabIndex: T === n ? 0 : -1,
-			...O()
-		}, a ? /* @__PURE__ */ e.createElement("button", {
-			onClick: () => {
-				t.onRestrictedSelection(), N(!1);
-			},
-			type: "button"
-		}, B(t)) : o ? /* @__PURE__ */ e.createElement(o, Object.assign({}, t.workspaceLink.props, { onClick: () => N(!1) }), B(t)) : null);
-	}), H = R.map((t) => {
-		let n = `${x}__item`, r = t.workspaceId, i = t.isRestricted && t.onRestrictedSelection, a = t.workspaceLink?.type;
-		return /* @__PURE__ */ e.createElement("li", {
-			key: `${r}-accordion`,
-			className: Z([
-				"pds-dropdown__item",
-				n,
-				t.isActive ? "pds-dropdown__item--active" : null,
-				t.isActive ? `${n}--active` : null,
-				t.isUnprivileged ? `${n}--unprivileged` : null,
-				t.isRestricted ? `${n}--restricted` : null
-			]),
-			id: `${r}-accordion`,
-			role: "menuitem"
-		}, i ? /* @__PURE__ */ e.createElement("button", {
-			onClick: () => t.onRestrictedSelection(),
-			type: "button"
-		}, B(t)) : a ? /* @__PURE__ */ e.createElement(a, Object.assign({}, t.workspaceLink?.props), B(t)) : null);
-	}), U = r && /* @__PURE__ */ e.createElement("div", {
-		ref: y,
-		className: `${x}__create-link`
-	}, /* @__PURE__ */ e.createElement("span", {
-		className: `${x}__create-link-inner`,
-		onBlur: () => N(!1),
-		onClick: () => N(!1)
-	}, r, /* @__PURE__ */ e.createElement(Q, {
-		iconName: "plus",
-		size: "s"
-	}))), W = (t) => F ? /* @__PURE__ */ e.createElement("div", { className: `${x}__button-content` }, /* @__PURE__ */ e.createElement(bt, {
-		className: `${x}__avatar`,
-		imageSrc: F.imageSrc,
-		size: "s",
-		uniqueId: F.workspaceId
-	}), /* @__PURE__ */ e.createElement("span", { className: `${x}__name` }, /* @__PURE__ */ e.createElement("span", {
-		ref: t,
-		className: `${x}__name-text`
-	}, F.displayName))) : null;
-	return /* @__PURE__ */ e.createElement("span", {
-		className: Z([x, n]),
-		...u
-	}, /* @__PURE__ */ e.createElement(qn, { label: W() }, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
-		hasClearButton: !0,
-		id: "workspace-filter-mobile",
-		label: i,
-		onChange: (e) => v(e.target.value),
-		onClear: () => v(""),
-		placeholder: a,
-		showLabel: !1,
-		type: "search"
-	})), /* @__PURE__ */ e.createElement("ul", {
-		className: Z([C, `${C}--mobile`]),
-		role: "menu"
-	}, /* @__PURE__ */ e.createElement("li", {
-		className: `pds-dropdown__heading ${x}__item-heading`,
-		role: "presentation"
-	}, o), H.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : H), r && /* @__PURE__ */ e.createElement("div", { className: `${x}__create-link` }, /* @__PURE__ */ e.createElement("span", { className: `${x}__create-link-inner` }, r, /* @__PURE__ */ e.createElement(Q, {
-		iconName: "plus",
-		size: "s"
-	})))), /* @__PURE__ */ e.createElement("button", {
-		ref: M.setReference,
-		"aria-label": t,
-		className: `${x}__trigger`,
-		type: "button",
-		...k()
-	}, W(I), /* @__PURE__ */ e.createElement(Q, {
-		className: `${x}__trigger-icon`,
-		iconName: "angleDown",
-		size: "m"
-	})), A && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		ref: M.setFloating,
-		className: `pds-dropdown__panel ${x}__dropdown`,
-		style: {
-			...E,
-			...P,
-			zIndex: "var(--pds-z-index-dropdown)"
-		},
-		...D()
-	}, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
-		hasClearButton: !0,
-		id: "workspace-filter",
-		label: i,
-		onChange: (e) => f(e.target.value),
-		onClear: () => f(""),
-		placeholder: a,
-		showLabel: !1,
-		type: "search"
-	})), /* @__PURE__ */ e.createElement("ul", {
-		className: Z([C, w]),
-		role: "menu"
-	}, /* @__PURE__ */ e.createElement("li", {
-		className: `pds-dropdown__heading ${x}__item-heading`,
-		role: "presentation"
-	}, o), V.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : V), U)));
-}, la = {
+}, da = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation",
 	discovery: "bullhorn"
-}, ua = 200, da = 50, fa = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
+}, fa = 200, pa = 50, ma = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
 	...Jn,
 	neutral: "Notice"
 }, ...c }) => {
@@ -9957,21 +9984,21 @@ var Hr = {
 	}, w = d[0].type, T = w ? `${x}-group--${w}` : null, E = (e) => 500 - e, D = (e) => e === 0 ? 0 : -1, O = () => {
 		m(d[0].id), setTimeout(() => {
 			f((e) => [...e.slice(1), e[0]]), m(null);
-		}, ua);
+		}, fa);
 	}, k = () => {
 		y({
 			[d[0].id]: 502,
 			[d[b - 1].id]: 501
 		}), setTimeout(() => {
 			m(d[0].id);
-		}, da), setTimeout(() => {
+		}, pa), setTimeout(() => {
 			f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), y({});
-		}, ua);
+		}, fa);
 	}, A = (t, n) => {
 		let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: u, type: d } = t, m = d === "critical" ? "alert" : "status", g = `${s[d]}:  `, y = (e) => {
 			e.preventDefault(), _(a), setTimeout(() => {
 				u?.(), _(null), f((e) => e.filter((e) => e.id !== a));
-			}, ua);
+			}, fa);
 		}, b = v[a] ?? E(n);
 		return /* @__PURE__ */ e.createElement("div", {
 			key: a,
@@ -9986,7 +10013,7 @@ var Hr = {
 			style: { zIndex: b }
 		}, /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, /* @__PURE__ */ e.createElement(Q, {
 			className: `${x}__icon ${x}__icon--${t.type}`,
-			iconName: d === "neutral" ? r : la[d],
+			iconName: d === "neutral" ? r : da[d],
 			size: l ? "l" : "m"
 		}), /* @__PURE__ */ e.createElement("div", { className: `${x}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
 			className: `${x}__dismiss-button`,
@@ -10017,12 +10044,12 @@ var Hr = {
 		onClick: O,
 		size: "m"
 	}), d.map((e, t) => A(e, t))) : A(d[0], 0));
-}, pa = {
+}, ha = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation"
-}, ma = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
+}, ga = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
 	...Jn,
 	working: "Working"
 }, ...o }) => {
@@ -10042,70 +10069,71 @@ var Hr = {
 		]),
 		role: l,
 		...o
-	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "m" }) : /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${i}` in pa ? pa[i] : pa.info,
-		size: "m"
+	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "l" }) : /* @__PURE__ */ e.createElement(Q, {
+		iconName: `${i}` in ha ? ha[i] : ha.info,
+		size: "l"
 	})), /* @__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)));
-}, ha = {
+}, _a = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation",
 	discovery: "squareQuestion"
-}, ga = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: d = "info", typeLabels: f = Jn, ...p }) => {
-	let m = r === "marketing", g = h(null), _ = h(void 0), v = "pds-section-message", y = {
-		error: `${v}--error`,
-		success: `${v}--success`,
-		warning: `${v}--warning`,
-		info: `${v}--info`,
-		critical: `${v}--critical`,
-		discovery: `${v}--discovery`,
-		dismissing: `${v}--dismissing`,
-		dismissed: `${v}--dismissed`
-	}, b = o ? `${v}--hasDismiss` : null, x = l ? `${v}--hasTitle` : null, S = d === "critical" ? "alert" : "status", C = `${f[d]}: `, w = typeof s == "string" ? /* @__PURE__ */ e.createElement("p", null, s) : s;
+}, va = ({ className: t, ctaButton: n, ctaIcon: r, dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: d = "info", typeLabels: f = Jn, ...p }) => {
+	let m = h(null), g = h(void 0), _ = "pds-section-message", v = {
+		error: `${_}--error`,
+		success: `${_}--success`,
+		warning: `${_}--warning`,
+		info: `${_}--info`,
+		critical: `${_}--critical`,
+		discovery: `${_}--discovery`,
+		dismissing: `${_}--dismissing`,
+		dismissed: `${_}--dismissed`
+	}, y = o ? `${_}--hasDismiss` : null, b = l ? `${_}--hasTitle` : null, x = d === "critical" ? "alert" : "status", S = `${f[d]}: `, C = typeof s == "string" ? /* @__PURE__ */ e.createElement("p", null, s) : s;
 	u(() => () => {
-		_.current && clearTimeout(_.current);
+		g.current && clearTimeout(g.current);
 	}, []);
-	let T = () => {
-		g.current?.addEventListener("animationend", E, { once: !0 });
-	}, E = (e) => {
+	let w = () => {
+		m.current?.addEventListener("animationend", T, { once: !0 });
+	}, T = (e) => {
 		c?.(e, a);
-	}, D = () => {
-		T(), g.current?.classList.toggle(y.dismissing), _.current = setTimeout(() => {
-			g.current && (g.current.classList.toggle(y.dismissing), g.current.classList.toggle(y.dismissed));
+	}, E = () => {
+		w(), m.current?.classList.toggle(v.dismissing), g.current = setTimeout(() => {
+			m.current && (m.current.classList.toggle(v.dismissing), m.current.classList.toggle(v.dismissed));
 		}, 400);
 	};
 	return /* @__PURE__ */ e.createElement("div", {
-		ref: g,
+		ref: m,
 		className: Z([
-			v,
-			y[d],
+			_,
+			v[d],
+			y,
 			b,
-			x,
 			t ?? ""
 		]),
-		"data-context": r,
 		id: a,
-		role: S,
+		role: x,
 		...p
-	}, /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__icon ${v}__icon-${d}` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${d}` in ha ? ha[d] : ha.info,
-		size: m ? "xl" : "l"
-	})), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), l && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, w))), (n || o) && /* @__PURE__ */ e.createElement("div", { className: `${v}__actions` }, n && /* @__PURE__ */ e.createElement(Dn, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${_}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${_}__icon ${_}__icon-${d}` }, /* @__PURE__ */ e.createElement(Q, {
+		iconName: `${d}` in _a ? _a[d] : _a.info,
+		size: "l"
+	})), /* @__PURE__ */ e.createElement("div", { className: `${_}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, S), l && /* @__PURE__ */ e.createElement("div", { className: `${_}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${_}__message` }, C))), (n || o) && /* @__PURE__ */ e.createElement("div", { className: `${_}__actions` }, n && /* @__PURE__ */ e.createElement(Dn, {
 		...n,
-		className: `${v}__cta`,
-		size: m ? "m" : "s",
+		className: `${_}__cta`,
+		displayType: r ? "icon-start" : n.displayType,
+		iconName: r ?? n.iconName,
+		size: "s",
 		variant: "secondary"
 	}), o && /* @__PURE__ */ e.createElement(Mn, {
 		ariaLabel: i,
-		className: `${v}__dismiss`,
-		onClick: D,
-		size: m ? "l" : "m"
+		className: `${_}__dismiss`,
+		onClick: E,
+		size: "m"
 	})));
-}, _a = 3e4, va = {
+}, ya = 3e4, ba = {
 	pause: "Pause notification",
 	resume: "Resume notification"
-}, ya = i({ labelStrings: va }), ba = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Mn, {
+}, xa = i({ labelStrings: ba }), Sa = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Mn, {
 	ariaLabel: t || "Close",
 	className: "pds-toast__close-button",
 	onClick: (e) => {
@@ -10113,13 +10141,13 @@ var Hr = {
 	},
 	size: "s",
 	tabIndex: 0
-}), xa = ({ className: t, labelStrings: n = va, limit: r = 5, position: i = "bottom-right" }) => {
+}), Ca = ({ className: t, labelStrings: n = ba, limit: r = 5, position: i = "bottom-right" }) => {
 	let a = Z(["pds-toaster", t]);
-	return /* @__PURE__ */ e.createElement(ya.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(ze, {
+	return /* @__PURE__ */ e.createElement(xa.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(ze, {
 		newestOnTop: !0,
 		autoClose: !1,
 		className: a,
-		closeButton: ba,
+		closeButton: Sa,
 		draggable: !1,
 		icon: !1,
 		limit: r,
@@ -10129,25 +10157,25 @@ var Hr = {
 		role: "status",
 		transition: Re
 	}));
-}, Sa = {
+}, wa = {
 	info: "circleInfo",
 	success: "circleCheck",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation"
-}, Ca = {
+}, Ta = {
 	info: "Information",
 	success: "Success",
 	warning: "Warning",
 	critical: "Critical",
 	working: "Working..."
-}, wa = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Ca }) => {
+}, Ea = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Ta }) => {
 	let c = "pds-toast", u = {
 		critical: `${c}--critical`,
 		info: `${c}--info`,
 		success: `${c}--success`,
 		warning: `${c}--warning`,
 		working: `${c}--working`
-	}, d = `${s[o]} `, { labelStrings: f } = l(ya), [p, m] = g(!1), h = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
+	}, d = `${s[o]} `, { labelStrings: f } = l(xa), [p, m] = g(!1), h = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			c,
@@ -10155,9 +10183,9 @@ var Hr = {
 			r
 		]),
 		id: i
-	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "xl" }) : /* @__PURE__ */ e.createElement(Q, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "l" }) : /* @__PURE__ */ e.createElement(Q, {
 		className: `${c}__icon ${c}__icon--${o}`,
-		iconName: Sa[o],
+		iconName: wa[o],
 		size: "l"
 	})), /* @__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,
@@ -10172,11 +10200,11 @@ var Hr = {
 		iconName: p ? "play" : "pause",
 		size: "m"
 	})));
-}, Ta = /* @__PURE__ */ function(e) {
+}, Da = /* @__PURE__ */ function(e) {
 	return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
-}({}), Ea = () => [
+}({}), Oa = () => [
 	(t, n, r = {}) => {
-		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(_a, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(wa, {
+		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(ya, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(Ea, {
 			autoCloseDuration: a || void 0,
 			toastId: i,
 			type: t
@@ -10201,7 +10229,7 @@ var Hr = {
 		enter: "pds-toast--bounceInPlace",
 		exit: "pds-toast--slideOut"
 	})
-], Da = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: l = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: m, ..._ }) => {
+], ka = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: l = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: m, ..._ }) => {
 	let v = ft(n), y = v.__unslotted, b = v.footer, x = "pds-drawer", S = m ? null : `${x}--${f}`, C = `${x}--${l}`, w = m ? { width: m } : void 0, [T, E] = g(s), [D, O] = g(!1), k = h(null), { closeOverlay: A, openOverlay: j } = en();
 	u(() => {
 		s ? E(!0) : O(!1);
@@ -10266,7 +10294,7 @@ var Hr = {
 		onClick: M,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))), document.body) : null;
-}, Oa = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: l, ...d }) => {
+}, Aa = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: l, ...d }) => {
 	let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = en();
 	u(() => {
 		if (!(!h || !m) && c) return h(), () => m();
@@ -10331,7 +10359,7 @@ var Hr = {
 		}),
 		zIndex: 9999
 	}), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, r)))), document.body) : null;
-}, ka = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: d = "m", title: f, ...p }) => {
+}, ja = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: d = "m", title: f, ...p }) => {
 	let m = ft(n), h = m.__unslotted, _ = m.footer, v = "pds-modal", y = d === "m" ? null : `${v}--${d}`, S = a ? {
 		maxHeight: a,
 		paddingInlineEnd: "1rem",
@@ -10407,27 +10435,27 @@ var Hr = {
 		className: `${v}__content`,
 		style: S
 	}, h), _ && /* @__PURE__ */ e.createElement("div", { className: `${v}__footer` }, _)))), document.body) : null;
-}, Aa = (e, t) => {
+}, Ma = (e, t) => {
 	let n = t - e + 1;
 	return Array.from({ length: n }, (t, n) => n + e);
-}, ja = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => m(() => {
+}, Na = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => m(() => {
 	let i = Math.ceil(r / n), a = e + 5, o = i;
-	if (a >= i) return Aa(1, i);
+	if (a >= i) return Ma(1, i);
 	let s = Math.max(t - e, 1), c = Math.min(t + e, i), l = s > 2, u = c < i - 2;
 	if (!l && u) return [
-		...Aa(1, 3 + 2 * e),
+		...Ma(1, 3 + 2 * e),
 		"...",
 		i
 	];
 	if (l && !u) return [
 		1,
 		"...",
-		...Aa(i - (3 + 2 * e) + 1, i)
+		...Ma(i - (3 + 2 * e) + 1, i)
 	];
 	if (l && u) return [
 		1,
 		"...",
-		...Aa(s, c),
+		...Ma(s, c),
 		"...",
 		o
 	];
@@ -10436,11 +10464,11 @@ var Hr = {
 	n,
 	e,
 	t
-]), Ma = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
+]), Pa = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
 	previous: "Go to previous page",
 	next: "Go to next page"
 }, onPageChange: c, size: l = "m", totalItemCount: u, ...d }) => {
-	let f = ja({
+	let f = Na({
 		currentPage: r,
 		totalItemCount: u,
 		bufferCount: t,
@@ -10494,7 +10522,7 @@ var Hr = {
 			size: "m"
 		}))
 	}))));
-}, Na = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, Fa = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
 	next: "Next",
 	previous: "Previous"
 }, nextPage: s, onPageChange: c, previousPage: l, totalItemCount: u, ...d }) => {
@@ -10523,7 +10551,7 @@ var Hr = {
 		iconName: "angleRight",
 		size: "m"
 	}))));
-}, Pa = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, Ia = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
 	next: "Go to next page",
 	of: "of",
 	page: "Page",
@@ -10627,7 +10655,7 @@ var Hr = {
 			size: "m"
 		}))
 	})));
-}, Fa = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
+}, La = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
 	let [c, l] = g(i), f = d(), p = r ?? `expansion-panel-${f}`, m = "pds-expansion-panel", _ = a ? null : `${m}--no-border`, v = h(null);
 	return u(() => {
 		let e = v.current;
@@ -10651,7 +10679,7 @@ var Hr = {
 		className: `${m}__icon ${c ? "rotated" : ""}`,
 		iconName: "angleDown"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, t)));
-}, Ia = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
+}, Ra = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
 	let a = "pds-expansion-panel-group", o = r === "standard" ? null : `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -10661,7 +10689,7 @@ var Hr = {
 		]),
 		...i
 	}, t);
-}, La = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
+}, za = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
 	let o = "pds-panel", s = i === "default" ? null : `${o}--${i}`, c = `${o}__content`, l = r === "standard" ? null : `${c}--pad-${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -10671,7 +10699,7 @@ var Hr = {
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
-}, Ra = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
+}, Ba = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
 	let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
 	return /* @__PURE__ */ e.createElement("ul", {
 		className: Z([
@@ -10683,7 +10711,7 @@ var Hr = {
 		]),
 		...o
 	}, n);
-}, za = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
+}, Va = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
 	let o = "pds-panel-row", [s, c] = g(!1), l = ft(t), u = l["items-left"], d = l["items-right"], f = l["items-below"], p = () => {
 		c((e) => !e);
 	};
@@ -10714,10 +10742,10 @@ var Hr = {
 			opacity: "0"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, f)));
-}, Ba = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
+}, Ha = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
 	className: Z(["pds-panel-stack", n ?? ""]),
 	...r
-}, t), Va = /* @__PURE__ */ e.createElement("svg", {
+}, t), Ua = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10779,7 +10807,7 @@ var Hr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M161.5 16.65H161V16.35H162.5V16.65H162V18.25H161.6V16.65H161.5ZM163.6 18.25L163.1 16.75V18.25H162.7V16.35H163.3L163.8 17.85L164.3 16.35H164.9V18.25H164.5V16.75L164 18.25H163.6Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Ha = /* @__PURE__ */ e.createElement("svg", {
+})), Wa = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10814,7 +10842,7 @@ var Hr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Ua = /* @__PURE__ */ e.createElement("svg", {
+})), Ga = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10849,17 +10877,17 @@ var Hr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M135.7 0.299999H135.2V0H136.7V0.299999H136.2V1.9H135.8V0.299999H135.7ZM137.8 1.9L137.3 0.4V1.9H136.9V0H137.5L138 1.5L138.5 0H139.1V1.9H138.7V0.4L138.2 1.9H137.8Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Wa = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
+})), Ka = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
 	let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
 	switch (r) {
 		case "full":
-			f = Va;
+			f = Ua;
 			break;
 		case "icon":
-			f = Ha;
+			f = Wa;
 			break;
 		case "wordmark":
-			f = Ua;
+			f = Ga;
 			break;
 	}
 	let p = s(i) && typeof i.props.children == "string" ? i.props.children : "", m = s(i) ? i.type : null, h = s(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
@@ -10876,7 +10904,7 @@ var Hr = {
 		]),
 		...o
 	}, i ? h : f);
-}, Ga = 8, Ka = 14, qa = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
+}, qa = 8, Ja = 14, Ya = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
 	let [D, k] = g(d);
 	u(() => {
 		k(d);
@@ -10903,12 +10931,12 @@ var Hr = {
 		A(V),
 		j(V),
 		R(V)
-	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Ka / 2, ne = ee + Ga, { isMounted: re } = z(V, {
+	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Ja / 2, ne = ee + qa, { isMounted: re } = z(V, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${te}px calc(100% + ${Ga}px)`,
+			top: `${te}px calc(100% + ${qa}px)`,
 			bottom: `${te}px -8px`,
-			left: `calc(100% + ${Ga}px) ${ne}px`,
+			left: `calc(100% + ${qa}px) ${ne}px`,
 			right: `-8px ${ne}px`
 		}[e] })
 	});
@@ -10940,23 +10968,23 @@ var Hr = {
 		className: `${P}__arrow`,
 		context: V,
 		fill: "var(--pds-color-surface-default)",
-		height: Ga,
-		stroke: "var(--pds-color-popover-border)",
+		height: qa,
+		stroke: "var(--pds-color-border-default)",
 		strokeWidth: 1,
 		tipRadius: 0,
-		width: Ka
+		width: Ja
 	}), /* @__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(Mn, {
 		ariaLabel: r,
 		onClick: G,
 		size: "s"
 	})))))));
-}, Ja = {
+}, Xa = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, Ya = ({ className: t, colorBreakpoints: n = [{
+}, Za = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -10977,7 +11005,7 @@ var Hr = {
 		id: m
 	}, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
 		className: `${h}__percentage`,
-		style: { color: `hsl(from var(${Ja[y]}) h s calc(l - 7))` }
+		style: { color: `hsl(from var(${Xa[y]}) h s calc(l - 7))` }
 	}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": m,
 		"aria-valuenow": v,
@@ -10987,16 +11015,16 @@ var Hr = {
 		className: `${h}__bar`,
 		style: {
 			width: `${v}%`,
-			backgroundColor: `var(${Ja[y]})`
+			backgroundColor: `var(${Xa[y]})`
 		}
 	}))), S && b);
-}, Xa = {
+}, Qa = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, Za = ({ className: t, colorBreakpoints: n = [{
+}, $a = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -11045,7 +11073,7 @@ var Hr = {
 		strokeDasharray: x,
 		strokeDashoffset: S,
 		strokeWidth: y,
-		style: { stroke: `var(${Xa[C]})` },
+		style: { stroke: `var(${Qa[C]})` },
 		transform: `rotate(-90 ${v / 2} ${v / 2})`
 	}), /* @__PURE__ */ e.createElement("text", {
 		alignmentBaseline: "middle",
@@ -11055,29 +11083,29 @@ var Hr = {
 		x: "50%",
 		y: "51%"
 	}, w))));
-}, Qa = {
+}, eo = {
 	of: "of",
 	showing: "Showing",
 	unitPlural: "results",
 	unitSingular: "result"
-}, $a = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, eo = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
+}, to = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, no = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
 	let s = "pds-result-count", c = `${s}__number`, { of: l, showing: u, unitPlural: d, unitSingular: f } = {
-		...Qa,
+		...eo,
 		...i
-	}, p = n !== void 0, m = $a(r, f, d, a);
+	}, p = n !== void 0, m = to(r, f, d, a);
 	return /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: Z([s, t ?? ""]),
 		...o
 	}, /* @__PURE__ */ e.createElement("span", null, p && /* @__PURE__ */ e.createElement(e.Fragment, null, u && `${u} `, /* @__PURE__ */ e.createElement("span", { className: c }, n), ` ${l} `), /* @__PURE__ */ e.createElement("span", { className: c }, r), ` ${m}`));
-}, to = {
+}, ro = {
 	privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
 	dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
 	cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
 	termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
 	acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
 	accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
-}, no = (e) => typeof e == "string", ro = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
+}, io = (e) => typeof e == "string", ao = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -11094,8 +11122,8 @@ var Hr = {
 			r ?? ""
 		]),
 		...c
-	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => no(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, to[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
-}, io = ({ className: t, option: n, ...r }) => {
+	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => io(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, ro[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
+}, oo = ({ className: t, option: n, ...r }) => {
 	let i = "pds-site-option-display", a = n.type ? er[n.type] : "boltSolid", o = h(null), [s] = Ue(o), c = s.width / 16 - 7.5, l, u;
 	n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
 	let d = /* @__PURE__ */ e.createElement(xn, {
@@ -11118,7 +11146,7 @@ var Hr = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, ao = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
+}, so = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options"
 }, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
@@ -11130,7 +11158,7 @@ var Hr = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement(io, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(oo, { option: t }),
 			siteData: t
 		};
 	});
@@ -11159,7 +11187,7 @@ var Hr = {
 };
 //#endregion
 //#region src/components/SortableList/sortable-utils.ts
-function oo(e, t, n = null, r = 0, i = []) {
+function co(e, t, n = null, r = 0, i = []) {
 	return e.reduce((e, a, o) => {
 		let s = !!a.children?.length, c = t.has(a.id);
 		return e.push({
@@ -11171,10 +11199,10 @@ function oo(e, t, n = null, r = 0, i = []) {
 			index: o,
 			isExpanded: c,
 			parentId: n
-		}), s && c && a.children && e.push(...oo(a.children, t, a.id, r + 1, [...i, a.id])), e;
+		}), s && c && a.children && e.push(...co(a.children, t, a.id, r + 1, [...i, a.id])), e;
 	}, []);
 }
-function so(e) {
+function lo(e) {
 	let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
 	for (let i of e) {
 		let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
@@ -11187,28 +11215,28 @@ function so(e) {
 			e && (e.children || (e.children = []), e.children.push(o));
 		}
 	}
-	return co(r);
+	return uo(r);
 }
-function co(e) {
+function uo(e) {
 	return e.map((e) => {
 		if (e.children?.length) return {
 			...e,
-			children: co(e.children)
+			children: uo(e.children)
 		};
 		let { children: t, ...n } = e;
 		return n;
 	});
 }
-function lo(e, t) {
+function fo(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
 		if (n.children) {
-			let e = lo(n.children, t);
+			let e = fo(n.children, t);
 			if (e) return e;
 		}
 	}
 }
-function uo(e, t, n, r, i, a, o) {
+function po(e, t, n, r, i, a, o) {
 	let s = e.findIndex((e) => e.id === n);
 	if (s === -1) return 0;
 	let c = e[s], l = Math.round(r / i), u = e.find((e) => e.id === t), d = (o ?? u?.depth ?? c.depth) + l, f = e[s - 1], p = f ? f.depth + 1 : 0, m = e.slice(s + 1).find((e) => e.id !== t && !e.ancestorIds.includes(t) && !e.ancestorIds.includes(n)), h = m ? m.depth : 0;
@@ -11216,7 +11244,7 @@ function uo(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/SortableList/SortableListHeader.tsx
-var fo = ({ children: t, className: n, columns: r, ...i }) => {
+var mo = ({ children: t, className: n, columns: r, ...i }) => {
 	if (!r && !t) return null;
 	let a = r ? {
 		display: "grid",
@@ -11237,13 +11265,13 @@ var fo = ({ children: t, className: n, columns: r, ...i }) => {
 };
 //#endregion
 //#region src/components/SortableList/useSortableTree.ts
-function po({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
+function ho({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
 	let i = n !== void 0, [a, o] = g(() => n ?? e ?? []), [s, l] = g(/* @__PURE__ */ new Set()), u = h(null), d = h(t);
 	t && !d.current && (u.current = {
 		items: i ? n : a,
 		expandedIds: s
-	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && ho("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
-	let f = i ? n : a, p = m(() => oo(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
+	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && _o("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
+	let f = i ? n : a, p = m(() => co(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
 		l((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -11261,7 +11289,7 @@ function po({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		}, []),
 		flatNodes: p,
 		handleReorder: c((e) => {
-			let t = so(e);
+			let t = lo(e);
 			i || o(t), r?.(t);
 		}, [i, r]),
 		resetToSnapshot: c(() => {
@@ -11273,24 +11301,24 @@ function po({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		toggleExpand: v
 	};
 }
-var mo = /* @__PURE__ */ new Set();
-function ho(e) {
-	mo.has(e) || (mo.add(e), console.warn(e));
+var go = /* @__PURE__ */ new Set();
+function _o(e) {
+	go.has(e) || (go.add(e), console.warn(e));
 }
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
-var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
+var vo = 24, yo = { droppable: { strategy: qe.Always } }, bo = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
 	let w = "pds-sortable-list", [T, E] = g(null), D = h(null), [O, k] = g(!1), A = h(!1), [j, M] = g(null), N = h(0), P = h(0), F = h("pointer"), I = h(0), L = h(null), [R, z] = g(0), B = h(0), [V, H] = g(0), U = h(0), W = c((e, t) => {
 		if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
 			e.preventDefault();
 			let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
 			return B.current = i, z(i), {
-				x: t.currentCoordinates.x + a * go,
+				x: t.currentCoordinates.x + a * vo,
 				y: t.currentCoordinates.y
 			};
 		}
 		return $e(e, t);
-	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = po({
+	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = ho({
 		defaultItems: a,
 		isDragEnabled: G,
 		items: p,
@@ -11317,9 +11345,9 @@ var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ chil
 		se,
 		oe,
 		j
-	]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? lo(K, String(T)) ?? null : null, [T, K]), de = m(() => {
+	]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? fo(K, String(T)) ?? null : null, [T, K]), de = m(() => {
 		let e = le?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : uo(J, String(T), String(j), V * go, go, _);
+		return !T || !j || O || _ === 0 ? e : po(J, String(T), String(j), V * vo, vo, _);
 	}, [
 		T,
 		le,
@@ -11331,7 +11359,7 @@ var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ chil
 	]), fe = m(() => {
 		if (!T || O || de === 0 || j && se(j)) return null;
 		let e = J.findIndex((e) => e.id === T);
-		return e === -1 ? null : yo(J, e, de);
+		return e === -1 ? null : xo(J, e, de);
 	}, [
 		T,
 		J,
@@ -11377,19 +11405,19 @@ var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ chil
 	}, [J, oe]), ge = c((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
-		let n = Math.floor(t / go), r = U.current;
-		(n > r || n < r && t < r * go - go * .4) && (U.current = n, H(n));
+		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 && (q(L.current), L.current = null);
-		let o = J.findIndex((e) => e.id === t.id), s = r ? i * go : a * go, c = !n || t.id === n.id, l = n?.id ?? 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 = J[o];
 			if (!e) return;
-			let n = uo(J, String(t.id), String(t.id), s, go, _);
+			let n = po(J, String(t.id), String(t.id), s, vo, _);
 			if (n === e.depth) return;
-			let r = [...J], [i] = r.splice(o, 1), a = yo(r, o, n);
+			let r = [...J], [i] = r.splice(o, 1), a = xo(r, o, n);
 			if (a && Y.has(a)) return;
 			let c = {
 				...i,
@@ -11411,9 +11439,9 @@ var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ chil
 			let e = J[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
-			g = uo(d, String(t.id), String(l), s, go, _, p.depth);
+			g = po(d, String(t.id), String(l), s, vo, _, p.depth);
 			let e = d[h];
-			v = e && e.depth === g - 1 ? String(l) : yo(d, h, g);
+			v = e && e.depth === g - 1 ? String(l) : xo(d, h, g);
 		}
 		if (v && Y.has(v)) return;
 		let y = {
@@ -11436,24 +11464,24 @@ var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ chil
 		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 = J.find((t) => t.id === e.id), n = lo(K, String(e.id));
+			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 = J.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = lo(K, String(e.id)), i = r ? o(r) : String(e.id), a = uo(J, String(e.id), String(t.id), P.current, go, _);
+			let r = fo(K, String(e.id)), i = r ? o(r) : String(e.id), a = po(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 = lo(K, 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 = J.findIndex((e) => e.id === t.id), a = uo(J, String(e.id), String(t.id), P.current, go, _);
+			let i = J.findIndex((e) => e.id === t.id), a = po(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 = J.find((t) => t.id === e.id), n = lo(K, String(e.id));
+			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}.`;
 		}
 	}), [
@@ -11461,14 +11489,14 @@ var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ chil
 		J,
 		o,
 		_
-	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === fo ? e.cloneElement(t, be) : t);
+	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === mo ? e.cloneElement(t, be) : t);
 	return /* @__PURE__ */ e.createElement(We, {
 		accessibility: {
 			announcements: ye,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: me,
-		measuring: _o,
+		measuring: yo,
 		onDragCancel: ve,
 		onDragEnd: _e,
 		onDragMove: ge,
@@ -11543,14 +11571,14 @@ var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ chil
 		return s(a) ? e.cloneElement(a, o) : a;
 	})()) : null));
 });
-function yo(e, t, n) {
+function xo(e, t, n) {
 	if (n === 0) return null;
 	for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
 	return null;
 }
 //#endregion
 //#region src/components/SortableList/SortableRow.tsx
-var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
+var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
 	let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = et({
 		attributes: {
 			role: "listitem",
@@ -11605,40 +11633,47 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		key: t.id,
 		className: `${w}__cell`
 	}, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
-}, xo = ({ actionCallback: t, actionIcon: n, actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", stat: c, title: l, ...u }) => {
-	let f = "pds-stat-panel", p = s === "neutral" ? null : `${f}--${s}`, m = d(), h = n && r && t;
+}, Co = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: f, ...p }) => {
+	let m = "pds-stat-panel", h = s === "neutral" ? null : `${m}--${s}`, g = c ? `${m}--active` : null, _ = d(), v = n && r && t;
 	return /* @__PURE__ */ e.createElement("div", {
-		"aria-labelledby": m,
+		"aria-labelledby": _,
 		className: Z([
-			f,
-			p,
+			m,
+			h,
+			g,
 			i ?? ""
 		]),
 		role: "group",
-		...u
-	}, /* @__PURE__ */ e.createElement("div", { className: Z([`${f}__header`, h ? `${f}__header--has-action` : null]) }, /* @__PURE__ */ e.createElement("span", {
-		className: `${f}__title`,
-		id: m
-	}, l), h && /* @__PURE__ */ e.createElement(An, {
+		...p
+	}, /* @__PURE__ */ e.createElement("div", { className: Z([`${m}__header`, v ? `${m}__header--has-action` : null]) }, /* @__PURE__ */ e.createElement("span", {
+		className: `${m}__title`,
+		id: _
+	}, f), v && /* @__PURE__ */ e.createElement(An, {
 		ariaLabel: r,
-		className: `${f}__action`,
+		className: `${m}__action`,
 		iconName: n,
+		isPressed: c,
 		onClick: t,
 		size: "s"
-	})), /* @__PURE__ */ e.createElement("div", { className: `${f}__body` }, o === "spinner" ? /* @__PURE__ */ e.createElement(bn, {
+	})), /* @__PURE__ */ e.createElement("div", { className: `${m}__body` }, o === "spinner" ? /* @__PURE__ */ e.createElement(bn, {
 		isInline: !0,
-		className: `${f}__icon ${f}__icon--spinner`,
-		size: "xl"
-	}) : /* @__PURE__ */ e.createElement(Q, {
-		className: `${f}__icon`,
+		className: `${m}__icon ${m}__icon--spinner`,
+		size: "l"
+	}) : o && /* @__PURE__ */ e.createElement(Q, {
+		className: `${m}__icon`,
 		iconName: o,
 		size: "l"
-	}), /* @__PURE__ */ e.createElement("span", { className: `${f}__stat` }, c)), a && /* @__PURE__ */ e.createElement("p", { className: `${f}__description` }, a));
-}, So = [
+	}), l ? /* @__PURE__ */ e.createElement(kr, {
+		className: `${m}__stat-skeleton`,
+		shape: "text-block",
+		size: { width: 6 },
+		textSize: "xl"
+	}) : u && /* @__PURE__ */ e.createElement("span", { className: `${m}__stat` }, u)), a && /* @__PURE__ */ e.createElement("p", { className: `${m}__description` }, a));
+}, wo = [
 	"default",
 	"working",
 	"checked"
-], Co = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
+], To = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
 	let l = {
 		checkForUpdates: "Check for updates",
 		checking: "Checking...",
@@ -11685,7 +11720,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		triggerIconColor: "default",
 		triggerIconSize: "s"
 	}), t === "left" && g));
-}, wo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
+}, Eo = ({ 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(bn, {
 		className: `${o}__spinner`,
 		size: "m"
@@ -11702,7 +11737,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, r ? d : l);
-}, To = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+}, Do = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
 	let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
 		let a = /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, /* @__PURE__ */ e.createElement("span", null, i + 1)), s = /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, r), c = t ? /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, t) : null, l = `${o}__step`;
 		return /* @__PURE__ */ e.createElement("li", {
@@ -11720,20 +11755,20 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, Eo = ({ className: t, steps: n, translatableLabels: r = {
+}, Oo = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
 	next: "Next"
 }, ...i }) => {
-	let a = "pds-stepper", o = "pds-stepper-mobile", s = h(null), [c] = Ue(s), l = c.width, u = parseFloat(St) * 16, d = n.length, f = n.map((e) => e.isCurrent).lastIndexOf(!0), p = n.map((t, n) => {
-		let i = n + 1, o = n === f, s = t.isComplete || n < f, c = t.hasError && o, p = (l - d * u) / (d + (d - 2)), m = u + p * 2, h = u + p, g = p + 36, _ = n === 0, v = n === d - 1, y = m;
-		(_ || v) && (y = h);
-		let b = `${a}__step`, x = [b];
-		o && x.push(`${b}--current`), s && x.push(`${b}--complete`), c && x.push(`${b}--error`);
-		let S = `${r.step} ${i}`;
-		s && (S = `${r.step} ${i}, ${r.completed}`), c && (S = `${r.step} ${i}, ${r.hasError}`);
-		let C = s ? /* @__PURE__ */ e.createElement("div", {
+	let a = "pds-stepper", o = "pds-stepper-mobile", s = h(null), [c] = Ue(s), l = c.width, u = n.length, d = n.map((e) => e.isCurrent).lastIndexOf(!0), f = n.map((t, n) => {
+		let i = n + 1, o = n === d, s = t.isComplete || n < d, c = t.hasError && o, f = (l - u * 136) / (u + (u - 2)), p = 136 + f * 2, m = 136 + f, h = f + 48, g = n === 0, _ = n === u - 1, v = p;
+		(g || _) && (v = m);
+		let y = `${a}__step`, b = [y];
+		o && b.push(`${y}--current`), s && b.push(`${y}--complete`), c && b.push(`${y}--error`);
+		let x = `${r.step} ${i}`;
+		s && (x = `${r.step} ${i}, ${r.completed}`), c && (x = `${r.step} ${i}, ${r.hasError}`);
+		let S = s ? /* @__PURE__ */ e.createElement("div", {
 			"aria-hidden": "true",
 			className: `${a}__step-indicator`
 		}, /* @__PURE__ */ e.createElement("svg", {
@@ -11747,69 +11782,70 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		}, /* @__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", {
 			"aria-hidden": "true",
 			className: `${a}__step-indicator`
-		}), w = /* @__PURE__ */ e.createElement("div", { className: `${a}__step-label` }, t.label), T = /* @__PURE__ */ e.createElement("div", { className: `${a}__step-content` }, w, C);
-		return s && t.callback && (T = /* @__PURE__ */ e.createElement("button", {
+		}), C = /* @__PURE__ */ e.createElement("div", { className: `${a}__step-label` }, t.label), w = /* @__PURE__ */ e.createElement("div", { className: `${a}__step-content` }, C, S);
+		return s && t.callback && (w = /* @__PURE__ */ e.createElement("button", {
 			className: `${a}__step-content`,
 			onClick: (e) => {
 				t.callback(t), e.preventDefault();
 			},
 			type: "button"
-		}, w, C)), /* @__PURE__ */ e.createElement("li", {
+		}, C, S)), /* @__PURE__ */ e.createElement("li", {
 			key: t.id,
 			"aria-current": o ? "step" : null,
-			"aria-label": S,
+			"aria-label": x,
 			"aria-posinset": i,
-			"aria-setsize": d,
-			className: Z(x),
+			"aria-setsize": u,
+			className: Z(b),
 			id: t.id,
-			style: { width: y }
-		}, !_ && /* @__PURE__ */ e.createElement("span", {
+			style: { width: v }
+		}, !g && /* @__PURE__ */ e.createElement("span", {
 			className: `${a}__connector ${a}__connector--before`,
 			style: {
-				width: g,
-				marginRight: -36
+				width: h,
+				marginRight: -48
 			}
-		}), T, !v && /* @__PURE__ */ e.createElement("span", {
+		}), w, !_ && /* @__PURE__ */ e.createElement("span", {
 			className: `${a}__connector ${a}__connector--after`,
 			style: {
-				width: g,
-				marginLeft: -36
+				width: h,
+				marginLeft: -48
 			}
 		}));
-	}), m = n.map((t, i) => {
-		let a = i + 1, s = i === f, c = i === d - 1, l = t.hasError && s, u = n[f + 1] ? n[f + 1].label : null;
+	}), p = n.map((t, i) => {
+		let a = i + 1, s = i === d, c = i === u - 1, l = t.hasError && s, f = n[d + 1] ? n[d + 1].label : null;
 		if (s) {
-			let n = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r.step, " "), a, " of ", d), i = a / d * 100, s = l ? { "--pds-color-status-info-fill": "var(--pds-color-status-critical-foreground)" } : { "--pds-color-status-info-fill": "var(--pds-color-interactive-background-current)" }, f = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, r.step, " ", a, ", ", r.hasError);
+			let n = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r.step, " "), a, " of ", u), i = a / u * 100, s = l ? { "--pds-color-status-info-fill": "var(--pds-color-status-critical-foreground)" } : { "--pds-color-status-info-fill": "var(--pds-color-interactive-background-current)" }, d = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, r.step, " ", a, ", ", r.hasError);
 			return /* @__PURE__ */ e.createElement("div", {
 				key: t.id,
 				className: `${o}__step`,
 				id: `${t.id}--mobile`
-			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Za, {
+			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement($a, {
 				innerLabel: n,
 				label: "Step progress",
 				percentage: i,
 				size: "s",
 				style: s
-			})), /* @__PURE__ */ e.createElement("div", { className: `${o}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__step-label` }, l && /* @__PURE__ */ e.createElement(e.Fragment, null, f, /* @__PURE__ */ e.createElement(Q, {
+			})), /* @__PURE__ */ e.createElement("div", { className: `${o}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__step-label` }, l && /* @__PURE__ */ e.createElement(e.Fragment, null, d, /* @__PURE__ */ e.createElement(Q, {
 				className: `${o}__error-icon`,
 				iconName: "diamondExclamation",
 				size: "m"
-			})), t.label), !c && /* @__PURE__ */ e.createElement("div", { className: `${o}__next-step` }, `${r.next}: ${u}`)));
+			})), t.label), !c && /* @__PURE__ */ e.createElement("div", { className: `${o}__next-step` }, `${r.next}: ${f}`)));
 		}
 	});
-	if (d >= 2 && d <= 5) return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
+	if (u >= 2 && u <= 5) return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
 		className: Z([a, t]),
-		"data-steps": d,
+		"data-steps": u,
 		...i
 	}, /* @__PURE__ */ e.createElement("ol", {
 		ref: s,
-		className: `${a}__steps`
-	}, p)), /* @__PURE__ */ e.createElement("div", {
+		className: `${a}__steps`,
+		style: { "--step-content-width": "8.5rem" }
+	}, f)), /* @__PURE__ */ e.createElement("div", {
 		className: Z([o, t]),
-		"data-steps": d,
+		"data-steps": u,
 		...i
-	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, m)));
-}, Do = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)));
+}, ko = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
 	let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
 	return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
 		className: Z([...p]),
@@ -11835,14 +11871,14 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "highlight"
 	})))));
-}, Oo = ({ className: t, labelStrings: n = {
+}, Ao = ({ className: t, labelStrings: n = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error"
 }, steps: r, ...i }) => {
 	let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
 		let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
-		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Do, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(ko, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -11863,7 +11899,7 @@ var bo = ({ 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));
-}, ko = ({ 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, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, maxHeight: A, minHeight: j, nextDetailPanelRowLabel: M = "Next row", onDetailPanelNext: N, onDetailPanelPrev: P, onPageChange: F, onPageSizeChange: I, onRowInspect: L, onRowSelectionChange: R, onSort: z, pageSizeOptions: B, pageSizeSelectLabel: V = "Rows per page", paginationLabels: H, panel: U, prevDetailPanelRowLabel: W = "Previous row", renderDetailPanel: G, renderDetailPanelFooter: K, rowData: q, selectAllLabel: J = "Select all rows", selectedRows: ee, sortKey: te, sortOrder: ne, totalItemCount: re, ...ie }) => {
+}, jo = ({ 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, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, maxHeight: A, minHeight: j, nextDetailPanelRowLabel: M = "Next row", onDetailPanelNext: N, onDetailPanelPrev: P, onPageChange: F, onPageSizeChange: I, onRowInspect: L, onRowSelectionChange: R, onSort: z, pageSizeOptions: B, pageSizeSelectLabel: V = "Rows per page", paginationLabels: H, panel: U, prevDetailPanelRowLabel: W = "Previous row", renderDetailPanel: G, renderDetailPanelFooter: K, rowData: q, selectAllLabel: J = "Select all rows", selectedRows: ee, sortKey: te, sortOrder: ne, totalItemCount: re, ...ie }) => {
 	let ae = "pds-table", oe = d(), Y = d(), se = h(null), X = z !== void 0, ce = F !== void 0, le = I !== void 0, ue = ce || O !== void 0 || B !== void 0, de = q.length > 0 || ce && (re ?? 0) > 0, [fe, pe] = g({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
@@ -12046,7 +12082,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		showLabel: !1,
 		size: "s",
 		value: String(Se)
-	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Pa, {
+	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Ia, {
 		currentPage: ce ? i ?? 1 : me,
 		itemsPerPage: Se,
 		labelStrings: H,
@@ -12087,8 +12123,8 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "standard"
 	}))))));
-	return U ? /* @__PURE__ */ e.createElement(La, { padding: "none" }, et) : et;
-}, Ao = [
+	return U ? /* @__PURE__ */ e.createElement(za, { padding: "none" }, et) : et;
+}, Mo = [
 	" ",
 	"/",
 	".",
@@ -12106,7 +12142,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], jo = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Mo = (e) => {
+], No = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Po = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -12119,18 +12155,18 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, No = (e, t, n) => {
+}, Fo = (e, t, n) => {
 	let [r, i] = g([]);
 	return u(() => {
 		let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
 			let e = Array.from(document.querySelectorAll(r));
 			e.forEach((e) => {
-				Ao.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(jo(t), "g"), "-"));
+				Mo.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp(No(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(Mo(e));
+			}), i(Po(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -12146,7 +12182,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, Po = (e, t) => {
+}, Io = (e, t) => {
 	let [n, r] = g(void 0), i = h({});
 	return u(() => {
 		let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -12165,7 +12201,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, Fo = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
+}, Lo = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
 	key: r.id,
 	className: `${n}__list-item`
 }, /* @__PURE__ */ e.createElement("a", {
@@ -12181,8 +12217,8 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
 	href: `#${r.id}`,
 	onClick: (e) => i(e, r.id)
-}, r.title))))))), Io = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
-	let u = "pds-toc", { nestedHeadings: f } = No(c, o, d()), p = Po(c, o), m = (e) => {
+}, r.title))))))), Ro = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
+	let u = "pds-toc", { nestedHeadings: f } = Fo(c, o, d()), p = Io(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -12200,13 +12236,13 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		baseClass: u,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(Fo, {
+	}, a), /* @__PURE__ */ e.createElement(Lo, {
 		activeID: p,
 		baseClass: u,
 		headings: f,
 		onLinkClick: g
 	}));
-}, Lo = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, zo = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [l, d] = g(a ?? r);
 	u(() => {
 		a !== void 0 && d(a);
@@ -12320,7 +12356,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== l
 	}, r)))));
-}, Ro = [
+}, Bo = [
 	"orange",
 	"stone",
 	"gold",
@@ -12334,7 +12370,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"magenta",
 	"rose",
 	"red"
-], zo = [
+], Vo = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -12344,14 +12380,14 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"lime-solid",
 	"sky-solid",
 	"slate-solid"
-], Bo = [
+], Ho = [
 	"success-solid",
 	"warning-solid",
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], Vo = [...zo, ...Bo], Ho = [...Ro, ...zo], Uo = (e) => Ho[parseInt(v(e), 16) % Ho.length], Wo = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Go = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
-	let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${Uo(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
+], Uo = [...Vo, ...Ho], Wo = [...Bo, ...Vo], Go = (e) => Wo[parseInt(v(e), 16) % Wo.length], Ko = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, qo = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
+	let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${Go(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && s(r)) {
@@ -12373,7 +12409,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? Wo(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? Ko(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -12385,7 +12421,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, Ko = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, Jo = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
 	let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = ft(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -12396,7 +12432,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__layout` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, u), /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, d)));
-}, qo = () => {
+}, Yo = () => {
 	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = g(e ? t(window.innerWidth) : "lg");
 	return u(() => {
 		if (!e) return;
@@ -12407,7 +12443,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, Jo = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
+}, Xo = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
 	let [j, M] = g(l || !1);
 	u(() => {
 		M(l || !1);
@@ -12429,7 +12465,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		M(!j);
-	}, U = qo();
+	}, U = Yo();
 	u(() => {
 		U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
 	}, [U]);
@@ -12524,7 +12560,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement(Fi, {
 		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` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(Da, {
+	}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(ka, {
 		...i,
 		isOpen: c,
 		placement: "left",
@@ -12532,7 +12568,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && c && b && b();
 		}
 	}, r));
-}, Yo = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, Zo = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
 	let c = "pds-docs-layout", l = {
 		"--docs-sidebar-max-width": `${i}rem`,
 		"--docs-sidebar-min-width": `${a}rem`,
@@ -12550,7 +12586,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...s
 	}, f && /* @__PURE__ */ e.createElement("aside", { className: `${c}__sidebar` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__sidebar-inner` }, f)), /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, d));
-}, Xo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
+}, Qo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
 	let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = ft(t);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, n ?? ""]),
@@ -12564,7 +12600,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...l
 	}, /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, f.__unslotted || f.content), /* @__PURE__ */ e.createElement("div", { className: `${u}__side` }, f.sidebar));
-}, Zo = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
+}, $o = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
 	let s = "pds-stat-panel-group", c = `${s}--max-${i}`, l = {
 		"--max-columns": i,
 		...a
@@ -12583,7 +12619,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${s}__item`,
 		role: "listitem"
 	}, t))));
-}, Qo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
+}, es = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
 	let o = ft(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(Ji, {
 		className: Z([
 			l,
@@ -12593,8 +12629,8 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		width: "wide",
 		...a
 	}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
-	return i ? /* @__PURE__ */ e.createElement(La, null, d) : d;
-}, $o = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+	return i ? /* @__PURE__ */ e.createElement(za, null, d) : d;
+}, ts = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
 	let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = ft(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -12612,7 +12648,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		key: n,
 		className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
 	}, t)));
-}, es = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, ns = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
 	let s = "pds-two-item-layout", c = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, l = `${s}--${a}`, u = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], f = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"], m, h;
 	switch (i) {
 		case "equal":
@@ -12633,7 +12669,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
-}, ts = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
+}, rs = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
 	let _ = "pds-flex", v = `${_}-container`, y = {
 		"--pds-flex-align-content": t,
 		"--pds-flex-align-items": n,
@@ -12659,7 +12695,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, ns = (e) => {
+}, is = (e) => {
 	let t = typeof window < "u", [n, r] = g(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return u(() => {
 		if (!t) return;
@@ -12668,20 +12704,20 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		};
 		return r(n.matches), n.addEventListener ? (n.addEventListener("change", i), () => n.removeEventListener("change", i)) : (n.addListener(i), () => n.removeListener(i));
 	}, [e]), n;
-}, rs = [
+}, as = [
 	"light",
 	"dark",
 	"system"
-], is = (e) => typeof e == "string" && rs.includes(e), as = i(null), os = {
+], os = (e) => typeof e == "string" && as.includes(e), ss = i(null), cs = {
 	resolvedTheme: "light",
 	setTheme: () => {},
 	theme: "light"
-}, ss = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, cs = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
-	let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = ns("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
+}, ls = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, us = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
+	let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = is("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
 	u(() => {
 		if (_(!0), !(d || !o || typeof window > "u")) try {
 			let e = window.localStorage.getItem(s);
-			is(e) && m(e);
+			os(e) && m(e);
 		} catch {}
 	}, []), u(() => {
 		typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -12701,20 +12737,20 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		theme: v
 	};
-	return /* @__PURE__ */ e.createElement(as.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ss({
+	return /* @__PURE__ */ e.createElement(ss.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ls({
 		defaultTheme: n,
 		storageKey: s
 	}) } }), t);
-}, ls = () => l(as) ?? os, us = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
+}, ds = () => l(ss) ?? cs, fs = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
 	u(() => {
 		let e = document.documentElement, t = () => {
 			window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
 		};
 		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
 	}, [r]);
-	let a = n ? /* @__PURE__ */ e.createElement(cs, i, t) : t;
+	let a = n ? /* @__PURE__ */ e.createElement(us, i, t) : t;
 	return /* @__PURE__ */ e.createElement($t, null, a);
-}, ds = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, ps = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
 	let l = "pds-grid", u = a === "xl" ? null : `${l}--gap-${a}`, d = i ? `${l}--dense` : null, f = t || s ? `${l}--container` : null, p = s ? `${l}--stack-${s}` : null, m = o ?? a, h = m === a ? null : `${l}-gap-mobile--${m}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -12728,7 +12764,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, fs = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, ms = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
 	let f = "pds-grid-item", p = [
 		l ? `${f}--sm-${l}` : null,
 		c ? `${f}--md-${c}` : null,
@@ -12747,7 +12783,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, ps = (e, t, n) => {
+}, hs = (e, t, n) => {
 	let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: s = !1 } = n ?? {}, [l, d] = g(!1), f = c((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === s, [
 		r,
 		i,
@@ -12771,7 +12807,7 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		m,
 		a
 	]), l;
-}, ms = () => {
+}, gs = () => {
 	let e = typeof window < "u", [t, n] = g(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return u(() => {
 		if (!e) return;
@@ -12785,6 +12821,6 @@ var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { ur as ActionCard, Jo as AppLayout, bt as Avatar, xt as Badge, fa as Banner, Nr as BarChart, Cn as BranchDiff, Li as Breadcrumb, Dn as Button, On as ButtonLink, qi as ButtonNav, Ni as CTALink, lr as Callout, dr as Card, fr as CardSelect, $r as Checkbox, ei as CheckboxFieldset, ti as CheckboxGroup, jn as ClipboardButton, Mn as CloseButton, Ur as CodeBlock, ni as Combobox, ii as ComboboxMultiselect, pr as CompactEmptyState, Gr as ComparisonList, Ji as Container, Ci as Datepicker, Yo as DocsLayout, Da as Drawer, Ln as Dropdown, Ki as DropdownMenu, Fa as ExpansionPanel, Ia as ExpansionPanelGroup, Yr as FileDiff, wi as FileUpload, Kn as FilterButton, ts as FlexContainer, Oa as FullScreenOverlay, us as GlobalWrapper, ds as Grid, fs as GridItem, qr as HorizontalEmptyState, Q as Icon, An as IconButton, Qr as IdentityBlock, ma as InlineMessage, Ti as InputGroup, Fr as LineChart, Pi as LinkNewWindow, _a as MIN_AUTO_CLOSE_DURATION, tr as MenuButton, ka as Modal, Yi as Navbar, Ma as Pagination, Na as PaginationChapter, Pa as PaginationCompact, La as Panel, Ra as PanelList, za as PanelRow, Ba as PanelStack, Wa as PantheonLogo, Zr as PaymentIcon, Ii as Picture, Lr as PieChart, ir as PlatformIcon, qa as Popover, Ya as ProgressBar, Za as ProgressRing, zr as ProportionBar, Ei as RadioGroup, eo as ResultCount, or as SSOButton, ga as SectionMessage, nr as SegmentedButton, hr as Select, mr as SelectOptionGroup, Xi as SideNav, Qi as SideNavGlobal, Zi as SideNavGlobalItem, Xo as SidebarLayout, ro as SiteFooter, ea as SiteMenu, io as SiteOptionDisplay, ao as SiteSearch, er as SiteTypeIcon, $n as SiteTypeLabel, kr as Skeleton, Fi as Skiplink, vo as SortableList, fo as SortableListHeader, bo as SortableRow, bn as Spinner, rr as SplitButton, xo as StatPanel, Zo as StatPanelGroup, xn as StatusBadge, Co as StatusChecker, wo as StatusIndicator, Jn as StatusTypeLabels, To as StepList, Eo as Stepper, Qo as StepperLayout, Di as Switch, na as TabMenu, ko as Table, Io as TableOfContents, Lo as Tabs, Go as Tag, ki as TagsInput, Sn as Tally, Mi as TextInput, Ai as Textarea, as as ThemeContext, cs as ThemeContextProvider, oa as ThemeSwitcher, $o as ThreeItemLayout, li as Timepicker, wa as Toast, Ta as ToastType, xa as Toaster, ya as ToasterContext, nn as Tooltip, ia as TreeNav, es as TwoItemLayout, sa as UserMenu, Ko as UtilityBar, sr as UtilityButton, Jr as VerticalEmptyState, Oo as VerticalStepper, Kr as VideoEmbed, ca as WorkspaceSelector, yi as getPresetDateRange, ss as getThemeInitScript, _t as iconList, Xn as isHeadingItemType, Zn as isLinkItemType, Qn as isNodeItemType, Yn as isSeparatorItemType, So as statusCheckerStates, Ro as tagColors, Vo as tagSolidColors, zo as tagSolidHueColors, Bo as tagSolidStatusColors, qo as useBreakpoint, kn as useClipboard, Pn as useDropdown, Xt as useIsMobile, ps as useKeyPress, tn as useKeyboardShortcut, ns as useMediaQuery, ls as useTheme, Ea as useToast, ms as useWindowWidth };
+export { ur as ActionCard, Xo as AppLayout, bt as Avatar, St as Badge, ma as Banner, Nr as BarChart, Cn as BranchDiff, Li as Breadcrumb, Dn as Button, On as ButtonLink, qi as ButtonNav, Ni as CTALink, lr as Callout, dr as Card, fr as CardSelect, $r as Checkbox, ei as CheckboxFieldset, ti as CheckboxGroup, jn as ClipboardButton, Mn as CloseButton, Ur as CodeBlock, ni as Combobox, ii as ComboboxMultiselect, pr as CompactEmptyState, Gr as ComparisonList, Ji as Container, Ci as Datepicker, Zo as DocsLayout, ka as Drawer, Ln as Dropdown, Ki as DropdownMenu, La as ExpansionPanel, Ra as ExpansionPanelGroup, Yr as FileDiff, wi as FileUpload, Kn as FilterButton, rs as FlexContainer, Aa as FullScreenOverlay, fs as GlobalWrapper, ps as Grid, ms as GridItem, qr as HorizontalEmptyState, Q as Icon, An as IconButton, Qr as IdentityBlock, ga as InlineMessage, Ti as InputGroup, Fr as LineChart, Pi as LinkNewWindow, ya as MIN_AUTO_CLOSE_DURATION, tr as MenuButton, ja as Modal, ta as Navbar, Pa as Pagination, Fa as PaginationChapter, Ia as PaginationCompact, za as Panel, Ba as PanelList, Va as PanelRow, Ha as PanelStack, Ka as PantheonLogo, Zr as PaymentIcon, Ii as Picture, Lr as PieChart, ir as PlatformIcon, Ya as Popover, Za as ProgressBar, $a as ProgressRing, zr as ProportionBar, Ei as RadioGroup, no as ResultCount, or as SSOButton, va as SectionMessage, nr as SegmentedButton, hr as Select, mr as SelectOptionGroup, na as SideNav, ia as SideNavGlobal, ra as SideNavGlobalItem, Qo as SidebarLayout, ao as SiteFooter, oa as SiteMenu, oo as SiteOptionDisplay, so as SiteSearch, er as SiteTypeIcon, $n as SiteTypeLabel, kr as Skeleton, Fi as Skiplink, bo as SortableList, mo as SortableListHeader, So as SortableRow, bn as Spinner, rr as SplitButton, Co as StatPanel, $o as StatPanelGroup, xn as StatusBadge, To as StatusChecker, Eo as StatusIndicator, Jn as StatusTypeLabels, Do as StepList, Oo as Stepper, es as StepperLayout, Di as Switch, ca as TabMenu, jo as Table, Ro as TableOfContents, zo as Tabs, qo as Tag, ki as TagsInput, Sn as Tally, Mi as TextInput, Ai as Textarea, ss as ThemeContext, us as ThemeContextProvider, Xi as ThemeSwitcher, ts as ThreeItemLayout, li as Timepicker, Ea as Toast, Da as ToastType, Ca as Toaster, xa as ToasterContext, nn as Tooltip, ua as TreeNav, ns as TwoItemLayout, Zi as UserMenu, Jo as UtilityBar, sr as UtilityButton, Jr as VerticalEmptyState, Ao as VerticalStepper, Kr as VideoEmbed, Qi as WorkspaceSelector, yi as getPresetDateRange, ls as getThemeInitScript, _t as iconList, Xn as isHeadingItemType, Zn as isLinkItemType, Qn as isNodeItemType, Yn as isSeparatorItemType, wo as statusCheckerStates, Bo as tagColors, Uo as tagSolidColors, Vo as tagSolidHueColors, Ho as tagSolidStatusColors, Yo as useBreakpoint, kn as useClipboard, Pn as useDropdown, Xt as useIsMobile, hs as useKeyPress, tn as useKeyboardShortcut, is as useMediaQuery, ds as useTheme, Oa as useToast, gs as useWindowWidth };
 
 //# sourceMappingURL=index.js.map