@pantheon-systems/pds-toolkit-react 2.0.0-alpha.40 → 2.0.0-alpha.42

package/dist/index.js

@@ -2414,7 +2414,11 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 	TYPOGRAPHY_SIZE_6XL: "3rem",
 	TYPOGRAPHY_SIZE_7XL: "3.75rem",
 	TYPOGRAPHY_SIZE_8XL: "4.5rem"
-}, gt = r(null), _t = ({ children: t }) => {
+}, gt = r(null), _t = {
+	closeOverlay: () => {},
+	hasOpenOverlay: !1,
+	openOverlay: () => {}
+}, vt = ({ children: t }) => {
 	let [n, r] = h(0), i = s(() => {
 		r((e) => e + 1);
 	}, []), a = s(() => {
@@ -2439,11 +2443,7 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 		openOverlay: i
 	};
 	return /* @__PURE__ */ e.createElement(gt.Provider, { value: c }, t);
-}, vt = () => {
-	let e = c(gt);
-	if (!e) throw Error("useOverlayContext must be used within OverlayContextProvider");
-	return e;
-}, yt = (e, t, n) => {
+}, yt = () => c(gt) ?? _t, bt = (e, t, n) => {
 	let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: c = !1 } = n ?? {}, [u, d] = h(!1), f = s((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === c, [
 		r,
 		i,
@@ -2467,7 +2467,7 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 		m,
 		a
 	]), u;
-}, bt = ({ className: t, content: n, customTrigger: r = null, disableFocusTrigger: i = !1, offsetValue: a = 6, preferredPlacement: o = "top", triggerAccessibleText: s = "Show more information", triggerIcon: c = "circleInfo", triggerIconColor: l = "default", triggerIconSize: u = "m", zIndex: d = lt, ...f }) => {
+}, xt = ({ className: t, content: n, customTrigger: r = null, disableFocusTrigger: i = !1, offsetValue: a = 6, preferredPlacement: o = "top", triggerAccessibleText: s = "Show more information", triggerIcon: c = "circleInfo", triggerIconColor: l = "default", triggerIconSize: u = "m", zIndex: d = lt, ...f }) => {
 	let [p, m] = h(!1), g = typeof r, _ = "pds-tooltip", v = Z([`${_}__trigger-custom`, g === "string" ? `${_}__trigger-text` : null]), y = Z([`${_}__trigger`, `${_}__trigger--${l}`]), { context: x, floatingStyles: T, refs: D } = A({
 		placement: o,
 		open: p,
@@ -2528,16 +2528,16 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 	error: "pds-has-error",
 	success: "pds-has-success",
 	readonly: "pds-is-readonly"
-}, xt = (e) => e ? { width: `${e / 16}rem` } : null, St = (e) => e.replace(/^(https?:\/\/)/, ""), Ct = () => /* @__PURE__ */ e.createElement("span", { className: "pds-input-label__required" }, /* @__PURE__ */ e.createElement(Q, {
+}, St = (e) => e ? { width: `${e / 16}rem` } : null, Ct = (e) => e.replace(/^(https?:\/\/)/, ""), wt = () => /* @__PURE__ */ e.createElement("span", { className: "pds-input-label__required" }, /* @__PURE__ */ e.createElement(Q, {
 	className: "pds-input-label__required-icon",
 	iconName: "asterisk",
 	size: "s"
-})), wt = ({ className: t, disabled: n, id: r, isLegend: i, isPseudoLabel: a, label: o, required: s, showLabel: c = !0, tooltipText: l = null }) => {
+})), Tt = ({ className: t, disabled: n, id: r, isLegend: i, isPseudoLabel: a, label: o, required: s, showLabel: c = !0, tooltipText: l = null }) => {
 	let u = Z([
 		"pds-input-label",
 		c ? null : "visually-hidden",
 		t ?? ""
-	]), d = /* @__PURE__ */ e.createElement(e.Fragment, null, o, s && !n && /* @__PURE__ */ e.createElement(Ct, null), l && /* @__PURE__ */ e.createElement(bt, {
+	]), d = /* @__PURE__ */ e.createElement(e.Fragment, null, o, s && !n && /* @__PURE__ */ e.createElement(wt, null), l && /* @__PURE__ */ e.createElement(xt, {
 		content: l,
 		triggerIcon: "circleInfoSolid",
 		triggerIconSize: "s"
@@ -2553,7 +2553,7 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 		htmlFor: r,
 		id: `${r}-label`
 	}, d);
-}, Tt = ({ className: t, forInputGroup: n = !1, hasValidationMessage: r, id: i, message: a, validationMessageHasDecorators: o, validationStatus: s }) => {
+}, Et = ({ className: t, forInputGroup: n = !1, hasValidationMessage: r, id: i, message: a, validationMessageHasDecorators: o, validationStatus: s }) => {
 	let c = "pds-input-message", l = s && r ? `${c}--${s}` : null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -2563,29 +2563,29 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 		]),
 		id: n ? `${i}__message-hidden` : `${i}__message`,
 		role: s === "error" ? "alert" : null
-	}, o && s && /* @__PURE__ */ e.createElement(Dt, { variant: s }), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, a));
-}, Et = {
+	}, o && s && /* @__PURE__ */ e.createElement(Ot, { variant: s }), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, a));
+}, Dt = {
 	search: "magnifyingGlass",
 	error: "triangleExclamation",
 	success: "check",
 	filter: "barsFilter"
-}, Dt = ({ variant: t }) => {
+}, Ot = ({ variant: t }) => {
 	let n = "pds-input-prefix";
 	return /* @__PURE__ */ e.createElement("div", { className: Z([n, `${n}--${t}`]) }, /* @__PURE__ */ e.createElement(Q, {
 		className: `${n}__icon`,
-		iconName: Et[t],
+		iconName: Dt[t],
 		size: "m"
 	}));
-}, Ot = ({ inputId: t, shortcutLabel: n }) => {
-	let { hasOpenOverlay: r } = vt();
-	return yt("/", (e) => {
+}, kt = ({ inputId: t, shortcutLabel: n }) => {
+	let { hasOpenOverlay: r } = yt();
+	return bt("/", (e) => {
 		let n = document.getElementById(t);
 		n && n.focus(), e.preventDefault();
 	}, { enabled: !r }), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(Q, {
 		iconName: "slashForward",
 		size: "s"
 	}));
-}, kt = ({ clearLabel: t, handleClearInput: n, id: r }) => /* @__PURE__ */ e.createElement("button", {
+}, At = ({ clearLabel: t, handleClearInput: n, id: r }) => /* @__PURE__ */ e.createElement("button", {
 	"aria-controls": r,
 	className: "pds-input-clear-button",
 	onClick: n,
@@ -2594,7 +2594,7 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 }, /* @__PURE__ */ e.createElement(Q, {
 	iconName: "xmark",
 	size: "m"
-})), At = ({ currentLength: t, id: n, maxLength: r, overLimitMessage: i = "Character limit exceeded by" }) => {
+})), jt = ({ currentLength: t, id: n, maxLength: r, overLimitMessage: i = "Character limit exceeded by" }) => {
 	let a = t > r, o = t - r, s = "pds-input-character-counter", c = a ? `${s}--overLimit` : null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([s, c]),
@@ -2603,10 +2603,10 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 		"aria-live": "polite",
 		className: "visually-hidden"
 	}, a && `${i} ${o}`));
-}, jt = ({ label: t, ...n }) => /* @__PURE__ */ e.createElement("span", {
+}, Mt = ({ label: t, ...n }) => /* @__PURE__ */ e.createElement("span", {
 	className: "visually-hidden",
 	...n
-}, t), Mt = (e) => "options" in e, Nt = a(({ children: t, className: n, isActive: r, ...i }, a) => {
+}, t), Nt = (e) => "options" in e, Pt = a(({ children: t, className: n, isActive: r, ...i }, a) => {
 	let o = N(), s = r ? "pds-dropdown__item--active" : null;
 	return /* @__PURE__ */ e.createElement("li", {
 		ref: a,
@@ -2620,7 +2620,7 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 		role: "option",
 		...i
 	}, t);
-}), Pt = {
+}), Ft = {
 	s: rt,
 	m: nt,
 	l: tt,
@@ -2630,7 +2630,7 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 	"4xl": Ze,
 	"5xl": Xe,
 	"6xl": Ye
-}, Ft = {
+}, It = {
 	s: ft,
 	m: ft,
 	l: ft,
@@ -2640,7 +2640,7 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 	"4xl": pt,
 	"5xl": mt,
 	"6xl": mt
-}, It = {
+}, Lt = {
 	s: it,
 	m: it,
 	l: it,
@@ -2650,8 +2650,8 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 	"4xl": rt,
 	"5xl": nt,
 	"6xl": tt
-}, Lt = ({ className: t = "", color: n, isInline: r = !1, label: i = "Loading", showLabel: a = !1, size: o = "3xl", ...s }) => {
-	let c = "pds-spinner", l = r ? `${c}--inline` : null, u = Pt[o], d = Ft[o], f = It[o], p = {
+}, Rt = ({ className: t = "", color: n, isInline: r = !1, label: i = "Loading", showLabel: a = !1, size: o = "3xl", ...s }) => {
+	let c = "pds-spinner", l = r ? `${c}--inline` : null, u = Ft[o], d = It[o], f = Lt[o], p = {
 		"--spinner-size": u,
 		...n ? { "--spinner-color": n } : {}
 	}, m = {
@@ -2686,8 +2686,8 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 	}))), a && !r ? /* @__PURE__ */ e.createElement("span", {
 		className: `${c}__label`,
 		style: m
-	}, i) : /* @__PURE__ */ e.createElement(jt, { label: i }));
-}, Rt = ({ className: t, color: n = "transparent", hasStatusIndicator: r = !1, label: i, statusIndicatorText: a = "Status indicator: ", statusType: o, ...s }) => {
+	}, i) : /* @__PURE__ */ e.createElement(Mt, { label: i }));
+}, zt = ({ className: t, color: n = "transparent", hasStatusIndicator: r = !1, label: i, statusIndicatorText: a = "Status indicator: ", statusType: o, ...s }) => {
 	let c = "pds-status-badge", l = `${c}--${n}`, u = `${c}__status`, d = o ? `${u}--${o}` : null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -2696,13 +2696,13 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 			t ?? ""
 		]),
 		...s
-	}, r === !0 && (o === "working" ? /* @__PURE__ */ e.createElement(Lt, {
+	}, r === !0 && (o === "working" ? /* @__PURE__ */ e.createElement(Rt, {
 		isInline: !0,
 		className: `${c}__spinner`,
 		color: "currentColor",
 		size: "s"
 	}) : /* @__PURE__ */ e.createElement("span", { className: Z([u, d]) }, o && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, a, " ", o))), /* @__PURE__ */ e.createElement("span", { className: `${c}__label` }, i));
-}, zt = ({ className: t, label: n, size: r = "s", type: i = "neutral", typeLabels: a = {
+}, Bt = ({ className: t, label: n, size: r = "s", type: i = "neutral", typeLabels: a = {
 	info: "Information",
 	success: "Success",
 	warning: "Warning",
@@ -2720,10 +2720,10 @@ var De = Object.create, Oe = Object.defineProperty, ke = Object.getOwnPropertyDe
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), n));
 };
-zt.displayName = "Tally";
+Bt.displayName = "Tally";
 //#endregion
 //#region src/components/BranchDiff/BranchDiff.tsx
-var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loading...", numberAhead: a, numberAheadDescription: o = "commits ahead of main", numberBehind: s, numberBehindDescription: c = "commits behind main", ...l }) => {
+var Vt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loading...", numberAhead: a, numberAheadDescription: o = "commits ahead of main", numberBehind: s, numberBehindDescription: c = "commits behind main", ...l }) => {
 	let u = "pds-branch-diff", d = r ? `${u}--loading` : null, f = r ? "pds-pulse" : null, p = n !== null && n > 0 ? `${n}rem` : "100%", m = Math.max(0, a), h = Math.max(0, s);
 	r && (m = 1, h = 1);
 	let g = Math.max(m, h), _ = g > 0 ? h / g * 100 : 0, v = g > 0 ? m / g * 100 : 0;
@@ -2737,7 +2737,7 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		]),
 		style: { width: p },
 		...l
-	}, /* @__PURE__ */ e.createElement(bt, {
+	}, /* @__PURE__ */ e.createElement(xt, {
 		content: y,
 		customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__segment ${u}__segment--behind` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__number` }, !r && h), h > 0 && /* @__PURE__ */ e.createElement("div", {
 			className: Z([`${u}__line ${u}__line--behind`, f]),
@@ -2748,7 +2748,7 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		}))),
 		preferredPlacement: "top"
 	}));
-}, Vt = ({ className: t, status: n, ...r }) => {
+}, Ht = ({ className: t, status: n, ...r }) => {
 	let i = "pds-status-dot";
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([
@@ -2758,18 +2758,18 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		]),
 		...r
 	});
-}, Ht = ({ baseClass: e, children: t, className: n, id: r, level: a, ...o }) => i(a, {
+}, Ut = ({ baseClass: e, children: t, className: n, id: r, level: a, ...o }) => i(a, {
 	className: Z([e ? `${e}__heading` : null, n]),
 	id: r,
 	...o
-}, t), Ut = (e) => {
+}, t), Wt = (e) => {
 	if (typeof e == "string" || typeof e == "number") return String(e);
 	if (o(e)) {
 		let n = e.props;
-		return t.toArray(n.children).map(Ut).join("");
+		return t.toArray(n.children).map(Wt).join("");
 	}
 	return "";
-}, Wt = a(({ ariaLabel: t, buttonType: n = "button", className: r = "", disabled: i = !1, displayType: a = "label-only", iconName: o, isFullWidth: s = !1, isLoading: c = !1, isSplitButton: l = !1, isWorking: u = !1, label: d, onClick: f, size: p = "s", statusDot: m, tally: h, tooltipText: g, variant: _ = "primary", ...v }, y) => {
+}, Gt = a(({ ariaLabel: t, buttonType: n = "button", className: r = "", disabled: i = !1, displayType: a = "label-only", iconName: o, isFullWidth: s = !1, isLoading: c = !1, isSplitButton: l = !1, isWorking: u = !1, label: d, onClick: f, size: p = "s", statusDot: m, tally: h, tooltipText: g, variant: _ = "primary", ...v }, y) => {
 	let b = "pds-button", x = `${b}--${p}`, S = `${b}--${_}`, C = s ? `${b}--full-width` : null, w = c ? `${b}--loading` : null, T = c ? "pds-pulse" : null, E, D, O;
 	switch (p) {
 		case "xs":
@@ -2804,17 +2804,17 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		iconName: o,
 		size: E
 	}), P = [];
-	m && M ? P.push(/* @__PURE__ */ e.createElement(Vt, {
+	m && M ? P.push(/* @__PURE__ */ e.createElement(Ht, {
 		key: "status-dot",
 		className: `${b}__icon`,
 		status: m
-	})) : a === "icon-start" && o && P.push(N), P.push(d), h && A ? P.push(/* @__PURE__ */ e.createElement(zt, {
+	})) : a === "icon-start" && o && P.push(N), P.push(d), h && A ? P.push(/* @__PURE__ */ e.createElement(Bt, {
 		key: "tally",
 		className: `${b}__tally`,
 		label: h.label,
 		size: O,
 		type: h.type
-	})) : a === "icon-end" && o && P.push(N), l && (P = [N], t = Ut(d));
+	})) : a === "icon-end" && o && P.push(N), l && (P = [N], t = Wt(d));
 	let F = /* @__PURE__ */ e.createElement("button", {
 		ref: y,
 		"aria-label": t,
@@ -2831,16 +2831,16 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		onClick: f,
 		type: n,
 		...v
-	}, u && !c && /* @__PURE__ */ e.createElement(Lt, {
+	}, u && !c && /* @__PURE__ */ e.createElement(Rt, {
 		className: `${b}__working-indicator`,
 		color: "currentColor",
 		size: D
 	}), P);
-	return (i || c || u) && g ? /* @__PURE__ */ e.createElement(bt, {
+	return (i || c || u) && g ? /* @__PURE__ */ e.createElement(xt, {
 		content: g,
 		customTrigger: F
 	}) : /* @__PURE__ */ e.createElement(e.Fragment, null, F);
-}), Gt = ({ className: t, disabled: r = !1, displayType: i = "label-only", iconName: a, linkContent: s, size: c = "s", tooltipText: l, variant: u = "primary", ...d }) => {
+}), Kt = ({ className: t, disabled: r = !1, displayType: i = "label-only", iconName: a, linkContent: s, size: c = "s", tooltipText: l, variant: u = "primary", ...d }) => {
 	let f = "pds-button-link", p = "pds-button", m = Z([
 		p,
 		`${p}--${c}`,
@@ -2874,7 +2874,7 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		className: m,
 		children: v
 	})) : null;
-	return r ? /* @__PURE__ */ e.createElement(Wt, {
+	return r ? /* @__PURE__ */ e.createElement(Gt, {
 		disabled: !0,
 		className: Z([f, t ?? ""]),
 		label: v,
@@ -2885,7 +2885,7 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		className: Z([f, t ?? ""]),
 		...d
 	}, y);
-}, Kt = (e, t) => {
+}, qt = (e, t) => {
 	let [n, r] = h(!1), i = t?.duration;
 	return l(() => {
 		let e;
@@ -2899,7 +2899,7 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			await navigator.clipboard.writeText(e), r(!0);
 		} catch {}
 	}];
-}, qt = a(({ ariaLabel: t, buttonType: n = "button", className: r, disabled: i = !1, hasBorder: a = !1, hasTooltip: o = !0, icon2Name: s = null, iconName: c, isPressed: l, onClick: u, pressedIconName: d, size: f = "s", variant: p = "standard", ...h }, g) => {
+}, Jt = a(({ ariaLabel: t, buttonType: n = "button", className: r, disabled: i = !1, hasBorder: a = !1, hasTooltip: o = !0, icon2Name: s = null, iconName: c, isPressed: l, onClick: u, pressedIconName: d, size: f = "s", variant: p = "standard", ...h }, g) => {
 	let _ = "pds-icon-button", v = f === "s" ? null : `${_}--${f}`, y = p === "standard" ? null : `${_}--${p}`, b = a ? `${_}--has-border` : null, x = l ? `${_}--pressed` : null, S = {
 		fadeOut: `${_}--fadeOut`,
 		hide: `${_}--hide`,
@@ -2958,15 +2958,15 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		title: o && !i ? null : t,
 		type: n,
 		...h
-	}, o && !i ? /* @__PURE__ */ e.createElement(bt, {
+	}, o && !i ? /* @__PURE__ */ e.createElement(xt, {
 		className: `${_}__tooltip`,
 		content: t,
 		customTrigger: j,
 		offsetValue: C
 	}) : j);
-}), Jt = ({ ariaLabel: t = "Copy to clipboard", className: n, clipboardText: r = "", disabled: i, hasBorder: a = !1, variant: o = "standard", ...s }) => {
-	let [c, l] = Kt(r);
-	return /* @__PURE__ */ e.createElement(qt, {
+}), Yt = ({ ariaLabel: t = "Copy to clipboard", className: n, clipboardText: r = "", disabled: i, hasBorder: a = !1, variant: o = "standard", ...s }) => {
+	let [c, l] = qt(r);
+	return /* @__PURE__ */ e.createElement(Jt, {
 		ariaLabel: t,
 		buttonType: "button",
 		className: Z(["pds-clipboard-button", n ?? ""]),
@@ -2979,7 +2979,7 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		variant: o,
 		...s
 	});
-}, Yt = ({ ariaLabel: t = "Close", className: n, onClick: r, size: i = "m", ...a }) => {
+}, Xt = ({ ariaLabel: t = "Close", className: n, onClick: r, size: i = "m", ...a }) => {
 	let o = "pds-close-button", s = `${o}--${i}`, c = /* @__PURE__ */ e.createElement("button", {
 		"aria-label": t,
 		className: Z([
@@ -2994,17 +2994,17 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		className: `${o}__icon`,
 		iconName: "xmarkLarge"
 	}));
-	return /* @__PURE__ */ e.createElement(bt, {
+	return /* @__PURE__ */ e.createElement(xt, {
 		disableFocusTrigger: !0,
 		content: t,
 		customTrigger: c,
 		preferredPlacement: "bottom",
 		zIndex: lt
 	});
-}, Xt = (e, t) => {
+}, Zt = (e, t) => {
 	let n = t.toLowerCase();
 	return e.find((e) => (e?.textContent?.trim().toLowerCase() ?? "").startsWith(n));
-}, Zt = ({ allowEscape: e = !1, enableClick: t = !0, enableListNavigation: n = !0, enableShift: r = !0, enableTransition: i = !0, enableTypeahead: a = !1, offsetValue: o = 0, openOnHover: s = !1, placement: c = "bottom-start", role: l = "menu", selectedIndex: u = null, variant: d = "default", virtual: f = !1 } = {}) => {
+}, Qt = ({ allowEscape: e = !1, enableClick: t = !0, enableListNavigation: n = !0, enableShift: r = !0, enableTransition: i = !0, enableTypeahead: a = !1, offsetValue: o = 0, openOnHover: s = !1, placement: c = "bottom-start", role: l = "menu", selectedIndex: u = null, variant: d = "default", virtual: f = !1 } = {}) => {
 	let [p, g] = h(!1), [_, v] = h(null), y = m([]), b = d === "input", { context: x, floatingStyles: j, refs: N } = A({
 		open: p,
 		onOpenChange: g,
@@ -3068,7 +3068,7 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			onMatch: (e) => {
 				p || g(!0), v(e);
 			},
-			findMatch: Xt
+			findMatch: Zt
 		})
 	]), { isMounted: H, styles: U } = L(x, i ? {
 		duration: {
@@ -3093,19 +3093,19 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		setIsOpen: g,
 		transitionStyles: U
 	};
-}, Qt = r(null), $t = () => {
-	let e = c(Qt);
+}, $t = r(null), en = () => {
+	let e = c($t);
 	if (!e) throw Error("Dropdown sub-components must be used within a <Dropdown> provider.");
 	return e;
-}, en = ({ children: t, className: n, inline: r, ...i }) => {
-	let a = Zt(i), o = "pds-dropdown", s = r ? `${o}--inline` : null;
-	return /* @__PURE__ */ e.createElement(Qt.Provider, { value: a }, /* @__PURE__ */ e.createElement("div", { className: Z([
+}, tn = ({ children: t, className: n, inline: r, ...i }) => {
+	let a = Qt(i), o = "pds-dropdown", s = r ? `${o}--inline` : null;
+	return /* @__PURE__ */ e.createElement($t.Provider, { value: a }, /* @__PURE__ */ e.createElement("div", { className: Z([
 		o,
 		s,
 		n ?? ""
 	]) }, t));
-}, tn = ({ children: t, className: n, showTriggerIcon: r = !1, ...i }) => {
-	let { getReferenceProps: a, refs: o } = $t(), s = "pds-dropdown";
+}, nn = ({ children: t, className: n, showTriggerIcon: r = !1, ...i }) => {
+	let { getReferenceProps: a, refs: o } = en(), s = "pds-dropdown";
 	return /* @__PURE__ */ e.createElement("button", {
 		ref: o.setReference,
 		className: Z([`${s}__trigger`, n ?? ""]),
@@ -3117,8 +3117,8 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		iconName: "angleDown",
 		size: "s"
 	}));
-}, nn = ({ children: t, className: n, ...r }) => {
-	let { floatingStyles: i, getFloatingProps: a, isMounted: o, refs: s, transitionStyles: c } = $t();
+}, rn = ({ children: t, className: n, ...r }) => {
+	let { floatingStyles: i, getFloatingProps: a, isMounted: o, refs: s, transitionStyles: c } = en();
 	return o ? /* @__PURE__ */ e.createElement("ul", {
 		ref: s.setFloating,
 		className: Z(["pds-dropdown__panel", n ?? ""]),
@@ -3129,8 +3129,8 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		...a(),
 		...r
 	}, t) : null;
-}, rn = ({ children: t, className: n, description: r, disabled: i, icon: a, index: o, isActive: s, isCritical: c, onClick: l, trailingIcon: u, ...d }) => {
-	let { activeIndex: f, getItemProps: p, listRef: m } = $t(), h = "pds-dropdown", g = f === o, _ = g ? `${h}__item--focused` : null, v = s ? `${h}__item--active` : null, y = c ? `${h}__item--critical` : null, b = i ? `${h}__item--disabled` : null;
+}, an = ({ children: t, className: n, description: r, disabled: i, icon: a, index: o, isActive: s, isCritical: c, onClick: l, trailingIcon: u, ...d }) => {
+	let { activeIndex: f, getItemProps: p, listRef: m } = en(), h = "pds-dropdown", g = f === o, _ = g ? `${h}__item--focused` : null, v = s ? `${h}__item--active` : null, y = c ? `${h}__item--critical` : null, b = i ? `${h}__item--disabled` : null;
 	return /* @__PURE__ */ e.createElement("li", {
 		ref: (e) => {
 			m.current[o] = e;
@@ -3149,8 +3149,8 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		...p({ onClick: i ? void 0 : l }),
 		...d
 	}, /* @__PURE__ */ e.createElement("span", { className: `${h}__item-content` }, a && /* @__PURE__ */ e.createElement("span", { className: `${h}__item-icon` }, a), /* @__PURE__ */ e.createElement("span", { className: `${h}__item-label` }, t, r && /* @__PURE__ */ e.createElement("span", { className: `${h}__item-description` }, r))), u && /* @__PURE__ */ e.createElement("span", { className: `${h}__item-trailing` }, u));
-}, an = ({ checked: t = !1, children: n, className: r, description: i, disabled: a, indeterminate: o = !1, index: s, onCheckedChange: c, onClick: l, onKeyDown: u, ...d }) => {
-	let { activeIndex: f, getItemProps: p, listRef: m } = $t(), h = "pds-dropdown", g = f === s, _ = g ? `${h}__item--focused` : null, v = a ? `${h}__item--disabled` : null, y = Z([
+}, on = ({ checked: t = !1, children: n, className: r, description: i, disabled: a, indeterminate: o = !1, index: s, onCheckedChange: c, onClick: l, onKeyDown: u, ...d }) => {
+	let { activeIndex: f, getItemProps: p, listRef: m } = en(), h = "pds-dropdown", g = f === s, _ = g ? `${h}__item--focused` : null, v = a ? `${h}__item--disabled` : null, y = Z([
 		`${h}__checkbox-box`,
 		t && !o ? `${h}__checkbox-box--checked` : null,
 		o ? `${h}__checkbox-box--indeterminate` : null
@@ -3203,19 +3203,19 @@ var Bt = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		width: "12",
 		xmlns: "http://www.w3.org/2000/svg"
 	}, /* @__PURE__ */ e.createElement("path", { d: "M9.85474 3.64666C10.1032 3.32078 10.0258 2.86817 9.67727 2.63583C9.32878 2.4035 8.84476 2.47591 8.5963 2.80179L4.8694 7.65977L3.32056 6.21143C3.01724 5.9278 2.52677 5.9278 2.22669 6.21143C1.9266 6.49506 1.92337 6.9537 2.22346 7.23734L4.41765 9.28916C4.57899 9.44003 4.80164 9.51546 5.02751 9.49736C5.25338 9.47925 5.4599 9.37063 5.59219 9.19864L9.85151 3.64666H9.85474Z" }))), /* @__PURE__ */ e.createElement("span", { className: `${h}__item-label` }, n, i && /* @__PURE__ */ e.createElement("span", { className: `${h}__item-description` }, i))));
-}, on = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("li", {
+}, sn = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("li", {
 	className: Z(["pds-dropdown__heading", n ?? ""]),
 	role: "presentation",
 	...r
-}, t), sn = ({ className: t, ...n }) => /* @__PURE__ */ e.createElement("li", {
+}, t), cn = ({ className: t, ...n }) => /* @__PURE__ */ e.createElement("li", {
 	className: Z(["pds-dropdown__separator", t ?? ""]),
 	role: "separator",
 	...n
-}), cn = {
+}), ln = {
 	filter: "barsFilter",
 	search: "magnifyingGlass"
 };
-en.Trigger = tn, en.Panel = nn, en.Item = rn, en.CheckboxItem = an, en.Heading = on, en.Separator = sn, en.Filter = ({ className: t, filterIcon: n = "search", label: r = "Filter items", noResultsText: i = "No results found", onFilterChange: a, placeholder: o = "Filter items...", showNoResults: s = !1, ...c }) => {
+tn.Trigger = nn, tn.Panel = rn, tn.Item = an, tn.CheckboxItem = on, tn.Heading = sn, tn.Separator = cn, tn.Filter = ({ className: t, filterIcon: n = "search", label: r = "Filter items", noResultsText: i = "No results found", onFilterChange: a, placeholder: o = "Filter items...", showNoResults: s = !1, ...c }) => {
 	let l = "pds-dropdown", u = n !== "none";
 	return /* @__PURE__ */ e.createElement("li", {
 		className: Z([`${l}__filter`, t ?? ""]),
@@ -3223,7 +3223,7 @@ en.Trigger = tn, en.Panel = nn, en.Item = rn, en.CheckboxItem = an, en.Heading =
 		...c
 	}, /* @__PURE__ */ e.createElement("div", { className: `${l}__filter-wrapper` }, u && /* @__PURE__ */ e.createElement(Q, {
 		className: `${l}__filter-icon`,
-		iconName: cn[n],
+		iconName: ln[n],
 		size: "s"
 	}), /* @__PURE__ */ e.createElement("input", {
 		"aria-label": r,
@@ -3232,20 +3232,20 @@ en.Trigger = tn, en.Panel = nn, en.Item = rn, en.CheckboxItem = an, en.Heading =
 		placeholder: o,
 		type: "search"
 	})), s && /* @__PURE__ */ e.createElement("p", { className: `${l}__no-results` }, i));
-}, en.Footer = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("li", {
+}, tn.Footer = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("li", {
 	className: Z(["pds-dropdown__footer", n ?? ""]),
 	role: "presentation",
 	...r
 }, t);
 //#endregion
 //#region src/components/buttons/FilterButton/FilterButton.tsx
-var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey: i, id: a, minFilterItems: o = 8, noResultsText: s = "No results found", onSelectionChange: c, options: l, searchLabel: u = "Filter options", searchPlaceholder: d = "Search...", selectedValues: f }) => {
+var un = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey: i, id: a, minFilterItems: o = 8, noResultsText: s = "No results found", onSelectionChange: c, options: l, searchLabel: u = "Filter options", searchPlaceholder: d = "Search...", selectedValues: f }) => {
 	let p = "pds-filter-button", [m, g] = h(""), _ = f.length, v = _ > 0, y = _ === 1, b = _ > 1, x = l.length >= o, S = y ? l.find((e) => e.value === f[0])?.label ?? f[0] : null, C = x && m ? l.filter((e) => e.label.toLowerCase().includes(m.toLowerCase())) : l, w = (e) => {
 		c(f.includes(e) ? f.filter((t) => t !== e) : [...f, e]);
 	}, T = () => {
 		c([]);
 	}, E = b ? `${p}--multiple` : y ? `${p}--single` : null, D = x ? `${p}--has-search` : null;
-	return /* @__PURE__ */ e.createElement(en, {
+	return /* @__PURE__ */ e.createElement(tn, {
 		inline: !0,
 		className: Z([
 			p,
@@ -3256,7 +3256,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		enableShift: !1,
 		offsetValue: 8,
 		placement: "bottom-start"
-	}, /* @__PURE__ */ e.createElement(en.Trigger, {
+	}, /* @__PURE__ */ e.createElement(tn.Trigger, {
 		showTriggerIcon: !0,
 		className: `${p}__trigger`,
 		disabled: r,
@@ -3264,7 +3264,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	}, !v && /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, `Filter by ${i}`), y && /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, /* @__PURE__ */ e.createElement("span", { className: `${p}__key` }, i), /* @__PURE__ */ e.createElement("span", {
 		"aria-hidden": "true",
 		className: `${p}__divider`
-	}), /* @__PURE__ */ e.createElement("span", { className: `${p}__value` }, S)), b && /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, /* @__PURE__ */ e.createElement("span", { className: `${p}__key` }, i), /* @__PURE__ */ e.createElement(zt, {
+	}), /* @__PURE__ */ e.createElement("span", { className: `${p}__value` }, S)), b && /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, /* @__PURE__ */ e.createElement("span", { className: `${p}__key` }, i), /* @__PURE__ */ e.createElement(Bt, {
 		className: `${p}__tally`,
 		label: _,
 		size: "s",
@@ -3278,24 +3278,24 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "xmark",
 		size: "s"
-	})), /* @__PURE__ */ e.createElement(en.Panel, { className: `${p}__panel` }, x && /* @__PURE__ */ e.createElement(en.Filter, {
+	})), /* @__PURE__ */ e.createElement(tn.Panel, { className: `${p}__panel` }, x && /* @__PURE__ */ e.createElement(tn.Filter, {
 		label: u,
 		noResultsText: s,
 		onFilterChange: g,
 		placeholder: d,
 		showNoResults: C.length === 0
-	}), C.map((t, n) => /* @__PURE__ */ e.createElement(en.CheckboxItem, {
+	}), C.map((t, n) => /* @__PURE__ */ e.createElement(tn.CheckboxItem, {
 		key: t.value,
 		checked: f.includes(t.value),
 		disabled: t.disabled,
 		index: n,
 		onCheckedChange: () => w(t.value)
-	}, t.label)), v && /* @__PURE__ */ e.createElement(en.Footer, null, /* @__PURE__ */ e.createElement("button", {
+	}, t.label)), v && /* @__PURE__ */ e.createElement(tn.Footer, null, /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `Clear ${i} filter`,
 		onClick: T,
 		type: "button"
 	}, n))));
-}, un = ({ children: t, className: n, disabled: r, label: i }) => {
+}, dn = ({ children: t, className: n, disabled: r, label: i }) => {
 	let [a, o] = h(!1), s = "pds-nav-accordion";
 	return /* @__PURE__ */ e.createElement("div", { className: Z([s, n ?? ""]) }, /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": a,
@@ -3308,24 +3308,24 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		iconName: "angleDown",
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("div", { className: Z([`${s}__content`, a ? `${s}__content--expanded` : null]) }, t));
-}, dn = {
+}, fn = {
 	info: "Information",
 	success: "Success",
 	warning: "Warning",
 	critical: "Critical",
 	discovery: "Discovery"
-}, fn = (e) => "isSeparator" in e && e.isSeparator, pn = (e) => "isHeading" in e && e.isHeading, mn = (e) => "isLink" in e && e.isLink, hn = (e) => "isNode" in e && e.isNode, gn = {
+}, pn = (e) => "isSeparator" in e && e.isSeparator, mn = (e) => "isHeading" in e && e.isHeading, hn = (e) => "isLink" in e && e.isLink, gn = (e) => "isNode" in e && e.isNode, _n = {
 	drupal: "Drupal",
 	wordpress: "WordPress",
 	gatsby: "Gatsby",
 	nextjs: "Next.js"
-}, _n = {
+}, vn = {
 	drupal: "drupal",
 	wordpress: "wordpress",
 	gatsby: "boltSolid",
 	nextjs: "boltSolid"
-}, vn = ({ className: t, disabled: n, iconName: r = "ellipsisVertical", iconOnly: i = !1, id: a, isSplitButton: o = !1, label: s, menuItems: c, menuPosition: l = "start", onClick: u, size: d = "s", statusDot: f, tally: p, testId: m, undefinedLabel: g = "Unlabeled group", variant: _ = "primary", ...v }) => {
-	let { activeIndex: y, floatingStyles: b, getFloatingProps: x, getItemProps: S, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setIsOpen: O, transitionStyles: k } = Zt({
+}, yn = ({ className: t, disabled: n, iconName: r = "ellipsisVertical", iconOnly: i = !1, id: a, isSplitButton: o = !1, label: s, menuItems: c, menuPosition: l = "start", onClick: u, size: d = "s", statusDot: f, tally: p, testId: m, undefinedLabel: g = "Unlabeled group", variant: _ = "primary", ...v }) => {
+	let { activeIndex: y, floatingStyles: b, getFloatingProps: x, getItemProps: S, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setIsOpen: O, transitionStyles: k } = Qt({
 		enableClick: !n,
 		enableShift: !1,
 		enableTypeahead: !0,
@@ -3334,7 +3334,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	}), A = "pds-menu-button", j = a, [M] = h(`menu-button-${a}`), N = [], P = [];
 	((e) => {
 		e.forEach((e) => {
-			!fn(e) && !pn(e) && !hn(e) && P.push(e);
+			!pn(e) && !mn(e) && !gn(e) && P.push(e);
 		});
 	})(c);
 	let F = (e) => {
@@ -3343,24 +3343,24 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		u && u();
 	}, L = (t, n, r = "", i = "") => {
 		let a = j + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
-		if (fn(t)) return /* @__PURE__ */ e.createElement("li", {
+		if (pn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: o,
 			className: "pds-dropdown__separator",
 			role: "separator"
 		});
-		if (pn(t)) return /* @__PURE__ */ e.createElement("li", {
+		if (mn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: i || o,
 			className: `pds-dropdown__heading ${A}__listbox-heading`,
 			id: i || void 0,
 			role: "presentation"
 		}, t.label);
-		if (hn(t)) return /* @__PURE__ */ e.createElement("li", {
+		if (gn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: o,
 			role: "presentation"
 		}, t.nodeContent);
-		if (mn(t) || "label" in t && t.label) {
+		if (hn(t) || "label" in t && t.label) {
 			let n = P.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), mn(t) && t.linkContent) {
+			if ("label" in t && t.label && s.push(t.label), hn(t) && t.linkContent) {
 				let e = t.linkContent;
 				s.push(e.props.children);
 			}
@@ -3373,7 +3373,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 				className: "visually-hidden"
 			}, a));
 			let c = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, l;
-			if (mn(t) && t.linkContent) {
+			if (hn(t) && t.linkContent) {
 				let n = t.linkContent, r = n.type;
 				l = /* @__PURE__ */ e.createElement(r, {
 					tabIndex: -1,
@@ -3399,33 +3399,33 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 				tabIndex: r ? 0 : -1,
 				...S({
 					onClick: () => {
-						mn(t) || F(t), O(!1);
+						hn(t) || F(t), O(!1);
 					},
 					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), mn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : F(t));
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), hn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : F(t));
 					}
 				})
 			}, l);
 		}
 	}, R = (t, n) => {
 		let r = "id" in t && t.id ? t.id : `${j}-accordion-item-${n + 1}`;
-		if (fn(t)) return /* @__PURE__ */ e.createElement("li", {
+		if (pn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			className: "pds-dropdown__separator",
 			role: "separator"
 		});
-		if (pn(t)) return /* @__PURE__ */ e.createElement("li", {
+		if (mn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			className: `pds-dropdown__heading ${A}__listbox-heading`,
 			role: "presentation"
 		}, t.label);
-		if (hn(t)) return /* @__PURE__ */ e.createElement("li", {
+		if (gn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			role: "presentation"
 		}, t.nodeContent);
-		if (mn(t) || "label" in t && t.label) {
+		if (hn(t) || "label" in t && t.label) {
 			let i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, o = [];
-			if ("label" in t && t.label && o.push(t.label), mn(t) && t.linkContent) {
+			if ("label" in t && t.label && o.push(t.label), hn(t) && t.linkContent) {
 				let e = t.linkContent;
 				o.push(e.props.children);
 			}
@@ -3438,7 +3438,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 				className: "visually-hidden"
 			}, a));
 			let s = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, c;
-			if (mn(t) && t.linkContent) {
+			if (hn(t) && t.linkContent) {
 				let n = t.linkContent, r = n.type;
 				c = /* @__PURE__ */ e.createElement(r, {
 					tabIndex: -1,
@@ -3451,13 +3451,13 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 				className: Z(["pds-dropdown__item", i ? "pds-dropdown__item--critical" : null]),
 				id: r,
 				onClick: () => {
-					mn(t) || F(t);
+					hn(t) || F(t);
 				},
 				role: "menuitem"
 			}, c);
 		}
 	}, z = (t) => {
-		let n = t.filter(pn || fn), r = n.length > 0, a = Z([
+		let n = t.filter(mn || pn), r = n.length > 0, a = Z([
 			"pds-dropdown__panel",
 			`${A}__listbox`,
 			l === "end" ? `${A}__listbox--end` : null,
@@ -3488,7 +3488,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 					role: "group"
 				}, t.map((e) => {
 					let t = L(e, o, r, a);
-					return !fn(e) && !pn(e) && !hn(e) && o++, t;
+					return !pn(e) && !mn(e) && !gn(e) && o++, t;
 				}));
 			}));
 		} else return /* @__PURE__ */ e.createElement("ul", {
@@ -3505,25 +3505,25 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 			...x()
 		}, t.map((e) => {
 			let t = L(e, o);
-			return !fn(e) && !pn(e) && !hn(e) && o++, t;
+			return !pn(e) && !mn(e) && !gn(e) && o++, t;
 		}));
 	}, B = (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);
-	}, V, H = d === "m" ? "s" : "xs", U = p ? /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement(zt, {
+	}, V, H = d === "m" ? "s" : "xs", U = p ? /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement(Bt, {
 		className: "pds-button__tally",
 		label: p.label,
 		size: H,
 		type: p.type
-	})) : s, W = p ? /* @__PURE__ */ e.createElement("span", { className: `${A}__accordion-label` }, s, /* @__PURE__ */ e.createElement(zt, {
+	})) : s, W = p ? /* @__PURE__ */ e.createElement("span", { className: `${A}__accordion-label` }, s, /* @__PURE__ */ e.createElement(Bt, {
 		className: `${A}__tally`,
 		label: p.label,
 		size: "s",
 		type: p.type
 	})) : s;
-	if (i || (V = /* @__PURE__ */ e.createElement(Wt, {
+	if (i || (V = /* @__PURE__ */ e.createElement(Gt, {
 		ref: D.setReference,
 		"aria-controls": M,
 		"aria-expanded": T,
@@ -3541,8 +3541,8 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		variant: _,
 		...C({ onClick: I })
 	})), i) {
-		let t = Ut(s);
-		V = /* @__PURE__ */ e.createElement(qt, {
+		let t = Wt(s);
+		V = /* @__PURE__ */ e.createElement(Jt, {
 			ref: D.setReference,
 			"aria-controls": M,
 			"aria-expanded": T,
@@ -3568,71 +3568,79 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		"data-testid": m,
 		...v
-	}, /* @__PURE__ */ e.createElement(un, {
+	}, /* @__PURE__ */ e.createElement(dn, {
 		disabled: n,
 		label: G
 	}, /* @__PURE__ */ e.createElement("ul", {
 		className: `${A}__mobile-menu`,
 		role: "menu"
 	}, c.map((e, t) => R(e, t)))), V, w && z(c));
-}, yn = ({ className: t, defaultValue: n, disabled: r = !1, id: i, label: a, onChange: o, options: s, size: c = "s", value: l, ...u }) => {
-	let d = "pds-segmented-button", f = c === "s" ? null : `${d}--${c}`, p = l !== void 0, [m, g] = h(n === void 0 ? "" : n), _ = (e) => {
-		g(e.target.value), o?.(e.target.value);
+}, bn = ({ 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}`, g = 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.");
+	let v = d !== void 0, [y, b] = h(r === void 0 ? "" : r), x = (e) => {
+		b(e.target.value), c?.(e.target.value);
 	};
-	return s.length < 2 || s.length > 6 ? null : /* @__PURE__ */ e.createElement("fieldset", {
+	return l.length < 2 || l.length > 6 ? null : /* @__PURE__ */ e.createElement("fieldset", {
 		className: Z([
-			d,
-			f,
-			t ?? ""
+			p,
+			m,
+			g,
+			_,
+			n ?? ""
 		]),
-		...u
-	}, /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, a), /* @__PURE__ */ e.createElement("div", { className: `${d}__track` }, s.map((t, n) => {
-		let a = p ? l === t.value : m === t.value, o = r || !!t.disabled, s = t.id ?? `${i}-option-${n}`;
+		...f
+	}, /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement("div", { className: `${p}__track` }, l.map((t, n) => {
+		let r = v ? d === t.value : y === t.value, s = i || !!t.disabled, c = t.id ?? `${o}-option-${n}`, l = a && !s, u = /* @__PURE__ */ e.createElement(e.Fragment, null, t.isLoading && /* @__PURE__ */ e.createElement(Rt, {
+			isInline: !0,
+			className: `${p}__spinner`,
+			color: "currentColor",
+			size: "m"
+		}), t.iconName && !t.isLoading && /* @__PURE__ */ e.createElement(Q, {
+			className: `${p}__icon`,
+			iconName: t.iconName
+		}), /* @__PURE__ */ e.createElement("span", { className: Z([`${p}__label-text`, a ? "visually-hidden" : null]) }, t.label), t.tally && /* @__PURE__ */ e.createElement(Bt, {
+			className: `${p}__tally`,
+			label: t.tally.label,
+			size: "s",
+			type: t.tally.type
+		}));
 		return /* @__PURE__ */ e.createElement("div", {
-			key: s,
+			key: c,
 			className: Z([
-				`${d}__option`,
-				a ? `${d}__option--checked` : null,
-				o ? `${d}__option--disabled` : null
+				`${p}__option`,
+				r ? `${p}__option--checked` : null,
+				s ? `${p}__option--disabled` : null
 			])
 		}, /* @__PURE__ */ e.createElement("input", {
-			checked: a,
+			checked: r,
 			className: "visually-hidden",
-			disabled: o,
-			id: s,
-			name: i,
-			onChange: _,
+			disabled: s,
+			id: c,
+			name: o,
+			onChange: x,
 			type: "radio",
 			value: t.value
 		}), /* @__PURE__ */ e.createElement("label", {
-			htmlFor: s,
-			title: t.label
-		}, t.isLoading && /* @__PURE__ */ e.createElement(Lt, {
-			isInline: !0,
-			className: `${d}__spinner`,
-			color: "currentColor",
-			size: "m"
-		}), t.iconName && !t.isLoading && /* @__PURE__ */ e.createElement(Q, {
-			className: `${d}__icon`,
-			iconName: t.iconName,
-			size: "s"
-		}), /* @__PURE__ */ e.createElement("span", { className: `${d}__label-text` }, t.label), t.tally && /* @__PURE__ */ e.createElement(zt, {
-			className: `${d}__tally`,
-			label: t.tally.label,
-			size: "s",
-			type: t.tally.type
-		})));
+			htmlFor: c,
+			title: l ? void 0 : t.label
+		}, l ? /* @__PURE__ */ e.createElement(xt, {
+			className: `${p}__tooltip`,
+			content: t.label,
+			customTrigger: u,
+			offsetValue: 8
+		}) : u));
 	})));
-}, bn = ({ actionItems: t, className: n, disabled: r, id: i, moreActionsLabel: a = "More actions", size: o = "s", variant: s = "primary", ...c }) => {
+}, xn = ({ 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(Gt, {
+	return "isLink" in d && d.isLink === !0 ? p = /* @__PURE__ */ e.createElement(Kt, {
 		className: `${l}__primary-action`,
 		disabled: r,
 		displayType: "label-only",
 		linkContent: d.linkContent,
 		size: o,
 		variant: s
-	}) : "label" in d && (p = /* @__PURE__ */ e.createElement(Wt, {
+	}) : "label" in d && (p = /* @__PURE__ */ e.createElement(Gt, {
 		className: `${l}__primary-action`,
 		disabled: r,
 		label: d.label,
@@ -3647,7 +3655,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		id: i,
 		...c
-	}, p, /* @__PURE__ */ e.createElement(vn, {
+	}, p, /* @__PURE__ */ e.createElement(yn, {
 		isSplitButton: !0,
 		className: `${l}__menu-button`,
 		disabled: r,
@@ -3658,7 +3666,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		testId: null,
 		variant: s
 	}));
-}, xn = {
+}, Sn = {
 	drupal: "Drupal",
 	drupal7: "Drupal 7",
 	"front-end-sites": "Next.js and Gatsby",
@@ -3673,7 +3681,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	splunk: "Splunk",
 	"sumo-logic": "Sumo Logic",
 	wordpress: "WordPress"
-}, Sn = ({ className: t, platformType: r, size: i = "2xl", ...a }) => {
+}, Cn = ({ className: t, platformType: r, size: i = "2xl", ...a }) => {
 	let o = "pds-platform-icon", s = `pds-platform-icon--${r}`, c = `pds-platform-icon--${i}`, l;
 	if ([
 		"front-end-sites",
@@ -3697,11 +3705,11 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 				break;
 		}
 		l = /* @__PURE__ */ e.createElement("span", {
-			"aria-label": xn[r],
+			"aria-label": Sn[r],
 			className: `${o}__group`,
 			role: "img"
-		}, n(Cn[t[0]], { "aria-hidden": "true" }), n(Cn[t[1]], { "aria-hidden": "true" }));
-	} else l = Cn[r];
+		}, n(wn[t[0]], { "aria-hidden": "true" }), n(wn[t[1]], { "aria-hidden": "true" }));
+	} else l = wn[r];
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			o,
@@ -3711,7 +3719,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		...a
 	}, l);
-}, Cn = {
+}, wn = {
 	drupal: /* @__PURE__ */ e.createElement("svg", {
 		"aria-label": "Drupal",
 		fill: "none",
@@ -3938,8 +3946,8 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		d: "M17 10.5V15H21.5C22.0312 15 22.5 15.4688 22.5 16C22.5 16.5625 22.0312 17 21.5 17H17V21.5C17 22.0625 16.5312 22.5 16 22.5C15.4375 22.5 15 22.0625 15 21.5V17H10.5C9.9375 17 9.5 16.5625 9.5 16C9.5 15.4688 9.9375 15 10.5 15H15V10.5C15 9.96875 15.4375 9.5 16 9.5C16.5312 9.5 17 9.96875 17 10.5Z",
 		fill: "var(--pds-color-foreground-reverse)"
 	}))
-}, wn = ({ buttonType: t = "button", className: n = "", disabled: r = !1, label: i, onClick: a, platform: o, size: s = "m", ...c }) => {
-	let l = "pds-sso-button", u = `${l}--${s}`, d = s === "m" ? "l" : "2xl", f = /* @__PURE__ */ e.createElement(Sn, {
+}, Tn = ({ buttonType: t = "button", className: n = "", disabled: r = !1, label: i, onClick: a, platform: o, size: s = "m", ...c }) => {
+	let l = "pds-sso-button", u = `${l}--${s}`, d = s === "m" ? "l" : "2xl", f = /* @__PURE__ */ e.createElement(Cn, {
 		className: `${l}__icon`,
 		platformType: o,
 		size: d
@@ -3955,12 +3963,12 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		type: t,
 		...c
 	}, f, i);
-}, Tn = ({ buttonProps: t, className: r, disabled: i = !1, hasBorder: a = !1, iconName: s, iconPosition: c = "before", isCritical: l = !1, isLoading: u, isMonospace: d = !1, isWorking: f, label: p, linkContent: m, onClick: h, tooltipText: g, ..._ }) => {
+}, En = ({ buttonProps: t, className: r, disabled: i = !1, hasBorder: a = !1, iconName: s, iconPosition: c = "before", isCritical: l = !1, isLoading: u, isMonospace: d = !1, isWorking: f, label: p, linkContent: m, onClick: h, tooltipText: g, ..._ }) => {
 	let v = "pds-utility-button", y = u ? "pds-pulse" : null, b = (t) => s && !f ? /* @__PURE__ */ e.createElement(Q, {
 		key: t,
 		className: `${v}__icon`,
 		iconName: s
-	}) : null, x = () => f ? /* @__PURE__ */ e.createElement(Lt, {
+	}) : null, x = () => f ? /* @__PURE__ */ e.createElement(Rt, {
 		key: "spinner",
 		className: `${v}__spinner`,
 		size: "m"
@@ -3979,7 +3987,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		f ? `${v}--working` : null,
 		d ? `${v}--monospace` : null,
 		r ?? ""
-	]), T = (t) => g ? /* @__PURE__ */ e.createElement(bt, {
+	]), T = (t) => g ? /* @__PURE__ */ e.createElement(xt, {
 		content: g,
 		customTrigger: t
 	}) : t;
@@ -4008,7 +4016,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		className: w,
 		..._
 	}, T(E));
-}, En = {
+}, Dn = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
@@ -4016,8 +4024,8 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	discovery: "squareQuestion",
 	code: "squareTerminal",
 	earlyAccess: "leaf"
-}, Dn = ({ children: t, className: n, headingLevel: r = "span", title: i, type: a = "info", typeLabels: o = {
-	...dn,
+}, On = ({ children: t, className: n, headingLevel: r = "span", title: i, type: a = "info", typeLabels: o = {
+	...fn,
 	code: "Code",
 	earlyAccess: "Early Access"
 }, ...s }) => {
@@ -4030,13 +4038,13 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		...s
 	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon ${c}__icon--${a}` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${a}` in En ? En[a] : En.info,
+		iconName: `${a}` in Dn ? Dn[a] : Dn.info,
 		size: "xl"
-	})), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), i && /* @__PURE__ */ e.createElement(Ht, {
+	})), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), i && /* @__PURE__ */ e.createElement(Ut, {
 		baseClass: c,
 		level: r
 	}, i), t && /* @__PURE__ */ e.createElement("div", { className: `${c}__main-content` }, t))));
-}, On = ({ background: t = "default", children: r, className: i, imageVariant: a = "bleed", padding: s = "standard", primaryAction: c, ...l }) => {
+}, kn = ({ background: t = "default", children: r, className: i, imageVariant: a = "bleed", padding: s = "standard", primaryAction: c, ...l }) => {
 	let u = "pds-action-card", d = t === "default" ? null : `${u}--${t}`, f = a === "bleed" ? null : `${u}--image-${a}`, p = s === "standard" ? null : `${u}--pad-${s}`, m = Ie(r), h = m.image, g = m.__unslotted || m.main, _ = m.footer, v = `${u}__primary`, y = c.linkContent && o(c.linkContent) ? n(c.linkContent, {
 		"aria-label": c.label,
 		className: v
@@ -4056,7 +4064,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		...l
 	}, y, /* @__PURE__ */ e.createElement("div", { className: `${u}__inner` }, h && /* @__PURE__ */ e.createElement("div", { className: `${u}__image` }, h[0]), g && /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, g), _ && /* @__PURE__ */ e.createElement("div", { className: `${u}__footer` }, _)));
-}, kn = ({ background: t = "default", children: n, className: r, imageVariant: i = "bleed", padding: a = "standard", ...o }) => {
+}, An = ({ background: t = "default", children: n, className: r, imageVariant: i = "bleed", padding: a = "standard", ...o }) => {
 	let s = "pds-card", c = t === "default" ? null : `${s}--${t}`, l = i === "bleed" ? null : `${s}--image-${i}`, u = a === "standard" ? null : `${s}--pad-${a}`, d = Ie(n), f = d.image, p = d.__unslotted || d.main, m = d.footer;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -4068,7 +4076,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		...o
 	}, f && /* @__PURE__ */ e.createElement("div", { className: `${s}__image` }, f[0]), p && /* @__PURE__ */ e.createElement("div", { className: `${s}__main` }, p), m && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, m));
-}, An = ({ className: t, defaultValue: n, id: r, label: i, labelDisplay: a = "left", layout: o = "auto", onChange: s, options: c, size: l = "m", ...u }) => {
+}, jn = ({ className: t, defaultValue: n, id: r, label: i, labelDisplay: a = "left", layout: o = "auto", onChange: s, options: c, size: l = "m", ...u }) => {
 	let d = "pds-card-select", f = l === "m" ? null : `${d}--${l}`, p = `${d}__legend`;
 	a === "center" && (p = `${d}__legend ${d}__legend--center`), a === "hidden" && (p = `${d}__legend visually-hidden`);
 	let [m, g] = h(n), _ = (e) => {
@@ -4100,7 +4108,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		iconName: m === t.value ? "circleCheck" : "circle",
 		size: "l"
 	})), /* @__PURE__ */ e.createElement("span", { className: `${d}__option-label-text` }, t.label), t.children && /* @__PURE__ */ e.createElement("div", { className: `${d}__option-children` }, t.children))))));
-}, jn = ({ className: t, heading: n, headingLevel: r = "span", iconName: i, linkContent: a, message: o, ...s }) => {
+}, Mn = ({ className: t, heading: n, headingLevel: r = "span", iconName: i, linkContent: a, message: o, ...s }) => {
 	let c = "pds-compact-empty-state";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([c, t ?? ""]),
@@ -4109,11 +4117,11 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		className: `${c}__icon`,
 		iconName: i,
 		size: "xl"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, /* @__PURE__ */ e.createElement(Ht, {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, /* @__PURE__ */ e.createElement(Ut, {
 		baseClass: c,
 		level: r
 	}, n), o && /* @__PURE__ */ e.createElement("p", { className: `${c}__message` }, o)), a && /* @__PURE__ */ e.createElement("div", { className: `${c}__link` }, a));
-}, Mn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e.createElement("svg", {
+}, Nn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e.createElement("svg", {
 	"aria-hidden": "true",
 	className: t,
 	fill: "currentColor",
@@ -4121,7 +4129,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	viewBox: "0 0 24 22",
 	width: "0.875em",
 	xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ e.createElement("path", { d: "M23.5642 3.60378C24.3096 2.57959 24.0773 1.15711 23.0318 0.426908C21.9863 -0.303298 20.5343 -0.0757017 19.7889 0.948483L8.6082 16.2164L3.96167 11.6645C3.05173 10.7731 1.58032 10.7731 0.680059 11.6645C-0.220207 12.5559 -0.229887 13.9974 0.670378 14.8888L7.25296 21.3373C7.73698 21.8115 8.40492 22.0486 9.08253 21.9917C9.76015 21.9348 10.3797 21.5934 10.7766 21.0529L23.5545 3.60378H23.5642Z" })), Nn = ({ children: t, label: n }) => {
+}, /* @__PURE__ */ e.createElement("path", { d: "M23.5642 3.60378C24.3096 2.57959 24.0773 1.15711 23.0318 0.426908C21.9863 -0.303298 20.5343 -0.0757017 19.7889 0.948483L8.6082 16.2164L3.96167 11.6645C3.05173 10.7731 1.58032 10.7731 0.680059 11.6645C-0.220207 12.5559 -0.229887 13.9974 0.670378 14.8888L7.25296 21.3373C7.73698 21.8115 8.40492 22.0486 9.08253 21.9917C9.76015 21.9348 10.3797 21.5934 10.7766 21.0529L23.5545 3.60378H23.5642Z" })), Pn = ({ children: t, label: n }) => {
 	let r = "pds-select";
 	return /* @__PURE__ */ e.createElement("li", {
 		className: `${r}__group`,
@@ -4130,13 +4138,13 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		className: `${r}__group-options`,
 		role: "group"
 	}, t));
-}, Pn = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, icon: a, id: o, inputWidth: s, label: c, labelStrings: u = {
+}, Fn = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, icon: a, id: o, inputWidth: s, label: c, labelStrings: u = {
 	selectOptionText: "Select an option...",
 	triggerButton: "Toggle dropdown menu"
 }, message: d, onBlur: f, onFocus: p, onOptionSelect: m, options: g, required: _ = !1, showLabel: v = !0, size: y = "s", tooltipText: b = null, validationMessage: x, validationStatus: S, value: C, ...w }) => {
-	let T = xt(s), E = "pds-select", D = t ? `${E}--auto-width` : null, O = y === "s" ? null : `${E}--${y}`, k = i ? $.disabled : null, A = _ && !i ? $.required : null, j = S === "error" ? $.error : null, M = S === "success" ? $.success : null, N = null;
+	let T = St(s), E = "pds-select", D = t ? `${E}--auto-width` : null, O = y === "s" ? null : `${E}--${y}`, k = i ? $.disabled : null, A = _ && !i ? $.required : null, j = S === "error" ? $.error : null, M = S === "success" ? $.success : null, N = null;
 	S === "error" && (N = "error"), S === "success" && (N = "success");
-	let P = x || d, F = C !== void 0, I = r !== void 0, L = ((e) => e.reduce((e, t) => Mt(t) ? [...e, ...t.options] : [...e, t], []))(g), R = (e) => L.findIndex((t) => t.value === e), z = F && R(C) >= 0 ? R(C) : null, B = I ? R(r) : null, [V, H] = h((z || B) ?? null), { activeIndex: U, floatingStyles: W, getFloatingProps: G, getItemProps: K, getReferenceProps: q, isMounted: J, listRef: ee, refs: te, setIsOpen: ne, transitionStyles: re } = Zt({
+	let P = x || d, F = C !== void 0, I = r !== void 0, L = ((e) => e.reduce((e, t) => Nt(t) ? [...e, ...t.options] : [...e, t], []))(g), R = (e) => L.findIndex((t) => t.value === e), z = F && R(C) >= 0 ? R(C) : null, B = I ? R(r) : null, [V, H] = h((z || B) ?? null), { activeIndex: U, floatingStyles: W, getFloatingProps: G, getItemProps: K, getReferenceProps: q, isMounted: J, listRef: ee, refs: te, setIsOpen: ne, transitionStyles: re } = Qt({
 		enableClick: !i,
 		enableTypeahead: !0,
 		role: "listbox",
@@ -4155,7 +4163,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		p && p(Y);
 	}, ce = () => {
 		te.reference.current.focus();
-	}, le = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(Sn, {
+	}, le = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(Cn, {
 		className: n,
 		platformType: t,
 		size: "m"
@@ -4166,10 +4174,10 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	}), ue = (t) => {
 		let n = 0;
 		return t.map((t) => {
-			if (Mt(t)) {
+			if (Nt(t)) {
 				let r = t.options.map((t) => {
 					let r = n++;
-					return /* @__PURE__ */ e.createElement(Nt, {
+					return /* @__PURE__ */ e.createElement(Pt, {
 						key: r,
 						ref: (e) => {
 							ee.current[r] = e;
@@ -4185,15 +4193,15 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 								e.key === "Enter" && (e.preventDefault(), oe(r), te.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), te.reference.current.focus());
 							}
 						})
-					}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(Mn, null));
+					}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(Nn, null));
 				});
-				return /* @__PURE__ */ e.createElement(Nn, {
+				return /* @__PURE__ */ e.createElement(Pn, {
 					key: t.groupLabel,
 					label: t.groupLabel
 				}, r);
 			}
 			let r = n++;
-			return /* @__PURE__ */ e.createElement(Nt, {
+			return /* @__PURE__ */ e.createElement(Pt, {
 				key: r,
 				ref: (e) => {
 					ee.current[r] = e;
@@ -4209,7 +4217,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 						e.key === "Enter" && (e.preventDefault(), oe(r), te.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), te.reference.current.focus());
 					}
 				})
-			}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(Mn, null));
+			}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(Nn, null));
 		});
 	};
 	return /* @__PURE__ */ e.createElement("div", {
@@ -4232,10 +4240,10 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	}, L.map((t) => /* @__PURE__ */ e.createElement("span", {
 		key: t.value,
 		className: `${E}__input-wrapper`
-	}, S !== void 0 && /* @__PURE__ */ e.createElement(Dt, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${E}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-text` }, t.icon && le(t.icon, `${E}__icon`), t.label), /* @__PURE__ */ e.createElement(Q, {
+	}, S !== void 0 && /* @__PURE__ */ e.createElement(Ot, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${E}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-text` }, t.icon && le(t.icon, `${E}__icon`), t.label), /* @__PURE__ */ e.createElement(Q, {
 		className: `${E}__trigger-icon`,
 		iconName: "angleDown"
-	}))))), /* @__PURE__ */ e.createElement(wt, {
+	}))))), /* @__PURE__ */ e.createElement(Tt, {
 		disabled: i,
 		id: o,
 		label: c,
@@ -4254,7 +4262,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 			onBlur: X,
 			onFocus: se
 		})
-	}, N && /* @__PURE__ */ e.createElement(Dt, { variant: N }), /* @__PURE__ */ e.createElement("span", { className: `${E}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-text` }, (ae || !ie && a) && le(ae || a, `${E}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label-text` }, ie ?? u.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
+	}, N && /* @__PURE__ */ e.createElement(Ot, { variant: N }), /* @__PURE__ */ e.createElement("span", { className: `${E}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-text` }, (ae || !ie && a) && le(ae || a, `${E}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label-text` }, ie ?? u.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
 		className: `${E}__trigger-icon`,
 		iconName: "angleDown"
 	}))), J && /* @__PURE__ */ e.createElement("div", {
@@ -4268,24 +4276,24 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...re } }, /* @__PURE__ */ e.createElement("ul", {
 		className: `${E}__options`,
 		role: "group"
-	}, ue(g)))), P && /* @__PURE__ */ e.createElement(Tt, {
+	}, ue(g)))), P && /* @__PURE__ */ e.createElement(Et, {
 		hasValidationMessage: !!x,
 		id: o,
 		message: P,
 		validationMessageHasDecorators: !1,
 		validationStatus: S
 	}));
-}, Fn = {
+}, In = {
 	"sequential-iris": 2,
 	"sequential-multi": 2
-}, In = (e, t) => {
-	let n = Fn[e];
-	return n ? t.slice(n) : t;
 }, Ln = (e, t) => {
+	let n = In[e];
+	return n ? t.slice(n) : t;
+}, Rn = (e, t) => {
 	if (t === void 0) return;
-	let n = Fn[e];
+	let n = In[e];
 	return n ? Math.max(t, n + 1) - n : t;
-}, Rn = {
+}, zn = {
 	categorical: [
 		"--pds-color-datavis-categorical-1",
 		"--pds-color-datavis-categorical-2",
@@ -4349,7 +4357,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		"--pds-color-datavis-status-discovery",
 		"--pds-color-datavis-status-neutral"
 	]
-}, zn = {
+}, Bn = {
 	categorical: [
 		"#00b29e",
 		"#3778d7",
@@ -4413,34 +4421,34 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		"#6f20a5",
 		"#6a6e7a"
 	]
-}, Bn = (e, t, n, r) => n || (r === void 0 ? t[e % t.length] : t[(r - 1) % t.length]), Vn = (e, t) => {
-	let n = zn[t];
+}, Vn = (e, t, n, r) => n || (r === void 0 ? t[e % t.length] : t[(r - 1) % t.length]), Hn = (e, t) => {
+	let n = Bn[t];
 	if (!e) return n;
 	let r = getComputedStyle(e);
-	return Rn[t].map((e, t) => r.getPropertyValue(e).trim() || n[t]);
-}, Hn = (e, t = "categorical") => {
-	let [n, r] = h(zn[t]);
+	return zn[t].map((e, t) => r.getPropertyValue(e).trim() || n[t]);
+}, Un = (e, t = "categorical") => {
+	let [n, r] = h(Bn[t]);
 	return l(() => {
 		if (!e.current) return;
-		r(Vn(e.current, t));
+		r(Hn(e.current, t));
 		let n = new MutationObserver(() => {
-			e.current && r(Vn(e.current, t));
+			e.current && r(Hn(e.current, t));
 		});
 		return n.observe(document.documentElement, {
 			attributeFilter: ["data-theme"],
 			attributes: !0
 		}), () => n.disconnect();
 	}, [e, t]), n;
-}, Un = {
+}, Wn = {
 	fill: "var(--pds-color-foreground-default-secondary)",
 	fontFamily: "var(--pds-typography-ff-default)",
 	fontSize: "var(--pds-typography-size-xs)"
-}, Wn = {
+}, Gn = {
 	fill: "var(--pds-color-foreground-default-secondary)",
 	fontFamily: "var(--pds-typography-ff-default)",
 	fontSize: "var(--pds-typography-size-xs)",
 	fontWeight: "var(--pds-typography-fw-semibold)"
-}, Gn = ({ data: t, description: n, series: r, valueFormatter: i }) => {
+}, Kn = ({ data: t, description: n, series: r, valueFormatter: i }) => {
 	let a = (e) => typeof e == "number" && i ? i(e) : typeof e == "number" ? e.toLocaleString() : String(e);
 	return /* @__PURE__ */ e.createElement("table", {
 		"aria-label": n,
@@ -4450,7 +4458,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		key: t.dataKey,
 		scope: "col"
 	}, t.label)))), /* @__PURE__ */ e.createElement("tbody", null, t.map((t, n) => /* @__PURE__ */ e.createElement("tr", { key: `${t.label}-${n}` }, /* @__PURE__ */ e.createElement("td", null, t.label), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: n.dataKey }, a(t[n.dataKey])))))));
-}, Kn = ({ data: t = [], series: n, seriesColors: r, tableHeader: i = "Total", valueFormatter: a = (e) => e.toLocaleString(), variant: o = "inline" }) => {
+}, qn = ({ data: t = [], series: n, seriesColors: r, tableHeader: i = "Total", valueFormatter: a = (e) => e.toLocaleString(), variant: o = "inline" }) => {
 	let s = "pds-chart-legend", c = (e, t, n) => t || (n === void 0 ? r[e % r.length] : r[(n - 1) % r.length]);
 	if (o === "table") {
 		let r = n.map((e) => t.reduce((t, n) => {
@@ -4472,12 +4480,12 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		className: `${s}__swatch`,
 		style: { backgroundColor: c(n, t.color, t.paletteIndex) }
 	}), t.label)));
-}, qn = (e) => typeof e == "number" ? `${e}rem` : typeof e == "string" && e.endsWith("%") ? e : `${ut[`SPACING_${e.toUpperCase()}`]}rem`, Jn = ({ className: t, colorType: n = "regular", isAnimated: r = !0, shape: i = "rounded", size: a, textIsJustified: o, textLineCount: s = 1, textSize: c = "m", ...l }) => {
+}, Jn = (e) => typeof e == "number" ? `${e}rem` : typeof e == "string" && e.endsWith("%") ? e : `${ut[`SPACING_${e.toUpperCase()}`]}rem`, Yn = ({ className: t, colorType: n = "regular", isAnimated: r = !0, shape: i = "rounded", size: a, textIsJustified: o, textLineCount: s = 1, textSize: c = "m", ...l }) => {
 	let u = "pds-skeleton", d = `${u}--${i}`, f = r ? `pds-pulse pds-pulse--${n}` : `${u}--${n}`, p = [
 		"text-block",
 		"code-block",
 		"code-block-prefix"
-	], m = a?.height ? qn(a.height) : "1rem", h = a?.width ? qn(a.width) : "100%", g = {
+	], m = a?.height ? Jn(a.height) : "1rem", h = a?.width ? Jn(a.width) : "100%", g = {
 		height: m,
 		width: h
 	};
@@ -4549,13 +4557,13 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		}
 	}))));
 	return p.includes(i) ? w : _;
-}, Yn = () => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--table" }, /* @__PURE__ */ e.createElement(Jn, {
+}, Xn = () => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--table" }, /* @__PURE__ */ e.createElement(Yn, {
 	shape: "rounded",
 	size: {
 		height: 4,
 		width: "100%"
 	}
-})), Xn = ({ borderRadius: t, height: n, legendAlignment: r = "center", legendVariant: i = "inline", showLegend: a = !0 }) => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton" }, /* @__PURE__ */ e.createElement("div", {
+})), Zn = ({ borderRadius: t, height: n, legendAlignment: r = "center", legendVariant: i = "inline", showLegend: a = !0 }) => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton" }, /* @__PURE__ */ e.createElement("div", {
 	className: "pds-chart__skeleton-area",
 	style: { height: n }
 }, t ? /* @__PURE__ */ e.createElement("div", { style: {
@@ -4563,41 +4571,41 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	height: "100%",
 	overflow: "hidden",
 	width: "100%"
-} }, /* @__PURE__ */ e.createElement(Jn, {
+} }, /* @__PURE__ */ e.createElement(Yn, {
 	shape: "rectangular",
 	size: {
 		height: "100%",
 		width: "100%"
 	}
-})) : /* @__PURE__ */ e.createElement(Jn, {
+})) : /* @__PURE__ */ e.createElement(Yn, {
 	shape: "rounded",
 	size: {
 		height: "100%",
 		width: "100%"
 	}
-})), a && (i === "table" ? /* @__PURE__ */ e.createElement(Yn, null) : /* @__PURE__ */ e.createElement("div", { className: `pds-chart__skeleton-legend pds-chart__skeleton-legend--inline${r === "left" ? "-left" : ""}` }, /* @__PURE__ */ e.createElement(Jn, {
+})), a && (i === "table" ? /* @__PURE__ */ e.createElement(Xn, null) : /* @__PURE__ */ e.createElement("div", { className: `pds-chart__skeleton-legend pds-chart__skeleton-legend--inline${r === "left" ? "-left" : ""}` }, /* @__PURE__ */ e.createElement(Yn, {
 	shape: "rounded",
 	size: {
 		height: .75,
 		width: 5
 	}
-}), /* @__PURE__ */ e.createElement(Jn, {
+}), /* @__PURE__ */ e.createElement(Yn, {
 	shape: "rounded",
 	size: {
 		height: .75,
 		width: 5
 	}
-}), /* @__PURE__ */ e.createElement(Jn, {
+}), /* @__PURE__ */ e.createElement(Yn, {
 	shape: "rounded",
 	size: {
 		height: .75,
 		width: 5
 	}
-})))), Zn = (e) => {
+})))), Qn = (e) => {
 	let t = Math.abs(e);
 	return t >= 1e9 ? `${(e / 1e9).toFixed(1).replace(/\.0$/, "")}B` : t >= 1e6 ? `${(e / 1e6).toFixed(1).replace(/\.0$/, "")}M` : t >= 1e3 ? `${(e / 1e3).toFixed(1).replace(/\.0$/, "")}K` : String(e);
-}, Qn = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: c = !1, isThumbnail: u = !1, labelStrings: d = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: g, selectedTimePeriod: _, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: T, showTooltip: D, timePeriodOptions: O, tooltipContent: k, variant: j = "stacked", xAxisLabel: M, xAxisTickInterval: N, yAxisDomain: P, yAxisFormatter: F = Zn, yAxisLabel: I, yAxisTickInterval: R, ...H }) => {
-	let { accessibleTableDescription: U = "Bar chart data", emptyStateHeading: W = "No data available", emptyStateMessage: G, legendTableHeader: K, loadingLabel: q = "Loading chart data" } = d, re = m(null), ie = In(a, Hn(re, a)), ae = n ?? (u ? 60 : 360), Y = r ?? (u ? 60 : void 0), oe = x ?? !u, X = b ?? !u, se = T ?? !u, ce = D ?? !u, le = y ?? !0, [ue, de] = h(null), fe = m(ue);
+}, $n = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: c = !1, isThumbnail: u = !1, labelStrings: d = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: g, selectedTimePeriod: _, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: T, showTooltip: D, timePeriodOptions: O, tooltipContent: k, variant: j = "stacked", xAxisLabel: M, xAxisTickInterval: N, yAxisDomain: P, yAxisFormatter: F = Qn, yAxisLabel: I, yAxisTickInterval: R, ...H }) => {
+	let { accessibleTableDescription: U = "Bar chart data", emptyStateHeading: W = "No data available", emptyStateMessage: G, legendTableHeader: K, loadingLabel: q = "Loading chart data" } = d, re = m(null), ie = Ln(a, Un(re, a)), ae = n ?? (u ? 60 : 360), Y = r ?? (u ? 60 : void 0), oe = x ?? !u, X = b ?? !u, se = T ?? !u, ce = D ?? !u, le = y ?? !0, [ue, de] = h(null), fe = m(ue);
 	ue && (fe.current = ue);
 	let pe = m({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -4655,7 +4663,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		style: { maxWidth: Y },
 		...H
-	}, /* @__PURE__ */ e.createElement(Xn, {
+	}, /* @__PURE__ */ e.createElement(Zn, {
 		height: ae,
 		legendVariant: p,
 		showLegend: se
@@ -4672,7 +4680,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 			maxWidth: Y
 		},
 		...H
-	}, /* @__PURE__ */ e.createElement(jn, {
+	}, /* @__PURE__ */ e.createElement(Mn, {
 		heading: W,
 		message: G
 	}));
@@ -4692,7 +4700,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		className: Z([be, i ?? ""]),
 		style: Y ? { maxWidth: Y } : void 0,
 		...H
-	}, !u && O && O.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${be}__header` }, /* @__PURE__ */ e.createElement(Pn, {
+	}, !u && O && O.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${be}__header` }, /* @__PURE__ */ e.createElement(Fn, {
 		autoWidth: !0,
 		id: `${be}-time-period`,
 		label: "Time period",
@@ -4736,12 +4744,12 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		hide: !X,
 		interval: N,
 		label: M && X ? {
-			...Wn,
+			...Gn,
 			offset: -15,
 			position: "insideBottom",
 			value: M
 		} : void 0,
-		tick: X ? Un : !1,
+		tick: X ? Wn : !1,
 		tickFormatter: we ? F : void 0,
 		tickLine: !1,
 		tickMargin: 10,
@@ -4753,13 +4761,13 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		hide: !X,
 		interval: R,
 		label: I && X ? {
-			...Wn,
+			...Gn,
 			angle: -90,
 			dx: -44,
 			position: "center",
 			value: I
 		} : void 0,
-		tick: X ? Un : !1,
+		tick: X ? Wn : !1,
 		tickFormatter: we ? void 0 : F,
 		tickLine: !1,
 		tickMargin: 6,
@@ -4778,12 +4786,12 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	}), v.map((t, n) => /* @__PURE__ */ e.createElement(z, {
 		key: t.dataKey,
 		dataKey: t.dataKey,
-		fill: Bn(n, ie, t.color, Ln(a, t.paletteIndex)),
+		fill: Vn(n, ie, t.color, Rn(a, t.paletteIndex)),
 		name: t.label,
 		onMouseEnter: k ? void 0 : (e) => {
 			let r = e;
 			ce && r && de({
-				color: Bn(n, ie, t.color, Ln(a, t.paletteIndex)),
+				color: Vn(n, ie, t.color, Rn(a, t.paletteIndex)),
 				label: String(r.label ?? ""),
 				name: t.label,
 				value: Number(r[t.dataKey] ?? 0)
@@ -4805,26 +4813,26 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 	}, /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-label" }, fe.current.label), /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-item" }, /* @__PURE__ */ e.createElement("span", {
 		className: "recharts-tooltip-item__color",
 		style: { backgroundColor: fe.current.color }
-	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, fe.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(fe.current.value)))), se && /* @__PURE__ */ e.createElement(Kn, {
+	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, fe.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(fe.current.value)))), se && /* @__PURE__ */ e.createElement(qn, {
 		data: o,
 		series: v,
 		seriesColors: ie,
 		tableHeader: K,
 		valueFormatter: F,
 		variant: p
-	}), le && /* @__PURE__ */ e.createElement(Gn, {
+	}), le && /* @__PURE__ */ e.createElement(Kn, {
 		data: o,
 		description: U,
 		series: v,
 		valueFormatter: F
 	}));
-}, $n = (e) => {
+}, er = (e) => {
 	switch (e) {
 		case "dashed": return "8 4";
 		default: return;
 	}
-}, er = ({ annotations: t, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: l = {}, legendVariant: u = "inline", lineStyle: d = "smooth", onTimePeriodChange: f, referenceLines: p, selectedTimePeriod: h, series: g = [], showAccessibleTable: _, showAxisLines: v, showDataPoints: y, showGrid: b, showLegend: x, showTooltip: S, timePeriodOptions: C, tooltipContent: w, xAxisLabel: T, xAxisTickInterval: E, yAxisDomain: D, yAxisFormatter: O = Zn, yAxisLabel: k, yAxisTickInterval: A, ...j }) => {
-	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = m(null), R = In(a, Hn(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), H = b ?? !c, G = v ?? !c, K = x ?? !c, re = S ?? !c, ie = y ?? !c, ae = _ ?? !0, Y = "pds-line-chart";
+}, tr = ({ annotations: t, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: l = {}, legendVariant: u = "inline", lineStyle: d = "smooth", onTimePeriodChange: f, referenceLines: p, selectedTimePeriod: h, series: g = [], showAccessibleTable: _, showAxisLines: v, showDataPoints: y, showGrid: b, showLegend: x, showTooltip: S, timePeriodOptions: C, tooltipContent: w, xAxisLabel: T, xAxisTickInterval: E, yAxisDomain: D, yAxisFormatter: O = Qn, yAxisLabel: k, yAxisTickInterval: A, ...j }) => {
+	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = m(null), R = Ln(a, Un(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), H = b ?? !c, G = v ?? !c, K = x ?? !c, re = S ?? !c, ie = y ?? !c, ae = _ ?? !0, Y = "pds-line-chart";
 	return s ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		"aria-busy": "true",
@@ -4836,7 +4844,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		style: { maxWidth: B },
 		...j
-	}, /* @__PURE__ */ e.createElement(Xn, {
+	}, /* @__PURE__ */ e.createElement(Zn, {
 		height: z,
 		legendVariant: u,
 		showLegend: K
@@ -4852,7 +4860,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 			maxWidth: B
 		},
 		...j
-	}, /* @__PURE__ */ e.createElement(jn, {
+	}, /* @__PURE__ */ e.createElement(Mn, {
 		heading: N,
 		message: P
 	})) : /* @__PURE__ */ e.createElement("div", {
@@ -4860,7 +4868,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		className: Z([Y, i ?? ""]),
 		style: B ? { maxWidth: B } : void 0,
 		...j
-	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Y}__header` }, /* @__PURE__ */ e.createElement(Pn, {
+	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Y}__header` }, /* @__PURE__ */ e.createElement(Fn, {
 		autoWidth: !0,
 		id: `${Y}-time-period`,
 		label: "Time period",
@@ -4896,12 +4904,12 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		hide: !G,
 		interval: E,
 		label: T && G ? {
-			...Wn,
+			...Gn,
 			offset: -15,
 			position: "insideBottom",
 			value: T
 		} : void 0,
-		tick: G ? Un : !1,
+		tick: G ? Wn : !1,
 		tickLine: !1,
 		tickMargin: 10
 	}), /* @__PURE__ */ e.createElement(ne, {
@@ -4910,13 +4918,13 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		hide: !G,
 		interval: A,
 		label: k && G ? {
-			...Wn,
+			...Gn,
 			angle: -90,
 			dx: -44,
 			position: "center",
 			value: k
 		} : void 0,
-		tick: G ? Un : !1,
+		tick: G ? Wn : !1,
 		tickFormatter: O,
 		tickLine: !1,
 		tickMargin: 6
@@ -4943,13 +4951,13 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		activeDot: ie ? { r: 6 } : !1,
 		dataKey: t.dataKey,
 		dot: ie ? {
-			fill: Bn(n, R, t.color, Ln(a, t.paletteIndex)),
+			fill: Vn(n, R, t.color, Rn(a, t.paletteIndex)),
 			r: 4,
 			strokeWidth: 0
 		} : !1,
 		name: t.label,
-		stroke: Bn(n, R, t.color, Ln(a, t.paletteIndex)),
-		strokeDasharray: $n(t.strokeStyle),
+		stroke: Vn(n, R, t.color, Rn(a, t.paletteIndex)),
+		strokeDasharray: er(t.strokeStyle),
 		strokeWidth: 2,
 		type: d === "straight" ? "linear" : "monotone"
 	})), !c && p?.map((t, n) => {
@@ -4969,7 +4977,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 				}, t.label.toUpperCase());
 			},
 			stroke: r,
-			strokeDasharray: $n(t.strokeStyle ?? "dashed"),
+			strokeDasharray: er(t.strokeStyle ?? "dashed"),
 			y: t.value
 		});
 	}), !c && t?.map((t, n) => {
@@ -4989,24 +4997,24 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 				}, t.text.toUpperCase());
 			},
 			stroke: r,
-			strokeDasharray: $n(t.strokeStyle ?? "dashed"),
+			strokeDasharray: er(t.strokeStyle ?? "dashed"),
 			x: t.atLabel
 		});
-	})))), K && /* @__PURE__ */ e.createElement(Kn, {
+	})))), K && /* @__PURE__ */ e.createElement(qn, {
 		data: o,
 		series: g,
 		seriesColors: R,
 		tableHeader: F,
 		valueFormatter: O,
 		variant: u
-	}), ae && /* @__PURE__ */ e.createElement(Gn, {
+	}), ae && /* @__PURE__ */ e.createElement(Kn, {
 		data: o,
 		description: M,
 		series: g,
 		valueFormatter: O
 	}));
-}, tr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, nr = ({ chartHeight: t, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: s = !1, labelStrings: c = {}, legendVariant: l = "inline", showAccessibleTable: u = !0, showLegend: d, showTooltip: f, valueFormatter: p = tr, variant: h = "pie", ...g }) => {
-	let { accessibleTableDescription: _ = "Pie chart data", emptyStateHeading: v = "No data available", emptyStateMessage: y, loadingLabel: b = "Loading chart data" } = c, x = m(null), S = In(i, Hn(x, i)), C = "pds-pie-chart", w = t ?? (s ? 80 : 300), T = n ?? (s ? 80 : void 0), E = d ?? !s, D = f ?? !s, O = a.reduce((e, t) => e + t.value, 0), k = (e, t) => Bn(e, S, t.color, Ln(i, t.paletteIndex));
+}, nr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, rr = ({ chartHeight: t, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: s = !1, labelStrings: c = {}, legendVariant: l = "inline", showAccessibleTable: u = !0, showLegend: d, showTooltip: f, valueFormatter: p = nr, variant: h = "pie", ...g }) => {
+	let { accessibleTableDescription: _ = "Pie chart data", emptyStateHeading: v = "No data available", emptyStateMessage: y, loadingLabel: b = "Loading chart data" } = c, x = m(null), S = Ln(i, Un(x, i)), C = "pds-pie-chart", w = t ?? (s ? 80 : 300), T = n ?? (s ? 80 : void 0), E = d ?? !s, D = f ?? !s, O = a.reduce((e, t) => e + t.value, 0), k = (e, t) => Vn(e, S, t.color, Rn(i, t.paletteIndex));
 	if (o) {
 		let t = `${Math.round(w * .8)}px`;
 		return /* @__PURE__ */ e.createElement("div", {
@@ -5023,25 +5031,25 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		}, /* @__PURE__ */ e.createElement("div", { className: `${C}__skeleton` }, /* @__PURE__ */ e.createElement("div", {
 			className: `${C}__skeleton-chart`,
 			style: { height: w }
-		}, /* @__PURE__ */ e.createElement(Jn, {
+		}, /* @__PURE__ */ e.createElement(Yn, {
 			shape: "circular",
 			style: {
 				height: t,
 				width: t
 			}
-		})), E && /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--inline" }, /* @__PURE__ */ e.createElement(Jn, {
+		})), E && /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--inline" }, /* @__PURE__ */ e.createElement(Yn, {
 			shape: "rounded",
 			size: {
 				height: .75,
 				width: 5
 			}
-		}), /* @__PURE__ */ e.createElement(Jn, {
+		}), /* @__PURE__ */ e.createElement(Yn, {
 			shape: "rounded",
 			size: {
 				height: .75,
 				width: 5
 			}
-		}), /* @__PURE__ */ e.createElement(Jn, {
+		}), /* @__PURE__ */ e.createElement(Yn, {
 			shape: "rounded",
 			size: {
 				height: .75,
@@ -5061,7 +5069,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 			maxWidth: T
 		},
 		...g
-	}, /* @__PURE__ */ e.createElement(jn, {
+	}, /* @__PURE__ */ e.createElement(Mn, {
 		heading: v,
 		message: y
 	}));
@@ -5128,8 +5136,8 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		let n = O > 0 ? Math.round(t.value / O * 100) : 0;
 		return /* @__PURE__ */ e.createElement("tr", { key: t.label }, /* @__PURE__ */ e.createElement("td", null, t.label), /* @__PURE__ */ e.createElement("td", null, t.value.toLocaleString()), /* @__PURE__ */ e.createElement("td", null, n, "%"));
 	}))));
-}, rr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, ir = ({ barHeight: t = 16, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: c = !1, labelStrings: u = {}, legendAlignment: d = "left", showAccessibleTable: f = !0, showLegend: p, showTooltip: g, valueFormatter: _ = rr, ...v }) => {
-	let { accessibleTableDescription: y = "Proportion bar data", emptyStateHeading: b = "No data available", emptyStateMessage: x, loadingLabel: T = "Loading chart data" } = u, D = m(null), O = In(i, Hn(D, i)), k = "pds-proportion-bar", j = n ?? (c ? 200 : void 0), M = p ?? !c, N = g ?? !c, P = a.reduce((e, t) => e + t.value, 0), F = (e, t) => Bn(e, O, t.color, Ln(i, t.paletteIndex)), [I, R] = h(null), z = m(I);
+}, ir = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, ar = ({ barHeight: t = 16, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: c = !1, labelStrings: u = {}, legendAlignment: d = "left", showAccessibleTable: f = !0, showLegend: p, showTooltip: g, valueFormatter: _ = ir, ...v }) => {
+	let { accessibleTableDescription: y = "Proportion bar data", emptyStateHeading: b = "No data available", emptyStateMessage: x, loadingLabel: T = "Loading chart data" } = u, D = m(null), O = Ln(i, Un(D, i)), k = "pds-proportion-bar", j = n ?? (c ? 200 : void 0), M = p ?? !c, N = g ?? !c, P = a.reduce((e, t) => e + t.value, 0), F = (e, t) => Vn(e, O, t.color, Rn(i, t.paletteIndex)), [I, R] = h(null), z = m(I);
 	I && (z.current = I);
 	let B = m({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -5184,7 +5192,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		style: j ? { maxWidth: j } : void 0,
 		...v
-	}, /* @__PURE__ */ e.createElement(Xn, {
+	}, /* @__PURE__ */ e.createElement(Zn, {
 		borderRadius: "var(--pds-border-radius-bar)",
 		height: t,
 		legendAlignment: d,
@@ -5197,7 +5205,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 			r ?? ""
 		]),
 		...v
-	}, /* @__PURE__ */ e.createElement(jn, {
+	}, /* @__PURE__ */ e.createElement(Mn, {
 		heading: b,
 		message: x
 	})) : /* @__PURE__ */ e.createElement("div", {
@@ -5257,7 +5265,7 @@ var ln = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		let n = P > 0 ? Math.round(t.value / P * 100) : 0;
 		return /* @__PURE__ */ e.createElement("tr", { key: t.label }, /* @__PURE__ */ e.createElement("td", null, t.label), /* @__PURE__ */ e.createElement("td", null, t.value.toLocaleString()), /* @__PURE__ */ e.createElement("td", null, n, "%"));
 	}))));
-}, ar = /* @__PURE__ */ Fe((/* @__PURE__ */ Ne(((e, t) => {
+}, or = /* @__PURE__ */ Fe((/* @__PURE__ */ Ne(((e, t) => {
 	var n = function(e) {
 		var t = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, n = 0, r = {}, i = {
 			manual: e.Prism && e.Prism.manual,
@@ -6219,7 +6227,7 @@ Prism.languages.markup = {
 })(Prism);
 //#endregion
 //#region src/components/CodeBlock/themes/pds.ts
-var or = {
+var sr = {
 	plain: {
 		color: "var(--pds-color-code-block-foreground)",
 		backgroundColor: "var(--pds-color-code-block-background)"
@@ -6295,10 +6303,10 @@ var or = {
 			style: { color: "var(--pds-color-code-block-syntax-inserted)" }
 		}
 	]
-}, sr = ({ className: t, code: n, copyButtonLabel: r = "Copy to clipboard", hasCopyButton: i, hasLineNumbers: a, hasPrompt: o, height: s, isLoading: c, language: l, loadingLineCount: u = 1, maxHeight: d, promptSymbol: f = "$", renderAsLegacy: p = !1, shouldWrap: m = !1, ...h }) => {
+}, cr = ({ className: t, code: n, copyButtonLabel: r = "Copy to clipboard", hasCopyButton: i, hasLineNumbers: a, hasPrompt: o, height: s, isLoading: c, language: l, loadingLineCount: u = 1, maxHeight: d, promptSymbol: f = "$", renderAsLegacy: p = !1, shouldWrap: m = !1, ...h }) => {
 	let g = "pds-code-block", _ = m ? `${g}__line-wrapped` : "", v = {};
 	s && (v.height = `${s}rem`), d && (v.maxHeight = `${d}rem`);
-	let y = /* @__PURE__ */ e.createElement("div", { className: `${g}__code` }, /* @__PURE__ */ e.createElement(Jn, {
+	let y = /* @__PURE__ */ e.createElement("div", { className: `${g}__code` }, /* @__PURE__ */ e.createElement(Yn, {
 		className: `${g}__skeleton`,
 		colorType: "bold",
 		shape: a || o ? "code-block-prefix" : "code-block",
@@ -6333,7 +6341,7 @@ var or = {
 		}, a || o ? a ? /* @__PURE__ */ e.createElement(e.Fragment, null, x(n)) : /* @__PURE__ */ e.createElement(e.Fragment, null, S(n)) : /* @__PURE__ */ e.createElement("div", {
 			className: `${g}__content`,
 			dangerouslySetInnerHTML: { __html: n }
-		})), i && /* @__PURE__ */ e.createElement("div", { className: `${g}__copy` }, /* @__PURE__ */ e.createElement(Jt, {
+		})), i && /* @__PURE__ */ e.createElement("div", { className: `${g}__copy` }, /* @__PURE__ */ e.createElement(Yt, {
 			ariaLabel: r,
 			clipboardText: s,
 			variant: "reverse"
@@ -6347,21 +6355,21 @@ var or = {
 	}, c ? y : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(re, {
 		code: n,
 		language: l || "",
-		prism: ar.default,
-		theme: or
+		prism: or.default,
+		theme: sr
 	}, /* @__PURE__ */ e.createElement(re.Code, {
 		className: `${g}__code`,
 		tabIndex: 0
-	}, a || o ? a ? w : T : C)), i && /* @__PURE__ */ e.createElement("div", { className: `${g}__copy` }, /* @__PURE__ */ e.createElement(Jt, {
+	}, a || o ? a ? w : T : C)), i && /* @__PURE__ */ e.createElement("div", { className: `${g}__copy` }, /* @__PURE__ */ e.createElement(Yt, {
 		ariaLabel: r,
 		clipboardText: n,
 		variant: "reverse"
 	}))));
-}, cr = {
+}, lr = {
 	addon: "circlePlus",
 	included: "circleCheck",
 	notIncluded: "xmark"
-}, lr = ({ className: t, listItems: n, listLabel: r, moreLink: i, renderTypeLabels: a = !0, showBorder: o = !1, size: s = "s", typeLabels: c = {
+}, ur = ({ className: t, listItems: n, listLabel: r, moreLink: i, renderTypeLabels: a = !0, showBorder: o = !1, size: s = "s", typeLabels: c = {
 	addon: "Add-on",
 	included: "Included",
 	notIncluded: "Not included"
@@ -6380,10 +6388,10 @@ var or = {
 		className: `${u}__list-item ${u}__list-item--${t.type}`
 	}, /* @__PURE__ */ e.createElement("div", { className: `${u}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(Q, {
 		className: `${u}__item-icon`,
-		iconName: cr[t.type],
+		iconName: lr[t.type],
 		size: s
 	})), a && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, c[t.type], ":", " "), t.text))), i && /* @__PURE__ */ e.createElement("div", { className: `${u}__more-link` }, i));
-}, ur = ({ className: t, platform: n, videoId: r, videoTitle: i, ...a }) => {
+}, dr = ({ className: t, platform: n, videoId: r, videoTitle: i, ...a }) => {
 	let o = /* @__PURE__ */ e.createElement("iframe", {
 		allow: "autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media",
 		src: `https://fast.wistia.net/embed/iframe/${r}`,
@@ -6414,7 +6422,7 @@ var or = {
 		className: Z(["pds-video-embed", t ?? ""]),
 		...a
 	}, l);
-}, dr = ({ alignment: t = "center", className: n, ctaRegion: r, heading: i, headingLevel: a = "h1", image: o, imageMarginLeft: s = "0", imageWidth: c = "40%", isWithinPanel: l, maxWidth: u = "1200px", message: d, video: f, ...p }) => {
+}, fr = ({ alignment: t = "center", className: n, ctaRegion: r, heading: i, headingLevel: a = "h1", image: o, imageMarginLeft: s = "0", imageWidth: c = "40%", isWithinPanel: l, maxWidth: u = "1200px", message: d, video: f, ...p }) => {
 	let m = "pds-horizontal-empty-state", h = `${m}--${t}`, g = l ? `${m}--panel` : null, _ = f ? `${m}--video` : null, v = {
 		marginInlineStart: s,
 		width: c
@@ -6429,7 +6437,7 @@ var or = {
 		]),
 		style: { maxWidth: u },
 		...p
-	}, /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, /* @__PURE__ */ e.createElement(Ht, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, /* @__PURE__ */ e.createElement(Ut, {
 		baseClass: m,
 		className: `${l ? "pds-ts-2xl" : "pds-ts-4xl"} pds-fw-bold`,
 		level: a
@@ -6440,11 +6448,11 @@ var or = {
 		alt: "",
 		className: `${m}__image`,
 		src: o
-	}) : o), f && /* @__PURE__ */ e.createElement("div", { className: `${m}__media ${m}__media--video` }, /* @__PURE__ */ e.createElement(ur, {
+	}) : o), f && /* @__PURE__ */ e.createElement("div", { className: `${m}__media ${m}__media--video` }, /* @__PURE__ */ e.createElement(dr, {
 		platform: f.platform,
 		videoId: f.videoId
 	})));
-}, fr = ({ className: t, ctaRegion: n, heading: r, headingLevel: i = "h2", image: a, imageHeight: o = "120", imageWidth: s = "auto", message: c, ...l }) => {
+}, pr = ({ className: t, ctaRegion: n, heading: r, headingLevel: i = "h2", image: a, imageHeight: o = "120", imageWidth: s = "auto", message: c, ...l }) => {
 	let u = "pds-vertical-empty-state";
 	return c = typeof c == "string" ? /* @__PURE__ */ e.createElement("p", { className: `${u}__message` }, c) : /* @__PURE__ */ e.createElement("div", { className: `${u}__message` }, c), /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, t ?? ""]),
@@ -6455,11 +6463,11 @@ var or = {
 		height: o,
 		src: a,
 		width: s
-	}), /* @__PURE__ */ e.createElement("div", { className: `${u}__text` }, /* @__PURE__ */ e.createElement(Ht, {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${u}__text` }, /* @__PURE__ */ e.createElement(Ut, {
 		baseClass: u,
 		level: i
 	}, r), c && c), n && /* @__PURE__ */ e.createElement("div", { className: `${u}__cta` }, n));
-}, pr = ({ additions: t = 4, className: n, componentWidth: r, deletions: i = 2, translationStrings: a = {
+}, mr = ({ additions: t = 4, className: n, componentWidth: r, deletions: i = 2, translationStrings: a = {
 	linesChanged: "lines changed",
 	additions: "additions",
 	deletions: "deletions"
@@ -6469,7 +6477,7 @@ var or = {
 		className: Z([s, n ?? ""]),
 		style: { width: d },
 		...o
-	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__total-changes` }, /* @__PURE__ */ e.createElement(bt, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__total-changes` }, /* @__PURE__ */ e.createElement(xt, {
 		className: `${s}__tooltip`,
 		content: `${c} ${a.linesChanged}`,
 		customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${s}__total-changes-number` }, c, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, ` ${a.linesChanged}`)),
@@ -6477,7 +6485,7 @@ var or = {
 	})), /* @__PURE__ */ e.createElement("div", { className: `${s}__bars` }, /* @__PURE__ */ e.createElement("div", {
 		className: `${s}__behind`,
 		style: { width: `${l}%` }
-	}, /* @__PURE__ */ e.createElement(bt, {
+	}, /* @__PURE__ */ e.createElement(xt, {
 		className: `${s}__tooltip`,
 		content: `${i} ${a.deletions}`,
 		customTrigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: `${s}__behind-bar` })),
@@ -6485,13 +6493,13 @@ var or = {
 	})), /* @__PURE__ */ e.createElement("div", {
 		className: `${s}__ahead`,
 		style: { width: `${u}%` }
-	}, /* @__PURE__ */ e.createElement(bt, {
+	}, /* @__PURE__ */ e.createElement(xt, {
 		className: `${s}__tooltip`,
 		content: `${t} ${a.additions}`,
 		customTrigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: `${s}__ahead-bar` })),
 		preferredPlacement: "top"
 	}))));
-}, mr = {
+}, hr = {
 	amex: /* @__PURE__ */ e.createElement("svg", {
 		fill: "none",
 		height: "42",
@@ -6709,7 +6717,7 @@ var or = {
 		height: "42",
 		width: "70"
 	}))))
-}, hr = ({ className: t, paymentType: n, size: r = "2xl", ...i }) => {
+}, gr = ({ className: t, paymentType: n, size: r = "2xl", ...i }) => {
 	let a = "pds-payment-icon", o = `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -6718,8 +6726,8 @@ var or = {
 			t ?? ""
 		]),
 		...i
-	}, mr[n]);
-}, gr = ({ avatarProps: t, className: n, isSidebarCollapsed: r, isSingleLine: i, primaryText: a, secondaryText: o, ...c }) => {
+	}, hr[n]);
+}, _r = ({ avatarProps: t, className: n, isSidebarCollapsed: r, isSingleLine: i, primaryText: a, secondaryText: o, ...c }) => {
 	let u = "pds-identity-block", d = r ? `${u}--collapsed` : null, f = i ? `${u}--single-line` : null, p = t ? {
 		...t,
 		size: i ? "s" : "m"
@@ -6745,7 +6753,7 @@ var or = {
 			n ?? ""
 		]),
 		...c
-	}, T && (r && w ? /* @__PURE__ */ e.createElement(bt, {
+	}, T && (r && w ? /* @__PURE__ */ e.createElement(xt, {
 		content: w,
 		customTrigger: T,
 		preferredPlacement: "right"
@@ -6758,7 +6766,7 @@ var or = {
 		className: `${u}__secondary-text`,
 		title: x ? o : void 0
 	}, o)));
-}, _r = a(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: c, inputWidth: l, label: u, message: d, name: f, nestingLevel: p = 0, onBlur: m, onChange: g, onFocus: _, required: v, showLabel: y = !0, size: b = "s", validationMessage: x, validationStatus: S, value: C, ...w }, T) => {
+}, vr = a(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: c, inputWidth: l, label: u, message: d, name: f, nestingLevel: p = 0, onBlur: m, onChange: g, onFocus: _, required: v, showLabel: y = !0, size: b = "s", validationMessage: x, validationStatus: S, value: C, ...w }, T) => {
 	let E = l ? { width: `${l / 16}rem` } : null, D = "pds-checkbox", O = i ? $.disabled : null, k = S === "error" ? $.error : null, A = p > 0 ? `${D}--indent-${p}` : null, j = v && !i ? $.required : null, M = b === "s" ? null : `${D}--${b}`, N = S === "success" ? $.success : null, P = x || d, F = t !== void 0, [I, L] = h(r === void 0 ? !1 : r), R = t || I, z = (e) => {
 		F || L(e.target.checked), g && g(e);
 	}, B = `${D}__box`, V = o ? null : R ? `${B}--checked` : null, H = o ? `${B}--indeterminate` : null, U = s(() => {
@@ -6823,14 +6831,14 @@ var or = {
 		B,
 		V,
 		H
-	]) }, /* @__PURE__ */ e.createElement(U, null)), /* @__PURE__ */ e.createElement("div", { className: Z([`${D}__label-text`, y ? "" : "visually-hidden"]) }, u, " ", v && !i && /* @__PURE__ */ e.createElement(Ct, null)))), P && /* @__PURE__ */ e.createElement(Tt, {
+	]) }, /* @__PURE__ */ e.createElement(U, null)), /* @__PURE__ */ e.createElement("div", { className: Z([`${D}__label-text`, y ? "" : "visually-hidden"]) }, u, " ", v && !i && /* @__PURE__ */ e.createElement(wt, null)))), P && /* @__PURE__ */ e.createElement(Et, {
 		validationMessageHasDecorators: !0,
 		hasValidationMessage: !!x,
 		id: a,
 		message: P,
 		validationStatus: S
 	}));
-}), vr = ({ children: t, className: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, message: c, required: l = !1, showLabel: u = !0, tooltipText: d = null, validationMessage: f, validationStatus: p, ...m }) => {
+}), yr = ({ children: t, className: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, message: c, required: l = !1, showLabel: u = !0, tooltipText: d = null, validationMessage: f, validationStatus: p, ...m }) => {
 	let h = o ? { width: `${o / 16}rem` } : null, g = "pds-checkbox-group", _ = r ? $.disabled : null, v = l && !r ? $.required : null, y = p === "error" ? $.error : null, b = p === "success" ? $.success : null, x = f || c;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -6847,7 +6855,7 @@ var or = {
 		className: `${g}__fieldset`,
 		id: a,
 		...i
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		isLegend: !0,
 		disabled: r,
 		id: a,
@@ -6855,14 +6863,14 @@ var or = {
 		required: l,
 		showLabel: u,
 		tooltipText: d
-	}), /* @__PURE__ */ e.createElement("div", { className: `${g}__options` }, t)), x && /* @__PURE__ */ e.createElement(Tt, {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${g}__options` }, t)), x && /* @__PURE__ */ e.createElement(Et, {
 		validationMessageHasDecorators: !0,
 		hasValidationMessage: !!f,
 		id: a,
 		message: x,
 		validationStatus: p
 	}));
-}, yr = ({ className: t, disabled: n = !1, fieldsetProps: r, id: i, inputWidth: a, label: o, message: s, onGroupBlur: c, onValueChange: l, options: u, required: d = !1, showLabel: f = !0, tooltipText: p = null, validationMessage: m, validationStatus: g, ..._ }) => {
+}, br = ({ className: t, disabled: n = !1, fieldsetProps: r, id: i, inputWidth: a, label: o, message: s, onGroupBlur: c, onValueChange: l, options: u, required: d = !1, showLabel: f = !0, tooltipText: p = null, validationMessage: m, validationStatus: g, ..._ }) => {
 	let v = a ? { width: `${a / 16}rem` } : null, y = "pds-checkbox-group", b = n ? $.disabled : null, x = d && !n ? $.required : null, S = g === "error" ? $.error : null, C = g === "success" ? $.success : null, w = m || s;
 	u.map((e) => {
 		e.id || (e.id = e.value);
@@ -6898,7 +6906,7 @@ var or = {
 		className: `${y}__fieldset`,
 		id: i,
 		...r
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		isLegend: !0,
 		disabled: n,
 		id: i,
@@ -6906,7 +6914,7 @@ var or = {
 		required: d,
 		showLabel: f,
 		tooltipText: p
-	}), /* @__PURE__ */ e.createElement("div", { className: `${y}__options` }, u.map((t) => /* @__PURE__ */ e.createElement(_r, {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${y}__options` }, u.map((t) => /* @__PURE__ */ e.createElement(vr, {
 		key: t.id,
 		checked: t.checked,
 		className: `${y}__checkbox`,
@@ -6917,20 +6925,20 @@ var or = {
 		onBlur: k,
 		onChange: O,
 		value: t.value
-	})))), w && /* @__PURE__ */ e.createElement(Tt, {
+	})))), w && /* @__PURE__ */ e.createElement(Et, {
 		validationMessageHasDecorators: !0,
 		hasValidationMessage: !!m,
 		id: i,
 		message: w,
 		validationStatus: g
 	}));
-}, br = a(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: c = !1, id: u, inputWidth: d, isLoading: f = !1, label: g, labelStrings: _ = {
+}, xr = a(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: c = !1, id: u, inputWidth: d, isLoading: f = !1, label: g, labelStrings: _ = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options",
 	searchShortcut: "Press / to focus the search field",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: v = "Loading results...", message: y, noResultsText: b = "No results found", onBlur: x, onChange: T, onClear: E, onFocus: O, onOptionSelect: k, options: j, placeholder: M, required: N = !1, showLabel: P = !0, showUnfilteredOptions: F = !1, size: I = "s", tooltipText: R = null, validationMessage: z, validationStatus: B, value: V, ...H }, U) => {
-	let W = xt(d), G = "pds-combobox", K = I === "s" ? null : `${G}--${I}`, q = r ? $.disabled : null, J = N && !r ? $.required : null, ee = B === "error" ? $.error : null, te = B === "success" ? $.success : null, ne = null;
+	let W = St(d), G = "pds-combobox", K = I === "s" ? null : `${G}--${I}`, q = r ? $.disabled : null, J = N && !r ? $.required : null, ee = B === "error" ? $.error : null, te = B === "success" ? $.success : null, ne = null;
 	o && (ne = "search"), B === "error" && (ne = "error"), B === "success" && (ne = "success");
 	let re = z || y, ae = V !== void 0, Y = n !== void 0, oe = (e) => {
 		let t = j.find((t) => t.value === e);
@@ -7029,7 +7037,7 @@ var or = {
 		x?.(X);
 	}, ke = (e) => {
 		F && ve(), O?.(X);
-	}, Ae = () => fe.map((t, n) => /* @__PURE__ */ e.createElement(Nt, {
+	}, Ae = () => fe.map((t, n) => /* @__PURE__ */ e.createElement(Pt, {
 		key: t.value,
 		className: ge === n ? "pds-dropdown__item--focused" : "",
 		...me({
@@ -7050,7 +7058,7 @@ var or = {
 		]),
 		style: d ? W : null,
 		...H
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		disabled: r,
 		id: `input-${u}`,
 		label: g,
@@ -7065,7 +7073,7 @@ var or = {
 		"aria-required": N ? !0 : null,
 		className: `${G}__input-wrapper`,
 		id: u
-	}, ne && /* @__PURE__ */ e.createElement(Dt, { variant: ne }), /* @__PURE__ */ e.createElement("input", {
+	}, ne && /* @__PURE__ */ e.createElement(Ot, { variant: ne }), /* @__PURE__ */ e.createElement("input", {
 		ref: ue,
 		autoComplete: "off",
 		className: `${G}__input`,
@@ -7080,11 +7088,11 @@ var or = {
 			},
 			onFocus: ke
 		})
-	}), ce && i && /* @__PURE__ */ e.createElement(kt, {
+	}), ce && i && /* @__PURE__ */ e.createElement(At, {
 		clearLabel: _.clearButton,
 		handleClearInput: De,
 		id: `input-${u}`
-	}), c && !ce && /* @__PURE__ */ e.createElement(Ot, {
+	}), c && !ce && /* @__PURE__ */ e.createElement(kt, {
 		inputId: `input-${u}`,
 		shortcutLabel: _.searchShortcut
 	}), a && /* @__PURE__ */ e.createElement("button", {
@@ -7110,20 +7118,20 @@ var or = {
 		className: `${G}__options`,
 		...he(),
 		style: Ce && !f && fe.length > 0 ? void 0 : { display: "none" }
-	}, Ce && !f && Ae())), re && /* @__PURE__ */ e.createElement(Tt, {
+	}, Ce && !f && Ae())), re && /* @__PURE__ */ e.createElement(Et, {
 		hasValidationMessage: !!z,
 		id: u,
 		message: re,
 		validationMessageHasDecorators: !1,
 		validationStatus: B
 	}));
-}), xr = (e, t, n) => {
+}), Sr = (e, t, n) => {
 	let r = n.toLowerCase();
 	return e.filter((e) => e.label.toLowerCase().includes(r)).map((e) => ({
 		...e,
 		isAlreadySelected: t.some((t) => t.id === e.id)
 	})).sort((e, t) => e.badge && !t.badge ? -1 : !e.badge && t.badge ? 1 : 0);
-}, Sr = ({ aiSuggestions: t, className: n, disabled: r = !1, id: i, initialSelectedItems: a = [], inputWidth: o, isLoading: s = !1, label: c = "Lorem ipsum dolor sit:", labelStrings: l = {
+}, Cr = ({ aiSuggestions: t, className: n, disabled: r = !1, id: i, initialSelectedItems: a = [], inputWidth: o, isLoading: s = !1, label: c = "Lorem ipsum dolor sit:", labelStrings: l = {
 	aiBadgeLabel: "Suggested",
 	aiPanelButton: "Show AI suggestions",
 	aiPanelClose: "Close suggestions panel",
@@ -7131,7 +7139,7 @@ var or = {
 	inputInstructions: "Type to search options",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: u = "Loading results...", noResultsText: d = "No results found", onChange: f, options: g, placeholder: _ = "Filter", required: v = !1, showAllTags: y = !1, showLabel: b = !0, size: x = "s", ...T }) => {
-	let E = xt(o), O = "pds-combobox-multi", j = x === "s" ? null : `${O}--${x}`, M = r ? $.disabled : null, N = v && !r ? $.required : null, F = y ? `${O}--show-all-tags` : null, [I, L] = h(""), [R, z] = h(a), [B, V] = h(null), [H, U] = h(!1), W = p(() => xr(g, R, I), [
+	let E = St(o), O = "pds-combobox-multi", j = x === "s" ? null : `${O}--${x}`, M = r ? $.disabled : null, N = v && !r ? $.required : null, F = y ? `${O}--show-all-tags` : null, [I, L] = h(""), [R, z] = h(a), [B, V] = h(null), [H, U] = h(!1), W = p(() => Sr(g, R, I), [
 		g,
 		R,
 		I
@@ -7260,7 +7268,7 @@ var or = {
 		]),
 		style: o ? E : null,
 		...T
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		disabled: r,
 		id: i,
 		label: c,
@@ -7329,7 +7337,7 @@ var or = {
 			...ue,
 			zIndex: "var(--pds-z-index-dropdown)"
 		} : { display: "none" }
-	}, /* @__PURE__ */ e.createElement("div", { className: `${O}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(Dt, { variant: "search" }), /* @__PURE__ */ e.createElement("input", {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${O}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(Ot, { variant: "search" }), /* @__PURE__ */ e.createElement("input", {
 		"aria-label": l.inputInstructions,
 		className: `${O}__dropdown-input`,
 		placeholder: _,
@@ -7341,7 +7349,7 @@ var or = {
 		className: `${O}__dropdown-list`,
 		...Y(),
 		style: se && !s && W.length > 0 ? void 0 : { display: "none" }
-	}, se && !s && W.map((t, n) => /* @__PURE__ */ e.createElement(Nt, {
+	}, se && !s && W.map((t, n) => /* @__PURE__ */ e.createElement(Pt, {
 		key: `${t.id}-${n}`,
 		className: `${O}__dropdown-item
                   ${X === n ? "pds-dropdown__item--focused" : ""}
@@ -7354,7 +7362,7 @@ var or = {
 	}, /* @__PURE__ */ e.createElement("span", { className: `${O}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${O}__dropdown-item-text` }, t.label, t.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${O}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "sparkles",
 		size: "s"
-	}), /* @__PURE__ */ e.createElement("span", null, l.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(Mn, null)))))), H && t && /* @__PURE__ */ e.createElement("div", {
+	}), /* @__PURE__ */ e.createElement("span", null, l.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(Nn, null)))))), H && t && /* @__PURE__ */ e.createElement("div", {
 		ref: me.setFloating,
 		className: `${O}__aux-panel`,
 		style: {
@@ -7390,7 +7398,7 @@ var or = {
 		iconName: "xmark",
 		size: "m"
 	})))));
-}, Cr = (e, t) => e ? Y(e, "PP", { locale: t }) : "", wr = (e) => {
+}, wr = (e, t) => e ? Y(e, "PP", { locale: t }) : "", Tr = (e) => {
 	if (e.custom) return e.custom();
 	let t = /* @__PURE__ */ new Date();
 	if (t.setHours(0, 0, 0, 0), e.days !== void 0) {
@@ -7443,7 +7451,7 @@ var or = {
 			to: t
 		};
 	}
-}, Tr = {
+}, Er = {
 	clearButton: "Clear",
 	doneButton: "Done",
 	noDateSelected: "No date selected",
@@ -7454,11 +7462,11 @@ var or = {
 	selectedDateRange: "Selected date range: ",
 	to: " to ",
 	todayButton: "Today"
-}, Er = ({ className: t, disabled: n = !1, hasDateRange: r, id: i, inputWidth: a, label: o, locale: s, maxDate: c, message: u, minDate: d, onChange: f, placeholder: p, required: m = !1, showLabel: g = !0, tooltipText: _, translationStrings: v, validationMessage: y, validationStatus: b, value: x, ...T }) => {
+}, Dr = ({ className: t, disabled: n = !1, hasDateRange: r, id: i, inputWidth: a, label: o, locale: s, maxDate: c, message: u, minDate: d, onChange: f, placeholder: p, required: m = !1, showLabel: g = !0, tooltipText: _, translationStrings: v, validationMessage: y, validationStatus: b, value: x, ...T }) => {
 	let D = {
-		...Tr,
+		...Er,
 		...v
-	}, [O, k] = h(x), [j, M] = h(!1), [N, P] = h(null), [F, I] = h(r ? x?.from : x), L = xt(a), R = "pds-datepicker", z = n ? $.disabled : null, B = m && !n ? $.required : null, V = b === "error" ? $.error : null, H = b === "success" ? $.success : null, U = y || u, { floatingStyles: W, refs: G } = A({
+	}, [O, k] = h(x), [j, M] = h(!1), [N, P] = h(null), [F, I] = h(r ? x?.from : x), L = St(a), R = "pds-datepicker", z = n ? $.disabled : null, B = m && !n ? $.required : null, V = b === "error" ? $.error : null, H = b === "success" ? $.success : null, U = y || u, { floatingStyles: W, refs: G } = A({
 		open: j,
 		onOpenChange: M,
 		placement: "bottom-start",
@@ -7497,18 +7505,18 @@ var or = {
 	}, se = () => {
 		if (r) {
 			let t = O;
-			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, Cr(t.from, s), /* @__PURE__ */ e.createElement("span", { className: `${R}__separator` }, " – "), Cr(t.to, s)) : Cr(t.from, s) : p || "";
+			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, wr(t.from, s), /* @__PURE__ */ e.createElement("span", { className: `${R}__separator` }, " – "), wr(t.to, s)) : wr(t.from, s) : p || "";
 		} else {
 			let e = O;
-			return e ? Cr(e, s) : p || "";
+			return e ? wr(e, s) : p || "";
 		}
 	}, ce = () => r ? !O?.from : !O, le = () => {
 		if (r) {
 			let e = O;
-			return e?.from ? e.to ? `${D.selectedDateRange}${Cr(e.from, s)}${D.to}${Cr(e.to, s)}` : `${D.selectedStartDate}${Cr(e.from, s)}${D.pleaseSelectEndDate}` : D.noDateRangeSelected || "";
+			return e?.from ? e.to ? `${D.selectedDateRange}${wr(e.from, s)}${D.to}${wr(e.to, s)}` : `${D.selectedStartDate}${wr(e.from, s)}${D.pleaseSelectEndDate}` : D.noDateRangeSelected || "";
 		} else {
 			let e = O;
-			return e ? `${D.selectedDate}${Cr(e, s)}` : D.noDateSelected || "";
+			return e ? `${D.selectedDate}${wr(e, s)}` : D.noDateSelected || "";
 		}
 	}, ue = (e) => {
 		G.floating.current && !G.floating.current.contains(e.target) && N && !N.contains(e.target) && M(!1);
@@ -7529,7 +7537,7 @@ var or = {
 		]),
 		style: a ? L : null,
 		...T
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		disabled: n,
 		id: i,
 		label: o,
@@ -7553,7 +7561,7 @@ var or = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${R}__trigger-icon`,
 		iconName: "calendarDays"
-	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${R}__trigger-text`, ce() ? `${R}__trigger-text--placeholder` : null]) }, se()))), U && /* @__PURE__ */ e.createElement(Tt, {
+	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${R}__trigger-text`, ce() ? `${R}__trigger-text--placeholder` : null]) }, se()))), U && /* @__PURE__ */ e.createElement(Et, {
 		hasValidationMessage: !!y,
 		id: i,
 		message: U,
@@ -7588,21 +7596,21 @@ var or = {
 		onMonthChange: I,
 		onSelect: J,
 		selected: O
-	})), /* @__PURE__ */ e.createElement("div", { className: `${R}__actions` }, /* @__PURE__ */ e.createElement(Wt, {
+	})), /* @__PURE__ */ e.createElement("div", { className: `${R}__actions` }, /* @__PURE__ */ e.createElement(Gt, {
 		className: `${R}__action-button ${R}__action-button--today`,
 		label: D.todayButton,
 		onClick: ne,
 		size: "s",
 		type: "button",
 		variant: "secondary"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${R}__actions-group` }, /* @__PURE__ */ e.createElement(Wt, {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${R}__actions-group` }, /* @__PURE__ */ e.createElement(Gt, {
 		className: `${R}__action-button ${R}__action-button--clear`,
 		label: D.clearButton,
 		onClick: ee,
 		size: "s",
 		type: "button",
 		variant: "secondary"
-	}), r && /* @__PURE__ */ e.createElement(Wt, {
+	}), r && /* @__PURE__ */ e.createElement(Gt, {
 		className: `${R}__action-button ${R}__action-button--done`,
 		label: D.doneButton,
 		onClick: te,
@@ -7610,11 +7618,11 @@ var or = {
 		type: "button",
 		variant: "highlight"
 	})))));
-}, Dr = a(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: u = {
+}, Or = a(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: u = {
 	chooseFile: "Choose file",
 	clearButton: "Clear selected file"
 }, message: d, multiple: f = !1, onClear: p, onFileChange: m, required: g = !1, showFullPath: _, showLabel: v = !0, size: y = "s", tooltipText: b = null, validationMessage: x, validationStatus: S, ...C }, w) => {
-	let [T, E] = h(!1), [D, O] = h(!!(X && r)), k = xt(c), A = "pds-file-upload", j = y === "s" ? null : `${A}--${y}`, M = i ? $.disabled : null, N = g && !i ? $.required : null, P = S === "error" ? $.error : null, F = S === "success" ? $.success : null, I = D ? `${A}--safari-default` : null, L = null;
+	let [T, E] = h(!1), [D, O] = h(!!(X && r)), k = St(c), A = "pds-file-upload", j = y === "s" ? null : `${A}--${y}`, M = i ? $.disabled : null, N = g && !i ? $.required : null, P = S === "error" ? $.error : null, F = S === "success" ? $.success : null, I = D ? `${A}--safari-default` : null, L = null;
 	S === "error" && (L = "error"), S === "success" && (L = "success");
 	let R = x || d, z = r ? [r] : null, B = r ? r.split("/").pop() : null, V = _ ? r : B, H = r ? new File(z, V) : null;
 	l(() => {
@@ -7653,7 +7661,7 @@ var or = {
 		]),
 		style: c ? k : null,
 		...C
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		isPseudoLabel: !0,
 		disabled: i,
 		id: o,
@@ -7664,7 +7672,7 @@ var or = {
 	}), /* @__PURE__ */ e.createElement("span", {
 		className: `${A}__input-wrapper`,
 		id: o
-	}, L && /* @__PURE__ */ e.createElement(Dt, { variant: L }), /* @__PURE__ */ e.createElement("label", {
+	}, L && /* @__PURE__ */ e.createElement(Ot, { variant: L }), /* @__PURE__ */ e.createElement("label", {
 		className: T ? "visually-hidden" : `${A}__input-label`,
 		htmlFor: `${o}--input`
 	}, /* @__PURE__ */ e.createElement(Q, {
@@ -7683,18 +7691,18 @@ var or = {
 		required: g,
 		type: "file",
 		...s
-	}), T && /* @__PURE__ */ e.createElement(kt, {
+	}), T && /* @__PURE__ */ e.createElement(At, {
 		clearLabel: u.clearButton,
 		handleClearInput: G,
 		id: o
-	})), R && /* @__PURE__ */ e.createElement(Tt, {
+	})), R && /* @__PURE__ */ e.createElement(Et, {
 		hasValidationMessage: !!x,
 		id: o,
 		message: R,
 		validationMessageHasDecorators: !1,
 		validationStatus: S
 	}));
-}), Or = ({ children: t, className: n, ...r }) => {
+}), kr = ({ children: t, className: n, ...r }) => {
 	let i = "pds-input-group", a = [t[0], t[1]], o = t[0].props.id ?? null, s = t[0].props.message ?? null, c = t[0].props.validationMessage ?? null, l = t[0].props.validationStatus ?? null, u = c || s, d = u ? `${i}--has-message` : null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -7703,7 +7711,7 @@ var or = {
 			n ?? ""
 		]),
 		...r
-	}, /* @__PURE__ */ e.createElement("div", { className: `${i}__inner` }, a), u && /* @__PURE__ */ e.createElement(Tt, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${i}__inner` }, a), u && /* @__PURE__ */ e.createElement(Et, {
 		forInputGroup: !0,
 		hasValidationMessage: !!c,
 		id: o,
@@ -7711,7 +7719,7 @@ var or = {
 		validationMessageHasDecorators: !1,
 		validationStatus: l
 	}));
-}, kr = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, message: c, onBlur: l, onChange: u, onValueChange: d, options: f, required: p = !1, showLabel: m = !0, tooltipText: g = null, validationMessage: _, validationStatus: v, value: y, ...b }) => {
+}, Ar = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, message: c, onBlur: l, onChange: u, onValueChange: d, options: f, required: p = !1, showLabel: m = !0, tooltipText: g = null, validationMessage: _, validationStatus: v, value: y, ...b }) => {
 	let x = "pds-radio-group", S = r ? $.disabled : null, C = p && !r ? $.required : null, w = v === "error" ? $.error : null, T = v === "success" ? $.success : null, E = y !== void 0, [D, O] = h(n === void 0 ? "" : n), k = _ || c, A = (e) => {
 		E || O(e.target.value), u && u(e), d && d(e.target.value);
 	}, j = (e) => {
@@ -7726,13 +7734,13 @@ var or = {
 			T,
 			t ?? ""
 		]),
-		style: xt(o),
+		style: St(o),
 		...b
 	}, /* @__PURE__ */ e.createElement("fieldset", {
 		className: `${x}__fieldset`,
 		id: a,
 		...i
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		isLegend: !0,
 		disabled: r,
 		id: a,
@@ -7753,15 +7761,15 @@ var or = {
 		required: p,
 		type: "radio",
 		value: t.value
-	}), /* @__PURE__ */ e.createElement("label", { htmlFor: t.id ? t.id : `${a}-option-${n}` }, t.label))))), k && /* @__PURE__ */ e.createElement(Tt, {
+	}), /* @__PURE__ */ e.createElement("label", { htmlFor: t.id ? t.id : `${a}-option-${n}` }, t.label))))), k && /* @__PURE__ */ e.createElement(Et, {
 		validationMessageHasDecorators: !0,
 		hasValidationMessage: !!_,
 		id: a,
 		message: k,
 		validationStatus: v
 	}));
-}, Ar = a(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, onChange: u, required: d = !1, showLabel: f = !0, switchPlacement: p = "right", ...m }, g) => {
-	let _ = xt(s), v = "pds-switch", y = `${v}--${p}`, b = l ? `${v}--message` : null, x = i ? $.disabled : null, S = d && !i ? $.required : null, C = t !== void 0, [w, T] = h(!C && r ? r : !1), E = (e) => {
+}, jr = a(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, onChange: u, required: d = !1, showLabel: f = !0, switchPlacement: p = "right", ...m }, g) => {
+	let _ = St(s), v = "pds-switch", y = `${v}--${p}`, b = l ? `${v}--message` : null, x = i ? $.disabled : null, S = d && !i ? $.required : null, C = t !== void 0, [w, T] = h(!C && r ? r : !1), E = (e) => {
 		C || T(e.target.checked), u && u(e);
 	}, D = () => {
 		i || document.getElementById(a)?.click();
@@ -7782,7 +7790,7 @@ var or = {
 		"aria-hidden": "true",
 		className: `${v}__track`,
 		onClick: D
-	}, /* @__PURE__ */ e.createElement("span", { className: `${v}__thumb` })))), k = l ? /* @__PURE__ */ e.createElement(Tt, {
+	}, /* @__PURE__ */ e.createElement("span", { className: `${v}__thumb` })))), k = l ? /* @__PURE__ */ e.createElement(Et, {
 		className: "pds-input-message--switch",
 		hasValidationMessage: !1,
 		id: a,
@@ -7801,7 +7809,7 @@ var or = {
 		]),
 		style: s ? _ : null,
 		...m
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		className: `${v}__label`,
 		disabled: i,
 		id: a,
@@ -7809,7 +7817,7 @@ var or = {
 		required: d,
 		showLabel: f
 	}), /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, k, O));
-}), jr = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: u, onFocusInput: d, onKeyboardMove: f, onRemove: p, setFocusedIndex: h, tag: g, totalTags: _, translationStrings: v }) => {
+}), Mr = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: u, onFocusInput: d, onKeyboardMove: f, onRemove: p, setFocusedIndex: h, tag: g, totalTags: _, translationStrings: v }) => {
 	let y = m(null), b = "pds-tags-input__tag";
 	l(() => {
 		r === i && y.current && y.current.focus();
@@ -7875,14 +7883,14 @@ var or = {
 		iconName: "xmark",
 		size: "s"
 	})));
-}, Mr = a(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a, inputWidth: o, isSortable: s = !1, label: c, message: l, onChange: u, placeholder: d, required: f = !1, showLabel: p = !0, size: g = "s", tags: _, tooltipText: v = null, translationStrings: y = {
+}, Nr = a(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a, inputWidth: o, isSortable: s = !1, label: c, message: l, onChange: u, placeholder: d, required: f = !1, showLabel: p = !0, size: g = "s", tags: _, tooltipText: v = null, translationStrings: y = {
 	inputInstructions: "Type a tag name and press Enter to add. Press Backspace on empty input to remove last tag. Press left arrow on empty input to navigate to tags.",
 	tagAriaLabel: "tag {index} of {total}. Press Shift plus arrow keys to reorder, Delete to remove.",
 	tagAriaLabelSimple: "tag {index} of {total}. Press Delete to remove.",
 	tagRemove: "Remove {value}",
 	tagsListLabel: "Current tags"
 }, validationMessage: b, validationStatus: x, ...S }, C) => {
-	let w = xt(o), T = "pds-tags-input", E = g === "s" ? null : `${T}--${g}`, D = r ? $.disabled : null, O = f && !r ? $.required : null, k = x === "error" ? $.error : null, A = x === "success" ? $.success : null, j = b || l, [M, N] = h(""), [P, F] = h(null), [I, L] = h(null), [R, z] = h(null), [B, V] = h(null), [H, U] = h(""), W = m(null), G = _.length > 0 ? t : d, K = (e) => {
+	let w = St(o), T = "pds-tags-input", E = g === "s" ? null : `${T}--${g}`, D = r ? $.disabled : null, O = f && !r ? $.required : null, k = x === "error" ? $.error : null, A = x === "success" ? $.success : null, j = b || l, [M, N] = h(""), [P, F] = h(null), [I, L] = h(null), [R, z] = h(null), [B, V] = h(null), [H, U] = h(""), W = m(null), G = _.length > 0 ? t : d, K = (e) => {
 		U(e), setTimeout(() => U(""), 1e3);
 	}, q = (e) => {
 		u(e);
@@ -7934,7 +7942,7 @@ var or = {
 		]),
 		style: o ? w : null,
 		...S
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		disabled: r,
 		id: i,
 		label: c,
@@ -7961,7 +7969,7 @@ var or = {
 		return P && P !== t.id && (I === t.id && R === "before" ? i = "before" : I === t.id && R === "after" && n === _.length - 1 ? i = "after" : n > 0 && I === _[n - 1].id && R === "after" && (i = "before")), /* @__PURE__ */ e.createElement("div", {
 			key: t.id,
 			role: "listitem"
-		}, /* @__PURE__ */ e.createElement(jr, {
+		}, /* @__PURE__ */ e.createElement(Mr, {
 			disabled: r,
 			dropTargetDirection: i,
 			focusedIndex: B,
@@ -7998,14 +8006,14 @@ var or = {
 	}), /* @__PURE__ */ e.createElement("div", {
 		className: "visually-hidden",
 		id: `${i}__instructions`
-	}, y.inputInstructions)), j && /* @__PURE__ */ e.createElement(Tt, {
+	}, y.inputInstructions)), j && /* @__PURE__ */ e.createElement(Et, {
 		hasValidationMessage: !!b,
 		id: i,
 		message: j,
 		validationMessageHasDecorators: !1,
 		validationStatus: x
 	}));
-}), Nr = a(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, isResizable: s = !0, label: c, message: l, onBlur: u, onChange: d, onFocus: f, placeholder: p, readonly: m = !1, required: g = !1, rows: _ = 5, showLabel: v, size: y = "s", textareaProps: b, tooltipText: x = null, translationStrings: S = {
+}), Pr = a(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, isResizable: s = !0, label: c, message: l, onBlur: u, onChange: d, onFocus: f, placeholder: p, readonly: m = !1, required: g = !1, rows: _ = 5, showLabel: v, size: y = "s", textareaProps: b, tooltipText: x = null, translationStrings: S = {
 	clearButton: "Clear input text",
 	counterOverLimit: "Character limit exceeded by",
 	searchShortcut: "Press / to focus the search field",
@@ -8013,7 +8021,7 @@ var or = {
 	visibilityToggleHide: "Hide input value",
 	visibilityToggleShow: "Show input value"
 }, validationMessage: C, validationStatus: w, value: T, ...E }, D) => {
-	let O = xt(o), k = "pds-textarea", A = s ? "pds-is-resizable" : null, j = i ? $.disabled : null, M = g && !i ? $.required : null, N = w === "error" ? $.error : null, P = w === "success" ? $.success : null, F = y === "s" ? null : `${k}--${y}`, I = m ? $.readonly : null, L = C || l, R = T != null && d !== void 0, [z, B] = h(r === void 0 ? "" : r), V = T || z, H = (e) => {
+	let O = St(o), k = "pds-textarea", A = s ? "pds-is-resizable" : null, j = i ? $.disabled : null, M = g && !i ? $.required : null, N = w === "error" ? $.error : null, P = w === "success" ? $.success : null, F = y === "s" ? null : `${k}--${y}`, I = m ? $.readonly : null, L = C || l, R = T != null && d !== void 0, [z, B] = h(r === void 0 ? "" : r), V = T || z, H = (e) => {
 		R || B(e.target.value), d && d(e);
 	}, U = (e) => {
 		u && u(e);
@@ -8032,7 +8040,7 @@ var or = {
 		]),
 		style: o ? O : null,
 		...E
-	}, /* @__PURE__ */ e.createElement("div", { className: `${k}__inputlabel-wrapper` }, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${k}__inputlabel-wrapper` }, /* @__PURE__ */ e.createElement(Tt, {
 		className: `${k}__inputlabel`,
 		disabled: i,
 		id: a,
@@ -8040,7 +8048,7 @@ var or = {
 		required: g,
 		showLabel: v,
 		tooltipText: x
-	}), n && /* @__PURE__ */ e.createElement(At, {
+	}), n && /* @__PURE__ */ e.createElement(jt, {
 		currentLength: V.length,
 		id: a,
 		maxLength: n,
@@ -8062,14 +8070,14 @@ var or = {
 		rows: _,
 		value: R ? T : z,
 		...b
-	})), L && /* @__PURE__ */ e.createElement(Tt, {
+	})), L && /* @__PURE__ */ e.createElement(Et, {
 		validationMessageHasDecorators: !0,
 		hasValidationMessage: !!C,
 		id: a,
 		message: L,
 		validationStatus: w
 	}));
-}), Pr = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), Fr = a(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, label: f, message: p, onBlur: m, onChange: g, onClear: _, onFocus: v, placeholder: y, readonly: b = !1, required: x = !1, searchIcon: S = "search", showLabel: C = !0, showVisibilityToggle: w = !1, size: T = "s", tooltipText: E = null, translationStrings: D = {
+}), Fr = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), Ir = a(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, label: f, message: p, onBlur: m, onChange: g, onClear: _, onFocus: v, placeholder: y, readonly: b = !1, required: x = !1, searchIcon: S = "search", showLabel: C = !0, showVisibilityToggle: w = !1, size: T = "s", tooltipText: E = null, translationStrings: D = {
 	clearButton: "Clear input text",
 	counterOverLimit: "Character limit exceeded by",
 	searchShortcut: "Press / to focus the search field",
@@ -8077,11 +8085,11 @@ var or = {
 	visibilityToggleHide: "Hide input value",
 	visibilityToggleShow: "Show input value"
 }, type: O = "text", validationMessage: k, validationStatus: A, value: j, ...M }, N) => {
-	let P = xt(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;
+	let P = St(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] = h(i === void 0 ? "" : i), J = j || K, ee = (e) => {
 		if (w && re && ie(!1), c && O === "url") {
-			let t = St(e.target.value), n = {
+			let t = Ct(e.target.value), n = {
 				...e,
 				target: {
 					...e.target,
@@ -8092,7 +8100,7 @@ var or = {
 		} else m && m(e);
 	}, te = (e) => {
 		if (c && O === "url") {
-			let t = St(e.target.value), n = {
+			let t = Ct(e.target.value), n = {
 				...e,
 				target: {
 					...e.target,
@@ -8125,7 +8133,7 @@ var or = {
 		]),
 		style: d ? P : null,
 		...M
-	}, /* @__PURE__ */ e.createElement(wt, {
+	}, /* @__PURE__ */ e.createElement(Tt, {
 		disabled: a,
 		id: l,
 		label: f,
@@ -8135,7 +8143,7 @@ var or = {
 	}), 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(Dt, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(Pr, null), /* @__PURE__ */ e.createElement("input", {
+	}, `${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(Ot, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(Fr, null), /* @__PURE__ */ e.createElement("input", {
 		ref: N,
 		"aria-describedby": W ? `${l}__message` : null,
 		"aria-invalid": A === "error" ? !0 : null,
@@ -8153,7 +8161,7 @@ var or = {
 		type: Y,
 		value: G ? j : K,
 		...u
-	}), o && J && /* @__PURE__ */ e.createElement(kt, {
+	}), o && J && /* @__PURE__ */ e.createElement(At, {
 		clearLabel: D.clearButton,
 		handleClearInput: ne,
 		id: l
@@ -8167,22 +8175,22 @@ var or = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: re ? "eyeSlash" : "eye",
 		size: "m"
-	})), s && O === "search" && !J && /* @__PURE__ */ e.createElement(Ot, {
+	})), s && O === "search" && !J && /* @__PURE__ */ e.createElement(kt, {
 		inputId: l,
 		shortcutLabel: D.searchShortcut
-	}), r && O !== "password" && /* @__PURE__ */ e.createElement(At, {
+	}), r && O !== "password" && /* @__PURE__ */ e.createElement(jt, {
 		currentLength: J.length,
 		id: l,
 		maxLength: r,
 		overLimitMessage: D.counterOverLimit
-	})), W && /* @__PURE__ */ e.createElement(Tt, {
+	})), W && /* @__PURE__ */ e.createElement(Et, {
 		hasValidationMessage: !!k,
 		id: l,
 		message: W,
 		validationMessageHasDecorators: !1,
 		validationStatus: A
 	}));
-}), Ir = ({ className: t, linkContent: n, size: r = "s", ...i }) => {
+}), Lr = ({ className: t, linkContent: n, size: r = "s", ...i }) => {
 	let a = "pds-cta-link", o = r === "s" ? null : `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8196,7 +8204,7 @@ var or = {
 		iconName: "arrowRight",
 		size: r === "xs" ? "s" : r === "s" ? "m" : "l"
 	}));
-}, Lr = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
+}, Rr = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
 	let c = "pds-link-new-window", l = r ? `${c}--${r}` : null;
 	return i ? /* @__PURE__ */ e.createElement("span", {
 		"aria-hidden": "true",
@@ -8223,11 +8231,11 @@ var or = {
 		className: `${c}__icon`,
 		iconName: "externalLink"
 	}));
-}, Rr = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
+}, zr = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
 	className: Z(["pds-skiplink", t]),
 	href: `#${n}`,
 	...i
-}, r), zr = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
+}, r), Br = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
 	let c = "pds-picture";
 	return /* @__PURE__ */ e.createElement("picture", { className: Z([c, n ?? ""]) }, /* @__PURE__ */ e.createElement("source", {
 		srcSet: a,
@@ -8240,7 +8248,7 @@ var or = {
 		width: o,
 		...s
 	}));
-}, Br = ({ ariaLabel: t = "Breadcrumb", className: r, crumbs: i, ...a }) => {
+}, Vr = ({ ariaLabel: t = "Breadcrumb", className: r, crumbs: i, ...a }) => {
 	let s = "pds-breadcrumb", c = i.length, l = i.map((t, r) => {
 		if (r < c - 1) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -8259,36 +8267,36 @@ var or = {
 		className: Z([s, r]),
 		...a
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${s}__crumbs` }, l));
-}, Vr = (e) => {
+}, Hr = (e) => {
 	if (!e) return null;
 	for (let t = 0; t < e.length; t++) {
-		if (Ur(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
+		if (Wr(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
 		if (e[t].links) {
-			let n = Vr(e[t].links);
+			let n = Hr(e[t].links);
 			if (n) return n;
 		}
 	}
 	return null;
-}, Hr = (e) => typeof e == "string" ? e : e.props.children, Ur = (e) => typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), Wr = (e) => {
-	if (Ur(e)) return !0;
+}, Ur = (e) => typeof e == "string" ? e : e.props.children, Wr = (e) => typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), Gr = (e) => {
+	if (Wr(e)) return !0;
 	if (e.links) {
-		for (let t = 0; t < e.links.length; t++) if (Wr(e.links[t])) return !0;
+		for (let t = 0; t < e.links.length; t++) if (Gr(e.links[t])) return !0;
 	}
 	return !1;
-}, Gr = (e) => e.map((e) => `${Ur(e)}${e.links ? `[${Gr(e.links)}]` : ""}`).join("|"), Kr = (e) => {
+}, Kr = (e) => e.map((e) => `${Wr(e)}${e.links ? `[${Kr(e.links)}]` : ""}`).join("|"), qr = (e) => {
 	if (o(e)) {
 		let t = e.type;
 		return t === "a" || typeof t == "string" && t.toLowerCase() === "a" || (typeof t == "function" || typeof t == "object") && t?.displayName === "Link";
 	}
 	return !1;
-}, qr = (e, t) => {
+}, Jr = (e, t) => {
 	let r = null;
 	if (typeof e == "string" && t) {
 		let i = t ? t[0].linkContent : null;
 		o(i) && (r = n(i, { ...typeof e == "string" ? { children: e } : {} }));
 	} else r = e;
 	return r;
-}, Jr = (t, r, i, a) => {
+}, Yr = (t, r, i, a) => {
 	let s = null;
 	if (typeof r == "string") {
 		let c = a ? [/* @__PURE__ */ e.createElement("span", {
@@ -8313,12 +8321,12 @@ var or = {
 		iconName: a,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, r.props.children))] })) : r), s;
-}, Yr = ({ ariaLabel: t, className: n, menuItems: r, ...i }) => {
-	let a = m(null), o = "pds-button-nav";
+}, Xr = ({ ariaLabel: t, border: n = !1, className: r, menuItems: i, ...a }) => {
+	let o = m(null), s = "pds-button-nav", c = n ? `${s}--bordered` : null;
 	l(() => {
 		let e = (e) => {
 			if (document.documentElement.hasAttribute("data-pds-mobile")) return;
-			let t = a.current;
+			let t = o.current;
 			if (!t) return;
 			let n = Array.from(t.querySelectorAll("a, button, [tabindex]:not([tabindex=\"-1\"])"));
 			if (n.length === 0) return;
@@ -8327,37 +8335,41 @@ var or = {
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, []);
-	let s = ({ isActive: t, linkContent: n }) => {
-		let r = `${o}__item`;
+	let u = ({ isActive: t, linkContent: n }) => {
+		let r = `${s}__item`;
 		return /* @__PURE__ */ e.createElement("li", { className: Z([r, t ? `${r}--active` : null]) }, n);
-	}, c = r.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, r.map((t, n) => /* @__PURE__ */ e.createElement(s, {
+	}, d = i.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${s}__menu` }, i.map((t, n) => /* @__PURE__ */ e.createElement(u, {
 		key: n,
-		isActive: Wr(t),
+		isActive: Gr(t),
 		linkContent: t.linkContent
-	}))) : null, u = [];
-	r.map((e) => {
-		e.linkContent && (Wr(e) ? u.unshift({
+	}))) : null, f = [];
+	i.map((e) => {
+		e.linkContent && (Gr(e) ? f.unshift({
 			linkContent: e.linkContent,
 			isLink: !0
-		}) : u.push({
+		}) : f.push({
 			linkContent: e.linkContent,
 			isLink: !0
 		}));
 	});
-	let d = u.length > 0 ? /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile` }, /* @__PURE__ */ e.createElement(bn, {
-		actionItems: u,
+	let p = f.length > 0 ? /* @__PURE__ */ e.createElement("div", { className: `${s}__mobile` }, /* @__PURE__ */ e.createElement(xn, {
+		actionItems: f,
 		id: "mobile-nav-split-button",
 		size: "s",
 		variant: "secondary"
 	})) : null;
 	return /* @__PURE__ */ e.createElement("nav", {
-		ref: a,
+		ref: o,
 		"aria-label": t,
-		className: Z([o, n ?? ""]),
-		...i
-	}, c, d);
-}, Xr = ({ className: t, headingText: r, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
-	let s = "pds-dropdown-menu", c = Vr(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(Mn, { className: `pds-dropdown__selected-icon ${s}__active-icon` }), { activeIndex: d, floatingStyles: f, getFloatingProps: p, getItemProps: m, getReferenceProps: h, isMounted: g, listRef: _, refs: v, setIsOpen: y, transitionStyles: b } = Zt({
+		className: Z([
+			s,
+			c,
+			r ?? ""
+		]),
+		...a
+	}, d, p);
+}, Zr = ({ className: t, headingText: r, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
+	let s = "pds-dropdown-menu", c = Hr(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(Nn, { className: `pds-dropdown__selected-icon ${s}__active-icon` }), { activeIndex: d, floatingStyles: f, getFloatingProps: p, getItemProps: m, getReferenceProps: h, isMounted: g, listRef: _, refs: v, setIsOpen: y, transitionStyles: b } = Qt({
 		enableShift: !1,
 		enableTypeahead: !0,
 		role: "menu"
@@ -8366,7 +8378,7 @@ var or = {
 	}, S = (e) => {
 		e.key === "Enter" && _.current[d]?.querySelector("a")?.click();
 	}, C = ({ item: e, level: t }) => {
-		let r = qr(e.linkContent, e.links);
+		let r = Jr(e.linkContent, e.links);
 		return {
 			...e,
 			level: t,
@@ -8457,7 +8469,7 @@ var or = {
 		tabIndex: d === n ? 0 : -1,
 		...m({ onKeyDown: S })
 	}, t.linkContent, t.isActive === !0 && u))));
-}, Zr = ({ children: t, className: n, width: r = "standard", ...i }) => {
+}, Qr = ({ children: t, className: n, width: r = "standard", ...i }) => {
 	let a = "pds-container", o = r === "standard" ? null : `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8467,11 +8479,11 @@ var or = {
 		]),
 		...i
 	}, t);
-}, Qr = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, translationStrings: s = {
+}, $r = ({ 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 }) => {
-	let [u, d] = h(!1), { closeOverlay: f, openOverlay: p } = vt(), m = "pds-navbar", g = a ? `${m}--noBorder` : "", _ = r === "default" ? "" : `${m}--${r}`, v = (e) => {
+	let [u, d] = h(!1), { closeOverlay: f, openOverlay: p } = yt(), m = "pds-navbar", g = a ? `${m}--noBorder` : "", _ = r === "default" ? "" : `${m}--${r}`, v = (e) => {
 		let t = e.key, n = !1;
 		switch (t) {
 			case "Esc":
@@ -8521,7 +8533,7 @@ var or = {
 			n ?? ""
 		]),
 		...c
-	}, /* @__PURE__ */ e.createElement("div", { className: `${m}__bar-mobile` }, /* @__PURE__ */ e.createElement(Zr, null, /* @__PURE__ */ e.createElement("div", { className: `${m}__inner-mobile` }, S, O && k))), /* @__PURE__ */ e.createElement(se, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${m}__bar-mobile` }, /* @__PURE__ */ e.createElement(Qr, null, /* @__PURE__ */ e.createElement("div", { className: `${m}__inner-mobile` }, S, O && k))), /* @__PURE__ */ e.createElement(se, {
 		active: u,
 		focusTrapOptions: {
 			clickOutsideDeactivates: !0,
@@ -8531,11 +8543,11 @@ var or = {
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([`${m}__mobile`, u ? `${m}__mobile--open` : null]),
 		inert: u ? void 0 : !0
-	}, /* @__PURE__ */ e.createElement(Zr, null, /* @__PURE__ */ e.createElement("button", {
+	}, /* @__PURE__ */ e.createElement(Qr, null, /* @__PURE__ */ e.createElement("button", {
 		className: "visually-hidden",
 		onClick: y,
 		type: "button"
-	}, s.closeMobileNav), C, w, T))), /* @__PURE__ */ e.createElement(Zr, {
+	}, s.closeMobileNav), C, w, T))), /* @__PURE__ */ e.createElement(Qr, {
 		className: `${m}__inner`,
 		style: o ? { paddingInline: o } : void 0,
 		width: i
@@ -8543,14 +8555,14 @@ var or = {
 		"aria-hidden": "true",
 		className: `${m}__separator`
 	}), C && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-left` }, C)), w && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-center` }, w), T && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-right` }, T)));
-}, $r = ({ ariaLabel: t, className: r, hasMobileDropdown: i = !1, headingText: a, labels: s = {
+}, ei = ({ ariaLabel: t, className: r, hasMobileDropdown: i = !1, headingText: a, labels: s = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: c, mobileMenuSelectTextFallback: u = "Navigate to...", ...d }) => {
 	let f = "pds-side-nav", p = i ? `${f}--has-mobile-dropdown` : null, m = `${f}__item`, g = `${f}__menu`, [_, v] = h({});
 	l(() => {
 		v((e) => Object.keys(e).length ? {} : e);
-	}, [Gr(c)]);
+	}, [Kr(c)]);
 	let y = (e, t) => t in _ ? _[t] : e, b = (e, t) => {
 		v((n) => {
 			let r = t in n ? n[t] : e;
@@ -8560,7 +8572,7 @@ var or = {
 			};
 		});
 	}, x = (t, r) => {
-		let { linkContent: i, links: a } = t, c = Wr(t), l = Kr(i), u = y(c, r);
+		let { linkContent: i, links: a } = t, c = Gr(t), l = qr(i), u = y(c, r);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			className: Z([
@@ -8573,7 +8585,7 @@ var or = {
 			`${f}__row`,
 			`${f}__row--expandable`,
 			`${m}-wrapper`
-		]) }, qr(i, a), /* @__PURE__ */ e.createElement("button", {
+		]) }, Jr(i, a), /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
 			className: Z([`${f}__toggle`, u ? `${f}__toggle--expanded` : null]),
 			onClick: () => b(c, r),
@@ -8581,7 +8593,7 @@ var or = {
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			size: "m"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${Hr(i)} ${s.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${Ur(i)} ${s.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			g,
 			`${g}--second-level`,
 			u ? `${g}--expanded` : null
@@ -8590,9 +8602,9 @@ var or = {
 			className: Z([
 				m,
 				`${m}--second-level`,
-				Wr(t) ? `${m}--active` : null
+				Gr(t) ? `${m}--active` : null
 			])
-		}, qr(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		}, Jr(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
 			className: Z([
 				`${f}__row`,
@@ -8606,7 +8618,7 @@ var or = {
 		}, o(i) && i.type === "span" ? n(i, { className: Z([i.props.className, `${f}__toggle-content`]) }) : /* @__PURE__ */ e.createElement("span", { className: `${f}__toggle-content` }, i), /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			size: "m"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${Hr(i)} ${s.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${Ur(i)} ${s.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			g,
 			`${g}--second-level`,
 			u ? `${g}--expanded` : null
@@ -8615,10 +8627,10 @@ var or = {
 			className: Z([
 				m,
 				`${m}--second-level`,
-				Wr(t) ? `${m}--active` : null
+				Gr(t) ? `${m}--active` : null
 			])
-		}, qr(t.linkContent, t.links))))) : i);
-	}, S = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, c.map((e, t) => x(e, t)))), C = /* @__PURE__ */ e.createElement(Xr, {
+		}, Jr(t.linkContent, t.links))))) : i);
+	}, S = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, c.map((e, t) => x(e, t)))), C = /* @__PURE__ */ e.createElement(Zr, {
 		className: `${f}__mobile`,
 		headingText: a,
 		menuItems: c,
@@ -8633,8 +8645,8 @@ var or = {
 		]),
 		...d
 	}, S, i && C);
-}, ei = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: u }) => {
-	let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, g = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Jr(d, o, s, t)), _ = (t, n) => /* @__PURE__ */ e.createElement("ul", { className: Z([
+}, ti = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: u }) => {
+	let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, g = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Yr(d, o, s, t)), _ = (t, n) => /* @__PURE__ */ e.createElement("ul", { className: Z([
 		p,
 		`${p}--${n}`,
 		r ? `${p}--expanded` : null
@@ -8643,7 +8655,7 @@ var or = {
 		className: Z([
 			f,
 			`${f}--${n}`,
-			Wr(t) ? `${f}--active` : null
+			Gr(t) ? `${f}--active` : null
 		])
 	}, t.linkContent))), [v, y] = h(!1), b = m(v), x = m(!1), { context: D, floatingStyles: O, refs: j } = A({
 		placement: "right-start",
@@ -8697,7 +8709,7 @@ var or = {
 		...F(),
 		onClick: R,
 		onKeyDown: L
-	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Jr(d, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
+	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Yr(d, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": r,
 		className: Z([`${d}__toggle`, r ? `${d}__toggle--expanded` : null]),
 		onClick: u,
@@ -8705,13 +8717,13 @@ var or = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleDown",
 		size: "m"
-	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Hr(o)} ${a.submenu}`))), !i && _(s, "second-level"), i && v && /* @__PURE__ */ e.createElement("div", {
+	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Ur(o)} ${a.submenu}`))), !i && _(s, "second-level"), i && v && /* @__PURE__ */ e.createElement("div", {
 		ref: j.setFloating,
 		className: `${d}__flyout`,
 		style: O,
 		...N()
-	}, /* @__PURE__ */ e.createElement("div", { className: `${d}__flyout-heading` }, Hr(o)), _(s, "second-level-flyout"))) : /* @__PURE__ */ e.createElement(e.Fragment, null, i ? /* @__PURE__ */ e.createElement(bt, {
-		content: Hr(o),
+	}, /* @__PURE__ */ e.createElement("div", { className: `${d}__flyout-heading` }, Ur(o)), _(s, "second-level-flyout"))) : /* @__PURE__ */ e.createElement(e.Fragment, null, i ? /* @__PURE__ */ e.createElement(xt, {
+		content: Ur(o),
 		customTrigger: g,
 		offsetValue: {
 			mainAxis: 8,
@@ -8719,14 +8731,14 @@ var or = {
 		},
 		preferredPlacement: "right"
 	}) : g));
-}, ti = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
+}, ni = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, onExpandSidebar: o, ...s }) => {
 	let c = "pds-side-nav-global", u = r ? `${c}--collapsed` : `${c}--expanded`, [d, f] = h({});
 	l(() => {
 		f((e) => Object.keys(e).length ? {} : e);
-	}, [Gr(a)]);
+	}, [Kr(a)]);
 	let p = (e, t) => t in d ? d[t] : e, m = (e, t) => {
 		f((n) => {
 			let r = t in n ? n[t] : e;
@@ -8736,8 +8748,8 @@ var or = {
 			};
 		});
 	}, g = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${c}__menu ${c}__menu--top-level` }, a.map((t, n) => {
-		let a = Wr(t);
-		return /* @__PURE__ */ e.createElement(ei, {
+		let a = Gr(t);
+		return /* @__PURE__ */ e.createElement(ti, {
 			key: n,
 			icon: t.icon,
 			isActive: a,
@@ -8759,7 +8771,7 @@ var or = {
 		]),
 		...s
 	}, g);
-}, ni = ({ items: t, label: n }) => {
+}, ri = ({ items: t, label: n }) => {
 	let r = m(null), i = "pds-nav-menu", a = t && t.length > 0, [o, s] = h(() => typeof document < "u" && document.documentElement.hasAttribute("data-pds-mobile"));
 	l(() => {
 		let e = new MutationObserver(() => {
@@ -8770,7 +8782,7 @@ var or = {
 			attributeFilter: ["data-pds-mobile"]
 		}), () => e.disconnect();
 	}, []);
-	let { floatingStyles: c, getFloatingProps: u, getReferenceProps: d, isOpen: f, refs: p } = Zt({
+	let { floatingStyles: c, getFloatingProps: u, getReferenceProps: d, isOpen: f, refs: p } = Qt({
 		offsetValue: 8,
 		openOnHover: !o
 	}), g = (e) => {
@@ -8783,7 +8795,7 @@ var or = {
 		key: n,
 		className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${_(t) ? " pds-dropdown__item--active" : ""}`}`
 	}, !t.isSeparator && t.linkContent)));
-	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(un, { label: n }, v), /* @__PURE__ */ e.createElement("button", {
+	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(dn, { label: n }, v), /* @__PURE__ */ e.createElement("button", {
 		ref: p.setReference,
 		className: `${i}__trigger`,
 		type: "button",
@@ -8806,84 +8818,80 @@ var or = {
 		key: n,
 		className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${_(t) ? " pds-dropdown__item--active" : ""}`}`
 	}, !t.isSeparator && t.linkContent))));
-}, ri = ({ ariaLabel: t = "Main Navigation", className: n, colorType: r = "default", menuItems: i, ...a }) => {
-	let [o, s] = h(null), [c, d] = h(-1), [f, p] = h(null), [g, _] = h({
+}, ii = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
+	let [a, o] = h(null), [s, c] = h(-1), [d, f] = h(null), [p, g] = h({
 		container: null,
 		containerChildren: []
 	});
 	l(() => {
-		g.containerChildren[o] && (g.containerChildren[o].classList.contains("pds-dropdown__separator") && f == "down" ? s(o + 1) : g.containerChildren[o].classList.contains("pds-dropdown__separator") && f == "up" ? s(o - 1) : g.containerChildren[o].children[0].focus());
-	}, [o]), l(() => {
-		c != -1 && (x.current[c].children[0].blur(), x.current[c].children[0].focus({ focusVisible: !0 }));
-	}, [c]);
-	let v = u(), y = "pds-nav-menu", b = r === "default" ? "" : `${y}--${r}`, x = m([]), S = (e) => {
-		let t = x.current.length - 1, n = {
+		p.containerChildren[a] && (p.containerChildren[a].classList.contains("pds-dropdown__separator") && d == "down" ? o(a + 1) : p.containerChildren[a].classList.contains("pds-dropdown__separator") && d == "up" ? o(a - 1) : p.containerChildren[a].children[0].focus());
+	}, [a]), l(() => {
+		s != -1 && (y.current[s].children[0].blur(), y.current[s].children[0].focus({ focusVisible: !0 }));
+	}, [s]);
+	let _ = u(), v = "pds-nav-menu", y = m([]), b = (e) => {
+		let t = y.current.length - 1, n = {
 			ArrowRight: () => {
-				s(-1), d(c === -1 ? 1 : c === t ? 0 : c + 1);
+				o(-1), c(s === -1 ? 1 : s === t ? 0 : s + 1);
 			},
 			ArrowLeft: () => {
-				s(-1), d(c === 0 ? t : c - 1);
+				o(-1), c(s === 0 ? t : s - 1);
 			},
 			ArrowDown: () => {
-				p("down");
+				f("down");
 				let t = e.target.parentNode.children[1], n = e.target?.parentNode.children[1]?.children || e.target?.parentNode.parentNode.children[1]?.children;
-				g.container != t && t != null && _({
+				p.container != t && t != null && g({
 					container: t,
 					containerChildren: [...n]
-				}), o === null || o == g.containerChildren.length - 1 ? s(0) : s(parseInt(o) + 1);
+				}), a === null || a == p.containerChildren.length - 1 ? o(0) : o(parseInt(a) + 1);
 			},
 			ArrowUp: () => {
-				p("up"), s(o === 0 ? g.containerChildren.length - 1 : parseInt(o) - 1);
+				f("up"), o(a === 0 ? p.containerChildren.length - 1 : parseInt(a) - 1);
 			}
 		}[e.code];
 		n && n();
-	}, C = (e) => {
+	}, x = (e) => {
 		if (e.isActive || e.linkContent && e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")) return !0;
 		if (e.links) {
-			for (let t = 0; t < e.links.length; t++) if (C(e.links[t])) return !0;
+			for (let t = 0; t < e.links.length; t++) if (x(e.links[t])) return !0;
 		}
 		return !1;
-	}, w = [];
-	return i.map((t, n) => {
-		let r = `${v}-item-${n}`, i = t.id ? t.id : r;
-		t.links ? w.push(/* @__PURE__ */ e.createElement("li", {
+	}, S = [];
+	return r.map((t, n) => {
+		let r = `${_}-item-${n}`, i = t.id ? t.id : r;
+		t.links ? S.push(/* @__PURE__ */ e.createElement("li", {
 			key: `${n}-dropdown`,
 			ref: (e) => {
-				x.current[n] = e;
+				y.current[n] = e;
 			},
-			className: `${y}__item ${y}__item--top-level ${y}__item--has-children ${C(t) === !0 ? `${y}__item--active` : ""}`,
+			className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${x(t) === !0 ? `${v}__item--active` : ""}`,
 			id: i
-		}, /* @__PURE__ */ e.createElement(ni, {
+		}, /* @__PURE__ */ e.createElement(ri, {
 			items: t.links,
 			label: t.label
-		}))) : w.push(/* @__PURE__ */ e.createElement("li", {
+		}))) : S.push(/* @__PURE__ */ e.createElement("li", {
 			key: n,
 			ref: (e) => {
-				x.current[n] = e;
+				y.current[n] = e;
 			},
-			className: `${y}__item ${y}__item--top-level ${y}__item--has-link ${C(t) === !0 ? `${y}__item--active` : ""}`,
+			className: `${v}__item ${v}__item--top-level ${v}__item--has-link ${x(t) === !0 ? `${v}__item--active` : ""}`,
 			id: i
 		}, t.linkContent));
 	}), /* @__PURE__ */ e.createElement("nav", {
 		"aria-label": t,
-		className: Z([
-			y,
-			b,
-			n
-		]),
+		className: Z([v, n]),
 		onKeyDown: (e) => {
-			S(e);
+			b(e);
 		},
-		...a
-	}, /* @__PURE__ */ e.createElement("ul", { className: `${y}__menu` }, w));
-}, ii = ({ 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] = h(i), [u, d] = h(""), f = i.length >= a, p = "pds-tab-menu", m = `${p}__dropdown-menu`, g = f ? `${m}--scroll` : null, _ = `${p}__dropdown-item`, { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: S, isMounted: C, isOpen: w, listRef: T, refs: E, setActiveIndex: D, transitionStyles: O } = Zt({
+		...i
+	}, /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, S));
+}, ai = ({ 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] = h(i), [u, d] = h(""), f = i.length >= a, p = "pds-tab-menu", m = `${p}__dropdown-menu`, g = f ? `${m}--scroll` : null, _ = `${p}__dropdown-item`, { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: S, isMounted: C, isOpen: w, listRef: T, refs: E, setActiveIndex: D, transitionStyles: O } = Qt({
 		offsetValue: 8,
 		placement: "bottom-start",
 		role: "listbox"
 	}), k = (e) => {
 		e.preventDefault(), e.key === "Enter" && T.current[v].querySelector("a")?.click(), e.key === "Tab" && e.shiftKey && f && document.getElementById("links-filter").focus();
-	}, A = (e, t) => Hr(e.linkContent).toLowerCase().includes(t.toLowerCase()), j = (e) => {
+	}, A = (e, t) => Ur(e.linkContent).toLowerCase().includes(t.toLowerCase()), j = (e) => {
 		let t = e.target.value;
 		d(t), c(i.filter((e) => A(e, t)));
 	};
@@ -8894,11 +8902,11 @@ var or = {
 		d(""), c(i);
 	}, N = {
 		minWidth: "13rem",
-		width: `${Hr(i.reduce((e, t) => Hr(e.linkContent).length > Hr(t.linkContent).length ? e : t).linkContent).length + 2}ch`
+		width: `${Ur(i.reduce((e, t) => Ur(e.linkContent).length > Ur(t.linkContent).length ? e : t).linkContent).length + 2}ch`
 	}, P = /* @__PURE__ */ e.createElement(Q, {
 		className: `${p}__active-icon`,
 		iconName: "check"
-	}), F = f && /* @__PURE__ */ e.createElement("div", { className: `${p}__filter` }, /* @__PURE__ */ e.createElement(Fr, {
+	}), F = f && /* @__PURE__ */ e.createElement("div", { className: `${p}__filter` }, /* @__PURE__ */ e.createElement(Ir, {
 		hasClearButton: !0,
 		autoComplete: "off",
 		id: "links-filter",
@@ -8941,9 +8949,9 @@ var or = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		} })
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...O } }, F, /* @__PURE__ */ e.createElement("ul", { className: Z([m, g]) }, I.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, o) : I))));
-}, ai = ({ ariaLabel: t, className: r, menuItems: i, ...a }) => {
+}, oi = ({ ariaLabel: t, className: r, menuItems: i, ...a }) => {
 	let s = "pds-tab-menu", c = ({ dropdownSettings: t, icon: r, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
-		let u = `${s}__item`, d = Vr(c);
+		let u = `${s}__item`, d = Hr(c);
 		return /* @__PURE__ */ e.createElement("li", { className: Z([u, i ? `${u}--active` : null]) }, ((t, r) => {
 			let i = null;
 			return o(t) && (i = r ? n(t, Object.assign({}, t.props, { children: [/* @__PURE__ */ e.createElement("span", {
@@ -8954,7 +8962,7 @@ var or = {
 				iconName: r,
 				size: "m"
 			}), t.props.children)] })) : t), i;
-		})(l ? d : a, r), c && /* @__PURE__ */ e.createElement(ii, {
+		})(l ? d : a, r), c && /* @__PURE__ */ e.createElement(ai, {
 			buttonLabel: t?.buttonLabel,
 			filterLabel: t?.filterLabel,
 			filterPlaceholder: t?.filterPlaceholder,
@@ -8966,7 +8974,7 @@ var or = {
 		key: n,
 		dropdownSettings: t.dropdownSettings,
 		icon: t.icon,
-		isActive: Wr(t),
+		isActive: Gr(t),
 		linkContent: t.linkContent,
 		links: t.links,
 		promoteActiveChildLink: t.promoteActiveChildLink
@@ -8976,11 +8984,11 @@ var or = {
 		className: Z([s, r ?? ""]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__mobile-menu-wrapper` }, l));
-}, oi = {
+}, si = {
 	2: "second",
 	3: "third",
 	4: "fourth"
-}, si = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
+}, ci = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, ...o }) => {
@@ -9100,7 +9108,7 @@ var or = {
 			display: "none"
 		}), b();
 	}, j = (t, n, r) => {
-		let a = oi[t], o = `${u}--${a}-level`, l = `${c}--${a}-level`, d = t + 1, f = Wr(n);
+		let a = si[t], o = `${u}--${a}-level`, l = `${c}--${a}-level`, d = t + 1, f = Gr(n);
 		if (_.current && n.path) {
 			let e = _.current.querySelector(`.${c}[data-item-path="${n.path}"]`);
 			if (e) {
@@ -9117,7 +9125,7 @@ var or = {
 			iconName: "angleDown",
 			size: "s",
 			verticalAlign: "-0.0625rem"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Hr(n.linkContent)} ${i.submenu}`)), qr(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Ur(n.linkContent)} ${i.submenu}`)), Jr(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
 			className: Z([
 				u,
 				o,
@@ -9125,7 +9133,7 @@ var or = {
 			]),
 			role: "group"
 		}, n.links.map((t, n) => {
-			let r = Wr(t);
+			let r = Gr(t);
 			return /* @__PURE__ */ e.createElement("li", {
 				key: `${n}-${a}`,
 				"aria-expanded": t.links ? r : void 0,
@@ -9137,10 +9145,10 @@ var or = {
 				]),
 				"data-item-path": t.path || "",
 				role: "treeitem"
-			}, t.links && d in oi ? j(d, t, t.links) : t.linkContent);
+			}, t.links && d in si ? j(d, t, t.links) : t.linkContent);
 		})));
 	}, M = (t, n) => {
-		let { linkContent: r, links: i } = t, a = Wr(t);
+		let { linkContent: r, links: i } = t, a = Gr(t);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: n,
 			"aria-expanded": i ? a : void 0,
@@ -9169,31 +9177,87 @@ var or = {
 		className: `${s}__menu ${s}__menu--top-level`,
 		role: "tree"
 	}, a.map((e, t) => M(e, t))));
-}, ci = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], userEmail: i, userImageSrc: a, userName: o, ...s }) => {
-	let [c, l] = h(null), [d, f] = h(!1), p = m([]), g = m([]), _ = u(), v = "pds-user-menu", y = `${v}__menu`, { context: b, floatingStyles: x, refs: T } = A({
+}, li = {
+	light: "sunBright",
+	dark: "moon",
+	system: "circleHalfStroke"
+}, ui = ({ 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: li[e],
+			label: r[e],
+			value: e
+		}));
+		return /* @__PURE__ */ e.createElement("div", {
+			className: Z([l, t]),
+			...c
+		}, /* @__PURE__ */ e.createElement(bn, {
+			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: li[e],
+		iconSize: "m",
+		label: r[e]
+	}));
+	return /* @__PURE__ */ e.createElement("div", {
+		className: Z([l, t]),
+		...c
+	}, /* @__PURE__ */ e.createElement(xt, {
+		content: u,
+		customTrigger: /* @__PURE__ */ e.createElement(yn, {
+			iconOnly: !0,
+			"aria-label": u,
+			iconName: li[o],
+			id: n,
+			label: "",
+			menuItems: f,
+			size: "m"
+		}),
+		offsetValue: 0,
+		preferredPlacement: "top"
+	}));
+}, di = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], onThemeChange: i, theme: a, themeLabel: o = "Theme", themeLabelStrings: s, userEmail: c, userImageSrc: l, userName: d, ...f }) => {
+	let [p, g] = h(null), [_, v] = h(!1), y = m([]), b = m([]), x = u(), T = "pds-user-menu", D = `${T}__menu`, { context: j, floatingStyles: M, refs: N } = A({
 		placement: "bottom-end",
-		open: d,
-		onOpenChange: f,
+		open: _,
+		onOpenChange: v,
 		middleware: [
 			w(12),
 			C(),
 			E()
 		],
 		whileElementsMounted: S
-	}), D = O(b, { event: "mousedown" }), j = k(b), M = I(b, { role: "menu" }), N = m([]), { getFloatingProps: R, getItemProps: z, getReferenceProps: B } = P([
-		j,
-		M,
-		D,
-		F(b, {
-			listRef: N,
-			activeIndex: c,
-			onNavigate: l,
+	}), R = O(j, { event: "mousedown" }), z = k(j), B = I(j, { role: "menu" }), V = m([]), { getFloatingProps: H, getItemProps: U, getReferenceProps: W } = P([
+		z,
+		B,
+		R,
+		F(j, {
+			listRef: V,
+			activeIndex: p,
+			onNavigate: g,
 			loop: !0,
 			openOnArrowKeyDown: !0,
 			focusItemOnOpen: !1,
 			focusItemOnHover: !0
 		})
-	]), { isMounted: V, styles: H } = L(b, {
+	]), { isMounted: G, styles: K } = L(j, {
 		duration: {
 			open: 300,
 			close: 150
@@ -9201,47 +9265,57 @@ var or = {
 		initial: { opacity: 0 },
 		open: { opacity: 1 },
 		close: { opacity: 0 }
-	}), U = /* @__PURE__ */ e.createElement(Ue, {
+	}), q = /* @__PURE__ */ e.createElement(Ue, {
 		hasUserFallback: !0,
-		className: `${v}__avatar`,
-		imageSrc: a,
+		className: `${T}__avatar`,
+		imageSrc: l,
 		size: "s",
-		uniqueId: i
-	}), W = /* @__PURE__ */ e.createElement("li", {
-		className: `${v}__user-details`,
+		uniqueId: c
+	}), J = /* @__PURE__ */ e.createElement("li", {
+		className: `${T}__user-details`,
+		role: "presentation"
+	}, /* @__PURE__ */ e.createElement("div", { className: `${T}__user-name` }, d), /* @__PURE__ */ e.createElement("div", { className: `${T}__user-email` }, c)), ee = a !== void 0 && typeof i == "function" ? /* @__PURE__ */ e.createElement("li", {
+		className: `${T}__theme-row`,
 		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("div", { className: `${v}__user-name` }, o), /* @__PURE__ */ e.createElement("div", { className: `${v}__user-email` }, i));
+	}, /* @__PURE__ */ e.createElement("span", { className: `${T}__theme-label` }, o), /* @__PURE__ */ e.createElement(ui, {
+		id: `${x}-theme`,
+		labelStrings: s,
+		onChange: i,
+		size: "s",
+		theme: a,
+		variant: "toggle"
+	})) : null;
 	r.forEach((e, t) => {
-		let n = e.id ? e.id : `${_}-item-${t}`;
-		p.current.push(n), g.current.push(e);
+		let n = e.id ? e.id : `${x}-item-${t}`;
+		y.current.push(n), b.current.push(e);
 	});
-	let G = (e) => {
-		let t = p.current.indexOf(e), n = g.current[t];
-		n.linkContent && !n.disabled && (N.current[t].querySelector("a").click(), f(!1)), n.callback && !n.disabled && (n.callback(), f(!1));
-	}, K = (e) => {
-		e.preventDefault(), e.key === "Enter" && G(e.currentTarget.id);
-	}, q = (e) => {
-		G(e.currentTarget.id);
-	}, J = r.map((t, n) => {
-		let r = p.current[n], i = `${v}__item`, a = t.disabled ? `${i}--disabled` : null;
+	let te = (e) => {
+		let t = y.current.indexOf(e), n = b.current[t];
+		n.linkContent && !n.disabled && (V.current[t].querySelector("a").click(), v(!1)), n.callback && !n.disabled && (n.callback(), v(!1));
+	}, ne = (e) => {
+		e.preventDefault(), e.key === "Enter" && te(e.currentTarget.id);
+	}, re = (e) => {
+		te(e.currentTarget.id);
+	}, ie = r.map((t, n) => {
+		let r = y.current[n], i = `${T}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			ref: (e) => {
-				N.current[n] = e;
+				V.current[n] = e;
 			},
 			className: Z([i, a]),
 			id: r,
-			onKeyDown: K,
+			onKeyDown: ne,
 			role: "menuitem",
-			tabIndex: c === n ? 0 : -1,
-			...z({ onClick: (e) => q(e) })
-		}, t.iconName && /* @__PURE__ */ e.createElement(Q, {
-			className: `${v}__icon`,
+			tabIndex: p === n ? 0 : -1,
+			...U({ onClick: (e) => re(e) })
+		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
+			className: `${T}__icon`,
 			iconName: t.iconName,
-			size: "s"
-		}), t.linkContent ? t.linkContent : t.label);
-	}), ee = r.map((t, n) => {
-		let r = p.current[n], i = `${v}__item`, a = t.disabled ? `${i}--disabled` : null;
+			size: "m"
+		}));
+	}), ae = r.map((t, n) => {
+		let r = y.current[n], i = `${T}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			className: Z([i, a]),
@@ -9250,38 +9324,38 @@ var or = {
 				t.linkContent && !t.disabled ? document.getElementById(`${r}-accordion`)?.querySelector("a")?.click() : t.callback && !t.disabled && t.callback();
 			},
 			role: "menuitem"
-		}, t.iconName && /* @__PURE__ */ e.createElement(Q, {
-			className: `${v}__icon`,
+		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
+			className: `${T}__icon`,
 			iconName: t.iconName,
-			size: "s"
-		}), t.linkContent ? t.linkContent : t.label);
-	}), te = /* @__PURE__ */ e.createElement("span", { className: `${v}__toggle-left` }, U, o ?? i);
+			size: "m"
+		}));
+	}), Y = /* @__PURE__ */ e.createElement("span", { className: `${T}__toggle-left` }, q, d ?? c);
 	return /* @__PURE__ */ e.createElement("span", {
-		className: Z([v, n ?? ""]),
-		...s
-	}, /* @__PURE__ */ e.createElement(un, { label: te }, /* @__PURE__ */ e.createElement("ul", {
-		className: Z([y, `${y}--mobile`]),
+		className: Z([T, n ?? ""]),
+		...f
+	}, /* @__PURE__ */ e.createElement(dn, { label: Y }, /* @__PURE__ */ e.createElement("ul", {
+		className: Z([D, `${D}--mobile`]),
 		role: "menu"
-	}, W, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ee)), /* @__PURE__ */ e.createElement("button", {
-		ref: T.setReference,
+	}, J, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ee, ae)), /* @__PURE__ */ e.createElement("button", {
+		ref: N.setReference,
 		"aria-label": t,
-		className: `${v}__trigger`,
+		className: `${T}__trigger`,
 		type: "button",
-		...B()
-	}, U), V && /* @__PURE__ */ e.createElement("div", {
-		ref: T.setFloating,
-		className: `${v}__dropdown`,
+		...W()
+	}, q), G && /* @__PURE__ */ e.createElement("div", {
+		ref: N.setFloating,
+		className: `${T}__dropdown`,
 		style: {
-			...x,
+			...M,
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
-		...R()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...H } }, /* @__PURE__ */ e.createElement("ul", {
-		className: y,
+		...H()
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...K } }, /* @__PURE__ */ e.createElement("ul", {
+		className: D,
 		role: "menu"
-	}, W, /* @__PURE__ */ e.createElement("li", { role: "separator" }), J))));
-}, li = ({ 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] = h(""), [g, _] = h(""), v = m(null), y = l.length >= s, b = "pds-workspace-selector", x = `${b}__menu`, S = y ? `${x}--scroll` : null, { activeIndex: C, floatingStyles: w, getFloatingProps: T, getItemProps: E, getReferenceProps: D, isMounted: O, listRef: k, refs: A, setIsOpen: j, transitionStyles: M } = Zt({
+	}, J, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ee, ie))));
+}, fi = ({ 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] = h(""), [g, _] = h(""), v = m(null), y = l.length >= s, b = "pds-workspace-selector", x = `${b}__menu`, S = y ? `${x}--scroll` : null, { activeIndex: C, floatingStyles: w, getFloatingProps: T, getItemProps: E, getReferenceProps: D, isMounted: O, listRef: k, refs: A, setIsOpen: j, transitionStyles: M } = Qt({
 		enableTypeahead: !y,
 		role: "menu"
 	}), N = l.find((e) => e.isActive);
@@ -9304,7 +9378,7 @@ var or = {
 	}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${b}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
 		className: `${b}__lock-icon`,
 		iconName: "lock"
-	}), t.isActive && /* @__PURE__ */ e.createElement(Mn, null))), R = P.map((t, n) => {
+	}), t.isActive && /* @__PURE__ */ e.createElement(Nn, null))), R = P.map((t, n) => {
 		let r = `${b}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
 			k.current[n] = e;
 		};
@@ -9367,7 +9441,7 @@ var or = {
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([b, n]),
 		...u
-	}, /* @__PURE__ */ e.createElement(un, { label: V }, y && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(Fr, {
+	}, /* @__PURE__ */ e.createElement(dn, { label: V }, y && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(Ir, {
 		hasClearButton: !0,
 		id: "workspace-filter-mobile",
 		label: i,
@@ -9404,7 +9478,7 @@ var or = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
 		...T()
-	}, y && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(Fr, {
+	}, y && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(Ir, {
 		hasClearButton: !0,
 		id: "workspace-filter",
 		label: i,
@@ -9420,13 +9494,13 @@ var or = {
 		className: `pds-dropdown__heading ${b}__item-heading`,
 		role: "presentation"
 	}, o), R.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : R), B));
-}, ui = {
+}, pi = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation",
 	discovery: "bullhorn"
-}, di = 200, fi = 50, pi = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
-	...dn,
+}, mi = 200, hi = 50, gi = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
+	...fn,
 	neutral: "Notice"
 }, ...c }) => {
 	let u = r === "marketing", [d, f] = h(t), [p, m] = h(null), [g, _] = h(null), [v, y] = h({});
@@ -9444,21 +9518,21 @@ var or = {
 	}, 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);
-		}, di);
+		}, mi);
 	}, k = () => {
 		y({
 			[d[0].id]: 502,
 			[d[b - 1].id]: 501
 		}), setTimeout(() => {
 			m(d[0].id);
-		}, fi), setTimeout(() => {
+		}, hi), setTimeout(() => {
 			f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), y({});
-		}, di);
+		}, mi);
 	}, A = (t, n) => {
 		let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: l, type: d } = t, m = d === "critical" ? "alert" : "status", h = `${s[d]}:  `, y = (e) => {
 			e.preventDefault(), _(a), setTimeout(() => {
 				l?.(), _(null), f((e) => e.filter((e) => e.id !== a));
-			}, di);
+			}, mi);
 		}, b = v[a] ?? E(n);
 		return /* @__PURE__ */ e.createElement("div", {
 			key: a,
@@ -9473,7 +9547,7 @@ var or = {
 			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 : ui[d],
+			iconName: d === "neutral" ? r : pi[d],
 			size: u ? "l" : "m"
 		}), /* @__PURE__ */ e.createElement("div", { className: `${x}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
 			className: `${x}__dismiss-button`,
@@ -9491,26 +9565,26 @@ var or = {
 		]),
 		"data-context": r,
 		...c
-	}, b > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${x}__navigation` }, /* @__PURE__ */ e.createElement(qt, {
+	}, b > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${x}__navigation` }, /* @__PURE__ */ e.createElement(Jt, {
 		ariaLabel: o,
 		className: `${x}__nav-button ${x}__nav-button--prev`,
 		iconName: "angleLeft",
 		onClick: k,
 		size: "m"
-	}), /* @__PURE__ */ e.createElement(qt, {
+	}), /* @__PURE__ */ e.createElement(Jt, {
 		ariaLabel: a,
 		className: `${x}__nav-button ${x}__nav-button--next`,
 		iconName: "angleRight",
 		onClick: O,
 		size: "m"
 	}), d.map((e, t) => A(e, t))) : A(d[0], 0));
-}, mi = {
+}, _i = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation"
-}, hi = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
-	...dn,
+}, vi = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
+	...fn,
 	working: "Working"
 }, ...o }) => {
 	let s = "pds-inline-message", c = {
@@ -9529,17 +9603,17 @@ var or = {
 		]),
 		role: l,
 		...o
-	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(Lt, { size: "m" }) : /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${i}` in mi ? mi[i] : mi.info,
+	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(Rt, { size: "m" }) : /* @__PURE__ */ e.createElement(Q, {
+		iconName: `${i}` in _i ? _i[i] : _i.info,
 		size: "m"
 	})), /* @__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)));
-}, gi = {
+}, yi = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation",
 	discovery: "squareQuestion"
-}, _i = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: u = "info", typeLabels: d = dn, ...f }) => {
+}, bi = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: u = "info", typeLabels: d = fn, ...f }) => {
 	let p = r === "marketing", h = m(null), g = "pds-section-message", _ = {
 		error: `${g}--error`,
 		success: `${g}--success`,
@@ -9572,23 +9646,23 @@ var or = {
 		role: b,
 		...f
 	}, /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__icon ${g}__icon-${u}` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${u}` in gi ? gi[u] : gi.info,
+		iconName: `${u}` in yi ? yi[u] : yi.info,
 		size: p ? "xl" : "l"
-	})), /* @__PURE__ */ e.createElement("div", { className: `${g}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, x), l && /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${g}__message` }, S))), (n || o) && /* @__PURE__ */ e.createElement("div", { className: `${g}__actions` }, n && /* @__PURE__ */ e.createElement(Wt, {
+	})), /* @__PURE__ */ e.createElement("div", { className: `${g}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, x), l && /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${g}__message` }, S))), (n || o) && /* @__PURE__ */ e.createElement("div", { className: `${g}__actions` }, n && /* @__PURE__ */ e.createElement(Gt, {
 		...n,
 		className: `${g}__cta`,
 		size: p ? "m" : "s",
 		variant: "secondary"
-	}), o && /* @__PURE__ */ e.createElement(Yt, {
+	}), o && /* @__PURE__ */ e.createElement(Xt, {
 		ariaLabel: i,
 		className: `${g}__dismiss`,
 		onClick: T,
 		size: p ? "l" : "m"
 	})));
-}, vi = 3e4, yi = {
+}, xi = 3e4, Si = {
 	pause: "Pause notification",
 	resume: "Resume notification"
-}, bi = r({ labelStrings: yi }), xi = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Yt, {
+}, Ci = r({ labelStrings: Si }), wi = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Xt, {
 	ariaLabel: t || "Close",
 	className: "pds-toast__close-button",
 	onClick: (e) => {
@@ -9596,13 +9670,13 @@ var or = {
 	},
 	size: "s",
 	tabIndex: 0
-}), Si = ({ className: t, labelStrings: n = yi, limit: r = 5, position: i = "bottom-right" }) => {
+}), Ti = ({ className: t, labelStrings: n = Si, limit: r = 5, position: i = "bottom-right" }) => {
 	let a = Z(["pds-toaster", t]);
-	return /* @__PURE__ */ e.createElement(bi.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(le, {
+	return /* @__PURE__ */ e.createElement(Ci.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(le, {
 		newestOnTop: !0,
 		autoClose: !1,
 		className: a,
-		closeButton: xi,
+		closeButton: wi,
 		draggable: !1,
 		icon: !1,
 		limit: r,
@@ -9612,25 +9686,25 @@ var or = {
 		role: "status",
 		transition: ce
 	}));
-}, Ci = {
+}, Ei = {
 	info: "circleInfo",
 	success: "circleCheck",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation"
-}, wi = {
+}, Di = {
 	info: "Information",
 	success: "Success",
 	warning: "Warning",
 	critical: "Critical",
 	working: "Working..."
-}, Ti = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = wi }) => {
+}, Oi = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Di }) => {
 	let l = "pds-toast", u = {
 		critical: `${l}--critical`,
 		info: `${l}--info`,
 		success: `${l}--success`,
 		warning: `${l}--warning`,
 		working: `${l}--working`
-	}, d = `${s[o]} `, { labelStrings: f } = c(bi), [p, m] = h(!1), g = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
+	}, d = `${s[o]} `, { labelStrings: f } = c(Ci), [p, m] = h(!1), g = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			l,
@@ -9638,9 +9712,9 @@ var or = {
 			r
 		]),
 		id: i
-	}, /* @__PURE__ */ e.createElement("div", { className: `${l}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(Lt, { size: "xl" }) : /* @__PURE__ */ e.createElement(Q, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${l}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(Rt, { size: "xl" }) : /* @__PURE__ */ e.createElement(Q, {
 		className: `${l}__icon ${l}__icon--${o}`,
-		iconName: Ci[o],
+		iconName: Ei[o],
 		size: "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${l}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), g && /* @__PURE__ */ e.createElement("button", {
 		"aria-label": p ? f.resume : f.pause,
@@ -9655,11 +9729,11 @@ var or = {
 		iconName: p ? "play" : "pause",
 		size: "m"
 	})));
-}, Ei = /* @__PURE__ */ function(e) {
+}, ki = /* @__PURE__ */ function(e) {
 	return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
-}({}), Di = () => [
+}({}), Ai = () => [
 	(t, n, r = {}) => {
-		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(vi, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(Ti, {
+		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(xi, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(Oi, {
 			autoCloseDuration: a || void 0,
 			toastId: i,
 			type: t
@@ -9684,8 +9758,8 @@ var or = {
 		enter: "pds-toast--bounceInPlace",
 		exit: "pds-toast--slideOut"
 	})
-], Oi = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: c = !1, placement: u = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: g, ..._ }) => {
-	let v = Ie(n), y = v.__unslotted, b = v.footer, x = "pds-drawer", S = g ? null : `${x}--${f}`, C = `${x}--${u}`, w = g ? { width: g } : void 0, [T, E] = h(c), [D, O] = h(!1), k = m(null), { closeOverlay: A, openOverlay: j } = vt();
+], ji = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: c = !1, placement: u = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: g, ..._ }) => {
+	let v = Ie(n), y = v.__unslotted, b = v.footer, x = "pds-drawer", S = g ? null : `${x}--${f}`, C = `${x}--${u}`, w = g ? { width: g } : void 0, [T, E] = h(c), [D, O] = h(!1), k = m(null), { closeOverlay: A, openOverlay: j } = yt();
 	l(() => {
 		c ? E(!0) : O(!1);
 	}, [c]), l(() => {
@@ -9744,13 +9818,13 @@ var or = {
 		role: "dialog",
 		style: w,
 		..._
-	}, /* @__PURE__ */ e.createElement("div", { className: `${x}__header` }, p && /* @__PURE__ */ e.createElement("div", { className: `${x}__title` }, p), o && /* @__PURE__ */ e.createElement(Yt, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${x}__header` }, p && /* @__PURE__ */ e.createElement("div", { className: `${x}__title` }, p), o && /* @__PURE__ */ e.createElement(Xt, {
 		ariaLabel: i,
 		onClick: M,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))), document.body) : null;
-}, ki = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: u, ...d }) => {
-	let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = vt();
+}, Mi = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: u, ...d }) => {
+	let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = yt();
 	l(() => {
 		if (!(!h || !m) && c) return h(), () => m();
 	}, [
@@ -9801,10 +9875,10 @@ var or = {
 		style: S,
 		...b(),
 		...d
-	}, s && /* @__PURE__ */ e.createElement(bt, {
+	}, s && /* @__PURE__ */ e.createElement(xt, {
 		className: `${f}__close-button`,
 		content: a,
-		customTrigger: /* @__PURE__ */ e.createElement(qt, {
+		customTrigger: /* @__PURE__ */ e.createElement(Jt, {
 			hasBorder: !0,
 			ariaLabel: a,
 			hasTooltip: !1,
@@ -9814,13 +9888,13 @@ var or = {
 		}),
 		zIndex: 9999
 	}), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, r)))), document.body) : null;
-}, Ai = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: u = () => {}, size: d = "m", title: f, ...p }) => {
+}, Ni = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: u = () => {}, size: d = "m", title: f, ...p }) => {
 	let m = Ie(n), g = m.__unslotted, _ = m.footer, b = "pds-modal", x = d === "m" ? null : `${b}--${d}`, S = a ? {
 		maxHeight: a,
 		paddingInlineEnd: "1rem",
 		marginInlineEnd: "-1rem",
 		overflowY: "auto"
-	} : null, [C, w] = h(c), { closeOverlay: T, openOverlay: E } = vt();
+	} : null, [C, w] = h(c), { closeOverlay: T, openOverlay: E } = yt();
 	l(() => {
 		w(c);
 	}, [c]), l(() => {
@@ -9882,7 +9956,7 @@ var or = {
 			top: "5%"
 		},
 		...p
-	}, s && /* @__PURE__ */ e.createElement("div", { className: `${b}__close-wrapper` }, /* @__PURE__ */ e.createElement(Yt, {
+	}, s && /* @__PURE__ */ e.createElement("div", { className: `${b}__close-wrapper` }, /* @__PURE__ */ e.createElement(Xt, {
 		ariaLabel: i,
 		onClick: () => w(!1),
 		size: "l"
@@ -9890,27 +9964,27 @@ var or = {
 		className: `${b}__content`,
 		style: S
 	}, g), _ && /* @__PURE__ */ e.createElement("div", { className: `${b}__footer` }, _)))));
-}, ji = (e, t) => {
+}, Pi = (e, t) => {
 	let n = t - e + 1;
 	return Array.from({ length: n }, (t, n) => n + e);
-}, Mi = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => p(() => {
+}, Fi = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => p(() => {
 	let i = Math.ceil(r / n), a = e + 5, o = i;
-	if (a >= i) return ji(1, i);
+	if (a >= i) return Pi(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 [
-		...ji(1, 3 + 2 * e),
+		...Pi(1, 3 + 2 * e),
 		"...",
 		i
 	];
 	if (l && !u) return [
 		1,
 		"...",
-		...ji(i - (3 + 2 * e) + 1, i)
+		...Pi(i - (3 + 2 * e) + 1, i)
 	];
 	if (l && u) return [
 		1,
 		"...",
-		...ji(s, c),
+		...Pi(s, c),
 		"...",
 		o
 	];
@@ -9919,11 +9993,11 @@ var or = {
 	n,
 	e,
 	t
-]), Ni = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
+]), Ii = ({ 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 = Mi({
+	let f = Fi({
 		currentPage: r,
 		totalItemCount: u,
 		bufferCount: t,
@@ -9941,12 +10015,12 @@ var or = {
 			n ?? ""
 		]),
 		...d
-	}, /* @__PURE__ */ e.createElement(Ht, {
+	}, /* @__PURE__ */ e.createElement(Ut, {
 		baseClass: g,
 		className: "visually-hidden",
 		id: "pagination",
 		level: i
-	}, a), /* @__PURE__ */ e.createElement("ul", { className: `${g}__list` }, r !== 1 && /* @__PURE__ */ e.createElement("li", { className: Z([_, `${_}--prev`]) }, /* @__PURE__ */ e.createElement(bt, {
+	}, a), /* @__PURE__ */ e.createElement("ul", { className: `${g}__list` }, r !== 1 && /* @__PURE__ */ e.createElement("li", { className: Z([_, `${_}--prev`]) }, /* @__PURE__ */ e.createElement(xt, {
 		content: s.previous,
 		customTrigger: /* @__PURE__ */ e.createElement("button", {
 			"aria-label": s.previous,
@@ -9966,7 +10040,7 @@ var or = {
 		"aria-current": r === t ? "page" : void 0,
 		onClick: () => c(Number(t)),
 		type: "button"
-	}, t))), r !== p && /* @__PURE__ */ e.createElement("li", { className: Z([_, `${_}--next`]) }, /* @__PURE__ */ e.createElement(bt, {
+	}, t))), r !== p && /* @__PURE__ */ e.createElement("li", { className: Z([_, `${_}--next`]) }, /* @__PURE__ */ e.createElement(xt, {
 		content: s.next,
 		customTrigger: /* @__PURE__ */ e.createElement("button", {
 			"aria-label": s.next,
@@ -9977,7 +10051,7 @@ var or = {
 			size: "m"
 		}))
 	}))));
-}, Pi = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, Li = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
 	next: "Go to next page",
 	of: "of",
 	pageSelect: "Go to page",
@@ -9991,12 +10065,12 @@ var or = {
 		"aria-labelledby": "pagination-compact",
 		className: Z([_, t ?? ""]),
 		...l
-	}, /* @__PURE__ */ e.createElement(Ht, {
+	}, /* @__PURE__ */ e.createElement(Ut, {
 		baseClass: _,
 		className: "visually-hidden",
 		id: "pagination-compact",
 		level: r
-	}, i), /* @__PURE__ */ e.createElement(Pn, {
+	}, i), /* @__PURE__ */ e.createElement(Fn, {
 		autoWidth: !0,
 		id: d,
 		label: o.pageSelect,
@@ -10005,7 +10079,7 @@ var or = {
 		showLabel: !1,
 		size: "s",
 		value: String(n)
-	}), /* @__PURE__ */ e.createElement("span", { className: `${_}__count` }, o.of, " ", f), /* @__PURE__ */ e.createElement("div", { className: `${_}__nav` }, /* @__PURE__ */ e.createElement(bt, {
+	}), /* @__PURE__ */ e.createElement("span", { className: `${_}__count` }, o.of, " ", f), /* @__PURE__ */ e.createElement("div", { className: `${_}__nav` }, /* @__PURE__ */ e.createElement(xt, {
 		content: o.previous,
 		customTrigger: /* @__PURE__ */ e.createElement("button", {
 			"aria-disabled": h ? !0 : void 0,
@@ -10017,7 +10091,7 @@ var or = {
 			iconName: "angleLeft",
 			size: "m"
 		}))
-	}), /* @__PURE__ */ e.createElement(bt, {
+	}), /* @__PURE__ */ e.createElement(xt, {
 		content: o.next,
 		customTrigger: /* @__PURE__ */ e.createElement("button", {
 			"aria-disabled": g ? !0 : void 0,
@@ -10030,7 +10104,7 @@ var or = {
 			size: "m"
 		}))
 	})));
-}, Fi = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, Ri = ({ 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 }) => {
@@ -10039,7 +10113,7 @@ var or = {
 		"aria-labelledby": "pagination-mini",
 		className: Z([g, t ?? ""]),
 		...d
-	}, /* @__PURE__ */ e.createElement(Ht, {
+	}, /* @__PURE__ */ e.createElement(Ut, {
 		baseClass: g,
 		className: "visually-hidden",
 		id: "pagination-mini",
@@ -10059,7 +10133,7 @@ var or = {
 		iconName: "angleRight",
 		size: "m"
 	}))));
-}, Ii = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
+}, zi = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
 	let [c, d] = h(i), f = u(), p = r ?? `expansion-panel-${f}`, g = "pds-expansion-panel", _ = a ? null : `${g}--no-border`, v = m(null);
 	return l(() => {
 		let e = v.current;
@@ -10083,7 +10157,7 @@ var or = {
 		className: `${g}__icon ${c ? "rotated" : ""}`,
 		iconName: "angleDown"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, t)));
-}, Li = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
+}, Bi = ({ 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([
@@ -10093,7 +10167,7 @@ var or = {
 		]),
 		...i
 	}, t);
-}, Ri = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
+}, Vi = ({ 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([
@@ -10103,7 +10177,7 @@ var or = {
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
-}, zi = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
+}, Hi = ({ 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([
@@ -10115,7 +10189,7 @@ var or = {
 		]),
 		...o
 	}, n);
-}, Bi = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
+}, Ui = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
 	let o = "pds-panel-row", [s, c] = h(!1), l = Ie(t), u = l["items-left"], d = l["items-right"], f = l["items-below"], p = () => {
 		c((e) => !e);
 	};
@@ -10146,7 +10220,7 @@ var or = {
 			opacity: "0"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, f)));
-}, Vi = /* @__PURE__ */ e.createElement("svg", {
+}, Wi = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10209,7 +10283,7 @@ var or = {
 }), /* @__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)"
-})), Hi = /* @__PURE__ */ e.createElement("svg", {
+})), Gi = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10245,7 +10319,7 @@ var or = {
 }), /* @__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)"
-})), Ui = /* @__PURE__ */ e.createElement("svg", {
+})), Ki = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10281,17 +10355,17 @@ var or = {
 }), /* @__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)"
-})), Wi = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...s }) => {
+})), qi = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...s }) => {
 	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 = Vi;
+			f = Wi;
 			break;
 		case "icon":
-			f = Hi;
+			f = Gi;
 			break;
 		case "wordmark":
-			f = Ui;
+			f = Ki;
 			break;
 	}
 	let p = o(i) && typeof i.props.children == "string" ? i.props.children : "", m = o(i) ? i.type : null, h = o(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
@@ -10308,7 +10382,7 @@ var or = {
 		]),
 		...s
 	}, i ? h : f);
-}, Gi = 8, Ki = 14, qi = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: u = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: g = "Show more information", triggerIcon: y = "circleInfo", triggerIconSize: T = "m", ...D }) => {
+}, Ji = 8, Yi = 14, Xi = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: u = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: g = "Show more information", triggerIcon: y = "circleInfo", triggerIconSize: T = "m", ...D }) => {
 	let [j, M] = h(d);
 	l(() => {
 		M(d);
@@ -10334,12 +10408,12 @@ var or = {
 		O(V),
 		k(V),
 		I(V)
-	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Ki / 2, ne = ee + Gi, { isMounted: re } = L(V, {
+	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Yi / 2, ne = ee + Ji, { isMounted: re } = L(V, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${te}px calc(100% + ${Gi}px)`,
+			top: `${te}px calc(100% + ${Ji}px)`,
 			bottom: `${te}px -8px`,
-			left: `calc(100% + ${Gi}px) ${ne}px`,
+			left: `calc(100% + ${Ji}px) ${ne}px`,
 			right: `-8px ${ne}px`
 		}[e] })
 	});
@@ -10371,23 +10445,23 @@ var or = {
 		className: `${F}__arrow`,
 		context: V,
 		fill: "var(--pds-color-surface-default)",
-		height: Gi,
+		height: Ji,
 		stroke: "var(--pds-color-popover-border)",
 		strokeWidth: 1,
 		tipRadius: 0,
-		width: Ki
-	}), /* @__PURE__ */ e.createElement("div", { className: `${F}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${F}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${F}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${F}__close-wrapper` }, /* @__PURE__ */ e.createElement(Yt, {
+		width: Yi
+	}), /* @__PURE__ */ e.createElement("div", { className: `${F}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${F}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${F}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${F}__close-wrapper` }, /* @__PURE__ */ e.createElement(Xt, {
 		ariaLabel: r,
 		onClick: G,
 		size: "s"
 	})))))));
-}, Ji = {
+}, Zi = {
 	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"
-}, Yi = ({ className: t, colorBreakpoints: n = [{
+}, Qi = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -10408,7 +10482,7 @@ var or = {
 		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(${Ji[y]}) h s calc(l - 7))` }
+		style: { color: `hsl(from var(${Zi[y]}) h s calc(l - 7))` }
 	}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": m,
 		"aria-valuenow": v,
@@ -10418,16 +10492,16 @@ var or = {
 		className: `${h}__bar`,
 		style: {
 			width: `${v}%`,
-			backgroundColor: `var(${Ji[y]})`
+			backgroundColor: `var(${Zi[y]})`
 		}
 	}))), S && b);
-}, Xi = {
+}, $i = {
 	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"
-}, Zi = ({ className: t, colorBreakpoints: n = [{
+}, ea = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -10476,7 +10550,7 @@ var or = {
 		strokeDasharray: x,
 		strokeDashoffset: S,
 		strokeWidth: y,
-		style: { stroke: `var(${Xi[C]})` },
+		style: { stroke: `var(${$i[C]})` },
 		transform: `rotate(-90 ${v / 2} ${v / 2})`
 	}), /* @__PURE__ */ e.createElement("text", {
 		alignmentBaseline: "middle",
@@ -10486,7 +10560,7 @@ var or = {
 		x: "50%",
 		y: "51%"
 	}, w))));
-}, Qi = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
+}, ta = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -10504,10 +10578,10 @@ var or = {
 		]),
 		...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."), m && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), h && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), g && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), v && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), y && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
-}, $i = ({ className: t, option: n, ...r }) => {
-	let i = "pds-site-option-display", a = n.type ? _n[n.type] : "boltSolid", o = m(null), [s] = pe(o), c = s.width / 16 - 7.5, l, u;
+}, na = ({ className: t, option: n, ...r }) => {
+	let i = "pds-site-option-display", a = n.type ? vn[n.type] : "boltSolid", o = m(null), [s] = pe(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(Rt, {
+	let d = /* @__PURE__ */ e.createElement(zt, {
 		hasStatusIndicator: !0,
 		label: l,
 		statusType: u
@@ -10527,7 +10601,7 @@ var or = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, ea = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
+}, ra = ({ 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 }) => {
@@ -10539,7 +10613,7 @@ var or = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement($i, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(na, { option: t }),
 			siteData: t
 		};
 	});
@@ -10547,7 +10621,7 @@ var or = {
 		className: Z([_, t ?? ""]),
 		id: r,
 		...p
-	}, /* @__PURE__ */ e.createElement("div", { className: `${_}__inner` }, /* @__PURE__ */ e.createElement(br, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${_}__inner` }, /* @__PURE__ */ e.createElement(xr, {
 		hasClearButton: !0,
 		hasSearchShortcut: !0,
 		className: `${_}__combobox`,
@@ -10568,7 +10642,7 @@ var or = {
 };
 //#endregion
 //#region src/components/SortableList/sortable-utils.ts
-function ta(e, t, n = null, r = 0, i = []) {
+function ia(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({
@@ -10580,10 +10654,10 @@ function ta(e, t, n = null, r = 0, i = []) {
 			index: o,
 			isExpanded: c,
 			parentId: n
-		}), s && c && a.children && e.push(...ta(a.children, t, a.id, r + 1, [...i, a.id])), e;
+		}), s && c && a.children && e.push(...ia(a.children, t, a.id, r + 1, [...i, a.id])), e;
 	}, []);
 }
-function na(e) {
+function aa(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 = {
@@ -10596,28 +10670,28 @@ function na(e) {
 			e && (e.children || (e.children = []), e.children.push(o));
 		}
 	}
-	return ra(r);
+	return oa(r);
 }
-function ra(e) {
+function oa(e) {
 	return e.map((e) => {
 		if (e.children?.length) return {
 			...e,
-			children: ra(e.children)
+			children: oa(e.children)
 		};
 		let { children: t, ...n } = e;
 		return n;
 	});
 }
-function ia(e, t) {
+function sa(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
 		if (n.children) {
-			let e = ia(n.children, t);
+			let e = sa(n.children, t);
 			if (e) return e;
 		}
 	}
 }
-function aa(e, t, n, r, i, a, o) {
+function ca(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;
@@ -10625,7 +10699,7 @@ function aa(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/SortableList/SortableListHeader.tsx
-var oa = ({ children: t, className: n, columns: r, ...i }) => {
+var la = ({ children: t, className: n, columns: r, ...i }) => {
 	if (!r && !t) return null;
 	let a = r ? {
 		display: "grid",
@@ -10646,13 +10720,13 @@ var oa = ({ children: t, className: n, columns: r, ...i }) => {
 };
 //#endregion
 //#region src/components/SortableList/useSortableTree.ts
-function sa({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
+function ua({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
 	let i = n !== void 0, [a, o] = h(() => n ?? e ?? []), [c, l] = h(/* @__PURE__ */ new Set()), u = m(null), d = m(t);
 	t && !d.current && (u.current = {
 		items: i ? n : a,
 		expandedIds: c
-	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && la("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
-	let f = i ? n : a, g = p(() => ta(f, c), [f, c]), _ = p(() => g.map((e) => e.id), [g]), v = s((e) => {
+	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && fa("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
+	let f = i ? n : a, g = p(() => ia(f, c), [f, c]), _ = p(() => g.map((e) => e.id), [g]), v = s((e) => {
 		l((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -10670,7 +10744,7 @@ function sa({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		}, []),
 		flatNodes: g,
 		handleReorder: s((e) => {
-			let t = na(e);
+			let t = aa(e);
 			i || o(t), r?.(t);
 		}, [i, r]),
 		resetToSnapshot: s(() => {
@@ -10682,24 +10756,24 @@ function sa({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		toggleExpand: v
 	};
 }
-var ca = /* @__PURE__ */ new Set();
-function la(e) {
-	ca.has(e) || (ca.add(e), console.warn(e));
+var da = /* @__PURE__ */ new Set();
+function fa(e) {
+	da.has(e) || (da.add(e), console.warn(e));
 }
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
-var ua = 24, da = { droppable: { strategy: _e.Always } }, fa = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
+var pa = 24, ma = { droppable: { strategy: _e.Always } }, ha = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
 	let w = "pds-sortable-list", [T, E] = h(null), D = m(null), [O, k] = h(!1), A = m(!1), [j, M] = h(null), N = m(0), P = m(0), F = m("pointer"), I = m(0), L = m(null), [R, z] = h(0), B = m(0), [V, H] = h(0), U = m(0), W = s((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 * ua,
+				x: t.currentCoordinates.x + a * pa,
 				y: t.currentCoordinates.y
 			};
 		}
 		return Ce(e, t);
-	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = sa({
+	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = ua({
 		defaultItems: a,
 		isDragEnabled: G,
 		items: g,
@@ -10726,9 +10800,9 @@ var ua = 24, da = { droppable: { strategy: _e.Always } }, fa = a(function({ chil
 		X,
 		Y,
 		j
-	]).size > 0, le = p(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = p(() => T ? ia(K, String(T)) ?? null : null, [T, K]), de = p(() => {
+	]).size > 0, le = p(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = p(() => T ? sa(K, String(T)) ?? null : null, [T, K]), de = p(() => {
 		let e = le?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : aa(J, String(T), String(j), V * ua, ua, _);
+		return !T || !j || O || _ === 0 ? e : ca(J, String(T), String(j), V * pa, pa, _);
 	}, [
 		T,
 		le,
@@ -10740,7 +10814,7 @@ var ua = 24, da = { droppable: { strategy: _e.Always } }, fa = a(function({ chil
 	]), fe = p(() => {
 		if (!T || O || de === 0 || j && X(j)) return null;
 		let e = J.findIndex((e) => e.id === T);
-		return e === -1 ? null : pa(J, e, de);
+		return e === -1 ? null : ga(J, e, de);
 	}, [
 		T,
 		J,
@@ -10786,19 +10860,19 @@ var ua = 24, da = { droppable: { strategy: _e.Always } }, fa = a(function({ chil
 	}, [J, Y]), Ee = s((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
-		let n = Math.floor(t / ua), r = U.current;
-		(n > r || n < r && t < r * ua - ua * .4) && (U.current = n, H(n));
+		let n = Math.floor(t / pa), r = U.current;
+		(n > r || n < r && t < r * pa - pa * .4) && (U.current = n, H(n));
 	}, [_]), De = s((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 * ua : a * ua, c = !n || t.id === n.id, l = n?.id ?? null;
+		let o = J.findIndex((e) => e.id === t.id), s = r ? i * pa : a * pa, 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 = aa(J, String(t.id), String(t.id), s, ua, _);
+			let n = ca(J, String(t.id), String(t.id), s, pa, _);
 			if (n === e.depth) return;
-			let r = [...J], [i] = r.splice(o, 1), a = pa(r, o, n);
+			let r = [...J], [i] = r.splice(o, 1), a = ga(r, o, n);
 			if (a && oe.has(a)) return;
 			let c = {
 				...i,
@@ -10820,9 +10894,9 @@ var ua = 24, da = { droppable: { strategy: _e.Always } }, fa = a(function({ chil
 			let e = J[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
-			g = aa(d, String(t.id), String(l), s, ua, _, p.depth);
+			g = ca(d, String(t.id), String(l), s, pa, _, p.depth);
 			let e = d[h];
-			v = e && e.depth === g - 1 ? String(l) : pa(d, h, g);
+			v = e && e.depth === g - 1 ? String(l) : ga(d, h, g);
 		}
 		if (v && oe.has(v)) return;
 		let y = {
@@ -10845,24 +10919,24 @@ var ua = 24, da = { droppable: { strategy: _e.Always } }, fa = a(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]), ke = p(() => ({
 		onDragStart({ active: e }) {
-			let t = J.find((t) => t.id === e.id), n = ia(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = sa(K, String(e.id));
 			return `Picked up ${n ? c(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 = ia(K, String(e.id)), i = r ? c(r) : String(e.id), a = aa(J, String(e.id), String(t.id), P.current, ua, _);
+			let r = sa(K, String(e.id)), i = r ? c(r) : String(e.id), a = ca(J, String(e.id), String(t.id), P.current, pa, _);
 			return `Moving ${i}. Target position: ${n + 1} of ${J.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = ia(K, String(e.id)), r = n ? c(n) : String(e.id);
+			let n = sa(K, String(e.id)), r = n ? c(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 = aa(J, String(e.id), String(t.id), P.current, ua, _);
+			let i = J.findIndex((e) => e.id === t.id), a = ca(J, String(e.id), String(t.id), P.current, pa, _);
 			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 = ia(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = sa(K, String(e.id));
 			return `Sorting cancelled. ${n ? c(n) : String(e.id)} returned to position ${t ? J.indexOf(t) + 1 : "?"} of ${J.length}.`;
 		}
 	}), [
@@ -10870,14 +10944,14 @@ var ua = 24, da = { droppable: { strategy: _e.Always } }, fa = a(function({ chil
 		J,
 		c,
 		_
-	]), Ae = { columns: i }, je = t.map(n, (t) => o(t) && t.type === oa ? e.cloneElement(t, Ae) : t);
+	]), Ae = { columns: i }, je = t.map(n, (t) => o(t) && t.type === la ? e.cloneElement(t, Ae) : t);
 	return /* @__PURE__ */ e.createElement(me, {
 		accessibility: {
 			announcements: ke,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: _e,
-		measuring: da,
+		measuring: ma,
 		onDragCancel: Oe,
 		onDragEnd: De,
 		onDragMove: Ee,
@@ -10952,14 +11026,14 @@ var ua = 24, da = { droppable: { strategy: _e.Always } }, fa = a(function({ chil
 		return o(a) ? e.cloneElement(a, s) : a;
 	})()) : null));
 });
-function pa(e, t, n) {
+function ga(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 ma = ({ 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 _a = ({ 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 } = we({
 		attributes: {
 			role: "listitem",
@@ -11014,7 +11088,7 @@ var ma = ({ 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));
-}, ha = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
+}, va = ({ 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...",
@@ -11055,31 +11129,30 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: p,
 		onClick: o,
 		type: "button"
-	}, t === "right" && g, /* @__PURE__ */ e.createElement(bt, {
+	}, t === "right" && g, /* @__PURE__ */ e.createElement(xt, {
 		content: l.tooltipContent || l.ariaLabel,
 		customTrigger: h,
 		triggerIconColor: "default",
 		triggerIconSize: "s"
 	}), t === "left" && g));
-}, ga = ({ className: t, label: n = null, size: r = "s", type: i = "neutral", ...a }) => {
-	let o = "pds-status-indicator", s = `${o}--${i}`, c = r === "s" ? null : `${o}--${r}`;
+}, ya = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
+	let s = "pds-status-indicator", c = `${s}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(Rt, {
+		className: `${s}__spinner`,
+		size: "m"
+	}) : /* @__PURE__ */ e.createElement("span", {
+		"aria-hidden": "true",
+		className: `${s}__icon`,
+		role: "img"
+	}), n && /* @__PURE__ */ e.createElement("span", { className: `${s}__label` }, n)), u = o(r) ? r.type : null, d = o(r) && u ? /* @__PURE__ */ e.createElement(u, Object.assign({}, r.props, { children: l })) : r;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
-			o,
 			s,
 			c,
 			t ?? ""
 		]),
 		...a
-	}, i === "working" ? /* @__PURE__ */ e.createElement(Lt, {
-		className: `${o}__spinner`,
-		size: "m"
-	}) : /* @__PURE__ */ e.createElement("span", {
-		"aria-hidden": "true",
-		className: `${o}__icon`,
-		role: "img"
-	}), n && /* @__PURE__ */ e.createElement("span", { className: "pds-status-indicator__label" }, n));
-}, _a = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+	}, r ? d : l);
+}, ba = ({ 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", {
@@ -11097,7 +11170,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, va = ({ className: t, steps: n, translatableLabels: r = {
+}, xa = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -11161,7 +11234,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 				key: t.id,
 				className: `${o}__step`,
 				id: `${t.id}--mobile`
-			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Zi, {
+			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(ea, {
 				innerLabel: n,
 				label: "Step progress",
 				percentage: i,
@@ -11186,7 +11259,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"data-steps": d,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, h)));
-}, ya = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, Sa = ({ _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]),
@@ -11203,23 +11276,23 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		viewBox: "0 0 12 12",
 		width: "14",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, /* @__PURE__ */ e.createElement("path", { d: "M9.85474 3.64666C10.1032 3.32078 10.0258 2.86817 9.67727 2.63583C9.32878 2.4035 8.84476 2.47591 8.5963 2.80179L4.8694 7.65977L3.32056 6.21143C3.01724 5.9278 2.52677 5.9278 2.22669 6.21143C1.9266 6.49506 1.92337 6.9537 2.22346 7.23734L4.41765 9.28916C4.57899 9.44003 4.80164 9.51546 5.02751 9.49736C5.25338 9.47925 5.4599 9.37063 5.59219 9.19864L9.85151 3.64666H9.85474Z" }))), /* @__PURE__ */ e.createElement("div", { className: `${d}__step-label` }, c)), /* @__PURE__ */ e.createElement("div", { className: `${d}__step-content` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__step-content-inner` }, l, (n || r) && /* @__PURE__ */ e.createElement("div", { className: `${d}__step-buttons` }, n && !t && /* @__PURE__ */ e.createElement(Wt, {
+	}, /* @__PURE__ */ e.createElement("path", { d: "M9.85474 3.64666C10.1032 3.32078 10.0258 2.86817 9.67727 2.63583C9.32878 2.4035 8.84476 2.47591 8.5963 2.80179L4.8694 7.65977L3.32056 6.21143C3.01724 5.9278 2.52677 5.9278 2.22669 6.21143C1.9266 6.49506 1.92337 6.9537 2.22346 7.23734L4.41765 9.28916C4.57899 9.44003 4.80164 9.51546 5.02751 9.49736C5.25338 9.47925 5.4599 9.37063 5.59219 9.19864L9.85151 3.64666H9.85474Z" }))), /* @__PURE__ */ e.createElement("div", { className: `${d}__step-label` }, c)), /* @__PURE__ */ e.createElement("div", { className: `${d}__step-content` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__step-content-inner` }, l, (n || r) && /* @__PURE__ */ e.createElement("div", { className: `${d}__step-buttons` }, n && !t && /* @__PURE__ */ e.createElement(Gt, {
 		...n,
 		size: "s",
 		variant: "secondary"
-	}), r && /* @__PURE__ */ e.createElement(Wt, {
+	}), r && /* @__PURE__ */ e.createElement(Gt, {
 		...r,
 		size: "s",
 		variant: "highlight"
 	})))));
-}, ba = ({ className: t, labelStrings: n = {
+}, Ca = ({ 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(ya, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Sa, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -11240,7 +11313,7 @@ var ma = ({ 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));
-}, xa = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: m = "No results found.", emptyStateMessage: g, footer: _, getPageSizeLabel: v = (e) => `Show ${e} rows per page`, getRowClassName: y, getRowId: b, getSelectRowLabel: x = (e, t) => `Select row ${t}`, getSortLabel: S = (e) => `Sort by ${e}`, inspectedRowId: C, isLoading: w = !1, itemsPerPage: T, loadingRowCount: E = 5, nextDetailPanelRowLabel: D = "Next row", onDetailPanelNext: O, onDetailPanelPrev: k, onPageChange: A, onPageSizeChange: j, onRowInspect: M, onRowSelectionChange: N, onSort: P, pageSizeOptions: F, panel: I, prevDetailPanelRowLabel: L = "Previous row", renderDetailPanel: R, renderDetailPanelFooter: z, rowData: B, selectAllLabel: V = "Select all rows", selectedRows: H, sortKey: U, sortOrder: W, totalItemCount: G, ...K }) => {
+}, wa = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: m = "No results found.", emptyStateMessage: g, footer: _, getPageSizeLabel: v = (e) => `Show ${e} rows per page`, getRowClassName: y, getRowId: b, getSelectRowLabel: x = (e, t) => `Select row ${t}`, getSortLabel: S = (e) => `Sort by ${e}`, inspectedRowId: C, isLoading: w = !1, itemsPerPage: T, loadingRowCount: E = 5, nextDetailPanelRowLabel: D = "Next row", onDetailPanelNext: O, onDetailPanelPrev: k, onPageChange: A, onPageSizeChange: j, onRowInspect: M, onRowSelectionChange: N, onSort: P, pageSizeOptions: F, panel: I, prevDetailPanelRowLabel: L = "Previous row", renderDetailPanel: R, renderDetailPanelFooter: z, rowData: B, selectAllLabel: V = "Select all rows", selectedRows: H, sortKey: U, sortOrder: W, totalItemCount: G, ...K }) => {
 	let q = "pds-table", J = u(), ee = u(), te = P !== void 0, ne = A !== void 0, re = j !== void 0, ie = ne || T !== void 0 || F !== void 0, [ae, Y] = h({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
@@ -11309,19 +11382,19 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, Re = () => {
 		let e = new Set(ye);
 		Fe || Ie ? Pe.forEach((t) => e.delete(t)) : Pe.forEach((t) => e.add(t)), ge || ve(e), N?.(Array.from(e));
-	}, ze = (t) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${t}` }, he && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Jn, {
+	}, ze = (t) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${t}` }, he && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Yn, {
 		shape: "rounded",
 		size: {
 			height: 1,
 			width: 1
 		}
-	})), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${t}-${n.id}` }, /* @__PURE__ */ e.createElement(Jn, {
+	})), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${t}-${n.id}` }, /* @__PURE__ */ e.createElement(Yn, {
 		shape: "rounded",
 		size: { height: 1 }
 	})))), Be = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", {
 		className: "pds-table__empty-cell",
 		colSpan: r.length + +!!he
-	}, f ?? /* @__PURE__ */ e.createElement(jn, {
+	}, f ?? /* @__PURE__ */ e.createElement(Mn, {
 		heading: m,
 		iconName: "emptySet",
 		message: g
@@ -11340,7 +11413,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), we(t, i));
 			} : void 0,
 			tabIndex: a ? 0 : void 0
-		}, he && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(_r, {
+		}, he && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(vr, {
 			checked: ye.has(i),
 			id: `${ee}-row-${i}`,
 			label: x(t, n + 1),
@@ -11354,7 +11427,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"aria-busy": w,
 		className: Z([q, t]),
 		...K
-	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, he && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(_r, {
+	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, he && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(vr, {
 		checked: Fe,
 		id: ee,
 		indeterminate: Ie,
@@ -11365,7 +11438,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		key: t.id,
 		"aria-sort": t.sortable ? Me(t.id) : void 0
 	}, t.sortable ? /* @__PURE__ */ e.createElement("button", {
-		"aria-label": S(Ut(t.header)),
+		"aria-label": S(Wt(t.header)),
 		className: `${q}__sort-button`,
 		onClick: () => je(t.id),
 		type: "button"
@@ -11378,7 +11451,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	})), /* @__PURE__ */ e.createElement("span", { className: Z([`${q}__sort-button-bottom`, Ne(t.id, "bottom")]) }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "caretDown",
 		size: "m"
-	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, w ? Array.from({ length: E }, (e, t) => ze(t)) : Ae.length === 0 ? Be() : Ae.map((e, t) => Ve(e, t))))), ie && !w && (ne || B.length > 0) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, F && F.length > 0 && /* @__PURE__ */ e.createElement(Pn, {
+	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, w ? Array.from({ length: E }, (e, t) => ze(t)) : Ae.length === 0 ? Be() : Ae.map((e, t) => Ve(e, t))))), ie && !w && (ne || B.length > 0) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, F && F.length > 0 && /* @__PURE__ */ e.createElement(Fn, {
 		autoWidth: !0,
 		id: J,
 		label: "Rows per page",
@@ -11390,12 +11463,12 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		showLabel: !1,
 		size: "s",
 		value: String(pe)
-	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Pi, {
+	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Li, {
 		currentPage: ne ? i ?? 1 : oe,
 		itemsPerPage: pe,
 		onPageChange: ne ? A : X,
 		totalItemCount: ne ? G ?? 0 : B.length
-	}))), _ && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__footer" }, _)), R && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__detail-panel", fe ? "pds-table-wrapper__detail-panel--open" : null]) }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-upper" }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-header" }, c && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-title" }, c), /* @__PURE__ */ e.createElement(Yt, {
+	}))), _ && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__footer" }, _)), R && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__detail-panel", fe ? "pds-table-wrapper__detail-panel--open" : null]) }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-upper" }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-header" }, c && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-title" }, c), /* @__PURE__ */ e.createElement(Xt, {
 		ariaLabel: n,
 		onClick: Te,
 		size: "s"
@@ -11413,7 +11486,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		onNext: De,
 		onPrev: Ee,
 		rowId: de
-	}) : /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-nav" }, /* @__PURE__ */ e.createElement(qt, {
+	}) : /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-nav" }, /* @__PURE__ */ e.createElement(Jt, {
 		hasBorder: !0,
 		ariaLabel: L,
 		disabled: Se <= 0,
@@ -11421,7 +11494,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		onClick: Ee,
 		size: "s",
 		variant: "standard"
-	}), /* @__PURE__ */ e.createElement(qt, {
+	}), /* @__PURE__ */ e.createElement(Jt, {
 		hasBorder: !0,
 		ariaLabel: D,
 		disabled: Se >= B.length - 1,
@@ -11430,8 +11503,8 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "standard"
 	}))))));
-	return I ? /* @__PURE__ */ e.createElement(Ri, { padding: "none" }, Ue) : Ue;
-}, Sa = [
+	return I ? /* @__PURE__ */ e.createElement(Vi, { padding: "none" }, Ue) : Ue;
+}, Ta = [
 	" ",
 	"/",
 	".",
@@ -11449,7 +11522,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], Ca = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), wa = (e) => {
+], Ea = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Da = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -11462,18 +11535,18 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, Ta = (e, t, n) => {
+}, Oa = (e, t, n) => {
 	let [r, i] = h([]);
 	return l(() => {
 		let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
 			let e = Array.from(document.querySelectorAll(r));
 			e.forEach((e) => {
-				Sa.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(Ca(t), "g"), "-"));
+				Ta.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp(Ea(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(wa(e));
+			}), i(Da(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -11489,7 +11562,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, Ea = (e, t) => {
+}, ka = (e, t) => {
 	let [n, r] = h(void 0), i = m({});
 	return l(() => {
 		let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -11508,7 +11581,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, Da = ({ 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", {
+}, Aa = ({ 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", {
@@ -11524,8 +11597,8 @@ var ma = ({ 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))))))), Oa = ({ 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 d = "pds-toc", { nestedHeadings: f } = Ta(c, o, u()), p = Ea(c, o), m = (e) => {
+}, r.title))))))), ja = ({ 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 d = "pds-toc", { nestedHeadings: f } = Oa(c, o, u()), p = ka(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -11539,17 +11612,17 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"aria-label": n,
 		className: Z([d, r]),
 		...l
-	}, a && /* @__PURE__ */ e.createElement(Ht, {
+	}, a && /* @__PURE__ */ e.createElement(Ut, {
 		baseClass: d,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(Da, {
+	}, a), /* @__PURE__ */ e.createElement(Aa, {
 		activeID: p,
 		baseClass: d,
 		headings: f,
 		onLinkClick: g
 	}));
-}, ka = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, Ma = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [u, d] = h(a ?? r);
 	l(() => {
 		a !== void 0 && d(a);
@@ -11623,7 +11696,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__tab-label` }, n && /* @__PURE__ */ e.createElement(Q, {
 		iconName: n,
 		size: "m"
-	}), i, a && /* @__PURE__ */ e.createElement(zt, {
+	}), i, a && /* @__PURE__ */ e.createElement(Bt, {
 		label: a.label,
 		size: "s",
 		type: a.type
@@ -11648,7 +11721,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__tab-label` }, n && /* @__PURE__ */ e.createElement(Q, {
 		iconName: n,
 		size: "m"
-	}), i, a && /* @__PURE__ */ e.createElement(zt, {
+	}), i, a && /* @__PURE__ */ e.createElement(Bt, {
 		label: a.label,
 		size: "s",
 		type: a.type
@@ -11660,7 +11733,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== u
 	}, r)))));
-}, Aa = [
+}, Na = [
 	"orange",
 	"stone",
 	"gold",
@@ -11675,7 +11748,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"rose",
 	"red",
 	"silver"
-], ja = [
+], Pa = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -11686,8 +11759,8 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], Ma = (e) => Aa[parseInt(g(e), 16) % Aa.length], Na = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Pa = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
-	let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${Ma(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
+], Fa = (e) => Na[parseInt(g(e), 16) % Na.length], Ia = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, La = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
+	let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${Fa(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && o(r)) {
@@ -11709,7 +11782,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? Na(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? Ia(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -11721,43 +11794,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, Fa = {
-	light: "sunBright",
-	dark: "moon",
-	system: "desktop"
-}, Ia = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
-	light: "Light",
-	dark: "Dark",
-	system: "System"
-}, onChange: i, theme: a = "light", ...o }) => {
-	let s = r.tooltip ?? "Change theme", c = [
-		"light",
-		"dark",
-		"system"
-	].map((e) => ({
-		callback: () => i?.(e),
-		iconName: Fa[e],
-		iconSize: "m",
-		label: r[e]
-	}));
-	return /* @__PURE__ */ e.createElement("div", {
-		className: Z(["pds-theme-switcher", t]),
-		...o
-	}, /* @__PURE__ */ e.createElement(bt, {
-		content: s,
-		customTrigger: /* @__PURE__ */ e.createElement(vn, {
-			iconOnly: !0,
-			"aria-label": s,
-			iconName: Fa[a],
-			id: n,
-			label: "",
-			menuItems: c,
-			size: "m"
-		}),
-		offsetValue: 0,
-		preferredPlacement: "top"
-	}));
-}, La = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, Ra = ({ 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 = Ie(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -11768,7 +11805,7 @@ var ma = ({ 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)));
-}, Ra = () => {
+}, za = () => {
 	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = h(e ? t(window.innerWidth) : "lg");
 	return l(() => {
 		if (!e) return;
@@ -11779,7 +11816,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, za = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: c, isDrawerOpen: u = !1, isSidebarCollapsed: d, keyboardShortcuts: p = !0, labels: g = {
+}, Ba = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: c, isDrawerOpen: u = !1, isSidebarCollapsed: d, keyboardShortcuts: p = !0, labels: g = {
 	collapseSidebar: "Press [ to collapse sidebar",
 	drawerToggle: "Open account menu",
 	expandSidebar: "Press ] to expand sidebar"
@@ -11799,7 +11836,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		M(!j);
-	}, B = Ra();
+	}, B = za();
 	l(() => {
 		B === "sm" && !j ? (R.current = !0, S ? S() : M(!0)) : B !== "sm" && R.current && (R.current = !1, S ? S() : M(!1));
 	}, [B]);
@@ -11821,9 +11858,9 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		}
 		return e.isContentEditable;
 	}, []), H = p && c;
-	yt("[", (e) => {
+	bt("[", (e) => {
 		V() || (e.preventDefault(), j || z());
-	}, { enabled: H }), yt("]", (e) => {
+	}, { enabled: H }), bt("]", (e) => {
 		V() || (e.preventDefault(), j && z());
 	}, { enabled: H });
 	let U = m(null);
@@ -11837,7 +11874,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		let t = new ResizeObserver(e);
 		return t.observe(document.documentElement), () => t.disconnect();
 	}, []);
-	let W = Ie(t), G = W.__unslotted, K = W.header, q = W.footer, J = W.sidebar, ee = W.identity, te = W["content-top"], ne = W.navigation, re = W["content-bottom"], ie = ee || te || ne || re, ae = ie ? /* @__PURE__ */ e.createElement(e.Fragment, null, (ee || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, ee, o && !j && /* @__PURE__ */ e.createElement(qt, {
+	let W = Ie(t), G = W.__unslotted, K = W.header, q = W.footer, J = W.sidebar, ee = W.identity, te = W["content-top"], ne = W.navigation, re = W["content-bottom"], ie = ee || te || ne || re, ae = ie ? /* @__PURE__ */ e.createElement(e.Fragment, null, (ee || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, ee, o && !j && /* @__PURE__ */ e.createElement(Jt, {
 		hasBorder: !0,
 		ariaLabel: g.drawerToggle,
 		className: `${N}__drawer-toggle`,
@@ -11868,7 +11905,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			k?.className
 		]),
 		style: L
-	}, c && /* @__PURE__ */ e.createElement(bt, {
+	}, c && /* @__PURE__ */ e.createElement(xt, {
 		className: `${N}__sidebar-toggle-tooltip`,
 		content: j ? g.expandSidebar : g.collapseSidebar,
 		customTrigger: /* @__PURE__ */ e.createElement("button", {
@@ -11897,7 +11934,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			n ?? ""
 		]),
 		...A
-	}, K ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, K), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, X)) : X), o && /* @__PURE__ */ e.createElement(Oi, {
+	}, K ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, K), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, X)) : X), o && /* @__PURE__ */ e.createElement(ji, {
 		...a,
 		isOpen: u,
 		placement: "left",
@@ -11905,7 +11942,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && u && x && x();
 		}
 	}, r));
-}, Ba = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, Va = ({ 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`,
@@ -11923,7 +11960,7 @@ var ma = ({ 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));
-}, Va = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
+}, Ha = ({ 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 = Ie(t);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, n ?? ""]),
@@ -11937,18 +11974,18 @@ var ma = ({ 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));
-}, Ha = ({ children: t, className: n, ...r }) => {
+}, Ua = ({ children: t, className: n, ...r }) => {
 	let i = Ie(t), a = i.stepper, o = i.form, s = m(null), [c] = pe(s), l = c.width;
 	document.documentElement.style.setProperty("--stepper-layout-max-width", l + "px");
 	let u = "pds-stepper-layout";
-	return /* @__PURE__ */ e.createElement(Zr, {
+	return /* @__PURE__ */ e.createElement(Qr, {
 		className: Z([u, n]),
 		...r
 	}, a && /* @__PURE__ */ e.createElement("div", {
 		ref: s,
 		className: `${u}__stepper-container`
 	}, a), o && /* @__PURE__ */ e.createElement("div", { className: `${u}__form-container` }, o));
-}, Ua = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+}, Wa = ({ 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 = Ie(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -11966,7 +12003,7 @@ var ma = ({ 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)));
-}, Wa = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, Ga = ({ 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":
@@ -11987,7 +12024,7 @@ var ma = ({ 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));
-}, Ga = ({ 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 }) => {
+}, Ka = ({ 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,
@@ -12013,12 +12050,12 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, Ka = ({ children: t, mobileMaxWidth: n = 767 }) => (l(() => {
+}, qa = ({ children: t, mobileMaxWidth: n = 767 }) => (l(() => {
 	let e = document.documentElement, t = () => {
 		window.innerWidth <= n ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
 	};
 	return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-}, [n]), /* @__PURE__ */ e.createElement(_t, null, t)), qa = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, [n]), /* @__PURE__ */ e.createElement(vt, null, t)), Ja = ({ 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([
@@ -12032,7 +12069,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, Ja = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, Ya = ({ 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,
@@ -12051,7 +12088,7 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, Ya = (e) => {
+}, Xa = (e) => {
 	let t = typeof window < "u", [n, r] = h(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return l(() => {
 		if (!t) return;
@@ -12060,7 +12097,7 @@ var ma = ({ 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;
-}, Xa = () => {
+}, Za = () => {
 	let e = typeof window < "u", [t, n] = h(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return l(() => {
 		if (!e) return;
@@ -12074,6 +12111,6 @@ var ma = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { On as ActionCard, za as AppLayout, Ue as Avatar, We as Badge, pi as Banner, Qn as BarChart, Bt as BranchDiff, Br as Breadcrumb, Wt as Button, Gt as ButtonLink, Yr as ButtonNav, Ir as CTALink, Dn as Callout, kn as Card, An as CardSelect, _r as Checkbox, vr as CheckboxFieldset, yr as CheckboxGroup, Jt as ClipboardButton, Yt as CloseButton, sr as CodeBlock, br as Combobox, Sr as ComboboxMultiselect, jn as CompactEmptyState, lr as ComparisonList, Zr as Container, Er as Datepicker, Ba as DocsLayout, Oi as Drawer, en as Dropdown, Xr as DropdownMenu, Ii as ExpansionPanel, Li as ExpansionPanelGroup, pr as FileDiff, Dr as FileUpload, ln as FilterButton, Ga as FlexContainer, ki as FullScreenOverlay, Ka as GlobalWrapper, qa as Grid, Ja as GridItem, dr as HorizontalEmptyState, Q as Icon, qt as IconButton, gr as IdentityBlock, hi as InlineMessage, Or as InputGroup, er as LineChart, Lr as LinkNewWindow, vi as MIN_AUTO_CLOSE_DURATION, vn as MenuButton, Ai as Modal, Qr as Navbar, Ni as Pagination, Pi as PaginationCompact, Fi as PaginationMini, Ri as Panel, zi as PanelList, Bi as PanelRow, Wi as PantheonLogo, hr as PaymentIcon, zr as Picture, nr as PieChart, Sn as PlatformIcon, qi as Popover, Yi as ProgressBar, Zi as ProgressRing, ir as ProportionBar, kr as RadioGroup, wn as SSOButton, _i as SectionMessage, yn as SegmentedButton, Pn as Select, Nn as SelectOptionGroup, $r as SideNav, ti as SideNavGlobal, ei as SideNavGlobalItem, Va as SidebarLayout, Qi as SiteFooter, ri as SiteMenu, $i as SiteOptionDisplay, ea as SiteSearch, _n as SiteTypeIcon, gn as SiteTypeLabel, Jn as Skeleton, Rr as Skiplink, fa as SortableList, oa as SortableListHeader, ma as SortableRow, Lt as Spinner, bn as SplitButton, Rt as StatusBadge, ha as StatusChecker, ga as StatusIndicator, dn as StatusTypeLabels, _a as StepList, va as Stepper, Ha as StepperLayout, Ar as Switch, ai as TabMenu, xa as Table, Oa as TableOfContents, ka as Tabs, Pa as Tag, Mr as TagsInput, zt as Tally, Fr as TextInput, Nr as Textarea, Ia as ThemeSwitcher, Ua as ThreeItemLayout, Ti as Toast, Ei as ToastType, Si as Toaster, bi as ToasterContext, bt as Tooltip, si as TreeNav, Wa as TwoItemLayout, ci as UserMenu, La as UtilityBar, Tn as UtilityButton, fr as VerticalEmptyState, ba as VerticalStepper, ur as VideoEmbed, li as WorkspaceSelector, wr as getPresetDateRange, Be as iconList, pn as isHeadingItemType, mn as isLinkItemType, hn as isNodeItemType, fn as isSeparatorItemType, Aa as tagColors, ja as tagSolidColors, Ra as useBreakpoint, Kt as useClipboard, Zt as useDropdown, yt as useKeyPress, Ya as useMediaQuery, Di as useToast, Xa as useWindowWidth };
+export { kn as ActionCard, Ba as AppLayout, Ue as Avatar, We as Badge, gi as Banner, $n as BarChart, Vt as BranchDiff, Vr as Breadcrumb, Gt as Button, Kt as ButtonLink, Xr as ButtonNav, Lr as CTALink, On as Callout, An as Card, jn as CardSelect, vr as Checkbox, yr as CheckboxFieldset, br as CheckboxGroup, Yt as ClipboardButton, Xt as CloseButton, cr as CodeBlock, xr as Combobox, Cr as ComboboxMultiselect, Mn as CompactEmptyState, ur as ComparisonList, Qr as Container, Dr as Datepicker, Va as DocsLayout, ji as Drawer, tn as Dropdown, Zr as DropdownMenu, zi as ExpansionPanel, Bi as ExpansionPanelGroup, mr as FileDiff, Or as FileUpload, un as FilterButton, Ka as FlexContainer, Mi as FullScreenOverlay, qa as GlobalWrapper, Ja as Grid, Ya as GridItem, fr as HorizontalEmptyState, Q as Icon, Jt as IconButton, _r as IdentityBlock, vi as InlineMessage, kr as InputGroup, tr as LineChart, Rr as LinkNewWindow, xi as MIN_AUTO_CLOSE_DURATION, yn as MenuButton, Ni as Modal, $r as Navbar, Ii as Pagination, Li as PaginationCompact, Ri as PaginationMini, Vi as Panel, Hi as PanelList, Ui as PanelRow, qi as PantheonLogo, gr as PaymentIcon, Br as Picture, rr as PieChart, Cn as PlatformIcon, Xi as Popover, Qi as ProgressBar, ea as ProgressRing, ar as ProportionBar, Ar as RadioGroup, Tn as SSOButton, bi as SectionMessage, bn as SegmentedButton, Fn as Select, Pn as SelectOptionGroup, ei as SideNav, ni as SideNavGlobal, ti as SideNavGlobalItem, Ha as SidebarLayout, ta as SiteFooter, ii as SiteMenu, na as SiteOptionDisplay, ra as SiteSearch, vn as SiteTypeIcon, _n as SiteTypeLabel, Yn as Skeleton, zr as Skiplink, ha as SortableList, la as SortableListHeader, _a as SortableRow, Rt as Spinner, xn as SplitButton, zt as StatusBadge, va as StatusChecker, ya as StatusIndicator, fn as StatusTypeLabels, ba as StepList, xa as Stepper, Ua as StepperLayout, jr as Switch, oi as TabMenu, wa as Table, ja as TableOfContents, Ma as Tabs, La as Tag, Nr as TagsInput, Bt as Tally, Ir as TextInput, Pr as Textarea, ui as ThemeSwitcher, Wa as ThreeItemLayout, Oi as Toast, ki as ToastType, Ti as Toaster, Ci as ToasterContext, xt as Tooltip, ci as TreeNav, Ga as TwoItemLayout, di as UserMenu, Ra as UtilityBar, En as UtilityButton, pr as VerticalEmptyState, Ca as VerticalStepper, dr as VideoEmbed, fi as WorkspaceSelector, Tr as getPresetDateRange, Be as iconList, mn as isHeadingItemType, hn as isLinkItemType, gn as isNodeItemType, pn as isSeparatorItemType, Na as tagColors, Pa as tagSolidColors, za as useBreakpoint, qt as useClipboard, Qt as useDropdown, bt as useKeyPress, Xa as useMediaQuery, Ai as useToast, Za as useWindowWidth };
 
 //# sourceMappingURL=index.js.map