@pantheon-systems/pds-toolkit-react 1.19.0 → 1.20.0

package/_dist/index.js

@@ -2,10 +2,10 @@ import e, { Children as t, Fragment as n, cloneElement as r, createContext as i,
 import g from "hash-sum";
 import { FloatingArrow as _, FloatingFocusManager as v, FloatingOverlay as y, FloatingPortal as b, arrow as x, autoUpdate as S, flip as C, offset as w, safePolygon as T, shift as E, size as D, useClick as O, useDismiss as k, useFloating as A, useFocus as j, useHover as M, useId as N, useInteractions as P, useListNavigation as F, useRole as I, useTransitionStyles as L, useTypeahead as R } from "@floating-ui/react";
 import { useHotkeys as z } from "react-hotkeys-hook";
-import { Bar as B, BarChart as V, CartesianGrid as H, Cell as U, Line as ee, LineChart as W, Pie as te, PieChart as ne, ReferenceLine as G, ResponsiveContainer as K, Tooltip as q, XAxis as re, YAxis as ie } from "recharts";
-import { CodeBlock as J } from "react-code-block";
-import ae from "focus-trap-react";
-import { createPortal as Y } from "react-dom";
+import { Bar as B, BarChart as V, CartesianGrid as H, Cell as U, Line as ee, LineChart as W, Pie as te, PieChart as G, ReferenceLine as K, ResponsiveContainer as q, Tooltip as J, XAxis as ne, YAxis as re } from "recharts";
+import { CodeBlock as Y } from "react-code-block";
+import ie from "focus-trap-react";
+import { createPortal as ae } from "react-dom";
 import { useCombobox as oe, useMultipleSelection as X } from "downshift";
 import { format as se } from "date-fns";
 import { DayPicker as ce } from "react-day-picker";
@@ -1394,7 +1394,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		whileElementsMounted: S
 	}), O = !1, k = u(bt);
 	k && (O = k.isMobile);
-	let j = v === "navbar" && O, M = "pds-menu-button", N = j ? `${M}--isMobile` : null, P = y ? `${M}--navbar` : null, F = a, [I] = h(`menu-button-${a}`), L = w.floating, R = m(null), [z, B] = h(!1), [V, H] = h(!1), [U, ee] = h(""), [W, te] = h(0), ne = m([]), G = m([]), K = m([]);
+	let j = v === "navbar" && O, M = "pds-menu-button", N = j ? `${M}--isMobile` : null, P = y ? `${M}--navbar` : null, F = a, [I] = h(`menu-button-${a}`), L = w.floating, R = m(null), [z, B] = h(!1), [V, H] = h(!1), [U, ee] = h(""), [W, te] = h(0), G = m([]), K = m([]), q = m([]);
 	f(() => {
 		window.addEventListener("mousedown", le, !0);
 		let e = L.current;
@@ -1404,35 +1404,35 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 			window.removeEventListener("mousedown", le, !0);
 		};
 	}, [z, x]);
-	let q = (e, t) => {
+	let J = (e, t) => {
 		ee(e), te(t);
-	}, re = () => {
+	}, ne = () => {
 		B(!0), H(!0);
-	}, ie = () => {
-		B(!1), q(void 0, -1), (R.current?.querySelector(`#${F}`))?.focus();
-	}, J = (e) => {
+	}, re = () => {
+		B(!1), J(void 0, -1), (R.current?.querySelector(`#${F}`))?.focus();
+	}, Y = (e) => {
 		e = e.toLowerCase();
 		let t = !1;
-		for (let n = W + 1; n < K.current.length; n++) if (K.current[n].label.toLowerCase().startsWith(e)) {
-			q(G.current[n], n), t = !0;
+		for (let n = W + 1; n < q.current.length; n++) if (q.current[n].label.toLowerCase().startsWith(e)) {
+			J(K.current[n], n), t = !0;
 			break;
 		}
 		if (t === !1) {
-			for (let t = 0; t < W; t++) if (K.current[t].label.toLowerCase().startsWith(e)) {
-				q(G.current[t], t);
+			for (let t = 0; t < W; t++) if (q.current[t].label.toLowerCase().startsWith(e)) {
+				J(K.current[t], t);
 				break;
 			}
 		}
-	}, ae = (e) => {
-		let t = G.current.indexOf(e), n = K.current[t];
+	}, ie = (e) => {
+		let t = K.current.indexOf(e), n = q.current[t];
 		n.callback && !n.disabled && n.callback(n), n.linkContent && !n.disabled && (R.current?.querySelector(`#${e} a`))?.click();
-	}, Y = () => {
-		let e = G.current[W];
-		ae(e);
+	}, ae = () => {
+		let e = K.current[W];
+		ie(e);
 	}, oe = (e) => {
-		z ? ie() : re(), d && d(), e.stopPropagation(), e.preventDefault();
+		z ? re() : ne(), d && d(), e.stopPropagation(), e.preventDefault();
 	}, X = (e) => {
-		ae(e.currentTarget.id), j || ie();
+		ie(e.currentTarget.id), j || re();
 	}, se = (e) => {
 		let t = e.key, n = !1;
 		switch (t) {
@@ -1440,28 +1440,28 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 			case "Enter":
 			case "ArrowDown":
 			case "Down": {
-				re();
+				ne();
 				let e = 0;
-				for (let t = 0; t < K.current.length; t++) if (!K.current[t]?.disabled) {
+				for (let t = 0; t < q.current.length; t++) if (!q.current[t]?.disabled) {
 					e = t;
 					break;
 				}
-				q(G.current[e], e), n = !0, d && d();
+				J(K.current[e], e), n = !0, d && d();
 				break;
 			}
 			case "Esc":
 			case "Escape":
-				ie(), n = !0;
+				re(), n = !0;
 				break;
 			case "Up":
 			case "ArrowUp": {
-				re();
-				let e = G.current.length - 1;
-				for (let t = G.current.length - 1; t >= 0; t--) if (!K.current[t]?.disabled) {
+				ne();
+				let e = K.current.length - 1;
+				for (let t = K.current.length - 1; t >= 0; t--) if (!q.current[t]?.disabled) {
 					e = t;
 					break;
 				}
-				q(G.current[e], e), n = !0;
+				J(K.current[e], e), n = !0;
 				break;
 			}
 			default: break;
@@ -1473,61 +1473,61 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 			return e.length === 1 && e.match(/\S/);
 		}
 		if (!(e.ctrlKey || e.altKey || e.metaKey)) {
-			if (e.shiftKey) a(t) && (J(t), n = !0), e.key === "Tab" && (ie(), n = !0);
+			if (e.shiftKey) a(t) && (Y(t), n = !0), e.key === "Tab" && (re(), n = !0);
 			else switch (t) {
 				case " ":
 				case "Enter":
-					ie(), Y(), n = !0;
+					re(), ae(), n = !0;
 					break;
 				case "Esc":
 				case "Escape":
-					ie(), n = !0;
+					re(), n = !0;
 					break;
 				case "Up":
 				case "ArrowUp": {
-					let e = 0, t = G.current.length;
-					for (i = W - 1; e < t && (i < 0 && (i = G.current.length - 1), K.current[i]?.disabled);) i--, e++;
-					r = G.current[i], q(r, i), n = !0;
+					let e = 0, t = K.current.length;
+					for (i = W - 1; e < t && (i < 0 && (i = K.current.length - 1), q.current[i]?.disabled);) i--, e++;
+					r = K.current[i], J(r, i), n = !0;
 					break;
 				}
 				case "ArrowDown":
 				case "Down": {
-					let e = 0, t = G.current.length;
-					for (i = W + 1; e < t && (i > G.current.length - 1 && (i = 0), K.current[i]?.disabled);) i++, e++;
-					r = G.current[i], q(r, i), n = !0;
+					let e = 0, t = K.current.length;
+					for (i = W + 1; e < t && (i > K.current.length - 1 && (i = 0), q.current[i]?.disabled);) i++, e++;
+					r = K.current[i], J(r, i), n = !0;
 					break;
 				}
 				case "Home":
 				case "PageUp": {
 					let e = 0;
-					for (let t = 0; t < K.current.length; t++) if (!K.current[t]?.disabled) {
+					for (let t = 0; t < q.current.length; t++) if (!q.current[t]?.disabled) {
 						e = t;
 						break;
 					}
-					q(G.current[e], e), n = !0;
+					J(K.current[e], e), n = !0;
 					break;
 				}
 				case "End":
 				case "PageDown": {
-					let e = G.current.length - 1;
-					for (let t = G.current.length - 1; t >= 0; t--) if (!K.current[t]?.disabled) {
+					let e = K.current.length - 1;
+					for (let t = K.current.length - 1; t >= 0; t--) if (!q.current[t]?.disabled) {
 						e = t;
 						break;
 					}
-					q(G.current[e], e), n = !0;
+					J(K.current[e], e), n = !0;
 					break;
 				}
 				case "Tab":
-					ie();
+					re();
 					break;
 				default:
-					a(t) && (J(t), n = !0);
+					a(t) && (Y(t), n = !0);
 					break;
 			}
 			n && (e.stopPropagation(), e.preventDefault());
 		}
 	}, le = (e) => {
-		R.current && !R.current.contains(e.target) && z && ie();
+		R.current && !R.current.contains(e.target) && z && re();
 	}, ue = (t, n, r = "", i = "", ...a) => {
 		let o = F + (r ? `-group-${r}` : "") + "-item-" + (n + 1), s = "id" in t && t.id ? t.id : o;
 		if (ft(t)) return /* @__PURE__ */ e.createElement("li", {
@@ -1545,7 +1545,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 			role: "presentation"
 		}, t.nodeContent);
 		if (mt(t) || "label" in t && t.label) {
-			G.current.push(s), K.current.push(t);
+			K.current.push(s), q.current.push(t);
 			let n = !1;
 			U !== "" && !t.disabled && (n = U === s);
 			let r = "isCritical" in t && t.isCritical, i = "criticalLabel" in t ? t.criticalLabel : void 0, o = [];
@@ -1590,14 +1590,14 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 			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);
 	}, fe = (t) => {
-		G.current = [], K.current = [];
+		K.current = [], q.current = [];
 		let n = t, i = t.filter(pt || ft), a = i.length > 0, o = [`${M}__listbox`];
 		if (y && o.push(`${M}__listbox--navbar`), l === "end" && o.push(`${M}__listbox--end`), r === "icon-only" && o.push(`${M}__listbox--icon-only`), o = Z(o), a) {
 			let n = de(t, i);
 			n.forEach(() => {
-				ne.current.push(we());
+				G.current.push(we());
 			});
-			let r = ne.current[0], a = n[0].findIndex((e) => !ft(e) && !pt(e)), s = `${F}-group-${r}-item-${a + 1}`;
+			let r = G.current[0], a = n[0].findIndex((e) => !ft(e) && !pt(e)), s = `${F}-group-${r}-item-${a + 1}`;
 			return /* @__PURE__ */ e.createElement("div", {
 				ref: w.setFloating,
 				"aria-activedescendant": U === "" ? s : U,
@@ -1616,7 +1616,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 				},
 				tabIndex: -1
 			}, n.map((t, n) => {
-				r = ne.current[n];
+				r = G.current[n];
 				let i = "isHeading" in t[0] && t[0].isHeading, a = i ? `${F}-group-${r}-heading` : "", o = `${F}-group-${r}`, s = i ? null : `${_} ${n + 1}`;
 				return /* @__PURE__ */ e.createElement("ul", {
 					key: o,
@@ -2750,9 +2750,9 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 }, message: u, onBlur: f, onFocus: p, onOptionSelect: g, options: _, required: v = !1, showLabel: y = !0, tooltipText: b = null, validationMessage: x, validationStatus: T, value: E, ...j }) => {
 	let M = Ge(s), N = "pds-select", z = t ? `${N}--auto-width` : null, B = i ? $.disabled : null, V = v && !i ? $.required : null, H = T === "error" ? $.error : null, U = T === "success" ? $.success : null, ee = null;
 	T === "error" && (ee = "error"), T === "success" && (ee = "success");
-	let W = x || u, te = E !== void 0, ne = r !== void 0, G = ((e) => e.reduce((e, t) => nt(t) ? [...e, ...t.options] : [...e, t], []))(_), K = (e) => G.findIndex((t) => t.value === e), q = te && K(E) >= 0 ? K(E) : null, re = ne ? K(r) : null, ie = q || re, [J, ae] = h(!1), [Y, oe] = h(null), [X, se] = h(ie ?? null), ce = X === null ? void 0 : G[X]?.label, le = X === null ? void 0 : G[X]?.icon, ue = X === null ? void 0 : G[X]?.value, de = m([]), { context: fe, floatingStyles: pe, refs: me } = A({
-		open: J,
-		onOpenChange: ae,
+	let W = x || u, te = E !== void 0, G = r !== void 0, K = ((e) => e.reduce((e, t) => nt(t) ? [...e, ...t.options] : [...e, t], []))(_), q = (e) => K.findIndex((t) => t.value === e), J = te && q(E) >= 0 ? q(E) : null, ne = G ? q(r) : null, re = J || ne, [Y, ie] = h(!1), [ae, oe] = h(null), [X, se] = h(re ?? null), ce = X === null ? void 0 : K[X]?.label, le = X === null ? void 0 : K[X]?.icon, ue = X === null ? void 0 : K[X]?.value, de = m([]), { context: fe, floatingStyles: pe, refs: me } = A({
+		open: Y,
+		onOpenChange: ie,
 		whileElementsMounted: S,
 		placement: "bottom-start",
 		strategy: "absolute",
@@ -2782,7 +2782,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		ge,
 		F(fe, {
 			listRef: de,
-			activeIndex: Y,
+			activeIndex: ae,
 			selectedIndex: X,
 			onNavigate: oe,
 			loop: !0
@@ -2790,10 +2790,10 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		he,
 		R(fe, {
 			listRef: de,
-			activeIndex: Y,
+			activeIndex: ae,
 			selectedIndex: X,
 			onMatch: (e) => {
-				J || ae(!0), oe(e);
+				Y || ie(!0), oe(e);
 			},
 			findMatch: (e, t) => {
 				let n = t.toLowerCase();
@@ -2809,11 +2809,11 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		open: { opacity: 1 },
 		close: { opacity: 0 }
 	}), Se = (e) => {
-		let t = G[e];
-		te || (se(e), ae(!1)), g && g(t);
+		let t = K[e];
+		te || (se(e), ie(!1)), g && g(t);
 	};
 	d(() => {
-		te && (se(K(E)), ae(!1));
+		te && (se(q(E)), ie(!1));
 	}, [E]);
 	let Ce = () => {
 		f && f(ue);
@@ -2840,8 +2840,8 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 							de.current[r] = e;
 						},
 						"aria-disabled": t?.disabled,
-						"aria-selected": r === X && r === Y,
-						tabIndex: r === Y ? 0 : -1,
+						"aria-selected": r === X && r === ae,
+						tabIndex: r === ae ? 0 : -1,
 						...!t?.disabled && ve({
 							onClick() {
 								Se(r);
@@ -2867,8 +2867,8 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 					de.current[r] = e;
 				},
 				"aria-disabled": t?.disabled,
-				"aria-selected": r === X && r === Y,
-				tabIndex: r === Y ? 0 : -1,
+				"aria-selected": r === X && r === ae,
+				tabIndex: r === ae ? 0 : -1,
 				...!t?.disabled && ve({
 					onClick() {
 						Se(r);
@@ -2899,7 +2899,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 	}, t && !s && /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
 		className: `${N}__sizer`
-	}, G.map((t) => /* @__PURE__ */ e.createElement("span", {
+	}, K.map((t) => /* @__PURE__ */ e.createElement("span", {
 		key: t.value,
 		className: `${N}__input-wrapper`
 	}, T !== void 0 && /* @__PURE__ */ e.createElement(Ze, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${N}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${N}__option-text` }, t.icon && Ee(t.icon, `${N}__icon`), t.label), /* @__PURE__ */ e.createElement(Q, {
@@ -3440,7 +3440,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 	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);
 }, Nn = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: u = {}, 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 = Mn, yAxisLabel: I, yAxisTickInterval: R, ...z }) => {
-	let { accessibleTableDescription: U = "Bar chart data", emptyStateHeading: ee = "No data available", emptyStateMessage: W, legendTableHeader: te, loadingLabel: ne = "Loading chart data" } = u, G = m(null), J = $t(a, on(G, a)), ae = n ?? (c ? 60 : 360), Y = r ?? (c ? 60 : void 0), oe = x ?? !c, X = b ?? !c, se = T ?? !c, ce = D ?? !c, le = y ?? !0, [ue, de] = h(null), fe = m(ue);
+	let { accessibleTableDescription: U = "Bar chart data", emptyStateHeading: ee = "No data available", emptyStateMessage: W, legendTableHeader: te, loadingLabel: G = "Loading chart data" } = u, K = m(null), Y = $t(a, on(K, a)), ie = n ?? (c ? 60 : 360), ae = r ?? (c ? 60 : void 0), oe = x ?? !c, X = b ?? !c, se = T ?? !c, ce = D ?? !c, le = y ?? !0, [ue, de] = h(null), fe = m(ue);
 	ue && (fe.current = ue);
 	let pe = m({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -3485,31 +3485,31 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		de(null);
 	}, []);
 	if (s) return /* @__PURE__ */ e.createElement("div", {
-		ref: G,
+		ref: K,
 		"aria-busy": "true",
-		"aria-label": ne,
+		"aria-label": G,
 		className: Z([
 			be,
 			`${be}--loading`,
 			i ?? ""
 		]),
-		style: { maxWidth: Y },
+		style: { maxWidth: ae },
 		...z
 	}, /* @__PURE__ */ e.createElement(jn, {
-		height: ae,
+		height: ie,
 		legendVariant: p,
 		showLegend: se
 	}));
 	if (!o || o.length === 0) return /* @__PURE__ */ e.createElement("div", {
-		ref: G,
+		ref: K,
 		className: Z([
 			be,
 			`${be}--empty`,
 			i ?? ""
 		]),
 		style: {
-			height: ae,
-			maxWidth: Y
+			height: ie,
+			maxWidth: ae
 		},
 		...z
 	}, /* @__PURE__ */ e.createElement(Zt, {
@@ -3528,9 +3528,9 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		0
 	] : 0;
 	return /* @__PURE__ */ e.createElement("div", {
-		ref: G,
+		ref: K,
 		className: Z([be, i ?? ""]),
-		style: Y ? { maxWidth: Y } : void 0,
+		style: ae ? { maxWidth: ae } : void 0,
 		...z
 	}, !c && O && O.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${be}__header` }, /* @__PURE__ */ e.createElement(Jt, {
 		autoWidth: !0,
@@ -3547,8 +3547,8 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		"aria-hidden": "true",
 		onMouseLeave: k ? void 0 : Ce,
 		onMouseMove: ce && !k ? Se : void 0
-	}, /* @__PURE__ */ e.createElement(K, {
-		height: ae,
+	}, /* @__PURE__ */ e.createElement(q, {
+		height: ie,
 		width: "100%"
 	}, /* @__PURE__ */ e.createElement(V, {
 		barGap: 6,
@@ -3570,7 +3570,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3",
 		vertical: we
-	}), /* @__PURE__ */ e.createElement(re, {
+	}), /* @__PURE__ */ e.createElement(ne, {
 		axisLine: X,
 		dataKey: we ? void 0 : "label",
 		hide: !X,
@@ -3586,7 +3586,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		tickLine: !1,
 		tickMargin: 10,
 		type: we ? "number" : "category"
-	}), /* @__PURE__ */ e.createElement(ie, {
+	}), /* @__PURE__ */ e.createElement(re, {
 		axisLine: X,
 		dataKey: we ? "label" : void 0,
 		domain: P,
@@ -3604,7 +3604,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		tickLine: !1,
 		tickMargin: 6,
 		type: we ? "category" : "number"
-	}), ce && k && /* @__PURE__ */ e.createElement(q, {
+	}), ce && k && /* @__PURE__ */ e.createElement(J, {
 		content: (e) => !e.active || !e.payload?.length ? null : k({
 			entries: e.payload.map((e) => ({
 				color: String(e.color ?? ""),
@@ -3618,12 +3618,12 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 	}), v.map((t, n) => /* @__PURE__ */ e.createElement(B, {
 		key: t.dataKey,
 		dataKey: t.dataKey,
-		fill: rn(n, J, t.color, en(a, t.paletteIndex)),
+		fill: rn(n, Y, t.color, en(a, t.paletteIndex)),
 		name: t.label,
 		onMouseEnter: k ? void 0 : (e) => {
 			let r = e;
 			ce && r && de({
-				color: rn(n, J, t.color, en(a, t.paletteIndex)),
+				color: rn(n, Y, t.color, en(a, t.paletteIndex)),
 				label: String(r.label ?? ""),
 				name: t.label,
 				value: Number(r[t.dataKey] ?? 0)
@@ -3648,7 +3648,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 	}), /* @__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(un, {
 		data: o,
 		series: v,
-		seriesColors: J,
+		seriesColors: Y,
 		tableHeader: te,
 		valueFormatter: F,
 		variant: p
@@ -3664,14 +3664,14 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		default: return;
 	}
 }, Fn = ({ 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 = Mn, 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 = $t(a, on(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, U = v ?? !c, te = x ?? !c, ne = S ?? !c, J = y ?? !c, ae = _ ?? !0, Y = "pds-line-chart";
+	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = m(null), R = $t(a, on(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, U = v ?? !c, te = x ?? !c, G = S ?? !c, Y = y ?? !c, ie = _ ?? !0, ae = "pds-line-chart";
 	return s ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		"aria-busy": "true",
 		"aria-label": I,
 		className: Z([
-			Y,
-			`${Y}--loading`,
+			ae,
+			`${ae}--loading`,
 			i ?? ""
 		]),
 		style: { maxWidth: B },
@@ -3683,8 +3683,8 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 	})) : !o || o.length === 0 ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		className: Z([
-			Y,
-			`${Y}--empty`,
+			ae,
+			`${ae}--empty`,
 			i ?? ""
 		]),
 		style: {
@@ -3697,12 +3697,12 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		message: P
 	})) : /* @__PURE__ */ e.createElement("div", {
 		ref: L,
-		className: Z([Y, i ?? ""]),
+		className: Z([ae, i ?? ""]),
 		style: B ? { maxWidth: B } : void 0,
 		...j
-	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Y}__header` }, /* @__PURE__ */ e.createElement(Jt, {
+	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${ae}__header` }, /* @__PURE__ */ e.createElement(Jt, {
 		autoWidth: !0,
-		id: `${Y}-time-period`,
+		id: `${ae}-time-period`,
 		label: "Time period",
 		onOptionSelect: (e) => f?.(e.value),
 		options: C.map((e) => ({
@@ -3711,7 +3711,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		})),
 		showLabel: !1,
 		value: h
-	})), /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true" }, /* @__PURE__ */ e.createElement(K, {
+	})), /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true" }, /* @__PURE__ */ e.createElement(q, {
 		height: z,
 		width: "100%"
 	}, /* @__PURE__ */ e.createElement(W, {
@@ -3730,7 +3730,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 	}, V && /* @__PURE__ */ e.createElement(H, {
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3"
-	}), /* @__PURE__ */ e.createElement(re, {
+	}), /* @__PURE__ */ e.createElement(ne, {
 		axisLine: U,
 		dataKey: "label",
 		hide: !U,
@@ -3744,7 +3744,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		tick: U ? sn : !1,
 		tickLine: !1,
 		tickMargin: 10
-	}), /* @__PURE__ */ e.createElement(ie, {
+	}), /* @__PURE__ */ e.createElement(re, {
 		axisLine: U,
 		domain: D,
 		hide: !U,
@@ -3760,7 +3760,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		tickFormatter: O,
 		tickLine: !1,
 		tickMargin: 6
-	}), ne && /* @__PURE__ */ e.createElement(q, { content: (t) => {
+	}), G && /* @__PURE__ */ e.createElement(J, { content: (t) => {
 		if (!t.active || !t.payload?.length) return null;
 		let n = t.payload.map((e) => ({
 			color: String(e.color ?? ""),
@@ -3780,9 +3780,9 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		}), t.name, /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, " ", ":", " "), O(t.value))));
 	} }), g.map((t, n) => /* @__PURE__ */ e.createElement(ee, {
 		key: t.dataKey,
-		activeDot: J ? { r: 6 } : !1,
+		activeDot: Y ? { r: 6 } : !1,
 		dataKey: t.dataKey,
-		dot: J ? {
+		dot: Y ? {
 			fill: rn(n, R, t.color, en(a, t.paletteIndex)),
 			r: 4,
 			strokeWidth: 0
@@ -3794,7 +3794,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		type: d === "straight" ? "linear" : "monotone"
 	})), !c && p?.map((t, n) => {
 		let r = t.color ?? "var(--pds-color-fg-default-secondary)";
-		return /* @__PURE__ */ e.createElement(G, {
+		return /* @__PURE__ */ e.createElement(K, {
 			key: `ref-y-${n}`,
 			label: ({ viewBox: n }) => {
 				let r = (n?.x ?? 0) + (n?.width ?? 0) / 2, i = (n?.y ?? 0) - 8;
@@ -3814,7 +3814,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		});
 	}), !c && t?.map((t, n) => {
 		let r = t.color ?? "var(--pds-color-fg-default-secondary)";
-		return /* @__PURE__ */ e.createElement(G, {
+		return /* @__PURE__ */ e.createElement(K, {
 			key: `annotation-${n}`,
 			label: ({ viewBox: n }) => {
 				let r = (n?.x ?? 0) + (n?.width ?? 0) / 2, i = (n?.y ?? 0) - 8;
@@ -3839,7 +3839,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 		tableHeader: F,
 		valueFormatter: O,
 		variant: u
-	}), ae && /* @__PURE__ */ e.createElement(ln, {
+	}), ie && /* @__PURE__ */ e.createElement(ln, {
 		data: o,
 		description: M,
 		series: g,
@@ -3876,7 +3876,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 	d(() => {
 		U.setReference(B.current);
 	}, [U]);
-	let ne = l((e) => {
+	let G = l((e) => {
 		B.current.getBoundingClientRect = () => ({
 			bottom: e.clientY,
 			height: 0,
@@ -3887,7 +3887,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 			x: e.clientX,
 			y: e.clientY
 		}), ee();
-	}, [ee]), G = l(() => {
+	}, [ee]), K = l(() => {
 		R(null);
 	}, []);
 	return o ? /* @__PURE__ */ e.createElement("div", {
@@ -3925,8 +3925,8 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 	}, /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
 		className: `${k}__track`,
-		onMouseLeave: N ? G : void 0,
-		onMouseMove: N ? ne : void 0,
+		onMouseLeave: N ? K : void 0,
+		onMouseMove: N ? G : void 0,
 		style: { height: t }
 	}, a.map((t, n) => {
 		let r = F(n, t), i = Math.round(t.value / P * 100);
@@ -4267,6 +4267,8 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 	}(typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {});
 	t !== void 0 && t.exports && (t.exports = n), typeof global < "u" && (global.Prism = n);
 })))(), 1);
+typeof globalThis < "u" && (globalThis.Prism = Rn.default);
+var zn = Rn.default;
 //#endregion
 //#region node_modules/prismjs/components/prism-diff.js
 (function(e) {
@@ -4475,7 +4477,7 @@ var Ie = "cubic-bezier(.2, 0, 0, 1)", Le = "cubic-bezier(.2, 0, 0, 1)", Re = ({
 })(Prism);
 //#endregion
 //#region src/components/CodeBlock/themes/pdsDark.ts
-var zn = {
+var Bn = {
 	plain: {
 		color: "var(--pds-color-code-block-dark-foreground)",
 		backgroundColor: "var(--pds-color-code-block-dark-background)"
@@ -4551,7 +4553,7 @@ var zn = {
 			style: { color: "#a0f76e" }
 		}
 	]
-}, Bn = {
+}, Vn = {
 	plain: {
 		color: "var(--pds-color-code-block-light-foreground)",
 		backgroundColor: "#f4f4f4"
@@ -4627,10 +4629,10 @@ var zn = {
 			style: { color: "#217A37" }
 		}
 	]
-}, Vn = ({ className: t, code: n, colorType: r = "dark", copyButtonLabel: i = "Copy to clipboard", hasCopyButton: a, hasLineNumbers: o, hasPrompt: s, height: c, isLoading: l, language: u, loadingLineCount: d = 1, maxHeight: f, promptSymbol: p = "$", renderAsLegacy: m = !1, shouldWrap: h = !1, ...g }) => {
+}, Hn = ({ className: t, code: n, colorType: r = "dark", copyButtonLabel: i = "Copy to clipboard", hasCopyButton: a, hasLineNumbers: o, hasPrompt: s, height: c, isLoading: l, language: u, loadingLineCount: d = 1, maxHeight: f, promptSymbol: p = "$", renderAsLegacy: m = !1, shouldWrap: h = !1, ...g }) => {
 	let _ = "pds-code-block", v = `${_}--${r}`, y = h ? `${_}__line-wrapped` : "", b = {};
 	c && (b.height = `${c}rem`), f && (b.maxHeight = `${f}rem`);
-	let x = r === "dark" ? "reverse" : "standard", S = r === "dark" ? zn : Bn, C = /* @__PURE__ */ e.createElement("div", { className: `${_}__code` }, /* @__PURE__ */ e.createElement(kn, {
+	let x = r === "dark" ? "reverse" : "standard", S = r === "dark" ? Bn : Vn, C = /* @__PURE__ */ e.createElement("div", { className: `${_}__code` }, /* @__PURE__ */ e.createElement(kn, {
 		className: `${_}__skeleton`,
 		colorType: r === "dark" ? "bold" : "regular",
 		shape: o || s ? "code-block-prefix" : "code-block",
@@ -4675,7 +4677,7 @@ var zn = {
 			variant: x
 		}))));
 	}
-	let D = /* @__PURE__ */ e.createElement(J.LineContent, null, /* @__PURE__ */ e.createElement(J.Token, null)), O = /* @__PURE__ */ e.createElement("div", { className: `${_}__line ${y}` }, /* @__PURE__ */ e.createElement(J.LineNumber, { className: `${_}__number` }), D), k = /* @__PURE__ */ e.createElement("div", { className: `${_}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__prompt` }, p), D);
+	let D = /* @__PURE__ */ e.createElement(Y.LineContent, null, /* @__PURE__ */ e.createElement(Y.Token, null)), O = /* @__PURE__ */ e.createElement("div", { className: `${_}__line ${y}` }, /* @__PURE__ */ e.createElement(Y.LineNumber, { className: `${_}__number` }), D), k = /* @__PURE__ */ e.createElement("div", { className: `${_}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__prompt` }, p), D);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			_,
@@ -4684,12 +4686,12 @@ var zn = {
 		]),
 		style: b,
 		...g
-	}, l ? C : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(J, {
+	}, l ? C : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Y, {
 		code: n,
 		language: u || "",
-		prism: Rn.default,
+		prism: zn,
 		theme: S
-	}, /* @__PURE__ */ e.createElement(J.Code, {
+	}, /* @__PURE__ */ e.createElement(Y.Code, {
 		className: `${_}__code`,
 		tabIndex: 0
 	}, o || s ? o ? O : k : D)), a && /* @__PURE__ */ e.createElement("div", { className: `${_}__copy` }, /* @__PURE__ */ e.createElement(lt, {
@@ -4697,7 +4699,7 @@ var zn = {
 		clipboardText: n,
 		variant: x
 	}))));
-}, Hn = ({ className: t, linkContent: n, size: r = "md", ...i }) => {
+}, Un = ({ className: t, linkContent: n, size: r = "md", ...i }) => {
 	let a = "pds-cta-link", o = r == "md" ? null : `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -4711,7 +4713,7 @@ var zn = {
 		iconName: "arrowRight",
 		iconSize: r === "sm" ? "md" : "lg"
 	}));
-}, Un = ({ backgroundColor: t = "default", className: n, containerWidth: r = "standard", headingLevel: i = "h2", headingText: a, leadText: o, primaryLinkContent: s, secondaryLinkContent: c, ...l }) => {
+}, Wn = ({ backgroundColor: t = "default", className: n, containerWidth: r = "standard", headingLevel: i = "h2", headingText: a, leadText: o, primaryLinkContent: s, secondaryLinkContent: c, ...l }) => {
 	let u = "pds-cta-slice", d = t && t !== "default" ? `${u}--${t}` : null, f = r && r !== "standard" ? `pds-container pds-container--${r}` : "pds-container";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -4725,7 +4727,7 @@ var zn = {
 		className: "pds-ts-4xl",
 		level: i
 	}, a), o && /* @__PURE__ */ e.createElement("div", { className: `${u}__lead-text pds-lead-text pds-lead-text--sm` }, o), s && /* @__PURE__ */ e.createElement("div", { className: `${u}__links pds-button-group pds-button-group--lg` }, s, c)));
-}, Wn = ({ className: t, stat: n, status: r, title: i, ...a }) => {
+}, Gn = ({ className: t, stat: n, status: r, title: i, ...a }) => {
 	let o = "pds-dashboard-stat", s = {
 		success: "circleCheck",
 		warning: "diamondExclamation",
@@ -4741,7 +4743,7 @@ var zn = {
 		className: `${o}__stat-status ${o}__stat-status--${r}`,
 		iconName: s[r]
 	}), n && /* @__PURE__ */ e.createElement("div", { className: `${o}__stat-value` }, n)));
-}, Gn = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: c = "right", setIsOpen: u = () => {}, size: f = "md", title: p, width: g, ..._ }) => {
+}, Kn = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: c = "right", setIsOpen: u = () => {}, size: f = "md", title: p, width: g, ..._ }) => {
 	let v = "pds-drawer", y = g ? null : `${v}--${f}`, b = `${v}--${c}`, x = g ? { width: g } : void 0, [S, C] = h(s), [w, T] = h(!1), E = m(null), { closeOverlay: D, openOverlay: O } = We();
 	d(() => {
 		s ? C(!0) : T(!1);
@@ -4777,7 +4779,7 @@ var zn = {
 			e.key === "Escape" && k();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [S, k]), S ? Y(/* @__PURE__ */ e.createElement(ae, {
+	}, [S, k]), S ? ae(/* @__PURE__ */ e.createElement(ie, {
 		active: w,
 		focusTrapOptions: {
 			clickOutsideDeactivates: !a,
@@ -4807,7 +4809,7 @@ var zn = {
 		ariaLabel: i,
 		onClick: k
 	})), /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, n)))), document.body) : null;
-}, Kn = ({ className: t, platform: n, videoId: r, videoTitle: i, ...a }) => {
+}, qn = ({ 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}`,
@@ -4838,7 +4840,7 @@ var zn = {
 		className: Z(["pds-video-embed", t ?? ""]),
 		...a
 	}, l);
-}, qn = ({ alignment: t = "center", className: n, ctaRegion: r, heading: i, headingLevel: a = "h1", image: o, imageMarginLeft: s = "0", imageWidth: c = "40%", isWithinPanel: l, maxWidth: d = "1200px", message: f, video: p, ...m }) => {
+}, Jn = ({ alignment: t = "center", className: n, ctaRegion: r, heading: i, headingLevel: a = "h1", image: o, imageMarginLeft: s = "0", imageWidth: c = "40%", isWithinPanel: l, maxWidth: d = "1200px", message: f, video: p, ...m }) => {
 	let h = !1, g = u(bt);
 	g && (h = g.isMobile);
 	let _ = "pds-horizontal-empty-state", v = `${_}--${t}`, y = h ? `${_}--isMobile` : null, b = l ? `${_}--panel` : null, x = p ? `${_}--video` : null, S = {
@@ -4846,7 +4848,7 @@ var zn = {
 		marginLeft: s
 	};
 	f = typeof f == "string" ? /* @__PURE__ */ e.createElement("p", { className: `${_}__message` }, f) : /* @__PURE__ */ e.createElement("div", { className: `${_}__message` }, f);
-	let C = p && /* @__PURE__ */ e.createElement("div", { className: `${_}__media` }, /* @__PURE__ */ e.createElement(Kn, {
+	let C = p && /* @__PURE__ */ e.createElement("div", { className: `${_}__media` }, /* @__PURE__ */ e.createElement(qn, {
 		platform: p.platform,
 		videoId: p.videoId
 	}));
@@ -4873,7 +4875,7 @@ var zn = {
 		className: `${_}__image`,
 		src: o
 	}) : o), !h && p && C);
-}, Jn = ({ className: t, ctaRegion: n, heading: r, headingLevel: i = "h2", image: a, imageHeight: o = "120", imageWidth: s = "auto", message: c, ...l }) => {
+}, Yn = ({ 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 ?? ""]),
@@ -4889,7 +4891,7 @@ var zn = {
 		className: "pds-ts-2xl pds-fw-bold",
 		level: i
 	}, r), c && c), n && /* @__PURE__ */ e.createElement("div", { className: `${u}__cta` }, n));
-}, Yn = ({ additions: t = 4, className: n, componentWidth: r, deletions: i = 2, labelStrings: a = {
+}, Xn = ({ additions: t = 4, className: n, componentWidth: r, deletions: i = 2, labelStrings: a = {
 	linesChanged: "lines changed",
 	additions: "additions",
 	deletions: "deletions"
@@ -4921,7 +4923,7 @@ var zn = {
 		customTrigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: `${s}__ahead-bar` })),
 		preferredPlacement: "top"
 	}))));
-}, Xn = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+}, Zn = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
 	let o = "pds-flow-steps", 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", {
@@ -4939,7 +4941,7 @@ var zn = {
 		style: r === "horizontal" ? { "--flow-steps-columns": i.length } : void 0,
 		...a
 	}, l);
-}, Zn = ({ className: t, headingLevel: n = "h3", headingText: r, ...i }) => {
+}, Qn = ({ className: t, headingLevel: n = "h3", headingText: r, ...i }) => {
 	let a = n;
 	return /* @__PURE__ */ e.createElement(a, {
 		className: Z([
@@ -4949,12 +4951,12 @@ var zn = {
 		]),
 		...i
 	}, r);
-}, Qn = ({ className: t, headingLevel: n, headingText: r, linkItems: i, ...a }) => {
+}, $n = ({ className: t, headingLevel: n, headingText: r, linkItems: i, ...a }) => {
 	let o = "pds-footer-links";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([o, t]),
 		...a
-	}, r && /* @__PURE__ */ e.createElement(Zn, {
+	}, r && /* @__PURE__ */ e.createElement(Qn, {
 		className: `${o}__heading`,
 		headingLevel: n,
 		headingText: r
@@ -4965,7 +4967,14 @@ var zn = {
 		key: n,
 		className: `${o}__item`
 	}, t))));
-}, $n = ({ as: t = "div", children: n, className: r, containerWidth: i = "standard", hasTopBorder: a, legalLinks: o = [
+}, er = {
+	privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
+	dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
+	cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
+	termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
+	acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
+	accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
+}, tr = (e) => typeof e == "string", nr = ({ as: t = "div", children: n, className: r, containerWidth: i = "standard", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -4973,7 +4982,7 @@ var zn = {
 	"acceptableUse",
 	"accessibilityStatement"
 ], ...s }) => {
-	let c = "pds-site-footer", l = a ? `${c}--border` : null, u = i && i !== "standard" ? `pds-container pds-container--${i}` : "pds-container", d = (/* @__PURE__ */ new Date()).getFullYear(), f = o.includes("privacy"), p = o.includes("dataSubjectRequest"), m = o.includes("cookiePolicy"), h = o.includes("termsOfUse"), g = o.includes("acceptableUse"), _ = o.includes("accessibilityStatement");
+	let c = "pds-site-footer", l = a ? `${c}--border` : null, u = i && i !== "standard" ? `pds-container pds-container--${i}` : "pds-container", d = (/* @__PURE__ */ new Date()).getFullYear();
 	return /* @__PURE__ */ e.createElement(t, {
 		className: Z([
 			c,
@@ -4981,8 +4990,8 @@ var zn = {
 			r ?? ""
 		]),
 		...s
-	}, /* @__PURE__ */ e.createElement("div", { className: u }, n && /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${c}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${c}__copyright` }, "© ", d, " Pantheon Systems, Inc."), f && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), m && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), h && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), g && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
-}, er = s(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: s, inputWidth: c, label: u, message: d, name: f, nestingLevel: p = 0, onBlur: m, onChange: g, onFocus: _, required: v, showLabel: y = !0, size: b = "M", validationMessage: x, validationStatus: S, value: C, ...w }, T) => {
+	}, /* @__PURE__ */ e.createElement("div", { className: u }, n && /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${c}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${c}__copyright` }, "© ", d, " Pantheon Systems, Inc."), o.map((t, n) => tr(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, er[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
+}, rr = s(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: s, inputWidth: c, label: u, message: d, name: f, nestingLevel: p = 0, onBlur: m, onChange: g, onFocus: _, required: v, showLabel: y = !0, size: b = "M", validationMessage: x, validationStatus: S, value: C, ...w }, T) => {
 	let E = c ? { width: `${c / 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" ? `${D}--sm` : null, 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 = l(() => {
@@ -5040,7 +5049,7 @@ var zn = {
 		message: P,
 		validationStatus: S
 	}));
-}), tr = ({ 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 }) => {
+}), ir = ({ 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([
@@ -5072,7 +5081,7 @@ var zn = {
 		message: x,
 		validationStatus: p
 	}));
-}, nr = ({ 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, ..._ }) => {
+}, ar = ({ 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);
@@ -5116,7 +5125,7 @@ var zn = {
 		required: d,
 		showLabel: f,
 		tooltipText: p
-	}), /* @__PURE__ */ e.createElement("div", { className: `${y}__options` }, u.map((t) => /* @__PURE__ */ e.createElement(er, {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${y}__options` }, u.map((t) => /* @__PURE__ */ e.createElement(rr, {
 		key: t.id,
 		checked: t.checked,
 		className: `${y}__checkbox`,
@@ -5134,18 +5143,18 @@ var zn = {
 		message: w,
 		validationStatus: g
 	}));
-}, rr = s(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: s = !1, id: c, inputWidth: u, isLoading: f = !1, label: p, labelStrings: g = {
+}, or = s(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: s = !1, id: c, inputWidth: u, isLoading: f = !1, label: p, labelStrings: g = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options",
 	searchShortcut: "Press / to focus the search field",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: _ = "Loading results...", message: v, noResultsText: y = "No results found", onBlur: b, onChange: x, onClear: T, onFocus: E, onOptionSelect: O, options: j, placeholder: M, required: N = !1, showLabel: R = !0, showUnfilteredOptions: z = !1, tooltipText: B = null, validationMessage: V, validationStatus: H, value: U, ...ee }, W) => {
-	let te = Ge(u), ne = "pds-combobox", G = r ? $.disabled : null, K = N && !r ? $.required : null, q = H === "error" ? $.error : null, re = H === "success" ? $.success : null, ie = null;
-	o && (ie = "search"), H === "error" && (ie = "error"), H === "success" && (ie = "success");
-	let J = V || v, ae = U !== void 0, Y = n !== void 0, oe = (e) => {
+	let te = Ge(u), G = "pds-combobox", K = r ? $.disabled : null, q = N && !r ? $.required : null, J = H === "error" ? $.error : null, ne = H === "success" ? $.success : null, re = null;
+	o && (re = "search"), H === "error" && (re = "error"), H === "success" && (re = "success");
+	let Y = V || v, ie = U !== void 0, ae = n !== void 0, oe = (e) => {
 		let t = j.find((t) => t.value === e);
 		return t ? t.label : "";
-	}, [X, se] = h(!1), [ce, le] = h(null), [ue, de] = h(Y ? oe(n) : ""), [fe, pe] = h([]), me = ae ? U : ue, he = m([]), ge = m(null), { context: _e, floatingStyles: ve, refs: ye } = A({
+	}, [X, se] = h(!1), [ce, le] = h(null), [ue, de] = h(ae ? oe(n) : ""), [fe, pe] = h([]), me = ie ? U : ue, he = m([]), ge = m(null), { context: _e, floatingStyles: ve, refs: ye } = A({
 		open: X,
 		onOpenChange: se,
 		whileElementsMounted: S,
@@ -5193,17 +5202,17 @@ var zn = {
 	}, [W, ye]), Ee = () => {
 		se(!X);
 	}, De = () => {
-		ae || de(""), le(null), se(!0), ge.current?.focus(), T && T();
+		ie || de(""), le(null), se(!0), ge.current?.focus(), T && T();
 	}, Oe = (e) => {
 		let t = e.target.value;
-		x && x(e), ae || (t.length > 0 && (t = t.trimStart()), de(t)), t ? (le(null), se(!0)) : z || se(!1);
+		x && x(e), ie || (t.length > 0 && (t = t.trimStart()), de(t)), t ? (le(null), se(!0)) : z || se(!1);
 	}, ke = (e) => {
 		b?.(e);
 	}, Ae = (e) => {
 		z && se(!0), E?.(e);
 	}, je = (e) => {
 		let t = fe[e];
-		ae || de(t.label), le(null), se(!1), O && O(t);
+		ie || de(t.label), le(null), se(!1), O && O(t);
 	}, Me = (e) => e.map((e) => {
 		let { label: t, optionDisplay: n, searchIndex: r, value: i, ...a } = e, o = i || t, s = [t, i];
 		return r && s.push(...r), {
@@ -5244,11 +5253,11 @@ var zn = {
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			ne,
 			G,
 			K,
 			q,
-			re,
+			J,
+			ne,
 			t ?? ""
 		]),
 		style: u ? te : null,
@@ -5262,16 +5271,16 @@ var zn = {
 		tooltipText: B
 	}), /* @__PURE__ */ e.createElement("span", {
 		ref: Te,
-		"aria-describedby": J ? `${c}__message` : null,
+		"aria-describedby": Y ? `${c}__message` : null,
 		"aria-disabled": r ? !0 : null,
 		"aria-invalid": H === "error" ? !0 : null,
 		"aria-required": N ? !0 : null,
-		className: `${ne}__input-wrapper`,
+		className: `${G}__input-wrapper`,
 		id: c
-	}, ie && /* @__PURE__ */ e.createElement(Ze, { variant: ie }), /* @__PURE__ */ e.createElement("input", {
+	}, re && /* @__PURE__ */ e.createElement(Ze, { variant: re }), /* @__PURE__ */ e.createElement("input", {
 		ref: ge,
 		autoComplete: "off",
-		className: `${ne}__input`,
+		className: `${G}__input`,
 		id: `input-${c}`,
 		...Se({
 			"aria-autocomplete": "list",
@@ -5296,38 +5305,38 @@ var zn = {
 	}), a && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": X,
 		"aria-label": g.triggerButton,
-		className: `${ne}__trigger`,
+		className: `${G}__trigger`,
 		disabled: r,
 		onClick: Ee,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: `${ne}__trigger-icon`,
+		className: `${G}__trigger-icon`,
 		iconName: "angleDown"
 	}))), Ce && /* @__PURE__ */ e.createElement("div", {
 		ref: ye.setFloating,
-		className: `${ne}__dropdown`,
+		className: `${G}__dropdown`,
 		style: {
 			...ve,
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
 		...be()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...we } }, f ? /* @__PURE__ */ e.createElement("div", { className: `${ne}__loading` }, _) : fe.length > 0 ? /* @__PURE__ */ e.createElement("ul", {
-		className: `${ne}__options`,
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...we } }, f ? /* @__PURE__ */ e.createElement("div", { className: `${G}__loading` }, _) : fe.length > 0 ? /* @__PURE__ */ e.createElement("ul", {
+		className: `${G}__options`,
 		role: "group"
-	}, Ne) : /* @__PURE__ */ e.createElement("div", { className: `${ne}__no-results` }, y))), J && /* @__PURE__ */ e.createElement(Ye, {
+	}, Ne) : /* @__PURE__ */ e.createElement("div", { className: `${G}__no-results` }, y))), Y && /* @__PURE__ */ e.createElement(Ye, {
 		hasValidationMessage: !!V,
 		id: c,
-		message: J,
+		message: Y,
 		validationMessageHasDecorators: !1,
 		validationStatus: H
 	}));
-}), ir = (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);
-}, ar = ({ auxiliaryPanel: t, className: n, disabled: r = !1, id: i, initialSelectedItems: a = [], inputWidth: o, isLoading: s = !1, label: c = "Lorem ipsum dolor sit:", labelStrings: l = {
+}, cr = ({ auxiliaryPanel: 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",
@@ -5335,7 +5344,7 @@ var zn = {
 	inputInstructions: "Type to search options",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: u = "Loading results...", noResultsText: d = "No results found", onChange: f, options: m, placeholder: g = "Filter", required: _ = !1, showAllTags: v = !1, showLabel: y = !0, ...b }) => {
-	let x = Ge(o), T = "pds-combobox-multi", E = r ? $.disabled : null, O = _ && !r ? $.required : null, j = v ? `${T}--show-all-tags` : null, [M, N] = h(""), [F, I] = h(a), [L, R] = h(null), [z, B] = h(!1), V = p(() => ir(m, F, M), [
+	let x = Ge(o), T = "pds-combobox-multi", E = r ? $.disabled : null, O = _ && !r ? $.required : null, j = v ? `${T}--show-all-tags` : null, [M, N] = h(""), [F, I] = h(a), [L, R] = h(null), [z, B] = h(!1), V = p(() => sr(m, F, M), [
 		m,
 		F,
 		M
@@ -5357,7 +5366,7 @@ var zn = {
 				default: break;
 			}
 		}
-	}), { closeMenu: ne, getInputProps: G, getItemProps: K, getMenuProps: q, getToggleButtonProps: re, highlightedIndex: ie, isOpen: J, selectedItem: ae } = oe({
+	}), { closeMenu: G, getInputProps: K, getItemProps: q, getMenuProps: J, getToggleButtonProps: ne, highlightedIndex: re, isOpen: Y, selectedItem: ie } = oe({
 		items: V,
 		itemToString: (e) => e ? e.label : "",
 		selectedItem: null,
@@ -5391,8 +5400,8 @@ var zn = {
 				default: break;
 			}
 		}
-	}), { floatingStyles: Y, refs: se } = A({
-		open: J,
+	}), { floatingStyles: ae, refs: se } = A({
+		open: Y,
 		whileElementsMounted: S,
 		placement: "bottom-start",
 		strategy: "absolute",
@@ -5427,7 +5436,7 @@ var zn = {
 	}), { getFloatingProps: de } = P([k(ce)]), fe = () => {
 		if (r) return;
 		let e = !z;
-		B(e), e && J && ne();
+		B(e), e && Y && G();
 	}, pe = (e) => {
 		r || (e.isAlreadySelected ? U(F.filter((t) => t.id !== e.id)) : U([...F, e]));
 	}, me = () => {
@@ -5443,13 +5452,13 @@ var zn = {
 	}, _e = (e) => {
 		r || e.currentTarget.setAttribute("data-focus-method", "mouse");
 	}, ve = (e) => {
-		if (e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !M && F.length > 0 && (e.preventDefault(), ge()), e.key === "Enter" && L !== null && (e.preventDefault(), ge()), e.key === "ArrowDown" && !J)) {
+		if (e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !M && F.length > 0 && (e.preventDefault(), ge()), e.key === "Enter" && L !== null && (e.preventDefault(), ge()), e.key === "ArrowDown" && !Y)) {
 			e.preventDefault();
 			let t = e.nativeEvent;
-			re().onClick?.(t);
+			ne().onClick?.(t);
 		}
-	}, ye = G({
-		...ee({ preventKeyAction: J }),
+	}, ye = K({
+		...ee({ preventKeyAction: Y }),
 		disabled: r,
 		onKeyDown: ve
 	}), be = F.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-item` }, F.length - 1) : F.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-item` }, F.length - 1)) : F.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-item` }, F.length - 1)) : "";
@@ -5510,16 +5519,16 @@ var zn = {
 		className: `${T}__trigger ${E}`,
 		disabled: r,
 		type: "button",
-		...re()
+		...ne()
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${T}__trigger-icon`,
 		iconName: "angleDown"
-	}))), J && /* @__PURE__ */ e.createElement("div", {
+	}))), Y && /* @__PURE__ */ e.createElement("div", {
 		...ee(),
 		ref: se.setFloating,
 		className: `${T}__dropdown`,
 		style: {
-			...Y,
+			...ae,
 			zIndex: "var(--pds-z-index-dropdown)"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${T}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(Ze, { variant: "search" }), /* @__PURE__ */ e.createElement("input", {
@@ -5532,14 +5541,14 @@ var zn = {
 		}
 	})), s ? /* @__PURE__ */ e.createElement("div", { className: `${T}__loading` }, u) : V.length > 0 ? /* @__PURE__ */ e.createElement("ul", {
 		className: `${T}__dropdown-list`,
-		...q()
+		...J()
 	}, V.map((t, n) => /* @__PURE__ */ e.createElement(rt, {
 		key: `${t.id}-${n}`,
 		className: `${T}__dropdown-item
-                  ${ie === n ? `${T}__dropdown-item--highlighted` : ""}
-                  ${ae === t ? `${T}__dropdown-item--selected` : ""}
+                  ${re === n ? `${T}__dropdown-item--highlighted` : ""}
+                  ${ie === t ? `${T}__dropdown-item--selected` : ""}
                   ${t.isAlreadySelected ? `${T}__dropdown-item--active` : ""}`,
-		...K({
+		...q({
 			item: t,
 			index: n
 		})
@@ -5580,7 +5589,7 @@ var zn = {
 		onClick: me,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, { iconName: "xmark" })))));
-}, or = (e, t) => e ? se(e, "PP", { locale: t }) : "", sr = {
+}, lr = (e, t) => e ? se(e, "PP", { locale: t }) : "", ur = {
 	clearButton: "Clear",
 	doneButton: "Done",
 	noDateSelected: "No date selected",
@@ -5590,7 +5599,7 @@ var zn = {
 	pleaseSelectEndDate: ". Please select an end date.",
 	selectedDateRange: "Selected date range: ",
 	to: " to "
-}, cr = ({ className: t, disabled: n = !1, hasDateRange: r, id: i, inputWidth: a, label: o, locale: s, maxDate: c, minDate: l, onChange: u, onInitialize: f, placeholder: p, presets: m, required: g = !1, showLabel: _ = !0, tooltipText: v, translationStrings: y = sr, value: b, ...x }) => {
+}, dr = ({ className: t, disabled: n = !1, hasDateRange: r, id: i, inputWidth: a, label: o, locale: s, maxDate: c, minDate: l, onChange: u, onInitialize: f, placeholder: p, presets: m, required: g = !1, showLabel: _ = !0, tooltipText: v, translationStrings: y = ur, value: b, ...x }) => {
 	let T = () => {
 		if (!m || !r) return "";
 		let e = m.find((e) => e.active);
@@ -5668,9 +5677,9 @@ var zn = {
 		U(e);
 	}, te = () => {
 		O(void 0), u?.(void 0), F("");
-	}, ne = () => {
+	}, G = () => {
 		j(!1);
-	}, G = (e) => {
+	}, K = (e) => {
 		let t = m?.find((t) => t.label === e);
 		if (!t) return;
 		F(e);
@@ -5678,7 +5687,7 @@ var zn = {
 		O(n), u?.(n), r || setTimeout(() => {
 			j(!1);
 		}, 300);
-	}, K = () => r ? D?.from : D, q = ({ className: t, orientation: n }) => n === "left" ? /* @__PURE__ */ e.createElement(Q, {
+	}, q = () => r ? D?.from : D, J = ({ className: t, orientation: n }) => n === "left" ? /* @__PURE__ */ e.createElement(Q, {
 		className: t,
 		iconName: "angleLeft",
 		iconSize: "md"
@@ -5686,24 +5695,24 @@ var zn = {
 		className: t,
 		iconName: "angleRight",
 		iconSize: "md"
-	}), re = (e) => se(e, "EEEEE", { locale: s }), ie = () => {
+	}), ne = (e) => se(e, "EEEEE", { locale: s }), re = () => {
 		let e = [];
 		return l && e.push({ before: l }), c && e.push({ after: c }), e.length > 0 ? e : void 0;
-	}, J = () => {
+	}, Y = () => {
 		if (r) {
 			let t = D;
-			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, or(t.from, s), /* @__PURE__ */ e.createElement("span", { className: `${L}__separator` }, " – "), or(t.to, s)) : or(t.from, s) : p || "";
+			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, lr(t.from, s), /* @__PURE__ */ e.createElement("span", { className: `${L}__separator` }, " – "), lr(t.to, s)) : lr(t.from, s) : p || "";
 		} else {
 			let e = D;
-			return e ? or(e, s) : p || "";
+			return e ? lr(e, s) : p || "";
 		}
-	}, ae = () => r ? !D?.from : !D, Y = () => {
+	}, ie = () => r ? !D?.from : !D, ae = () => {
 		if (r) {
 			let e = D;
-			return e?.from ? e.to ? `${y.selectedDateRange}${or(e.from, s)}${y.to}${or(e.to, s)}` : `${y.selectedStartDate}${or(e.from, s)}${y.pleaseSelectEndDate}` : y.noDateRangeSelected || "";
+			return e?.from ? e.to ? `${y.selectedDateRange}${lr(e.from, s)}${y.to}${lr(e.to, s)}` : `${y.selectedStartDate}${lr(e.from, s)}${y.pleaseSelectEndDate}` : y.noDateRangeSelected || "";
 		} else {
 			let e = D;
-			return e ? `${y.selectedDate}${or(e, s)}` : y.noDateSelected || "";
+			return e ? `${y.selectedDate}${lr(e, s)}` : y.noDateSelected || "";
 		}
 	}, oe = (e) => {
 		V.floating.current && !V.floating.current.contains(e.target) && M && !M.contains(e.target) && j(!1);
@@ -5739,7 +5748,7 @@ var zn = {
 		disabled: n,
 		id: `${i}-presets`,
 		label: "Date range presets",
-		onChange: G,
+		onChange: K,
 		options: m.map((e) => ({
 			value: e.label,
 			label: e.label
@@ -5759,16 +5768,16 @@ var zn = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${L}__trigger-icon`,
 		iconName: "calendarDays"
-	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${L}__trigger-text`, ae() ? `${L}__trigger-text--placeholder` : null]) }, J()))), k && /* @__PURE__ */ e.createElement("div", {
+	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${L}__trigger-text`, ie() ? `${L}__trigger-text--placeholder` : null]) }, Y()))), k && /* @__PURE__ */ e.createElement("div", {
 		ref: V.setFloating,
 		className: `${L}__popover`,
 		style: B
 	}, /* @__PURE__ */ e.createElement("div", { className: `${L}__calendar` }, r ? /* @__PURE__ */ e.createElement(ce, {
-		components: { Chevron: q },
-		defaultMonth: K(),
-		disabled: ie(),
-		footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, Y()),
-		formatters: { formatWeekdayName: re },
+		components: { Chevron: J },
+		defaultMonth: q(),
+		disabled: re(),
+		footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, ae()),
+		formatters: { formatWeekdayName: ne },
 		locale: s,
 		mode: "range",
 		navLayout: "around",
@@ -5776,11 +5785,11 @@ var zn = {
 		onSelect: ee,
 		selected: D
 	}) : /* @__PURE__ */ e.createElement(ce, {
-		components: { Chevron: q },
-		defaultMonth: K(),
-		disabled: ie(),
-		footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, Y()),
-		formatters: { formatWeekdayName: re },
+		components: { Chevron: J },
+		defaultMonth: q(),
+		disabled: re(),
+		footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, ae()),
+		formatters: { formatWeekdayName: ne },
 		locale: s,
 		mode: "single",
 		navLayout: "around",
@@ -5804,12 +5813,12 @@ var zn = {
 	}), /* @__PURE__ */ e.createElement(at, {
 		className: `${L}__action-button ${L}__action-button--done`,
 		label: y.doneButton,
-		onClick: ne,
+		onClick: G,
 		size: "sm",
 		type: "button",
 		variant: "primary"
 	}))));
-}, lr = s(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: l = {
+}, fr = s(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: l = {
 	chooseFile: "Choose file",
 	clearButton: "Clear selected file"
 }, message: u, multiple: f = !1, onClear: p, onFileChange: m, required: g = !1, showFullPath: _, showLabel: v = !0, tooltipText: y = null, validationMessage: b, validationStatus: x, ...S }, C) => {
@@ -5892,7 +5901,7 @@ var zn = {
 		validationMessageHasDecorators: !1,
 		validationStatus: x
 	}));
-}), ur = ({ children: t, className: n, ...r }) => {
+}), pr = ({ 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([
@@ -5909,7 +5918,7 @@ var zn = {
 		validationMessageHasDecorators: !1,
 		validationStatus: l
 	}));
-}, dr = ({ 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 }) => {
+}, mr = ({ 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) => {
@@ -5958,7 +5967,7 @@ var zn = {
 		message: k,
 		validationStatus: v
 	}));
-}, fr = s(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, offLabel: u = "Off", onChange: d, onLabel: f = "On", required: p = !1, showLabel: m = !0, showStatusLabel: g = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
+}, hr = s(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, offLabel: u = "Off", onChange: d, onLabel: f = "On", required: p = !1, showLabel: m = !0, showStatusLabel: g = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
 	let x = Ge(s), S = "pds-switch", C = `${S}--${v}`, w = l ? `${S}--message` : null, T = i ? $.disabled : null, E = p && !i ? $.required : null, D = t !== void 0, [O, k] = h(!D && r ? r : !1), A = t || O ? f : u, j = (e) => {
 		D || k(e.target.checked), d && d(e);
 	}, M = g ? /* @__PURE__ */ e.createElement("span", {
@@ -6025,7 +6034,7 @@ var zn = {
 		required: p,
 		showLabel: m
 	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__content` }, F, P));
-}), pr = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: l, onKeyboardMove: u, onRemove: f, setFocusedIndex: p, tag: h, totalTags: g, translationStrings: _ }) => {
+}), gr = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: l, onKeyboardMove: u, onRemove: f, setFocusedIndex: p, tag: h, totalTags: g, translationStrings: _ }) => {
 	let v = m(null), y = "pds-tags-input__tag";
 	d(() => {
 		r === i && v.current && v.current.focus();
@@ -6091,7 +6100,7 @@ var zn = {
 		iconName: "xmark",
 		iconSize: "md"
 	})));
-}, mr = s(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a = 80, inputWidth: o, isSortable: s = !1, label: c, message: l, onChange: u, placeholder: d, required: f = !1, showLabel: p = !0, tags: g, tooltipText: _ = null, translationStrings: v = {
+}, _r = s(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a = 80, inputWidth: o, isSortable: s = !1, label: c, message: l, onChange: u, placeholder: d, required: f = !1, showLabel: p = !0, tags: g, tooltipText: _ = null, translationStrings: v = {
 	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.",
@@ -6104,25 +6113,25 @@ var zn = {
 		u(e);
 	}, te = (e) => {
 		N(e);
-	}, ne = () => {
+	}, G = () => {
 		N(null), F(null), L(null);
-	}, G = (e, t) => {
+	}, K = (e, t) => {
 		M === null || M === e || (F(e), L(t));
-	}, K = (e) => {
+	}, q = (e) => {
 		if (e.preventDefault(), M === null || P === null || I === null) return;
 		let t = g.findIndex((e) => e.id === M), n = g.findIndex((e) => e.id === P);
 		if (t === -1 || n === -1) return;
 		let r = [...g], [i] = r.splice(t, 1), a = n;
 		a = I === "after" ? t < n ? n : n + 1 : n, r.splice(a, 0, i), W(r), ee("Tag reordered"), N(null), F(null), L(null);
-	}, q = (e, t) => {
+	}, J = (e, t) => {
 		let n = [...g], [r] = n.splice(e, 1);
 		n.splice(t, 0, r), ee(`${r.value} moved to position ${t + 1} of ${g.length}`), W(n);
-	}, re = (e) => {
+	}, ne = (e) => {
 		let t = g.find((t) => t.id === e);
 		W(g.filter((t) => t.id !== e)), t && ee(`${t.value} removed`), setTimeout(() => {
 			H.current && H.current.focus();
 		}, 0);
-	}, ie = (e) => {
+	}, re = (e) => {
 		if (!r) if (e.key === "Enter" && A.trim()) {
 			e.preventDefault();
 			let t = {
@@ -6166,25 +6175,25 @@ var zn = {
 	}, g.length > 0 && /* @__PURE__ */ e.createElement("div", {
 		"aria-label": v.tagsListLabel,
 		className: `${w}__tags`,
-		onDrop: s ? K : void 0,
+		onDrop: s ? q : void 0,
 		role: "list"
 	}, g.map((t, n) => {
 		let i = null;
 		return M && M !== t.id && (P === t.id && I === "before" ? i = "before" : P === t.id && I === "after" && n === g.length - 1 ? i = "after" : n > 0 && P === g[n - 1].id && I === "after" && (i = "before")), /* @__PURE__ */ e.createElement("div", {
 			key: t.id,
 			role: "listitem"
-		}, /* @__PURE__ */ e.createElement(pr, {
+		}, /* @__PURE__ */ e.createElement(gr, {
 			disabled: r,
 			dropTargetDirection: i,
 			focusedIndex: R,
 			index: n,
 			isDragging: M === t.id,
 			isSortable: s,
-			onDragEnd: ne,
-			onDragOver: G,
+			onDragEnd: G,
+			onDragOver: K,
 			onDragStart: te,
-			onKeyboardMove: q,
-			onRemove: re,
+			onKeyboardMove: J,
+			onRemove: ne,
 			setFocusedIndex: z,
 			tag: t,
 			totalTags: g.length,
@@ -6201,7 +6210,7 @@ var zn = {
 		id: i,
 		name: i,
 		onChange: (e) => j(e.target.value),
-		onKeyDown: ie,
+		onKeyDown: re,
 		placeholder: U,
 		required: f,
 		type: "text",
@@ -6216,7 +6225,7 @@ var zn = {
 		validationMessageHasDecorators: !1,
 		validationStatus: b
 	}));
-}), hr = s(({ 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, textareaProps: y, tooltipText: b = null, translationStrings: x = {
+}), vr = s(({ 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, textareaProps: y, tooltipText: b = null, translationStrings: x = {
 	clearButton: "Clear input text",
 	counterOverLimit: "Character limit exceeded by",
 	searchShortcut: "Press / to focus the search field",
@@ -6279,7 +6288,7 @@ var zn = {
 		message: F,
 		validationStatus: C
 	}));
-}), gr = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), _r = s(({ 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, tooltipText: T = null, translationStrings: E = {
+}), yr = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), br = s(({ 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, tooltipText: T = null, translationStrings: E = {
 	clearButton: "Clear input text",
 	counterOverLimit: "Character limit exceeded by",
 	searchShortcut: "Press / to focus the search field",
@@ -6289,8 +6298,8 @@ var zn = {
 }, type: D = "text", validationMessage: O, validationStatus: k, value: A, ...j }, M) => {
 	let N = Ge(d), P = "pds-text-input", F = a ? $.disabled : null, I = x && !a ? $.required : null, L = k === "error" ? $.error : null, R = k === "success" ? $.success : null, z = b ? $.readonly : null, B = c && D === "url" ? `${P}--has-url-prefix` : null, V = null;
 	D === "search" && (V = "search"), D === "search" && S === "filter" && (V = "filter"), k === "error" && (V = "error"), k === "success" && (V = "success");
-	let H = O || p, U = A !== void 0, [ee, W] = h(i === void 0 ? "" : i), te = A || ee, ne = (e) => {
-		if (w && q && re(!1), c && D === "url") {
+	let H = O || p, U = A !== void 0, [ee, W] = h(i === void 0 ? "" : i), te = A || ee, G = (e) => {
+		if (w && J && ne(!1), c && D === "url") {
 			let t = Ke(e.target.value), n = {
 				...e,
 				target: {
@@ -6300,7 +6309,7 @@ var zn = {
 			};
 			m && m(n);
 		} else m && m(e);
-	}, G = (e) => {
+	}, K = (e) => {
 		if (c && D === "url") {
 			let t = Ke(e.target.value), n = {
 				...e,
@@ -6311,16 +6320,16 @@ var zn = {
 			};
 			U || W(t), g && g(n);
 		} else U || W(e.target.value), g && g(e);
-	}, K = () => {
+	}, q = () => {
 		U || W(""), _ && _();
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, [q, re] = h(!1), ie = () => {
-		re((e) => !e);
+	}, [J, ne] = h(!1), re = () => {
+		ne((e) => !e);
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, J = D;
-	return w && D === "password" && (J = q ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
+	}, Y = D;
+	return w && D === "password" && (Y = J ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
 			P,
@@ -6344,7 +6353,7 @@ var zn = {
 	}), w && D === "password" && /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, `${E.visibilityStatus} ${q ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${P}__input-wrapper ${c && D === "url" ? `${P}__input-wrapper--has-prefix` : ""}` }, V && /* @__PURE__ */ e.createElement(Ze, { variant: V }), c && D === "url" && /* @__PURE__ */ e.createElement(gr, null), /* @__PURE__ */ e.createElement("input", {
+	}, `${E.visibilityStatus} ${J ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${P}__input-wrapper ${c && D === "url" ? `${P}__input-wrapper--has-prefix` : ""}` }, V && /* @__PURE__ */ e.createElement(Ze, { variant: V }), c && D === "url" && /* @__PURE__ */ e.createElement(yr, null), /* @__PURE__ */ e.createElement("input", {
 		ref: M,
 		"aria-describedby": H ? `${l}__message` : null,
 		"aria-invalid": k === "error" ? !0 : null,
@@ -6353,28 +6362,28 @@ var zn = {
 		disabled: a,
 		id: l,
 		name: l,
-		onBlur: ne,
-		onChange: G,
+		onBlur: G,
+		onChange: K,
 		onFocus: v,
 		placeholder: y,
 		readOnly: b,
 		required: x,
-		type: J,
+		type: Y,
 		value: U ? A : ee,
 		...u
 	}), o && te && /* @__PURE__ */ e.createElement($e, {
 		clearLabel: E.clearButton,
-		handleClearInput: K,
+		handleClearInput: q,
 		id: l
 	}), w && D === "password" && /* @__PURE__ */ e.createElement("button", {
 		"aria-controls": l,
 		className: `${P}__visibility-toggle`,
-		onClick: ie,
+		onClick: re,
 		onMouseDown: (e) => e.preventDefault(),
-		title: q ? E.visibilityToggleHide : E.visibilityToggleShow,
+		title: J ? E.visibilityToggleHide : E.visibilityToggleShow,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		iconName: q ? "eyeSlash" : "eye",
+		iconName: J ? "eyeSlash" : "eye",
 		iconSize: "md"
 	})), s && D === "search" && !te && /* @__PURE__ */ e.createElement(Qe, {
 		inputId: l,
@@ -6391,7 +6400,7 @@ var zn = {
 		validationMessageHasDecorators: !1,
 		validationStatus: k
 	}));
-}), vr = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
+}), xr = ({ 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",
@@ -6418,7 +6427,7 @@ var zn = {
 		className: `${c}__icon`,
 		iconName: "externalLink"
 	}));
-}, yr = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: u = "md", title: f, ...p }) => {
+}, Sr = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: u = "md", title: f, ...p }) => {
 	let m = Ee(n), g = m.__unslotted, _ = m.footer, b = "pds-modal", x = u === "md" ? null : `${b}--${u}`, S = a ? {
 		maxHeight: a,
 		paddingInlineEnd: "1rem",
@@ -6494,7 +6503,7 @@ var zn = {
 		className: `${b}__content`,
 		style: S
 	}, g), _ && /* @__PURE__ */ e.createElement("div", { className: `${b}__footer` }, _)))));
-}, br = ({ ariaLabel: t = "Breadcrumb", className: n, crumbs: i, ...a }) => {
+}, Cr = ({ ariaLabel: t = "Breadcrumb", className: n, crumbs: i, ...a }) => {
 	let o = "pds-breadcrumb", s = i.length, l = i.map((t, n) => {
 		if (n < s - 1) return /* @__PURE__ */ e.createElement("li", {
 			key: n,
@@ -6513,36 +6522,36 @@ var zn = {
 		className: Z([o, n ?? ""]),
 		...a
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${o}__crumbs` }, l));
-}, xr = (e) => {
+}, wr = (e) => {
 	if (!e) return null;
 	for (let t = 0; t < e.length; t++) {
-		if (Cr(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
+		if (Er(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
 		if (e[t].links) {
-			let n = xr(e[t].links);
+			let n = wr(e[t].links);
 			if (n) return n;
 		}
 	}
 	return null;
-}, Sr = (e) => typeof e == "string" ? e : e.props.children, Cr = (e) => typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), wr = (e) => {
-	if (Cr(e)) return !0;
+}, Tr = (e) => typeof e == "string" ? e : e.props.children, Er = (e) => typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), Dr = (e) => {
+	if (Er(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 (Dr(e.links[t])) return !0;
 	}
 	return !1;
-}, Tr = (e) => {
+}, Or = (e) => {
 	if (c(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;
-}, Er = (e, t) => {
+}, kr = (e, t) => {
 	let n = null;
 	if (typeof e == "string" && t) {
 		let i = t ? t[0].linkContent : null;
 		c(i) && (n = r(i, { ...typeof e == "string" ? { children: e } : {} }));
 	} else n = e;
 	return n;
-}, Dr = (t, n, i, a) => {
+}, Ar = (t, n, i, a) => {
 	let o = null;
 	if (typeof n == "string") {
 		let s = a ? [/* @__PURE__ */ e.createElement("span", {
@@ -6567,7 +6576,7 @@ var zn = {
 		iconName: a,
 		iconSize: "md"
 	})), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, n.props.children))] })) : n), o;
-}, Or = ({ ariaLabel: t, className: n, menuItems: r, size: i = "md", ...a }) => {
+}, jr = ({ ariaLabel: t, className: n, menuItems: r, size: i = "md", ...a }) => {
 	let o = !1, s = u(bt);
 	s && (o = s.isMobile);
 	let c = m(null), l = "pds-button-nav", f = o ? `${l}--isMobile` : null, p = i === "md" ? null : `${l}--${i}`;
@@ -6590,11 +6599,11 @@ var zn = {
 		return /* @__PURE__ */ e.createElement("li", { className: Z([r, t ? `${r}--active` : null]) }, n);
 	}, g = r.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${l}__menu` }, r.map((t, n) => /* @__PURE__ */ e.createElement(h, {
 		key: n,
-		isActive: wr(t),
+		isActive: Dr(t),
 		linkContent: t.linkContent
 	}))) : null, _ = [];
 	r.map((e) => {
-		e.linkContent && (wr(e) ? _.unshift({
+		e.linkContent && (Dr(e) ? _.unshift({
 			linkContent: e.linkContent,
 			isLink: !0
 		}) : _.push({
@@ -6619,11 +6628,11 @@ var zn = {
 		]),
 		...a
 	}, o ? v : g);
-}, kr = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
+}, Mr = ({ 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), Ar = i(null), jr = ({ children: t, className: n, hasSidebarToggle: r = !0, isAdmin: i, isSidebarExpanded: a, logoLinkContent: o, setIsSidebarExpanded: s = () => {}, sidebarCollapsedWidth: c = 2.125, sidebarExpandedWidth: l = 12, sidebarToggleLabel: f = "Toggle sidebar", skiplinkText: p = "Skip to main content", ...g }) => {
+}, r), Nr = i(null), Pr = ({ children: t, className: n, hasSidebarToggle: r = !0, isAdmin: i, isSidebarExpanded: a, logoLinkContent: o, setIsSidebarExpanded: s = () => {}, sidebarCollapsedWidth: c = 2.125, sidebarExpandedWidth: l = 12, sidebarToggleLabel: f = "Toggle sidebar", skiplinkText: p = "Skip to main content", ...g }) => {
 	let { isMobile: _, windowWidth: v } = u(bt), [y, b] = h(() => a === void 0 ? v > 1440 : a), x = m(null), [S] = ue(x), C = S.width;
 	d(() => {
 		a !== void 0 && b(a);
@@ -6665,7 +6674,7 @@ var zn = {
 		className: `${T}__main`,
 		id: "main"
 	}, I), L && /* @__PURE__ */ e.createElement("footer", { className: `${T}__footer` }, L))));
-	return /* @__PURE__ */ e.createElement(Ar.Provider, { value: w }, /* @__PURE__ */ e.createElement(kr, {
+	return /* @__PURE__ */ e.createElement(Nr.Provider, { value: w }, /* @__PURE__ */ e.createElement(Mr, {
 		destination: "main",
 		text: p
 	}), /* @__PURE__ */ e.createElement("div", {
@@ -6679,8 +6688,8 @@ var zn = {
 		]),
 		...g
 	}, _ ? R : z));
-}, Mr = ({ className: t, headingText: n, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
-	let s = "pds-dropdown-menu", [c, l] = h(!1), [u, f] = h(null), p = xr(i), g = p ? p.props.children : a, _ = /* @__PURE__ */ e.createElement(Q, {
+}, Fr = ({ className: t, headingText: n, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
+	let s = "pds-dropdown-menu", [c, l] = h(!1), [u, f] = h(null), p = wr(i), g = p ? p.props.children : a, _ = /* @__PURE__ */ e.createElement(Q, {
 		className: `${s}__active-icon`,
 		iconName: "check",
 		iconSize: "md"
@@ -6698,7 +6707,7 @@ var zn = {
 		}
 	}, [c]);
 	let b = ({ item: e, level: t }) => {
-		let n = Er(e.linkContent, e.links);
+		let n = kr(e.linkContent, e.links);
 		return {
 			...e,
 			level: t,
@@ -6819,8 +6828,8 @@ var zn = {
 		tabIndex: u === n ? 0 : -1,
 		...M()
 	}, t.linkContent, t.isActive === !0 && _))));
-}, Nr = ({ icon: t, isActive: n, isSidebarExpanded: r, labels: i, linkContent: a, links: o }) => {
-	let s = "pds-dashboard-nav", c = `${s}__item`, l = `${s}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Dr(s, a, o, t)), f = (t, r) => /* @__PURE__ */ e.createElement("ul", { className: Z([
+}, Ir = ({ icon: t, isActive: n, isSidebarExpanded: r, labels: i, linkContent: a, links: o }) => {
+	let s = "pds-dashboard-nav", c = `${s}__item`, l = `${s}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Ar(s, a, o, t)), f = (t, r) => /* @__PURE__ */ e.createElement("ul", { className: Z([
 		l,
 		`${l}--${r}`,
 		n ? `${l}--expanded` : null
@@ -6829,7 +6838,7 @@ var zn = {
 		className: Z([
 			c,
 			`${c}--${r}`,
-			wr(t) ? `${c}--active` : null
+			Dr(t) ? `${c}--active` : null
 		])
 	}, t.linkContent))), [p, g] = h(!1), _ = m(p), { context: v, floatingStyles: y, refs: b } = A({
 		placement: "right-start",
@@ -6920,7 +6929,7 @@ var zn = {
 		]),
 		...D(),
 		onKeyDown: O
-	}, o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Dr(s, a, o, t), r && /* @__PURE__ */ e.createElement("button", {
+	}, o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Ar(s, a, o, t), r && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": n,
 		className: Z([`${s}__toggle`, n ? `${s}__toggle--expanded` : null]),
 		onClick: j,
@@ -6928,13 +6937,13 @@ var zn = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleDown",
 		iconSize: "md"
-	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Sr(a)} ${i.submenu}`))), r && f(o, "second-level"), !r && p && /* @__PURE__ */ e.createElement("div", {
+	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Tr(a)} ${i.submenu}`))), r && f(o, "second-level"), !r && p && /* @__PURE__ */ e.createElement("div", {
 		ref: b.setFloating,
 		className: `${s}__flyout`,
 		style: y,
 		...x()
-	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__flyout-heading` }, Sr(a)), f(o, "second-level-flyout"))) : /* @__PURE__ */ e.createElement(e.Fragment, null, r ? u : /* @__PURE__ */ e.createElement(Re, {
-		content: Sr(a),
+	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__flyout-heading` }, Tr(a)), f(o, "second-level-flyout"))) : /* @__PURE__ */ e.createElement(e.Fragment, null, r ? u : /* @__PURE__ */ e.createElement(Re, {
+		content: Tr(a),
 		customTrigger: u,
 		offsetValue: {
 			mainAxis: 8,
@@ -6942,18 +6951,18 @@ var zn = {
 		},
 		preferredPlacement: "right"
 	})));
-}, Pr = ({ ariaLabel: t, className: n, labels: r = {
+}, Lr = ({ ariaLabel: t, className: n, labels: r = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: i, mobileMenuSelectTextFallback: a = "Navigate to...", secondaryMenuItems: o, secondaryMenuLabel: s, ...c }) => {
 	let l = !1, d = u(bt);
 	d && (l = d.isMobile);
-	let f = u(Ar), p = !0, m = null;
+	let f = u(Nr), p = !0, m = null;
 	f && (p = f.isSidebarExpanded, m = f.logoLinkContent);
-	let h = "pds-dashboard-nav", g = p ? `${h}--expanded` : `${h}--collapsed`, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, i.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, i.map((t, n) => /* @__PURE__ */ e.createElement(Nr, {
+	let h = "pds-dashboard-nav", g = p ? `${h}--expanded` : `${h}--collapsed`, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, i.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, i.map((t, n) => /* @__PURE__ */ e.createElement(Ir, {
 		key: n,
 		icon: t.icon,
-		isActive: wr(t),
+		isActive: Dr(t),
 		isSidebarExpanded: p,
 		labels: r,
 		linkContent: t.linkContent,
@@ -6964,22 +6973,22 @@ var zn = {
 	}), s && /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
 		className: `${h}__section-label`
-	}, s), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, o.map((t, n) => /* @__PURE__ */ e.createElement(Nr, {
+	}, s), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, o.map((t, n) => /* @__PURE__ */ e.createElement(Ir, {
 		key: n,
 		icon: t.icon,
-		isActive: wr(t),
+		isActive: Dr(t),
 		isSidebarExpanded: p,
 		labels: r,
 		linkContent: t.linkContent,
 		links: t.links
 	}))))), v = (e) => e.map((e) => ({
 		...e,
-		linkContent: Dr(h, e.linkContent, e.links, e.icon)
+		linkContent: Ar(h, e.linkContent, e.links, e.icon)
 	})), y = o && o.length > 0 ? [
 		...v(i),
 		{ isSeparator: !0 },
 		...v(o)
-	] : v(i), b = /* @__PURE__ */ e.createElement(Mr, {
+	] : v(i), b = /* @__PURE__ */ e.createElement(Fr, {
 		menuItems: y,
 		selectTextFallback: a
 	});
@@ -6996,7 +7005,7 @@ var zn = {
 		displayType: p ? "full" : "icon",
 		linkContent: m
 	}), l ? b : _);
-}, Fr = ({ className: t, option: n, ...r }) => {
+}, Rr = ({ className: t, option: n, ...r }) => {
 	let i = "pds-site-option-display", a = n.type ? vt[n.type] : "bolt", o = m(null), [s] = ue(o), c = s.width / 16 - 7.5, l, u;
 	n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
 	let d = /* @__PURE__ */ e.createElement(Pe, {
@@ -7019,7 +7028,7 @@ var zn = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, Ir = ({ className: t, disabled: n = !1, horizontalOffset: r = 0, id: i, isLoading: a = !1, label: o = "Search sites", labelStrings: s = {
+}, zr = ({ className: t, disabled: n = !1, horizontalOffset: r = 0, id: i, isLoading: a = !1, label: o = "Search sites", labelStrings: s = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options"
 }, loadingText: c = "Loading results...", noResultsText: l = "No results found", onFocus: d, onOptionSelect: f, placeholder: p = "Search sites", siteList: m, ...g }) => {
@@ -7033,10 +7042,10 @@ var zn = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement(Fr, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(Rr, { option: t }),
 			siteData: t
 		};
-	}), T = /* @__PURE__ */ e.createElement(rr, {
+	}), T = /* @__PURE__ */ e.createElement(or, {
 		hasClearButton: !0,
 		hasSearchShortcut: !0,
 		className: `${x}__combobox`,
@@ -7063,7 +7072,7 @@ var zn = {
 		id: i,
 		...g
 	}, y ? D : E);
-}, Lr = ({ children: t, className: n, width: r = "standard", ...i }) => {
+}, Br = ({ 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([
@@ -7073,13 +7082,13 @@ var zn = {
 		]),
 		...i
 	}, t);
-}, Rr = ({ children: n, className: i, colorType: a = "default", containerWidth: s = "x-wide", hideBorder: l, hideLogo: f = !1, logoDisplayType: p = "full", logoLinkContent: m, logoSrc: g, logoSubBrand: _, translationStrings: v = {
+}, Vr = ({ children: n, className: i, colorType: a = "default", containerWidth: s = "x-wide", hideBorder: l, hideLogo: f = !1, logoDisplayType: p = "full", logoLinkContent: m, logoSrc: g, logoSubBrand: _, translationStrings: v = {
 	closeMobileNav: "Close navigation area",
 	openMobileNav: "Open navigation area"
 }, ...y }) => {
 	let [b, x] = h(!1), S = !1, C = u(bt);
 	C && (S = C.isMobile);
-	let { closeOverlay: w, openOverlay: T } = We(), E = u(Ar);
+	let { closeOverlay: w, openOverlay: T } = We(), E = u(Nr);
 	E && (m = E.logoLinkContent);
 	let D = "pds-navbar", O = l ? `${D}--noBorder` : "", k = a === "default" ? "" : `${D}--${a}`, A = S ? `${D}--isMobile` : `${D}--notMobile`, j = (e) => {
 		let t = e.key, n = !1;
@@ -7159,14 +7168,14 @@ var zn = {
 	})), U = t.toArray(n).sort((e, t) => (c(e) && parseInt(e.props["data-mobile-order"], 10) || Infinity) - (c(t) && parseInt(t.props["data-mobile-order"], 10) || Infinity)), ee = /* @__PURE__ */ e.createElement("div", {
 		ref: N,
 		className: b ? `${D}__mobile ${D}__mobile--open` : `${D}__mobile ${D}__mobile--closed`
-	}, /* @__PURE__ */ e.createElement(Lr, null, U)), W = /* @__PURE__ */ e.createElement(ae, {
+	}, /* @__PURE__ */ e.createElement(Br, null, U)), W = /* @__PURE__ */ e.createElement(ie, {
 		active: b,
 		focusTrapOptions: {
 			clickOutsideDeactivates: !0,
 			initialFocus: !1,
 			returnFocusOnDeactivate: !1
 		}
-	}, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(Lr, { className: `${D}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${D}__inner-mobile` }, V(), n && H)), /* @__PURE__ */ e.createElement(Lr, null, n && ee))), te = /* @__PURE__ */ e.createElement(Lr, {
+	}, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(Br, { className: `${D}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${D}__inner-mobile` }, V(), n && H)), /* @__PURE__ */ e.createElement(Br, null, n && ee))), te = /* @__PURE__ */ e.createElement(Br, {
 		className: `${D}__inner`,
 		width: s
 	}, !f && /* @__PURE__ */ e.createElement("div", { className: `${D}__logo` }, V()), /* @__PURE__ */ e.createElement("div", { className: `${D}__content` }, I ? /* @__PURE__ */ e.createElement("div", { className: `${D}__items-left` }, I) : /* @__PURE__ */ e.createElement("span", null), L && /* @__PURE__ */ e.createElement("div", { className: `${D}__items-right` }, L)));
@@ -7180,7 +7189,7 @@ var zn = {
 		]),
 		...y
 	}, S ? W : te);
-}, zr = ({ items: t, label: n, mobileMenuMaxWidth: r = 640 }) => {
+}, Hr = ({ items: t, label: n, mobileMenuMaxWidth: r = 640 }) => {
 	let [i, a] = h(!1), [o, s] = h(0);
 	d(() => (s(window.innerWidth), window.addEventListener("resize", c), () => {
 		window.removeEventListener("resize", c);
@@ -7224,7 +7233,7 @@ var zn = {
 		className: `${u}__item ${t.isSeparator ? `${u}__dropdown--separator` : `${u}__item--second-level`} ${x(t) ? `${u}__item--active` : null}`,
 		role: t.isSeparator ? "separator" : "menuitem"
 	}, !t.isSeparator && t.linkContent))));
-}, Br = ({ ariaLabel: t = "Main Navigation", className: n, colorType: r = "default", menuItems: i, mobileMenuMaxWidth: a = 640, ...o }) => {
+}, Ur = ({ ariaLabel: t = "Main Navigation", className: n, colorType: r = "default", menuItems: i, mobileMenuMaxWidth: a = 640, ...o }) => {
 	let [s, c] = h(1025), [l, u] = h(null), [f, p] = h(-1), [g, _] = h(null), [v, y] = h({
 		container: null,
 		containerChildren: []
@@ -7277,7 +7286,7 @@ var zn = {
 			},
 			className: `${S}__item ${S}__item--top-level ${S}__item--has-children ${D(t) === !0 ? `${S}__item--active` : ""}`,
 			id: i
-		}, /* @__PURE__ */ e.createElement(zr, {
+		}, /* @__PURE__ */ e.createElement(Hr, {
 			items: t.links,
 			label: t.label,
 			mobileMenuMaxWidth: a
@@ -7302,7 +7311,7 @@ var zn = {
 		},
 		...o
 	}, /* @__PURE__ */ e.createElement("ul", { className: `${S}__menu` }, O));
-}, Vr = ({ ariaLabel: t, className: n, headingText: i, labels: a = {
+}, Wr = ({ ariaLabel: t, className: n, headingText: i, labels: a = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: o, mobileMenuSelectTextFallback: s = "Navigate to...", ...l }) => {
@@ -7312,7 +7321,7 @@ var zn = {
 		let i = t.getAttribute("aria-expanded") === "false";
 		t.classList.toggle(`${u}__toggle--expanded`, i), t.setAttribute("aria-expanded", i ? "true" : "false"), n.classList.toggle(`${f}--expanded`, i);
 	}, m = (t, n) => {
-		let { linkContent: i, links: o } = t, s = wr(t), l = Tr(i), m = s;
+		let { linkContent: i, links: o } = t, s = Dr(t), l = Or(i), m = s;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: n,
 			className: Z([
@@ -7321,7 +7330,7 @@ var zn = {
 				o ? `${d}--has-children` : null,
 				s ? `${d}--active` : null
 			])
-		}, o ? l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}-wrapper` }, Er(i, o), /* @__PURE__ */ e.createElement("button", {
+		}, o ? l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}-wrapper` }, kr(i, o), /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": m,
 			className: Z([`${u}__toggle`, m ? `${u}__toggle--expanded` : null]),
 			onClick: p,
@@ -7329,7 +7338,7 @@ var zn = {
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			iconSize: "md"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Sr(i)} ${a.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Tr(i)} ${a.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			f,
 			`${f}--second-level`,
 			m ? `${f}--expanded` : null
@@ -7338,9 +7347,9 @@ var zn = {
 			className: Z([
 				d,
 				`${d}--second-level`,
-				wr(t) ? `${d}--active` : null
+				Dr(t) ? `${d}--active` : null
 			])
-		}, Er(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		}, kr(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": m,
 			className: Z([
 				`${u}__toggle`,
@@ -7352,7 +7361,7 @@ var zn = {
 		}, c(i) && i.type === "span" ? r(i, { className: Z([i.props.className, `${u}__toggle-content`]) }) : /* @__PURE__ */ e.createElement("span", { className: `${u}__toggle-content` }, i), /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			iconSize: "md"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Sr(i)} ${a.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Tr(i)} ${a.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			f,
 			`${f}--second-level`,
 			m ? `${f}--expanded` : null
@@ -7361,10 +7370,10 @@ var zn = {
 			className: Z([
 				d,
 				`${d}--second-level`,
-				wr(t) ? `${d}--active` : null
+				Dr(t) ? `${d}--active` : null
 			])
-		}, Er(t.linkContent, t.links))))) : i);
-	}, h = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, i), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, o.map((e, t) => m(e, t)))), g = /* @__PURE__ */ e.createElement(Mr, {
+		}, kr(t.linkContent, t.links))))) : i);
+	}, h = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, i), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, o.map((e, t) => m(e, t)))), g = /* @__PURE__ */ e.createElement(Fr, {
 		className: `${u}__mobile`,
 		headingText: i,
 		menuItems: o,
@@ -7375,7 +7384,7 @@ var zn = {
 		className: Z([u, n ?? ""]),
 		...l
 	}, h, g);
-}, Hr = 0, Ur = ({ ariaLabel: t, className: n, hasMobileMenu: r = !0, headingText: i, labels: a = {
+}, Gr = 0, Kr = ({ ariaLabel: t, className: n, hasMobileMenu: r = !0, headingText: i, labels: a = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: o, mobileMenuMaxWidth: s = 640, mobileMenuSelectTextFallback: c = "Navigate to...", ...l }) => {
@@ -7457,7 +7466,7 @@ var zn = {
 							O();
 							let n = e.querySelector("a") || t;
 							n && (n.focus(), T.current = w.current.indexOf(n));
-						}, Hr));
+						}, Gr));
 					}
 				} else if (j(t)) {
 					let e = t.classList.contains(`${u}__toggle`) ? t : k(t);
@@ -7507,7 +7516,7 @@ var zn = {
 			opacity: "1",
 			marginBlockStart: `${hn}rem`
 		}], {
-			duration: Hr,
+			duration: Gr,
 			easing: Le
 		}).onfinish = () => {
 			Object.assign(e.style, {
@@ -7527,7 +7536,7 @@ var zn = {
 			opacity: "0",
 			marginBlockStart: "0"
 		}], {
-			duration: Hr,
+			duration: Gr,
 			easing: Le
 		});
 		n.onfinish = () => {
@@ -7543,21 +7552,21 @@ var zn = {
 		3: "third",
 		4: "fourth"
 	}, B = (t, n, r) => {
-		let i = z[t], o = `${p}--${i}-level`, s = `${f}--${i}-level`, c = t + 1, l = wr(n), d = !1, m = S.current?.querySelector(`.${f}--top-level[data-item-path="${n.path}"]`);
+		let i = z[t], o = `${p}--${i}-level`, s = `${f}--${i}-level`, c = t + 1, l = Dr(n), d = !1, m = S.current?.querySelector(`.${f}--top-level[data-item-path="${n.path}"]`);
 		if (m) {
 			let e = Array.from(S.current?.querySelectorAll(`.${f}--top-level`) || []).indexOf(m);
 			d = b.includes(e);
 		} else d = l;
 		return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, /* @__PURE__ */ e.createElement("button", {
-			"aria-expanded": wr(n),
-			className: Z([`${u}__toggle`, wr(n) ? `${u}__toggle--expanded` : null]),
+			"aria-expanded": Dr(n),
+			className: Z([`${u}__toggle`, Dr(n) ? `${u}__toggle--expanded` : null]),
 			onClick: I,
 			type: "button"
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "caretDown",
 			iconSize: "md",
 			verticalAlign: "-0.0625rem"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Sr(n.linkContent)} ${a.submenu}`)), Er(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Tr(n.linkContent)} ${a.submenu}`)), kr(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			p,
 			o,
 			d ? `${p}--expanded` : null
@@ -7566,7 +7575,7 @@ var zn = {
 			className: Z([
 				f,
 				s,
-				wr(t) ? `${f}--active` : null
+				Dr(t) ? `${f}--active` : null
 			]),
 			"data-item-path": t.path || ""
 		}, t.links && c in z ? B(c, t, t.links) : t.linkContent))));
@@ -7577,11 +7586,11 @@ var zn = {
 			className: Z([
 				f,
 				`${f}--top-level`,
-				wr(t) ? `${f}--active` : null
+				Dr(t) ? `${f}--active` : null
 			]),
 			"data-item-path": t.path || ""
 		}, i ? B(2, t, i) : r);
-	}, H = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, i), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, o.map((e, t) => V(e, t)))), U = /* @__PURE__ */ e.createElement(Mr, {
+	}, H = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, i), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, o.map((e, t) => V(e, t)))), U = /* @__PURE__ */ e.createElement(Fr, {
 		headingText: i,
 		menuItems: o,
 		selectTextFallback: c
@@ -7598,8 +7607,8 @@ var zn = {
 		tabIndex: 0,
 		...l
 	}, D && r ? U : H);
-}, Wr = ({ icon: t, isActive: n, isSidebarCollapsed: r, labels: i, linkContent: a, links: o }) => {
-	let s = "pds-side-nav-global", c = `${s}__item`, l = `${s}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Dr(s, a, o, t)), f = (t, r) => /* @__PURE__ */ e.createElement("ul", { className: Z([
+}, qr = ({ icon: t, isActive: n, isSidebarCollapsed: r, labels: i, linkContent: a, links: o }) => {
+	let s = "pds-side-nav-global", c = `${s}__item`, l = `${s}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Ar(s, a, o, t)), f = (t, r) => /* @__PURE__ */ e.createElement("ul", { className: Z([
 		l,
 		`${l}--${r}`,
 		n ? `${l}--expanded` : null
@@ -7608,7 +7617,7 @@ var zn = {
 		className: Z([
 			c,
 			`${c}--${r}`,
-			wr(t) ? `${c}--active` : null
+			Dr(t) ? `${c}--active` : null
 		])
 	}, t.linkContent))), [p, g] = h(!1), _ = m(p), { context: v, floatingStyles: y, refs: b } = A({
 		placement: "right-start",
@@ -7662,7 +7671,7 @@ var zn = {
 		]),
 		...D(),
 		onKeyDown: O
-	}, o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Dr(s, a, o, t), !r && /* @__PURE__ */ e.createElement("button", {
+	}, o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Ar(s, a, o, t), !r && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": n,
 		className: Z([`${s}__toggle`, n ? `${s}__toggle--expanded` : null]),
 		onClick: j,
@@ -7670,13 +7679,13 @@ var zn = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleDown",
 		iconSize: "md"
-	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Sr(a)} ${i.submenu}`))), !r && f(o, "second-level"), r && p && /* @__PURE__ */ e.createElement("div", {
+	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Tr(a)} ${i.submenu}`))), !r && f(o, "second-level"), r && p && /* @__PURE__ */ e.createElement("div", {
 		ref: b.setFloating,
 		className: `${s}__flyout`,
 		style: y,
 		...x()
-	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__flyout-heading` }, Sr(a)), f(o, "second-level-flyout"))) : /* @__PURE__ */ e.createElement(e.Fragment, null, r ? /* @__PURE__ */ e.createElement(Re, {
-		content: Sr(a),
+	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__flyout-heading` }, Tr(a)), f(o, "second-level-flyout"))) : /* @__PURE__ */ e.createElement(e.Fragment, null, r ? /* @__PURE__ */ e.createElement(Re, {
+		content: Tr(a),
 		customTrigger: u,
 		offsetValue: {
 			mainAxis: 8,
@@ -7684,7 +7693,7 @@ var zn = {
 		},
 		preferredPlacement: "right"
 	}) : u));
-}, Gr = ({ ariaLabel: t, className: n, hasLogo: r, isSidebarCollapsed: i, labels: a = {
+}, Jr = ({ ariaLabel: t, className: n, hasLogo: r, isSidebarCollapsed: i, labels: a = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, logoLinkContent: o, menuItems: s, mobileMenuSelectTextFallback: c = "Navigate to...", ...l }) => {
@@ -7692,18 +7701,18 @@ var zn = {
 		className: `${u}__logo`,
 		displayType: i ? "icon" : "full",
 		linkContent: o
-	})), s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, s.map((t, n) => /* @__PURE__ */ e.createElement(Wr, {
+	})), s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, s.map((t, n) => /* @__PURE__ */ e.createElement(qr, {
 		key: n,
 		icon: t.icon,
-		isActive: wr(t),
+		isActive: Dr(t),
 		isSidebarCollapsed: i,
 		labels: a,
 		linkContent: t.linkContent,
 		links: t.links
 	})))), p = s.map((e) => ({
 		...e,
-		linkContent: Dr(u, e.linkContent, e.links, e.icon)
-	})), m = /* @__PURE__ */ e.createElement(Mr, {
+		linkContent: Ar(u, e.linkContent, e.links, e.icon)
+	})), m = /* @__PURE__ */ e.createElement(Fr, {
 		className: `${u}__dropdown-menu`,
 		menuItems: p,
 		selectTextFallback: c
@@ -7717,7 +7726,7 @@ var zn = {
 		]),
 		...l
 	}, f, m);
-}, Kr = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
+}, Yr = ({ 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(!1), [l, u] = h(null), [f, p] = h(i), [g, _] = h(""), v = i.length >= a, y = "pds-tab-menu", b = `${y}__dropdown-menu`, x = v ? `${b}--scroll` : null, C = `${y}__dropdown-item`, w = m([]), { context: T, refs: E } = A({
 		open: s,
 		onOpenChange: c,
@@ -7744,7 +7753,7 @@ var zn = {
 		close: { opacity: 0 }
 	}), V = (e) => {
 		e.preventDefault(), e.key === "Enter" && w.current[l].querySelector("a")?.click(), e.key === "Tab" && e.shiftKey && (v ? document.getElementById("links-filter").focus() : c(!1));
-	}, H = (e, t) => Sr(e.linkContent).toLowerCase().includes(t.toLowerCase()), U = (e) => {
+	}, H = (e, t) => Tr(e.linkContent).toLowerCase().includes(t.toLowerCase()), U = (e) => {
 		let t = e.target.value;
 		_(t), p(i.filter((e) => H(e, t)));
 	};
@@ -7755,11 +7764,11 @@ var zn = {
 		_(""), p(i);
 	}, W = {
 		minWidth: "13rem",
-		width: `${Sr(i.reduce((e, t) => Sr(e.linkContent).length > Sr(t.linkContent).length ? e : t).linkContent).length + 2}ch`
+		width: `${Tr(i.reduce((e, t) => Tr(e.linkContent).length > Tr(t.linkContent).length ? e : t).linkContent).length + 2}ch`
 	}, te = /* @__PURE__ */ e.createElement(Q, {
 		className: `${y}__active-icon`,
 		iconName: "check"
-	}), ne = v && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(_r, {
+	}), G = v && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(br, {
 		hasClearButton: !0,
 		autoComplete: "off",
 		id: "links-filter",
@@ -7769,7 +7778,7 @@ var zn = {
 		placeholder: r,
 		showLabel: !1,
 		type: "search"
-	})), G = f.map((t, n) => {
+	})), K = f.map((t, n) => {
 		let r = t.isActive ? `${C}--active` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: n,
@@ -7800,12 +7809,12 @@ var zn = {
 			zIndex: "var(--pds-z-index-dropdown)",
 			...W
 		} })
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...B } }, ne, /* @__PURE__ */ e.createElement("ul", { className: Z([b, x]) }, G.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${y}__no-results` }, o) : G))));
-}, qr = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...B } }, G, /* @__PURE__ */ e.createElement("ul", { className: Z([b, x]) }, K.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${y}__no-results` }, o) : K))));
+}, Xr = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
 	let o = !1, s = u(bt);
 	s && (o = s.isMobile);
 	let l = "pds-tab-menu", d = o ? `${l}--isMobile` : null, f = ({ dropdownSettings: t, icon: n, isActive: i, linkContent: a, links: s, promoteActiveChildLink: u = !1 }) => {
-		let d = `${l}__item`, f = xr(s);
+		let d = `${l}__item`, f = wr(s);
 		return /* @__PURE__ */ e.createElement("li", { className: Z([d, i ? `${d}--active` : null]) }, ((t, n) => {
 			let i = null;
 			return c(t) && (i = n ? r(t, Object.assign({}, t.props, { children: [/* @__PURE__ */ e.createElement("span", {
@@ -7816,7 +7825,7 @@ var zn = {
 				iconName: n,
 				iconSize: o ? "sm" : "md"
 			}), t.props.children)] })) : t), i;
-		})(u ? f : a, n), s && /* @__PURE__ */ e.createElement(Kr, {
+		})(u ? f : a, n), s && /* @__PURE__ */ e.createElement(Yr, {
 			buttonLabel: t?.buttonLabel,
 			filterLabel: t?.filterLabel,
 			filterPlaceholder: t?.filterPlaceholder,
@@ -7828,7 +7837,7 @@ var zn = {
 		key: n,
 		dropdownSettings: t.dropdownSettings,
 		icon: t.icon,
-		isActive: wr(t),
+		isActive: Dr(t),
 		linkContent: t.linkContent,
 		links: t.links,
 		promoteActiveChildLink: t.promoteActiveChildLink
@@ -7842,7 +7851,7 @@ var zn = {
 		]),
 		...a
 	}, o ? /* @__PURE__ */ e.createElement("div", { className: `${l}__mobile-menu-wrapper` }, p) : p);
-}, Jr = ({ ariaLabel: t = "User menu", className: n, menuItems: r, userEmail: i, userImageSrc: a, userName: o, withinNavbar: s = !0, ...c }) => {
+}, Zr = ({ ariaLabel: t = "User menu", className: n, menuItems: r, userEmail: i, userImageSrc: a, userName: o, withinNavbar: s = !0, ...c }) => {
 	let [l, d] = h(null), [f, p] = h(!1), g = m([]), _ = m([]), v = !1, y = u(bt);
 	y && (v = y.isMobile);
 	let b = s && v, x = "pds-user-menu", T = b ? `${x}--isMobile` : null, D = `${x}__menu`, { context: j, floatingStyles: M, refs: N } = A({
@@ -7876,16 +7885,16 @@ var zn = {
 		initial: { opacity: 0 },
 		open: { opacity: 1 },
 		close: { opacity: 0 }
-	}), ne = /* @__PURE__ */ e.createElement(Me, {
+	}), G = /* @__PURE__ */ e.createElement(Me, {
 		hasUserFallback: !0,
 		className: `${x}__avatar`,
 		imageSrc: a,
 		size: "sm",
 		uniqueId: i
-	}), G = /* @__PURE__ */ e.createElement(Q, {
+	}), K = /* @__PURE__ */ e.createElement(Q, {
 		className: `${x}__trigger-icon`,
 		iconName: "angleDown"
-	}), K = /* @__PURE__ */ e.createElement("li", {
+	}), q = /* @__PURE__ */ e.createElement("li", {
 		className: `${x}__user-details`,
 		role: "presentation"
 	}, b ? null : /* @__PURE__ */ e.createElement("div", { className: `${x}__user-name` }, o), /* @__PURE__ */ e.createElement("div", { className: `${x}__user-email` }, i));
@@ -7893,14 +7902,14 @@ var zn = {
 		let t = e.id ? e.id : we();
 		g.current.push(t), _.current.push(e);
 	});
-	let q = (e) => {
+	let J = (e) => {
 		let t = g.current.indexOf(e), n = _.current[t];
 		n.linkContent && !n.disabled && (V.current[t].querySelector("a").click(), p(!1)), n.callback && !n.disabled && (n.callback(n), p(!1));
+	}, ne = (e) => {
+		e.preventDefault(), e.key === "Enter" && J(e.currentTarget.id);
 	}, re = (e) => {
-		e.preventDefault(), e.key === "Enter" && q(e.currentTarget.id);
-	}, ie = (e) => {
-		q(e.currentTarget.id);
-	}, J = r.map((t, n) => {
+		J(e.currentTarget.id);
+	}, Y = r.map((t, n) => {
 		let r = g.current[n], i = `${x}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -7909,22 +7918,22 @@ var zn = {
 			},
 			className: Z([i, a]),
 			id: r,
-			onKeyDown: re,
+			onKeyDown: ne,
 			role: "menuitem",
 			tabIndex: l === n ? 0 : -1,
-			...U({ onClick: (e) => ie(e) })
+			...U({ onClick: (e) => re(e) })
 		}, t.iconName && /* @__PURE__ */ e.createElement(Q, {
 			className: `${x}__icon`,
 			iconName: t.iconName,
 			iconSize: "sm"
 		}), t.linkContent ? t.linkContent : t.label);
-	}), ae = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+	}), ie = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 		ref: N.setReference,
 		"aria-label": t,
 		className: `${x}__trigger`,
 		type: "button",
 		...ee()
-	}, ne), W && /* @__PURE__ */ e.createElement("div", {
+	}, G), W && /* @__PURE__ */ e.createElement("div", {
 		ref: N.setFloating,
 		className: `${x}__dropdown`,
 		style: {
@@ -7935,7 +7944,7 @@ var zn = {
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...te } }, /* @__PURE__ */ e.createElement("ul", {
 		className: D,
 		role: "menu"
-	}, K, /* @__PURE__ */ e.createElement("li", { role: "separator" }), J)))), Y = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+	}, q, /* @__PURE__ */ e.createElement("li", { role: "separator" }), Y)))), ae = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": !1,
 		"aria-label": t,
 		className: `${x}__toggle`,
@@ -7943,10 +7952,10 @@ var zn = {
 			let t = e.currentTarget;
 			t.classList.toggle(`${x}__toggle--expanded`), t.setAttribute("aria-expanded", t.getAttribute("aria-expanded") === "true" ? "false" : "true"), t.nextElementSibling.classList.toggle(`${x}__mobile-menu--expanded`);
 		}
-	}, /* @__PURE__ */ e.createElement("span", { className: `${x}__toggle-left` }, ne, o || i), G), /* @__PURE__ */ e.createElement("div", { className: `${x}__mobile-menu` }, /* @__PURE__ */ e.createElement("ul", {
+	}, /* @__PURE__ */ e.createElement("span", { className: `${x}__toggle-left` }, G, o || i), K), /* @__PURE__ */ e.createElement("div", { className: `${x}__mobile-menu` }, /* @__PURE__ */ e.createElement("ul", {
 		className: Z([D, `${D}--isMobile`]),
 		role: "menu"
-	}, K, /* @__PURE__ */ e.createElement("li", { role: "separator" }), J)));
+	}, q, /* @__PURE__ */ e.createElement("li", { role: "separator" }), Y)));
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([
 			x,
@@ -7954,8 +7963,8 @@ var zn = {
 			n ?? ""
 		]),
 		...c
-	}, b ? Y : ae);
-}, Yr = {
+	}, b ? ae : ie);
+}, Qr = {
 	silver: "Silver",
 	gold: "Gold",
 	platinum: "Platinum",
@@ -7964,14 +7973,14 @@ var zn = {
 	standard: "Standard",
 	premium: "Premium",
 	priority: "Priority"
-}, Xr = ({ 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", withinNavbar: l = !0, workspaceList: d, ...f }) => {
+}, $r = ({ 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", withinNavbar: l = !0, workspaceList: d, ...f }) => {
 	let [g, _] = h(!1), [v, y] = h(null), [b, x] = h(""), C = m([]), w = m(null), T = d.length >= s, E = !1, D = u(bt);
 	D && (E = D.isMobile);
 	let j = l && E, M = "pds-workspace-selector", N = j ? `${M}--isMobile` : null, z = `${M}__menu`, B = T ? `${z}--scroll` : null, { context: V, floatingStyles: H, refs: U } = A({
 		open: g,
 		onOpenChange: _,
 		whileElementsMounted: S
-	}), ee = O(V, { event: "mousedown" }), { getFloatingProps: W, getItemProps: te, getReferenceProps: ne } = P([
+	}), ee = O(V, { event: "mousedown" }), { getFloatingProps: W, getItemProps: te, getReferenceProps: G } = P([
 		k(V),
 		I(V, { role: "menu" }),
 		ee,
@@ -7996,7 +8005,7 @@ var zn = {
 				return e.find((e) => (e?.textContent?.trim().toLowerCase() ?? "").startsWith(n));
 			}
 		})
-	]), { isMounted: G, styles: K } = L(V, {
+	]), { isMounted: K, styles: q } = L(V, {
 		duration: {
 			open: 300,
 			close: 150
@@ -8004,28 +8013,28 @@ var zn = {
 		initial: { opacity: 0 },
 		open: { opacity: 1 },
 		close: { opacity: 0 }
-	}), q = d.find((e) => e.isActive);
-	q || (q = d[0]);
-	let re = p(() => {
+	}), J = d.find((e) => e.isActive);
+	J || (J = d[0]);
+	let ne = p(() => {
 		if (!b) return d;
 		let e = b.toLowerCase();
 		return d.filter((t) => t.displayName.toLowerCase().includes(e));
-	}, [d, b]), ie = (e) => {
+	}, [d, b]), re = (e) => {
 		e.preventDefault(), e.key === "Enter" && (C.current[v].querySelector("a") || C.current[v].querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? T ? document.getElementById("workspace-filter").focus() : _(!1) : r ? w.current.querySelector("a").focus() : _(!1));
-	}, J = /* @__PURE__ */ e.createElement("div", { className: `${M}__button-content` }, /* @__PURE__ */ e.createElement(Me, {
+	}, Y = /* @__PURE__ */ e.createElement("div", { className: `${M}__button-content` }, /* @__PURE__ */ e.createElement(Me, {
 		className: `${M}__avatar`,
-		imageSrc: q.imageSrc,
+		imageSrc: J.imageSrc,
 		size: "sm",
-		uniqueId: q.workspaceId
-	}), /* @__PURE__ */ e.createElement("span", { className: `${M}__name` }, q.displayName), q.planTier && /* @__PURE__ */ e.createElement(Ne, {
-		color: q.planTier,
-		label: Yr[q.planTier],
+		uniqueId: J.workspaceId
+	}), /* @__PURE__ */ e.createElement("span", { className: `${M}__name` }, J.displayName), J.planTier && /* @__PURE__ */ e.createElement(Ne, {
+		color: J.planTier,
+		label: Qr[J.planTier],
 		size: "sm"
-	})), ae = /* @__PURE__ */ e.createElement(Q, {
+	})), ie = /* @__PURE__ */ e.createElement(Q, {
 		className: `${M}__trigger-icon`,
 		iconName: "angleDown",
 		iconSize: "md"
-	}), Y = T && /* @__PURE__ */ e.createElement("div", { className: `${M}__filter` }, /* @__PURE__ */ e.createElement(_r, {
+	}), ae = T && /* @__PURE__ */ e.createElement("div", { className: `${M}__filter` }, /* @__PURE__ */ e.createElement(br, {
 		hasClearButton: !0,
 		id: "workspace-filter",
 		label: i,
@@ -8034,7 +8043,7 @@ var zn = {
 		placeholder: a,
 		showLabel: !1,
 		type: "search"
-	})), oe = re.map((t, n) => {
+	})), oe = ne.map((t, n) => {
 		let r = `${M}__item`, i = t.isActive ? `${r}--active` : null, a = t.isUnprivileged ? `${r}--unprivileged` : null, o = t.isRestricted ? `${r}--restricted` : null, s = /* @__PURE__ */ e.createElement(Q, {
 			className: `${M}__active-icon`,
 			iconName: "check"
@@ -8059,7 +8068,7 @@ var zn = {
 				o
 			]),
 			id: l,
-			onKeyDown: ie,
+			onKeyDown: re,
 			role: "menuitem",
 			tabIndex: v === n ? 0 : -1,
 			...te()
@@ -8084,13 +8093,13 @@ var zn = {
 		"aria-label": t,
 		className: `${M}__trigger`,
 		type: "button",
-		...ne()
-	}, J, ae), G && /* @__PURE__ */ e.createElement("div", {
+		...G()
+	}, Y, ie), K && /* @__PURE__ */ e.createElement("div", {
 		ref: U.setFloating,
 		className: `${M}__dropdown`,
 		style: { zIndex: "var(--pds-z-index-dropdown)" },
 		...W()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...K } }, Y, /* @__PURE__ */ e.createElement("ul", {
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...q } }, ae, /* @__PURE__ */ e.createElement("ul", {
 		className: Z([z, B]),
 		role: "menu"
 	}, /* @__PURE__ */ e.createElement("li", {
@@ -8105,7 +8114,7 @@ var zn = {
 			t.classList.toggle(`${M}__toggle--expanded`), t.setAttribute("aria-expanded", t.getAttribute("aria-expanded") === "true" ? "false" : "true"), t.nextElementSibling.classList.toggle(`${M}__mobile-menu--expanded`);
 		},
 		type: "button"
-	}, J, ae), /* @__PURE__ */ e.createElement("div", { className: `${M}__mobile-menu` }, Y, /* @__PURE__ */ e.createElement("ul", {
+	}, Y, ie), /* @__PURE__ */ e.createElement("div", { className: `${M}__mobile-menu` }, ae, /* @__PURE__ */ e.createElement("ul", {
 		className: Z([z, `${z}--isMobile`]),
 		role: "menu"
 	}, /* @__PURE__ */ e.createElement("li", {
@@ -8120,11 +8129,11 @@ var zn = {
 		]),
 		...f
 	}, j ? ce : se);
-}, Zr = {
+}, ei = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation"
-}, Qr = ({ banners: t, className: n, dismissLabel: r = "Dismiss", labelNext: i = "Go to next message", labelPrevious: a = "Go to previous message", typeLabels: o = dt, ...s }) => {
+}, ti = ({ banners: t, className: n, dismissLabel: r = "Dismiss", labelNext: i = "Go to next message", labelPrevious: a = "Go to previous message", typeLabels: o = dt, ...s }) => {
 	let [c, l] = h(t);
 	d(() => {
 		l(t);
@@ -8158,7 +8167,7 @@ var zn = {
 			style: { zIndex: v(n).zIndex }
 		}, /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement(Q, {
 			className: `${f}__icon ${f}__icon--${t.type}`,
-			iconName: Zr[d],
+			iconName: ei[d],
 			iconSize: "md"
 		}), /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h, " "), s)), a && /* @__PURE__ */ e.createElement("button", {
 			className: `${f}__dismiss-button`,
@@ -8196,12 +8205,12 @@ var zn = {
 		onClick: x,
 		size: "lg"
 	}), c.map((e, t) => C(e, t))) : C(c[0], 0));
-}, $r = {
+}, ni = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation"
-}, ei = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
+}, ri = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
 	...dt,
 	working: "Working"
 }, ...o }) => {
@@ -8225,16 +8234,16 @@ var zn = {
 		colorType: "monochromatic",
 		size: "lg"
 	}) : /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${i}` in $r ? $r[i] : $r.info,
+		iconName: `${i}` in ni ? ni[i] : ni.info,
 		iconSize: "lg"
 	})), /* @__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)));
-}, ti = {
+}, ii = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation",
 	discovery: "squareQuestion"
-}, ni = ({ className: t, ctaButton: n, dismissLabel: r = "Dismiss", id: i, isDismissible: a, message: o, onDismiss: s, title: c, type: l = "info", typeLabels: u = dt, ...d }) => {
+}, ai = ({ className: t, ctaButton: n, dismissLabel: r = "Dismiss", id: i, isDismissible: a, message: o, onDismiss: s, title: c, type: l = "info", typeLabels: u = dt, ...d }) => {
 	let f = m(null), p = "pds-section-message", h = {
 		error: `${p}--error`,
 		success: `${p}--success`,
@@ -8266,7 +8275,7 @@ var zn = {
 		role: v,
 		...d
 	}, /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__icon ${p}__icon-${l}` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${l}` in ti ? ti[l] : ti.info,
+		iconName: `${l}` in ii ? ii[l] : ii.info,
 		iconSize: "lg"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${p}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, y), c && /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, c), /* @__PURE__ */ e.createElement("div", { className: `${p}__message` }, b))), (n || a) && /* @__PURE__ */ e.createElement("div", { className: `${p}__actions` }, n && /* @__PURE__ */ e.createElement(at, {
 		...n,
@@ -8283,10 +8292,10 @@ var zn = {
 		iconName: "xmark",
 		iconSize: "lg"
 	}))));
-}, ri = 3e4, ii = {
+}, oi = 3e4, si = {
 	pause: "Pause notification",
 	resume: "Resume notification"
-}, ai = i({ labelStrings: ii }), oi = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement("button", {
+}, ci = i({ labelStrings: si }), li = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement("button", {
 	"aria-label": t ?? "Close",
 	className: "pds-toast__close-button",
 	onClick: (e) => {
@@ -8297,13 +8306,13 @@ var zn = {
 }, /* @__PURE__ */ e.createElement(Q, {
 	iconName: "xmark",
 	iconSize: "md"
-})), si = ({ className: t, labelStrings: n = ii, limit: r = 5, position: i = "bottom-right" }) => {
+})), ui = ({ className: t, labelStrings: n = si, limit: r = 5, position: i = "bottom-right" }) => {
 	let a = Z(["pds-toaster", t]);
-	return /* @__PURE__ */ e.createElement(ai.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(fe, {
+	return /* @__PURE__ */ e.createElement(ci.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(fe, {
 		newestOnTop: !0,
 		autoClose: !1,
 		className: a,
-		closeButton: oi,
+		closeButton: li,
 		draggable: !1,
 		icon: !1,
 		limit: r,
@@ -8312,18 +8321,18 @@ var zn = {
 		role: "status",
 		transition: de
 	}));
-}, ci = {
+}, di = {
 	info: "circleInfo",
 	success: "check",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation"
-}, li = {
+}, fi = {
 	info: "Information",
 	success: "Success",
 	warning: "Warning",
 	critical: "Critical",
 	working: "Working..."
-}, ui = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = li }) => {
+}, pi = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = fi }) => {
 	let c = "pds-toast", l = {
 		info: `${c}--info`,
 		success: `${c}--success`,
@@ -8333,7 +8342,7 @@ var zn = {
 		dismissing: `${c}--dismissing`,
 		dismissed: `${c}--dismissed`,
 		transition: `${c}--transition`
-	}, d = `${s[o]} `, { labelStrings: f } = u(ai), [p, m] = h(!1), g = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
+	}, d = `${s[o]} `, { labelStrings: f } = u(ci), [p, m] = h(!1), g = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			c,
@@ -8346,7 +8355,7 @@ var zn = {
 		size: "lg"
 	}) : /* @__PURE__ */ e.createElement(Q, {
 		className: `${c}__icon ${c}__icon--${o}`,
-		iconName: `${o}` in ci ? ci[o] : ci.info
+		iconName: `${o}` in di ? di[o] : di.info
 	})), /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), g && /* @__PURE__ */ e.createElement("button", {
 		"aria-label": p ? f.resume : f.pause,
 		className: `${c}__pause-button`,
@@ -8357,11 +8366,11 @@ var zn = {
 		},
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, { iconName: p ? "play" : "pause" })));
-}, di = /* @__PURE__ */ function(e) {
+}, mi = /* @__PURE__ */ function(e) {
 	return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
-}({}), fi = () => [
+}({}), hi = () => [
 	(t, n, r = {}) => {
-		let i = r.toastId ?? we(), a = typeof r.autoClose == "number" ? Math.max(ri, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(ui, {
+		let i = r.toastId ?? we(), a = typeof r.autoClose == "number" ? Math.max(oi, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(pi, {
 			autoCloseDuration: a || void 0,
 			toastId: i,
 			type: t
@@ -8386,27 +8395,27 @@ var zn = {
 		enter: "pds-toast--bounceInPlace",
 		exit: "pds-toast--slideOut"
 	})
-], pi = (e, t) => {
+], gi = (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(() => {
+}, _i = ({ 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 pi(1, i);
+	if (a >= i) return gi(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 [
-		...pi(1, 3 + 2 * e),
+		...gi(1, 3 + 2 * e),
 		"...",
 		i
 	];
 	if (l && !u) return [
 		1,
 		"...",
-		...pi(i - (3 + 2 * e) + 1, i)
+		...gi(i - (3 + 2 * e) + 1, i)
 	];
 	if (l && u) return [
 		1,
 		"...",
-		...pi(s, c),
+		...gi(s, c),
 		"...",
 		o
 	];
@@ -8415,11 +8424,11 @@ var zn = {
 	n,
 	e,
 	t
-]), hi = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
+]), vi = ({ 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, totalItemCount: l, ...u }) => {
-	let d = mi({
+	let d = _i({
 		currentPage: r,
 		totalItemCount: l,
 		bufferCount: t,
@@ -8467,7 +8476,7 @@ var zn = {
 		onClick: r === f ? void 0 : p,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, { iconName: "arrowRight" })))));
-}, gi = 0, _i = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
+}, yi = 0, bi = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
 	let [c, l] = h(i), u = m(r || `expansion-panel-${we()}`).current, f = "pds-expansion-panel", p = a ? null : `${f}--no-border`, g = m(null), _ = m(null), v = m(null);
 	return d(() => {
 		let e = g.current, t = _.current, n = v.current;
@@ -8478,7 +8487,7 @@ var zn = {
 			i = !0, l(!1);
 			let n = `${e.offsetHeight}px`, a = `${t.offsetHeight}px`;
 			r && r.cancel(), r = e.animate({ height: [n, a] }, {
-				duration: gi,
+				duration: yi,
 				easing: Le
 			}), r.onfinish = () => d(!1), r.oncancel = () => i = !1;
 		}, c = () => {
@@ -8487,7 +8496,7 @@ var zn = {
 			a = !0;
 			let i = `${e.offsetHeight}px`, o = `${t.offsetHeight + n.offsetHeight}px`;
 			r && r.cancel(), r = e.animate({ height: [i, o] }, {
-				duration: gi,
+				duration: yi,
 				easing: Le
 			}), r.onfinish = () => d(!0), r.oncancel = () => a = !1;
 		}, d = (t) => {
@@ -8513,7 +8522,7 @@ var zn = {
 		ref: v,
 		className: `${f}__content`
 	}, t)));
-}, vi = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
+}, xi = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
 	let a = "pds-expansion-panel-group", o = `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8523,7 +8532,7 @@ var zn = {
 		]),
 		...i
 	}, t);
-}, yi = ({ children: t, className: n, hasStatusIndicator: r = !1, padding: i = "standard", statusType: a, typeLabels: o = dt, variant: s = "default", ...c }) => {
+}, Si = ({ children: t, className: n, hasStatusIndicator: r = !1, padding: i = "standard", statusType: a, typeLabels: o = dt, variant: s = "default", ...c }) => {
 	let l = "pds-panel", u = r ? `${l}__status ${l}__status-${a}` : null, d = `${l}--${s}`, f = `${l}__content`, p = i === "standard" ? null : `${f}--pad-${i}`, m = a && a !== "neutral" ? `${o[a]}: ` : null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8533,7 +8542,7 @@ var zn = {
 		]),
 		...c
 	}, r && a && /* @__PURE__ */ e.createElement("span", { className: u }, m && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m)), /* @__PURE__ */ e.createElement("div", { className: Z([f, p]) }, t));
-}, bi = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "md", ...o }) => {
+}, Ci = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "md", ...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([
@@ -8545,7 +8554,7 @@ var zn = {
 		]),
 		...o
 	}, n);
-}, xi = 0, Si = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
+}, wi = 0, Ti = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
 	let o = "pds-panel-row", [s, c] = h(!1), l = m(null), u = m(null), d = Ee(t), f = d["items-left"], p = d["items-right"], g = d["items-below"], _ = () => {
 		let e = u.current, t = l.current;
 		if (!e || !t) return;
@@ -8560,7 +8569,7 @@ var zn = {
 				height: n,
 				opacity: "1"
 			}], {
-				duration: xi,
+				duration: wi,
 				easing: Le
 			}).onfinish = () => {
 				Object.assign(e.style, {
@@ -8577,7 +8586,7 @@ var zn = {
 				height: "0px",
 				opacity: "0"
 			}], {
-				duration: xi,
+				duration: wi,
 				easing: Le
 			}).onfinish = () => {
 				Object.assign(e.style, {
@@ -8609,7 +8618,7 @@ var zn = {
 			opacity: "0"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, g)));
-}, Ci = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
+}, Ei = ({ 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,
@@ -8622,7 +8631,7 @@ var zn = {
 		width: o,
 		...s
 	}));
-}, wi = 8, Ti = 14, Ei = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: u = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: g = "Show more information", triggerIcon: y = "circleInfo", ...T }) => {
+}, Di = 8, Oi = 14, ki = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: u = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: g = "Show more information", triggerIcon: y = "circleInfo", ...T }) => {
 	let [D, j] = h(u);
 	d(() => {
 		j(u);
@@ -8648,13 +8657,13 @@ var zn = {
 		O(B),
 		k(B),
 		I(B)
-	]), ne = H.arrow?.x ?? 0, G = H.arrow?.y ?? 0, K = ne + Ti / 2, q = G + wi, { isMounted: re } = L(B, {
+	]), G = H.arrow?.x ?? 0, K = H.arrow?.y ?? 0, q = G + Oi / 2, J = K + Di, { isMounted: ne } = L(B, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${K}px calc(100% + ${wi}px)`,
-			bottom: `${K}px -8px`,
-			left: `calc(100% + ${wi}px) ${q}px`,
-			right: `-8px ${q}px`
+			top: `${q}px calc(100% + ${Di}px)`,
+			bottom: `${q}px -8px`,
+			left: `calc(100% + ${Di}px) ${J}px`,
+			right: `-8px ${J}px`
 		}[e] })
 	});
 	return /* @__PURE__ */ e.createElement("div", {
@@ -8671,7 +8680,7 @@ var zn = {
 		className: `${N}__icon`,
 		iconName: y,
 		iconSize: "md"
-	}))), re && /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(v, {
+	}))), ne && /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(v, {
 		context: B,
 		initialFocus: -1,
 		modal: o
@@ -8685,23 +8694,23 @@ var zn = {
 		className: `${N}__arrow`,
 		context: B,
 		fill: "var(--pds-color-bg-default)",
-		height: wi,
+		height: Di,
 		stroke: "var(--pds-color-border-default)",
 		strokeWidth: 1,
 		tipRadius: 0,
-		width: Ti
+		width: Oi
 	}), /* @__PURE__ */ e.createElement("div", { className: `${N}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${N}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${N}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${N}__close-wrapper` }, /* @__PURE__ */ e.createElement(ut, {
 		ariaLabel: r,
 		iconSize: "lg",
 		onClick: ee
 	})))))));
-}, Di = {
+}, Ai = {
 	neutral: "--pds-color-status-neutral-utility",
 	info: "--pds-color-status-info-foreground",
 	success: "--pds-color-status-success-foreground",
 	warning: "--pds-color-status-warning-foreground",
 	critical: "--pds-color-status-critical-foreground"
-}, Oi = ({ className: t, colorBreakpoints: n = [{
+}, ji = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -8722,7 +8731,7 @@ var zn = {
 		id: f
 	}, i), (y || l) && /* @__PURE__ */ e.createElement("div", { className: `${p}__details` }, y && v, l && /* @__PURE__ */ e.createElement("div", {
 		className: `${p}__percentage`,
-		style: { color: `hsl(from var(${Di[_]}) h s calc(l - 7))` }
+		style: { color: `hsl(from var(${Ai[_]}) h s calc(l - 7))` }
 	}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${p}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": f,
 		"aria-valuenow": g,
@@ -8732,10 +8741,10 @@ var zn = {
 		className: `${p}__bar`,
 		style: {
 			width: `${g}%`,
-			backgroundColor: `var(${Di[_]})`
+			backgroundColor: `var(${Ai[_]})`
 		}
 	}))), b && v);
-}, ki = ({ className: t, id: n, innerLabel: r, label: i, percentage: a, showLabel: o = !1, showPercentage: s = !1, size: c = "md", ...l }) => {
+}, Mi = ({ className: t, id: n, innerLabel: r, label: i, percentage: a, showLabel: o = !1, showPercentage: s = !1, size: c = "md", ...l }) => {
 	let u = n || we(), d = "pds-progress-ring", f = o ? `${d}__label` : "visually-hidden", p = `${d}__loading-text ${d}__loading-text--${c}`, m = (e) => e * 16, h = m(wn), g = 7;
 	c === "sm" && (h = m(Cn), g /= 1.25), c === "lg" && (h = m(Tn), g *= 1.25);
 	let _ = h / 2 - g / 2, v = 2 * Math.PI * _, y = v - v * a / 100, b;
@@ -8784,7 +8793,7 @@ var zn = {
 		x: "50%",
 		y: "51%"
 	}, b))));
-}, Ai = ({ attribution: t, className: n, image: r, layoutType: i = "stand-alone", quote: a, ...o }) => {
+}, Ni = ({ attribution: t, className: n, image: r, layoutType: i = "stand-alone", quote: a, ...o }) => {
 	let s = "pds-pull-quote", c = `${s}--${i}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8803,9 +8812,9 @@ var zn = {
 		iconName: "quotesRight",
 		iconSize: "4xl"
 	}))));
-}, ji = /* @__PURE__ */ function(e) {
+}, Pi = /* @__PURE__ */ function(e) {
 	return e.CHECKED = "checked", e.DEFAULT = "default", e.WORKING = "working", e;
-}({}), Mi = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s, ...c }) => {
+}({}), Fi = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s, ...c }) => {
 	let l = s ?? "default", u = {
 		checkForUpdates: "Check for updates",
 		checking: "Checking...",
@@ -8854,7 +8863,7 @@ var zn = {
 		triggerIconColor: "default",
 		triggerIconSize: "sm"
 	}), t === "left" && v));
-}, Ni = ({ className: t, handleUpgradeClick: n, popoverContent: r, popoverIsOpen: i, popoverTitle: a, setPopoverIsOpen: o, siteName: s, sitePlanLevel: c, siteType: l, triggerProps: u, upgradeLabel: d, workspaceName: f, ...p }) => {
+}, Ii = ({ className: t, handleUpgradeClick: n, popoverContent: r, popoverIsOpen: i, popoverTitle: a, setPopoverIsOpen: o, siteName: s, sitePlanLevel: c, siteType: l, triggerProps: u, upgradeLabel: d, workspaceName: f, ...p }) => {
 	let m = "pds-site-dashboard-heading", h = c && c in gt ? gt[c] : c, g = l ? vt[l] : "bolt";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([m, t ?? ""]),
@@ -8873,7 +8882,7 @@ var zn = {
 		color: "neutral",
 		label: h,
 		size: "md"
-	}), r && /* @__PURE__ */ e.createElement(Ei, {
+	}), r && /* @__PURE__ */ e.createElement(ki, {
 		content: r,
 		placement: "bottom",
 		popoverIsOpen: i,
@@ -8882,7 +8891,7 @@ var zn = {
 		triggerIcon: "circleInfo",
 		...u
 	})))));
-}, Pi = {
+}, Li = {
 	bluesky: {
 		icon: "bluesky",
 		url: "https://bsky.app/profile/pantheon.io",
@@ -8918,7 +8927,7 @@ var zn = {
 		url: "https://www.youtube.com/user/GetPantheon",
 		label: "Pantheon on YouTube"
 	}
-}, Fi = ({ className: t, linkItems: n = [
+}, Ri = ({ className: t, linkItems: n = [
 	"facebook",
 	"x",
 	"bluesky",
@@ -8934,15 +8943,15 @@ var zn = {
 		key: n,
 		className: `${i}__item`
 	}, /* @__PURE__ */ e.createElement("a", {
-		"aria-label": Pi[t].label,
-		href: Pi[t].url,
+		"aria-label": Li[t].label,
+		href: Li[t].url,
 		rel: "noreferrer",
 		target: "_blank"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		iconName: Pi[t].icon,
+		iconName: Li[t].icon,
 		iconSize: "xl"
 	})))));
-}, Ii = ({ className: t, label: n = null, size: r = "md", type: i = "neutral", ...a }) => {
+}, zi = ({ className: t, label: n = null, size: r = "md", type: i = "neutral", ...a }) => {
 	let o = "pds-status-indicator", s = `${o}--${i}`, c = `${o}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8961,7 +8970,7 @@ var zn = {
 		className: `${o}__icon`,
 		role: "img"
 	}), n && /* @__PURE__ */ e.createElement("span", { className: "pds-status-indicator__label" }, n));
-}, Li = ({ className: t, steps: n, translatableLabels: r = {
+}, Bi = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -9021,7 +9030,7 @@ var zn = {
 				key: t.id,
 				className: `${o}__step`,
 				id: `${t.id}--mobile`
-			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(ki, {
+			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Mi, {
 				innerLabel: n,
 				label: "Step progress",
 				percentage: i,
@@ -9046,7 +9055,7 @@ var zn = {
 		"data-steps": d,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, h)));
-}, Ri = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, Vi = ({ _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]),
@@ -9068,14 +9077,14 @@ var zn = {
 		size: "sm",
 		variant: "primary"
 	})))));
-}, zi = ({ className: t, labelStrings: n = {
+}, Hi = ({ 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(Ri, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Vi, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -9096,7 +9105,7 @@ var zn = {
 		className: Z([a, t ?? ""]),
 		...i
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
-}, Bi = ({ className: t, headers: n, rowData: r, ...i }) => {
+}, Ui = ({ className: t, headers: n, rowData: r, ...i }) => {
 	let [a] = h(n), [o, s] = h(r), [c, l] = h({
 		order: "asc",
 		key: ""
@@ -9137,7 +9146,7 @@ var zn = {
 		iconName: "caretDown",
 		iconSize: "sm"
 	})))) : /* @__PURE__ */ e.createElement("span", null, t.title))))), /* @__PURE__ */ e.createElement("tbody", null, o.map((e, t) => p(e, t)))));
-}, Vi = ({ 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 }) => {
+}, Wi = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
 	let u = "pds-toc", f = [
 		" ",
 		"/",
@@ -9239,7 +9248,7 @@ var zn = {
 		activeID: b,
 		headings: y
 	}));
-}, Hi = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, Gi = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [l, u] = h(a ?? r);
 	d(() => {
 		a !== void 0 && u(a);
@@ -9358,7 +9367,7 @@ var zn = {
 		className: `${c}__panel-content`,
 		hidden: s != l
 	}, r)))));
-}, Ui = [
+}, Ki = [
 	"color-1",
 	"color-2",
 	"color-3",
@@ -9379,8 +9388,8 @@ var zn = {
 	"color-18",
 	"color-19",
 	"color-20"
-], Wi = (e) => Ui[parseInt(g(e), 16) % Ui.length], Gi = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Ki = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", tagColor: o, tagLabel: s, ...l }) => {
-	let [u, d] = h(!0), f = "pds-tag", p = o ? `${f}--${o}` : `${f}--${Wi(s)}`, m = u ? null : "pds-tag--hide", g = () => {
+], qi = (e) => Ki[parseInt(g(e), 16) % Ki.length], Ji = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Yi = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", tagColor: o, tagLabel: s, ...l }) => {
+	let [u, d] = h(!0), f = "pds-tag", p = o ? `${f}--${o}` : `${f}--${qi(s)}`, m = u ? null : "pds-tag--hide", g = () => {
 		d((e) => !e);
 	}, _, v, y;
 	if (r && !n && c(r)) {
@@ -9401,7 +9410,7 @@ var zn = {
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${f}__label`,
 		title: s
-	}, Gi(s, 20)), n ? /* @__PURE__ */ e.createElement("button", {
+	}, Ji(s, 20)), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${s}`,
 		className: `${f}__remove`,
 		onClick: () => {
@@ -9413,7 +9422,7 @@ var zn = {
 		iconName: "xmark",
 		iconSize: "md"
 	})) : null);
-}, qi = ({ className: t, onChange: n, theme: r = "light", translations: i = {
+}, Xi = ({ className: t, onChange: n, theme: r = "light", translations: i = {
 	light: "Light",
 	dark: "Dark",
 	system: "System"
@@ -9467,7 +9476,7 @@ var zn = {
 		offsetValue: 0,
 		preferredPlacement: "top"
 	}));
-}, Ji = ({ className: t, listItems: r, ...i }) => {
+}, Zi = ({ className: t, listItems: r, ...i }) => {
 	let o = "pds-tile-list", s = ({ alt: t, image: n, name: r, org: i, title: a }) => /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("div", { className: `${o}__image ${o}__image--avatar` }, /* @__PURE__ */ e.createElement("img", {
 		alt: t,
 		src: n
@@ -9489,7 +9498,7 @@ var zn = {
 		]),
 		...i
 	}, u());
-}, Yi = ({ className: t, displayType: n = "border", headingLevel: r = "span", headingText: i, imageSrc: a, linkContent: o, summary: s, ...c }) => {
+}, Qi = ({ className: t, displayType: n = "border", headingLevel: r = "span", headingText: i, imageSrc: a, linkContent: o, summary: s, ...c }) => {
 	let l = "pds-tile", u = `${l}--${n}`;
 	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -9505,12 +9514,12 @@ var zn = {
 		baseClass: l,
 		className: "pds-ts-xl",
 		level: r
-	}, i), s && /* @__PURE__ */ e.createElement("div", { className: `${l}__summary` }, /* @__PURE__ */ e.createElement("p", null, s)), o && (n == "border" || n == "clean") && /* @__PURE__ */ e.createElement(Hn, {
+	}, i), s && /* @__PURE__ */ e.createElement("div", { className: `${l}__summary` }, /* @__PURE__ */ e.createElement("p", null, s)), o && (n == "border" || n == "clean") && /* @__PURE__ */ e.createElement(Un, {
 		className: `${l}__cta`,
 		linkContent: o,
 		size: "sm"
 	})), /* @__PURE__ */ e.createElement("span", { className: `${l}__separator` }));
-}, Xi = ({ className: t, displayType: n = "border", headingLevel: r = "h2", tiles: i, ...a }) => {
+}, $i = ({ className: t, displayType: n = "border", headingLevel: r = "h2", tiles: i, ...a }) => {
 	let o = i.length, s = "pds-tile-grid", c = `${s}--${n}`, l = o === 2 || o === 4 ? `${s}--two-column` : null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -9520,7 +9529,7 @@ var zn = {
 			t ?? ""
 		]),
 		...a
-	}, i.map((t, i) => /* @__PURE__ */ e.createElement(Yi, {
+	}, i.map((t, i) => /* @__PURE__ */ e.createElement(Qi, {
 		key: i,
 		className: t.className,
 		displayType: n,
@@ -9530,7 +9539,7 @@ var zn = {
 		linkContent: t.linkContent,
 		summary: t.summary
 	})));
-}, Zi = ({ children: t, className: n, containerWidth: r = "x-wide", hasSidebarToggle: i, isSidebarCollapsed: o, labels: s = {
+}, ea = ({ children: t, className: n, containerWidth: r = "x-wide", hasSidebarToggle: i, isSidebarCollapsed: o, labels: s = {
 	collapseSidebar: "Collapse sidebar",
 	expandSidebar: "Expand sidebar"
 }, mainContentElement: c = "main", mainContentProps: l, onSidebarToggle: f, sidebarCollapsedWidth: p = 3.5, sidebarExpandedWidth: m = "15%", sidebarExpandedWidthMin: g = 13, sidebarProps: _, ...v }) => {
@@ -9581,7 +9590,7 @@ var zn = {
 		]),
 		...v
 	}, y ? M : N);
-}, Qi = ({ children: t, className: n, hasContentSpacing: r, ...i }) => {
+}, ta = ({ children: t, className: n, hasContentSpacing: r, ...i }) => {
 	let { isMobile: a } = u(bt), o = "pds-dashboard-inner", s = a ? `${o}--isMobile` : `${o}--notMobile`, c = Ee(t), l = c["header-left"], d = c["header-right"], f = c.__unslotted || c.content;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -9591,7 +9600,7 @@ var zn = {
 		]),
 		...i
 	}, (l || d) && /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, l && /* @__PURE__ */ e.createElement("div", { className: `${o}__header-left` }, l), d && /* @__PURE__ */ e.createElement("div", { className: `${o}__header-right` }, d)), f && /* @__PURE__ */ e.createElement("div", { className: r ? `${o}__content ${o}__content--with-spacing` : `${o}__content` }, f));
-}, $i = ({ children: t, className: n, sidebarMinWidth: r = 14.5, sidebarWidth: i = "18%", ...a }) => {
+}, na = ({ children: t, className: n, sidebarMinWidth: r = 14.5, sidebarWidth: i = "18%", ...a }) => {
 	let o = !1, s = u(bt);
 	s && (o = s.isMobile);
 	let c = "pds-docs-layout", l = o ? `${c}--isMobile` : null, d = {
@@ -9610,7 +9619,7 @@ var zn = {
 		]),
 		...a
 	}, o ? h : g);
-}, ea = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "standard", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: d, mobileFlexDirection: f = "column", mobileFlexWrap: p, mobileGap: m, mobileJustifyContent: h, ...g }) => {
+}, ra = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "standard", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: d, mobileFlexDirection: f = "column", mobileFlexWrap: p, mobileGap: m, mobileJustifyContent: h, ...g }) => {
 	let _ = yt() <= 640, v = u(bt);
 	v && (_ = v.isMobile);
 	let y = "pds-flex", b = `${y}-container`, x = _ ? `${b}--mobile` : null, S = null;
@@ -9638,7 +9647,7 @@ var zn = {
 		]),
 		...g
 	}, r);
-}, ta = ({ children: t, mobileMenuMaxWidth: n = 640 }) => /* @__PURE__ */ e.createElement(xt, { mobileMenuMaxWidth: n }, /* @__PURE__ */ e.createElement(Ue, null, t)), na = ({ children: t, className: n, gridGap: r = "standard", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "standard", ...s }) => {
+}, ia = ({ children: t, mobileMenuMaxWidth: n = 640 }) => /* @__PURE__ */ e.createElement(xt, { mobileMenuMaxWidth: n }, /* @__PURE__ */ e.createElement(Ue, null, t)), aa = ({ children: t, className: n, gridGap: r = "standard", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "standard", ...s }) => {
 	let c = "pds-sidebar-layout", l = `pds-grid pds-grid--${r}`, d = `${c}--${o}`, f = !1, p = u(bt);
 	p && (f = p.isMobile);
 	let m = Ee(t), h = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", g = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
@@ -9659,18 +9668,18 @@ var zn = {
 		]),
 		...s
 	}, f ? a === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, _) : /* @__PURE__ */ e.createElement(e.Fragment, null, _, v) : i === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, _) : /* @__PURE__ */ e.createElement(e.Fragment, null, _, v));
-}, ra = ({ children: t, className: n, ...r }) => {
+}, oa = ({ children: t, className: n, ...r }) => {
 	let i = Ee(t), a = i.stepper, o = i.form, s = m(null), [c] = ue(s), l = c.width;
 	document.documentElement.style.setProperty("--stepper-layout-max-width", l + "px");
 	let u = "pds-stepper-layout";
-	return /* @__PURE__ */ e.createElement(Lr, {
+	return /* @__PURE__ */ e.createElement(Br, {
 		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));
-}, ia = ({ children: t, className: n, gridGap: r = "standard", verticalAlign: i = "start", ...a }) => {
+}, sa = ({ children: t, className: n, gridGap: r = "standard", verticalAlign: i = "start", ...a }) => {
 	let o = "pds-three-item-layout", s = r === "standard" ? "pds-grid" : `pds-grid pds-grid--${r}`, c = `${o}--${i}`, l = Ee(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -9688,7 +9697,7 @@ var zn = {
 		key: n,
 		className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
 	}, t)));
-}, aa = ({ children: t, className: n, gridGap: r = "standard", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, ca = ({ children: t, className: n, gridGap: r = "standard", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
 	let s = "pds-two-item-layout", c = r === "standard" ? "pds-grid" : `pds-grid pds-grid--${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":
@@ -9709,7 +9718,7 @@ var zn = {
 		]),
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
-}, oa = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, sa = ({ 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 = oa, variant: h = "pie", ...g }) => {
+}, la = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, ua = ({ 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 = la, 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 = $t(i, on(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) => rn(e, S, t.color, en(i, t.paletteIndex));
 	if (o) {
 		let t = `${Math.round(w * .8)}px`;
@@ -9784,10 +9793,10 @@ var zn = {
 			margin: "0 auto",
 			width: `min(100%, ${w}px)`
 		}
-	}, /* @__PURE__ */ e.createElement(K, {
+	}, /* @__PURE__ */ e.createElement(q, {
 		height: w,
 		width: "100%"
-	}, /* @__PURE__ */ e.createElement(ne, null, /* @__PURE__ */ e.createElement(te, {
+	}, /* @__PURE__ */ e.createElement(G, null, /* @__PURE__ */ e.createElement(te, {
 		cx: "50%",
 		cy: "50%",
 		data: A,
@@ -9799,7 +9808,7 @@ var zn = {
 	}, a.map((t, n) => /* @__PURE__ */ e.createElement(U, {
 		key: t.label,
 		fill: k(n, t)
-	}))), D && /* @__PURE__ */ e.createElement(q, {
+	}))), D && /* @__PURE__ */ e.createElement(J, {
 		content: (t) => {
 			if (!t.active || !t.payload?.length) return null;
 			let n = t.payload[0], r = Number(n.value ?? 0), i = O > 0 ? Math.round(r / O * 100) : 0, a = String(n.payload?.fill ?? "");
@@ -9832,7 +9841,7 @@ var zn = {
 		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, "%"));
 	}))));
-}, ca = (e, t) => {
+}, da = (e, t) => {
 	let [n, r] = h(!1), i = l((n) => {
 		n.key === e && (r(!0), t && t(n));
 	}, [e, t]), a = l((t) => {
@@ -9843,6 +9852,6 @@ var zn = {
 	}), [i, a]), n;
 };
 //#endregion
-export { Zi as AppLayout, Me as Avatar, Ji as AvatarTileList, Qr as Banner, Nn as BarChart, ze as BranchDiff, br as Breadcrumb, at as Button, ot as ButtonLink, Or as ButtonNav, Hn as CTALink, Un as CTASlice, Dt as Callout, Ot as Card, kt as CardHeading, At as CardSelectGroup, er as Checkbox, tr as CheckboxFieldset, nr as CheckboxGroup, lt as ClipboardButton, ut as CloseButton, Vn as CodeBlock, rr as Combobox, ar as ComboboxMultiselect, Zt as CompactEmptyState, Kt as ComparisonList, Lr as Container, Ar as DashboardContext, jr as DashboardGlobal, Qi as DashboardInner, Pr as DashboardNav, Nr as DashboardNavItem, Ir as DashboardSearch, Wn as DashboardStat, cr as Datepicker, $i as DocsLayout, Gn as Drawer, Mr as DropdownMenu, jt as EmptyStateCard, _i as ExpansionPanel, vi as ExpansionPanelGroup, Yn as FileDiff, lr as FileUpload, ea as FlexContainer, Xn as FlowSteps, Zn as FooterHeading, Qn as FooterLinks, ta as GlobalWrapper, qn as HorizontalEmptyState, Q as Icon, ct as IconButton, Ne as IndicatorBadge, ei as InlineMessage, ur as InputGroup, Fn as LineChart, vr as LinkNewWindow, Mt as LinksCard, ri as MIN_AUTO_CLOSE_DURATION, St as MenuButton, yr as Modal, Br as NavMenu, Rr as Navbar, Vt as NewSiteCard, hi as Pagination, yi as Panel, bi as PanelList, Si as PanelRow, zt as PantheonLogo, Wt as PaymentCard, Ut as PaymentIcon, Ci as Picture, sa as PieChart, Pt as PlatformIcon, Ei as Popover, Yt as PricingCard, Oi as ProgressBar, ki as ProgressRing, Ln as ProportionBar, Ai as PullQuote, dr as RadioGroup, Mi as RefreshChecker, ji as RefreshCheckerState, bt as ResponsiveContext, ni as SectionMessage, Ct as SegmentedButton, Jt as Select, qt as SelectOptionGroup, Vr as SideNav, Ur as SideNavCompact, Gr as SideNavGlobal, Wr as SideNavGlobalItem, na as SidebarLayout, Xt as SiteCard, Ni as SiteDashboardHeading, $n as SiteFooter, Fr as SiteOptionDisplay, gt as SitePlanLevelLabel, vt as SiteTypeIcon, _t as SiteTypeLabel, kn as Skeleton, kr as Skiplink, Fi as SocialLinks, it as Spinner, wt as SplitButton, Pe as StatusBadge, Ii as StatusIndicator, dt as StatusTypeLabels, Li as Stepper, ra as StepperLayout, fr as Switch, qr as TabMenu, Bi as Table, Vi as TableOfContents, Hi as Tabs, Ki as Tag, mr as TagsInput, Fe as Tally, _r as TextInput, hr as Textarea, qi as ThemeSwitcher, ia as ThreeItemLayout, Yi as Tile, Xi as TileGrid, ui as Toast, di as ToastType, si as Toaster, ai as ToasterContext, Re as Tooltip, aa as TwoItemLayout, Jr as UserMenu, Tt as UtilityButton, Jn as VerticalEmptyState, zi as VerticalStepper, Kn as VideoEmbed, Xr as WorkspaceSelector, Bt as badgeTypes, ke as iconList, pt as isHeadingItemType, mt as isLinkItemType, ht as isNodeItemType, ft as isSeparatorItemType, Ui as tagColors, st as useClipboard, ca as useKeyPress, fi as useToast, yt as useWindowWidth };
+export { ea as AppLayout, Me as Avatar, Zi as AvatarTileList, ti as Banner, Nn as BarChart, ze as BranchDiff, Cr as Breadcrumb, at as Button, ot as ButtonLink, jr as ButtonNav, Un as CTALink, Wn as CTASlice, Dt as Callout, Ot as Card, kt as CardHeading, At as CardSelectGroup, rr as Checkbox, ir as CheckboxFieldset, ar as CheckboxGroup, lt as ClipboardButton, ut as CloseButton, Hn as CodeBlock, or as Combobox, cr as ComboboxMultiselect, Zt as CompactEmptyState, Kt as ComparisonList, Br as Container, Nr as DashboardContext, Pr as DashboardGlobal, ta as DashboardInner, Lr as DashboardNav, Ir as DashboardNavItem, zr as DashboardSearch, Gn as DashboardStat, dr as Datepicker, na as DocsLayout, Kn as Drawer, Fr as DropdownMenu, jt as EmptyStateCard, bi as ExpansionPanel, xi as ExpansionPanelGroup, Xn as FileDiff, fr as FileUpload, ra as FlexContainer, Zn as FlowSteps, Qn as FooterHeading, $n as FooterLinks, ia as GlobalWrapper, Jn as HorizontalEmptyState, Q as Icon, ct as IconButton, Ne as IndicatorBadge, ri as InlineMessage, pr as InputGroup, Fn as LineChart, xr as LinkNewWindow, Mt as LinksCard, oi as MIN_AUTO_CLOSE_DURATION, St as MenuButton, Sr as Modal, Ur as NavMenu, Vr as Navbar, Vt as NewSiteCard, vi as Pagination, Si as Panel, Ci as PanelList, Ti as PanelRow, zt as PantheonLogo, Wt as PaymentCard, Ut as PaymentIcon, Ei as Picture, ua as PieChart, Pt as PlatformIcon, ki as Popover, Yt as PricingCard, ji as ProgressBar, Mi as ProgressRing, Ln as ProportionBar, Ni as PullQuote, mr as RadioGroup, Fi as RefreshChecker, Pi as RefreshCheckerState, bt as ResponsiveContext, ai as SectionMessage, Ct as SegmentedButton, Jt as Select, qt as SelectOptionGroup, Wr as SideNav, Kr as SideNavCompact, Jr as SideNavGlobal, qr as SideNavGlobalItem, aa as SidebarLayout, Xt as SiteCard, Ii as SiteDashboardHeading, nr as SiteFooter, Rr as SiteOptionDisplay, gt as SitePlanLevelLabel, vt as SiteTypeIcon, _t as SiteTypeLabel, kn as Skeleton, Mr as Skiplink, Ri as SocialLinks, it as Spinner, wt as SplitButton, Pe as StatusBadge, zi as StatusIndicator, dt as StatusTypeLabels, Bi as Stepper, oa as StepperLayout, hr as Switch, Xr as TabMenu, Ui as Table, Wi as TableOfContents, Gi as Tabs, Yi as Tag, _r as TagsInput, Fe as Tally, br as TextInput, vr as Textarea, Xi as ThemeSwitcher, sa as ThreeItemLayout, Qi as Tile, $i as TileGrid, pi as Toast, mi as ToastType, ui as Toaster, ci as ToasterContext, Re as Tooltip, ca as TwoItemLayout, Zr as UserMenu, Tt as UtilityButton, Yn as VerticalEmptyState, Hi as VerticalStepper, qn as VideoEmbed, $r as WorkspaceSelector, Bt as badgeTypes, ke as iconList, pt as isHeadingItemType, mt as isLinkItemType, ht as isNodeItemType, ft as isSeparatorItemType, Ki as tagColors, st as useClipboard, da as useKeyPress, hi as useToast, yt as useWindowWidth };
 
 //# sourceMappingURL=index.js.map