@pantheon-systems/pds-toolkit-react 2.0.0-alpha.38 → 2.0.0-alpha.39

package/dist/index.js

@@ -6970,13 +6970,23 @@ var or = {
 		onSelectedItemChange: ({ selectedItem: e }) => {
 			e && (ae || le(e.label), se(e.value), k?.(e));
 		},
-		stateReducer: (e, { changes: t, type: n }) => n === ie.stateChangeTypes.InputBlur ? {
-			...t,
-			inputValue: e.inputValue
-		} : t.isOpen && !e.inputValue && !F && n === ie.stateChangeTypes.InputClick ? {
-			...t,
-			isOpen: !1
-		} : t
+		stateReducer: (e, { changes: t, type: n }) => {
+			if (n === ie.stateChangeTypes.InputBlur) return {
+				...t,
+				inputValue: e.inputValue
+			};
+			if (n === ie.stateChangeTypes.InputClick) {
+				if (F) return {
+					...t,
+					isOpen: !0
+				};
+				if (t.isOpen && !e.inputValue) return {
+					...t,
+					isOpen: !1
+				};
+			}
+			return t;
+		}
 	}), { context: be, floatingStyles: xe, refs: Se } = A({
 		open: _e,
 		whileElementsMounted: S,
@@ -7088,18 +7098,19 @@ var or = {
 		className: `${G}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
-	}))), Ce && /* @__PURE__ */ e.createElement("div", {
+	}))), /* @__PURE__ */ e.createElement("div", {
 		ref: Se.setFloating,
 		className: `pds-dropdown__panel ${G}__dropdown`,
-		style: {
+		style: Ce ? {
 			...xe,
 			...we,
 			zIndex: "var(--pds-z-index-dropdown)"
-		}
-	}, f ? /* @__PURE__ */ e.createElement("div", { className: `${G}__loading` }, v) : fe.length > 0 ? /* @__PURE__ */ e.createElement("ul", {
+		} : { display: "none" }
+	}, Ce && f && /* @__PURE__ */ e.createElement("div", { className: `${G}__loading` }, v), Ce && !f && fe.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, b), /* @__PURE__ */ e.createElement("ul", {
 		className: `${G}__options`,
-		...he()
-	}, Ae()) : /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, b)), re && /* @__PURE__ */ e.createElement(Tt, {
+		...he(),
+		style: Ce && !f && fe.length > 0 ? void 0 : { display: "none" }
+	}, Ce && !f && Ae())), re && /* @__PURE__ */ e.createElement(Tt, {
 		hasValidationMessage: !!z,
 		id: u,
 		message: re,
@@ -7310,14 +7321,14 @@ var or = {
 		className: `${O}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
-	})))), se && /* @__PURE__ */ e.createElement("div", {
+	})))), /* @__PURE__ */ e.createElement("div", {
 		...q(),
 		ref: de.setFloating,
 		className: `pds-dropdown__panel ${O}__dropdown`,
-		style: {
+		style: se ? {
 			...ue,
 			zIndex: "var(--pds-z-index-dropdown)"
-		}
+		} : { display: "none" }
 	}, /* @__PURE__ */ e.createElement("div", { className: `${O}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(Dt, { variant: "search" }), /* @__PURE__ */ e.createElement("input", {
 		"aria-label": l.inputInstructions,
 		className: `${O}__dropdown-input`,
@@ -7326,10 +7337,11 @@ var or = {
 		onClick: (e) => {
 			e.stopPropagation();
 		}
-	})), s ? /* @__PURE__ */ e.createElement("div", { className: `${O}__loading` }, u) : W.length > 0 ? /* @__PURE__ */ e.createElement("ul", {
+	})), se && s && /* @__PURE__ */ e.createElement("div", { className: `${O}__loading` }, u), se && !s && W.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, d), /* @__PURE__ */ e.createElement("ul", {
 		className: `${O}__dropdown-list`,
-		...Y()
-	}, W.map((t, n) => /* @__PURE__ */ e.createElement(Nt, {
+		...Y(),
+		style: se && !s && W.length > 0 ? void 0 : { display: "none" }
+	}, se && !s && W.map((t, n) => /* @__PURE__ */ e.createElement(Nt, {
 		key: `${t.id}-${n}`,
 		className: `${O}__dropdown-item
                   ${X === n ? "pds-dropdown__item--focused" : ""}
@@ -7342,7 +7354,7 @@ var or = {
 	}, /* @__PURE__ */ e.createElement("span", { className: `${O}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${O}__dropdown-item-text` }, t.label, t.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${O}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "sparkles",
 		size: "s"
-	}), /* @__PURE__ */ e.createElement("span", null, l.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(Mn, null))))) : /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, d)), H && t && /* @__PURE__ */ e.createElement("div", {
+	}), /* @__PURE__ */ e.createElement("span", null, l.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(Mn, null)))))), H && t && /* @__PURE__ */ e.createElement("div", {
 		ref: me.setFloating,
 		className: `${O}__aux-panel`,
 		style: {
@@ -8531,90 +8543,97 @@ var or = {
 		"aria-hidden": "true",
 		className: `${m}__separator`
 	}), C && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-left` }, C)), w && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-center` }, w), T && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-right` }, T)));
-}, Qr = ({ ariaLabel: t, className: r, hasMobileDropdown: i = !1, headingText: a, labels: s = {
+}, Qr = (e) => e.map((e) => `${Ur(e)}${e.links ? `[${Qr(e.links)}]` : ""}`).join("|"), $r = ({ ariaLabel: t, className: r, hasMobileDropdown: i = !1, headingText: a, labels: s = {
 	submenu: "submenu",
 	toggle: "Toggle"
-}, menuItems: c, mobileMenuSelectTextFallback: l = "Navigate to...", ...u }) => {
-	let d = "pds-side-nav", f = i ? `${d}--has-mobile-dropdown` : null, p = `${d}__item`, m = `${d}__menu`, h = (e) => {
-		let t = e.currentTarget, n = null, r = t.parentElement;
-		if (n = r?.classList.contains(`${p}-wrapper`) ? r.nextElementSibling : t.nextElementSibling, !n) return;
-		let i = t.getAttribute("aria-expanded") === "false";
-		t.classList.toggle(`${d}__toggle--expanded`, i), t.setAttribute("aria-expanded", i ? "true" : "false"), n.classList.toggle(`${m}--expanded`, i);
-	}, g = (t, r) => {
-		let { linkContent: i, links: a } = t, c = Wr(t), l = Gr(i), u = c;
+}, menuItems: c, mobileMenuSelectTextFallback: u = "Navigate to...", ...d }) => {
+	let f = "pds-side-nav", p = i ? `${f}--has-mobile-dropdown` : null, m = `${f}__item`, g = `${f}__menu`, [_, v] = h({});
+	l(() => {
+		v((e) => Object.keys(e).length ? {} : e);
+	}, [Qr(c)]);
+	let y = (e, t) => t in _ ? _[t] : e, b = (e, t) => {
+		v((n) => {
+			let r = t in n ? n[t] : e;
+			return {
+				...n,
+				[t]: !r
+			};
+		});
+	}, x = (t, r) => {
+		let { linkContent: i, links: a } = t, c = Wr(t), l = Gr(i), u = y(c, r);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			className: Z([
-				p,
-				`${p}--top-level`,
-				a ? `${p}--has-children` : null,
-				c ? `${p}--active` : null
+				m,
+				`${m}--top-level`,
+				a ? `${m}--has-children` : null,
+				c ? `${m}--active` : null
 			])
 		}, a ? l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Z([
-			`${d}__row`,
-			`${d}__row--expandable`,
-			`${p}-wrapper`
+			`${f}__row`,
+			`${f}__row--expandable`,
+			`${m}-wrapper`
 		]) }, Kr(i, a), /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
-			className: Z([`${d}__toggle`, u ? `${d}__toggle--expanded` : null]),
-			onClick: h,
+			className: Z([`${f}__toggle`, u ? `${f}__toggle--expanded` : null]),
+			onClick: () => b(c, r),
 			type: "button"
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			size: "m"
 		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${Hr(i)} ${s.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
-			m,
-			`${m}--second-level`,
-			u ? `${m}--expanded` : null
+			g,
+			`${g}--second-level`,
+			u ? `${g}--expanded` : null
 		]) }, a.map((t, n) => /* @__PURE__ */ e.createElement("li", {
 			key: n,
 			className: Z([
-				p,
-				`${p}--second-level`,
-				Wr(t) ? `${p}--active` : null
+				m,
+				`${m}--second-level`,
+				Wr(t) ? `${m}--active` : null
 			])
 		}, Kr(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
 			className: Z([
-				`${d}__row`,
-				`${d}__row--expandable`,
-				`${d}__toggle`,
-				`${d}__toggle--main`,
-				u ? `${d}__toggle--expanded` : null
+				`${f}__row`,
+				`${f}__row--expandable`,
+				`${f}__toggle`,
+				`${f}__toggle--main`,
+				u ? `${f}__toggle--expanded` : null
 			]),
-			onClick: h,
+			onClick: () => b(c, r),
 			type: "button"
-		}, o(i) && i.type === "span" ? n(i, { className: Z([i.props.className, `${d}__toggle-content`]) }) : /* @__PURE__ */ e.createElement("span", { className: `${d}__toggle-content` }, i), /* @__PURE__ */ e.createElement(Q, {
+		}, o(i) && i.type === "span" ? n(i, { className: Z([i.props.className, `${f}__toggle-content`]) }) : /* @__PURE__ */ e.createElement("span", { className: `${f}__toggle-content` }, i), /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			size: "m"
 		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${Hr(i)} ${s.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
-			m,
-			`${m}--second-level`,
-			u ? `${m}--expanded` : null
+			g,
+			`${g}--second-level`,
+			u ? `${g}--expanded` : null
 		]) }, a.map((t, n) => /* @__PURE__ */ e.createElement("li", {
 			key: n,
 			className: Z([
-				p,
-				`${p}--second-level`,
-				Wr(t) ? `${p}--active` : null
+				m,
+				`${m}--second-level`,
+				Wr(t) ? `${m}--active` : null
 			])
 		}, Kr(t.linkContent, t.links))))) : i);
-	}, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${d}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, c.map((e, t) => g(e, t)))), v = /* @__PURE__ */ e.createElement(Yr, {
-		className: `${d}__mobile`,
+	}, S = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, c.map((e, t) => x(e, t)))), C = /* @__PURE__ */ e.createElement(Yr, {
+		className: `${f}__mobile`,
 		headingText: a,
 		menuItems: c,
-		selectTextFallback: l
+		selectTextFallback: u
 	});
 	return /* @__PURE__ */ e.createElement("nav", {
 		"aria-label": t,
 		className: Z([
-			d,
 			f,
+			p,
 			r ?? ""
 		]),
-		...u
-	}, _, i && v);
-}, $r = ({ icon: t, isActive: n, isSidebarCollapsed: r, labels: i, linkContent: a, links: o, onExpandSidebar: s }) => {
+		...d
+	}, S, i && C);
+}, ei = ({ icon: t, isActive: n, isSidebarCollapsed: r, labels: i, linkContent: a, links: o, onExpandSidebar: s }) => {
 	let c = "pds-side-nav-global", u = `${c}__item`, d = `${c}__menu`, f = /* @__PURE__ */ e.createElement("div", { className: `${u}-wrapper` }, qr(c, a, o, t)), p = (t, r) => /* @__PURE__ */ e.createElement("ul", { className: Z([
 		d,
 		`${d}--${r}`,
@@ -8705,11 +8724,11 @@ var or = {
 		},
 		preferredPlacement: "right"
 	}) : f));
-}, ei = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
+}, ti = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, onExpandSidebar: o, ...s }) => {
-	let c = "pds-side-nav-global", l = r ? `${c}--collapsed` : `${c}--expanded`, u = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${c}__menu ${c}__menu--top-level` }, a.map((t, n) => /* @__PURE__ */ e.createElement($r, {
+	let c = "pds-side-nav-global", l = r ? `${c}--collapsed` : `${c}--expanded`, u = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${c}__menu ${c}__menu--top-level` }, a.map((t, n) => /* @__PURE__ */ e.createElement(ei, {
 		key: n,
 		icon: t.icon,
 		isActive: Wr(t),
@@ -8728,7 +8747,7 @@ var or = {
 		]),
 		...s
 	}, u);
-}, ti = ({ items: t, label: n }) => {
+}, ni = ({ items: t, label: n }) => {
 	let r = m(null), i = "pds-nav-menu", a = t && t.length > 0, [o, s] = h(() => typeof document < "u" && document.documentElement.hasAttribute("data-pds-mobile"));
 	l(() => {
 		let e = new MutationObserver(() => {
@@ -8775,7 +8794,7 @@ var or = {
 		key: n,
 		className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${_(t) ? " pds-dropdown__item--active" : ""}`}`
 	}, !t.isSeparator && t.linkContent))));
-}, ni = ({ ariaLabel: t = "Main Navigation", className: n, colorType: r = "default", menuItems: i, ...a }) => {
+}, ri = ({ ariaLabel: t = "Main Navigation", className: n, colorType: r = "default", menuItems: i, ...a }) => {
 	let [o, s] = h(null), [c, d] = h(-1), [f, p] = h(null), [g, _] = h({
 		container: null,
 		containerChildren: []
@@ -8822,7 +8841,7 @@ var or = {
 			},
 			className: `${y}__item ${y}__item--top-level ${y}__item--has-children ${C(t) === !0 ? `${y}__item--active` : ""}`,
 			id: i
-		}, /* @__PURE__ */ e.createElement(ti, {
+		}, /* @__PURE__ */ e.createElement(ni, {
 			items: t.links,
 			label: t.label
 		}))) : w.push(/* @__PURE__ */ e.createElement("li", {
@@ -8845,7 +8864,7 @@ var or = {
 		},
 		...a
 	}, /* @__PURE__ */ e.createElement("ul", { className: `${y}__menu` }, w));
-}, ri = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
+}, ii = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
 	let [s, c] = h(i), [u, d] = h(""), f = i.length >= a, p = "pds-tab-menu", m = `${p}__dropdown-menu`, g = f ? `${m}--scroll` : null, _ = `${p}__dropdown-item`, { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: S, isMounted: C, isOpen: w, listRef: T, refs: E, setActiveIndex: D, transitionStyles: O } = Zt({
 		offsetValue: 8,
 		placement: "bottom-start",
@@ -8910,7 +8929,7 @@ var or = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		} })
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...O } }, F, /* @__PURE__ */ e.createElement("ul", { className: Z([m, g]) }, I.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, o) : I))));
-}, ii = ({ ariaLabel: t, className: r, menuItems: i, ...a }) => {
+}, ai = ({ ariaLabel: t, className: r, menuItems: i, ...a }) => {
 	let s = "pds-tab-menu", c = ({ dropdownSettings: t, icon: r, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
 		let u = `${s}__item`, d = Vr(c);
 		return /* @__PURE__ */ e.createElement("li", { className: Z([u, i ? `${u}--active` : null]) }, ((t, r) => {
@@ -8923,7 +8942,7 @@ var or = {
 				iconName: r,
 				size: "m"
 			}), t.props.children)] })) : t), i;
-		})(l ? d : a, r), c && /* @__PURE__ */ e.createElement(ri, {
+		})(l ? d : a, r), c && /* @__PURE__ */ e.createElement(ii, {
 			buttonLabel: t?.buttonLabel,
 			filterLabel: t?.filterLabel,
 			filterPlaceholder: t?.filterPlaceholder,
@@ -8945,11 +8964,11 @@ var or = {
 		className: Z([s, r ?? ""]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__mobile-menu-wrapper` }, l));
-}, ai = {
+}, oi = {
 	2: "second",
 	3: "third",
 	4: "fourth"
-}, oi = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
+}, si = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, ...o }) => {
@@ -9069,7 +9088,7 @@ var or = {
 			display: "none"
 		}), b();
 	}, j = (t, n, r) => {
-		let a = ai[t], o = `${u}--${a}-level`, l = `${c}--${a}-level`, d = t + 1, f = Wr(n);
+		let a = oi[t], o = `${u}--${a}-level`, l = `${c}--${a}-level`, d = t + 1, f = Wr(n);
 		if (_.current && n.path) {
 			let e = _.current.querySelector(`.${c}[data-item-path="${n.path}"]`);
 			if (e) {
@@ -9106,7 +9125,7 @@ var or = {
 				]),
 				"data-item-path": t.path || "",
 				role: "treeitem"
-			}, t.links && d in ai ? j(d, t, t.links) : t.linkContent);
+			}, t.links && d in oi ? j(d, t, t.links) : t.linkContent);
 		})));
 	}, M = (t, n) => {
 		let { linkContent: r, links: i } = t, a = Wr(t);
@@ -9138,7 +9157,7 @@ var or = {
 		className: `${s}__menu ${s}__menu--top-level`,
 		role: "tree"
 	}, a.map((e, t) => M(e, t))));
-}, si = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], userEmail: i, userImageSrc: a, userName: o, ...s }) => {
+}, ci = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], userEmail: i, userImageSrc: a, userName: o, ...s }) => {
 	let [c, l] = h(null), [d, f] = h(!1), p = m([]), g = m([]), _ = u(), v = "pds-user-menu", y = `${v}__menu`, { context: b, floatingStyles: x, refs: T } = A({
 		placement: "bottom-end",
 		open: d,
@@ -9249,7 +9268,7 @@ var or = {
 		className: y,
 		role: "menu"
 	}, W, /* @__PURE__ */ e.createElement("li", { role: "separator" }), J))));
-}, ci = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", menuHeading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
+}, li = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", menuHeading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
 	let [d, f] = h(""), [g, _] = h(""), v = m(null), y = l.length >= s, b = "pds-workspace-selector", x = `${b}__menu`, S = y ? `${x}--scroll` : null, { activeIndex: C, floatingStyles: w, getFloatingProps: T, getItemProps: E, getReferenceProps: D, isMounted: O, listRef: k, refs: A, setIsOpen: j, transitionStyles: M } = Zt({
 		enableTypeahead: !y,
 		role: "menu"
@@ -9389,12 +9408,12 @@ var or = {
 		className: `pds-dropdown__heading ${b}__item-heading`,
 		role: "presentation"
 	}, o), R.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : R), B));
-}, li = {
+}, ui = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation",
 	discovery: "bullhorn"
-}, ui = 200, di = 50, fi = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
+}, di = 200, fi = 50, pi = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
 	...dn,
 	neutral: "Notice"
 }, ...c }) => {
@@ -9413,21 +9432,21 @@ var or = {
 	}, w = d[0].type, T = w ? `${x}-group--${w}` : null, E = (e) => 500 - e, D = (e) => e === 0 ? 0 : -1, O = () => {
 		m(d[0].id), setTimeout(() => {
 			f((e) => [...e.slice(1), e[0]]), m(null);
-		}, ui);
+		}, di);
 	}, k = () => {
 		y({
 			[d[0].id]: 502,
 			[d[b - 1].id]: 501
 		}), setTimeout(() => {
 			m(d[0].id);
-		}, di), setTimeout(() => {
+		}, fi), setTimeout(() => {
 			f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), y({});
-		}, ui);
+		}, di);
 	}, A = (t, n) => {
 		let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: l, type: d } = t, m = d === "critical" ? "alert" : "status", h = `${s[d]}:  `, y = (e) => {
 			e.preventDefault(), _(a), setTimeout(() => {
 				l?.(), _(null), f((e) => e.filter((e) => e.id !== a));
-			}, ui);
+			}, di);
 		}, b = v[a] ?? E(n);
 		return /* @__PURE__ */ e.createElement("div", {
 			key: a,
@@ -9442,7 +9461,7 @@ var or = {
 			style: { zIndex: b }
 		}, /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, /* @__PURE__ */ e.createElement(Q, {
 			className: `${x}__icon ${x}__icon--${t.type}`,
-			iconName: d === "neutral" ? r : li[d],
+			iconName: d === "neutral" ? r : ui[d],
 			size: u ? "l" : "m"
 		}), /* @__PURE__ */ e.createElement("div", { className: `${x}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
 			className: `${x}__dismiss-button`,
@@ -9473,12 +9492,12 @@ var or = {
 		onClick: O,
 		size: "m"
 	}), d.map((e, t) => A(e, t))) : A(d[0], 0));
-}, pi = {
+}, mi = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation"
-}, mi = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
+}, hi = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
 	...dn,
 	working: "Working"
 }, ...o }) => {
@@ -9499,16 +9518,16 @@ var or = {
 		role: l,
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(Lt, { size: "m" }) : /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${i}` in pi ? pi[i] : pi.info,
+		iconName: `${i}` in mi ? mi[i] : mi.info,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${s}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), /* @__PURE__ */ e.createElement("div", { className: `${s}__title` }, r), /* @__PURE__ */ e.createElement("div", { className: `${s}__message` }, d)));
-}, hi = {
+}, gi = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation",
 	discovery: "squareQuestion"
-}, gi = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: u = "info", typeLabels: d = dn, ...f }) => {
+}, _i = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: u = "info", typeLabels: d = dn, ...f }) => {
 	let p = r === "marketing", h = m(null), g = "pds-section-message", _ = {
 		error: `${g}--error`,
 		success: `${g}--success`,
@@ -9541,7 +9560,7 @@ var or = {
 		role: b,
 		...f
 	}, /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__icon ${g}__icon-${u}` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${u}` in hi ? hi[u] : hi.info,
+		iconName: `${u}` in gi ? gi[u] : gi.info,
 		size: p ? "xl" : "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${g}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, x), l && /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${g}__message` }, S))), (n || o) && /* @__PURE__ */ e.createElement("div", { className: `${g}__actions` }, n && /* @__PURE__ */ e.createElement(Wt, {
 		...n,
@@ -9554,10 +9573,10 @@ var or = {
 		onClick: T,
 		size: p ? "l" : "m"
 	})));
-}, _i = 3e4, vi = {
+}, vi = 3e4, yi = {
 	pause: "Pause notification",
 	resume: "Resume notification"
-}, yi = r({ labelStrings: vi }), bi = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Yt, {
+}, bi = r({ labelStrings: yi }), xi = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Yt, {
 	ariaLabel: t || "Close",
 	className: "pds-toast__close-button",
 	onClick: (e) => {
@@ -9565,13 +9584,13 @@ var or = {
 	},
 	size: "l",
 	tabIndex: 0
-}), xi = ({ className: t, labelStrings: n = vi, limit: r = 5, position: i = "bottom-right" }) => {
+}), Si = ({ className: t, labelStrings: n = yi, limit: r = 5, position: i = "bottom-right" }) => {
 	let a = Z(["pds-toaster", t]);
-	return /* @__PURE__ */ e.createElement(yi.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(le, {
+	return /* @__PURE__ */ e.createElement(bi.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(le, {
 		newestOnTop: !0,
 		autoClose: !1,
 		className: a,
-		closeButton: bi,
+		closeButton: xi,
 		draggable: !1,
 		icon: !1,
 		limit: r,
@@ -9580,25 +9599,25 @@ var or = {
 		role: "status",
 		transition: ce
 	}));
-}, Si = de, Ci = {
+}, Ci = de, wi = {
 	info: "circleInfo",
 	success: "circleCheck",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation"
-}, wi = {
+}, Ti = {
 	info: "Information",
 	success: "Success",
 	warning: "Warning",
 	critical: "Critical",
 	working: "Working..."
-}, Ti = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = wi }) => {
+}, Ei = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Ti }) => {
 	let l = "pds-toast", u = {
 		critical: `${l}--critical`,
 		info: `${l}--info`,
 		success: `${l}--success`,
 		warning: `${l}--warning`,
 		working: `${l}--working`
-	}, d = `${s[o]} `, { labelStrings: f } = c(yi), [p, m] = h(!1), g = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
+	}, d = `${s[o]} `, { labelStrings: f } = c(bi), [p, m] = h(!1), g = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			l,
@@ -9608,23 +9627,23 @@ var or = {
 		id: i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${l}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(Lt, { size: "xl" }) : /* @__PURE__ */ e.createElement(Q, {
 		className: `${l}__icon ${l}__icon--${o}`,
-		iconName: Ci[o],
+		iconName: wi[o],
 		size: "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${l}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), g && /* @__PURE__ */ e.createElement("button", {
 		"aria-label": p ? f.resume : f.pause,
 		className: `${l}__pause-button`,
 		onClick: p ? () => {
-			m(!1), Si.play({ id: a });
+			m(!1), Ci.play({ id: a });
 		} : () => {
-			m(!0), Si.pause({ id: a });
+			m(!0), Ci.pause({ id: a });
 		},
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, { iconName: p ? "play" : "pause" })));
-}, Ei = /* @__PURE__ */ function(e) {
+}, Di = /* @__PURE__ */ function(e) {
 	return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
-}({}), Di = () => [
+}({}), Oi = () => [
 	(t, n, r = {}) => {
-		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(_i, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(Ti, {
+		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(vi, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(Ei, {
 			autoCloseDuration: a || void 0,
 			toastId: i,
 			type: t
@@ -9649,7 +9668,7 @@ var or = {
 		enter: "pds-toast--bounceInPlace",
 		exit: "pds-toast--slideOut"
 	})
-], Oi = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: c = !1, placement: u = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: g, ..._ }) => {
+], ki = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: c = !1, placement: u = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: g, ..._ }) => {
 	let v = Ie(n), y = v.__unslotted, b = v.footer, x = "pds-drawer", S = g ? null : `${x}--${f}`, C = `${x}--${u}`, w = g ? { width: g } : void 0, [T, E] = h(c), [D, O] = h(!1), k = m(null), { closeOverlay: A, openOverlay: j } = vt();
 	l(() => {
 		c ? E(!0) : O(!1);
@@ -9714,7 +9733,7 @@ var or = {
 		onClick: M,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))), document.body) : null;
-}, ki = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: u, ...d }) => {
+}, Ai = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: u, ...d }) => {
 	let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = vt();
 	l(() => {
 		if (!(!h || !m) && c) return h(), () => m();
@@ -9779,7 +9798,7 @@ var or = {
 		}),
 		zIndex: 9999
 	}), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, r)))), document.body) : null;
-}, Ai = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: u = () => {}, size: d = "m", title: f, ...p }) => {
+}, ji = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: u = () => {}, size: d = "m", title: f, ...p }) => {
 	let m = Ie(n), g = m.__unslotted, _ = m.footer, b = "pds-modal", x = d === "m" ? null : `${b}--${d}`, S = a ? {
 		maxHeight: a,
 		paddingInlineEnd: "1rem",
@@ -9855,27 +9874,27 @@ var or = {
 		className: `${b}__content`,
 		style: S
 	}, g), _ && /* @__PURE__ */ e.createElement("div", { className: `${b}__footer` }, _)))));
-}, ji = (e, t) => {
+}, Mi = (e, t) => {
 	let n = t - e + 1;
 	return Array.from({ length: n }, (t, n) => n + e);
-}, Mi = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => p(() => {
+}, Ni = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => p(() => {
 	let i = Math.ceil(r / n), a = e + 5, o = i;
-	if (a >= i) return ji(1, i);
+	if (a >= i) return Mi(1, i);
 	let s = Math.max(t - e, 1), c = Math.min(t + e, i), l = s > 2, u = c < i - 2;
 	if (!l && u) return [
-		...ji(1, 3 + 2 * e),
+		...Mi(1, 3 + 2 * e),
 		"...",
 		i
 	];
 	if (l && !u) return [
 		1,
 		"...",
-		...ji(i - (3 + 2 * e) + 1, i)
+		...Mi(i - (3 + 2 * e) + 1, i)
 	];
 	if (l && u) return [
 		1,
 		"...",
-		...ji(s, c),
+		...Mi(s, c),
 		"...",
 		o
 	];
@@ -9884,11 +9903,11 @@ var or = {
 	n,
 	e,
 	t
-]), Ni = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
+]), Pi = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
 	previous: "Go to previous page",
 	next: "Go to next page"
 }, onPageChange: c, size: l = "m", totalItemCount: u, ...d }) => {
-	let f = Mi({
+	let f = Ni({
 		currentPage: r,
 		totalItemCount: u,
 		bufferCount: t,
@@ -9942,7 +9961,7 @@ var or = {
 			size: "m"
 		}))
 	}))));
-}, Pi = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, Fi = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
 	next: "Go to next page",
 	of: "of",
 	pageSelect: "Go to page",
@@ -9995,7 +10014,7 @@ var or = {
 			size: "m"
 		}))
 	})));
-}, Fi = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, Ii = ({ 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 }) => {
@@ -10024,7 +10043,7 @@ var or = {
 		iconName: "angleRight",
 		size: "m"
 	}))));
-}, Ii = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
+}, Li = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
 	let [c, d] = h(i), f = u(), p = r ?? `expansion-panel-${f}`, g = "pds-expansion-panel", _ = a ? null : `${g}--no-border`, v = m(null);
 	return l(() => {
 		let e = v.current;
@@ -10048,7 +10067,7 @@ var or = {
 		className: `${g}__icon ${c ? "rotated" : ""}`,
 		iconName: "angleDown"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, t)));
-}, Li = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
+}, Ri = ({ 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([
@@ -10058,7 +10077,7 @@ var or = {
 		]),
 		...i
 	}, t);
-}, Ri = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
+}, zi = ({ 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([
@@ -10068,7 +10087,7 @@ var or = {
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
-}, zi = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
+}, Bi = ({ 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([
@@ -10080,7 +10099,7 @@ var or = {
 		]),
 		...o
 	}, n);
-}, Bi = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
+}, Vi = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
 	let o = "pds-panel-row", [s, c] = h(!1), l = m(null), u = m(null), d = Ie(t), f = d["items-left"], p = d["items-right"], g = d["items-below"], _ = () => {
 		let e = u.current, t = l.current;
 		if (!e || !t) return;
@@ -10116,7 +10135,7 @@ var or = {
 			opacity: "0"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, g)));
-}, Vi = /* @__PURE__ */ e.createElement("svg", {
+}, Hi = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10179,7 +10198,7 @@ var or = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M161.5 16.65H161V16.35H162.5V16.65H162V18.25H161.6V16.65H161.5ZM163.6 18.25L163.1 16.75V18.25H162.7V16.35H163.3L163.8 17.85L164.3 16.35H164.9V18.25H164.5V16.75L164 18.25H163.6Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Hi = /* @__PURE__ */ e.createElement("svg", {
+})), Ui = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10215,7 +10234,7 @@ var or = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Ui = /* @__PURE__ */ e.createElement("svg", {
+})), Wi = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10251,17 +10270,17 @@ var or = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M135.7 0.299999H135.2V0H136.7V0.299999H136.2V1.9H135.8V0.299999H135.7ZM137.8 1.9L137.3 0.4V1.9H136.9V0H137.5L138 1.5L138.5 0H139.1V1.9H138.7V0.4L138.2 1.9H137.8Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Wi = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...s }) => {
+})), Gi = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...s }) => {
 	let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
 	switch (r) {
 		case "full":
-			f = Vi;
+			f = Hi;
 			break;
 		case "icon":
-			f = Hi;
+			f = Ui;
 			break;
 		case "wordmark":
-			f = Ui;
+			f = Wi;
 			break;
 	}
 	let p = o(i) && typeof i.props.children == "string" ? i.props.children : "", m = o(i) ? i.type : null, h = o(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
@@ -10278,7 +10297,7 @@ var or = {
 		]),
 		...s
 	}, i ? h : f);
-}, Gi = 8, Ki = 14, qi = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: u = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: g = "Show more information", triggerIcon: y = "circleInfo", triggerIconSize: T = "m", ...D }) => {
+}, Ki = 8, qi = 14, Ji = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: u = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: g = "Show more information", triggerIcon: y = "circleInfo", triggerIconSize: T = "m", ...D }) => {
 	let [j, M] = h(d);
 	l(() => {
 		M(d);
@@ -10304,12 +10323,12 @@ var or = {
 		O(V),
 		k(V),
 		I(V)
-	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Ki / 2, ne = ee + Gi, { isMounted: re } = L(V, {
+	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + qi / 2, ne = ee + Ki, { isMounted: re } = L(V, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${te}px calc(100% + ${Gi}px)`,
+			top: `${te}px calc(100% + ${Ki}px)`,
 			bottom: `${te}px -8px`,
-			left: `calc(100% + ${Gi}px) ${ne}px`,
+			left: `calc(100% + ${Ki}px) ${ne}px`,
 			right: `-8px ${ne}px`
 		}[e] })
 	});
@@ -10341,23 +10360,23 @@ var or = {
 		className: `${F}__arrow`,
 		context: V,
 		fill: "var(--pds-color-surface-default)",
-		height: Gi,
+		height: Ki,
 		stroke: "var(--pds-color-popover-border)",
 		strokeWidth: 1,
 		tipRadius: 0,
-		width: Ki
+		width: qi
 	}), /* @__PURE__ */ e.createElement("div", { className: `${F}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${F}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${F}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${F}__close-wrapper` }, /* @__PURE__ */ e.createElement(Yt, {
 		ariaLabel: r,
 		onClick: G,
 		size: "s"
 	})))))));
-}, Ji = {
+}, Yi = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, Yi = ({ className: t, colorBreakpoints: n = [{
+}, Xi = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -10378,7 +10397,7 @@ var or = {
 		id: m
 	}, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
 		className: `${h}__percentage`,
-		style: { color: `hsl(from var(${Ji[y]}) h s calc(l - 7))` }
+		style: { color: `hsl(from var(${Yi[y]}) h s calc(l - 7))` }
 	}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": m,
 		"aria-valuenow": v,
@@ -10388,58 +10407,75 @@ var or = {
 		className: `${h}__bar`,
 		style: {
 			width: `${v}%`,
-			backgroundColor: `var(${Ji[y]})`
+			backgroundColor: `var(${Yi[y]})`
 		}
 	}))), S && b);
-}, Xi = ({ className: t, id: n, innerLabel: r, label: i, percentage: a, showLabel: o = !1, showPercentage: s = !1, size: c = "m", ...l }) => {
-	let d = u(), f = n ?? d, p = "pds-progress-ring", m = o ? `${p}__label` : "visually-hidden", h = Z([`${p}__loading-text`, c === "m" ? null : `${p}__loading-text--${c}`]), g = (e) => e * 16, _ = g(parseFloat(Ye)), v = 7;
-	c === "s" && (_ = g(parseFloat(Xe)), v /= 1.25), c === "l" && (_ = g(parseFloat(Je)), v *= 1.25);
-	let y = _ / 2 - v / 2, b = 2 * Math.PI * y, x = b - b * a / 100, S;
-	return S = r || (s ? `${a}%` : ""), /* @__PURE__ */ e.createElement("div", {
-		className: Z([p, t]),
+}, Zi = {
+	neutral: "--pds-color-status-neutral-indicator",
+	info: "--pds-color-status-info-fill",
+	success: "--pds-color-status-success-fill",
+	warning: "--pds-color-status-warning-fill",
+	critical: "--pds-color-status-critical-fill"
+}, Qi = ({ className: t, colorBreakpoints: n = [{
+	colorType: "info",
+	percentage: 0
+}, {
+	colorType: "success",
+	percentage: 100
+}], id: r, innerLabel: i, label: a, percentage: o, showLabel: s = !1, showPercentage: c = !1, size: l = "m", ...d }) => {
+	let f = u(), p = r ?? f, m = "pds-progress-ring", h = s ? `${m}__label` : "visually-hidden", g = Z([`${m}__loading-text`, l === "m" ? null : `${m}__loading-text--${l}`]), _ = (e) => e * 16, v = _(parseFloat(Ye)), y = 7;
+	l === "s" && (v = _(parseFloat(Xe)), y /= 1.25), l === "l" && (v = _(parseFloat(Je)), y *= 1.25);
+	let b = v / 2 - y / 2, x = 2 * Math.PI * b, S = x - x * o / 100, C = "neutral";
+	n.forEach((e) => {
+		o >= e.percentage && (C = e.colorType);
+	});
+	let w;
+	return w = i || (c ? `${o}%` : ""), /* @__PURE__ */ e.createElement("div", {
+		className: Z([m, t]),
 		style: {
-			"--ring-stroke-dashoffset": x,
-			"--ring-stroke-dasharray": b
+			"--ring-stroke-dashoffset": S,
+			"--ring-stroke-dasharray": x
 		},
-		...l
+		...d
 	}, /* @__PURE__ */ e.createElement("div", {
-		className: m,
-		id: f
-	}, i), /* @__PURE__ */ e.createElement("div", {
-		"aria-labelledby": f,
+		className: h,
+		id: p
+	}, a), /* @__PURE__ */ e.createElement("div", {
+		"aria-labelledby": p,
 		"aria-valuemax": 100,
 		"aria-valuemin": 0,
-		"aria-valuenow": a,
-		className: `${p}__ring`,
+		"aria-valuenow": o,
+		className: `${m}__ring`,
 		role: "progressbar"
 	}, /* @__PURE__ */ e.createElement("svg", {
-		height: _,
-		viewBox: `0 0 ${_} ${_}`,
-		width: _
+		height: v,
+		viewBox: `0 0 ${v} ${v}`,
+		width: v
 	}, /* @__PURE__ */ e.createElement("circle", {
-		className: `${p}__track`,
-		cx: _ / 2,
-		cy: _ / 2,
-		r: y,
-		strokeWidth: v
+		className: `${m}__track`,
+		cx: v / 2,
+		cy: v / 2,
+		r: b,
+		strokeWidth: y
 	}), /* @__PURE__ */ e.createElement("circle", {
-		className: `${p}__progress`,
-		cx: _ / 2,
-		cy: _ / 2,
-		r: y,
-		strokeDasharray: b,
-		strokeDashoffset: x,
-		strokeWidth: v,
-		transform: `rotate(-90 ${_ / 2} ${_ / 2})`
+		className: `${m}__progress`,
+		cx: v / 2,
+		cy: v / 2,
+		r: b,
+		strokeDasharray: x,
+		strokeDashoffset: S,
+		strokeWidth: y,
+		style: { stroke: `var(${Zi[C]})` },
+		transform: `rotate(-90 ${v / 2} ${v / 2})`
 	}), /* @__PURE__ */ e.createElement("text", {
 		alignmentBaseline: "middle",
-		className: h,
+		className: g,
 		dominantBaseline: "middle",
 		textAnchor: "middle",
 		x: "50%",
 		y: "51%"
-	}, S))));
-}, Zi = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
+	}, w))));
+}, $i = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -10457,7 +10493,7 @@ var or = {
 		]),
 		...c
 	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), m && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), h && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), g && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), v && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), y && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
-}, Qi = ({ className: t, option: n, ...r }) => {
+}, ea = ({ className: t, option: n, ...r }) => {
 	let i = "pds-site-option-display", a = n.type ? _n[n.type] : "boltSolid", o = m(null), [s] = pe(o), c = s.width / 16 - 7.5, l, u;
 	n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
 	let d = /* @__PURE__ */ e.createElement(Rt, {
@@ -10480,7 +10516,7 @@ var or = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, $i = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
+}, ta = ({ 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 }) => {
@@ -10492,7 +10528,7 @@ var or = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement(Qi, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(ea, { option: t }),
 			siteData: t
 		};
 	});
@@ -10521,7 +10557,7 @@ var or = {
 };
 //#endregion
 //#region src/components/SortableList/sortable-utils.ts
-function ea(e, t, n = null, r = 0, i = []) {
+function na(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({
@@ -10533,10 +10569,10 @@ function ea(e, t, n = null, r = 0, i = []) {
 			index: o,
 			isExpanded: c,
 			parentId: n
-		}), s && c && a.children && e.push(...ea(a.children, t, a.id, r + 1, [...i, a.id])), e;
+		}), s && c && a.children && e.push(...na(a.children, t, a.id, r + 1, [...i, a.id])), e;
 	}, []);
 }
-function ta(e) {
+function ra(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 = {
@@ -10549,28 +10585,28 @@ function ta(e) {
 			e && (e.children || (e.children = []), e.children.push(o));
 		}
 	}
-	return na(r);
+	return ia(r);
 }
-function na(e) {
+function ia(e) {
 	return e.map((e) => {
 		if (e.children?.length) return {
 			...e,
-			children: na(e.children)
+			children: ia(e.children)
 		};
 		let { children: t, ...n } = e;
 		return n;
 	});
 }
-function ra(e, t) {
+function aa(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
 		if (n.children) {
-			let e = ra(n.children, t);
+			let e = aa(n.children, t);
 			if (e) return e;
 		}
 	}
 }
-function ia(e, t, n, r, i, a, o) {
+function oa(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;
@@ -10578,7 +10614,7 @@ function ia(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/SortableList/SortableListHeader.tsx
-var aa = ({ children: t, className: n, columns: r, ...i }) => {
+var sa = ({ children: t, className: n, columns: r, ...i }) => {
 	if (!r && !t) return null;
 	let a = r ? {
 		display: "grid",
@@ -10599,13 +10635,13 @@ var aa = ({ children: t, className: n, columns: r, ...i }) => {
 };
 //#endregion
 //#region src/components/SortableList/useSortableTree.ts
-function oa({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
+function ca({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
 	let i = n !== void 0, [a, o] = h(() => n ?? e ?? []), [c, l] = h(/* @__PURE__ */ new Set()), u = m(null), d = m(t);
 	t && !d.current && (u.current = {
 		items: i ? n : a,
 		expandedIds: c
-	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && ca("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
-	let f = i ? n : a, g = p(() => ea(f, c), [f, c]), _ = p(() => g.map((e) => e.id), [g]), v = s((e) => {
+	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && ua("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
+	let f = i ? n : a, g = p(() => na(f, c), [f, c]), _ = p(() => g.map((e) => e.id), [g]), v = s((e) => {
 		l((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -10623,7 +10659,7 @@ function oa({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		}, []),
 		flatNodes: g,
 		handleReorder: s((e) => {
-			let t = ta(e);
+			let t = ra(e);
 			i || o(t), r?.(t);
 		}, [i, r]),
 		resetToSnapshot: s(() => {
@@ -10635,24 +10671,24 @@ function oa({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		toggleExpand: v
 	};
 }
-var sa = /* @__PURE__ */ new Set();
-function ca(e) {
-	sa.has(e) || (sa.add(e), console.warn(e));
+var la = /* @__PURE__ */ new Set();
+function ua(e) {
+	la.has(e) || (la.add(e), console.warn(e));
 }
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
-var la = 24, ua = { droppable: { strategy: _e.Always } }, da = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
+var da = 24, fa = { droppable: { strategy: _e.Always } }, pa = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
 	let w = "pds-sortable-list", [T, E] = h(null), D = m(null), [O, k] = h(!1), A = m(!1), [j, M] = h(null), N = m(0), P = m(0), F = m("pointer"), I = m(0), L = m(null), [R, z] = h(0), B = m(0), [V, H] = h(0), U = m(0), W = s((e, t) => {
 		if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
 			e.preventDefault();
 			let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
 			return B.current = i, z(i), {
-				x: t.currentCoordinates.x + a * la,
+				x: t.currentCoordinates.x + a * da,
 				y: t.currentCoordinates.y
 			};
 		}
 		return Ce(e, t);
-	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = oa({
+	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = ca({
 		defaultItems: a,
 		isDragEnabled: G,
 		items: g,
@@ -10679,9 +10715,9 @@ var la = 24, ua = { droppable: { strategy: _e.Always } }, da = a(function({ chil
 		X,
 		Y,
 		j
-	]).size > 0, le = p(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = p(() => T ? ra(K, String(T)) ?? null : null, [T, K]), de = p(() => {
+	]).size > 0, le = p(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = p(() => T ? aa(K, String(T)) ?? null : null, [T, K]), de = p(() => {
 		let e = le?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : ia(J, String(T), String(j), V * la, la, _);
+		return !T || !j || O || _ === 0 ? e : oa(J, String(T), String(j), V * da, da, _);
 	}, [
 		T,
 		le,
@@ -10693,7 +10729,7 @@ var la = 24, ua = { droppable: { strategy: _e.Always } }, da = a(function({ chil
 	]), fe = p(() => {
 		if (!T || O || de === 0 || j && X(j)) return null;
 		let e = J.findIndex((e) => e.id === T);
-		return e === -1 ? null : fa(J, e, de);
+		return e === -1 ? null : ma(J, e, de);
 	}, [
 		T,
 		J,
@@ -10739,19 +10775,19 @@ var la = 24, ua = { droppable: { strategy: _e.Always } }, da = a(function({ chil
 	}, [J, Y]), Ee = s((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
-		let n = Math.floor(t / la), r = U.current;
-		(n > r || n < r && t < r * la - la * .4) && (U.current = n, H(n));
+		let n = Math.floor(t / da), r = U.current;
+		(n > r || n < r && t < r * da - da * .4) && (U.current = n, H(n));
 	}, [_]), De = s((e) => {
 		let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
 		E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (q(L.current), L.current = null);
-		let o = J.findIndex((e) => e.id === t.id), s = r ? i * la : a * la, c = !n || t.id === n.id, l = n?.id ?? null;
+		let o = J.findIndex((e) => e.id === t.id), s = r ? i * da : a * da, 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 = ia(J, String(t.id), String(t.id), s, la, _);
+			let n = oa(J, String(t.id), String(t.id), s, da, _);
 			if (n === e.depth) return;
-			let r = [...J], [i] = r.splice(o, 1), a = fa(r, o, n);
+			let r = [...J], [i] = r.splice(o, 1), a = ma(r, o, n);
 			if (a && oe.has(a)) return;
 			let c = {
 				...i,
@@ -10773,9 +10809,9 @@ var la = 24, ua = { droppable: { strategy: _e.Always } }, da = a(function({ chil
 			let e = J[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
-			g = ia(d, String(t.id), String(l), s, la, _, p.depth);
+			g = oa(d, String(t.id), String(l), s, da, _, p.depth);
 			let e = d[h];
-			v = e && e.depth === g - 1 ? String(l) : fa(d, h, g);
+			v = e && e.depth === g - 1 ? String(l) : ma(d, h, g);
 		}
 		if (v && oe.has(v)) return;
 		let y = {
@@ -10798,24 +10834,24 @@ var la = 24, ua = { droppable: { strategy: _e.Always } }, da = a(function({ chil
 		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (q(L.current), L.current = null);
 	}, [q]), ke = p(() => ({
 		onDragStart({ active: e }) {
-			let t = J.find((t) => t.id === e.id), n = ra(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = aa(K, String(e.id));
 			return `Picked up ${n ? c(n) : String(e.id)}. Current position: ${t ? J.indexOf(t) + 1 : "?"} of ${J.length} at depth ${t?.depth ?? 0}.`;
 		},
 		onDragOver({ active: e, over: t }) {
 			if (!t) return;
 			let n = J.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = ra(K, String(e.id)), i = r ? c(r) : String(e.id), a = ia(J, String(e.id), String(t.id), P.current, la, _);
+			let r = aa(K, String(e.id)), i = r ? c(r) : String(e.id), a = oa(J, String(e.id), String(t.id), P.current, da, _);
 			return `Moving ${i}. Target position: ${n + 1} of ${J.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = ra(K, String(e.id)), r = n ? c(n) : String(e.id);
+			let n = aa(K, String(e.id)), r = n ? c(n) : String(e.id);
 			if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
-			let i = J.findIndex((e) => e.id === t.id), a = ia(J, String(e.id), String(t.id), P.current, la, _);
+			let i = J.findIndex((e) => e.id === t.id), a = oa(J, String(e.id), String(t.id), P.current, da, _);
 			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 = ra(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = aa(K, String(e.id));
 			return `Sorting cancelled. ${n ? c(n) : String(e.id)} returned to position ${t ? J.indexOf(t) + 1 : "?"} of ${J.length}.`;
 		}
 	}), [
@@ -10823,14 +10859,14 @@ var la = 24, ua = { droppable: { strategy: _e.Always } }, da = a(function({ chil
 		J,
 		c,
 		_
-	]), Ae = { columns: i }, je = t.map(n, (t) => o(t) && t.type === aa ? e.cloneElement(t, Ae) : t);
+	]), Ae = { columns: i }, je = t.map(n, (t) => o(t) && t.type === sa ? e.cloneElement(t, Ae) : t);
 	return /* @__PURE__ */ e.createElement(me, {
 		accessibility: {
 			announcements: ke,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: _e,
-		measuring: ua,
+		measuring: fa,
 		onDragCancel: Oe,
 		onDragEnd: De,
 		onDragMove: Ee,
@@ -10905,14 +10941,14 @@ var la = 24, ua = { droppable: { strategy: _e.Always } }, da = a(function({ chil
 		return o(a) ? e.cloneElement(a, s) : a;
 	})()) : null));
 });
-function fa(e, t, n) {
+function ma(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 pa = ({ 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 ha = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
 	let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = we({
 		attributes: {
 			role: "listitem",
@@ -10967,7 +11003,7 @@ var pa = ({ 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));
-}, ma = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
+}, ga = ({ 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...",
@@ -11014,7 +11050,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		triggerIconColor: "default",
 		triggerIconSize: "s"
 	}), t === "left" && g));
-}, ha = ({ className: t, label: n = null, size: r = "s", type: i = "neutral", ...a }) => {
+}, _a = ({ className: t, label: n = null, size: r = "s", type: i = "neutral", ...a }) => {
 	let o = "pds-status-indicator", s = `${o}--${i}`, c = r === "s" ? null : `${o}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -11032,7 +11068,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${o}__icon`,
 		role: "img"
 	}), n && /* @__PURE__ */ e.createElement("span", { className: "pds-status-indicator__label" }, n));
-}, ga = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+}, va = ({ 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", {
@@ -11050,7 +11086,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, _a = ({ className: t, steps: n, translatableLabels: r = {
+}, ya = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -11114,7 +11150,7 @@ var pa = ({ 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(Xi, {
+			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Qi, {
 				innerLabel: n,
 				label: "Step progress",
 				percentage: i,
@@ -11139,7 +11175,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"data-steps": d,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, h)));
-}, va = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, ba = ({ _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]),
@@ -11165,14 +11201,14 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "highlight"
 	})))));
-}, ya = ({ className: t, labelStrings: n = {
+}, xa = ({ 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(va, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(ba, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -11193,7 +11229,7 @@ var pa = ({ 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));
-}, ba = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: m = "No results found.", emptyStateMessage: g, footer: _, getPageSizeLabel: v = (e) => `Show ${e} rows per page`, getRowClassName: y, getRowId: b, getSelectRowLabel: x = (e, t) => `Select row ${t}`, getSortLabel: S = (e) => `Sort by ${e}`, inspectedRowId: C, isLoading: w = !1, itemsPerPage: T, loadingRowCount: E = 5, nextDetailPanelRowLabel: D = "Next row", onDetailPanelNext: O, onDetailPanelPrev: k, onPageChange: A, onPageSizeChange: j, onRowInspect: M, onRowSelectionChange: N, onSort: P, pageSizeOptions: F, panel: I, prevDetailPanelRowLabel: L = "Previous row", renderDetailPanel: R, renderDetailPanelFooter: z, rowData: B, selectAllLabel: V = "Select all rows", selectedRows: H, sortKey: U, sortOrder: W, totalItemCount: G, ...K }) => {
+}, Sa = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: m = "No results found.", emptyStateMessage: g, footer: _, getPageSizeLabel: v = (e) => `Show ${e} rows per page`, getRowClassName: y, getRowId: b, getSelectRowLabel: x = (e, t) => `Select row ${t}`, getSortLabel: S = (e) => `Sort by ${e}`, inspectedRowId: C, isLoading: w = !1, itemsPerPage: T, loadingRowCount: E = 5, nextDetailPanelRowLabel: D = "Next row", onDetailPanelNext: O, onDetailPanelPrev: k, onPageChange: A, onPageSizeChange: j, onRowInspect: M, onRowSelectionChange: N, onSort: P, pageSizeOptions: F, panel: I, prevDetailPanelRowLabel: L = "Previous row", renderDetailPanel: R, renderDetailPanelFooter: z, rowData: B, selectAllLabel: V = "Select all rows", selectedRows: H, sortKey: U, sortOrder: W, totalItemCount: G, ...K }) => {
 	let q = "pds-table", J = u(), ee = u(), te = P !== void 0, ne = A !== void 0, re = j !== void 0, ie = ne || T !== void 0 || F !== void 0, [ae, Y] = h({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
@@ -11343,7 +11379,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		showLabel: !1,
 		size: "s",
 		value: String(pe)
-	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Pi, {
+	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Fi, {
 		currentPage: ne ? i ?? 1 : oe,
 		itemsPerPage: pe,
 		onPageChange: ne ? A : X,
@@ -11383,8 +11419,8 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "standard"
 	}))))));
-	return I ? /* @__PURE__ */ e.createElement(Ri, { padding: "none" }, Ue) : Ue;
-}, xa = [
+	return I ? /* @__PURE__ */ e.createElement(zi, { padding: "none" }, Ue) : Ue;
+}, Ca = [
 	" ",
 	"/",
 	".",
@@ -11402,7 +11438,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], Sa = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Ca = (e) => {
+], wa = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Ta = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -11415,18 +11451,18 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, wa = (e, t, n) => {
+}, Ea = (e, t, n) => {
 	let [r, i] = h([]);
 	return l(() => {
 		let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
 			let e = Array.from(document.querySelectorAll(r));
 			e.forEach((e) => {
-				xa.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(Sa(t), "g"), "-"));
+				Ca.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp(wa(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(Ca(e));
+			}), i(Ta(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -11442,7 +11478,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, Ta = (e, t) => {
+}, Da = (e, t) => {
 	let [n, r] = h(void 0), i = m({});
 	return l(() => {
 		let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -11461,7 +11497,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, Ea = ({ 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", {
+}, Oa = ({ 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", {
@@ -11477,8 +11513,8 @@ var pa = ({ 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))))))), Da = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
-	let d = "pds-toc", { nestedHeadings: f } = wa(c, o, u()), p = Ta(c, o), m = (e) => {
+}, r.title))))))), ka = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
+	let d = "pds-toc", { nestedHeadings: f } = Ea(c, o, u()), p = Da(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -11496,13 +11532,13 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		baseClass: d,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(Ea, {
+	}, a), /* @__PURE__ */ e.createElement(Oa, {
 		activeID: p,
 		baseClass: d,
 		headings: f,
 		onLinkClick: g
 	}));
-}, Oa = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, Aa = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [u, d] = h(a ?? r);
 	l(() => {
 		a !== void 0 && d(a);
@@ -11613,7 +11649,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== u
 	}, r)))));
-}, ka = [
+}, ja = [
 	"orange",
 	"stone",
 	"gold",
@@ -11628,7 +11664,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"rose",
 	"red",
 	"silver"
-], Aa = [
+], Ma = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -11639,8 +11675,8 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], ja = (e) => ka[parseInt(g(e), 16) % ka.length], Ma = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Na = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
-	let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${ja(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
+], Na = (e) => ja[parseInt(g(e), 16) % ja.length], Pa = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Fa = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
+	let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${Na(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && o(r)) {
@@ -11662,7 +11698,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? Ma(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? Pa(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -11674,11 +11710,11 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, Pa = {
+}, Ia = {
 	light: "sunBright",
 	dark: "moon",
 	system: "desktop"
-}, Fa = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
+}, La = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
 	light: "Light",
 	dark: "Dark",
 	system: "System"
@@ -11689,7 +11725,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"system"
 	].map((e) => ({
 		callback: () => i?.(e),
-		iconName: Pa[e],
+		iconName: Ia[e],
 		iconSize: "m",
 		label: r[e]
 	}));
@@ -11701,7 +11737,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		customTrigger: /* @__PURE__ */ e.createElement(vn, {
 			iconOnly: !0,
 			"aria-label": s,
-			iconName: Pa[a],
+			iconName: Ia[a],
 			id: n,
 			label: "",
 			menuItems: c,
@@ -11710,7 +11746,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		offsetValue: 0,
 		preferredPlacement: "top"
 	}));
-}, Ia = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, Ra = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
 	let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = Ie(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -11721,7 +11757,7 @@ var pa = ({ 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)));
-}, La = () => {
+}, za = () => {
 	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = h(e ? t(window.innerWidth) : "lg");
 	return l(() => {
 		if (!e) return;
@@ -11732,7 +11768,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, Ra = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: c, isDrawerOpen: u = !1, isSidebarCollapsed: d, keyboardShortcuts: p = !0, labels: g = {
+}, Ba = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: c, isDrawerOpen: u = !1, isSidebarCollapsed: d, keyboardShortcuts: p = !0, labels: g = {
 	collapseSidebar: "Press [ to collapse sidebar",
 	drawerToggle: "Open account menu",
 	expandSidebar: "Press ] to expand sidebar"
@@ -11752,7 +11788,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		M(!j);
-	}, B = La();
+	}, B = za();
 	l(() => {
 		B === "sm" && !j ? (R.current = !0, S ? S() : M(!0)) : B !== "sm" && R.current && (R.current = !1, S ? S() : M(!1));
 	}, [B]);
@@ -11850,7 +11886,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			n ?? ""
 		]),
 		...A
-	}, K ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, K), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, X)) : X), o && /* @__PURE__ */ e.createElement(Oi, {
+	}, K ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, K), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, X)) : X), o && /* @__PURE__ */ e.createElement(ki, {
 		...a,
 		isOpen: u,
 		placement: "left",
@@ -11858,7 +11894,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && u && x && x();
 		}
 	}, r));
-}, za = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, Va = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
 	let c = "pds-docs-layout", l = {
 		"--docs-sidebar-max-width": `${i}rem`,
 		"--docs-sidebar-min-width": `${a}rem`,
@@ -11876,7 +11912,7 @@ var pa = ({ 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));
-}, Ba = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
+}, Ha = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
 	let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = Ie(t);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, n ?? ""]),
@@ -11890,7 +11926,7 @@ var pa = ({ 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));
-}, Va = ({ children: t, className: n, ...r }) => {
+}, Ua = ({ children: t, className: n, ...r }) => {
 	let i = Ie(t), a = i.stepper, o = i.form, s = m(null), [c] = pe(s), l = c.width;
 	document.documentElement.style.setProperty("--stepper-layout-max-width", l + "px");
 	let u = "pds-stepper-layout";
@@ -11901,7 +11937,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		ref: s,
 		className: `${u}__stepper-container`
 	}, a), o && /* @__PURE__ */ e.createElement("div", { className: `${u}__form-container` }, o));
-}, Ha = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+}, Wa = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
 	let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = Ie(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -11919,7 +11955,7 @@ var pa = ({ 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)));
-}, Ua = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, Ga = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
 	let s = "pds-two-item-layout", c = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, l = `${s}--${a}`, u = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], f = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"], m, h;
 	switch (i) {
 		case "equal":
@@ -11940,7 +11976,7 @@ var pa = ({ 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));
-}, Wa = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
+}, Ka = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
 	let _ = "pds-flex", v = `${_}-container`, y = {
 		"--pds-flex-align-content": t,
 		"--pds-flex-align-items": n,
@@ -11966,12 +12002,12 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, Ga = ({ children: t, mobileMaxWidth: n = 767 }) => (l(() => {
+}, qa = ({ children: t, mobileMaxWidth: n = 767 }) => (l(() => {
 	let e = document.documentElement, t = () => {
 		window.innerWidth <= n ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
 	};
 	return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-}, [n]), /* @__PURE__ */ e.createElement(_t, null, t)), Ka = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, [n]), /* @__PURE__ */ e.createElement(_t, null, t)), Ja = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
 	let l = "pds-grid", u = a === "xl" ? null : `${l}--gap-${a}`, d = i ? `${l}--dense` : null, f = t || s ? `${l}--container` : null, p = s ? `${l}--stack-${s}` : null, m = o ?? a, h = m === a ? null : `${l}-gap-mobile--${m}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -11985,7 +12021,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, qa = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, Ya = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
 	let f = "pds-grid-item", p = [
 		l ? `${f}--sm-${l}` : null,
 		c ? `${f}--md-${c}` : null,
@@ -12004,7 +12040,7 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, Ja = (e) => {
+}, Xa = (e) => {
 	let t = typeof window < "u", [n, r] = h(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return l(() => {
 		if (!t) return;
@@ -12013,7 +12049,7 @@ var pa = ({ 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;
-}, Ya = () => {
+}, Za = () => {
 	let e = typeof window < "u", [t, n] = h(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return l(() => {
 		if (!e) return;
@@ -12027,6 +12063,6 @@ var pa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { On as ActionCard, Ra as AppLayout, Ue as Avatar, We as Badge, fi as Banner, Qn as BarChart, Bt as BranchDiff, Br as Breadcrumb, Wt as Button, Gt as ButtonLink, Jr as ButtonNav, Ir as CTALink, Dn as Callout, kn as Card, An as CardSelect, _r as Checkbox, vr as CheckboxFieldset, yr as CheckboxGroup, Jt as ClipboardButton, Yt as CloseButton, sr as CodeBlock, br as Combobox, Sr as ComboboxMultiselect, jn as CompactEmptyState, lr as ComparisonList, Xr as Container, Er as Datepicker, za as DocsLayout, Oi as Drawer, en as Dropdown, Yr as DropdownMenu, Ii as ExpansionPanel, Li as ExpansionPanelGroup, pr as FileDiff, Dr as FileUpload, ln as FilterButton, Wa as FlexContainer, ki as FullScreenOverlay, Ga as GlobalWrapper, Ka as Grid, qa as GridItem, dr as HorizontalEmptyState, Q as Icon, qt as IconButton, gr as IdentityBlock, mi as InlineMessage, Or as InputGroup, er as LineChart, Lr as LinkNewWindow, _i as MIN_AUTO_CLOSE_DURATION, vn as MenuButton, Ai as Modal, Zr as Navbar, Ni as Pagination, Pi as PaginationCompact, Fi as PaginationMini, Ri as Panel, zi as PanelList, Bi as PanelRow, Wi as PantheonLogo, hr as PaymentIcon, zr as Picture, nr as PieChart, Sn as PlatformIcon, qi as Popover, Yi as ProgressBar, Xi as ProgressRing, ir as ProportionBar, kr as RadioGroup, wn as SSOButton, gi as SectionMessage, yn as SegmentedButton, Pn as Select, Nn as SelectOptionGroup, Qr as SideNav, ei as SideNavGlobal, $r as SideNavGlobalItem, Ba as SidebarLayout, Zi as SiteFooter, ni as SiteMenu, Qi as SiteOptionDisplay, $i as SiteSearch, _n as SiteTypeIcon, gn as SiteTypeLabel, Jn as Skeleton, Rr as Skiplink, da as SortableList, aa as SortableListHeader, pa as SortableRow, Lt as Spinner, bn as SplitButton, Rt as StatusBadge, ma as StatusChecker, ha as StatusIndicator, dn as StatusTypeLabels, ga as StepList, _a as Stepper, Va as StepperLayout, Ar as Switch, ii as TabMenu, ba as Table, Da as TableOfContents, Oa as Tabs, Na as Tag, Mr as TagsInput, zt as Tally, Fr as TextInput, Nr as Textarea, Fa as ThemeSwitcher, Ha as ThreeItemLayout, Ti as Toast, Ei as ToastType, xi as Toaster, yi as ToasterContext, bt as Tooltip, oi as TreeNav, Ua as TwoItemLayout, si as UserMenu, Ia as UtilityBar, Tn as UtilityButton, fr as VerticalEmptyState, ya as VerticalStepper, ur as VideoEmbed, ci as WorkspaceSelector, wr as getPresetDateRange, Be as iconList, pn as isHeadingItemType, mn as isLinkItemType, hn as isNodeItemType, fn as isSeparatorItemType, ka as tagColors, Aa as tagSolidColors, La as useBreakpoint, Kt as useClipboard, Zt as useDropdown, yt as useKeyPress, Ja as useMediaQuery, Di as useToast, Ya as useWindowWidth };
+export { On as ActionCard, Ba as AppLayout, Ue as Avatar, We as Badge, pi as Banner, Qn as BarChart, Bt as BranchDiff, Br as Breadcrumb, Wt as Button, Gt as ButtonLink, Jr as ButtonNav, Ir as CTALink, Dn as Callout, kn as Card, An as CardSelect, _r as Checkbox, vr as CheckboxFieldset, yr as CheckboxGroup, Jt as ClipboardButton, Yt as CloseButton, sr as CodeBlock, br as Combobox, Sr as ComboboxMultiselect, jn as CompactEmptyState, lr as ComparisonList, Xr as Container, Er as Datepicker, Va as DocsLayout, ki as Drawer, en as Dropdown, Yr as DropdownMenu, Li as ExpansionPanel, Ri as ExpansionPanelGroup, pr as FileDiff, Dr as FileUpload, ln as FilterButton, Ka as FlexContainer, Ai as FullScreenOverlay, qa as GlobalWrapper, Ja as Grid, Ya as GridItem, dr as HorizontalEmptyState, Q as Icon, qt as IconButton, gr as IdentityBlock, hi as InlineMessage, Or as InputGroup, er as LineChart, Lr as LinkNewWindow, vi as MIN_AUTO_CLOSE_DURATION, vn as MenuButton, ji as Modal, Zr as Navbar, Pi as Pagination, Fi as PaginationCompact, Ii as PaginationMini, zi as Panel, Bi as PanelList, Vi as PanelRow, Gi as PantheonLogo, hr as PaymentIcon, zr as Picture, nr as PieChart, Sn as PlatformIcon, Ji as Popover, Xi as ProgressBar, Qi as ProgressRing, ir as ProportionBar, kr as RadioGroup, wn as SSOButton, _i as SectionMessage, yn as SegmentedButton, Pn as Select, Nn as SelectOptionGroup, $r as SideNav, ti as SideNavGlobal, ei as SideNavGlobalItem, Ha as SidebarLayout, $i as SiteFooter, ri as SiteMenu, ea as SiteOptionDisplay, ta as SiteSearch, _n as SiteTypeIcon, gn as SiteTypeLabel, Jn as Skeleton, Rr as Skiplink, pa as SortableList, sa as SortableListHeader, ha as SortableRow, Lt as Spinner, bn as SplitButton, Rt as StatusBadge, ga as StatusChecker, _a as StatusIndicator, dn as StatusTypeLabels, va as StepList, ya as Stepper, Ua as StepperLayout, Ar as Switch, ai as TabMenu, Sa as Table, ka as TableOfContents, Aa as Tabs, Fa as Tag, Mr as TagsInput, zt as Tally, Fr as TextInput, Nr as Textarea, La as ThemeSwitcher, Wa as ThreeItemLayout, Ei as Toast, Di as ToastType, Si as Toaster, bi as ToasterContext, bt as Tooltip, si as TreeNav, Ga as TwoItemLayout, ci as UserMenu, Ra as UtilityBar, Tn as UtilityButton, fr as VerticalEmptyState, xa as VerticalStepper, ur as VideoEmbed, li as WorkspaceSelector, wr as getPresetDateRange, Be as iconList, pn as isHeadingItemType, mn as isLinkItemType, hn as isNodeItemType, fn as isSeparatorItemType, ja as tagColors, Ma as tagSolidColors, za as useBreakpoint, Kt as useClipboard, Zt as useDropdown, yt as useKeyPress, Xa as useMediaQuery, Oi as useToast, Za as useWindowWidth };
 
 //# sourceMappingURL=index.js.map