@pantheon-systems/pds-toolkit-react 2.0.0-alpha.56 → 2.0.0-alpha.57

package/dist/index.js

@@ -2516,27 +2516,28 @@ var Ve = Object.create, He = Object.defineProperty, Ue = Object.getOwnPropertyDe
 	className: "pds-input-label__required-icon",
 	iconName: "asterisk",
 	size: "s"
-})), Ut = ({ className: t, disabled: n, id: r, isLegend: i, isPseudoLabel: a, label: o, required: s, showLabel: c = !0, tooltipText: l = null }) => {
-	let u = Z([
+})), Ut = ({ className: t, disabled: n, id: r, isLegend: i, isPseudoLabel: a, label: o, labelVariant: s = "default", required: c, showLabel: l = !0, tooltipText: u = null }) => {
+	let d = Z([
 		"pds-input-label",
-		c ? null : "visually-hidden",
+		s === "heading" ? "pds-input-label--heading" : null,
+		l ? null : "visually-hidden",
 		t ?? ""
-	]), d = /* @__PURE__ */ e.createElement(e.Fragment, null, o, s && !n && /* @__PURE__ */ e.createElement(Ht, null), l && /* @__PURE__ */ e.createElement(zt, {
-		content: l,
+	]), f = /* @__PURE__ */ e.createElement(e.Fragment, null, o, c && !n && /* @__PURE__ */ e.createElement(Ht, null), u && /* @__PURE__ */ e.createElement(zt, {
+		content: u,
 		triggerIcon: "circleInfoSolid",
 		triggerIconSize: "s"
 	}));
 	return i ? /* @__PURE__ */ e.createElement("legend", {
-		className: u,
+		className: d,
 		id: `${r}-legend`
-	}, d) : a ? /* @__PURE__ */ e.createElement("span", {
-		className: u,
+	}, f) : a ? /* @__PURE__ */ e.createElement("span", {
+		className: d,
 		id: `${r}-field-label`
-	}, d) : /* @__PURE__ */ e.createElement("label", {
-		className: u,
+	}, f) : /* @__PURE__ */ e.createElement("label", {
+		className: d,
 		htmlFor: r,
 		id: `${r}-label`
-	}, d);
+	}, f);
 }, Wt = ({ className: t, forInputGroup: n = !1, hasValidationMessage: r, id: i, message: a, validationMessageHasDecorators: o, validationStatus: s }) => {
 	let c = "pds-input-message", l = s && r ? `${c}--${s}` : null;
 	return /* @__PURE__ */ e.createElement("div", {
@@ -4163,29 +4164,29 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 }, $n = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, icon: a, id: o, inputWidth: s, label: c, labelStrings: u = {
 	selectOptionText: "Select an option...",
 	triggerButton: "Toggle dropdown menu"
-}, message: d, onBlur: f, onFocus: p, onOptionSelect: m, options: g, required: _ = !1, showLabel: v = !0, size: y = "s", tooltipText: b = null, validationMessage: x, validationStatus: S, value: C, ...w }) => {
-	let T = Bt(s), E = "pds-select", D = t ? `${E}--auto-width` : null, O = y === "s" ? null : `${E}--${y}`, k = i ? $.disabled : null, A = _ && !i ? $.required : null, j = S === "error" ? $.error : null, M = S === "success" ? $.success : null, N = null;
-	S === "error" && (N = "error"), S === "success" && (N = "success");
-	let P = x || d, F = C !== void 0, I = r !== void 0, L = ((e) => e.reduce((e, t) => Zt(t) ? [...e, ...t.options] : [...e, t], []))(g), R = (e) => L.findIndex((t) => t.value === e), z = F && R(C) >= 0 ? R(C) : null, B = I ? R(r) : null, [V, H] = h((z || B) ?? null), { activeIndex: U, floatingStyles: ee, getFloatingProps: W, getItemProps: G, getReferenceProps: te, isMounted: K, listRef: ne, refs: re, setIsOpen: ie, transitionStyles: q } = _n({
+}, message: d, onBlur: f, onFocus: p, onOptionSelect: m, options: g, required: _ = !1, showLabel: v = !0, showSelectedIcon: y = !0, size: b = "s", tooltipText: x = null, validationMessage: S, validationStatus: C, value: w, ...T }) => {
+	let E = Bt(s), D = "pds-select", O = t ? `${D}--auto-width` : null, k = b === "s" ? null : `${D}--${b}`, A = i ? $.disabled : null, j = _ && !i ? $.required : null, M = C === "error" ? $.error : null, N = C === "success" ? $.success : null, P = null;
+	C === "error" && (P = "error"), C === "success" && (P = "success");
+	let F = S || d, I = w !== void 0, L = r !== void 0, R = ((e) => e.reduce((e, t) => Zt(t) ? [...e, ...t.options] : [...e, t], []))(g), z = (e) => R.findIndex((t) => t.value === e), B = I && z(w) >= 0 ? z(w) : null, V = L ? z(r) : null, [H, U] = h((B || V) ?? null), { activeIndex: ee, floatingStyles: W, getFloatingProps: G, getItemProps: te, getReferenceProps: K, isMounted: ne, listRef: re, refs: ie, setIsOpen: q, transitionStyles: ae } = _n({
 		enableClick: !i,
 		enableTypeahead: !0,
 		role: "listbox",
-		selectedIndex: V,
+		selectedIndex: H,
 		variant: "input"
-	}), ae = V === null ? void 0 : L[V]?.label, oe = V === null ? void 0 : L[V]?.icon, J = V === null ? void 0 : L[V]?.value, Y = (e) => {
-		let t = L[e];
-		F || (H(e), ie(!1)), m && m(t);
+	}), oe = H === null ? void 0 : R[H]?.label, J = H === null ? void 0 : R[H]?.icon, Y = H === null ? void 0 : R[H]?.value, X = (e) => {
+		let t = R[e];
+		I || (U(e), q(!1)), m && m(t);
 	};
 	l(() => {
-		F && (H(R(C)), ie(!1));
-	}, [C]);
-	let X = () => {
-		f && f(J);
-	}, se = () => {
-		p && p(J);
+		I && (U(z(w)), q(!1));
+	}, [w]);
+	let se = () => {
+		f && f(Y);
 	}, ce = () => {
-		re.reference.current.focus();
-	}, le = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(Hn, {
+		p && p(Y);
+	}, le = () => {
+		ie.reference.current.focus();
+	}, ue = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(Hn, {
 		className: n,
 		platformType: t,
 		size: "m"
@@ -4193,7 +4194,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: n,
 		iconName: t,
 		size: "m"
-	}), ue = (t) => {
+	}), de = (t) => {
 		let n = 0;
 		return t.map((t) => {
 			if (Zt(t)) {
@@ -4202,20 +4203,20 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 					return /* @__PURE__ */ e.createElement(Qt, {
 						key: r,
 						ref: (e) => {
-							ne.current[r] = e;
+							re.current[r] = e;
 						},
 						"aria-disabled": t?.disabled,
-						"aria-selected": r === V && r === U,
-						tabIndex: r === U ? 0 : -1,
-						...!t?.disabled && G({
+						"aria-selected": r === H && r === ee,
+						tabIndex: r === ee ? 0 : -1,
+						...!t?.disabled && te({
 							onClick() {
-								Y(r);
+								X(r);
 							},
 							onKeyDown(e) {
-								e.key === "Enter" && (e.preventDefault(), Y(r), re.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), re.reference.current.focus());
+								e.key === "Enter" && (e.preventDefault(), X(r), ie.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ie.reference.current.focus());
 							}
 						})
-					}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(On, null));
+					}, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label` }, t.icon && ue(t.icon, `${D}__option-icon`), t.label), y && H === r && /* @__PURE__ */ e.createElement(On, null));
 				});
 				return /* @__PURE__ */ e.createElement(Qn, {
 					key: t.groupLabel,
@@ -4226,44 +4227,44 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			return /* @__PURE__ */ e.createElement(Qt, {
 				key: r,
 				ref: (e) => {
-					ne.current[r] = e;
+					re.current[r] = e;
 				},
 				"aria-disabled": t?.disabled,
-				"aria-selected": r === V && r === U,
-				tabIndex: r === U ? 0 : -1,
-				...!t?.disabled && G({
+				"aria-selected": r === H && r === ee,
+				tabIndex: r === ee ? 0 : -1,
+				...!t?.disabled && te({
 					onClick() {
-						Y(r);
+						X(r);
 					},
 					onKeyDown(e) {
-						e.key === "Enter" && (e.preventDefault(), Y(r), re.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), re.reference.current.focus());
+						e.key === "Enter" && (e.preventDefault(), X(r), ie.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ie.reference.current.focus());
 					}
 				})
-			}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(On, null));
+			}, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label` }, t.icon && ue(t.icon, `${D}__option-icon`), t.label), y && H === r && /* @__PURE__ */ e.createElement(On, null));
 		});
 	};
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			E,
 			D,
 			O,
 			k,
 			A,
 			j,
 			M,
+			N,
 			n ?? ""
 		]),
-		style: s ? T : null,
-		...w
+		style: s ? E : null,
+		...T
 	}, t && !s && /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
-		className: `${E}__sizer`
-	}, L.map((t) => /* @__PURE__ */ e.createElement("span", {
+		className: `${D}__sizer`
+	}, R.map((t) => /* @__PURE__ */ e.createElement("span", {
 		key: t.value,
-		className: `${E}__input-wrapper`
-	}, S !== void 0 && /* @__PURE__ */ e.createElement(Kt, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${E}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-text` }, t.icon && le(t.icon, `${E}__icon`), t.label), /* @__PURE__ */ e.createElement(Q, {
-		className: `${E}__trigger-icon`,
+		className: `${D}__input-wrapper`
+	}, C !== void 0 && /* @__PURE__ */ e.createElement(Kt, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${D}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-text` }, t.icon && ue(t.icon, `${D}__icon`), t.label), /* @__PURE__ */ e.createElement(Q, {
+		className: `${D}__trigger-icon`,
 		iconName: "angleDown"
 	}))))), /* @__PURE__ */ e.createElement(Ut, {
 		disabled: i,
@@ -4271,39 +4272,39 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		label: c,
 		required: _,
 		showLabel: v,
-		tooltipText: b
+		tooltipText: x
 	}), /* @__PURE__ */ e.createElement("span", {
-		ref: re.setReference,
+		ref: ie.setReference,
 		"aria-autocomplete": "none",
 		"aria-labelledby": `${o}-label`,
-		className: `${E}__input-wrapper`,
+		className: `${D}__input-wrapper`,
 		id: o,
 		tabIndex: 0,
-		...te({
-			onClick: ce,
-			onBlur: X,
-			onFocus: se
+		...K({
+			onClick: le,
+			onBlur: se,
+			onFocus: ce
 		})
-	}, N && /* @__PURE__ */ e.createElement(Kt, { variant: N }), /* @__PURE__ */ e.createElement("span", { className: `${E}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-text` }, (oe || !ae && a) && le(oe || a, `${E}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label-text` }, ae ?? u.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
-		className: `${E}__trigger-icon`,
+	}, P && /* @__PURE__ */ e.createElement(Kt, { variant: P }), /* @__PURE__ */ e.createElement("span", { className: `${D}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-text` }, (J || !oe && a) && ue(J || a, `${D}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label-text` }, oe ?? u.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
+		className: `${D}__trigger-icon`,
 		iconName: "angleDown"
-	}))), K && /* @__PURE__ */ e.createElement("div", {
-		ref: re.setFloating,
-		className: `pds-dropdown__panel ${E}__dropdown`,
+	}))), ne && /* @__PURE__ */ e.createElement("div", {
+		ref: ie.setFloating,
+		className: `pds-dropdown__panel ${D}__dropdown`,
 		style: {
-			...ee,
+			...W,
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
-		...W()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...q } }, /* @__PURE__ */ e.createElement("ul", {
-		className: `${E}__options`,
+		...G()
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...ae } }, /* @__PURE__ */ e.createElement("ul", {
+		className: `${D}__options`,
 		role: "group"
-	}, ue(g)))), P && /* @__PURE__ */ e.createElement(Wt, {
-		hasValidationMessage: !!x,
+	}, de(g)))), F && /* @__PURE__ */ e.createElement(Wt, {
+		hasValidationMessage: !!S,
 		id: o,
-		message: P,
+		message: F,
 		validationMessageHasDecorators: !1,
-		validationStatus: S
+		validationStatus: C
 	}));
 }, er = {
 	"sequential-blue": 2,
@@ -6908,21 +6909,21 @@ var Tr = {
 		message: P,
 		validationStatus: S
 	}));
-}), Lr = ({ children: t, className: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, message: c, required: l = !1, showLabel: u = !0, tooltipText: d = null, validationMessage: f, validationStatus: p, ...m }) => {
-	let h = o ? { width: `${o / 16}rem` } : null, g = "pds-checkbox-group", _ = r ? $.disabled : null, v = l && !r ? $.required : null, y = p === "error" ? $.error : null, b = p === "success" ? $.success : null, x = f || c;
+}), Lr = ({ children: t, className: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, labelVariant: c, message: l, required: u = !1, showLabel: d = !0, tooltipText: f = null, validationMessage: p, validationStatus: m, ...h }) => {
+	let g = o ? { width: `${o / 16}rem` } : null, _ = "pds-checkbox-group", v = r ? $.disabled : null, y = u && !r ? $.required : null, b = m === "error" ? $.error : null, x = m === "success" ? $.success : null, S = p || l;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
-			g,
 			_,
 			v,
 			y,
 			b,
+			x,
 			n ?? ""
 		]),
-		style: o ? h : null,
-		...m
+		style: o ? g : null,
+		...h
 	}, /* @__PURE__ */ e.createElement("fieldset", {
-		className: `${g}__fieldset`,
+		className: `${_}__fieldset`,
 		id: a,
 		...i
 	}, /* @__PURE__ */ e.createElement(Ut, {
@@ -6930,54 +6931,55 @@ var Tr = {
 		disabled: r,
 		id: a,
 		label: s,
-		required: l,
-		showLabel: u,
-		tooltipText: d
-	}), /* @__PURE__ */ e.createElement("div", { className: `${g}__options` }, t)), x && /* @__PURE__ */ e.createElement(Wt, {
+		labelVariant: c,
+		required: u,
+		showLabel: d,
+		tooltipText: f
+	}), /* @__PURE__ */ e.createElement("div", { className: `${_}__options` }, t)), S && /* @__PURE__ */ e.createElement(Wt, {
 		validationMessageHasDecorators: !0,
-		hasValidationMessage: !!f,
+		hasValidationMessage: !!p,
 		id: a,
-		message: x,
-		validationStatus: p
+		message: S,
+		validationStatus: m
 	}));
-}, Rr = ({ className: t, disabled: n = !1, fieldsetProps: r, id: i, inputWidth: a, label: o, message: s, onGroupBlur: c, onValueChange: u, options: d, required: f = !1, showLabel: p = !0, tooltipText: g = null, validationMessage: _, validationStatus: v, ...y }) => {
-	let b = a ? { width: `${a / 16}rem` } : null, x = "pds-checkbox-group", S = n ? $.disabled : null, C = f && !n ? $.required : null, w = v === "error" ? $.error : null, T = v === "success" ? $.success : null, E = _ || s;
-	d.map((e) => {
+}, Rr = ({ className: t, disabled: n = !1, fieldsetProps: r, id: i, inputWidth: a, label: o, labelVariant: s, message: c, onGroupBlur: u, onValueChange: d, options: f, required: p = !1, showLabel: g = !0, tooltipText: _ = null, validationMessage: v, validationStatus: y, ...b }) => {
+	let x = a ? { width: `${a / 16}rem` } : null, S = "pds-checkbox-group", C = n ? $.disabled : null, w = p && !n ? $.required : null, T = y === "error" ? $.error : null, E = y === "success" ? $.success : null, D = v || c;
+	f.map((e) => {
 		e.id || (e.id = e.value);
 	});
-	let D = [];
-	d.map((e) => {
-		e.checked === !0 && D.push(e.value);
+	let O = [];
+	f.map((e) => {
+		e.checked === !0 && O.push(e.value);
 	});
-	let [O, k] = h(D), A = m(void 0);
+	let [k, A] = h(O), j = m(void 0);
 	l(() => () => {
-		A.current && clearTimeout(A.current);
+		j.current && clearTimeout(j.current);
 	}, []);
-	let j = (e) => {
-		let { value: t } = e.target, n = O.includes(t) ? O.filter((e) => e !== t) : [...O, t];
-		k(n), u && u(n);
+	let M = (e) => {
+		let { value: t } = e.target, n = k.includes(t) ? k.filter((e) => e !== t) : [...k, t];
+		A(n), d && d(n);
 	};
-	d.map((e) => {
-		O.includes(e.value) ? e.checked = !0 : e.checked = !1;
+	f.map((e) => {
+		k.includes(e.value) ? e.checked = !0 : e.checked = !1;
 	});
-	let M = () => {
-		c && (A.current = setTimeout(() => {
-			d.some((e) => e.id === document.activeElement?.id) || c(O);
+	let N = () => {
+		u && (j.current = setTimeout(() => {
+			f.some((e) => e.id === document.activeElement?.id) || u(k);
 		}, 1500));
 	};
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
-			x,
 			S,
 			C,
 			w,
 			T,
+			E,
 			t ?? ""
 		]),
-		style: a ? b : null,
-		...y
+		style: a ? x : null,
+		...b
 	}, /* @__PURE__ */ e.createElement("fieldset", {
-		className: `${x}__fieldset`,
+		className: `${S}__fieldset`,
 		id: i,
 		...r
 	}, /* @__PURE__ */ e.createElement(Ut, {
@@ -6985,26 +6987,27 @@ var Tr = {
 		disabled: n,
 		id: i,
 		label: o,
-		required: f,
-		showLabel: p,
-		tooltipText: g
-	}), /* @__PURE__ */ e.createElement("div", { className: `${x}__options` }, d.map((t) => /* @__PURE__ */ e.createElement(Ir, {
+		labelVariant: s,
+		required: p,
+		showLabel: g,
+		tooltipText: _
+	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__options` }, f.map((t) => /* @__PURE__ */ e.createElement(Ir, {
 		key: t.id,
 		checked: t.checked,
-		className: `${x}__checkbox`,
+		className: `${S}__checkbox`,
 		disabled: t.disabled || n,
 		id: t.id,
 		label: t.label,
 		name: t.name,
-		onBlur: M,
-		onChange: j,
+		onBlur: N,
+		onChange: M,
 		value: t.value
-	})))), E && /* @__PURE__ */ e.createElement(Wt, {
+	})))), D && /* @__PURE__ */ e.createElement(Wt, {
 		validationMessageHasDecorators: !0,
-		hasValidationMessage: !!_,
+		hasValidationMessage: !!v,
 		id: i,
-		message: E,
-		validationStatus: v
+		message: D,
+		validationStatus: y
 	}));
 }, zr = a(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: c = !1, id: u, inputWidth: d, isLoading: f = !1, label: g, labelStrings: _ = {
 	clearButton: "Clear input text",
@@ -7793,25 +7796,25 @@ var Tr = {
 		validationMessageHasDecorators: !1,
 		validationStatus: l
 	}));
-}, Jr = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, message: c, onBlur: l, onChange: u, onValueChange: d, options: f, required: p = !1, showLabel: m = !0, tooltipText: g = null, validationMessage: _, validationStatus: v, value: y, ...b }) => {
-	let x = "pds-radio-group", S = r ? $.disabled : null, C = p && !r ? $.required : null, w = v === "error" ? $.error : null, T = v === "success" ? $.success : null, E = y !== void 0, [D, O] = h(n === void 0 ? "" : n), k = _ || c, A = (e) => {
-		E || O(e.target.value), u && u(e), d && d(e.target.value);
-	}, j = (e) => {
-		l?.(e);
+}, Jr = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, labelVariant: c, message: l, onBlur: u, onChange: d, onValueChange: f, options: p, required: m = !1, showLabel: g = !0, tooltipText: _ = null, validationMessage: v, validationStatus: y, value: b, ...x }) => {
+	let S = "pds-radio-group", C = r ? $.disabled : null, w = m && !r ? $.required : null, T = y === "error" ? $.error : null, E = y === "success" ? $.success : null, D = b !== void 0, [O, k] = h(n === void 0 ? "" : n), A = v || l, j = (e) => {
+		D || k(e.target.value), d && d(e), f && f(e.target.value);
+	}, M = (e) => {
+		u?.(e);
 	};
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
-			x,
 			S,
 			C,
 			w,
 			T,
+			E,
 			t ?? ""
 		]),
 		style: Bt(o),
-		...b
+		...x
 	}, /* @__PURE__ */ e.createElement("fieldset", {
-		className: `${x}__fieldset`,
+		className: `${S}__fieldset`,
 		id: a,
 		...i
 	}, /* @__PURE__ */ e.createElement(Ut, {
@@ -7819,28 +7822,29 @@ var Tr = {
 		disabled: r,
 		id: a,
 		label: s,
-		required: p,
-		showLabel: m,
-		tooltipText: g
-	}), /* @__PURE__ */ e.createElement("div", { className: `${x}__options` }, f.map((t, n) => /* @__PURE__ */ e.createElement("div", {
+		labelVariant: c,
+		required: m,
+		showLabel: g,
+		tooltipText: _
+	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__options` }, p.map((t, n) => /* @__PURE__ */ e.createElement("div", {
 		key: `${a}-option-${n}`,
-		className: `${x}__option`
+		className: `${S}__option`
 	}, /* @__PURE__ */ e.createElement("input", {
-		checked: E ? y === t.value : D === t.value,
+		checked: D ? b === t.value : O === t.value,
 		disabled: r || t.disabled,
 		id: t.id ? t.id : `${a}-option-${n}`,
 		name: a,
-		onBlur: j,
-		onChange: A,
-		required: p,
+		onBlur: M,
+		onChange: j,
+		required: m,
 		type: "radio",
 		value: t.value
-	}), /* @__PURE__ */ e.createElement("label", { htmlFor: t.id ? t.id : `${a}-option-${n}` }, t.label))))), k && /* @__PURE__ */ e.createElement(Wt, {
+	}), /* @__PURE__ */ e.createElement("label", { htmlFor: t.id ? t.id : `${a}-option-${n}` }, t.label))))), A && /* @__PURE__ */ e.createElement(Wt, {
 		validationMessageHasDecorators: !0,
-		hasValidationMessage: !!_,
+		hasValidationMessage: !!v,
 		id: a,
-		message: k,
-		validationStatus: v
+		message: A,
+		validationStatus: y
 	}));
 }, Yr = a(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, offLabel: u = "Off", onChange: d, onLabel: f = "On", required: p = !1, showLabel: m = !0, showStatusLabel: g = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
 	let x = Bt(s), S = "pds-switch", C = `${S}--${v}`, w = l ? `${S}--message` : null, T = i ? $.disabled : null, E = p && !i ? $.required : null, D = t !== void 0, [O, k] = h(!D && r ? r : !1), A = t || O ? f : u, j = (e) => {
@@ -10246,51 +10250,131 @@ var Tr = {
 		}))
 	}))));
 }, oa = ({ 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 }) => {
+	let f = p(() => Math.ceil(u / a), [u, a]), m = n <= 1, h = n >= f, g = "pds-pagination-chapter";
+	return /* @__PURE__ */ e.createElement("nav", {
+		"aria-labelledby": "pagination-chapter",
+		className: Z([g, t ?? ""]),
+		...d
+	}, /* @__PURE__ */ e.createElement(cn, {
+		baseClass: g,
+		className: "visually-hidden",
+		id: "pagination-chapter",
+		level: r
+	}, i), !m && /* @__PURE__ */ e.createElement("button", {
+		className: Z([`${g}__btn`, `${g}__btn--prev`]),
+		onClick: () => c(n - 1),
+		type: "button"
+	}, /* @__PURE__ */ e.createElement("span", { className: `${g}__label` }, o.previous), /* @__PURE__ */ e.createElement("span", { className: `${g}__nav` }, /* @__PURE__ */ e.createElement(Q, {
+		iconName: "angleLeft",
+		size: "m"
+	}), /* @__PURE__ */ e.createElement("span", null, l))), !h && /* @__PURE__ */ e.createElement("button", {
+		className: Z([`${g}__btn`, `${g}__btn--next`]),
+		onClick: () => c(n + 1),
+		type: "button"
+	}, /* @__PURE__ */ e.createElement("span", { className: `${g}__label` }, o.next), /* @__PURE__ */ e.createElement("span", { className: `${g}__nav` }, /* @__PURE__ */ e.createElement("span", null, s), /* @__PURE__ */ e.createElement(Q, {
+		iconName: "angleRight",
+		size: "m"
+	}))));
+}, sa = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
 	next: "Go to next page",
 	of: "of",
+	page: "Page",
+	pageInputError: "Enter a page between 1 and {total}.",
 	pageSelect: "Go to page",
 	previous: "Go to previous page"
-}, onPageChange: s, totalItemCount: c, ...l }) => {
-	let d = u(), f = p(() => Math.ceil(c / a), [c, a]), m = p(() => Array.from({ length: f }, (e, t) => ({
+}, onPageChange: s, pageControlType: c = "dropdown", totalItemCount: d, ...f }) => {
+	let m = u(), g = p(() => Math.ceil(d / a), [d, a]), _ = p(() => Array.from({ length: g }, (e, t) => ({
 		label: String(t + 1),
 		value: String(t + 1)
-	})), [f]), h = n <= 1, g = n >= f, _ = "pds-pagination-compact";
+	})), [g]), v = n <= 1, y = n >= g, b = "pds-pagination-compact", [x, S] = h(String(n)), [C, w] = h(null);
+	l(() => {
+		S(String(n)), w(null);
+	}, [n]);
+	let T = Math.max(2, String(g).length) * 10 + 24, E = () => {
+		let e = Number(x);
+		if (!x || !Number.isInteger(e) || e < 1 || e > g) {
+			w(o.pageInputError.replace("{total}", String(g)));
+			return;
+		}
+		w(null), e !== n && s(e);
+	}, D = (e) => {
+		S(e.target.value.replace(/[^0-9]/g, "")), C && w(null);
+	}, O = (e) => {
+		e.key === "Enter" && (e.preventDefault(), E());
+	};
 	return /* @__PURE__ */ e.createElement("nav", {
 		"aria-labelledby": "pagination-compact",
-		className: Z([_, t ?? ""]),
-		...l
+		className: Z([b, t ?? ""]),
+		...f
 	}, /* @__PURE__ */ e.createElement(cn, {
-		baseClass: _,
+		baseClass: b,
 		className: "visually-hidden",
 		id: "pagination-compact",
 		level: r
-	}, i), /* @__PURE__ */ e.createElement($n, {
+	}, i), o.page && /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.page), c === "input" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(ei, {
+		className: C ? `${b}__page-input--error` : void 0,
+		id: m,
+		inputProps: {
+			"aria-invalid": C ? !0 : void 0,
+			inputMode: "numeric",
+			onKeyDown: O,
+			pattern: "[0-9]*"
+		},
+		inputWidth: T,
+		label: o.pageSelect,
+		onBlur: () => E(),
+		onChange: D,
+		showLabel: !1,
+		size: "s",
+		value: x
+	}), C && /* @__PURE__ */ e.createElement("span", {
+		className: "visually-hidden",
+		role: "alert"
+	}, C)) : /* @__PURE__ */ e.createElement($n, {
 		autoWidth: !0,
-		id: d,
+		id: m,
 		label: o.pageSelect,
 		onOptionSelect: (e) => s(Number(e.value)),
-		options: m,
+		options: _,
 		showLabel: !1,
+		showSelectedIcon: !1,
 		size: "s",
 		value: String(n)
-	}), /* @__PURE__ */ e.createElement("span", { className: `${_}__count` }, o.of, " ", f), /* @__PURE__ */ e.createElement("div", { className: `${_}__nav` }, /* @__PURE__ */ e.createElement(zt, {
+	}), /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.of, " ", g), /* @__PURE__ */ e.createElement("div", { className: `${b}__nav` }, v ? /* @__PURE__ */ e.createElement("button", {
+		disabled: !0,
+		"aria-label": o.previous,
+		className: Z([`${b}__btn`, `${b}__btn--disabled`]),
+		type: "button"
+	}, /* @__PURE__ */ e.createElement(Q, {
+		iconName: "angleLeft",
+		size: "m"
+	})) : /* @__PURE__ */ e.createElement(zt, {
 		content: o.previous,
 		customTrigger: /* @__PURE__ */ e.createElement("button", {
 			"aria-label": o.previous,
-			className: Z([`${_}__btn`, h ? `${_}__btn--disabled` : null]),
-			disabled: h,
+			className: `${b}__btn`,
 			onClick: () => s(n - 1),
 			type: "button"
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleLeft",
 			size: "m"
 		}))
-	}), /* @__PURE__ */ e.createElement(zt, {
+	}), y ? /* @__PURE__ */ e.createElement("button", {
+		disabled: !0,
+		"aria-label": o.next,
+		className: Z([`${b}__btn`, `${b}__btn--disabled`]),
+		type: "button"
+	}, /* @__PURE__ */ e.createElement(Q, {
+		iconName: "angleRight",
+		size: "m"
+	})) : /* @__PURE__ */ e.createElement(zt, {
 		content: o.next,
 		customTrigger: /* @__PURE__ */ e.createElement("button", {
 			"aria-label": o.next,
-			className: Z([`${_}__btn`, g ? `${_}__btn--disabled` : null]),
-			disabled: g,
+			className: `${b}__btn`,
 			onClick: () => s(n + 1),
 			type: "button"
 		}, /* @__PURE__ */ e.createElement(Q, {
@@ -10298,35 +10382,6 @@ var Tr = {
 			size: "m"
 		}))
 	})));
-}, sa = ({ 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 }) => {
-	let f = p(() => Math.ceil(u / a), [u, a]), m = n <= 1, h = n >= f, g = "pds-pagination-mini";
-	return /* @__PURE__ */ e.createElement("nav", {
-		"aria-labelledby": "pagination-mini",
-		className: Z([g, t ?? ""]),
-		...d
-	}, /* @__PURE__ */ e.createElement(cn, {
-		baseClass: g,
-		className: "visually-hidden",
-		id: "pagination-mini",
-		level: r
-	}, i), !m && /* @__PURE__ */ e.createElement("button", {
-		className: Z([`${g}__btn`, `${g}__btn--prev`]),
-		onClick: () => c(n - 1),
-		type: "button"
-	}, /* @__PURE__ */ e.createElement("span", { className: `${g}__label` }, o.previous), /* @__PURE__ */ e.createElement("span", { className: `${g}__nav` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: "angleLeft",
-		size: "m"
-	}), /* @__PURE__ */ e.createElement("span", null, l))), !h && /* @__PURE__ */ e.createElement("button", {
-		className: Z([`${g}__btn`, `${g}__btn--next`]),
-		onClick: () => c(n + 1),
-		type: "button"
-	}, /* @__PURE__ */ e.createElement("span", { className: `${g}__label` }, o.next), /* @__PURE__ */ e.createElement("span", { className: `${g}__nav` }, /* @__PURE__ */ e.createElement("span", null, s), /* @__PURE__ */ e.createElement(Q, {
-		iconName: "angleRight",
-		size: "m"
-	}))));
 }, ca = ({ 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(() => {
@@ -10751,7 +10806,22 @@ var Tr = {
 		x: "50%",
 		y: "51%"
 	}, w))));
-}, wa = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
+}, wa = {
+	of: "of",
+	showing: "Showing",
+	unitPlural: "results",
+	unitSingular: "result"
+}, Ta = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, Ea = ({ 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 } = {
+		...wa,
+		...i
+	}, p = n !== void 0, m = Ta(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}`));
+}, Da = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -10769,7 +10839,7 @@ var Tr = {
 		]),
 		...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"))));
-}, Ta = ({ className: t, option: n, ...r }) => {
+}, Oa = ({ className: t, option: n, ...r }) => {
 	let i = "pds-site-option-display", a = n.type ? Ln[n.type] : "boltSolid", o = m(null), [s] = De(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(rn, {
@@ -10792,7 +10862,7 @@ var Tr = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, Ea = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
+}, ka = ({ 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 }) => {
@@ -10804,7 +10874,7 @@ var Tr = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement(Ta, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(Oa, { option: t }),
 			siteData: t
 		};
 	});
@@ -10833,7 +10903,7 @@ var Tr = {
 };
 //#endregion
 //#region src/components/SortableList/sortable-utils.ts
-function Da(e, t, n = null, r = 0, i = []) {
+function Aa(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({
@@ -10845,10 +10915,10 @@ function Da(e, t, n = null, r = 0, i = []) {
 			index: o,
 			isExpanded: c,
 			parentId: n
-		}), s && c && a.children && e.push(...Da(a.children, t, a.id, r + 1, [...i, a.id])), e;
+		}), s && c && a.children && e.push(...Aa(a.children, t, a.id, r + 1, [...i, a.id])), e;
 	}, []);
 }
-function Oa(e) {
+function ja(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 = {
@@ -10861,28 +10931,28 @@ function Oa(e) {
 			e && (e.children || (e.children = []), e.children.push(o));
 		}
 	}
-	return ka(r);
+	return Ma(r);
 }
-function ka(e) {
+function Ma(e) {
 	return e.map((e) => {
 		if (e.children?.length) return {
 			...e,
-			children: ka(e.children)
+			children: Ma(e.children)
 		};
 		let { children: t, ...n } = e;
 		return n;
 	});
 }
-function Aa(e, t) {
+function Na(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
 		if (n.children) {
-			let e = Aa(n.children, t);
+			let e = Na(n.children, t);
 			if (e) return e;
 		}
 	}
 }
-function ja(e, t, n, r, i, a, o) {
+function Pa(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;
@@ -10890,7 +10960,7 @@ function ja(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/SortableList/SortableListHeader.tsx
-var Ma = ({ children: t, className: n, columns: r, ...i }) => {
+var Fa = ({ children: t, className: n, columns: r, ...i }) => {
 	if (!r && !t) return null;
 	let a = r ? {
 		display: "grid",
@@ -10911,13 +10981,13 @@ var Ma = ({ children: t, className: n, columns: r, ...i }) => {
 };
 //#endregion
 //#region src/components/SortableList/useSortableTree.ts
-function Na({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
+function Ia({ 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 && Fa("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
-	let f = i ? n : a, g = p(() => Da(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 && Ra("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
+	let f = i ? n : a, g = p(() => Aa(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;
@@ -10935,7 +11005,7 @@ function Na({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		}, []),
 		flatNodes: g,
 		handleReorder: s((e) => {
-			let t = Oa(e);
+			let t = ja(e);
 			i || o(t), r?.(t);
 		}, [i, r]),
 		resetToSnapshot: s(() => {
@@ -10947,24 +11017,24 @@ function Na({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		toggleExpand: v
 	};
 }
-var Pa = /* @__PURE__ */ new Set();
-function Fa(e) {
-	Pa.has(e) || (Pa.add(e), console.warn(e));
+var La = /* @__PURE__ */ new Set();
+function Ra(e) {
+	La.has(e) || (La.add(e), console.warn(e));
 }
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
-var Ia = 24, La = { droppable: { strategy: je.Always } }, Ra = 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 za = 24, Ba = { droppable: { strategy: je.Always } }, Va = 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), ee = 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 * Ia,
+				x: t.currentCoordinates.x + a * za,
 				y: t.currentCoordinates.y
 			};
 		}
 		return Le(e, t);
-	}, [_]), W = b === "always" || b === "toggle" && (l ?? !1), { currentItems: G, expandItem: te, flatNodes: K, handleReorder: ne, resetToSnapshot: re, sortableIds: ie, toggleExpand: q } = Na({
+	}, [_]), W = b === "always" || b === "toggle" && (l ?? !1), { currentItems: G, expandItem: te, flatNodes: K, handleReorder: ne, resetToSnapshot: re, sortableIds: ie, toggleExpand: q } = Ia({
 		defaultItems: a,
 		isDragEnabled: W,
 		items: g,
@@ -10991,9 +11061,9 @@ var Ia = 24, La = { droppable: { strategy: je.Always } }, Ra = a(function({ chil
 		X,
 		J,
 		j
-	]).size > 0, le = p(() => T ? K.find((e) => e.id === T) ?? null : null, [T, K]), ue = p(() => T ? Aa(G, String(T)) ?? null : null, [T, G]), de = p(() => {
+	]).size > 0, le = p(() => T ? K.find((e) => e.id === T) ?? null : null, [T, K]), ue = p(() => T ? Na(G, String(T)) ?? null : null, [T, G]), de = p(() => {
 		let e = le?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : ja(K, String(T), String(j), V * Ia, Ia, _);
+		return !T || !j || O || _ === 0 ? e : Pa(K, String(T), String(j), V * za, za, _);
 	}, [
 		T,
 		le,
@@ -11005,7 +11075,7 @@ var Ia = 24, La = { droppable: { strategy: je.Always } }, Ra = a(function({ chil
 	]), fe = p(() => {
 		if (!T || O || de === 0 || j && X(j)) return null;
 		let e = K.findIndex((e) => e.id === T);
-		return e === -1 ? null : za(K, e, de);
+		return e === -1 ? null : Ha(K, e, de);
 	}, [
 		T,
 		K,
@@ -11051,19 +11121,19 @@ var Ia = 24, La = { droppable: { strategy: je.Always } }, Ra = a(function({ chil
 	}, [K, J]), ge = s((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
-		let n = Math.floor(t / Ia), r = U.current;
-		(n > r || n < r && t < r * Ia - Ia * .4) && (U.current = n, H(n));
+		let n = Math.floor(t / za), r = U.current;
+		(n > r || n < r && t < r * za - za * .4) && (U.current = n, H(n));
 	}, [_]), _e = 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 && (te(L.current), L.current = null);
-		let o = K.findIndex((e) => e.id === t.id), s = r ? i * Ia : a * Ia, c = !n || t.id === n.id, l = n?.id ?? null;
+		let o = K.findIndex((e) => e.id === t.id), s = r ? i * za : a * za, c = !n || t.id === n.id, l = n?.id ?? null;
 		if (r && i > 0 && c && o > 0 && (l = K[o - 1].id), !l || t.id === l) {
 			if (o === -1) return;
 			let e = K[o];
 			if (!e) return;
-			let n = ja(K, String(t.id), String(t.id), s, Ia, _);
+			let n = Pa(K, String(t.id), String(t.id), s, za, _);
 			if (n === e.depth) return;
-			let r = [...K], [i] = r.splice(o, 1), a = za(r, o, n);
+			let r = [...K], [i] = r.splice(o, 1), a = Ha(r, o, n);
 			if (a && Y.has(a)) return;
 			let c = {
 				...i,
@@ -11085,9 +11155,9 @@ var Ia = 24, La = { droppable: { strategy: je.Always } }, Ra = a(function({ chil
 			let e = K[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
-			g = ja(d, String(t.id), String(l), s, Ia, _, p.depth);
+			g = Pa(d, String(t.id), String(l), s, za, _, p.depth);
 			let e = d[h];
-			v = e && e.depth === g - 1 ? String(l) : za(d, h, g);
+			v = e && e.depth === g - 1 ? String(l) : Ha(d, h, g);
 		}
 		if (v && Y.has(v)) return;
 		let y = {
@@ -11110,24 +11180,24 @@ var Ia = 24, La = { droppable: { strategy: je.Always } }, Ra = 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 && (te(L.current), L.current = null);
 	}, [te]), ye = p(() => ({
 		onDragStart({ active: e }) {
-			let t = K.find((t) => t.id === e.id), n = Aa(G, String(e.id));
+			let t = K.find((t) => t.id === e.id), n = Na(G, String(e.id));
 			return `Picked up ${n ? c(n) : String(e.id)}. Current position: ${t ? K.indexOf(t) + 1 : "?"} of ${K.length} at depth ${t?.depth ?? 0}.`;
 		},
 		onDragOver({ active: e, over: t }) {
 			if (!t) return;
 			let n = K.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = Aa(G, String(e.id)), i = r ? c(r) : String(e.id), a = ja(K, String(e.id), String(t.id), P.current, Ia, _);
+			let r = Na(G, String(e.id)), i = r ? c(r) : String(e.id), a = Pa(K, String(e.id), String(t.id), P.current, za, _);
 			return `Moving ${i}. Target position: ${n + 1} of ${K.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = Aa(G, String(e.id)), r = n ? c(n) : String(e.id);
+			let n = Na(G, 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 = K.findIndex((e) => e.id === t.id), a = ja(K, String(e.id), String(t.id), P.current, Ia, _);
+			let i = K.findIndex((e) => e.id === t.id), a = Pa(K, String(e.id), String(t.id), P.current, za, _);
 			return `${r} dropped at position ${i + 1} of ${K.length} at depth ${a}.`;
 		},
 		onDragCancel({ active: e }) {
-			let t = K.find((t) => t.id === e.id), n = Aa(G, String(e.id));
+			let t = K.find((t) => t.id === e.id), n = Na(G, String(e.id));
 			return `Sorting cancelled. ${n ? c(n) : String(e.id)} returned to position ${t ? K.indexOf(t) + 1 : "?"} of ${K.length}.`;
 		}
 	}), [
@@ -11135,14 +11205,14 @@ var Ia = 24, La = { droppable: { strategy: je.Always } }, Ra = a(function({ chil
 		K,
 		c,
 		_
-	]), be = { columns: i }, xe = t.map(n, (t) => o(t) && t.type === Ma ? e.cloneElement(t, be) : t);
+	]), be = { columns: i }, xe = t.map(n, (t) => o(t) && t.type === Fa ? e.cloneElement(t, be) : t);
 	return /* @__PURE__ */ e.createElement(Oe, {
 		accessibility: {
 			announcements: ye,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: me,
-		measuring: La,
+		measuring: Ba,
 		onDragCancel: ve,
 		onDragEnd: _e,
 		onDragMove: ge,
@@ -11217,14 +11287,14 @@ var Ia = 24, La = { droppable: { strategy: je.Always } }, Ra = a(function({ chil
 		return o(a) ? e.cloneElement(a, s) : a;
 	})()) : null));
 });
-function za(e, t, n) {
+function Ha(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 Ba = ({ 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 Ua = ({ 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 } = Re({
 		attributes: {
 			role: "listitem",
@@ -11279,11 +11349,11 @@ var Ba = ({ 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));
-}, Va = [
+}, Wa = [
 	"default",
 	"working",
 	"checked"
-], Ha = ({ 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...",
@@ -11330,7 +11400,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		triggerIconColor: "default",
 		triggerIconSize: "s"
 	}), t === "left" && g));
-}, Ua = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
+}, Ka = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
 	let s = "pds-status-indicator", c = `${s}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(nn, {
 		className: `${s}__spinner`,
 		size: "m"
@@ -11347,7 +11417,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, r ? d : l);
-}, Wa = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+}, qa = ({ 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", {
@@ -11365,7 +11435,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, Ga = ({ className: t, steps: n, translatableLabels: r = {
+}, Ja = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -11454,7 +11524,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"data-steps": d,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, h)));
-}, Ka = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, Ya = ({ _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]),
@@ -11480,14 +11550,14 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "highlight"
 	})))));
-}, qa = ({ 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(Ka, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Ya, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -11508,7 +11578,7 @@ var Ba = ({ 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));
-}, Ja = ({ 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: g = "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, nextDetailPanelRowLabel: A = "Next row", onDetailPanelNext: j, onDetailPanelPrev: M, onPageChange: N, onPageSizeChange: P, onRowInspect: F, onRowSelectionChange: I, onSort: L, pageSizeOptions: R, pageSizeSelectLabel: z = "Rows per page", paginationLabels: B, panel: V, prevDetailPanelRowLabel: H = "Previous row", renderDetailPanel: U, renderDetailPanelFooter: ee, rowData: W, selectAllLabel: G = "Select all rows", selectedRows: te, sortKey: K, sortOrder: ne, totalItemCount: re, ...ie }) => {
+}, Za = ({ 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: g = "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, nextDetailPanelRowLabel: A = "Next row", onDetailPanelNext: j, onDetailPanelPrev: M, onPageChange: N, onPageSizeChange: P, onRowInspect: F, onRowSelectionChange: I, onSort: L, pageSizeOptions: R, pageSizeSelectLabel: z = "Rows per page", paginationLabels: B, panel: V, prevDetailPanelRowLabel: H = "Previous row", renderDetailPanel: U, renderDetailPanelFooter: ee, rowData: W, selectAllLabel: G = "Select all rows", selectedRows: te, sortKey: K, sortOrder: ne, totalItemCount: re, ...ie }) => {
 	let q = "pds-table", ae = u(), oe = u(), J = m(null), Y = L !== void 0, X = N !== void 0, se = P !== void 0, ce = X || O !== void 0 || R !== void 0, le = W.length > 0 || X && (re ?? 0) > 0, [ue, de] = h({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
@@ -11687,7 +11757,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		showLabel: !1,
 		size: "s",
 		value: String(be)
-	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(oa, {
+	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(sa, {
 		currentPage: X ? i ?? 1 : fe,
 		itemsPerPage: be,
 		labelStrings: B,
@@ -11729,7 +11799,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		variant: "standard"
 	}))))));
 	return V ? /* @__PURE__ */ e.createElement(ua, { padding: "none" }, Ze) : Ze;
-}, Ya = [
+}, Qa = [
 	" ",
 	"/",
 	".",
@@ -11747,7 +11817,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], Xa = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Za = (e) => {
+], $a = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), eo = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -11760,18 +11830,18 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, Qa = (e, t, n) => {
+}, to = (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) => {
-				Ya.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(Xa(t), "g"), "-"));
+				Qa.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp($a(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(Za(e));
+			}), i(eo(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -11787,7 +11857,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, $a = (e, t) => {
+}, no = (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));
@@ -11806,7 +11876,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, eo = ({ 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", {
+}, ro = ({ 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", {
@@ -11822,8 +11892,8 @@ var Ba = ({ 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))))))), to = ({ 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 } = Qa(c, o, u()), p = $a(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 d = "pds-toc", { nestedHeadings: f } = to(c, o, u()), p = no(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -11841,13 +11911,13 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		baseClass: d,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(eo, {
+	}, a), /* @__PURE__ */ e.createElement(ro, {
 		activeID: p,
 		baseClass: d,
 		headings: f,
 		onLinkClick: g
 	}));
-}, no = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, ao = ({ 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);
@@ -11961,7 +12031,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== u
 	}, r)))));
-}, ro = [
+}, oo = [
 	"orange",
 	"stone",
 	"gold",
@@ -11976,7 +12046,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"rose",
 	"red",
 	"silver"
-], io = [
+], so = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -11987,8 +12057,8 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], ao = (e) => ro[parseInt(_(e), 16) % ro.length], oo = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, so = ({ 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}--${ao(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
+], co = (e) => oo[parseInt(_(e), 16) % oo.length], lo = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, uo = ({ 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}--${co(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && o(r)) {
@@ -12010,7 +12080,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? oo(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? lo(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -12022,7 +12092,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, co = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, fo = ({ 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 = Xe(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -12033,7 +12103,7 @@ var Ba = ({ 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)));
-}, lo = () => {
+}, po = () => {
 	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;
@@ -12044,7 +12114,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, uo = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: u, keyboardShortcuts: d = !0, labels: p, mainBackground: g, 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 }) => {
+}, mo = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: u, keyboardShortcuts: d = !0, labels: p, mainBackground: g, 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] = h(u || !1);
 	l(() => {
 		M(u || !1);
@@ -12066,7 +12136,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		M(!j);
-	}, U = lo();
+	}, U = po();
 	l(() => {
 		U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
 	}, [U]);
@@ -12169,7 +12239,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && c && b && b();
 		}
 	}, r));
-}, fo = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, ho = ({ 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`,
@@ -12187,7 +12257,7 @@ var Ba = ({ 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));
-}, po = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
+}, go = ({ 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 = Xe(t);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, n ?? ""]),
@@ -12201,7 +12271,7 @@ var Ba = ({ 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));
-}, mo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
+}, _o = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
 	let o = Xe(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(xi, {
 		className: Z([
 			l,
@@ -12212,7 +12282,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		...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(ua, null, d) : d;
-}, ho = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+}, vo = ({ 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 = Xe(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -12230,7 +12300,7 @@ var Ba = ({ 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)));
-}, go = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, yo = ({ 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":
@@ -12251,7 +12321,7 @@ var Ba = ({ 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));
-}, _o = ({ 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 }) => {
+}, bo = ({ 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,
@@ -12277,7 +12347,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, vo = (e) => {
+}, xo = (e) => {
 	let t = typeof window < "u", [n, r] = h(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return l(() => {
 		if (!t) return;
@@ -12286,20 +12356,20 @@ var Ba = ({ 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;
-}, yo = [
+}, So = [
 	"light",
 	"dark",
 	"system"
-], bo = (e) => typeof e == "string" && yo.includes(e), xo = r(null), So = {
+], Co = (e) => typeof e == "string" && So.includes(e), wo = r(null), To = {
 	resolvedTheme: "light",
 	setTheme: () => {},
 	theme: "light"
-}, Co = ({ 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){}})();`, wo = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: c = "pds-theme", theme: u }) => {
-	let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y = vo("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
+}, Eo = ({ 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){}})();`, Do = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: c = "pds-theme", theme: u }) => {
+	let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y = xo("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
 	l(() => {
 		if (_(!0), !(d || !o || typeof window > "u")) try {
 			let e = window.localStorage.getItem(c);
-			bo(e) && m(e);
+			Co(e) && m(e);
 		} catch {}
 	}, []), l(() => {
 		typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -12319,20 +12389,20 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		theme: v
 	};
-	return /* @__PURE__ */ e.createElement(xo.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: Co({
+	return /* @__PURE__ */ e.createElement(wo.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: Eo({
 		defaultTheme: n,
 		storageKey: c
 	}) } }), t);
-}, To = () => c(xo) ?? So, Eo = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
+}, Oo = () => c(wo) ?? To, ko = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
 	l(() => {
 		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(wo, i, t) : t;
+	let a = n ? /* @__PURE__ */ e.createElement(Do, i, t) : t;
 	return /* @__PURE__ */ e.createElement(It, null, a);
-}, Do = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, Ao = ({ 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([
@@ -12346,7 +12416,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, Oo = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, jo = ({ 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,
@@ -12365,7 +12435,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, ko = (e, t, n) => {
+}, Mo = (e, t, n) => {
 	let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: c = !1 } = n ?? {}, [u, d] = h(!1), f = s((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === c, [
 		r,
 		i,
@@ -12389,7 +12459,7 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		m,
 		a
 	]), u;
-}, Ao = () => {
+}, No = () => {
 	let e = typeof window < "u", [t, n] = h(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return l(() => {
 		if (!e) return;
@@ -12403,6 +12473,6 @@ var Ba = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { Jn as ActionCard, uo as AppLayout, rt as Avatar, it as Badge, zi as Banner, _r as BarChart, on as BranchDiff, ui as Breadcrumb, un as Button, dn as ButtonLink, yi as ButtonNav, oi as CTALink, qn as Callout, Yn as Card, Xn as CardSelect, Ir as Checkbox, Lr as CheckboxFieldset, Rr as CheckboxGroup, mn as ClipboardButton, hn as CloseButton, Er as CodeBlock, zr as Combobox, Vr as ComboboxMultiselect, Zn as CompactEmptyState, Or as ComparisonList, xi as Container, Gr as Datepicker, fo as DocsLayout, ea as Drawer, bn as Dropdown, bi as DropdownMenu, ca as ExpansionPanel, la as ExpansionPanelGroup, Mr as FileDiff, Kr as FileUpload, kn as FilterButton, _o as FlexContainer, ta as FullScreenOverlay, Eo as GlobalWrapper, Do as Grid, Oo as GridItem, Ar as HorizontalEmptyState, Q as Icon, pn as IconButton, Fr as IdentityBlock, Vi as InlineMessage, qr as InputGroup, yr as LineChart, si as LinkNewWindow, Wi as MIN_AUTO_CLOSE_DURATION, Rn as MenuButton, na as Modal, Si as Navbar, aa as Pagination, oa as PaginationCompact, sa as PaginationMini, ua as Panel, da as PanelList, fa as PanelRow, ga as PantheonLogo, Pr as PaymentIcon, li as Picture, xr as PieChart, Hn as PlatformIcon, ya as Popover, xa as ProgressBar, Ca as ProgressRing, Cr as ProportionBar, Jr as RadioGroup, Wn as SSOButton, Ui as SectionMessage, zn as SegmentedButton, $n as Select, Qn as SelectOptionGroup, Ci as SideNav, Ti as SideNavGlobal, wi as SideNavGlobalItem, po as SidebarLayout, wa as SiteFooter, Di as SiteMenu, Ta as SiteOptionDisplay, Ea as SiteSearch, Ln as SiteTypeIcon, In as SiteTypeLabel, pr as Skeleton, ci as Skiplink, Ra as SortableList, Ma as SortableListHeader, Ba as SortableRow, nn as Spinner, Bn as SplitButton, rn as StatusBadge, Ha as StatusChecker, Ua as StatusIndicator, jn as StatusTypeLabels, Wa as StepList, Ga as Stepper, mo as StepperLayout, Yr as Switch, ki as TabMenu, Ja as Table, to as TableOfContents, no as Tabs, so as Tag, Zr as TagsInput, an as Tally, ei as TextInput, Qr as Textarea, xo as ThemeContext, wo as ThemeContextProvider, Ni as ThemeSwitcher, ho as ThreeItemLayout, ai as TimeInput, Zi as Toast, Qi as ToastType, Ji as Toaster, Ki as ToasterContext, zt as Tooltip, ji as TreeNav, go as TwoItemLayout, Pi as UserMenu, co as UtilityBar, Gn as UtilityButton, jr as VerticalEmptyState, qa as VerticalStepper, kr as VideoEmbed, Fi as WorkspaceSelector, Ur as getPresetDateRange, Co as getThemeInitScript, et as iconList, Nn as isHeadingItemType, Pn as isLinkItemType, Fn as isNodeItemType, Mn as isSeparatorItemType, Va as statusCheckerStates, ro as tagColors, io as tagSolidColors, lo as useBreakpoint, fn as useClipboard, _n as useDropdown, Nt as useIsMobile, ko as useKeyPress, Rt as useKeyboardShortcut, vo as useMediaQuery, To as useTheme, $i as useToast, Ao as useWindowWidth };
+export { Jn as ActionCard, mo as AppLayout, rt as Avatar, it as Badge, zi as Banner, _r as BarChart, on as BranchDiff, ui as Breadcrumb, un as Button, dn as ButtonLink, yi as ButtonNav, oi as CTALink, qn as Callout, Yn as Card, Xn as CardSelect, Ir as Checkbox, Lr as CheckboxFieldset, Rr as CheckboxGroup, mn as ClipboardButton, hn as CloseButton, Er as CodeBlock, zr as Combobox, Vr as ComboboxMultiselect, Zn as CompactEmptyState, Or as ComparisonList, xi as Container, Gr as Datepicker, ho as DocsLayout, ea as Drawer, bn as Dropdown, bi as DropdownMenu, ca as ExpansionPanel, la as ExpansionPanelGroup, Mr as FileDiff, Kr as FileUpload, kn as FilterButton, bo as FlexContainer, ta as FullScreenOverlay, ko as GlobalWrapper, Ao as Grid, jo as GridItem, Ar as HorizontalEmptyState, Q as Icon, pn as IconButton, Fr as IdentityBlock, Vi as InlineMessage, qr as InputGroup, yr as LineChart, si as LinkNewWindow, Wi as MIN_AUTO_CLOSE_DURATION, Rn as MenuButton, na as Modal, Si as Navbar, aa as Pagination, oa as PaginationChapter, sa as PaginationCompact, ua as Panel, da as PanelList, fa as PanelRow, ga as PantheonLogo, Pr as PaymentIcon, li as Picture, xr as PieChart, Hn as PlatformIcon, ya as Popover, xa as ProgressBar, Ca as ProgressRing, Cr as ProportionBar, Jr as RadioGroup, Ea as ResultCount, Wn as SSOButton, Ui as SectionMessage, zn as SegmentedButton, $n as Select, Qn as SelectOptionGroup, Ci as SideNav, Ti as SideNavGlobal, wi as SideNavGlobalItem, go as SidebarLayout, Da as SiteFooter, Di as SiteMenu, Oa as SiteOptionDisplay, ka as SiteSearch, Ln as SiteTypeIcon, In as SiteTypeLabel, pr as Skeleton, ci as Skiplink, Va as SortableList, Fa as SortableListHeader, Ua as SortableRow, nn as Spinner, Bn as SplitButton, rn as StatusBadge, Ga as StatusChecker, Ka as StatusIndicator, jn as StatusTypeLabels, qa as StepList, Ja as Stepper, _o as StepperLayout, Yr as Switch, ki as TabMenu, Za as Table, io as TableOfContents, ao as Tabs, uo as Tag, Zr as TagsInput, an as Tally, ei as TextInput, Qr as Textarea, wo as ThemeContext, Do as ThemeContextProvider, Ni as ThemeSwitcher, vo as ThreeItemLayout, ai as TimeInput, Zi as Toast, Qi as ToastType, Ji as Toaster, Ki as ToasterContext, zt as Tooltip, ji as TreeNav, yo as TwoItemLayout, Pi as UserMenu, fo as UtilityBar, Gn as UtilityButton, jr as VerticalEmptyState, Xa as VerticalStepper, kr as VideoEmbed, Fi as WorkspaceSelector, Ur as getPresetDateRange, Eo as getThemeInitScript, et as iconList, Nn as isHeadingItemType, Pn as isLinkItemType, Fn as isNodeItemType, Mn as isSeparatorItemType, Wa as statusCheckerStates, oo as tagColors, so as tagSolidColors, po as useBreakpoint, fn as useClipboard, _n as useDropdown, Nt as useIsMobile, Mo as useKeyPress, Rt as useKeyboardShortcut, xo as useMediaQuery, Oo as useTheme, $i as useToast, No as useWindowWidth };
 
 //# sourceMappingURL=index.js.map