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

package/dist/index.js

@@ -8919,347 +8919,7 @@ var Hr = {
 		]),
 		...i
 	}, t);
-}, Yi = {
-	light: "sunBright",
-	dark: "moon",
-	system: "circleHalfStroke"
-}, Xi = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
-	light: "Light",
-	dark: "Dark",
-	system: "System"
-}, onChange: i, size: a = "m", theme: o = "light", variant: s = "toggle", ...c }) => {
-	let l = "pds-theme-switcher", u = r.tooltip ?? "Change theme", d = [
-		"light",
-		"dark",
-		"system"
-	];
-	if (s === "toggle") {
-		let s = d.map((e) => ({
-			iconName: Yi[e],
-			label: r[e],
-			value: e
-		}));
-		return /* @__PURE__ */ e.createElement("div", {
-			className: Z([l, t]),
-			...c
-		}, /* @__PURE__ */ e.createElement(nr, {
-			iconOnly: !0,
-			id: n,
-			label: u,
-			onChange: (e) => i?.(e),
-			options: s,
-			size: a,
-			value: o
-		}));
-	}
-	let f = d.map((e) => ({
-		callback: () => i?.(e),
-		iconName: Yi[e],
-		iconSize: "m",
-		label: r[e]
-	}));
-	return /* @__PURE__ */ e.createElement("div", {
-		className: Z([l, t]),
-		...c
-	}, /* @__PURE__ */ e.createElement(nn, {
-		content: u,
-		customTrigger: /* @__PURE__ */ e.createElement(tr, {
-			iconOnly: !0,
-			"aria-label": u,
-			iconName: Yi[o],
-			id: n,
-			label: "",
-			menuItems: f,
-			size: "m"
-		}),
-		offsetValue: 0,
-		preferredPlacement: "top"
-	}));
-}, Zi = ({ ariaLabel: t = "User menu", className: n, isMobileAccordion: r = !1, menuItems: i = [], onThemeChange: a, theme: o, themeLabel: s = "Theme", themeLabelStrings: c, userEmail: l, userImageSrc: u, userName: f, ...p }) => {
-	let [m, _] = g(null), [v, y] = g(!1), b = Xt(), x = r && b, C = h([]), D = h([]), k = d(), N = "pds-user-menu", P = `${N}__menu`, { context: F, floatingStyles: B, refs: V } = M({
-		placement: "bottom-end",
-		open: v,
-		onOpenChange: y,
-		middleware: [
-			E(12),
-			T(),
-			O()
-		],
-		whileElementsMounted: w,
-		strategy: "fixed"
-	}), H = A(F, { event: "mousedown" }), U = j(F), W = R(F, { role: "menu" }), G = h([]), { getFloatingProps: K, getItemProps: q, getReferenceProps: J } = I([
-		U,
-		W,
-		H,
-		L(F, {
-			listRef: G,
-			activeIndex: m,
-			onNavigate: _,
-			loop: !0,
-			openOnArrowKeyDown: !0,
-			focusItemOnOpen: !1,
-			focusItemOnHover: !0
-		})
-	]), { isMounted: ee, styles: te } = z(F, {
-		duration: {
-			open: 300,
-			close: 150
-		},
-		initial: { opacity: 0 },
-		open: { opacity: 1 },
-		close: { opacity: 0 }
-	}), ne = /* @__PURE__ */ e.createElement(bt, {
-		hasUserFallback: !0,
-		className: `${N}__avatar`,
-		imageSrc: u,
-		size: "s",
-		uniqueId: l
-	}), re = /* @__PURE__ */ e.createElement("li", {
-		className: `${N}__user-details`,
-		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("div", { className: `${N}__user-name` }, f), /* @__PURE__ */ e.createElement("div", { className: `${N}__user-email` }, l)), ie = o !== void 0 && typeof a == "function" ? /* @__PURE__ */ e.createElement("li", {
-		className: `${N}__theme-row`,
-		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("span", { className: `${N}__theme-label` }, s), /* @__PURE__ */ e.createElement(Xi, {
-		id: `${k}-theme`,
-		labelStrings: c,
-		onChange: a,
-		size: "s",
-		theme: o,
-		variant: "toggle"
-	})) : null;
-	i.forEach((e, t) => {
-		let n = e.id ? e.id : `${k}-item-${t}`;
-		C.current.push(n), D.current.push(e);
-	});
-	let ae = (e) => {
-		let t = C.current.indexOf(e), n = D.current[t];
-		n.linkContent && !n.disabled && (G.current[t].querySelector("a").click(), y(!1)), n.callback && !n.disabled && (n.callback(), y(!1));
-	}, oe = (e) => {
-		e.preventDefault(), e.key === "Enter" && ae(e.currentTarget.id);
-	}, Y = (e) => {
-		ae(e.currentTarget.id);
-	}, se = i.map((t, n) => {
-		let r = C.current[n], i = `${N}__item`, a = t.disabled ? `${i}--disabled` : null;
-		return /* @__PURE__ */ e.createElement("li", {
-			key: r,
-			ref: (e) => {
-				G.current[n] = e;
-			},
-			"aria-disabled": t.disabled || void 0,
-			className: Z([i, a]),
-			id: r,
-			onKeyDown: oe,
-			role: "menuitem",
-			tabIndex: m === n ? 0 : -1,
-			...q({ onClick: (e) => Y(e) })
-		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
-			className: `${N}__icon`,
-			iconName: t.iconName,
-			size: "m"
-		}));
-	}), X = i.map((t, n) => {
-		let r = C.current[n], i = `${N}__item`, a = t.disabled ? `${i}--disabled` : null;
-		return /* @__PURE__ */ e.createElement("li", {
-			key: r,
-			"aria-disabled": t.disabled || void 0,
-			className: Z([i, a]),
-			id: `${r}-accordion`,
-			onClick: () => {
-				t.linkContent && !t.disabled ? document.getElementById(`${r}-accordion`)?.querySelector("a")?.click() : t.callback && !t.disabled && t.callback();
-			},
-			role: "menuitem"
-		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
-			className: `${N}__icon`,
-			iconName: t.iconName,
-			size: "m"
-		}));
-	}), ce = /* @__PURE__ */ e.createElement("span", { className: `${N}__toggle-left` }, ne, f ?? l);
-	return /* @__PURE__ */ e.createElement("span", {
-		className: Z([N, n ?? ""]),
-		...p
-	}, x ? /* @__PURE__ */ e.createElement(qn, { label: ce }, /* @__PURE__ */ e.createElement("ul", {
-		className: Z([P, `${P}--mobile`]),
-		role: "menu"
-	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, X)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
-		ref: V.setReference,
-		"aria-label": t,
-		className: `${N}__trigger`,
-		type: "button",
-		...J()
-	}, ne), ee && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		ref: V.setFloating,
-		className: `${N}__dropdown`,
-		style: {
-			...B,
-			zIndex: "var(--pds-z-index-dropdown)"
-		},
-		...K()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...te } }, /* @__PURE__ */ e.createElement("ul", {
-		className: P,
-		role: "menu"
-	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, se))))));
-}, Qi = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", isMobileAccordion: o = !1, menuHeading: s = "Workspaces", minFilterItems: c = 8, noResultsText: l = "No results found", workspaceList: u = [], ...d }) => {
-	let [f, _] = g(""), [v, y] = g(""), b = h(null), x = u.length >= c, C = Xt(), w = o && C, T = "pds-workspace-selector", E = `${T}__menu`, D = x ? `${E}--scroll` : null, { activeIndex: O, floatingStyles: k, getFloatingProps: A, getItemProps: j, getReferenceProps: M, isMounted: N, listRef: P, refs: F, setIsOpen: I, transitionStyles: L } = Pn({
-		enableTypeahead: !x,
-		role: "menu"
-	}), R = u.find((e) => e.isActive);
-	R || (R = u[0]);
-	let z = h(null);
-	p(() => {
-		let e = z.current, t = e?.parentElement;
-		if (!e || !t) return;
-		let n = () => {
-			t.style.width = "";
-			let n = document.createRange();
-			n.selectNodeContents(e);
-			let r = Array.from(n.getClientRects()).slice(0, 2), i = Math.max(0, ...r.map((e) => e.width));
-			i > 0 && (t.style.width = `${Math.ceil(i)}px`);
-		};
-		n(), document.fonts?.ready.then(n);
-	}, [R?.displayName]);
-	let B = m(() => {
-		if (!f) return u;
-		let e = f.toLowerCase();
-		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [u, f]), V = m(() => {
-		if (!v) return u;
-		let e = v.toLowerCase();
-		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [u, v]), H = (e) => {
-		e.preventDefault(), e.key === "Enter" && (P.current[O]?.querySelector("a") || P.current[O]?.querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? x ? document.getElementById("workspace-filter")?.focus() : I(!1) : r ? b.current?.querySelector("a")?.focus() : I(!1));
-	}, U = (t) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${T}__item-content` }, /* @__PURE__ */ e.createElement(bt, {
-		className: `${T}__list-avatar`,
-		imageSrc: t.imageSrc,
-		size: "s",
-		uniqueId: t.workspaceId
-	}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${T}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
-		className: `${T}__lock-icon`,
-		iconName: "lock"
-	}), t.isActive && /* @__PURE__ */ e.createElement(Gn, null))), W = B.map((t, n) => {
-		let r = `${T}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
-			P.current[n] = e;
-		};
-		return /* @__PURE__ */ e.createElement("li", {
-			key: i,
-			ref: s,
-			className: Z([
-				"pds-dropdown__item",
-				r,
-				t.isActive ? "pds-dropdown__item--active" : null,
-				t.isActive ? `${r}--active` : null,
-				t.isUnprivileged ? `${r}--unprivileged` : null,
-				t.isRestricted ? `${r}--restricted` : null
-			]),
-			id: i,
-			onKeyDown: H,
-			role: "menuitem",
-			tabIndex: O === n ? 0 : -1,
-			...j()
-		}, a ? /* @__PURE__ */ e.createElement("button", {
-			onClick: () => {
-				t.onRestrictedSelection(), I(!1);
-			},
-			type: "button"
-		}, U(t)) : o ? /* @__PURE__ */ e.createElement(o, Object.assign({}, t.workspaceLink.props, { onClick: () => I(!1) }), U(t)) : null);
-	}), G = V.map((t) => {
-		let n = `${T}__item`, r = t.workspaceId, i = t.isRestricted && t.onRestrictedSelection, a = t.workspaceLink?.type;
-		return /* @__PURE__ */ e.createElement("li", {
-			key: `${r}-accordion`,
-			className: Z([
-				"pds-dropdown__item",
-				n,
-				t.isActive ? "pds-dropdown__item--active" : null,
-				t.isActive ? `${n}--active` : null,
-				t.isUnprivileged ? `${n}--unprivileged` : null,
-				t.isRestricted ? `${n}--restricted` : null
-			]),
-			id: `${r}-accordion`,
-			role: "menuitem"
-		}, i ? /* @__PURE__ */ e.createElement("button", {
-			onClick: () => t.onRestrictedSelection(),
-			type: "button"
-		}, U(t)) : a ? /* @__PURE__ */ e.createElement(a, Object.assign({}, t.workspaceLink?.props), U(t)) : null);
-	}), K = r && /* @__PURE__ */ e.createElement("div", {
-		ref: b,
-		className: `${T}__create-link`
-	}, /* @__PURE__ */ e.createElement("span", {
-		className: `${T}__create-link-inner`,
-		onBlur: () => I(!1),
-		onClick: () => I(!1)
-	}, r, /* @__PURE__ */ e.createElement(Q, {
-		iconName: "plus",
-		size: "s"
-	}))), q = (t) => R ? /* @__PURE__ */ e.createElement("div", { className: `${T}__button-content` }, /* @__PURE__ */ e.createElement(bt, {
-		className: `${T}__avatar`,
-		imageSrc: R.imageSrc,
-		size: "s",
-		uniqueId: R.workspaceId
-	}), /* @__PURE__ */ e.createElement("span", { className: `${T}__name` }, /* @__PURE__ */ e.createElement("span", {
-		ref: t,
-		className: `${T}__name-text`
-	}, R.displayName))) : null;
-	return /* @__PURE__ */ e.createElement("span", {
-		className: Z([T, n]),
-		...d
-	}, w ? /* @__PURE__ */ e.createElement(qn, { label: q() }, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
-		hasClearButton: !0,
-		id: "workspace-filter-mobile",
-		label: i,
-		onChange: (e) => y(e.target.value),
-		onClear: () => y(""),
-		placeholder: a,
-		showLabel: !1,
-		type: "search"
-	})), /* @__PURE__ */ e.createElement("ul", {
-		className: Z([E, `${E}--mobile`]),
-		role: "menu"
-	}, /* @__PURE__ */ e.createElement("li", {
-		className: `pds-dropdown__heading ${T}__item-heading`,
-		role: "presentation"
-	}, s), G.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : G), r && /* @__PURE__ */ e.createElement("div", { className: `${T}__create-link` }, /* @__PURE__ */ e.createElement("span", { className: `${T}__create-link-inner` }, r, /* @__PURE__ */ e.createElement(Q, {
-		iconName: "plus",
-		size: "s"
-	})))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
-		ref: F.setReference,
-		"aria-label": t,
-		className: `${T}__trigger`,
-		type: "button",
-		...M()
-	}, q(z), /* @__PURE__ */ e.createElement(Q, {
-		className: `${T}__trigger-icon`,
-		iconName: "angleDown",
-		size: "m"
-	})), N && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		ref: F.setFloating,
-		className: `pds-dropdown__panel ${T}__dropdown`,
-		style: {
-			...k,
-			...L,
-			zIndex: "var(--pds-z-index-dropdown)"
-		},
-		...A()
-	}, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
-		hasClearButton: !0,
-		id: "workspace-filter",
-		label: i,
-		onChange: (e) => _(e.target.value),
-		onClear: () => _(""),
-		placeholder: a,
-		showLabel: !1,
-		type: "search"
-	})), /* @__PURE__ */ e.createElement("ul", {
-		className: Z([E, D]),
-		role: "menu"
-	}, /* @__PURE__ */ e.createElement("li", {
-		className: `pds-dropdown__heading ${T}__item-heading`,
-		role: "presentation"
-	}, s), W.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : W), K))));
-}, $i = [
-	tr,
-	Zi,
-	Qi
-], ea = (e) => t.map(e, (e) => s(e) && $i.includes(e.type) ? r(e, { isMobileAccordion: !0 }) : e), ta = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, translationStrings: s = {
+}, Yi = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, translationStrings: s = {
 	closeMobileNav: "Close navigation area",
 	openMobileNav: "Open navigation area"
 }, ...c }) => {
@@ -9329,7 +8989,7 @@ var Hr = {
 		className: "visually-hidden",
 		onClick: b,
 		type: "button"
-	}, s.closeMobileNav), ea(w), ea(T), ea(E))))) : /* @__PURE__ */ e.createElement(Ji, {
+	}, s.closeMobileNav), w, T, E)))) : /* @__PURE__ */ e.createElement(Ji, {
 		className: `${h}__inner`,
 		style: o ? { paddingInline: o } : void 0,
 		width: i
@@ -9337,7 +8997,7 @@ var Hr = {
 		"aria-hidden": "true",
 		className: `${h}__separator`
 	}), w && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-left` }, w)), T && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-center` }, T), E && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-right` }, E)));
-}, na = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
+}, Xi = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: c, mobileMenuSelectTextFallback: l = "Navigate to...", ...d }) => {
@@ -9427,7 +9087,7 @@ var Hr = {
 		]),
 		...d
 	}, S, i && C);
-}, ra = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
+}, Zi = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
 	let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Gi(d, o, s, t)), _ = (t, n) => /* @__PURE__ */ e.createElement("ul", { className: Z([
 		p,
 		`${p}--${n}`,
@@ -9513,7 +9173,7 @@ var Hr = {
 		},
 		preferredPlacement: "right"
 	}) : m));
-}, ia = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
+}, Qi = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, onExpandSidebar: o, ...s }) => {
@@ -9542,7 +9202,7 @@ var Hr = {
 			role: "presentation"
 		}, t.label);
 		let a = Vi(t);
-		return /* @__PURE__ */ e.createElement(ra, {
+		return /* @__PURE__ */ e.createElement(Zi, {
 			key: n,
 			icon: t.icon,
 			isActive: a,
@@ -9564,7 +9224,7 @@ var Hr = {
 		]),
 		...s
 	}, h);
-}, aa = ({ items: t, label: n }) => {
+}, $i = ({ items: t, label: n }) => {
 	let r = h(null), i = "pds-nav-menu", a = t && t.length > 0, { floatingStyles: o, getFloatingProps: s, getReferenceProps: c, isOpen: l, refs: u } = Pn({
 		offsetValue: 8,
 		openOnHover: !Xt()
@@ -9601,7 +9261,7 @@ var Hr = {
 		key: n,
 		className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${f(t) ? " pds-dropdown__item--active" : ""}`}`
 	}, !t.isSeparator && t.linkContent)))));
-}, oa = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
+}, ea = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
 	let [a, o] = g(null), [s, c] = g(-1), [l, f] = g(null), [p, m] = g({
 		container: null,
 		containerChildren: []
@@ -9648,7 +9308,7 @@ var Hr = {
 			},
 			className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${x(t) === !0 ? `${v}__item--active` : ""}`,
 			id: i
-		}, /* @__PURE__ */ e.createElement(aa, {
+		}, /* @__PURE__ */ e.createElement($i, {
 			items: t.links,
 			label: t.label
 		}))) : S.push(/* @__PURE__ */ e.createElement("li", {
@@ -9667,7 +9327,7 @@ var Hr = {
 		},
 		...i
 	}, /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, S));
-}, sa = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
+}, ta = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
 	let [s, c] = g(i), [l, d] = g(""), f = i.length >= a, p = "pds-tab-menu", m = `${p}__dropdown-menu`, h = f ? `${m}--scroll` : null, _ = `${p}__dropdown-item`, { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setActiveIndex: O, transitionStyles: k } = Pn({
 		offsetValue: 8,
 		placement: "bottom-start",
@@ -9732,7 +9392,7 @@ var Hr = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		} })
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...k } }, I, /* @__PURE__ */ e.createElement("ul", { className: Z([m, h]) }, L.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, o) : L)))));
-}, ca = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
+}, na = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
 	let o = "pds-tab-menu", c = ({ dropdownSettings: t, icon: n, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
 		let u = `${o}__item`, d = Ri(c);
 		return /* @__PURE__ */ e.createElement("li", { className: Z([u, i ? `${u}--active` : null]) }, ((t, n) => {
@@ -9745,7 +9405,7 @@ var Hr = {
 				iconName: n,
 				size: "m"
 			}), t.props.children)] })) : t), i;
-		})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(sa, {
+		})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(ta, {
 			buttonLabel: t?.buttonLabel,
 			filterLabel: t?.filterLabel,
 			filterPlaceholder: t?.filterPlaceholder,
@@ -9767,11 +9427,11 @@ var Hr = {
 		className: Z([o, n ?? ""]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu-wrapper` }, l));
-}, la = {
+}, ra = {
 	2: "second",
 	3: "third",
 	4: "fourth"
-}, ua = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
+}, ia = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, ...o }) => {
@@ -9891,7 +9551,7 @@ var Hr = {
 			display: "none"
 		}), b();
 	}, j = (t, n, r) => {
-		let a = la[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, f = Vi(n);
+		let a = ra[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, f = Vi(n);
 		if (_.current && n.path) {
 			let e = _.current.querySelector(`.${c}[data-item-path="${n.path}"]`);
 			if (e) {
@@ -9910,62 +9570,398 @@ var Hr = {
 			verticalAlign: "-0.0625rem"
 		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${zi(n.linkContent)} ${i.submenu}`)), Wi(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
 			className: Z([
-				l,
-				o,
-				f ? `${l}--expanded` : null
+				l,
+				o,
+				f ? `${l}--expanded` : null
+			]),
+			role: "group"
+		}, n.links.map((t, n) => {
+			let r = Vi(t);
+			return /* @__PURE__ */ e.createElement("li", {
+				key: `${n}-${a}`,
+				"aria-expanded": t.links ? r : void 0,
+				"aria-selected": r,
+				className: Z([
+					c,
+					u,
+					r ? `${c}--active` : null
+				]),
+				"data-item-path": t.path || "",
+				role: "treeitem"
+			}, t.links && d in ra ? j(d, t, t.links) : t.linkContent);
+		})));
+	}, M = (t, n) => {
+		let { linkContent: r, links: i } = t, a = Vi(t);
+		return /* @__PURE__ */ e.createElement("li", {
+			key: n,
+			"aria-expanded": i ? a : void 0,
+			"aria-selected": a,
+			className: Z([
+				c,
+				`${c}--top-level`,
+				a ? `${c}--active` : null
+			]),
+			"data-item-path": t.path || "",
+			role: "treeitem"
+		}, i ? j(2, t, i) : r);
+	};
+	return /* @__PURE__ */ e.createElement("nav", {
+		ref: _,
+		"aria-label": t,
+		className: Z([s, n ?? ""]),
+		onFocus: D,
+		onKeyDown: (e) => {
+			w(e), E(e);
+		},
+		tabIndex: 0,
+		...o
+	}, r && /* @__PURE__ */ e.createElement("h2", { className: `${s}__heading` }, r), a.length > 0 && /* @__PURE__ */ e.createElement("ul", {
+		"aria-label": t,
+		className: `${s}__menu ${s}__menu--top-level`,
+		role: "tree"
+	}, a.map((e, t) => M(e, t))));
+}, aa = {
+	light: "sunBright",
+	dark: "moon",
+	system: "circleHalfStroke"
+}, oa = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
+	light: "Light",
+	dark: "Dark",
+	system: "System"
+}, onChange: i, size: a = "m", theme: o = "light", variant: s = "toggle", ...c }) => {
+	let l = "pds-theme-switcher", u = r.tooltip ?? "Change theme", d = [
+		"light",
+		"dark",
+		"system"
+	];
+	if (s === "toggle") {
+		let s = d.map((e) => ({
+			iconName: aa[e],
+			label: r[e],
+			value: e
+		}));
+		return /* @__PURE__ */ e.createElement("div", {
+			className: Z([l, t]),
+			...c
+		}, /* @__PURE__ */ e.createElement(nr, {
+			iconOnly: !0,
+			id: n,
+			label: u,
+			onChange: (e) => i?.(e),
+			options: s,
+			size: a,
+			value: o
+		}));
+	}
+	let f = d.map((e) => ({
+		callback: () => i?.(e),
+		iconName: aa[e],
+		iconSize: "m",
+		label: r[e]
+	}));
+	return /* @__PURE__ */ e.createElement("div", {
+		className: Z([l, t]),
+		...c
+	}, /* @__PURE__ */ e.createElement(nn, {
+		content: u,
+		customTrigger: /* @__PURE__ */ e.createElement(tr, {
+			iconOnly: !0,
+			"aria-label": u,
+			iconName: aa[o],
+			id: n,
+			label: "",
+			menuItems: f,
+			size: "m"
+		}),
+		offsetValue: 0,
+		preferredPlacement: "top"
+	}));
+}, sa = ({ ariaLabel: t = "User menu", className: n, isMobileAccordion: r = !1, menuItems: i = [], onThemeChange: a, theme: o, themeLabel: s = "Theme", themeLabelStrings: c, userEmail: l, userImageSrc: u, userName: f, ...p }) => {
+	let [m, _] = g(null), [v, y] = g(!1), b = Xt(), x = r && b, C = h([]), D = h([]), k = d(), N = "pds-user-menu", P = `${N}__menu`, { context: F, floatingStyles: B, refs: V } = M({
+		placement: "bottom-end",
+		open: v,
+		onOpenChange: y,
+		middleware: [
+			E(12),
+			T(),
+			O()
+		],
+		whileElementsMounted: w,
+		strategy: "fixed"
+	}), H = A(F, { event: "mousedown" }), U = j(F), W = R(F, { role: "menu" }), G = h([]), { getFloatingProps: K, getItemProps: q, getReferenceProps: J } = I([
+		U,
+		W,
+		H,
+		L(F, {
+			listRef: G,
+			activeIndex: m,
+			onNavigate: _,
+			loop: !0,
+			openOnArrowKeyDown: !0,
+			focusItemOnOpen: !1,
+			focusItemOnHover: !0
+		})
+	]), { isMounted: ee, styles: te } = z(F, {
+		duration: {
+			open: 300,
+			close: 150
+		},
+		initial: { opacity: 0 },
+		open: { opacity: 1 },
+		close: { opacity: 0 }
+	}), ne = /* @__PURE__ */ e.createElement(bt, {
+		hasUserFallback: !0,
+		className: `${N}__avatar`,
+		imageSrc: u,
+		size: "s",
+		uniqueId: l
+	}), re = /* @__PURE__ */ e.createElement("li", {
+		className: `${N}__user-details`,
+		role: "presentation"
+	}, /* @__PURE__ */ e.createElement("div", { className: `${N}__user-name` }, f), /* @__PURE__ */ e.createElement("div", { className: `${N}__user-email` }, l)), ie = o !== void 0 && typeof a == "function" ? /* @__PURE__ */ e.createElement("li", {
+		className: `${N}__theme-row`,
+		role: "presentation"
+	}, /* @__PURE__ */ e.createElement("span", { className: `${N}__theme-label` }, s), /* @__PURE__ */ e.createElement(oa, {
+		id: `${k}-theme`,
+		labelStrings: c,
+		onChange: a,
+		size: "s",
+		theme: o,
+		variant: "toggle"
+	})) : null;
+	i.forEach((e, t) => {
+		let n = e.id ? e.id : `${k}-item-${t}`;
+		C.current.push(n), D.current.push(e);
+	});
+	let ae = (e) => {
+		let t = C.current.indexOf(e), n = D.current[t];
+		n.linkContent && !n.disabled && (G.current[t].querySelector("a").click(), y(!1)), n.callback && !n.disabled && (n.callback(), y(!1));
+	}, oe = (e) => {
+		e.preventDefault(), e.key === "Enter" && ae(e.currentTarget.id);
+	}, Y = (e) => {
+		ae(e.currentTarget.id);
+	}, se = i.map((t, n) => {
+		let r = C.current[n], i = `${N}__item`, a = t.disabled ? `${i}--disabled` : null;
+		return /* @__PURE__ */ e.createElement("li", {
+			key: r,
+			ref: (e) => {
+				G.current[n] = e;
+			},
+			"aria-disabled": t.disabled || void 0,
+			className: Z([i, a]),
+			id: r,
+			onKeyDown: oe,
+			role: "menuitem",
+			tabIndex: m === n ? 0 : -1,
+			...q({ onClick: (e) => Y(e) })
+		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
+			className: `${N}__icon`,
+			iconName: t.iconName,
+			size: "m"
+		}));
+	}), X = i.map((t, n) => {
+		let r = C.current[n], i = `${N}__item`, a = t.disabled ? `${i}--disabled` : null;
+		return /* @__PURE__ */ e.createElement("li", {
+			key: r,
+			"aria-disabled": t.disabled || void 0,
+			className: Z([i, a]),
+			id: `${r}-accordion`,
+			onClick: () => {
+				t.linkContent && !t.disabled ? document.getElementById(`${r}-accordion`)?.querySelector("a")?.click() : t.callback && !t.disabled && t.callback();
+			},
+			role: "menuitem"
+		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
+			className: `${N}__icon`,
+			iconName: t.iconName,
+			size: "m"
+		}));
+	}), ce = /* @__PURE__ */ e.createElement("span", { className: `${N}__toggle-left` }, ne, f ?? l);
+	return /* @__PURE__ */ e.createElement("span", {
+		className: Z([N, n ?? ""]),
+		...p
+	}, x ? /* @__PURE__ */ e.createElement(qn, { label: ce }, /* @__PURE__ */ e.createElement("ul", {
+		className: Z([P, `${P}--mobile`]),
+		role: "menu"
+	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, X)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		ref: V.setReference,
+		"aria-label": t,
+		className: `${N}__trigger`,
+		type: "button",
+		...J()
+	}, ne), ee && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+		ref: V.setFloating,
+		className: `${N}__dropdown`,
+		style: {
+			...B,
+			zIndex: "var(--pds-z-index-dropdown)"
+		},
+		...K()
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...te } }, /* @__PURE__ */ e.createElement("ul", {
+		className: P,
+		role: "menu"
+	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, se))))));
+}, ca = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", isMobileAccordion: o = !1, menuHeading: s = "Workspaces", minFilterItems: c = 8, noResultsText: l = "No results found", workspaceList: u = [], ...d }) => {
+	let [f, _] = g(""), [v, y] = g(""), b = h(null), x = u.length >= c, C = Xt(), w = o && C, T = "pds-workspace-selector", E = `${T}__menu`, D = x ? `${E}--scroll` : null, { activeIndex: O, floatingStyles: k, getFloatingProps: A, getItemProps: j, getReferenceProps: M, isMounted: N, listRef: P, refs: F, setIsOpen: I, transitionStyles: L } = Pn({
+		enableTypeahead: !x,
+		role: "menu"
+	}), R = u.find((e) => e.isActive);
+	R || (R = u[0]);
+	let z = h(null);
+	p(() => {
+		let e = z.current, t = e?.parentElement;
+		if (!e || !t) return;
+		let n = () => {
+			t.style.width = "";
+			let n = document.createRange();
+			n.selectNodeContents(e);
+			let r = Array.from(n.getClientRects()).slice(0, 2), i = Math.max(0, ...r.map((e) => e.width));
+			i > 0 && (t.style.width = `${Math.ceil(i)}px`);
+		};
+		n(), document.fonts?.ready.then(n);
+	}, [R?.displayName]);
+	let B = m(() => {
+		if (!f) return u;
+		let e = f.toLowerCase();
+		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
+	}, [u, f]), V = m(() => {
+		if (!v) return u;
+		let e = v.toLowerCase();
+		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
+	}, [u, v]), H = (e) => {
+		e.preventDefault(), e.key === "Enter" && (P.current[O]?.querySelector("a") || P.current[O]?.querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? x ? document.getElementById("workspace-filter")?.focus() : I(!1) : r ? b.current?.querySelector("a")?.focus() : I(!1));
+	}, U = (t) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${T}__item-content` }, /* @__PURE__ */ e.createElement(bt, {
+		className: `${T}__list-avatar`,
+		imageSrc: t.imageSrc,
+		size: "s",
+		uniqueId: t.workspaceId
+	}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${T}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
+		className: `${T}__lock-icon`,
+		iconName: "lock"
+	}), t.isActive && /* @__PURE__ */ e.createElement(Gn, null))), W = B.map((t, n) => {
+		let r = `${T}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
+			P.current[n] = e;
+		};
+		return /* @__PURE__ */ e.createElement("li", {
+			key: i,
+			ref: s,
+			className: Z([
+				"pds-dropdown__item",
+				r,
+				t.isActive ? "pds-dropdown__item--active" : null,
+				t.isActive ? `${r}--active` : null,
+				t.isUnprivileged ? `${r}--unprivileged` : null,
+				t.isRestricted ? `${r}--restricted` : null
 			]),
-			role: "group"
-		}, n.links.map((t, n) => {
-			let r = Vi(t);
-			return /* @__PURE__ */ e.createElement("li", {
-				key: `${n}-${a}`,
-				"aria-expanded": t.links ? r : void 0,
-				"aria-selected": r,
-				className: Z([
-					c,
-					u,
-					r ? `${c}--active` : null
-				]),
-				"data-item-path": t.path || "",
-				role: "treeitem"
-			}, t.links && d in la ? j(d, t, t.links) : t.linkContent);
-		})));
-	}, M = (t, n) => {
-		let { linkContent: r, links: i } = t, a = Vi(t);
+			id: i,
+			onKeyDown: H,
+			role: "menuitem",
+			tabIndex: O === n ? 0 : -1,
+			...j()
+		}, a ? /* @__PURE__ */ e.createElement("button", {
+			onClick: () => {
+				t.onRestrictedSelection(), I(!1);
+			},
+			type: "button"
+		}, U(t)) : o ? /* @__PURE__ */ e.createElement(o, Object.assign({}, t.workspaceLink.props, { onClick: () => I(!1) }), U(t)) : null);
+	}), G = V.map((t) => {
+		let n = `${T}__item`, r = t.workspaceId, i = t.isRestricted && t.onRestrictedSelection, a = t.workspaceLink?.type;
 		return /* @__PURE__ */ e.createElement("li", {
-			key: n,
-			"aria-expanded": i ? a : void 0,
-			"aria-selected": a,
+			key: `${r}-accordion`,
 			className: Z([
-				c,
-				`${c}--top-level`,
-				a ? `${c}--active` : null
+				"pds-dropdown__item",
+				n,
+				t.isActive ? "pds-dropdown__item--active" : null,
+				t.isActive ? `${n}--active` : null,
+				t.isUnprivileged ? `${n}--unprivileged` : null,
+				t.isRestricted ? `${n}--restricted` : null
 			]),
-			"data-item-path": t.path || "",
-			role: "treeitem"
-		}, i ? j(2, t, i) : r);
-	};
-	return /* @__PURE__ */ e.createElement("nav", {
-		ref: _,
+			id: `${r}-accordion`,
+			role: "menuitem"
+		}, i ? /* @__PURE__ */ e.createElement("button", {
+			onClick: () => t.onRestrictedSelection(),
+			type: "button"
+		}, U(t)) : a ? /* @__PURE__ */ e.createElement(a, Object.assign({}, t.workspaceLink?.props), U(t)) : null);
+	}), K = r && /* @__PURE__ */ e.createElement("div", {
+		ref: b,
+		className: `${T}__create-link`
+	}, /* @__PURE__ */ e.createElement("span", {
+		className: `${T}__create-link-inner`,
+		onBlur: () => I(!1),
+		onClick: () => I(!1)
+	}, r, /* @__PURE__ */ e.createElement(Q, {
+		iconName: "plus",
+		size: "s"
+	}))), q = (t) => R ? /* @__PURE__ */ e.createElement("div", { className: `${T}__button-content` }, /* @__PURE__ */ e.createElement(bt, {
+		className: `${T}__avatar`,
+		imageSrc: R.imageSrc,
+		size: "s",
+		uniqueId: R.workspaceId
+	}), /* @__PURE__ */ e.createElement("span", { className: `${T}__name` }, /* @__PURE__ */ e.createElement("span", {
+		ref: t,
+		className: `${T}__name-text`
+	}, R.displayName))) : null;
+	return /* @__PURE__ */ e.createElement("span", {
+		className: Z([T, n]),
+		...d
+	}, w ? /* @__PURE__ */ e.createElement(qn, { label: q() }, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
+		hasClearButton: !0,
+		id: "workspace-filter-mobile",
+		label: i,
+		onChange: (e) => y(e.target.value),
+		onClear: () => y(""),
+		placeholder: a,
+		showLabel: !1,
+		type: "search"
+	})), /* @__PURE__ */ e.createElement("ul", {
+		className: Z([E, `${E}--mobile`]),
+		role: "menu"
+	}, /* @__PURE__ */ e.createElement("li", {
+		className: `pds-dropdown__heading ${T}__item-heading`,
+		role: "presentation"
+	}, s), G.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : G), r && /* @__PURE__ */ e.createElement("div", { className: `${T}__create-link` }, /* @__PURE__ */ e.createElement("span", { className: `${T}__create-link-inner` }, r, /* @__PURE__ */ e.createElement(Q, {
+		iconName: "plus",
+		size: "s"
+	})))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		ref: F.setReference,
 		"aria-label": t,
-		className: Z([s, n ?? ""]),
-		onFocus: D,
-		onKeyDown: (e) => {
-			w(e), E(e);
+		className: `${T}__trigger`,
+		type: "button",
+		...M()
+	}, q(z), /* @__PURE__ */ e.createElement(Q, {
+		className: `${T}__trigger-icon`,
+		iconName: "angleDown",
+		size: "m"
+	})), N && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+		ref: F.setFloating,
+		className: `pds-dropdown__panel ${T}__dropdown`,
+		style: {
+			...k,
+			...L,
+			zIndex: "var(--pds-z-index-dropdown)"
 		},
-		tabIndex: 0,
-		...o
-	}, r && /* @__PURE__ */ e.createElement("h2", { className: `${s}__heading` }, r), a.length > 0 && /* @__PURE__ */ e.createElement("ul", {
-		"aria-label": t,
-		className: `${s}__menu ${s}__menu--top-level`,
-		role: "tree"
-	}, a.map((e, t) => M(e, t))));
-}, da = {
+		...A()
+	}, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
+		hasClearButton: !0,
+		id: "workspace-filter",
+		label: i,
+		onChange: (e) => _(e.target.value),
+		onClear: () => _(""),
+		placeholder: a,
+		showLabel: !1,
+		type: "search"
+	})), /* @__PURE__ */ e.createElement("ul", {
+		className: Z([E, D]),
+		role: "menu"
+	}, /* @__PURE__ */ e.createElement("li", {
+		className: `pds-dropdown__heading ${T}__item-heading`,
+		role: "presentation"
+	}, s), W.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : W), K))));
+}, la = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation",
 	discovery: "bullhorn"
-}, fa = 200, pa = 50, ma = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
+}, ua = 200, da = 50, fa = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
 	...Jn,
 	neutral: "Notice"
 }, ...c }) => {
@@ -9984,21 +9980,21 @@ var Hr = {
 	}, w = d[0].type, T = w ? `${x}-group--${w}` : null, E = (e) => 500 - e, D = (e) => e === 0 ? 0 : -1, O = () => {
 		m(d[0].id), setTimeout(() => {
 			f((e) => [...e.slice(1), e[0]]), m(null);
-		}, fa);
+		}, ua);
 	}, k = () => {
 		y({
 			[d[0].id]: 502,
 			[d[b - 1].id]: 501
 		}), setTimeout(() => {
 			m(d[0].id);
-		}, pa), setTimeout(() => {
+		}, da), setTimeout(() => {
 			f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), y({});
-		}, fa);
+		}, ua);
 	}, A = (t, n) => {
 		let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: u, type: d } = t, m = d === "critical" ? "alert" : "status", g = `${s[d]}:  `, y = (e) => {
 			e.preventDefault(), _(a), setTimeout(() => {
 				u?.(), _(null), f((e) => e.filter((e) => e.id !== a));
-			}, fa);
+			}, ua);
 		}, b = v[a] ?? E(n);
 		return /* @__PURE__ */ e.createElement("div", {
 			key: a,
@@ -10013,7 +10009,7 @@ var Hr = {
 			style: { zIndex: b }
 		}, /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, /* @__PURE__ */ e.createElement(Q, {
 			className: `${x}__icon ${x}__icon--${t.type}`,
-			iconName: d === "neutral" ? r : da[d],
+			iconName: d === "neutral" ? r : la[d],
 			size: l ? "l" : "m"
 		}), /* @__PURE__ */ e.createElement("div", { className: `${x}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
 			className: `${x}__dismiss-button`,
@@ -10044,12 +10040,12 @@ var Hr = {
 		onClick: O,
 		size: "m"
 	}), d.map((e, t) => A(e, t))) : A(d[0], 0));
-}, ha = {
+}, pa = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation"
-}, ga = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
+}, ma = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
 	...Jn,
 	working: "Working"
 }, ...o }) => {
@@ -10070,16 +10066,16 @@ var Hr = {
 		role: l,
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "l" }) : /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${i}` in ha ? ha[i] : ha.info,
+		iconName: `${i}` in pa ? pa[i] : pa.info,
 		size: "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${s}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), /* @__PURE__ */ e.createElement("div", { className: `${s}__title` }, r), /* @__PURE__ */ e.createElement("div", { className: `${s}__message` }, d)));
-}, _a = {
+}, ha = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation",
 	discovery: "squareQuestion"
-}, va = ({ className: t, ctaButton: n, ctaIcon: r, dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: d = "info", typeLabels: f = Jn, ...p }) => {
+}, ga = ({ className: t, ctaButton: n, ctaIcon: r, dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: d = "info", typeLabels: f = Jn, ...p }) => {
 	let m = h(null), g = h(void 0), _ = "pds-section-message", v = {
 		error: `${_}--error`,
 		success: `${_}--success`,
@@ -10115,7 +10111,7 @@ var Hr = {
 		role: x,
 		...p
 	}, /* @__PURE__ */ e.createElement("div", { className: `${_}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${_}__icon ${_}__icon-${d}` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${d}` in _a ? _a[d] : _a.info,
+		iconName: `${d}` in ha ? ha[d] : ha.info,
 		size: "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${_}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, S), l && /* @__PURE__ */ e.createElement("div", { className: `${_}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${_}__message` }, C))), (n || o) && /* @__PURE__ */ e.createElement("div", { className: `${_}__actions` }, n && /* @__PURE__ */ e.createElement(Dn, {
 		...n,
@@ -10130,10 +10126,10 @@ var Hr = {
 		onClick: E,
 		size: "m"
 	})));
-}, ya = 3e4, ba = {
+}, _a = 3e4, va = {
 	pause: "Pause notification",
 	resume: "Resume notification"
-}, xa = i({ labelStrings: ba }), Sa = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Mn, {
+}, ya = i({ labelStrings: va }), ba = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Mn, {
 	ariaLabel: t || "Close",
 	className: "pds-toast__close-button",
 	onClick: (e) => {
@@ -10141,13 +10137,13 @@ var Hr = {
 	},
 	size: "s",
 	tabIndex: 0
-}), Ca = ({ className: t, labelStrings: n = ba, limit: r = 5, position: i = "bottom-right" }) => {
+}), xa = ({ className: t, labelStrings: n = va, limit: r = 5, position: i = "bottom-right" }) => {
 	let a = Z(["pds-toaster", t]);
-	return /* @__PURE__ */ e.createElement(xa.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(ze, {
+	return /* @__PURE__ */ e.createElement(ya.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(ze, {
 		newestOnTop: !0,
 		autoClose: !1,
 		className: a,
-		closeButton: Sa,
+		closeButton: ba,
 		draggable: !1,
 		icon: !1,
 		limit: r,
@@ -10157,25 +10153,25 @@ var Hr = {
 		role: "status",
 		transition: Re
 	}));
-}, wa = {
+}, Sa = {
 	info: "circleInfo",
 	success: "circleCheck",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation"
-}, Ta = {
+}, Ca = {
 	info: "Information",
 	success: "Success",
 	warning: "Warning",
 	critical: "Critical",
 	working: "Working..."
-}, Ea = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Ta }) => {
+}, wa = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Ca }) => {
 	let c = "pds-toast", u = {
 		critical: `${c}--critical`,
 		info: `${c}--info`,
 		success: `${c}--success`,
 		warning: `${c}--warning`,
 		working: `${c}--working`
-	}, d = `${s[o]} `, { labelStrings: f } = l(xa), [p, m] = g(!1), h = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
+	}, d = `${s[o]} `, { labelStrings: f } = l(ya), [p, m] = g(!1), h = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			c,
@@ -10185,7 +10181,7 @@ var Hr = {
 		id: i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "l" }) : /* @__PURE__ */ e.createElement(Q, {
 		className: `${c}__icon ${c}__icon--${o}`,
-		iconName: wa[o],
+		iconName: Sa[o],
 		size: "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), h && /* @__PURE__ */ e.createElement("button", {
 		"aria-label": p ? f.resume : f.pause,
@@ -10200,11 +10196,11 @@ var Hr = {
 		iconName: p ? "play" : "pause",
 		size: "m"
 	})));
-}, Da = /* @__PURE__ */ function(e) {
+}, Ta = /* @__PURE__ */ function(e) {
 	return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
-}({}), Oa = () => [
+}({}), Ea = () => [
 	(t, n, r = {}) => {
-		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(ya, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(Ea, {
+		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(_a, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(wa, {
 			autoCloseDuration: a || void 0,
 			toastId: i,
 			type: t
@@ -10229,7 +10225,7 @@ var Hr = {
 		enter: "pds-toast--bounceInPlace",
 		exit: "pds-toast--slideOut"
 	})
-], ka = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: l = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: m, ..._ }) => {
+], Da = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: l = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: m, ..._ }) => {
 	let v = ft(n), y = v.__unslotted, b = v.footer, x = "pds-drawer", S = m ? null : `${x}--${f}`, C = `${x}--${l}`, w = m ? { width: m } : void 0, [T, E] = g(s), [D, O] = g(!1), k = h(null), { closeOverlay: A, openOverlay: j } = en();
 	u(() => {
 		s ? E(!0) : O(!1);
@@ -10294,7 +10290,7 @@ var Hr = {
 		onClick: M,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))), document.body) : null;
-}, Aa = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: l, ...d }) => {
+}, Oa = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: l, ...d }) => {
 	let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = en();
 	u(() => {
 		if (!(!h || !m) && c) return h(), () => m();
@@ -10359,7 +10355,7 @@ var Hr = {
 		}),
 		zIndex: 9999
 	}), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, r)))), document.body) : null;
-}, ja = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: d = "m", title: f, ...p }) => {
+}, ka = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: d = "m", title: f, ...p }) => {
 	let m = ft(n), h = m.__unslotted, _ = m.footer, v = "pds-modal", y = d === "m" ? null : `${v}--${d}`, S = a ? {
 		maxHeight: a,
 		paddingInlineEnd: "1rem",
@@ -10435,27 +10431,27 @@ var Hr = {
 		className: `${v}__content`,
 		style: S
 	}, h), _ && /* @__PURE__ */ e.createElement("div", { className: `${v}__footer` }, _)))), document.body) : null;
-}, Ma = (e, t) => {
+}, Aa = (e, t) => {
 	let n = t - e + 1;
 	return Array.from({ length: n }, (t, n) => n + e);
-}, Na = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => m(() => {
+}, ja = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => m(() => {
 	let i = Math.ceil(r / n), a = e + 5, o = i;
-	if (a >= i) return Ma(1, i);
+	if (a >= i) return Aa(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 [
-		...Ma(1, 3 + 2 * e),
+		...Aa(1, 3 + 2 * e),
 		"...",
 		i
 	];
 	if (l && !u) return [
 		1,
 		"...",
-		...Ma(i - (3 + 2 * e) + 1, i)
+		...Aa(i - (3 + 2 * e) + 1, i)
 	];
 	if (l && u) return [
 		1,
 		"...",
-		...Ma(s, c),
+		...Aa(s, c),
 		"...",
 		o
 	];
@@ -10464,11 +10460,11 @@ var Hr = {
 	n,
 	e,
 	t
-]), Pa = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
+]), Ma = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
 	previous: "Go to previous page",
 	next: "Go to next page"
 }, onPageChange: c, size: l = "m", totalItemCount: u, ...d }) => {
-	let f = Na({
+	let f = ja({
 		currentPage: r,
 		totalItemCount: u,
 		bufferCount: t,
@@ -10522,7 +10518,7 @@ var Hr = {
 			size: "m"
 		}))
 	}))));
-}, Fa = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, Na = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
 	next: "Next",
 	previous: "Previous"
 }, nextPage: s, onPageChange: c, previousPage: l, totalItemCount: u, ...d }) => {
@@ -10551,7 +10547,7 @@ var Hr = {
 		iconName: "angleRight",
 		size: "m"
 	}))));
-}, Ia = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, Pa = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
 	next: "Go to next page",
 	of: "of",
 	page: "Page",
@@ -10655,7 +10651,7 @@ var Hr = {
 			size: "m"
 		}))
 	})));
-}, La = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
+}, Fa = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
 	let [c, l] = g(i), f = d(), p = r ?? `expansion-panel-${f}`, m = "pds-expansion-panel", _ = a ? null : `${m}--no-border`, v = h(null);
 	return u(() => {
 		let e = v.current;
@@ -10679,7 +10675,7 @@ var Hr = {
 		className: `${m}__icon ${c ? "rotated" : ""}`,
 		iconName: "angleDown"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, t)));
-}, Ra = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
+}, Ia = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
 	let a = "pds-expansion-panel-group", o = r === "standard" ? null : `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -10689,7 +10685,7 @@ var Hr = {
 		]),
 		...i
 	}, t);
-}, za = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
+}, La = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
 	let o = "pds-panel", s = i === "default" ? null : `${o}--${i}`, c = `${o}__content`, l = r === "standard" ? null : `${c}--pad-${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -10699,7 +10695,7 @@ var Hr = {
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
-}, Ba = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
+}, Ra = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
 	let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
 	return /* @__PURE__ */ e.createElement("ul", {
 		className: Z([
@@ -10711,7 +10707,7 @@ var Hr = {
 		]),
 		...o
 	}, n);
-}, Va = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
+}, za = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
 	let o = "pds-panel-row", [s, c] = g(!1), l = ft(t), u = l["items-left"], d = l["items-right"], f = l["items-below"], p = () => {
 		c((e) => !e);
 	};
@@ -10742,10 +10738,10 @@ var Hr = {
 			opacity: "0"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, f)));
-}, Ha = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
+}, Ba = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
 	className: Z(["pds-panel-stack", n ?? ""]),
 	...r
-}, t), Ua = /* @__PURE__ */ e.createElement("svg", {
+}, t), Va = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10807,7 +10803,7 @@ var Hr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M161.5 16.65H161V16.35H162.5V16.65H162V18.25H161.6V16.65H161.5ZM163.6 18.25L163.1 16.75V18.25H162.7V16.35H163.3L163.8 17.85L164.3 16.35H164.9V18.25H164.5V16.75L164 18.25H163.6Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Wa = /* @__PURE__ */ e.createElement("svg", {
+})), Ha = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10842,7 +10838,7 @@ var Hr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Ga = /* @__PURE__ */ e.createElement("svg", {
+})), Ua = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10877,17 +10873,17 @@ var Hr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M135.7 0.299999H135.2V0H136.7V0.299999H136.2V1.9H135.8V0.299999H135.7ZM137.8 1.9L137.3 0.4V1.9H136.9V0H137.5L138 1.5L138.5 0H139.1V1.9H138.7V0.4L138.2 1.9H137.8Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Ka = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
+})), Wa = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
 	let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
 	switch (r) {
 		case "full":
-			f = Ua;
+			f = Va;
 			break;
 		case "icon":
-			f = Wa;
+			f = Ha;
 			break;
 		case "wordmark":
-			f = Ga;
+			f = Ua;
 			break;
 	}
 	let p = s(i) && typeof i.props.children == "string" ? i.props.children : "", m = s(i) ? i.type : null, h = s(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
@@ -10904,7 +10900,7 @@ var Hr = {
 		]),
 		...o
 	}, i ? h : f);
-}, qa = 8, Ja = 14, Ya = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
+}, Ga = 8, Ka = 14, qa = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
 	let [D, k] = g(d);
 	u(() => {
 		k(d);
@@ -10931,12 +10927,12 @@ var Hr = {
 		A(V),
 		j(V),
 		R(V)
-	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Ja / 2, ne = ee + qa, { isMounted: re } = z(V, {
+	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Ka / 2, ne = ee + Ga, { isMounted: re } = z(V, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${te}px calc(100% + ${qa}px)`,
+			top: `${te}px calc(100% + ${Ga}px)`,
 			bottom: `${te}px -8px`,
-			left: `calc(100% + ${qa}px) ${ne}px`,
+			left: `calc(100% + ${Ga}px) ${ne}px`,
 			right: `-8px ${ne}px`
 		}[e] })
 	});
@@ -10968,23 +10964,23 @@ var Hr = {
 		className: `${P}__arrow`,
 		context: V,
 		fill: "var(--pds-color-surface-default)",
-		height: qa,
+		height: Ga,
 		stroke: "var(--pds-color-border-default)",
 		strokeWidth: 1,
 		tipRadius: 0,
-		width: Ja
+		width: Ka
 	}), /* @__PURE__ */ e.createElement("div", { className: `${P}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${P}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${P}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${P}__close-wrapper` }, /* @__PURE__ */ e.createElement(Mn, {
 		ariaLabel: r,
 		onClick: G,
 		size: "s"
 	})))))));
-}, Xa = {
+}, Ja = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, Za = ({ className: t, colorBreakpoints: n = [{
+}, Ya = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -11005,7 +11001,7 @@ var Hr = {
 		id: m
 	}, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
 		className: `${h}__percentage`,
-		style: { color: `hsl(from var(${Xa[y]}) h s calc(l - 7))` }
+		style: { color: `hsl(from var(${Ja[y]}) h s calc(l - 7))` }
 	}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": m,
 		"aria-valuenow": v,
@@ -11015,16 +11011,16 @@ var Hr = {
 		className: `${h}__bar`,
 		style: {
 			width: `${v}%`,
-			backgroundColor: `var(${Xa[y]})`
+			backgroundColor: `var(${Ja[y]})`
 		}
 	}))), S && b);
-}, Qa = {
+}, Xa = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, $a = ({ className: t, colorBreakpoints: n = [{
+}, Za = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -11073,7 +11069,7 @@ var Hr = {
 		strokeDasharray: x,
 		strokeDashoffset: S,
 		strokeWidth: y,
-		style: { stroke: `var(${Qa[C]})` },
+		style: { stroke: `var(${Xa[C]})` },
 		transform: `rotate(-90 ${v / 2} ${v / 2})`
 	}), /* @__PURE__ */ e.createElement("text", {
 		alignmentBaseline: "middle",
@@ -11083,29 +11079,29 @@ var Hr = {
 		x: "50%",
 		y: "51%"
 	}, w))));
-}, eo = {
+}, Qa = {
 	of: "of",
 	showing: "Showing",
 	unitPlural: "results",
 	unitSingular: "result"
-}, to = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, no = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
+}, $a = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, eo = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
 	let s = "pds-result-count", c = `${s}__number`, { of: l, showing: u, unitPlural: d, unitSingular: f } = {
-		...eo,
+		...Qa,
 		...i
-	}, p = n !== void 0, m = to(r, f, d, a);
+	}, p = n !== void 0, m = $a(r, f, d, a);
 	return /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: Z([s, t ?? ""]),
 		...o
 	}, /* @__PURE__ */ e.createElement("span", null, p && /* @__PURE__ */ e.createElement(e.Fragment, null, u && `${u} `, /* @__PURE__ */ e.createElement("span", { className: c }, n), ` ${l} `), /* @__PURE__ */ e.createElement("span", { className: c }, r), ` ${m}`));
-}, ro = {
+}, to = {
 	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")
-}, io = (e) => typeof e == "string", ao = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
+}, no = (e) => typeof e == "string", ro = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -11122,8 +11118,8 @@ var Hr = {
 			r ?? ""
 		]),
 		...c
-	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => io(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, ro[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
-}, oo = ({ className: t, option: n, ...r }) => {
+	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => no(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, to[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
+}, io = ({ className: t, option: n, ...r }) => {
 	let i = "pds-site-option-display", a = n.type ? er[n.type] : "boltSolid", o = h(null), [s] = Ue(o), c = s.width / 16 - 7.5, l, u;
 	n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
 	let d = /* @__PURE__ */ e.createElement(xn, {
@@ -11146,7 +11142,7 @@ var Hr = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, so = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
+}, ao = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options"
 }, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
@@ -11158,7 +11154,7 @@ var Hr = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement(oo, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(io, { option: t }),
 			siteData: t
 		};
 	});
@@ -11187,7 +11183,7 @@ var Hr = {
 };
 //#endregion
 //#region src/components/SortableList/sortable-utils.ts
-function co(e, t, n = null, r = 0, i = []) {
+function oo(e, t, n = null, r = 0, i = []) {
 	return e.reduce((e, a, o) => {
 		let s = !!a.children?.length, c = t.has(a.id);
 		return e.push({
@@ -11199,10 +11195,10 @@ function co(e, t, n = null, r = 0, i = []) {
 			index: o,
 			isExpanded: c,
 			parentId: n
-		}), s && c && a.children && e.push(...co(a.children, t, a.id, r + 1, [...i, a.id])), e;
+		}), s && c && a.children && e.push(...oo(a.children, t, a.id, r + 1, [...i, a.id])), e;
 	}, []);
 }
-function lo(e) {
+function so(e) {
 	let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
 	for (let i of e) {
 		let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
@@ -11215,28 +11211,28 @@ function lo(e) {
 			e && (e.children || (e.children = []), e.children.push(o));
 		}
 	}
-	return uo(r);
+	return co(r);
 }
-function uo(e) {
+function co(e) {
 	return e.map((e) => {
 		if (e.children?.length) return {
 			...e,
-			children: uo(e.children)
+			children: co(e.children)
 		};
 		let { children: t, ...n } = e;
 		return n;
 	});
 }
-function fo(e, t) {
+function lo(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
 		if (n.children) {
-			let e = fo(n.children, t);
+			let e = lo(n.children, t);
 			if (e) return e;
 		}
 	}
 }
-function po(e, t, n, r, i, a, o) {
+function uo(e, t, n, r, i, a, o) {
 	let s = e.findIndex((e) => e.id === n);
 	if (s === -1) return 0;
 	let c = e[s], l = Math.round(r / i), u = e.find((e) => e.id === t), d = (o ?? u?.depth ?? c.depth) + l, f = e[s - 1], p = f ? f.depth + 1 : 0, m = e.slice(s + 1).find((e) => e.id !== t && !e.ancestorIds.includes(t) && !e.ancestorIds.includes(n)), h = m ? m.depth : 0;
@@ -11244,7 +11240,7 @@ function po(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/SortableList/SortableListHeader.tsx
-var mo = ({ children: t, className: n, columns: r, ...i }) => {
+var fo = ({ children: t, className: n, columns: r, ...i }) => {
 	if (!r && !t) return null;
 	let a = r ? {
 		display: "grid",
@@ -11265,13 +11261,13 @@ var mo = ({ children: t, className: n, columns: r, ...i }) => {
 };
 //#endregion
 //#region src/components/SortableList/useSortableTree.ts
-function ho({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
+function po({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
 	let i = n !== void 0, [a, o] = g(() => n ?? e ?? []), [s, l] = g(/* @__PURE__ */ new Set()), u = h(null), d = h(t);
 	t && !d.current && (u.current = {
 		items: i ? n : a,
 		expandedIds: s
-	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && _o("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
-	let f = i ? n : a, p = m(() => co(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
+	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && ho("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
+	let f = i ? n : a, p = m(() => oo(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
 		l((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -11289,7 +11285,7 @@ function ho({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		}, []),
 		flatNodes: p,
 		handleReorder: c((e) => {
-			let t = lo(e);
+			let t = so(e);
 			i || o(t), r?.(t);
 		}, [i, r]),
 		resetToSnapshot: c(() => {
@@ -11301,24 +11297,24 @@ function ho({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		toggleExpand: v
 	};
 }
-var go = /* @__PURE__ */ new Set();
-function _o(e) {
-	go.has(e) || (go.add(e), console.warn(e));
+var mo = /* @__PURE__ */ new Set();
+function ho(e) {
+	mo.has(e) || (mo.add(e), console.warn(e));
 }
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
-var vo = 24, yo = { droppable: { strategy: qe.Always } }, bo = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
+var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
 	let w = "pds-sortable-list", [T, E] = g(null), D = h(null), [O, k] = g(!1), A = h(!1), [j, M] = g(null), N = h(0), P = h(0), F = h("pointer"), I = h(0), L = h(null), [R, z] = g(0), B = h(0), [V, H] = g(0), U = h(0), W = c((e, t) => {
 		if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
 			e.preventDefault();
 			let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
 			return B.current = i, z(i), {
-				x: t.currentCoordinates.x + a * vo,
+				x: t.currentCoordinates.x + a * go,
 				y: t.currentCoordinates.y
 			};
 		}
 		return $e(e, t);
-	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = ho({
+	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = po({
 		defaultItems: a,
 		isDragEnabled: G,
 		items: p,
@@ -11345,9 +11341,9 @@ var vo = 24, yo = { droppable: { strategy: qe.Always } }, bo = o(function({ chil
 		se,
 		oe,
 		j
-	]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? fo(K, String(T)) ?? null : null, [T, K]), de = m(() => {
+	]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? lo(K, String(T)) ?? null : null, [T, K]), de = m(() => {
 		let e = le?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : po(J, String(T), String(j), V * vo, vo, _);
+		return !T || !j || O || _ === 0 ? e : uo(J, String(T), String(j), V * go, go, _);
 	}, [
 		T,
 		le,
@@ -11359,7 +11355,7 @@ var vo = 24, yo = { droppable: { strategy: qe.Always } }, bo = o(function({ chil
 	]), fe = m(() => {
 		if (!T || O || de === 0 || j && se(j)) return null;
 		let e = J.findIndex((e) => e.id === T);
-		return e === -1 ? null : xo(J, e, de);
+		return e === -1 ? null : yo(J, e, de);
 	}, [
 		T,
 		J,
@@ -11405,19 +11401,19 @@ var vo = 24, yo = { droppable: { strategy: qe.Always } }, bo = o(function({ chil
 	}, [J, oe]), ge = c((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
-		let n = Math.floor(t / vo), r = U.current;
-		(n > r || n < r && t < r * vo - vo * .4) && (U.current = n, H(n));
+		let n = Math.floor(t / go), r = U.current;
+		(n > r || n < r && t < r * go - go * .4) && (U.current = n, H(n));
 	}, [_]), _e = c((e) => {
 		let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
 		E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (q(L.current), L.current = null);
-		let o = J.findIndex((e) => e.id === t.id), s = r ? i * vo : a * vo, c = !n || t.id === n.id, l = n?.id ?? null;
+		let o = J.findIndex((e) => e.id === t.id), s = r ? i * go : a * go, c = !n || t.id === n.id, l = n?.id ?? null;
 		if (r && i > 0 && c && o > 0 && (l = J[o - 1].id), !l || t.id === l) {
 			if (o === -1) return;
 			let e = J[o];
 			if (!e) return;
-			let n = po(J, String(t.id), String(t.id), s, vo, _);
+			let n = uo(J, String(t.id), String(t.id), s, go, _);
 			if (n === e.depth) return;
-			let r = [...J], [i] = r.splice(o, 1), a = xo(r, o, n);
+			let r = [...J], [i] = r.splice(o, 1), a = yo(r, o, n);
 			if (a && Y.has(a)) return;
 			let c = {
 				...i,
@@ -11439,9 +11435,9 @@ var vo = 24, yo = { droppable: { strategy: qe.Always } }, bo = o(function({ chil
 			let e = J[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
-			g = po(d, String(t.id), String(l), s, vo, _, p.depth);
+			g = uo(d, String(t.id), String(l), s, go, _, p.depth);
 			let e = d[h];
-			v = e && e.depth === g - 1 ? String(l) : xo(d, h, g);
+			v = e && e.depth === g - 1 ? String(l) : yo(d, h, g);
 		}
 		if (v && Y.has(v)) return;
 		let y = {
@@ -11464,24 +11460,24 @@ var vo = 24, yo = { droppable: { strategy: qe.Always } }, bo = o(function({ chil
 		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (q(L.current), L.current = null);
 	}, [q]), ye = m(() => ({
 		onDragStart({ active: e }) {
-			let t = J.find((t) => t.id === e.id), n = fo(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = lo(K, String(e.id));
 			return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? J.indexOf(t) + 1 : "?"} of ${J.length} at depth ${t?.depth ?? 0}.`;
 		},
 		onDragOver({ active: e, over: t }) {
 			if (!t) return;
 			let n = J.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = fo(K, String(e.id)), i = r ? o(r) : String(e.id), a = po(J, String(e.id), String(t.id), P.current, vo, _);
+			let r = lo(K, String(e.id)), i = r ? o(r) : String(e.id), a = uo(J, String(e.id), String(t.id), P.current, go, _);
 			return `Moving ${i}. Target position: ${n + 1} of ${J.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = fo(K, String(e.id)), r = n ? o(n) : String(e.id);
+			let n = lo(K, String(e.id)), r = n ? o(n) : String(e.id);
 			if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
-			let i = J.findIndex((e) => e.id === t.id), a = po(J, String(e.id), String(t.id), P.current, vo, _);
+			let i = J.findIndex((e) => e.id === t.id), a = uo(J, String(e.id), String(t.id), P.current, go, _);
 			return `${r} dropped at position ${i + 1} of ${J.length} at depth ${a}.`;
 		},
 		onDragCancel({ active: e }) {
-			let t = J.find((t) => t.id === e.id), n = fo(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = lo(K, String(e.id));
 			return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? J.indexOf(t) + 1 : "?"} of ${J.length}.`;
 		}
 	}), [
@@ -11489,14 +11485,14 @@ var vo = 24, yo = { droppable: { strategy: qe.Always } }, bo = o(function({ chil
 		J,
 		o,
 		_
-	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === mo ? e.cloneElement(t, be) : t);
+	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === fo ? e.cloneElement(t, be) : t);
 	return /* @__PURE__ */ e.createElement(We, {
 		accessibility: {
 			announcements: ye,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: me,
-		measuring: yo,
+		measuring: _o,
 		onDragCancel: ve,
 		onDragEnd: _e,
 		onDragMove: ge,
@@ -11571,14 +11567,14 @@ var vo = 24, yo = { droppable: { strategy: qe.Always } }, bo = o(function({ chil
 		return s(a) ? e.cloneElement(a, o) : a;
 	})()) : null));
 });
-function xo(e, t, n) {
+function yo(e, t, n) {
 	if (n === 0) return null;
 	for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
 	return null;
 }
 //#endregion
 //#region src/components/SortableList/SortableRow.tsx
-var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
+var bo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
 	let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = et({
 		attributes: {
 			role: "listitem",
@@ -11633,7 +11629,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		key: t.id,
 		className: `${w}__cell`
 	}, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
-}, Co = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: f, ...p }) => {
+}, xo = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: f, ...p }) => {
 	let m = "pds-stat-panel", h = s === "neutral" ? null : `${m}--${s}`, g = c ? `${m}--active` : null, _ = d(), v = n && r && t;
 	return /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": _,
@@ -11669,11 +11665,11 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: { width: 6 },
 		textSize: "xl"
 	}) : u && /* @__PURE__ */ e.createElement("span", { className: `${m}__stat` }, u)), a && /* @__PURE__ */ e.createElement("p", { className: `${m}__description` }, a));
-}, wo = [
+}, So = [
 	"default",
 	"working",
 	"checked"
-], To = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
+], Co = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
 	let l = {
 		checkForUpdates: "Check for updates",
 		checking: "Checking...",
@@ -11720,7 +11716,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		triggerIconColor: "default",
 		triggerIconSize: "s"
 	}), t === "left" && g));
-}, Eo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
+}, wo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
 	let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(bn, {
 		className: `${o}__spinner`,
 		size: "m"
@@ -11737,7 +11733,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, r ? d : l);
-}, Do = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+}, To = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
 	let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
 		let a = /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, /* @__PURE__ */ e.createElement("span", null, i + 1)), s = /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, r), c = t ? /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, t) : null, l = `${o}__step`;
 		return /* @__PURE__ */ e.createElement("li", {
@@ -11755,7 +11751,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, Oo = ({ className: t, steps: n, translatableLabels: r = {
+}, Eo = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -11819,7 +11815,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 				key: t.id,
 				className: `${o}__step`,
 				id: `${t.id}--mobile`
-			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement($a, {
+			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Za, {
 				innerLabel: n,
 				label: "Step progress",
 				percentage: i,
@@ -11845,7 +11841,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"data-steps": u,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)));
-}, ko = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, Do = ({ _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]),
@@ -11871,14 +11867,14 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "highlight"
 	})))));
-}, Ao = ({ className: t, labelStrings: n = {
+}, Oo = ({ 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(ko, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Do, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -11899,7 +11895,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: Z([a, t ?? ""]),
 		...i
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
-}, jo = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, maxHeight: A, minHeight: j, nextDetailPanelRowLabel: M = "Next row", onDetailPanelNext: N, onDetailPanelPrev: P, onPageChange: F, onPageSizeChange: I, onRowInspect: L, onRowSelectionChange: R, onSort: z, pageSizeOptions: B, pageSizeSelectLabel: V = "Rows per page", paginationLabels: H, panel: U, prevDetailPanelRowLabel: W = "Previous row", renderDetailPanel: G, renderDetailPanelFooter: K, rowData: q, selectAllLabel: J = "Select all rows", selectedRows: ee, sortKey: te, sortOrder: ne, totalItemCount: re, ...ie }) => {
+}, ko = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, maxHeight: A, minHeight: j, nextDetailPanelRowLabel: M = "Next row", onDetailPanelNext: N, onDetailPanelPrev: P, onPageChange: F, onPageSizeChange: I, onRowInspect: L, onRowSelectionChange: R, onSort: z, pageSizeOptions: B, pageSizeSelectLabel: V = "Rows per page", paginationLabels: H, panel: U, prevDetailPanelRowLabel: W = "Previous row", renderDetailPanel: G, renderDetailPanelFooter: K, rowData: q, selectAllLabel: J = "Select all rows", selectedRows: ee, sortKey: te, sortOrder: ne, totalItemCount: re, ...ie }) => {
 	let ae = "pds-table", oe = d(), Y = d(), se = h(null), X = z !== void 0, ce = F !== void 0, le = I !== void 0, ue = ce || O !== void 0 || B !== void 0, de = q.length > 0 || ce && (re ?? 0) > 0, [fe, pe] = g({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
@@ -12082,7 +12078,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		showLabel: !1,
 		size: "s",
 		value: String(Se)
-	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Ia, {
+	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Pa, {
 		currentPage: ce ? i ?? 1 : me,
 		itemsPerPage: Se,
 		labelStrings: H,
@@ -12123,8 +12119,8 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "standard"
 	}))))));
-	return U ? /* @__PURE__ */ e.createElement(za, { padding: "none" }, et) : et;
-}, Mo = [
+	return U ? /* @__PURE__ */ e.createElement(La, { padding: "none" }, et) : et;
+}, Ao = [
 	" ",
 	"/",
 	".",
@@ -12142,7 +12138,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], No = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Po = (e) => {
+], jo = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Mo = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -12155,18 +12151,18 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, Fo = (e, t, n) => {
+}, No = (e, t, n) => {
 	let [r, i] = g([]);
 	return u(() => {
 		let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
 			let e = Array.from(document.querySelectorAll(r));
 			e.forEach((e) => {
-				Mo.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(No(t), "g"), "-"));
+				Ao.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp(jo(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(Po(e));
+			}), i(Mo(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -12182,7 +12178,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, Io = (e, t) => {
+}, Po = (e, t) => {
 	let [n, r] = g(void 0), i = h({});
 	return u(() => {
 		let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -12201,7 +12197,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, Lo = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
+}, Fo = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
 	key: r.id,
 	className: `${n}__list-item`
 }, /* @__PURE__ */ e.createElement("a", {
@@ -12217,8 +12213,8 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
 	href: `#${r.id}`,
 	onClick: (e) => i(e, r.id)
-}, r.title))))))), Ro = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
-	let u = "pds-toc", { nestedHeadings: f } = Fo(c, o, d()), p = Io(c, o), m = (e) => {
+}, r.title))))))), Io = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
+	let u = "pds-toc", { nestedHeadings: f } = No(c, o, d()), p = Po(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -12236,13 +12232,13 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		baseClass: u,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(Lo, {
+	}, a), /* @__PURE__ */ e.createElement(Fo, {
 		activeID: p,
 		baseClass: u,
 		headings: f,
 		onLinkClick: g
 	}));
-}, zo = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, Lo = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [l, d] = g(a ?? r);
 	u(() => {
 		a !== void 0 && d(a);
@@ -12356,7 +12352,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== l
 	}, r)))));
-}, Bo = [
+}, Ro = [
 	"orange",
 	"stone",
 	"gold",
@@ -12370,7 +12366,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"magenta",
 	"rose",
 	"red"
-], Vo = [
+], zo = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -12380,14 +12376,14 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"lime-solid",
 	"sky-solid",
 	"slate-solid"
-], Ho = [
+], Bo = [
 	"success-solid",
 	"warning-solid",
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], Uo = [...Vo, ...Ho], Wo = [...Bo, ...Vo], Go = (e) => Wo[parseInt(v(e), 16) % Wo.length], Ko = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, qo = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
-	let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${Go(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
+], Vo = [...zo, ...Bo], Ho = [...Ro, ...zo], Uo = (e) => Ho[parseInt(v(e), 16) % Ho.length], Wo = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Go = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
+	let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${Uo(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && s(r)) {
@@ -12409,7 +12405,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? Ko(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? Wo(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -12421,7 +12417,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, Jo = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, Ko = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
 	let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = ft(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -12432,7 +12428,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__layout` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, u), /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, d)));
-}, Yo = () => {
+}, qo = () => {
 	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = g(e ? t(window.innerWidth) : "lg");
 	return u(() => {
 		if (!e) return;
@@ -12443,7 +12439,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, Xo = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
+}, Jo = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
 	let [j, M] = g(l || !1);
 	u(() => {
 		M(l || !1);
@@ -12465,7 +12461,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		M(!j);
-	}, U = Yo();
+	}, U = qo();
 	u(() => {
 		U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
 	}, [U]);
@@ -12560,7 +12556,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement(Fi, {
 		destination: I,
 		text: F.skipToContent
-	}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(ka, {
+	}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(Da, {
 		...i,
 		isOpen: c,
 		placement: "left",
@@ -12568,7 +12564,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && c && b && b();
 		}
 	}, r));
-}, Zo = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, Yo = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
 	let c = "pds-docs-layout", l = {
 		"--docs-sidebar-max-width": `${i}rem`,
 		"--docs-sidebar-min-width": `${a}rem`,
@@ -12586,7 +12582,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...s
 	}, f && /* @__PURE__ */ e.createElement("aside", { className: `${c}__sidebar` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__sidebar-inner` }, f)), /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, d));
-}, Qo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
+}, Xo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
 	let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = ft(t);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, n ?? ""]),
@@ -12600,7 +12596,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...l
 	}, /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, f.__unslotted || f.content), /* @__PURE__ */ e.createElement("div", { className: `${u}__side` }, f.sidebar));
-}, $o = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
+}, Zo = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
 	let s = "pds-stat-panel-group", c = `${s}--max-${i}`, l = {
 		"--max-columns": i,
 		...a
@@ -12619,7 +12615,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${s}__item`,
 		role: "listitem"
 	}, t))));
-}, es = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
+}, Qo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
 	let o = ft(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(Ji, {
 		className: Z([
 			l,
@@ -12629,8 +12625,8 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		width: "wide",
 		...a
 	}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
-	return i ? /* @__PURE__ */ e.createElement(za, null, d) : d;
-}, ts = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+	return i ? /* @__PURE__ */ e.createElement(La, null, d) : d;
+}, $o = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
 	let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = ft(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -12648,7 +12644,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		key: n,
 		className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
 	}, t)));
-}, ns = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, es = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
 	let s = "pds-two-item-layout", c = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, l = `${s}--${a}`, u = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], f = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"], m, h;
 	switch (i) {
 		case "equal":
@@ -12669,7 +12665,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
-}, rs = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
+}, ts = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
 	let _ = "pds-flex", v = `${_}-container`, y = {
 		"--pds-flex-align-content": t,
 		"--pds-flex-align-items": n,
@@ -12695,7 +12691,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, is = (e) => {
+}, ns = (e) => {
 	let t = typeof window < "u", [n, r] = g(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return u(() => {
 		if (!t) return;
@@ -12704,20 +12700,20 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		};
 		return r(n.matches), n.addEventListener ? (n.addEventListener("change", i), () => n.removeEventListener("change", i)) : (n.addListener(i), () => n.removeListener(i));
 	}, [e]), n;
-}, as = [
+}, rs = [
 	"light",
 	"dark",
 	"system"
-], os = (e) => typeof e == "string" && as.includes(e), ss = i(null), cs = {
+], is = (e) => typeof e == "string" && rs.includes(e), as = i(null), os = {
 	resolvedTheme: "light",
 	setTheme: () => {},
 	theme: "light"
-}, ls = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, us = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
-	let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = is("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
+}, ss = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, cs = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
+	let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = ns("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
 	u(() => {
 		if (_(!0), !(d || !o || typeof window > "u")) try {
 			let e = window.localStorage.getItem(s);
-			os(e) && m(e);
+			is(e) && m(e);
 		} catch {}
 	}, []), u(() => {
 		typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -12737,20 +12733,20 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		theme: v
 	};
-	return /* @__PURE__ */ e.createElement(ss.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ls({
+	return /* @__PURE__ */ e.createElement(as.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ss({
 		defaultTheme: n,
 		storageKey: s
 	}) } }), t);
-}, ds = () => l(ss) ?? cs, fs = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
+}, ls = () => l(as) ?? os, us = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
 	u(() => {
 		let e = document.documentElement, t = () => {
 			window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
 		};
 		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
 	}, [r]);
-	let a = n ? /* @__PURE__ */ e.createElement(us, i, t) : t;
+	let a = n ? /* @__PURE__ */ e.createElement(cs, i, t) : t;
 	return /* @__PURE__ */ e.createElement($t, null, a);
-}, ps = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, ds = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
 	let l = "pds-grid", u = a === "xl" ? null : `${l}--gap-${a}`, d = i ? `${l}--dense` : null, f = t || s ? `${l}--container` : null, p = s ? `${l}--stack-${s}` : null, m = o ?? a, h = m === a ? null : `${l}-gap-mobile--${m}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -12764,7 +12760,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, ms = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, fs = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
 	let f = "pds-grid-item", p = [
 		l ? `${f}--sm-${l}` : null,
 		c ? `${f}--md-${c}` : null,
@@ -12783,7 +12779,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, hs = (e, t, n) => {
+}, ps = (e, t, n) => {
 	let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: s = !1 } = n ?? {}, [l, d] = g(!1), f = c((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === s, [
 		r,
 		i,
@@ -12807,7 +12803,7 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		m,
 		a
 	]), l;
-}, gs = () => {
+}, ms = () => {
 	let e = typeof window < "u", [t, n] = g(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return u(() => {
 		if (!e) return;
@@ -12821,6 +12817,6 @@ var So = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { ur as ActionCard, Xo as AppLayout, bt as Avatar, St as Badge, ma as Banner, Nr as BarChart, Cn as BranchDiff, Li as Breadcrumb, Dn as Button, On as ButtonLink, qi as ButtonNav, Ni as CTALink, lr as Callout, dr as Card, fr as CardSelect, $r as Checkbox, ei as CheckboxFieldset, ti as CheckboxGroup, jn as ClipboardButton, Mn as CloseButton, Ur as CodeBlock, ni as Combobox, ii as ComboboxMultiselect, pr as CompactEmptyState, Gr as ComparisonList, Ji as Container, Ci as Datepicker, Zo as DocsLayout, ka as Drawer, Ln as Dropdown, Ki as DropdownMenu, La as ExpansionPanel, Ra as ExpansionPanelGroup, Yr as FileDiff, wi as FileUpload, Kn as FilterButton, rs as FlexContainer, Aa as FullScreenOverlay, fs as GlobalWrapper, ps as Grid, ms as GridItem, qr as HorizontalEmptyState, Q as Icon, An as IconButton, Qr as IdentityBlock, ga as InlineMessage, Ti as InputGroup, Fr as LineChart, Pi as LinkNewWindow, ya as MIN_AUTO_CLOSE_DURATION, tr as MenuButton, ja as Modal, ta as Navbar, Pa as Pagination, Fa as PaginationChapter, Ia as PaginationCompact, za as Panel, Ba as PanelList, Va as PanelRow, Ha as PanelStack, Ka as PantheonLogo, Zr as PaymentIcon, Ii as Picture, Lr as PieChart, ir as PlatformIcon, Ya as Popover, Za as ProgressBar, $a as ProgressRing, zr as ProportionBar, Ei as RadioGroup, no as ResultCount, or as SSOButton, va as SectionMessage, nr as SegmentedButton, hr as Select, mr as SelectOptionGroup, na as SideNav, ia as SideNavGlobal, ra as SideNavGlobalItem, Qo as SidebarLayout, ao as SiteFooter, oa as SiteMenu, oo as SiteOptionDisplay, so as SiteSearch, er as SiteTypeIcon, $n as SiteTypeLabel, kr as Skeleton, Fi as Skiplink, bo as SortableList, mo as SortableListHeader, So as SortableRow, bn as Spinner, rr as SplitButton, Co as StatPanel, $o as StatPanelGroup, xn as StatusBadge, To as StatusChecker, Eo as StatusIndicator, Jn as StatusTypeLabels, Do as StepList, Oo as Stepper, es as StepperLayout, Di as Switch, ca as TabMenu, jo as Table, Ro as TableOfContents, zo as Tabs, qo as Tag, ki as TagsInput, Sn as Tally, Mi as TextInput, Ai as Textarea, ss as ThemeContext, us as ThemeContextProvider, Xi as ThemeSwitcher, ts as ThreeItemLayout, li as Timepicker, Ea as Toast, Da as ToastType, Ca as Toaster, xa as ToasterContext, nn as Tooltip, ua as TreeNav, ns as TwoItemLayout, Zi as UserMenu, Jo as UtilityBar, sr as UtilityButton, Jr as VerticalEmptyState, Ao as VerticalStepper, Kr as VideoEmbed, Qi as WorkspaceSelector, yi as getPresetDateRange, ls as getThemeInitScript, _t as iconList, Xn as isHeadingItemType, Zn as isLinkItemType, Qn as isNodeItemType, Yn as isSeparatorItemType, wo as statusCheckerStates, Bo as tagColors, Uo as tagSolidColors, Vo as tagSolidHueColors, Ho as tagSolidStatusColors, Yo as useBreakpoint, kn as useClipboard, Pn as useDropdown, Xt as useIsMobile, hs as useKeyPress, tn as useKeyboardShortcut, is as useMediaQuery, ds as useTheme, Oa as useToast, gs as useWindowWidth };
+export { ur as ActionCard, Jo as AppLayout, bt as Avatar, St as Badge, fa as Banner, Nr as BarChart, Cn as BranchDiff, Li as Breadcrumb, Dn as Button, On as ButtonLink, qi as ButtonNav, Ni as CTALink, lr as Callout, dr as Card, fr as CardSelect, $r as Checkbox, ei as CheckboxFieldset, ti as CheckboxGroup, jn as ClipboardButton, Mn as CloseButton, Ur as CodeBlock, ni as Combobox, ii as ComboboxMultiselect, pr as CompactEmptyState, Gr as ComparisonList, Ji as Container, Ci as Datepicker, Yo as DocsLayout, Da as Drawer, Ln as Dropdown, Ki as DropdownMenu, Fa as ExpansionPanel, Ia as ExpansionPanelGroup, Yr as FileDiff, wi as FileUpload, Kn as FilterButton, ts as FlexContainer, Oa as FullScreenOverlay, us as GlobalWrapper, ds as Grid, fs as GridItem, qr as HorizontalEmptyState, Q as Icon, An as IconButton, Qr as IdentityBlock, ma as InlineMessage, Ti as InputGroup, Fr as LineChart, Pi as LinkNewWindow, _a as MIN_AUTO_CLOSE_DURATION, tr as MenuButton, ka as Modal, Yi as Navbar, Ma as Pagination, Na as PaginationChapter, Pa as PaginationCompact, La as Panel, Ra as PanelList, za as PanelRow, Ba as PanelStack, Wa as PantheonLogo, Zr as PaymentIcon, Ii as Picture, Lr as PieChart, ir as PlatformIcon, qa as Popover, Ya as ProgressBar, Za as ProgressRing, zr as ProportionBar, Ei as RadioGroup, eo as ResultCount, or as SSOButton, ga as SectionMessage, nr as SegmentedButton, hr as Select, mr as SelectOptionGroup, Xi as SideNav, Qi as SideNavGlobal, Zi as SideNavGlobalItem, Xo as SidebarLayout, ro as SiteFooter, ea as SiteMenu, io as SiteOptionDisplay, ao as SiteSearch, er as SiteTypeIcon, $n as SiteTypeLabel, kr as Skeleton, Fi as Skiplink, vo as SortableList, fo as SortableListHeader, bo as SortableRow, bn as Spinner, rr as SplitButton, xo as StatPanel, Zo as StatPanelGroup, xn as StatusBadge, Co as StatusChecker, wo as StatusIndicator, Jn as StatusTypeLabels, To as StepList, Eo as Stepper, Qo as StepperLayout, Di as Switch, na as TabMenu, ko as Table, Io as TableOfContents, Lo as Tabs, Go as Tag, ki as TagsInput, Sn as Tally, Mi as TextInput, Ai as Textarea, as as ThemeContext, cs as ThemeContextProvider, oa as ThemeSwitcher, $o as ThreeItemLayout, li as Timepicker, wa as Toast, Ta as ToastType, xa as Toaster, ya as ToasterContext, nn as Tooltip, ia as TreeNav, es as TwoItemLayout, sa as UserMenu, Ko as UtilityBar, sr as UtilityButton, Jr as VerticalEmptyState, Oo as VerticalStepper, Kr as VideoEmbed, ca as WorkspaceSelector, yi as getPresetDateRange, ss as getThemeInitScript, _t as iconList, Xn as isHeadingItemType, Zn as isLinkItemType, Qn as isNodeItemType, Yn as isSeparatorItemType, So as statusCheckerStates, Ro as tagColors, Vo as tagSolidColors, zo as tagSolidHueColors, Bo as tagSolidStatusColors, qo as useBreakpoint, kn as useClipboard, Pn as useDropdown, Xt as useIsMobile, ps as useKeyPress, tn as useKeyboardShortcut, ns as useMediaQuery, ls as useTheme, Ea as useToast, ms as useWindowWidth };
 
 //# sourceMappingURL=index.js.map