@pantheon-systems/pds-toolkit-react 2.0.0-alpha.65 → 2.0.0-alpha.67

package/dist/index.js

@@ -3279,7 +3279,6 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			O,
 			t ?? ""
 		]),
-		enableShift: !1,
 		offsetValue: 8,
 		placement: "bottom-start"
 	}, /* @__PURE__ */ e.createElement(Ln.Trigger, {
@@ -3365,7 +3364,6 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 }, tr = ({ className: t, disabled: n, iconName: r = "ellipsisVertical", iconOnly: i = !1, id: a, isSplitButton: o = !1, label: s, menuItems: c, onClick: l, size: u = "s", statusDot: d, tally: f, testId: p, undefinedLabel: m = "Unlabeled group", variant: h = "primary", ..._ }) => {
 	let { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setIsOpen: O, transitionStyles: k } = Pn({
 		enableClick: !n,
-		enableShift: !1,
 		enableTypeahead: !0,
 		offsetValue: 8,
 		placement: "bottom-start",
@@ -3705,60 +3703,18 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		testId: null,
 		variant: s
 	}));
-}, ir = {
-	drupal: "Drupal",
-	drupal7: "Drupal 7",
-	"front-end-sites": "Next.js and Gatsby",
-	gatsby: "Gatsby",
-	"gatsby-wp": "Gatsby and WordPress",
-	google: "Google",
-	"import-custom": "Add custom",
-	microsoft: "Microsoft",
-	next: "Next.js",
-	"next-drupal": "Next.js and Drupal",
-	"next-wp": "Next.js and WordPress",
-	splunk: "Splunk",
-	"sumo-logic": "Sumo Logic",
-	wordpress: "WordPress"
-}, ar = ({ className: t, platformType: n, size: i = "2xl", ...a }) => {
-	let o = "pds-platform-icon", s = `pds-platform-icon--${n}`, c = `pds-platform-icon--${i}`, l;
-	if ([
-		"front-end-sites",
-		"gatsby-wp",
-		"next-drupal",
-		"next-wp"
-	].includes(n)) {
-		let t = [];
-		switch (n) {
-			case "front-end-sites":
-				t = ["next", "gatsby"];
-				break;
-			case "next-drupal":
-				t = ["next", "drupal"];
-				break;
-			case "gatsby-wp":
-				t = ["gatsby", "wordpress"];
-				break;
-			case "next-wp":
-				t = ["next", "wordpress"];
-				break;
-		}
-		l = /* @__PURE__ */ e.createElement("span", {
-			"aria-label": ir[n],
-			className: `${o}__group`,
-			role: "img"
-		}, r(or[t[0]], { "aria-hidden": "true" }), r(or[t[1]], { "aria-hidden": "true" }));
-	} else l = or[n];
+}, ir = ({ className: t, platformType: n, size: r = "2xl", ...i }) => {
+	let a = `pds-platform-icon--${n}`, o = `pds-platform-icon--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
+			"pds-platform-icon",
+			a,
 			o,
-			s,
-			c,
 			t
 		]),
-		...a
-	}, l);
-}, or = {
+		...i
+	}, ar[n]);
+}, ar = {
 	drupal: /* @__PURE__ */ e.createElement("svg", {
 		"aria-label": "Drupal",
 		fill: "none",
@@ -3776,23 +3732,6 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		d: "M23.027 12.9858C23.027 12.9602 23.0016 12.9474 22.9762 12.9218C21.7311 11.5139 19.9652 9.51725 18.6948 8.09655C18.301 7.67418 17.9071 7.25181 17.5387 6.81664C17.4498 6.71425 17.3736 6.61185 17.2846 6.50946C17.2084 6.43267 17.1703 6.38147 17.1703 6.38147C16.7383 5.8695 16.3953 5.29354 16.1539 4.67919L16.0904 4.5384C16.0904 4.5384 16.0904 4.5384 16.065 4.5128C16.065 4.5128 16.0269 4.5 16.0142 4.5C15.9888 4.5 15.9761 4.5128 15.9634 4.5128C15.9634 4.52133 15.9549 4.52986 15.938 4.5384L15.8745 4.67919C15.6204 5.29354 15.2773 5.8695 14.8581 6.38147C14.8581 6.38147 14.82 6.43267 14.7438 6.50946C14.6548 6.61185 14.5786 6.71425 14.4897 6.81664C14.1086 7.25181 13.7274 7.67418 13.3336 8.09655C12.0632 9.51725 10.2846 11.5139 9.03954 12.9218C9.02683 12.9474 9.01413 12.9602 8.98872 12.9858C4.28813 19.2958 9.39526 24.441 9.39526 24.441H9.38256C10.8944 26.2073 13.0414 27.2952 15.3409 27.4616C15.5441 27.4872 15.7601 27.5 15.9888 27.5C16.2048 27.5 16.4207 27.4872 16.6367 27.4616C18.9489 27.2952 21.0832 26.2073 22.595 24.441C22.595 24.441 27.7149 19.2958 23.0143 12.9858H23.027ZM12.0886 17.4271L11.9742 17.6063C11.1103 18.6686 10.6022 19.7949 10.437 20.9085C10.4116 21.0492 10.2846 21.1388 10.1575 21.1132C10.0686 21.1004 10.0051 21.0365 9.96695 20.9597C9.73828 20.4221 9.58582 19.8589 9.5096 19.283C9.2174 17.2479 9.82721 15.4688 11.123 13.9457C11.6439 13.3442 12.1648 12.7426 12.6857 12.1411C12.7746 12.0387 12.9271 12.0259 13.0287 12.1155L13.0541 12.1411C13.4733 12.6274 14.0196 13.2546 14.6294 13.9713C14.7057 14.0609 14.7057 14.2017 14.6294 14.3041C13.7909 15.3152 12.9016 16.3904 12.1013 17.4143L12.0886 17.4271ZM19.3046 22.7003C18.8218 23.9802 17.869 24.7482 16.5224 24.9658C14.604 25.2602 12.8127 23.9418 12.5205 22.0092C12.5205 21.9836 12.5205 21.9708 12.5205 21.9452C12.3681 20.8573 12.6984 19.8973 13.3971 19.0782C14.2102 18.1183 16.0015 15.8912 16.0269 15.8528C16.065 15.8912 17.9707 18.2846 18.6821 19.1294C19.5841 20.1917 19.8001 21.4076 19.3173 22.7003H19.3046ZM22.1377 20.6909C22.1377 20.7293 22.0996 20.7805 22.0869 20.8189C22.036 20.9469 21.8963 21.0109 21.7692 20.9597C21.693 20.9213 21.6295 20.8573 21.6168 20.7677C21.4389 19.6925 20.9308 18.6174 20.105 17.6063L20.0288 17.4783L19.9779 17.4143C19.3173 16.5696 15.8236 12.4482 14.2991 10.6436C14.2229 10.554 14.2229 10.4132 14.2991 10.3108C14.8073 9.74764 15.3155 9.18447 15.8109 8.60851C15.8999 8.50612 16.0523 8.50612 16.1539 8.60851C16.3826 8.8645 16.5986 9.10768 16.8146 9.36366C18.1993 10.9252 19.5968 12.461 20.9435 14.0353C22.6458 16.0192 23.0397 18.2974 22.1377 20.7037V20.6909Z",
 		fill: "var(--pds-color-partner-foreground)"
 	})),
-	drupal7: /* @__PURE__ */ e.createElement("svg", {
-		"aria-label": "Drupal 7",
-		fill: "none",
-		height: "32",
-		role: "img",
-		viewBox: "0 0 32 32",
-		width: "32",
-		xmlns: "http://www.w3.org/2000/svg"
-	}, /* @__PURE__ */ e.createElement("rect", {
-		fill: "var(--pds-color-partner-drupal)",
-		height: "32",
-		rx: "16",
-		width: "32"
-	}), /* @__PURE__ */ e.createElement("path", {
-		d: "M20.2634 9.37661C19.2723 8.72036 18.3214 8.46255 17.375 7.8063C16.7946 7.3938 15.9777 6.40005 15.2991 5.54224C15.1786 6.91567 14.7857 7.47349 14.317 7.86255C13.3661 8.65942 12.7634 8.90317 11.9286 9.37661C11.2232 9.76567 7.42857 12.5079 7.42857 17.6172C7.42857 22.736 11.5268 26.5 16.0804 26.5C20.6205 26.5 24.5714 23.0313 24.5714 17.7813C24.5714 12.5172 20.8661 9.76567 20.2634 9.37661ZM20.375 24.6391C19.4777 25.5813 16.3527 25.9844 15.1652 24.836C14.9509 24.611 15.1786 24.2735 15.4554 24.2735C15.4554 24.2735 16.2143 24.8969 17.7545 24.8969C18.9598 24.8969 19.808 24.536 20.1875 24.2407C20.4598 24.025 20.5625 24.4422 20.375 24.6391ZM17.942 22.1735C18.3304 22.0047 19.2366 21.9954 19.5848 22.2344C19.7679 22.3657 20.3036 23.1157 19.8616 23.3454C19.4866 23.5422 19.808 22.6094 18.6786 22.6094C18.0223 22.6094 17.808 22.8532 17.4866 23.125C17.1741 23.4063 17.0491 23.5 16.942 23.3454C16.6741 22.961 17.6518 22.3 17.942 22.1735ZM22.0714 22.9844C21.3929 22.9375 20.0402 20.6969 19.1696 20.6641C17.7902 20.6219 14.5223 24.4469 11.9688 22.6329C10.2366 21.386 11.317 17.7204 14.2813 17.7016C16.4911 17.6782 18.0223 19.9985 19.125 19.975C20.0759 19.961 21.8839 18.0157 22.7768 18.0157C24.9509 18.0157 23.817 23.1391 22.0714 22.9844Z",
-		fill: "var(--pds-color-partner-foreground)"
-	})),
 	wordpress: /* @__PURE__ */ e.createElement("svg", {
 		"aria-label": "WordPress",
 		fill: "none",
@@ -3985,8 +3924,8 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		d: "M17 10.5V15H21.5C22.0312 15 22.5 15.4688 22.5 16C22.5 16.5625 22.0312 17 21.5 17H17V21.5C17 22.0625 16.5312 22.5 16 22.5C15.4375 22.5 15 22.0625 15 21.5V17H10.5C9.9375 17 9.5 16.5625 9.5 16C9.5 15.4688 9.9375 15 10.5 15H15V10.5C15 9.96875 15.4375 9.5 16 9.5C16.5312 9.5 17 9.96875 17 10.5Z",
 		fill: "var(--pds-color-foreground-reverse)"
 	}))
-}, sr = ({ buttonType: t = "button", className: n = "", disabled: r = !1, isWorking: i = !1, label: a, onClick: o, platform: s, size: c = "m", tooltipText: l, ...u }) => {
-	let d = "pds-sso-button", f = `${d}--${c}`, p = c === "m" ? "l" : "2xl", m = c === "m" ? "l" : "xl", h = /* @__PURE__ */ e.createElement(ar, {
+}, or = ({ buttonType: t = "button", className: n = "", disabled: r = !1, isWorking: i = !1, label: a, onClick: o, platform: s, size: c = "m", tooltipText: l, ...u }) => {
+	let d = "pds-sso-button", f = `${d}--${c}`, p = c === "m" ? "l" : "2xl", m = c === "m" ? "l" : "xl", h = /* @__PURE__ */ e.createElement(ir, {
 		className: `${d}__icon`,
 		platformType: s,
 		size: p
@@ -4009,7 +3948,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		content: l,
 		customTrigger: g
 	}) : /* @__PURE__ */ e.createElement(e.Fragment, null, g);
-}, cr = ({ buttonProps: t, className: n, disabled: i = !1, hasBorder: a = !1, iconName: o, iconPosition: c = "before", isCritical: l = !1, isLoading: u, isMonospace: d = !1, isWorking: f, label: p, linkContent: m, onClick: h, tooltipText: g, ..._ }) => {
+}, sr = ({ buttonProps: t, className: n, disabled: i = !1, hasBorder: a = !1, iconName: o, iconPosition: c = "before", isCritical: l = !1, isLoading: u, isMonospace: d = !1, isWorking: f, label: p, linkContent: m, onClick: h, tooltipText: g, ..._ }) => {
 	let v = "pds-utility-button", y = u ? "pds-pulse" : null, b = (t) => o && !f ? /* @__PURE__ */ e.createElement(Q, {
 		key: t,
 		className: `${v}__icon`,
@@ -4062,7 +4001,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: w,
 		..._
 	}, T(E));
-}, lr = {
+}, cr = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
@@ -4070,7 +4009,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	discovery: "squareQuestion",
 	code: "squareTerminal",
 	earlyAccess: "leaf"
-}, ur = ({ children: t, className: n, headingLevel: r = "span", title: i, type: a = "info", typeLabels: o = {
+}, lr = ({ children: t, className: n, headingLevel: r = "span", title: i, type: a = "info", typeLabels: o = {
 	...Jn,
 	code: "Code",
 	earlyAccess: "Early Access"
@@ -4084,13 +4023,13 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		]),
 		...s
 	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon ${c}__icon--${a}` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${a}` in lr ? lr[a] : lr.info,
+		iconName: `${a}` in cr ? cr[a] : cr.info,
 		size: "xl"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), i && /* @__PURE__ */ e.createElement(Tn, {
 		baseClass: c,
 		level: r
 	}, i), t && /* @__PURE__ */ e.createElement("div", { className: `${c}__main-content` }, t))));
-}, dr = ({ background: t = "default", children: n, className: i, imageVariant: a = "bleed", padding: o = "standard", primaryAction: c, ...l }) => {
+}, ur = ({ background: t = "default", children: n, className: i, imageVariant: a = "bleed", padding: o = "standard", primaryAction: c, ...l }) => {
 	let u = "pds-action-card", d = t === "default" ? null : `${u}--${t}`, f = a === "bleed" ? null : `${u}--image-${a}`, p = o === "standard" ? null : `${u}--pad-${o}`, m = ft(n), h = m.image, g = m.__unslotted || m.main, _ = m.footer, v = `${u}__primary`, y = c.linkContent && s(c.linkContent) ? r(c.linkContent, {
 		"aria-label": c.label,
 		className: v
@@ -4110,7 +4049,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		]),
 		...l
 	}, y, /* @__PURE__ */ e.createElement("div", { className: `${u}__inner` }, h && /* @__PURE__ */ e.createElement("div", { className: `${u}__image` }, h[0]), g && /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, g), pt(_) && /* @__PURE__ */ e.createElement("div", { className: `${u}__footer` }, _)));
-}, fr = ({ background: t = "default", children: n, className: r, imageVariant: i = "bleed", padding: a = "standard", ...o }) => {
+}, dr = ({ background: t = "default", children: n, className: r, imageVariant: i = "bleed", padding: a = "standard", ...o }) => {
 	let s = "pds-card", c = t === "default" ? null : `${s}--${t}`, l = i === "bleed" ? null : `${s}--image-${i}`, u = a === "standard" ? null : `${s}--pad-${a}`, d = ft(n), f = d.image, p = d.__unslotted || d.main, m = d.footer;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -4122,7 +4061,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		]),
 		...o
 	}, f && /* @__PURE__ */ e.createElement("div", { className: `${s}__image` }, f[0]), p && /* @__PURE__ */ e.createElement("div", { className: `${s}__main` }, p), pt(m) && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, m));
-}, pr = ({ background: t = "default", className: n, defaultValue: r, id: i, imageVariant: a = "bleed", label: o, labelDisplay: s = "left", layout: c = "auto", onChange: l, options: u, padding: d = "standard", showCardLabels: f = !0, showIndicator: p = !0, size: m = "m", ...h }) => {
+}, fr = ({ background: t = "default", className: n, defaultValue: r, id: i, imageVariant: a = "bleed", label: o, labelDisplay: s = "left", layout: c = "auto", onChange: l, options: u, padding: d = "standard", showCardLabels: f = !0, showIndicator: p = !0, size: m = "m", ...h }) => {
 	let _ = "pds-card-select", v = t === "default" ? null : `${_}--${t}`, y = m === "m" ? null : `${_}--${m}`, b = a === "bleed" ? null : `${_}--image-${a}`, x = f ? null : `${_}--no-card-labels`, S = p ? null : `${_}--no-indicator`, C = d === "standard" ? null : `${_}--pad-${d}`, w = `${_}__legend`;
 	s === "center" && (w = `${_}__legend ${_}__legend--center`), s === "hidden" && (w = `${_}__legend visually-hidden`);
 	let [T, E] = g(r), D = (e) => {
@@ -4162,7 +4101,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			size: "l"
 		})), /* @__PURE__ */ e.createElement("div", { className: `${_}__option-body` }, /* @__PURE__ */ e.createElement("span", { className: Z([`${_}__option-label-text`, f ? null : "visually-hidden"]) }, t.label), c && /* @__PURE__ */ e.createElement("div", { className: `${_}__option-main` }, c)))));
 	})));
-}, mr = ({ className: t, heading: n, headingLevel: r = "span", iconName: i, linkContent: a, message: o, ...s }) => {
+}, pr = ({ className: t, heading: n, headingLevel: r = "span", iconName: i, linkContent: a, message: o, ...s }) => {
 	let c = "pds-compact-empty-state";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([c, t ?? ""]),
@@ -4175,7 +4114,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		baseClass: c,
 		level: r
 	}, n), o && /* @__PURE__ */ e.createElement("p", { className: `${c}__message` }, o)), a && /* @__PURE__ */ e.createElement("div", { className: `${c}__link` }, a));
-}, hr = ({ children: t, label: n }) => {
+}, mr = ({ children: t, label: n }) => {
 	let r = "pds-select";
 	return /* @__PURE__ */ e.createElement("li", {
 		className: `${r}__group`,
@@ -4184,7 +4123,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: `${r}__group-options`,
 		role: "group"
 	}, t));
-}, gr = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, icon: a, id: o, inputWidth: s, label: c, labelStrings: l = {
+}, hr = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, icon: a, id: o, inputWidth: s, label: c, labelStrings: l = {
 	selectOptionText: "Select an option...",
 	triggerButton: "Toggle dropdown menu"
 }, message: d, onBlur: f, onFocus: p, onOptionSelect: m, options: h, required: _ = !1, showLabel: v = !0, showSelectedIcon: y = !0, size: b = "s", tooltipText: x = null, validationMessage: S, validationStatus: C, value: w, ...T }) => {
@@ -4209,7 +4148,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		p && p(X);
 	}, le = () => {
 		ne.reference.current.focus();
-	}, ue = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(ar, {
+	}, ue = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(ir, {
 		className: n,
 		platformType: t,
 		size: "m"
@@ -4241,7 +4180,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 						})
 					}, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label` }, t.icon && ue(t.icon, `${D}__option-icon`), t.label), y && H === r && /* @__PURE__ */ e.createElement(Gn, null));
 				});
-				return /* @__PURE__ */ e.createElement(hr, {
+				return /* @__PURE__ */ e.createElement(mr, {
 					key: t.groupLabel,
 					label: t.groupLabel
 				}, r);
@@ -4329,17 +4268,17 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		validationMessageHasDecorators: !1,
 		validationStatus: C
 	}));
-}, _r = {
+}, gr = {
 	"sequential-blue": 2,
 	"sequential-gray": 2
-}, vr = (e, t) => {
-	let n = _r[e];
+}, _r = (e, t) => {
+	let n = gr[e];
 	return n ? t.slice(n) : t;
-}, yr = (e, t) => {
+}, vr = (e, t) => {
 	if (t === void 0) return;
-	let n = _r[e];
+	let n = gr[e];
 	return n ? Math.max(t, n + 1) - n : t;
-}, br = {
+}, yr = {
 	categorical: [
 		"--pds-color-datavis-categorical-1",
 		"--pds-color-datavis-categorical-2",
@@ -4392,7 +4331,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		"--pds-color-datavis-status-discovery",
 		"--pds-color-datavis-status-neutral"
 	]
-}, xr = {
+}, br = {
 	categorical: [
 		"#006dcc",
 		"#c95a3d",
@@ -4445,34 +4384,34 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		"#7952a8",
 		"#717273"
 	]
-}, Sr = (e, t, n, r) => n || (r === void 0 ? t[e % t.length] : t[(r - 1) % t.length]), Cr = (e, t) => {
-	let n = xr[t];
+}, xr = (e, t, n, r) => n || (r === void 0 ? t[e % t.length] : t[(r - 1) % t.length]), Sr = (e, t) => {
+	let n = br[t];
 	if (!e) return n;
 	let r = getComputedStyle(e);
-	return br[t].map((e, t) => r.getPropertyValue(e).trim() || n[t]);
-}, wr = (e, t = "categorical") => {
-	let [n, r] = g(xr[t]);
+	return yr[t].map((e, t) => r.getPropertyValue(e).trim() || n[t]);
+}, Cr = (e, t = "categorical") => {
+	let [n, r] = g(br[t]);
 	return u(() => {
 		if (!e.current) return;
-		r(Cr(e.current, t));
+		r(Sr(e.current, t));
 		let n = new MutationObserver(() => {
-			e.current && r(Cr(e.current, t));
+			e.current && r(Sr(e.current, t));
 		});
 		return n.observe(document.documentElement, {
 			attributeFilter: ["data-theme"],
 			attributes: !0
 		}), () => n.disconnect();
 	}, [e, t]), n;
-}, Tr = {
+}, wr = {
 	fill: "var(--pds-color-foreground-default-secondary)",
 	fontFamily: "var(--pds-typography-ff-default)",
 	fontSize: "var(--pds-typography-size-xs)"
-}, Er = {
+}, Tr = {
 	fill: "var(--pds-color-foreground-default-secondary)",
 	fontFamily: "var(--pds-typography-ff-default)",
 	fontSize: "var(--pds-typography-size-xs)",
 	fontWeight: "var(--pds-typography-fw-semibold)"
-}, Dr = ({ data: t, description: n, series: r, valueFormatter: i }) => {
+}, Er = ({ data: t, description: n, series: r, valueFormatter: i }) => {
 	let a = (e) => typeof e == "number" && i ? i(e) : typeof e == "number" ? e.toLocaleString() : String(e);
 	return /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, /* @__PURE__ */ e.createElement("table", {
 		"aria-label": n,
@@ -4481,7 +4420,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		key: t.dataKey,
 		scope: "col"
 	}, t.label)))), /* @__PURE__ */ e.createElement("tbody", null, t.map((t, n) => /* @__PURE__ */ e.createElement("tr", { key: `${t.label}-${n}` }, /* @__PURE__ */ e.createElement("td", null, t.label), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: n.dataKey }, a(t[n.dataKey]))))))));
-}, Or = ({ ariaHidden: t, data: n = [], series: r, seriesColors: i, tableHeader: a = "Total", valueFormatter: o = (e) => e.toLocaleString(), variant: s = "inline" }) => {
+}, Dr = ({ ariaHidden: t, data: n = [], series: r, seriesColors: i, tableHeader: a = "Total", valueFormatter: o = (e) => e.toLocaleString(), variant: s = "inline" }) => {
 	let c = "pds-chart-legend", l = (e, t, n) => t || (n === void 0 ? i[e % i.length] : i[(n - 1) % i.length]);
 	if (s === "table") {
 		let i = r.map((e) => n.reduce((t, n) => {
@@ -4506,12 +4445,12 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: `${c}__swatch`,
 		style: { backgroundColor: l(n, t.color, t.paletteIndex) }
 	}), t.label)));
-}, kr = (e) => typeof e == "number" ? `${e}rem` : typeof e == "string" && e.endsWith("%") ? e : `${Vt[`SPACING_${e.toUpperCase()}`]}rem`, Ar = ({ className: t, colorType: n = "regular", isAnimated: r = !0, shape: i = "rounded", size: a, textIsJustified: o, textLineCount: s = 1, textSize: c = "m", ...l }) => {
+}, Or = (e) => typeof e == "number" ? `${e}rem` : typeof e == "string" && e.endsWith("%") ? e : `${Vt[`SPACING_${e.toUpperCase()}`]}rem`, kr = ({ className: t, colorType: n = "regular", isAnimated: r = !0, shape: i = "rounded", size: a, textIsJustified: o, textLineCount: s = 1, textSize: c = "m", ...l }) => {
 	let u = "pds-skeleton", d = `${u}--${i}`, f = r ? `pds-pulse pds-pulse--${n}` : `${u}--${n}`, p = [
 		"text-block",
 		"code-block",
 		"code-block-prefix"
-	], m = a?.height ? kr(a.height) : "1rem", h = a?.width ? kr(a.width) : "100%", g = {
+	], m = a?.height ? Or(a.height) : "1rem", h = a?.width ? Or(a.width) : "100%", g = {
 		height: m,
 		width: h
 	};
@@ -4583,13 +4522,13 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		}
 	}))));
 	return p.includes(i) ? w : _;
-}, jr = () => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--table" }, /* @__PURE__ */ e.createElement(Ar, {
+}, Ar = () => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--table" }, /* @__PURE__ */ e.createElement(kr, {
 	shape: "rounded",
 	size: {
 		height: 4,
 		width: "100%"
 	}
-})), Mr = ({ borderRadius: t, height: n, legendAlignment: r = "center", legendVariant: i = "inline", showLegend: a = !0 }) => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton" }, /* @__PURE__ */ e.createElement("div", {
+})), jr = ({ borderRadius: t, height: n, legendAlignment: r = "center", legendVariant: i = "inline", showLegend: a = !0 }) => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton" }, /* @__PURE__ */ e.createElement("div", {
 	className: "pds-chart__skeleton-area",
 	style: { height: n }
 }, t ? /* @__PURE__ */ e.createElement("div", { style: {
@@ -4597,41 +4536,41 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	height: "100%",
 	overflow: "hidden",
 	width: "100%"
-} }, /* @__PURE__ */ e.createElement(Ar, {
+} }, /* @__PURE__ */ e.createElement(kr, {
 	shape: "rectangular",
 	size: {
 		height: "100%",
 		width: "100%"
 	}
-})) : /* @__PURE__ */ e.createElement(Ar, {
+})) : /* @__PURE__ */ e.createElement(kr, {
 	shape: "rounded",
 	size: {
 		height: "100%",
 		width: "100%"
 	}
-})), a && (i === "table" ? /* @__PURE__ */ e.createElement(jr, null) : /* @__PURE__ */ e.createElement("div", { className: `pds-chart__skeleton-legend pds-chart__skeleton-legend--inline${r === "left" ? "-left" : ""}` }, /* @__PURE__ */ e.createElement(Ar, {
+})), a && (i === "table" ? /* @__PURE__ */ e.createElement(Ar, null) : /* @__PURE__ */ e.createElement("div", { className: `pds-chart__skeleton-legend pds-chart__skeleton-legend--inline${r === "left" ? "-left" : ""}` }, /* @__PURE__ */ e.createElement(kr, {
 	shape: "rounded",
 	size: {
 		height: .75,
 		width: 5
 	}
-}), /* @__PURE__ */ e.createElement(Ar, {
+}), /* @__PURE__ */ e.createElement(kr, {
 	shape: "rounded",
 	size: {
 		height: .75,
 		width: 5
 	}
-}), /* @__PURE__ */ e.createElement(Ar, {
+}), /* @__PURE__ */ e.createElement(kr, {
 	shape: "rounded",
 	size: {
 		height: .75,
 		width: 5
 	}
-})))), Nr = (e) => {
+})))), Mr = (e) => {
 	let t = Math.abs(e);
 	return t >= 1e9 ? `${(e / 1e9).toFixed(1).replace(/\.0$/, "")}B` : t >= 1e6 ? `${(e / 1e6).toFixed(1).replace(/\.0$/, "")}M` : t >= 1e3 ? `${(e / 1e3).toFixed(1).replace(/\.0$/, "")}K` : String(e);
-}, Pr = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: l = !1, labelStrings: d = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: m, selectedTimePeriod: _, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: S, showTooltip: C, timePeriodOptions: D, tooltipContent: k, variant: A = "stacked", xAxisLabel: j, xAxisTickInterval: N, yAxisDomain: P, yAxisFormatter: F = Nr, yAxisLabel: I, yAxisTickInterval: L, ...R }) => {
-	let { accessibleTableDescription: B = "Bar chart data", emptyStateHeading: V = "No data available", emptyStateMessage: G, legendTableHeader: K, loadingLabel: q = "Loading chart data" } = d, J = h(null), ee = vr(a, wr(J, a)), ne = n ?? (l ? 60 : 360), X = r ?? (l ? 60 : void 0), oe = x ?? !l, se = b ?? !l, ce = S ?? !l, le = C ?? !l, ue = y ?? !0, [de, fe] = g(null), pe = h(de);
+}, Nr = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: l = !1, labelStrings: d = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: m, selectedTimePeriod: _, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: S, showTooltip: C, timePeriodOptions: D, tooltipContent: k, variant: A = "stacked", xAxisLabel: j, xAxisTickInterval: N, yAxisDomain: P, yAxisFormatter: F = Mr, yAxisLabel: I, yAxisTickInterval: L, ...R }) => {
+	let { accessibleTableDescription: B = "Bar chart data", emptyStateHeading: V = "No data available", emptyStateMessage: G, legendTableHeader: K, loadingLabel: q = "Loading chart data" } = d, J = h(null), ee = _r(a, Cr(J, a)), ne = n ?? (l ? 60 : 360), X = r ?? (l ? 60 : void 0), oe = x ?? !l, se = b ?? !l, ce = S ?? !l, le = C ?? !l, ue = y ?? !0, [de, fe] = g(null), pe = h(de);
 	de && (pe.current = de);
 	let me = h({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -4689,7 +4628,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		]),
 		style: { maxWidth: X },
 		...R
-	}, /* @__PURE__ */ e.createElement(Mr, {
+	}, /* @__PURE__ */ e.createElement(jr, {
 		height: ne,
 		legendVariant: p,
 		showLegend: ce
@@ -4706,7 +4645,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			maxWidth: X
 		},
 		...R
-	}, /* @__PURE__ */ e.createElement(mr, {
+	}, /* @__PURE__ */ e.createElement(pr, {
 		heading: V,
 		message: G
 	}));
@@ -4764,7 +4703,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: Z([xe, i ?? ""]),
 		style: X ? { maxWidth: X } : void 0,
 		...R
-	}, !l && D && D.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${xe}__header` }, /* @__PURE__ */ e.createElement(gr, {
+	}, !l && D && D.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${xe}__header` }, /* @__PURE__ */ e.createElement(hr, {
 		autoWidth: !0,
 		id: `${xe}-time-period`,
 		label: "Time period",
@@ -4817,13 +4756,13 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		hide: !se,
 		interval: N,
 		label: j && se ? {
-			...Er,
+			...Tr,
 			offset: -15,
 			position: "insideBottom",
 			value: j
 		} : void 0,
 		padding: Te ? void 0 : "no-gap",
-		tick: se ? Tr : !1,
+		tick: se ? wr : !1,
 		tickFormatter: Te ? F : void 0,
 		tickLine: !1,
 		tickMargin: 10,
@@ -4835,14 +4774,14 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		hide: !se,
 		interval: L,
 		label: I && se ? {
-			...Er,
+			...Tr,
 			angle: -90,
 			dx: -44,
 			position: "center",
 			value: I
 		} : void 0,
 		padding: Te ? "no-gap" : void 0,
-		tick: se ? Tr : !1,
+		tick: se ? wr : !1,
 		tickFormatter: Te ? void 0 : F,
 		tickLine: !1,
 		tickMargin: 6,
@@ -4861,12 +4800,12 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}), v.map((t, n) => /* @__PURE__ */ e.createElement(H, {
 		key: t.dataKey,
 		dataKey: t.dataKey,
-		fill: Sr(n, ee, t.color, yr(a, t.paletteIndex)),
+		fill: xr(n, ee, t.color, vr(a, t.paletteIndex)),
 		name: t.label,
 		onMouseEnter: k ? void 0 : (e) => {
 			let r = e.payload;
 			le && r && fe({
-				color: Sr(n, ee, t.color, yr(a, t.paletteIndex)),
+				color: xr(n, ee, t.color, vr(a, t.paletteIndex)),
 				label: String(r.label ?? ""),
 				name: t.label,
 				value: Number(r[t.dataKey] ?? 0)
@@ -4889,7 +4828,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-label" }, pe.current.label), /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-item" }, /* @__PURE__ */ e.createElement("span", {
 		className: "recharts-tooltip-item__color",
 		style: { backgroundColor: pe.current.color }
-	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, pe.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(pe.current.value)))), ce && /* @__PURE__ */ e.createElement(Or, {
+	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, pe.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(pe.current.value)))), ce && /* @__PURE__ */ e.createElement(Dr, {
 		ariaHidden: p === "table" && ue,
 		data: o,
 		series: v,
@@ -4897,19 +4836,19 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tableHeader: K,
 		valueFormatter: F,
 		variant: p
-	}), ue && /* @__PURE__ */ e.createElement(Dr, {
+	}), ue && /* @__PURE__ */ e.createElement(Er, {
 		data: o,
 		description: B,
 		series: v,
 		valueFormatter: F
 	}));
-}, Fr = (e) => {
+}, Pr = (e) => {
 	switch (e) {
 		case "dashed": return "8 4";
 		default: return;
 	}
-}, Ir = ({ annotations: t, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: l = {}, legendVariant: u = "inline", lineStyle: d = "smooth", onTimePeriodChange: f, referenceLines: p, selectedTimePeriod: m, series: g = [], showAccessibleTable: _, showAxisLines: v, showDataPoints: y, showGrid: b, showLegend: x, showTooltip: S, timePeriodOptions: C, tooltipContent: w, xAxisLabel: T, xAxisTickInterval: E, yAxisDomain: D, yAxisFormatter: O = Nr, yAxisLabel: k, yAxisTickInterval: A, ...j }) => {
-	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = h(null), R = vr(a, wr(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, H = v ?? !c, U = x ?? !c, G = S ?? !c, J = y ?? !c, ee = _ ?? !0, te = "pds-line-chart";
+}, Fr = ({ annotations: t, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: l = {}, legendVariant: u = "inline", lineStyle: d = "smooth", onTimePeriodChange: f, referenceLines: p, selectedTimePeriod: m, series: g = [], showAccessibleTable: _, showAxisLines: v, showDataPoints: y, showGrid: b, showLegend: x, showTooltip: S, timePeriodOptions: C, tooltipContent: w, xAxisLabel: T, xAxisTickInterval: E, yAxisDomain: D, yAxisFormatter: O = Mr, yAxisLabel: k, yAxisTickInterval: A, ...j }) => {
+	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = h(null), R = _r(a, Cr(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, H = v ?? !c, U = x ?? !c, G = S ?? !c, J = y ?? !c, ee = _ ?? !0, te = "pds-line-chart";
 	return s ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		"aria-busy": "true",
@@ -4921,7 +4860,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		]),
 		style: { maxWidth: B },
 		...j
-	}, /* @__PURE__ */ e.createElement(Mr, {
+	}, /* @__PURE__ */ e.createElement(jr, {
 		height: z,
 		legendVariant: u,
 		showLegend: U
@@ -4937,7 +4876,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			maxWidth: B
 		},
 		...j
-	}, /* @__PURE__ */ e.createElement(mr, {
+	}, /* @__PURE__ */ e.createElement(pr, {
 		heading: N,
 		message: P
 	})) : /* @__PURE__ */ e.createElement("div", {
@@ -4945,7 +4884,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: Z([te, i ?? ""]),
 		style: B ? { maxWidth: B } : void 0,
 		...j
-	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${te}__header` }, /* @__PURE__ */ e.createElement(gr, {
+	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${te}__header` }, /* @__PURE__ */ e.createElement(hr, {
 		autoWidth: !0,
 		id: `${te}-time-period`,
 		label: "Time period",
@@ -4991,12 +4930,12 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		hide: !H,
 		interval: E,
 		label: T && H ? {
-			...Er,
+			...Tr,
 			offset: -15,
 			position: "insideBottom",
 			value: T
 		} : void 0,
-		tick: H ? Tr : !1,
+		tick: H ? wr : !1,
 		tickLine: !1,
 		tickMargin: 10
 	}), /* @__PURE__ */ e.createElement(ae, {
@@ -5005,13 +4944,13 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		hide: !H,
 		interval: A,
 		label: k && H ? {
-			...Er,
+			...Tr,
 			angle: -90,
 			dx: -44,
 			position: "center",
 			value: k
 		} : void 0,
-		tick: H ? Tr : !1,
+		tick: H ? wr : !1,
 		tickFormatter: O,
 		tickLine: !1,
 		tickMargin: 6
@@ -5038,13 +4977,13 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		activeDot: J ? { r: 6 } : !1,
 		dataKey: t.dataKey,
 		dot: J ? {
-			fill: Sr(n, R, t.color, yr(a, t.paletteIndex)),
+			fill: xr(n, R, t.color, vr(a, t.paletteIndex)),
 			r: 4,
 			strokeWidth: 0
 		} : !1,
 		name: t.label,
-		stroke: Sr(n, R, t.color, yr(a, t.paletteIndex)),
-		strokeDasharray: Fr(t.strokeStyle),
+		stroke: xr(n, R, t.color, vr(a, t.paletteIndex)),
+		strokeDasharray: Pr(t.strokeStyle),
 		strokeWidth: 2,
 		type: d === "straight" ? "linear" : "monotone"
 	})), !c && p?.map((t, n) => {
@@ -5064,7 +5003,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				}, t.label.toUpperCase());
 			},
 			stroke: r,
-			strokeDasharray: Fr(t.strokeStyle ?? "dashed"),
+			strokeDasharray: Pr(t.strokeStyle ?? "dashed"),
 			y: t.value
 		});
 	}), !c && t?.map((t, n) => {
@@ -5084,10 +5023,10 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				}, t.text.toUpperCase());
 			},
 			stroke: r,
-			strokeDasharray: Fr(t.strokeStyle ?? "dashed"),
+			strokeDasharray: Pr(t.strokeStyle ?? "dashed"),
 			x: t.atLabel
 		});
-	})))), U && /* @__PURE__ */ e.createElement(Or, {
+	})))), U && /* @__PURE__ */ e.createElement(Dr, {
 		ariaHidden: u === "table" && ee,
 		data: o,
 		series: g,
@@ -5095,14 +5034,14 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tableHeader: F,
 		valueFormatter: O,
 		variant: u
-	}), ee && /* @__PURE__ */ e.createElement(Dr, {
+	}), ee && /* @__PURE__ */ e.createElement(Er, {
 		data: o,
 		description: M,
 		series: g,
 		valueFormatter: O
 	}));
-}, Lr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, Rr = ({ chartHeight: t, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: s = !1, labelStrings: c = {}, legendVariant: l = "inline", showAccessibleTable: u = !0, showLegend: d, showTooltip: f, valueFormatter: p = Lr, variant: m = "pie", ...g }) => {
-	let { accessibleTableDescription: _ = "Pie chart data", emptyStateHeading: v = "No data available", emptyStateMessage: y, loadingLabel: b = "Loading chart data" } = c, x = h(null), S = vr(i, wr(x, i)), C = "pds-pie-chart", w = t ?? (s ? 80 : 300), T = n ?? (s ? 80 : void 0), E = d ?? !s, D = f ?? !s, O = a.reduce((e, t) => e + t.value, 0), k = (e, t) => Sr(e, S, t.color, yr(i, t.paletteIndex));
+}, Ir = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, Lr = ({ chartHeight: t, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: s = !1, labelStrings: c = {}, legendVariant: l = "inline", showAccessibleTable: u = !0, showLegend: d, showTooltip: f, valueFormatter: p = Ir, variant: m = "pie", ...g }) => {
+	let { accessibleTableDescription: _ = "Pie chart data", emptyStateHeading: v = "No data available", emptyStateMessage: y, loadingLabel: b = "Loading chart data" } = c, x = h(null), S = _r(i, Cr(x, i)), C = "pds-pie-chart", w = t ?? (s ? 80 : 300), T = n ?? (s ? 80 : void 0), E = d ?? !s, D = f ?? !s, O = a.reduce((e, t) => e + t.value, 0), k = (e, t) => xr(e, S, t.color, vr(i, t.paletteIndex));
 	if (o) {
 		let t = `${Math.round(w * .8)}px`;
 		return /* @__PURE__ */ e.createElement("div", {
@@ -5119,25 +5058,25 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		}, /* @__PURE__ */ e.createElement("div", { className: `${C}__skeleton` }, /* @__PURE__ */ e.createElement("div", {
 			className: `${C}__skeleton-chart`,
 			style: { height: w }
-		}, /* @__PURE__ */ e.createElement(Ar, {
+		}, /* @__PURE__ */ e.createElement(kr, {
 			shape: "circular",
 			style: {
 				height: t,
 				width: t
 			}
-		})), E && /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--inline" }, /* @__PURE__ */ e.createElement(Ar, {
+		})), E && /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--inline" }, /* @__PURE__ */ e.createElement(kr, {
 			shape: "rounded",
 			size: {
 				height: .75,
 				width: 5
 			}
-		}), /* @__PURE__ */ e.createElement(Ar, {
+		}), /* @__PURE__ */ e.createElement(kr, {
 			shape: "rounded",
 			size: {
 				height: .75,
 				width: 5
 			}
-		}), /* @__PURE__ */ e.createElement(Ar, {
+		}), /* @__PURE__ */ e.createElement(kr, {
 			shape: "rounded",
 			size: {
 				height: .75,
@@ -5157,7 +5096,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			maxWidth: T
 		},
 		...g
-	}, /* @__PURE__ */ e.createElement(mr, {
+	}, /* @__PURE__ */ e.createElement(pr, {
 		heading: v,
 		message: y
 	}));
@@ -5231,8 +5170,8 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		let n = O > 0 ? Math.round(t.value / O * 100) : 0;
 		return /* @__PURE__ */ e.createElement("tr", { key: t.label }, /* @__PURE__ */ e.createElement("td", null, t.label), /* @__PURE__ */ e.createElement("td", null, t.value.toLocaleString()), /* @__PURE__ */ e.createElement("td", null, n, "%"));
 	})))));
-}, zr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, Br = ({ barHeight: t = 16, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: s = !1, labelStrings: l = {}, legendAlignment: d = "left", showAccessibleTable: f = !0, showLegend: p, showTooltip: m, valueFormatter: _ = zr, ...v }) => {
-	let { accessibleTableDescription: y = "Proportion bar data", emptyStateHeading: b = "No data available", emptyStateMessage: x, loadingLabel: S = "Loading chart data" } = l, C = h(null), D = vr(i, wr(C, i)), k = "pds-proportion-bar", A = n ?? (s ? 200 : void 0), j = p ?? !s, N = m ?? !s, P = a.reduce((e, t) => e + t.value, 0), F = (e, t) => Sr(e, D, t.color, yr(i, t.paletteIndex)), [I, L] = g(null), R = h(I);
+}, Rr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, zr = ({ barHeight: t = 16, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: s = !1, labelStrings: l = {}, legendAlignment: d = "left", showAccessibleTable: f = !0, showLegend: p, showTooltip: m, valueFormatter: _ = Rr, ...v }) => {
+	let { accessibleTableDescription: y = "Proportion bar data", emptyStateHeading: b = "No data available", emptyStateMessage: x, loadingLabel: S = "Loading chart data" } = l, C = h(null), D = _r(i, Cr(C, i)), k = "pds-proportion-bar", A = n ?? (s ? 200 : void 0), j = p ?? !s, N = m ?? !s, P = a.reduce((e, t) => e + t.value, 0), F = (e, t) => xr(e, D, t.color, vr(i, t.paletteIndex)), [I, L] = g(null), R = h(I);
 	I && (R.current = I);
 	let B = h({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -5287,7 +5226,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		]),
 		style: A ? { maxWidth: A } : void 0,
 		...v
-	}, /* @__PURE__ */ e.createElement(Mr, {
+	}, /* @__PURE__ */ e.createElement(jr, {
 		borderRadius: "var(--pds-border-radius-bar)",
 		height: t,
 		legendAlignment: d,
@@ -5300,7 +5239,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			r ?? ""
 		]),
 		...v
-	}, /* @__PURE__ */ e.createElement(mr, {
+	}, /* @__PURE__ */ e.createElement(pr, {
 		heading: b,
 		message: x
 	})) : /* @__PURE__ */ e.createElement("div", {
@@ -5359,7 +5298,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		let n = P > 0 ? Math.round(t.value / P * 100) : 0;
 		return /* @__PURE__ */ e.createElement("tr", { key: t.label }, /* @__PURE__ */ e.createElement("td", null, t.label), /* @__PURE__ */ e.createElement("td", null, t.value.toLocaleString()), /* @__PURE__ */ e.createElement("td", null, n, "%"));
 	})))));
-}, Vr = /* @__PURE__ */ dt((/* @__PURE__ */ lt(((e, t) => {
+}, Br = /* @__PURE__ */ dt((/* @__PURE__ */ lt(((e, t) => {
 	var n = function(e) {
 		var t = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, n = 0, r = {}, i = {
 			manual: e.Prism && e.Prism.manual,
@@ -5652,8 +5591,8 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}(typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {});
 	t !== void 0 && t.exports && (t.exports = n), typeof global < "u" && (global.Prism = n);
 })))(), 1);
-typeof globalThis < "u" && (globalThis.Prism = Vr.default);
-var Hr = Vr.default;
+typeof globalThis < "u" && (globalThis.Prism = Br.default);
+var Vr = Br.default;
 //#endregion
 //#region node_modules/prismjs/components/prism-diff.js
 Prism.languages.markup = {
@@ -6323,7 +6262,7 @@ Prism.languages.markup = {
 })(Prism);
 //#endregion
 //#region src/components/CodeBlock/themes/pds.ts
-var Ur = {
+var Hr = {
 	plain: {
 		color: "var(--pds-color-code-block-foreground)",
 		backgroundColor: "var(--pds-color-code-block-background)"
@@ -6399,10 +6338,10 @@ var Ur = {
 			style: { color: "var(--pds-color-code-block-syntax-inserted)" }
 		}
 	]
-}, Wr = ({ className: t, code: n, copyButtonLabel: r = "Copy to clipboard", hasCopyButton: i, hasLineNumbers: a, hasPrompt: o, height: s, isLoading: c, language: l, loadingLineCount: u = 1, maxHeight: d, promptSymbol: f = "$", renderAsLegacy: p = !1, shouldWrap: m = !1, ...h }) => {
+}, Ur = ({ className: t, code: n, copyButtonLabel: r = "Copy to clipboard", hasCopyButton: i, hasLineNumbers: a, hasPrompt: o, height: s, isLoading: c, language: l, loadingLineCount: u = 1, maxHeight: d, promptSymbol: f = "$", renderAsLegacy: p = !1, shouldWrap: m = !1, ...h }) => {
 	let g = "pds-code-block", _ = m ? `${g}__line-wrapped` : "", v = {};
 	s && (v.height = `${s}rem`), d && (v.maxHeight = `${d}rem`);
-	let y = /* @__PURE__ */ e.createElement("div", { className: `${g}__code` }, /* @__PURE__ */ e.createElement(Ar, {
+	let y = /* @__PURE__ */ e.createElement("div", { className: `${g}__code` }, /* @__PURE__ */ e.createElement(kr, {
 		className: `${g}__skeleton`,
 		colorType: "bold",
 		shape: a || o ? "code-block-prefix" : "code-block",
@@ -6451,8 +6390,8 @@ var Ur = {
 	}, c ? y : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(X, {
 		code: n,
 		language: l || "",
-		prism: Hr,
-		theme: Ur
+		prism: Vr,
+		theme: Hr
 	}, /* @__PURE__ */ e.createElement(X.Code, {
 		className: `${g}__code`,
 		tabIndex: 0
@@ -6461,11 +6400,11 @@ var Ur = {
 		clipboardText: n,
 		variant: "reverse"
 	}))));
-}, Gr = {
+}, Wr = {
 	addon: "circlePlus",
 	included: "circleCheck",
 	notIncluded: "xmark"
-}, Kr = ({ className: t, listItems: n, listLabel: r, moreLink: i, renderTypeLabels: a = !0, showBorder: o = !1, size: s = "s", typeLabels: c = {
+}, Gr = ({ className: t, listItems: n, listLabel: r, moreLink: i, renderTypeLabels: a = !0, showBorder: o = !1, size: s = "s", typeLabels: c = {
 	addon: "Add-on",
 	included: "Included",
 	notIncluded: "Not included"
@@ -6484,10 +6423,10 @@ var Ur = {
 		className: `${u}__list-item ${u}__list-item--${t.type}`
 	}, /* @__PURE__ */ e.createElement("div", { className: `${u}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(Q, {
 		className: `${u}__item-icon`,
-		iconName: Gr[t.type],
+		iconName: Wr[t.type],
 		size: s
 	})), a && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, c[t.type], ":", " "), t.text))), i && /* @__PURE__ */ e.createElement("div", { className: `${u}__more-link` }, i));
-}, qr = ({ className: t, platform: n, videoId: r, videoTitle: i, ...a }) => {
+}, Kr = ({ className: t, platform: n, videoId: r, videoTitle: i, ...a }) => {
 	let o = /* @__PURE__ */ e.createElement("iframe", {
 		allow: "autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media",
 		src: `https://fast.wistia.net/embed/iframe/${r}`,
@@ -6518,7 +6457,7 @@ var Ur = {
 		className: Z(["pds-video-embed", t ?? ""]),
 		...a
 	}, l);
-}, Jr = ({ alignment: t = "center", className: n, ctaRegion: r, hasIndentedContent: i, heading: a, headingLevel: o = "h1", image: s, imageMarginLeft: c = "0", imageWidth: l = "40%", maxWidth: u = "100%", message: d, video: f, ...p }) => {
+}, qr = ({ alignment: t = "center", className: n, ctaRegion: r, hasIndentedContent: i, heading: a, headingLevel: o = "h1", image: s, imageMarginLeft: c = "0", imageWidth: l = "40%", maxWidth: u = "100%", message: d, video: f, ...p }) => {
 	let m = "pds-horizontal-empty-state", h = `${m}--${t}`, g = i ? `${m}--indented-content` : null, _ = f ? `${m}--video` : null, v = {
 		marginInlineStart: c,
 		width: l
@@ -6544,11 +6483,11 @@ var Ur = {
 		alt: "",
 		className: `${m}__image`,
 		src: s
-	}) : s), f && /* @__PURE__ */ e.createElement("div", { className: `${m}__media ${m}__media--video` }, /* @__PURE__ */ e.createElement(qr, {
+	}) : s), f && /* @__PURE__ */ e.createElement("div", { className: `${m}__media ${m}__media--video` }, /* @__PURE__ */ e.createElement(Kr, {
 		platform: f.platform,
 		videoId: f.videoId
 	})));
-}, Yr = ({ className: t, ctaRegion: n, heading: r, headingLevel: i = "h2", image: a, imageHeight: o = "120", imageWidth: s = "auto", message: c, ...l }) => {
+}, Jr = ({ className: t, ctaRegion: n, heading: r, headingLevel: i = "h2", image: a, imageHeight: o = "120", imageWidth: s = "auto", message: c, ...l }) => {
 	let u = "pds-vertical-empty-state";
 	return c = typeof c == "string" ? /* @__PURE__ */ e.createElement("p", { className: `${u}__message` }, c) : /* @__PURE__ */ e.createElement("div", { className: `${u}__message` }, c), /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, t ?? ""]),
@@ -6563,7 +6502,7 @@ var Ur = {
 		baseClass: u,
 		level: i
 	}, r), c && c), n && /* @__PURE__ */ e.createElement("div", { className: `${u}__cta` }, n));
-}, Xr = ({ additions: t = 4, className: n, componentWidth: r, deletions: i = 2, translationStrings: a = {
+}, Yr = ({ additions: t = 4, className: n, componentWidth: r, deletions: i = 2, translationStrings: a = {
 	linesChanged: "lines changed",
 	additions: "additions",
 	deletions: "deletions"
@@ -6595,7 +6534,7 @@ var Ur = {
 		customTrigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: `${s}__ahead-bar` })),
 		preferredPlacement: "top"
 	}))));
-}, Zr = {
+}, Xr = {
 	amex: /* @__PURE__ */ e.createElement("svg", {
 		fill: "none",
 		height: "42",
@@ -6813,7 +6752,7 @@ var Ur = {
 		height: "42",
 		width: "70"
 	}))))
-}, Qr = ({ className: t, paymentType: n, size: r = "2xl", ...i }) => {
+}, Zr = ({ className: t, paymentType: n, size: r = "2xl", ...i }) => {
 	let a = "pds-payment-icon", o = `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -6822,8 +6761,8 @@ var Ur = {
 			t ?? ""
 		]),
 		...i
-	}, Zr[n]);
-}, $r = ({ avatarProps: t, className: n, isSidebarCollapsed: r, isSingleLine: i, primaryText: a, secondaryText: o, ...s }) => {
+	}, Xr[n]);
+}, Qr = ({ avatarProps: t, className: n, isSidebarCollapsed: r, isSingleLine: i, primaryText: a, secondaryText: o, ...s }) => {
 	let l = "pds-identity-block", d = r ? `${l}--collapsed` : null, f = i ? `${l}--single-line` : null, p = t ? {
 		...t,
 		size: i ? "s" : "m"
@@ -6862,7 +6801,7 @@ var Ur = {
 		className: `${l}__secondary-text`,
 		title: x ? o : void 0
 	}, o)));
-}, ei = o(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: s, inputWidth: l, label: u, message: d, name: f, nestingLevel: p = 0, onBlur: m, onChange: h, onFocus: _, required: v, showLabel: y = !0, size: b = "s", validationMessage: x, validationStatus: S, value: C, ...w }, T) => {
+}, $r = o(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: s, inputWidth: l, label: u, message: d, name: f, nestingLevel: p = 0, onBlur: m, onChange: h, onFocus: _, required: v, showLabel: y = !0, size: b = "s", validationMessage: x, validationStatus: S, value: C, ...w }, T) => {
 	let E = l ? { width: `${l / 16}rem` } : null, D = "pds-checkbox", O = i ? $.disabled : null, k = S === "error" ? $.error : null, A = p > 0 ? `${D}--indent-${p}` : null, j = v && !i ? $.required : null, M = b === "s" ? null : `${D}--${b}`, N = S === "success" ? $.success : null, P = x || d, F = t !== void 0, [I, L] = g(r === void 0 ? !1 : r), R = t || I, z = (e) => {
 		F || L(e.target.checked), h && h(e);
 	}, B = `${D}__box`, V = o ? null : R ? `${B}--checked` : null, H = o ? `${B}--indeterminate` : null, U = c(() => {
@@ -6934,7 +6873,7 @@ var Ur = {
 		message: P,
 		validationStatus: S
 	}));
-}), ti = ({ 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 }) => {
+}), ei = ({ 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([
@@ -6967,7 +6906,7 @@ var Ur = {
 		message: S,
 		validationStatus: m
 	}));
-}, ni = ({ className: t, disabled: n = !1, fieldsetProps: r, id: i, inputWidth: a, label: o, labelVariant: s, message: c, onGroupBlur: l, onValueChange: d, options: f, required: p = !1, showLabel: m = !0, tooltipText: _ = null, validationMessage: v, validationStatus: y, ...b }) => {
+}, ti = ({ className: t, disabled: n = !1, fieldsetProps: r, id: i, inputWidth: a, label: o, labelVariant: s, message: c, onGroupBlur: l, onValueChange: d, options: f, required: p = !1, showLabel: m = !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);
@@ -7016,7 +6955,7 @@ var Ur = {
 		required: p,
 		showLabel: m,
 		tooltipText: _
-	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__options` }, f.map((t) => /* @__PURE__ */ e.createElement(ei, {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__options` }, f.map((t) => /* @__PURE__ */ e.createElement($r, {
 		key: t.id,
 		checked: t.checked,
 		className: `${S}__checkbox`,
@@ -7034,7 +6973,7 @@ var Ur = {
 		message: D,
 		validationStatus: y
 	}));
-}, ri = o(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: s = !1, id: l, inputWidth: d, isLoading: f = !1, label: p, labelStrings: _ = {
+}, ni = o(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: s = !1, id: l, inputWidth: d, isLoading: f = !1, label: p, labelStrings: _ = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options",
 	searchShortcut: "Press / to focus the search field",
@@ -7227,13 +7166,13 @@ var Ur = {
 		validationMessageHasDecorators: !1,
 		validationStatus: B
 	}));
-}), ii = (e, t, n) => {
+}), ri = (e, t, n) => {
 	let r = n.toLowerCase();
 	return e.filter((e) => e.label.toLowerCase().includes(r)).map((e) => ({
 		...e,
 		isAlreadySelected: t.some((t) => t.id === e.id)
 	})).sort((e, t) => e.badge && !t.badge ? -1 : !e.badge && t.badge ? 1 : 0);
-}, ai = ({ aiSuggestions: t, className: n, disabled: r = !1, id: i, initialSelectedItems: a = [], inputWidth: o, isLoading: s = !1, label: c = "Lorem ipsum dolor sit:", labelStrings: l = {
+}, ii = ({ aiSuggestions: t, className: n, disabled: r = !1, id: i, initialSelectedItems: a = [], inputWidth: o, isLoading: s = !1, label: c = "Lorem ipsum dolor sit:", labelStrings: l = {
 	aiBadgeLabel: "Suggested",
 	aiPanelButton: "Show AI suggestions",
 	aiPanelClose: "Close suggestions panel",
@@ -7241,7 +7180,7 @@ var Ur = {
 	inputInstructions: "Type to search options",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: u = "Loading results...", noResultsText: d = "No results found", onChange: f, options: p, placeholder: _ = "Filter", required: v = !1, showAllTags: y = !1, showLabel: b = !0, size: x = "s", ...S }) => {
-	let C = rn(o), D = "pds-combobox-multi", O = x === "s" ? null : `${D}--${x}`, A = r ? $.disabled : null, N = v && !r ? $.required : null, P = y ? `${D}--show-all-tags` : null, [F, L] = g(""), [R, z] = g(a), [B, V] = g(null), [H, U] = g(!1), W = m(() => ii(p, R, F), [
+	let C = rn(o), D = "pds-combobox-multi", O = x === "s" ? null : `${D}--${x}`, A = r ? $.disabled : null, N = v && !r ? $.required : null, P = y ? `${D}--show-all-tags` : null, [F, L] = g(""), [R, z] = g(a), [B, V] = g(null), [H, U] = g(!1), W = m(() => ri(p, R, F), [
 		p,
 		R,
 		F
@@ -7500,12 +7439,12 @@ var Ur = {
 		iconName: "xmark",
 		size: "m"
 	})))));
-}, oi = (e) => String(e).padStart(2, "0"), si = (e) => {
+}, ai = (e) => String(e).padStart(2, "0"), oi = (e) => {
 	let t = e ? /^(\d{1,2}):(\d{2})$/.exec(e) : null;
 	if (!t) return null;
 	let n = parseInt(t[1], 10), r = parseInt(t[2], 10);
 	return n > 23 || r > 59 ? null : new ce(n, r);
-}, ci = (e) => e ? `${oi(e.hour)}:${oi(e.minute)}` : void 0, li = ({ baseClass: t, segment: n, state: r }) => {
+}, si = (e) => e ? `${ai(e.hour)}:${ai(e.minute)}` : void 0, ci = ({ baseClass: t, segment: n, state: r }) => {
 	let i = h(null), { segmentProps: a } = Oe(n, r, i), { focusProps: o, isFocusVisible: s } = ke(), c = n.isPlaceholder ? n.type === "dayPeriod" ? "--" : "00" : n.text;
 	return /* @__PURE__ */ e.createElement("div", {
 		...Ce(a, o),
@@ -7516,7 +7455,7 @@ var Ur = {
 			s ? `${t}__segment--focus-visible` : null
 		])
 	}, c);
-}, ui = ({ anchorDate: t, className: n, defaultValue: r, disabled: i = !1, hourCycle: a = 12, id: o, inputWidth: s, label: c, message: l, onBlur: d, onChange: f, onFocus: p, required: _ = !1, showLabel: v = !0, size: y = "s", timeZone: b, tooltipText: x = null, validationMessage: S, validationStatus: C, value: w }) => {
+}, li = ({ anchorDate: t, className: n, defaultValue: r, disabled: i = !1, hourCycle: a = 12, id: o, inputWidth: s, label: c, message: l, onBlur: d, onChange: f, onFocus: p, required: _ = !1, showLabel: v = !0, size: y = "s", timeZone: b, tooltipText: x = null, validationMessage: S, validationStatus: C, value: w }) => {
 	let T = rn(s), E = "pds-timepicker", D = y === "s" ? null : `${E}--${y}`, O = i ? $.disabled : null, k = _ && !i ? $.required : null, A = C === "error" ? $.error : null, j = C === "success" ? $.success : null, M = S || l, N = w !== void 0, { locale: P } = Ae(), [F, I] = g(r), L = N ? w : F, R = Fe({
 		granularity: "minute",
 		hourCycle: a,
@@ -7524,14 +7463,14 @@ var Ur = {
 		locale: P,
 		onBlur: d,
 		onChange: (e) => {
-			let t = ci(e);
+			let t = si(e);
 			t && (N || I(t), f && f(t));
 		},
 		onFocusChange: (e) => {
 			e && p && p();
 		},
 		shouldForceLeadingZeros: !0,
-		value: m(() => si(L), [L])
+		value: m(() => oi(L), [L])
 	}), z = h(null), { fieldProps: B } = Me({
 		"aria-describedby": M ? `${o}__message` : void 0,
 		"aria-labelledby": `${o}-label`,
@@ -7542,7 +7481,7 @@ var Ur = {
 		if (V.current = b, !b || !e || b === e) return;
 		let n = R.value;
 		if (!n) return;
-		let r = ve(ye(_e(t ?? be(e), n), e), b), i = ci(new ce(r.hour, r.minute));
+		let r = ve(ye(_e(t ?? be(e), n), e), b), i = si(new ce(r.hour, r.minute));
 		i && (N || I(i), f && f(i));
 	}, [b]);
 	let H = m(() => {
@@ -7592,7 +7531,7 @@ var Ur = {
 	}), /* @__PURE__ */ e.createElement("div", { className: `${E}__value` }, R.segments.map((t, n) => t.type === "literal" ? /* @__PURE__ */ e.createElement("div", {
 		key: n,
 		className: Z([`${E}__separator`, t.text === ":" ? `${E}__separator--colon` : null])
-	}, t.text) : /* @__PURE__ */ e.createElement(li, {
+	}, t.text) : /* @__PURE__ */ e.createElement(ci, {
 		key: n,
 		baseClass: E,
 		segment: t,
@@ -7604,28 +7543,28 @@ var Ur = {
 		validationMessageHasDecorators: !1,
 		validationStatus: C
 	}));
-}, di = (e) => e ? me(xe(e, "yyyy-MM-dd")) : void 0, fi = (e, t = pe()) => e ? e.toDate(t) : void 0, pi = (e) => String(e).padStart(2, "0"), mi = (e) => {
+}, ui = (e) => e ? me(xe(e, "yyyy-MM-dd")) : void 0, di = (e, t = pe()) => e ? e.toDate(t) : void 0, fi = (e) => String(e).padStart(2, "0"), pi = (e) => {
 	let t = e ? /^(\d{1,2}):(\d{2})$/.exec(e) : null;
 	if (!t) return;
 	let n = parseInt(t[1], 10), r = parseInt(t[2], 10);
 	if (!(n > 23 || r > 59)) return new ce(n, r);
-}, hi = (e, t = pe()) => {
+}, mi = (e, t = pe()) => {
 	if (!e) return;
 	let n = fe(e, t);
-	return `${pi(n.hour)}:${pi(n.minute)}`;
-}, gi = (e, t, n = pe()) => {
+	return `${fi(n.hour)}:${fi(n.minute)}`;
+}, hi = (e, t, n = pe()) => {
 	if (!e) return;
-	let r = mi(t);
-	return r ? _e(e, r).toDate(n) : fi(e, n);
-}, _i = (e, t) => e ? xe(e, "PP", { locale: t }) : "", vi = (e, t) => {
+	let r = pi(t);
+	return r ? _e(e, r).toDate(n) : di(e, n);
+}, gi = (e, t) => e ? xe(e, "PP", { locale: t }) : "", _i = (e, t) => {
 	if (e.custom) return e.custom();
 	let n = t?.timeZone ?? pe(), r = t?.locale ?? "en-US", i = be(n);
 	if (e.days !== void 0) return e.days < 0 ? {
-		from: fi(i.add({ days: e.days + 1 }), n),
-		to: fi(i, n)
+		from: di(i.add({ days: e.days + 1 }), n),
+		to: di(i, n)
 	} : {
-		from: fi(i, n),
-		to: fi(i.add({ days: e.days - 1 }), n)
+		from: di(i, n),
+		to: di(i.add({ days: e.days - 1 }), n)
 	};
 	if (e.hours !== void 0) {
 		let t = /* @__PURE__ */ new Date(), n = new Date(t.getTime() + e.hours * 60 * 60 * 1e3);
@@ -7649,37 +7588,37 @@ var Ur = {
 	}
 	switch (e.type) {
 		case "today": return {
-			from: fi(i, n),
-			to: fi(i, n)
+			from: di(i, n),
+			to: di(i, n)
 		};
 		case "current-week": return {
-			from: fi(ge(i, r), n),
-			to: fi(de(i, r), n)
+			from: di(ge(i, r), n),
+			to: di(de(i, r), n)
 		};
 		case "current-month": return {
-			from: fi(he(i), n),
-			to: fi(ue(i), n)
+			from: di(he(i), n),
+			to: di(ue(i), n)
 		};
 		case "last-week": {
 			let e = i.subtract({ weeks: 1 });
 			return {
-				from: fi(ge(e, r), n),
-				to: fi(de(e, r), n)
+				from: di(ge(e, r), n),
+				to: di(de(e, r), n)
 			};
 		}
 		case "last-month": {
 			let e = i.subtract({ months: 1 });
 			return {
-				from: fi(he(e), n),
-				to: fi(ue(e), n)
+				from: di(he(e), n),
+				to: di(ue(e), n)
 			};
 		}
 		default: return {
-			from: fi(i, n),
-			to: fi(i, n)
+			from: di(i, n),
+			to: di(i, n)
 		};
 	}
-}, yi = {
+}, vi = {
 	clearButton: "Clear",
 	customPresetLabel: "Custom",
 	doneButton: "Done",
@@ -7700,7 +7639,7 @@ var Ur = {
 	to: " to ",
 	todayButton: "Today",
 	utcTimeZoneLabel: "UTC"
-}, bi = ({ baseClass: t, currentMonth: n, date: r, state: i }) => {
+}, yi = ({ baseClass: t, currentMonth: n, date: r, state: i }) => {
 	let a = h(null), { buttonProps: o, cellProps: s, formattedDate: c, isDisabled: l, isOutsideVisibleRange: u, isSelected: d, isUnavailable: f } = Ee({ date: r }, i, a), p = r.month !== n.month || r.year !== n.year, m = "highlightedRange" in i ? i : null, g = !!m?.highlightedRange && r.compare(m.highlightedRange.start) === 0, _ = !!m?.highlightedRange && r.compare(m.highlightedRange.end) === 0, v = d && m && !g && !_, y = u || p, b = r.compare(be(pe())) === 0;
 	return /* @__PURE__ */ e.createElement("td", {
 		...s,
@@ -7722,7 +7661,7 @@ var Ur = {
 		]),
 		hidden: y
 	}, c));
-}, xi = ({ baseClass: t, monthOffset: n = 0, state: r }) => {
+}, bi = ({ baseClass: t, monthOffset: n = 0, state: r }) => {
 	let i = r.visibleRange.start.add({ months: n }), { gridProps: a, headerProps: o, weekDays: s, weeksInMonth: c } = De({ startDate: i }, r);
 	return /* @__PURE__ */ e.createElement("table", {
 		...a,
@@ -7730,20 +7669,20 @@ var Ur = {
 	}, /* @__PURE__ */ e.createElement("thead", o, /* @__PURE__ */ e.createElement("tr", null, s.map((n, r) => /* @__PURE__ */ e.createElement("th", {
 		key: r,
 		className: `${t}__weekday`
-	}, n)))), /* @__PURE__ */ e.createElement("tbody", null, [...Array(c).keys()].map((n) => /* @__PURE__ */ e.createElement("tr", { key: n }, r.getDatesInWeek(n, i).map((n, a) => n ? /* @__PURE__ */ e.createElement(bi, {
+	}, n)))), /* @__PURE__ */ e.createElement("tbody", null, [...Array(c).keys()].map((n) => /* @__PURE__ */ e.createElement("tr", { key: n }, r.getDatesInWeek(n, i).map((n, a) => n ? /* @__PURE__ */ e.createElement(yi, {
 		key: a,
 		baseClass: t,
 		currentMonth: i,
 		date: n,
 		state: r
 	}) : /* @__PURE__ */ e.createElement("td", { key: a }))))));
-}, Si = ({ className: t, disabled: n = !1, footerNote: r, id: i, inputWidth: a, label: o, locale: s, maxDate: c, message: l, minDate: d, mode: f = "single", onChange: p, placeholder: m, presets: _, required: v = !1, showLabel: y = !0, showPresetCalendar: b = !0, showTime: x = !1, showTimeZoneSwitcher: S = !1, timeZone: C = pe(), tooltipText: w, translationStrings: T, validationMessage: E, validationStatus: D, value: O, visibleMonths: k = 2, ...A }) => {
+}, xi = ({ className: t, disabled: n = !1, footerNote: r, id: i, inputWidth: a, label: o, locale: s, maxDate: c, message: l, minDate: d, mode: f = "single", onChange: p, placeholder: m, presets: _, required: v = !1, showLabel: y = !0, showPresetCalendar: b = !0, showTime: x = !1, showTimeZoneSwitcher: S = !1, timeZone: C = pe(), tooltipText: w, translationStrings: T, validationMessage: E, validationStatus: D, value: O, visibleMonths: k = 2, ...A }) => {
 	let j = f === "range", M = {
-		...yi,
+		...vi,
 		...T
 	}, N = j && !!_ && _.length > 0;
 	S && !x && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `showTimeZoneSwitcher` has no effect unless `showTime` is also true."), _ && _.length > 0 && !j && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `presets` requires `mode=\"range\"` — every preset computes a date range.");
-	let { locale: P } = Ae(), F = s?.code ?? P, [I, L] = g(O), [R, z] = g("local"), B = S && R === "utc" ? "UTC" : C, [V, H] = g(void 0), [U, W] = g(b), G = !N || U, K = k === 1 ? j && x ? 400 : 280 : 550, q = h(null), J = V === void 0 && (j ? !!I?.from : !!I), [ee, te] = g(() => hi(j ? O?.from : O, B)), [ne, re] = g(() => hi(O?.to, B)), ie = rn(a), Y = "pds-datepicker", ae = n ? $.disabled : null, X = v && !n ? $.required : null, oe = D === "error" ? $.error : null, se = D === "success" ? $.success : null, ce = E || l, ue = /* @__PURE__ */ e.createElement("div", { className: `${Y}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${Y}__timezone-switcher-label` }, M.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(nr, {
+	let { locale: P } = Ae(), F = s?.code ?? P, [I, L] = g(O), [R, z] = g("local"), B = S && R === "utc" ? "UTC" : C, [V, H] = g(void 0), [U, W] = g(b), G = !N || U, K = k === 1 ? j && x ? 400 : 280 : 550, q = h(null), J = V === void 0 && (j ? !!I?.from : !!I), [ee, te] = g(() => mi(j ? O?.from : O, B)), [ne, re] = g(() => mi(O?.to, B)), ie = rn(a), Y = "pds-datepicker", ae = n ? $.disabled : null, X = v && !n ? $.required : null, oe = D === "error" ? $.error : null, se = D === "success" ? $.success : null, ce = E || l, ue = /* @__PURE__ */ e.createElement("div", { className: `${Y}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${Y}__timezone-switcher-label` }, M.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(nr, {
 		id: `${i}-timezone-switcher`,
 		label: M.timeZoneSwitcherLabel || "",
 		onChange: (e) => z(e),
@@ -7763,7 +7702,7 @@ var Ur = {
 		role: "dialog",
 		shiftPadding: 16,
 		variant: "default"
-	}), ye = di(d), xe = di(c), Ce = (e, t, n = !1) => {
+	}), ye = ui(d), xe = ui(c), Ce = (e, t, n = !1) => {
 		L(e), H(t), p?.(e), !j && n && setTimeout(() => {
 			ve(!1);
 		}, 300);
@@ -7773,9 +7712,9 @@ var Ur = {
 		maxValue: xe,
 		minValue: ye,
 		onChange: (e) => {
-			j || Ce(gi(e, x ? ee : void 0, B), void 0, !x);
+			j || Ce(hi(e, x ? ee : void 0, B), void 0, !x);
 		},
-		value: j ? null : di(I) ?? null
+		value: j ? null : ui(I) ?? null
 	}), De = h(null), Oe = Pe({
 		createCalendar: le,
 		locale: F,
@@ -7784,12 +7723,12 @@ var Ur = {
 		visibleDuration: { months: k },
 		onChange: (e) => {
 			j && e && Ce({
-				from: gi(e.start, x ? ee : void 0, B),
-				to: gi(e.end, x ? ne : void 0, B)
+				from: hi(e.start, x ? ee : void 0, B),
+				to: hi(e.end, x ? ne : void 0, B)
 			});
 		},
 		value: j ? (() => {
-			let e = I, t = di(e?.from), n = di(e?.to);
+			let e = I, t = ui(e?.from), n = ui(e?.to);
 			return t && n ? {
 				start: t,
 				end: n
@@ -7804,17 +7743,17 @@ var Ur = {
 		ve(!1);
 	}, Qe = () => {
 		let e = be(pe());
-		ke.setFocusedDate(e), j ? (Oe.setValue(null), L(void 0), H(void 0), p?.(void 0)) : (Ee.setValue(e), Ce(gi(e, x ? ee : void 0, B), void 0, !x));
+		ke.setFocusedDate(e), j ? (Oe.setValue(null), L(void 0), H(void 0), p?.(void 0)) : (Ee.setValue(e), Ce(hi(e, x ? ee : void 0, B), void 0, !x));
 	}, $e = (e) => {
-		let t = vi(e, {
+		let t = _i(e, {
 			locale: F,
 			timeZone: B
 		}), n = e.hours !== void 0 || e.minutes !== void 0;
-		W(b), x && n ? (te(hi(t.from, B)), re(hi(t.to, B)), Ce(t, e.label)) : Ce(x ? {
-			from: gi(di(t.from), ee, B),
-			to: gi(di(t.to), ne, B)
+		W(b), x && n ? (te(mi(t.from, B)), re(mi(t.to, B)), Ce(t, e.label)) : Ce(x ? {
+			from: hi(ui(t.from), ee, B),
+			to: hi(ui(t.to), ne, B)
 		} : t, e.label);
-		let r = di(t.from);
+		let r = ui(t.from);
 		r && ke.setFocusedDate(r), b || setTimeout(() => {
 			ve(!1);
 		}, 300);
@@ -7822,19 +7761,19 @@ var Ur = {
 		if (te(e), j) {
 			let t = I;
 			t?.from && t?.to && Ce({
-				from: gi(di(t.from), e, B),
+				from: hi(ui(t.from), e, B),
 				to: t.to
 			});
 		} else {
 			let t = I;
-			t && Ce(gi(di(t), e, B));
+			t && Ce(hi(ui(t), e, B));
 		}
 	}, tt = (e) => {
 		re(e);
 		let t = I;
 		t?.from && t?.to && Ce({
 			from: t.from,
-			to: gi(di(t.to), e, B)
+			to: hi(ui(t.to), e, B)
 		});
 	};
 	u(() => {
@@ -7842,8 +7781,8 @@ var Ur = {
 	}, [O]), u(() => {
 		if (x) if (j) {
 			let e = I;
-			te(hi(e?.from, B)), re(hi(e?.to, B));
-		} else te(hi(I, B));
+			te(mi(e?.from, B)), re(mi(e?.to, B));
+		} else te(mi(I, B));
 	}, [
 		I,
 		B,
@@ -7851,7 +7790,7 @@ var Ur = {
 		x
 	]), u(() => {
 		if (ge) {
-			let e = di(j ? I?.from : I);
+			let e = ui(j ? I?.from : I);
 			ke.setFocusedDate(e ?? be(pe())), W(b);
 		}
 	}, [ge]), u(() => {
@@ -7865,18 +7804,18 @@ var Ur = {
 		}
 		if (j) {
 			let t = I;
-			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, _i(t.from, s), /* @__PURE__ */ e.createElement("span", { className: `${Y}__separator` }, " – "), _i(t.to, s)) : _i(t.from, s) : m || "";
+			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, gi(t.from, s), /* @__PURE__ */ e.createElement("span", { className: `${Y}__separator` }, " – "), gi(t.to, s)) : gi(t.from, s) : m || "";
 		} else {
 			let e = I;
-			return e ? _i(e, s) : m || "";
+			return e ? gi(e, s) : m || "";
 		}
 	}, rt = () => j ? !I?.from : !I, it = () => {
 		if (j) {
 			let e = I, t = Oe.anchorDate;
-			return !e?.from && t ? `${M.selectedStartDate}${_i(fi(t), s)}${M.pleaseSelectEndDate}` : e?.from ? e.to ? `${M.selectedDateRange}${_i(e.from, s)}${M.to}${_i(e.to, s)}` : `${M.selectedStartDate}${_i(e.from, s)}${M.pleaseSelectEndDate}` : M.noDateRangeSelected || "";
+			return !e?.from && t ? `${M.selectedStartDate}${gi(di(t), s)}${M.pleaseSelectEndDate}` : e?.from ? e.to ? `${M.selectedDateRange}${gi(e.from, s)}${M.to}${gi(e.to, s)}` : `${M.selectedStartDate}${gi(e.from, s)}${M.pleaseSelectEndDate}` : M.noDateRangeSelected || "";
 		} else {
 			let e = I;
-			return e ? `${M.selectedDate}${_i(e, s)}` : M.noDateSelected || "";
+			return e ? `${M.selectedDate}${gi(e, s)}` : M.noDateSelected || "";
 		}
 	}, at = /* @__PURE__ */ e.createElement("div", {
 		...Be,
@@ -7915,22 +7854,22 @@ var Ur = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleRight",
 		size: "m"
-	}))), /* @__PURE__ */ e.createElement(xi, {
+	}))), /* @__PURE__ */ e.createElement(bi, {
 		baseClass: Y,
 		monthOffset: t,
 		state: ke
 	})))), x && /* @__PURE__ */ e.createElement("div", { className: `${Y}__time-section` }, j ? (() => {
 		let t = I;
-		return t?.from && t?.to ? /* @__PURE__ */ e.createElement("div", { className: `${Y}__time-fields` }, /* @__PURE__ */ e.createElement(ui, {
-			anchorDate: di(t.from),
+		return t?.from && t?.to ? /* @__PURE__ */ e.createElement("div", { className: `${Y}__time-fields` }, /* @__PURE__ */ e.createElement(li, {
+			anchorDate: ui(t.from),
 			id: `${i}-start-time`,
 			label: M.startTimeLabel || "",
 			onChange: et,
 			size: "s",
 			timeZone: B,
 			value: ee
-		}), /* @__PURE__ */ e.createElement(ui, {
-			anchorDate: di(t.to),
+		}), /* @__PURE__ */ e.createElement(li, {
+			anchorDate: ui(t.to),
 			id: `${i}-end-time`,
 			label: M.endTimeLabel || "",
 			onChange: tt,
@@ -7938,8 +7877,8 @@ var Ur = {
 			timeZone: B,
 			value: ne
 		})) : null;
-	})() : I && /* @__PURE__ */ e.createElement("div", { className: `${Y}__time-fields` }, /* @__PURE__ */ e.createElement(ui, {
-		anchorDate: di(I),
+	})() : I && /* @__PURE__ */ e.createElement("div", { className: `${Y}__time-fields` }, /* @__PURE__ */ e.createElement(li, {
+		anchorDate: ui(I),
 		id: `${i}-time`,
 		label: M.timeLabel || "",
 		onChange: et,
@@ -8041,7 +7980,7 @@ var Ur = {
 		className: `${Y}__calendar-wrapper-inner`,
 		style: { width: K }
 	}, at)) : at)));
-}, Ci = o(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: l = {
+}, Si = o(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: l = {
 	chooseFile: "Choose file",
 	clearButton: "Clear selected file"
 }, message: d, multiple: f = !1, onClear: p, onFileChange: m, required: h = !1, showFullPath: _, showLabel: v = !0, size: y = "s", tooltipText: b = null, validationMessage: x, validationStatus: S, ...C }, w) => {
@@ -8125,7 +8064,7 @@ var Ur = {
 		validationMessageHasDecorators: !1,
 		validationStatus: S
 	}));
-}), wi = ({ children: t, className: n, ...r }) => {
+}), Ci = ({ children: t, className: n, ...r }) => {
 	let i = "pds-input-group", a = [t[0], t[1]], o = t[0].props.id ?? null, s = t[0].props.message ?? null, c = t[0].props.validationMessage ?? null, l = t[0].props.validationStatus ?? null, u = c || s, d = u ? `${i}--has-message` : null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8142,7 +8081,7 @@ var Ur = {
 		validationMessageHasDecorators: !1,
 		validationStatus: l
 	}));
-}, Ti = ({ 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: h = !0, tooltipText: _ = null, validationMessage: v, validationStatus: y, value: b, ...x }) => {
+}, wi = ({ 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: h = !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] = g(n === void 0 ? "" : n), A = v || l, j = (e) => {
 		D || k(e.target.value), d && d(e), f && f(e.target.value);
 	}, M = (e) => {
@@ -8192,7 +8131,7 @@ var Ur = {
 		message: A,
 		validationStatus: y
 	}));
-}, Ei = o(({ 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: h = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
+}, Ti = o(({ 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: h = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
 	let x = rn(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] = g(!D && r ? r : !1), A = t || O ? f : u, j = (e) => {
 		D || k(e.target.checked), d && d(e);
 	}, M = h ? /* @__PURE__ */ e.createElement("span", {
@@ -8247,7 +8186,7 @@ var Ur = {
 		required: p,
 		showLabel: m
 	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__content` }, F, P));
-}), Di = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: l, onFocusInput: d, onKeyboardMove: f, onRemove: p, setFocusedIndex: m, tag: g, totalTags: _, translationStrings: v }) => {
+}), Ei = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: l, onFocusInput: d, onKeyboardMove: f, onRemove: p, setFocusedIndex: m, tag: g, totalTags: _, translationStrings: v }) => {
 	let y = h(null), b = "pds-tags-input__tag";
 	u(() => {
 		r === i && y.current && y.current.focus();
@@ -8314,7 +8253,7 @@ var Ur = {
 		iconName: "xmark",
 		size: "s"
 	})));
-}, Oi = o(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a, inputWidth: o, isSortable: s = !1, label: c, message: l, onChange: u, placeholder: d, required: f = !1, showLabel: p = !0, size: m = "s", tags: _, tooltipText: v = null, translationStrings: y = {
+}, Di = o(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a, inputWidth: o, isSortable: s = !1, label: c, message: l, onChange: u, placeholder: d, required: f = !1, showLabel: p = !0, size: m = "s", tags: _, tooltipText: v = null, translationStrings: y = {
 	inputInstructions: "Type a tag name and press Enter to add. Press Backspace on empty input to remove last tag. Press left arrow on empty input to navigate to tags.",
 	tagAriaLabel: "tag {index} of {total}. Press Shift plus arrow keys to reorder, Delete to remove.",
 	tagAriaLabelSimple: "tag {index} of {total}. Press Delete to remove.",
@@ -8400,7 +8339,7 @@ var Ur = {
 		return P && P !== t.id && (I === t.id && R === "before" ? i = "before" : I === t.id && R === "after" && n === _.length - 1 ? i = "after" : n > 0 && I === _[n - 1].id && R === "after" && (i = "before")), /* @__PURE__ */ e.createElement("div", {
 			key: t.id,
 			role: "listitem"
-		}, /* @__PURE__ */ e.createElement(Di, {
+		}, /* @__PURE__ */ e.createElement(Ei, {
 			disabled: r,
 			dropTargetDirection: i,
 			focusedIndex: B,
@@ -8444,7 +8383,7 @@ var Ur = {
 		validationMessageHasDecorators: !1,
 		validationStatus: x
 	}));
-}), ki = o(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, isResizable: s = !0, label: c, message: l, onBlur: u, onChange: d, onFocus: f, placeholder: p, readonly: m = !1, required: h = !1, rows: _ = 5, showLabel: v, size: y = "s", textareaProps: b, tooltipText: x = null, translationStrings: S = {
+}), Oi = o(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, isResizable: s = !0, label: c, message: l, onBlur: u, onChange: d, onFocus: f, placeholder: p, readonly: m = !1, required: h = !1, rows: _ = 5, showLabel: v, size: y = "s", textareaProps: b, tooltipText: x = null, translationStrings: S = {
 	clearButton: "Clear input text",
 	counterOverLimit: "Character limit exceeded by",
 	searchShortcut: "Press / to focus the search field",
@@ -8508,7 +8447,7 @@ var Ur = {
 		message: L,
 		validationStatus: w
 	}));
-}), Ai = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), ji = o(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, label: f, message: p, onBlur: m, onChange: h, onClear: _, onFocus: v, placeholder: y, readonly: b = !1, required: x = !1, searchIcon: S = "search", showLabel: C = !0, showVisibilityToggle: w = !1, size: T = "s", tooltipText: E = null, translationStrings: D = {
+}), ki = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), Ai = o(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, label: f, message: p, onBlur: m, onChange: h, onClear: _, onFocus: v, placeholder: y, readonly: b = !1, required: x = !1, searchIcon: S = "search", showLabel: C = !0, showVisibilityToggle: w = !1, size: T = "s", tooltipText: E = null, translationStrings: D = {
 	clearButton: "Clear input text",
 	counterOverLimit: "Character limit exceeded by",
 	searchShortcut: "Press / to focus the search field",
@@ -8574,7 +8513,7 @@ var Ur = {
 	}), w && O === "password" && /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, `${D.visibilityStatus} ${re ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${F}__input-wrapper ${c && O === "url" ? `${F}__input-wrapper--has-prefix` : ""}` }, U && /* @__PURE__ */ e.createElement(un, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(Ai, null), /* @__PURE__ */ e.createElement("input", {
+	}, `${D.visibilityStatus} ${re ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${F}__input-wrapper ${c && O === "url" ? `${F}__input-wrapper--has-prefix` : ""}` }, U && /* @__PURE__ */ e.createElement(un, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(ki, null), /* @__PURE__ */ e.createElement("input", {
 		ref: N,
 		"aria-describedby": W ? `${l}__message` : null,
 		"aria-invalid": A === "error" ? !0 : null,
@@ -8621,7 +8560,7 @@ var Ur = {
 		validationMessageHasDecorators: !1,
 		validationStatus: A
 	}));
-}), Mi = ({ className: t, linkContent: n, size: r = "s", ...i }) => {
+}), ji = ({ className: t, linkContent: n, size: r = "s", ...i }) => {
 	let a = "pds-cta-link", o = r === "s" ? null : `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8635,7 +8574,7 @@ var Ur = {
 		iconName: "arrowRight",
 		size: r === "xs" ? "s" : r === "s" ? "m" : "l"
 	}));
-}, Ni = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
+}, Mi = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
 	let c = "pds-link-new-window", l = r ? `${c}--${r}` : null;
 	return i ? /* @__PURE__ */ e.createElement("span", {
 		"aria-hidden": "true",
@@ -8662,11 +8601,11 @@ var Ur = {
 		className: `${c}__icon`,
 		iconName: "externalLink"
 	}));
-}, Pi = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
+}, Ni = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
 	className: Z(["pds-skiplink", t]),
 	href: `#${n}`,
 	...i
-}, r), Fi = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
+}, r), Pi = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
 	let c = "pds-picture";
 	return /* @__PURE__ */ e.createElement("picture", { className: Z([c, n ?? ""]) }, /* @__PURE__ */ e.createElement("source", {
 		srcSet: a,
@@ -8679,7 +8618,7 @@ var Ur = {
 		width: o,
 		...s
 	}));
-}, Ii = ({ ariaLabel: t = "Breadcrumb", className: n, crumbs: i, ...a }) => {
+}, Fi = ({ ariaLabel: t = "Breadcrumb", className: n, crumbs: i, ...a }) => {
 	let o = "pds-breadcrumb", c = i.length, l = i.map((t, n) => {
 		if (n < c - 1) return /* @__PURE__ */ e.createElement("li", {
 			key: n,
@@ -8698,36 +8637,36 @@ var Ur = {
 		className: Z([o, n]),
 		...a
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${o}__crumbs` }, l));
-}, Li = (e) => {
+}, Ii = (e) => {
 	if (!e) return null;
 	for (let t = 0; t < e.length; t++) {
-		if (zi(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
+		if (Ri(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
 		if (e[t].links) {
-			let n = Li(e[t].links);
+			let n = Ii(e[t].links);
 			if (n) return n;
 		}
 	}
 	return null;
-}, Ri = (e) => typeof e == "string" ? e : e.props.children, zi = (e) => e.isSeparator || e.isHeading || typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), Bi = (e) => {
-	if (zi(e)) return !0;
+}, Li = (e) => typeof e == "string" ? e : e.props.children, Ri = (e) => e.isSeparator || e.isHeading || typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), zi = (e) => {
+	if (Ri(e)) return !0;
 	if (e.links) {
-		for (let t = 0; t < e.links.length; t++) if (Bi(e.links[t])) return !0;
+		for (let t = 0; t < e.links.length; t++) if (zi(e.links[t])) return !0;
 	}
 	return !1;
-}, Vi = (e) => e.map((e) => `${zi(e)}${e.links ? `[${Vi(e.links)}]` : ""}`).join("|"), Hi = (e) => {
+}, Bi = (e) => e.map((e) => `${Ri(e)}${e.links ? `[${Bi(e.links)}]` : ""}`).join("|"), Vi = (e) => {
 	if (s(e)) {
 		let t = e.type;
 		return t === "a" || typeof t == "string" && t.toLowerCase() === "a" || (typeof t == "function" || typeof t == "object") && t?.displayName === "Link";
 	}
 	return !1;
-}, Ui = (e, t) => {
+}, Hi = (e, t) => {
 	let n = null;
 	if (typeof e == "string" && t) {
 		let i = t ? t[0].linkContent : null;
 		s(i) && (n = r(i, { ...typeof e == "string" ? { children: e } : {} }));
 	} else n = e;
 	return n;
-}, Wi = (t, n, i, a) => {
+}, Ui = (t, n, i, a) => {
 	let o = null;
 	if (typeof n == "string") {
 		let c = a ? [/* @__PURE__ */ e.createElement("span", {
@@ -8752,7 +8691,7 @@ var Ur = {
 		iconName: a,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, n.props.children))] })) : n), o;
-}, Gi = ({ ariaLabel: t, border: n = !1, className: r, menuItems: i, ...a }) => {
+}, Wi = ({ ariaLabel: t, border: n = !1, className: r, menuItems: i, ...a }) => {
 	let o = h(null), s = "pds-button-nav", c = n ? `${s}--bordered` : null;
 	u(() => {
 		let e = (e) => {
@@ -8771,11 +8710,11 @@ var Ur = {
 		return /* @__PURE__ */ e.createElement("li", { className: Z([r, t ? `${r}--active` : null]) }, n);
 	}, d = i.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${s}__menu` }, i.map((t, n) => /* @__PURE__ */ e.createElement(l, {
 		key: n,
-		isActive: Bi(t),
+		isActive: zi(t),
 		linkContent: t.linkContent
 	}))) : null, f = [];
 	i.map((e) => {
-		e.linkContent && (Bi(e) ? f.unshift({
+		e.linkContent && (zi(e) ? f.unshift({
 			linkContent: e.linkContent,
 			isLink: !0
 		}) : f.push({
@@ -8799,9 +8738,8 @@ var Ur = {
 		]),
 		...a
 	}, d, p);
-}, Ki = ({ className: t, headingText: n, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
-	let s = "pds-dropdown-menu", c = Li(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(Gn, { className: `pds-dropdown__selected-icon ${s}__active-icon` }), { activeIndex: d, floatingStyles: f, getFloatingProps: p, getItemProps: m, getReferenceProps: h, isMounted: g, listRef: _, refs: v, setIsOpen: y, transitionStyles: b } = Pn({
-		enableShift: !1,
+}, Gi = ({ className: t, headingText: n, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
+	let s = "pds-dropdown-menu", c = Ii(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(Gn, { className: `pds-dropdown__selected-icon ${s}__active-icon` }), { activeIndex: d, floatingStyles: f, getFloatingProps: p, getItemProps: m, getReferenceProps: h, isMounted: g, listRef: _, refs: v, setIsOpen: y, transitionStyles: b } = Pn({
 		enableTypeahead: !0,
 		role: "menu"
 	}), x = (e) => {
@@ -8809,7 +8747,7 @@ var Ur = {
 	}, C = (e) => {
 		e.key === "Enter" && _.current[d]?.querySelector("a")?.click();
 	}, w = ({ item: e, level: t }) => {
-		let n = Ui(e.linkContent, e.links);
+		let n = Hi(e.linkContent, e.links);
 		return {
 			...e,
 			level: t,
@@ -8900,7 +8838,7 @@ var Ur = {
 		tabIndex: d === n ? 0 : -1,
 		...m({ onKeyDown: C })
 	}, t.linkContent, t.isActive === !0 && u)))));
-}, qi = ({ children: t, className: n, width: r = "standard", ...i }) => {
+}, Ki = ({ children: t, className: n, width: r = "standard", ...i }) => {
 	let a = "pds-container", o = r === "standard" ? null : `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8910,7 +8848,7 @@ var Ur = {
 		]),
 		...i
 	}, t);
-}, Ji = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, translationStrings: s = {
+}, qi = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, translationStrings: s = {
 	closeMobileNav: "Close navigation area",
 	openMobileNav: "Open navigation area"
 }, ...c }) => {
@@ -8966,7 +8904,7 @@ var Ur = {
 			n ?? ""
 		]),
 		...c
-	}, f ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${h}__bar-mobile` }, /* @__PURE__ */ e.createElement(qi, null, /* @__PURE__ */ e.createElement("div", { className: `${h}__inner-mobile` }, C, k && A))), /* @__PURE__ */ e.createElement(Le, {
+	}, f ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${h}__bar-mobile` }, /* @__PURE__ */ e.createElement(Ki, null, /* @__PURE__ */ e.createElement("div", { className: `${h}__inner-mobile` }, C, k && A))), /* @__PURE__ */ e.createElement(Le, {
 		active: l,
 		focusTrapOptions: {
 			clickOutsideDeactivates: !0,
@@ -8976,11 +8914,11 @@ var Ur = {
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([`${h}__mobile`, l ? `${h}__mobile--open` : null]),
 		inert: l ? void 0 : ""
-	}, /* @__PURE__ */ e.createElement(qi, null, /* @__PURE__ */ e.createElement("button", {
+	}, /* @__PURE__ */ e.createElement(Ki, null, /* @__PURE__ */ e.createElement("button", {
 		className: "visually-hidden",
 		onClick: b,
 		type: "button"
-	}, s.closeMobileNav), w, T, E)))) : /* @__PURE__ */ e.createElement(qi, {
+	}, s.closeMobileNav), w, T, E)))) : /* @__PURE__ */ e.createElement(Ki, {
 		className: `${h}__inner`,
 		style: o ? { paddingInline: o } : void 0,
 		width: i
@@ -8988,14 +8926,14 @@ var Ur = {
 		"aria-hidden": "true",
 		className: `${h}__separator`
 	}), w && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-left` }, w)), T && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-center` }, T), E && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-right` }, E)));
-}, Yi = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
+}, Ji = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: c, mobileMenuSelectTextFallback: l = "Navigate to...", ...d }) => {
 	let f = "pds-side-nav", p = i ? `${f}--has-mobile-dropdown` : null, m = `${f}__item`, h = `${f}__menu`, [_, v] = g({});
 	u(() => {
 		v((e) => Object.keys(e).length ? {} : e);
-	}, [Vi(c)]);
+	}, [Bi(c)]);
 	let y = (e, t) => t in _ ? _[t] : e, b = (e, t) => {
 		v((n) => {
 			let r = t in n ? n[t] : e;
@@ -9005,7 +8943,7 @@ var Ur = {
 			};
 		});
 	}, x = (t, n) => {
-		let { linkContent: i, links: a } = t, c = Bi(t), l = Hi(i), u = y(c, n);
+		let { linkContent: i, links: a } = t, c = zi(t), l = Vi(i), u = y(c, n);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: n,
 			className: Z([
@@ -9018,7 +8956,7 @@ var Ur = {
 			`${f}__row`,
 			`${f}__row--expandable`,
 			`${m}-wrapper`
-		]) }, Ui(i, a), /* @__PURE__ */ e.createElement("button", {
+		]) }, Hi(i, a), /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
 			className: Z([`${f}__toggle`, u ? `${f}__toggle--expanded` : null]),
 			onClick: () => b(c, n),
@@ -9026,7 +8964,7 @@ var Ur = {
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			size: "m"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${Ri(i)} ${o.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${Li(i)} ${o.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			h,
 			`${h}--second-level`,
 			u ? `${h}--expanded` : null
@@ -9035,9 +8973,9 @@ var Ur = {
 			className: Z([
 				m,
 				`${m}--second-level`,
-				Bi(t) ? `${m}--active` : null
+				zi(t) ? `${m}--active` : null
 			])
-		}, Ui(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		}, Hi(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
 			className: Z([
 				`${f}__row`,
@@ -9051,7 +8989,7 @@ var Ur = {
 		}, s(i) && i.type === "span" ? r(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" }, `${o.toggle} ${Ri(i)} ${o.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${Li(i)} ${o.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			h,
 			`${h}--second-level`,
 			u ? `${h}--expanded` : null
@@ -9060,10 +8998,10 @@ var Ur = {
 			className: Z([
 				m,
 				`${m}--second-level`,
-				Bi(t) ? `${m}--active` : null
+				zi(t) ? `${m}--active` : null
 			])
-		}, Ui(t.linkContent, t.links))))) : i);
-	}, S = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, c.map((e, t) => x(e, t)))), C = /* @__PURE__ */ e.createElement(Ki, {
+		}, Hi(t.linkContent, t.links))))) : i);
+	}, S = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, c.map((e, t) => x(e, t)))), C = /* @__PURE__ */ e.createElement(Gi, {
 		className: `${f}__mobile`,
 		headingText: a,
 		menuItems: c,
@@ -9078,8 +9016,8 @@ var Ur = {
 		]),
 		...d
 	}, S, i && C);
-}, Xi = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
-	let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Wi(d, o, s, t)), _ = (t, n) => /* @__PURE__ */ e.createElement("ul", { className: Z([
+}, Yi = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
+	let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Ui(d, o, s, t)), _ = (t, n) => /* @__PURE__ */ e.createElement("ul", { className: Z([
 		p,
 		`${p}--${n}`,
 		r ? `${p}--expanded` : null
@@ -9088,7 +9026,7 @@ var Ur = {
 		className: Z([
 			f,
 			`${f}--${n}`,
-			Bi(t) ? `${f}--active` : null
+			zi(t) ? `${f}--active` : null
 		])
 	}, t.linkContent))), [v, y] = g(!1), b = h(v), x = h(!1), { context: C, floatingStyles: k, refs: A } = M({
 		placement: "right-start",
@@ -9142,7 +9080,7 @@ var Ur = {
 		...F(),
 		onClick: z,
 		onKeyDown: L
-	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Wi(d, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
+	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Ui(d, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": r,
 		className: Z([`${d}__toggle`, r ? `${d}__toggle--expanded` : null]),
 		onClick: l,
@@ -9150,13 +9088,13 @@ var Ur = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleDown",
 		size: "m"
-	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Ri(o)} ${a.submenu}`))), !i && _(s, "second-level"), i && v && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Li(o)} ${a.submenu}`))), !i && _(s, "second-level"), i && v && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
 		ref: A.setFloating,
 		className: `${d}__flyout`,
 		style: k,
 		...N()
-	}, /* @__PURE__ */ e.createElement("div", { className: `${d}__flyout-heading` }, Ri(o)), _(s, "second-level-flyout")))) : /* @__PURE__ */ e.createElement(e.Fragment, null, i ? /* @__PURE__ */ e.createElement(nn, {
-		content: Ri(o),
+	}, /* @__PURE__ */ e.createElement("div", { className: `${d}__flyout-heading` }, Li(o)), _(s, "second-level-flyout")))) : /* @__PURE__ */ e.createElement(e.Fragment, null, i ? /* @__PURE__ */ e.createElement(nn, {
+		content: Li(o),
 		customTrigger: m,
 		offsetValue: {
 			mainAxis: 8,
@@ -9164,14 +9102,14 @@ var Ur = {
 		},
 		preferredPlacement: "right"
 	}) : m));
-}, Zi = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
+}, Xi = ({ 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`, [d, f] = g({});
 	u(() => {
 		f((e) => Object.keys(e).length ? {} : e);
-	}, [Vi(a)]);
+	}, [Bi(a)]);
 	let p = (e, t) => t in d ? d[t] : e, m = (e, t) => {
 		f((n) => {
 			let r = t in n ? n[t] : e;
@@ -9192,8 +9130,8 @@ var Ur = {
 			className: `${c}__section-label`,
 			role: "presentation"
 		}, t.label);
-		let a = Bi(t);
-		return /* @__PURE__ */ e.createElement(Xi, {
+		let a = zi(t);
+		return /* @__PURE__ */ e.createElement(Yi, {
 			key: n,
 			icon: t.icon,
 			isActive: a,
@@ -9215,7 +9153,7 @@ var Ur = {
 		]),
 		...s
 	}, h);
-}, Qi = ({ items: t, label: n }) => {
+}, Zi = ({ items: t, label: n }) => {
 	let r = h(null), i = "pds-nav-menu", a = t && t.length > 0, { floatingStyles: o, getFloatingProps: s, getReferenceProps: c, isOpen: l, refs: u } = Pn({
 		offsetValue: 8,
 		openOnHover: !Xt()
@@ -9252,7 +9190,7 @@ var Ur = {
 		key: n,
 		className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${f(t) ? " pds-dropdown__item--active" : ""}`}`
 	}, !t.isSeparator && t.linkContent)))));
-}, $i = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
+}, Qi = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
 	let [a, o] = g(null), [s, c] = g(-1), [l, f] = g(null), [p, m] = g({
 		container: null,
 		containerChildren: []
@@ -9299,7 +9237,7 @@ var Ur = {
 			},
 			className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${x(t) === !0 ? `${v}__item--active` : ""}`,
 			id: i
-		}, /* @__PURE__ */ e.createElement(Qi, {
+		}, /* @__PURE__ */ e.createElement(Zi, {
 			items: t.links,
 			label: t.label
 		}))) : S.push(/* @__PURE__ */ e.createElement("li", {
@@ -9318,14 +9256,14 @@ var Ur = {
 		},
 		...i
 	}, /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, S));
-}, ea = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
+}, $i = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
 	let [s, c] = g(i), [l, d] = g(""), f = i.length >= a, p = "pds-tab-menu", m = `${p}__dropdown-menu`, h = f ? `${m}--scroll` : null, _ = `${p}__dropdown-item`, { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setActiveIndex: O, transitionStyles: k } = Pn({
 		offsetValue: 8,
 		placement: "bottom-start",
 		role: "listbox"
 	}), A = (e) => {
 		e.preventDefault(), e.key === "Enter" && E.current[v].querySelector("a")?.click(), e.key === "Tab" && e.shiftKey && f && document.getElementById("links-filter").focus();
-	}, j = (e, t) => Ri(e.linkContent).toLowerCase().includes(t.toLowerCase()), M = (e) => {
+	}, j = (e, t) => Li(e.linkContent).toLowerCase().includes(t.toLowerCase()), M = (e) => {
 		let t = e.target.value;
 		d(t), c(i.filter((e) => j(e, t)));
 	};
@@ -9336,11 +9274,11 @@ var Ur = {
 		d(""), c(i);
 	}, P = {
 		minWidth: "13rem",
-		width: `${Ri(i.reduce((e, t) => Ri(e.linkContent).length > Ri(t.linkContent).length ? e : t).linkContent).length + 2}ch`
+		width: `${Li(i.reduce((e, t) => Li(e.linkContent).length > Li(t.linkContent).length ? e : t).linkContent).length + 2}ch`
 	}, F = /* @__PURE__ */ e.createElement(Q, {
 		className: `${p}__active-icon`,
 		iconName: "check"
-	}), I = f && /* @__PURE__ */ e.createElement("div", { className: `${p}__filter` }, /* @__PURE__ */ e.createElement(ji, {
+	}), I = f && /* @__PURE__ */ e.createElement("div", { className: `${p}__filter` }, /* @__PURE__ */ e.createElement(Ai, {
 		hasClearButton: !0,
 		autoComplete: "off",
 		id: "links-filter",
@@ -9383,9 +9321,9 @@ var Ur = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		} })
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...k } }, I, /* @__PURE__ */ e.createElement("ul", { className: Z([m, h]) }, L.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, o) : L)))));
-}, ta = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
+}, ea = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
 	let o = "pds-tab-menu", c = ({ dropdownSettings: t, icon: n, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
-		let u = `${o}__item`, d = Li(c);
+		let u = `${o}__item`, d = Ii(c);
 		return /* @__PURE__ */ e.createElement("li", { className: Z([u, i ? `${u}--active` : null]) }, ((t, n) => {
 			let i = null;
 			return s(t) && (i = n ? r(t, Object.assign({}, t.props, { children: [/* @__PURE__ */ e.createElement("span", {
@@ -9396,7 +9334,7 @@ var Ur = {
 				iconName: n,
 				size: "m"
 			}), t.props.children)] })) : t), i;
-		})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(ea, {
+		})(l ? d : a, n), c && /* @__PURE__ */ e.createElement($i, {
 			buttonLabel: t?.buttonLabel,
 			filterLabel: t?.filterLabel,
 			filterPlaceholder: t?.filterPlaceholder,
@@ -9408,7 +9346,7 @@ var Ur = {
 		key: n,
 		dropdownSettings: t.dropdownSettings,
 		icon: t.icon,
-		isActive: Bi(t),
+		isActive: zi(t),
 		linkContent: t.linkContent,
 		links: t.links,
 		promoteActiveChildLink: t.promoteActiveChildLink
@@ -9418,11 +9356,11 @@ var Ur = {
 		className: Z([o, n ?? ""]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu-wrapper` }, l));
-}, na = {
+}, ta = {
 	2: "second",
 	3: "third",
 	4: "fourth"
-}, ra = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
+}, na = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, ...o }) => {
@@ -9542,7 +9480,7 @@ var Ur = {
 			display: "none"
 		}), b();
 	}, j = (t, n, r) => {
-		let a = na[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, f = Bi(n);
+		let a = ta[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, f = zi(n);
 		if (_.current && n.path) {
 			let e = _.current.querySelector(`.${c}[data-item-path="${n.path}"]`);
 			if (e) {
@@ -9559,7 +9497,7 @@ var Ur = {
 			iconName: "angleDown",
 			size: "s",
 			verticalAlign: "-0.0625rem"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Ri(n.linkContent)} ${i.submenu}`)), Ui(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Li(n.linkContent)} ${i.submenu}`)), Hi(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
 			className: Z([
 				l,
 				o,
@@ -9567,7 +9505,7 @@ var Ur = {
 			]),
 			role: "group"
 		}, n.links.map((t, n) => {
-			let r = Bi(t);
+			let r = zi(t);
 			return /* @__PURE__ */ e.createElement("li", {
 				key: `${n}-${a}`,
 				"aria-expanded": t.links ? r : void 0,
@@ -9579,10 +9517,10 @@ var Ur = {
 				]),
 				"data-item-path": t.path || "",
 				role: "treeitem"
-			}, t.links && d in na ? j(d, t, t.links) : t.linkContent);
+			}, t.links && d in ta ? j(d, t, t.links) : t.linkContent);
 		})));
 	}, M = (t, n) => {
-		let { linkContent: r, links: i } = t, a = Bi(t);
+		let { linkContent: r, links: i } = t, a = zi(t);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: n,
 			"aria-expanded": i ? a : void 0,
@@ -9611,11 +9549,11 @@ var Ur = {
 		className: `${s}__menu ${s}__menu--top-level`,
 		role: "tree"
 	}, a.map((e, t) => M(e, t))));
-}, ia = {
+}, ra = {
 	light: "sunBright",
 	dark: "moon",
 	system: "circleHalfStroke"
-}, aa = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
+}, ia = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
 	light: "Light",
 	dark: "Dark",
 	system: "System"
@@ -9627,7 +9565,7 @@ var Ur = {
 	];
 	if (s === "toggle") {
 		let s = d.map((e) => ({
-			iconName: ia[e],
+			iconName: ra[e],
 			label: r[e],
 			value: e
 		}));
@@ -9646,7 +9584,7 @@ var Ur = {
 	}
 	let f = d.map((e) => ({
 		callback: () => i?.(e),
-		iconName: ia[e],
+		iconName: ra[e],
 		iconSize: "m",
 		label: r[e]
 	}));
@@ -9658,7 +9596,7 @@ var Ur = {
 		customTrigger: /* @__PURE__ */ e.createElement(tr, {
 			iconOnly: !0,
 			"aria-label": u,
-			iconName: ia[o],
+			iconName: ra[o],
 			id: n,
 			label: "",
 			menuItems: f,
@@ -9667,7 +9605,7 @@ var Ur = {
 		offsetValue: 0,
 		preferredPlacement: "top"
 	}));
-}, oa = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], onThemeChange: i, theme: a, themeLabel: o = "Theme", themeLabelStrings: s, userEmail: c, userImageSrc: l, userName: u, ...f }) => {
+}, aa = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], onThemeChange: i, theme: a, themeLabel: o = "Theme", themeLabelStrings: s, userEmail: c, userImageSrc: l, userName: u, ...f }) => {
 	let [p, m] = g(null), [_, v] = g(!1), y = h([]), b = h([]), x = d(), C = "pds-user-menu", D = `${C}__menu`, { context: k, floatingStyles: N, refs: P } = M({
 		placement: "bottom-end",
 		open: _,
@@ -9712,7 +9650,7 @@ var Ur = {
 	}, /* @__PURE__ */ e.createElement("div", { className: `${C}__user-name` }, u), /* @__PURE__ */ e.createElement("div", { className: `${C}__user-email` }, c)), te = a !== void 0 && typeof i == "function" ? /* @__PURE__ */ e.createElement("li", {
 		className: `${C}__theme-row`,
 		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("span", { className: `${C}__theme-label` }, o), /* @__PURE__ */ e.createElement(aa, {
+	}, /* @__PURE__ */ e.createElement("span", { className: `${C}__theme-label` }, o), /* @__PURE__ */ e.createElement(ia, {
 		id: `${x}-theme`,
 		labelStrings: s,
 		onChange: i,
@@ -9791,7 +9729,7 @@ var Ur = {
 		className: D,
 		role: "menu"
 	}, ee, /* @__PURE__ */ e.createElement("li", { role: "separator" }), te, Y)))));
-}, sa = ({ 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 }) => {
+}, oa = ({ 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] = g(""), [_, v] = g(""), y = h(null), b = l.length >= s, x = "pds-workspace-selector", C = `${x}__menu`, w = b ? `${C}--scroll` : null, { activeIndex: T, floatingStyles: E, getFloatingProps: D, getItemProps: O, getReferenceProps: k, isMounted: A, listRef: j, refs: M, setIsOpen: N, transitionStyles: P } = Pn({
 		enableTypeahead: !b,
 		role: "menu"
@@ -9894,7 +9832,7 @@ var Ur = {
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([x, n]),
 		...u
-	}, /* @__PURE__ */ e.createElement(qn, { label: W() }, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(ji, {
+	}, /* @__PURE__ */ e.createElement(qn, { label: W() }, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(Ai, {
 		hasClearButton: !0,
 		id: "workspace-filter-mobile",
 		label: i,
@@ -9931,7 +9869,7 @@ var Ur = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
 		...D()
-	}, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(ji, {
+	}, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(Ai, {
 		hasClearButton: !0,
 		id: "workspace-filter",
 		label: i,
@@ -9947,12 +9885,12 @@ var Ur = {
 		className: `pds-dropdown__heading ${x}__item-heading`,
 		role: "presentation"
 	}, o), V.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : V), U)));
-}, ca = {
+}, sa = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation",
 	discovery: "bullhorn"
-}, la = 200, ua = 50, da = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
+}, ca = 200, la = 50, ua = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
 	...Jn,
 	neutral: "Notice"
 }, ...c }) => {
@@ -9971,21 +9909,21 @@ var Ur = {
 	}, 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);
-		}, la);
+		}, ca);
 	}, k = () => {
 		y({
 			[d[0].id]: 502,
 			[d[b - 1].id]: 501
 		}), setTimeout(() => {
 			m(d[0].id);
-		}, ua), setTimeout(() => {
+		}, la), setTimeout(() => {
 			f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), y({});
-		}, la);
+		}, ca);
 	}, A = (t, n) => {
 		let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: u, type: d } = t, m = d === "critical" ? "alert" : "status", g = `${s[d]}:  `, y = (e) => {
 			e.preventDefault(), _(a), setTimeout(() => {
 				u?.(), _(null), f((e) => e.filter((e) => e.id !== a));
-			}, la);
+			}, ca);
 		}, b = v[a] ?? E(n);
 		return /* @__PURE__ */ e.createElement("div", {
 			key: a,
@@ -10000,7 +9938,7 @@ var Ur = {
 			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 : ca[d],
+			iconName: d === "neutral" ? r : sa[d],
 			size: l ? "l" : "m"
 		}), /* @__PURE__ */ e.createElement("div", { className: `${x}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
 			className: `${x}__dismiss-button`,
@@ -10031,12 +9969,12 @@ var Ur = {
 		onClick: O,
 		size: "m"
 	}), d.map((e, t) => A(e, t))) : A(d[0], 0));
-}, fa = {
+}, da = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation"
-}, pa = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
+}, fa = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
 	...Jn,
 	working: "Working"
 }, ...o }) => {
@@ -10057,16 +9995,16 @@ var Ur = {
 		role: l,
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "m" }) : /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${i}` in fa ? fa[i] : fa.info,
+		iconName: `${i}` in da ? da[i] : da.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)));
-}, ma = {
+}, pa = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation",
 	discovery: "squareQuestion"
-}, ha = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: d = "info", typeLabels: f = Jn, ...p }) => {
+}, ma = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: d = "info", typeLabels: f = Jn, ...p }) => {
 	let m = r === "marketing", g = h(null), _ = h(void 0), v = "pds-section-message", y = {
 		error: `${v}--error`,
 		success: `${v}--success`,
@@ -10103,7 +10041,7 @@ var Ur = {
 		role: S,
 		...p
 	}, /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__icon ${v}__icon-${d}` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${d}` in ma ? ma[d] : ma.info,
+		iconName: `${d}` in pa ? pa[d] : pa.info,
 		size: m ? "xl" : "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), l && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, w))), (n || o) && /* @__PURE__ */ e.createElement("div", { className: `${v}__actions` }, n && /* @__PURE__ */ e.createElement(Dn, {
 		...n,
@@ -10116,10 +10054,10 @@ var Ur = {
 		onClick: D,
 		size: m ? "l" : "m"
 	})));
-}, ga = 3e4, _a = {
+}, ha = 3e4, ga = {
 	pause: "Pause notification",
 	resume: "Resume notification"
-}, va = i({ labelStrings: _a }), ya = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Mn, {
+}, _a = i({ labelStrings: ga }), va = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Mn, {
 	ariaLabel: t || "Close",
 	className: "pds-toast__close-button",
 	onClick: (e) => {
@@ -10127,13 +10065,13 @@ var Ur = {
 	},
 	size: "s",
 	tabIndex: 0
-}), ba = ({ className: t, labelStrings: n = _a, limit: r = 5, position: i = "bottom-right" }) => {
+}), ya = ({ className: t, labelStrings: n = ga, limit: r = 5, position: i = "bottom-right" }) => {
 	let a = Z(["pds-toaster", t]);
-	return /* @__PURE__ */ e.createElement(va.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(ze, {
+	return /* @__PURE__ */ e.createElement(_a.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(ze, {
 		newestOnTop: !0,
 		autoClose: !1,
 		className: a,
-		closeButton: ya,
+		closeButton: va,
 		draggable: !1,
 		icon: !1,
 		limit: r,
@@ -10143,25 +10081,25 @@ var Ur = {
 		role: "status",
 		transition: Re
 	}));
-}, xa = {
+}, ba = {
 	info: "circleInfo",
 	success: "circleCheck",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation"
-}, Sa = {
+}, xa = {
 	info: "Information",
 	success: "Success",
 	warning: "Warning",
 	critical: "Critical",
 	working: "Working..."
-}, Ca = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Sa }) => {
+}, Sa = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = xa }) => {
 	let c = "pds-toast", u = {
 		critical: `${c}--critical`,
 		info: `${c}--info`,
 		success: `${c}--success`,
 		warning: `${c}--warning`,
 		working: `${c}--working`
-	}, d = `${s[o]} `, { labelStrings: f } = l(va), [p, m] = g(!1), h = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
+	}, d = `${s[o]} `, { labelStrings: f } = l(_a), [p, m] = g(!1), h = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			c,
@@ -10171,7 +10109,7 @@ var Ur = {
 		id: i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "xl" }) : /* @__PURE__ */ e.createElement(Q, {
 		className: `${c}__icon ${c}__icon--${o}`,
-		iconName: xa[o],
+		iconName: ba[o],
 		size: "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), h && /* @__PURE__ */ e.createElement("button", {
 		"aria-label": p ? f.resume : f.pause,
@@ -10186,11 +10124,11 @@ var Ur = {
 		iconName: p ? "play" : "pause",
 		size: "m"
 	})));
-}, wa = /* @__PURE__ */ function(e) {
+}, Ca = /* @__PURE__ */ function(e) {
 	return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
-}({}), Ta = () => [
+}({}), wa = () => [
 	(t, n, r = {}) => {
-		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(ga, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(Ca, {
+		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(ha, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(Sa, {
 			autoCloseDuration: a || void 0,
 			toastId: i,
 			type: t
@@ -10215,7 +10153,7 @@ var Ur = {
 		enter: "pds-toast--bounceInPlace",
 		exit: "pds-toast--slideOut"
 	})
-], Ea = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: l = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: m, ..._ }) => {
+], Ta = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: l = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: m, ..._ }) => {
 	let v = ft(n), y = v.__unslotted, b = v.footer, x = "pds-drawer", S = m ? null : `${x}--${f}`, C = `${x}--${l}`, w = m ? { width: m } : void 0, [T, E] = g(s), [D, O] = g(!1), k = h(null), { closeOverlay: A, openOverlay: j } = en();
 	u(() => {
 		s ? E(!0) : O(!1);
@@ -10280,7 +10218,7 @@ var Ur = {
 		onClick: M,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))), document.body) : null;
-}, Da = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: l, ...d }) => {
+}, Ea = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: l, ...d }) => {
 	let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = en();
 	u(() => {
 		if (!(!h || !m) && c) return h(), () => m();
@@ -10345,7 +10283,7 @@ var Ur = {
 		}),
 		zIndex: 9999
 	}), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, r)))), document.body) : null;
-}, Oa = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: d = "m", title: f, ...p }) => {
+}, Da = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: d = "m", title: f, ...p }) => {
 	let m = ft(n), h = m.__unslotted, _ = m.footer, v = "pds-modal", y = d === "m" ? null : `${v}--${d}`, S = a ? {
 		maxHeight: a,
 		paddingInlineEnd: "1rem",
@@ -10421,27 +10359,27 @@ var Ur = {
 		className: `${v}__content`,
 		style: S
 	}, h), _ && /* @__PURE__ */ e.createElement("div", { className: `${v}__footer` }, _)))), document.body) : null;
-}, ka = (e, t) => {
+}, Oa = (e, t) => {
 	let n = t - e + 1;
 	return Array.from({ length: n }, (t, n) => n + e);
-}, Aa = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => m(() => {
+}, ka = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => m(() => {
 	let i = Math.ceil(r / n), a = e + 5, o = i;
-	if (a >= i) return ka(1, i);
+	if (a >= i) return Oa(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 [
-		...ka(1, 3 + 2 * e),
+		...Oa(1, 3 + 2 * e),
 		"...",
 		i
 	];
 	if (l && !u) return [
 		1,
 		"...",
-		...ka(i - (3 + 2 * e) + 1, i)
+		...Oa(i - (3 + 2 * e) + 1, i)
 	];
 	if (l && u) return [
 		1,
 		"...",
-		...ka(s, c),
+		...Oa(s, c),
 		"...",
 		o
 	];
@@ -10450,11 +10388,11 @@ var Ur = {
 	n,
 	e,
 	t
-]), ja = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
+]), Aa = ({ 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 = Aa({
+	let f = ka({
 		currentPage: r,
 		totalItemCount: u,
 		bufferCount: t,
@@ -10508,7 +10446,7 @@ var Ur = {
 			size: "m"
 		}))
 	}))));
-}, Ma = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, ja = ({ 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 }) => {
@@ -10537,7 +10475,7 @@ var Ur = {
 		iconName: "angleRight",
 		size: "m"
 	}))));
-}, Na = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, Ma = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
 	next: "Go to next page",
 	of: "of",
 	page: "Page",
@@ -10573,7 +10511,7 @@ var Ur = {
 		className: "visually-hidden",
 		id: "pagination-compact",
 		level: r
-	}, i), o.page && /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.page), c === "input" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(ji, {
+	}, i), o.page && /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.page), c === "input" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ai, {
 		className: C ? `${b}__page-input--error` : void 0,
 		id: p,
 		inputProps: {
@@ -10592,7 +10530,7 @@ var Ur = {
 	}), C && /* @__PURE__ */ e.createElement("span", {
 		className: "visually-hidden",
 		role: "alert"
-	}, C)) : /* @__PURE__ */ e.createElement(gr, {
+	}, C)) : /* @__PURE__ */ e.createElement(hr, {
 		autoWidth: !0,
 		id: p,
 		label: o.pageSelect,
@@ -10641,7 +10579,7 @@ var Ur = {
 			size: "m"
 		}))
 	})));
-}, Pa = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
+}, Na = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
 	let [c, l] = g(i), f = d(), p = r ?? `expansion-panel-${f}`, m = "pds-expansion-panel", _ = a ? null : `${m}--no-border`, v = h(null);
 	return u(() => {
 		let e = v.current;
@@ -10665,7 +10603,7 @@ var Ur = {
 		className: `${m}__icon ${c ? "rotated" : ""}`,
 		iconName: "angleDown"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, t)));
-}, Fa = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
+}, Pa = ({ 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([
@@ -10675,7 +10613,7 @@ var Ur = {
 		]),
 		...i
 	}, t);
-}, Ia = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
+}, Fa = ({ 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([
@@ -10685,7 +10623,7 @@ var Ur = {
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
-}, La = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
+}, Ia = ({ 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([
@@ -10697,7 +10635,7 @@ var Ur = {
 		]),
 		...o
 	}, n);
-}, Ra = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
+}, La = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
 	let o = "pds-panel-row", [s, c] = g(!1), l = ft(t), u = l["items-left"], d = l["items-right"], f = l["items-below"], p = () => {
 		c((e) => !e);
 	};
@@ -10728,10 +10666,10 @@ var Ur = {
 			opacity: "0"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, f)));
-}, za = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
+}, Ra = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
 	className: Z(["pds-panel-stack", n ?? ""]),
 	...r
-}, t), Ba = /* @__PURE__ */ e.createElement("svg", {
+}, t), za = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10793,7 +10731,7 @@ var Ur = {
 }), /* @__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)"
-})), Va = /* @__PURE__ */ e.createElement("svg", {
+})), Ba = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10828,7 +10766,7 @@ var Ur = {
 }), /* @__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)"
-})), Ha = /* @__PURE__ */ e.createElement("svg", {
+})), Va = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10863,17 +10801,17 @@ var Ur = {
 }), /* @__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)"
-})), Ua = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
+})), Ha = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
 	let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
 	switch (r) {
 		case "full":
-			f = Ba;
+			f = za;
 			break;
 		case "icon":
-			f = Va;
+			f = Ba;
 			break;
 		case "wordmark":
-			f = Ha;
+			f = Va;
 			break;
 	}
 	let p = s(i) && typeof i.props.children == "string" ? i.props.children : "", m = s(i) ? i.type : null, h = s(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
@@ -10890,7 +10828,7 @@ var Ur = {
 		]),
 		...o
 	}, i ? h : f);
-}, Wa = 8, Ga = 14, Ka = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
+}, Ua = 8, Wa = 14, Ga = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
 	let [D, k] = g(d);
 	u(() => {
 		k(d);
@@ -10917,12 +10855,12 @@ var Ur = {
 		A(V),
 		j(V),
 		R(V)
-	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Ga / 2, ne = ee + Wa, { isMounted: re } = z(V, {
+	]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Wa / 2, ne = ee + Ua, { isMounted: re } = z(V, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${te}px calc(100% + ${Wa}px)`,
+			top: `${te}px calc(100% + ${Ua}px)`,
 			bottom: `${te}px -8px`,
-			left: `calc(100% + ${Wa}px) ${ne}px`,
+			left: `calc(100% + ${Ua}px) ${ne}px`,
 			right: `-8px ${ne}px`
 		}[e] })
 	});
@@ -10954,23 +10892,23 @@ var Ur = {
 		className: `${P}__arrow`,
 		context: V,
 		fill: "var(--pds-color-surface-default)",
-		height: Wa,
+		height: Ua,
 		stroke: "var(--pds-color-popover-border)",
 		strokeWidth: 1,
 		tipRadius: 0,
-		width: Ga
+		width: Wa
 	}), /* @__PURE__ */ e.createElement("div", { className: `${P}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${P}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${P}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${P}__close-wrapper` }, /* @__PURE__ */ e.createElement(Mn, {
 		ariaLabel: r,
 		onClick: G,
 		size: "s"
 	})))))));
-}, qa = {
+}, Ka = {
 	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"
-}, Ja = ({ className: t, colorBreakpoints: n = [{
+}, qa = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -10991,7 +10929,7 @@ var Ur = {
 		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(${qa[y]}) h s calc(l - 7))` }
+		style: { color: `hsl(from var(${Ka[y]}) h s calc(l - 7))` }
 	}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": m,
 		"aria-valuenow": v,
@@ -11001,16 +10939,16 @@ var Ur = {
 		className: `${h}__bar`,
 		style: {
 			width: `${v}%`,
-			backgroundColor: `var(${qa[y]})`
+			backgroundColor: `var(${Ka[y]})`
 		}
 	}))), S && b);
-}, Ya = {
+}, Ja = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, Xa = ({ className: t, colorBreakpoints: n = [{
+}, Ya = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -11059,7 +10997,7 @@ var Ur = {
 		strokeDasharray: x,
 		strokeDashoffset: S,
 		strokeWidth: y,
-		style: { stroke: `var(${Ya[C]})` },
+		style: { stroke: `var(${Ja[C]})` },
 		transform: `rotate(-90 ${v / 2} ${v / 2})`
 	}), /* @__PURE__ */ e.createElement("text", {
 		alignmentBaseline: "middle",
@@ -11069,29 +11007,29 @@ var Ur = {
 		x: "50%",
 		y: "51%"
 	}, w))));
-}, Za = {
+}, Xa = {
 	of: "of",
 	showing: "Showing",
 	unitPlural: "results",
 	unitSingular: "result"
-}, Qa = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, $a = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
+}, Za = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, Qa = ({ 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 } = {
-		...Za,
+		...Xa,
 		...i
-	}, p = n !== void 0, m = Qa(r, f, d, a);
+	}, p = n !== void 0, m = Za(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}`));
-}, eo = {
+}, $a = {
 	privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
 	dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
 	cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
 	termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
 	acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
 	accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
-}, to = (e) => typeof e == "string", no = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
+}, eo = (e) => typeof e == "string", to = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -11108,8 +11046,8 @@ var Ur = {
 			r ?? ""
 		]),
 		...c
-	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => to(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, eo[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
-}, ro = ({ className: t, option: n, ...r }) => {
+	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => eo(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, $a[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
+}, no = ({ className: t, option: n, ...r }) => {
 	let i = "pds-site-option-display", a = n.type ? er[n.type] : "boltSolid", o = h(null), [s] = Ue(o), c = s.width / 16 - 7.5, l, u;
 	n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
 	let d = /* @__PURE__ */ e.createElement(xn, {
@@ -11132,7 +11070,7 @@ var Ur = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, io = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
+}, ro = ({ 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 }) => {
@@ -11144,7 +11082,7 @@ var Ur = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement(ro, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(no, { option: t }),
 			siteData: t
 		};
 	});
@@ -11152,7 +11090,7 @@ var Ur = {
 		className: Z([_, t ?? ""]),
 		id: r,
 		...p
-	}, /* @__PURE__ */ e.createElement("div", { className: `${_}__inner` }, /* @__PURE__ */ e.createElement(ri, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${_}__inner` }, /* @__PURE__ */ e.createElement(ni, {
 		hasClearButton: !0,
 		hasSearchShortcut: !0,
 		className: `${_}__combobox`,
@@ -11173,7 +11111,7 @@ var Ur = {
 };
 //#endregion
 //#region src/components/SortableList/sortable-utils.ts
-function ao(e, t, n = null, r = 0, i = []) {
+function io(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({
@@ -11185,10 +11123,10 @@ function ao(e, t, n = null, r = 0, i = []) {
 			index: o,
 			isExpanded: c,
 			parentId: n
-		}), s && c && a.children && e.push(...ao(a.children, t, a.id, r + 1, [...i, a.id])), e;
+		}), s && c && a.children && e.push(...io(a.children, t, a.id, r + 1, [...i, a.id])), e;
 	}, []);
 }
-function oo(e) {
+function ao(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 = {
@@ -11201,28 +11139,28 @@ function oo(e) {
 			e && (e.children || (e.children = []), e.children.push(o));
 		}
 	}
-	return so(r);
+	return oo(r);
 }
-function so(e) {
+function oo(e) {
 	return e.map((e) => {
 		if (e.children?.length) return {
 			...e,
-			children: so(e.children)
+			children: oo(e.children)
 		};
 		let { children: t, ...n } = e;
 		return n;
 	});
 }
-function co(e, t) {
+function so(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
 		if (n.children) {
-			let e = co(n.children, t);
+			let e = so(n.children, t);
 			if (e) return e;
 		}
 	}
 }
-function lo(e, t, n, r, i, a, o) {
+function co(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;
@@ -11230,7 +11168,7 @@ function lo(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/SortableList/SortableListHeader.tsx
-var uo = ({ children: t, className: n, columns: r, ...i }) => {
+var lo = ({ children: t, className: n, columns: r, ...i }) => {
 	if (!r && !t) return null;
 	let a = r ? {
 		display: "grid",
@@ -11251,13 +11189,13 @@ var uo = ({ children: t, className: n, columns: r, ...i }) => {
 };
 //#endregion
 //#region src/components/SortableList/useSortableTree.ts
-function fo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
+function uo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
 	let i = n !== void 0, [a, o] = g(() => n ?? e ?? []), [s, l] = g(/* @__PURE__ */ new Set()), u = h(null), d = h(t);
 	t && !d.current && (u.current = {
 		items: i ? n : a,
 		expandedIds: s
-	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && mo("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
-	let f = i ? n : a, p = m(() => ao(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
+	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && po("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
+	let f = i ? n : a, p = m(() => io(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
 		l((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -11275,7 +11213,7 @@ function fo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		}, []),
 		flatNodes: p,
 		handleReorder: c((e) => {
-			let t = oo(e);
+			let t = ao(e);
 			i || o(t), r?.(t);
 		}, [i, r]),
 		resetToSnapshot: c(() => {
@@ -11287,24 +11225,24 @@ function fo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		toggleExpand: v
 	};
 }
-var po = /* @__PURE__ */ new Set();
-function mo(e) {
-	po.has(e) || (po.add(e), console.warn(e));
+var fo = /* @__PURE__ */ new Set();
+function po(e) {
+	fo.has(e) || (fo.add(e), console.warn(e));
 }
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
-var ho = 24, go = { droppable: { strategy: qe.Always } }, _o = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
+var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
 	let w = "pds-sortable-list", [T, E] = g(null), D = h(null), [O, k] = g(!1), A = h(!1), [j, M] = g(null), N = h(0), P = h(0), F = h("pointer"), I = h(0), L = h(null), [R, z] = g(0), B = h(0), [V, H] = g(0), U = h(0), W = c((e, t) => {
 		if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
 			e.preventDefault();
 			let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
 			return B.current = i, z(i), {
-				x: t.currentCoordinates.x + a * ho,
+				x: t.currentCoordinates.x + a * mo,
 				y: t.currentCoordinates.y
 			};
 		}
 		return $e(e, t);
-	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = fo({
+	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = uo({
 		defaultItems: a,
 		isDragEnabled: G,
 		items: p,
@@ -11331,9 +11269,9 @@ var ho = 24, go = { droppable: { strategy: qe.Always } }, _o = o(function({ chil
 		oe,
 		ae,
 		j
-	]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? co(K, String(T)) ?? null : null, [T, K]), de = m(() => {
+	]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? so(K, String(T)) ?? null : null, [T, K]), de = m(() => {
 		let e = le?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : lo(J, String(T), String(j), V * ho, ho, _);
+		return !T || !j || O || _ === 0 ? e : co(J, String(T), String(j), V * mo, mo, _);
 	}, [
 		T,
 		le,
@@ -11345,7 +11283,7 @@ var ho = 24, go = { droppable: { strategy: qe.Always } }, _o = o(function({ chil
 	]), fe = m(() => {
 		if (!T || O || de === 0 || j && oe(j)) return null;
 		let e = J.findIndex((e) => e.id === T);
-		return e === -1 ? null : vo(J, e, de);
+		return e === -1 ? null : _o(J, e, de);
 	}, [
 		T,
 		J,
@@ -11391,19 +11329,19 @@ var ho = 24, go = { droppable: { strategy: qe.Always } }, _o = o(function({ chil
 	}, [J, ae]), ge = c((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
-		let n = Math.floor(t / ho), r = U.current;
-		(n > r || n < r && t < r * ho - ho * .4) && (U.current = n, H(n));
+		let n = Math.floor(t / mo), r = U.current;
+		(n > r || n < r && t < r * mo - mo * .4) && (U.current = n, H(n));
 	}, [_]), _e = c((e) => {
 		let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
 		E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (q(L.current), L.current = null);
-		let o = J.findIndex((e) => e.id === t.id), s = r ? i * ho : a * ho, c = !n || t.id === n.id, l = n?.id ?? null;
+		let o = J.findIndex((e) => e.id === t.id), s = r ? i * mo : a * mo, 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 = lo(J, String(t.id), String(t.id), s, ho, _);
+			let n = co(J, String(t.id), String(t.id), s, mo, _);
 			if (n === e.depth) return;
-			let r = [...J], [i] = r.splice(o, 1), a = vo(r, o, n);
+			let r = [...J], [i] = r.splice(o, 1), a = _o(r, o, n);
 			if (a && X.has(a)) return;
 			let c = {
 				...i,
@@ -11425,9 +11363,9 @@ var ho = 24, go = { droppable: { strategy: qe.Always } }, _o = o(function({ chil
 			let e = J[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
-			g = lo(d, String(t.id), String(l), s, ho, _, p.depth);
+			g = co(d, String(t.id), String(l), s, mo, _, p.depth);
 			let e = d[h];
-			v = e && e.depth === g - 1 ? String(l) : vo(d, h, g);
+			v = e && e.depth === g - 1 ? String(l) : _o(d, h, g);
 		}
 		if (v && X.has(v)) return;
 		let y = {
@@ -11450,24 +11388,24 @@ var ho = 24, go = { droppable: { strategy: qe.Always } }, _o = o(function({ chil
 		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (q(L.current), L.current = null);
 	}, [q]), ye = m(() => ({
 		onDragStart({ active: e }) {
-			let t = J.find((t) => t.id === e.id), n = co(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = so(K, String(e.id));
 			return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? J.indexOf(t) + 1 : "?"} of ${J.length} at depth ${t?.depth ?? 0}.`;
 		},
 		onDragOver({ active: e, over: t }) {
 			if (!t) return;
 			let n = J.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = co(K, String(e.id)), i = r ? o(r) : String(e.id), a = lo(J, String(e.id), String(t.id), P.current, ho, _);
+			let r = so(K, String(e.id)), i = r ? o(r) : String(e.id), a = co(J, String(e.id), String(t.id), P.current, mo, _);
 			return `Moving ${i}. Target position: ${n + 1} of ${J.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = co(K, String(e.id)), r = n ? o(n) : String(e.id);
+			let n = so(K, String(e.id)), r = n ? o(n) : String(e.id);
 			if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
-			let i = J.findIndex((e) => e.id === t.id), a = lo(J, String(e.id), String(t.id), P.current, ho, _);
+			let i = J.findIndex((e) => e.id === t.id), a = co(J, String(e.id), String(t.id), P.current, mo, _);
 			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 = co(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = so(K, String(e.id));
 			return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? J.indexOf(t) + 1 : "?"} of ${J.length}.`;
 		}
 	}), [
@@ -11475,14 +11413,14 @@ var ho = 24, go = { droppable: { strategy: qe.Always } }, _o = o(function({ chil
 		J,
 		o,
 		_
-	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === uo ? e.cloneElement(t, be) : t);
+	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === lo ? e.cloneElement(t, be) : t);
 	return /* @__PURE__ */ e.createElement(We, {
 		accessibility: {
 			announcements: ye,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: me,
-		measuring: go,
+		measuring: ho,
 		onDragCancel: ve,
 		onDragEnd: _e,
 		onDragMove: ge,
@@ -11557,14 +11495,14 @@ var ho = 24, go = { droppable: { strategy: qe.Always } }, _o = o(function({ chil
 		return s(a) ? e.cloneElement(a, o) : a;
 	})()) : null));
 });
-function vo(e, t, n) {
+function _o(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 yo = ({ 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 vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
 	let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = et({
 		attributes: {
 			role: "listitem",
@@ -11619,11 +11557,11 @@ var yo = ({ 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));
-}, bo = [
+}, yo = [
 	"default",
 	"working",
 	"checked"
-], xo = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
+], bo = ({ 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...",
@@ -11670,7 +11608,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		triggerIconColor: "default",
 		triggerIconSize: "s"
 	}), t === "left" && g));
-}, So = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
+}, xo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
 	let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(bn, {
 		className: `${o}__spinner`,
 		size: "m"
@@ -11687,7 +11625,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, r ? d : l);
-}, Co = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+}, So = ({ 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", {
@@ -11705,7 +11643,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, wo = ({ className: t, steps: n, translatableLabels: r = {
+}, Co = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -11769,7 +11707,7 @@ var yo = ({ 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(Xa, {
+			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Ya, {
 				innerLabel: n,
 				label: "Step progress",
 				percentage: i,
@@ -11794,7 +11732,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"data-steps": d,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, m)));
-}, To = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, wo = ({ _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]),
@@ -11820,14 +11758,14 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "highlight"
 	})))));
-}, Eo = ({ className: t, labelStrings: n = {
+}, To = ({ 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(To, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(wo, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -11848,7 +11786,7 @@ var yo = ({ 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));
-}, Do = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, maxHeight: A, minHeight: j, nextDetailPanelRowLabel: M = "Next row", onDetailPanelNext: N, onDetailPanelPrev: P, onPageChange: F, onPageSizeChange: I, onRowInspect: L, onRowSelectionChange: R, onSort: z, pageSizeOptions: B, pageSizeSelectLabel: V = "Rows per page", paginationLabels: H, panel: U, prevDetailPanelRowLabel: W = "Previous row", renderDetailPanel: G, renderDetailPanelFooter: K, rowData: q, selectAllLabel: J = "Select all rows", selectedRows: ee, sortKey: te, sortOrder: ne, totalItemCount: re, ...ie }) => {
+}, Eo = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, maxHeight: A, minHeight: j, nextDetailPanelRowLabel: M = "Next row", onDetailPanelNext: N, onDetailPanelPrev: P, onPageChange: F, onPageSizeChange: I, onRowInspect: L, onRowSelectionChange: R, onSort: z, pageSizeOptions: B, pageSizeSelectLabel: V = "Rows per page", paginationLabels: H, panel: U, prevDetailPanelRowLabel: W = "Previous row", renderDetailPanel: G, renderDetailPanelFooter: K, rowData: q, selectAllLabel: J = "Select all rows", selectedRows: ee, sortKey: te, sortOrder: ne, totalItemCount: re, ...ie }) => {
 	let Y = "pds-table", ae = d(), X = d(), oe = h(null), se = z !== void 0, ce = F !== void 0, le = I !== void 0, ue = ce || O !== void 0 || B !== void 0, de = q.length > 0 || ce && (re ?? 0) > 0, [fe, pe] = g({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
@@ -11938,19 +11876,19 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, Je = () => {
 		let e = new Set(Oe);
 		Ge || Ke ? We.forEach((t) => e.delete(t)) : We.forEach((t) => e.add(t)), Te || De(e), R?.(Array.from(e));
-	}, Ye = (t) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${t}` }, we && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Ar, {
+	}, Ye = (t) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${t}` }, we && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(kr, {
 		shape: "rounded",
 		size: {
 			height: 1,
 			width: 1
 		}
-	})), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${t}-${n.id}` }, /* @__PURE__ */ e.createElement(Ar, {
+	})), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${t}-${n.id}` }, /* @__PURE__ */ e.createElement(kr, {
 		shape: "rounded",
 		size: { height: 1 }
 	})))), Xe = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", {
 		className: "pds-table__empty-cell",
 		colSpan: r.length + +!!we
-	}, f ?? /* @__PURE__ */ e.createElement(mr, {
+	}, f ?? /* @__PURE__ */ e.createElement(pr, {
 		heading: p,
 		iconName: "emptySet",
 		message: _
@@ -11969,7 +11907,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Ne(t, i));
 			} : void 0,
 			tabIndex: a ? 0 : void 0
-		}, we && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(ei, {
+		}, we && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement($r, {
 			checked: Oe.has(i),
 			disabled: !s,
 			id: `${X}-row-${i}`,
@@ -11995,7 +11933,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"aria-busy": E,
 		className: Z([Y, t]),
 		...ie
-	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, we && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(ei, {
+	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, we && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement($r, {
 		checked: Ge,
 		id: X,
 		indeterminate: Ke,
@@ -12019,7 +11957,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	})), /* @__PURE__ */ e.createElement("span", { className: Z([`${Y}__sort-button-bottom`, Ue(t.id, "bottom")]) }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "caretDown",
 		size: "m"
-	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, E ? Array.from({ length: k }, (e, t) => Ye(t)) : Be.length === 0 ? Xe() : Be.map((e, t) => Ze(e, t))))), ue && !E && de && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, B && B.length > 0 && /* @__PURE__ */ e.createElement(gr, {
+	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, E ? Array.from({ length: k }, (e, t) => Ye(t)) : Be.length === 0 ? Xe() : Be.map((e, t) => Ze(e, t))))), ue && !E && de && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, B && B.length > 0 && /* @__PURE__ */ e.createElement(hr, {
 		autoWidth: !0,
 		id: ae,
 		label: V,
@@ -12031,7 +11969,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		showLabel: !1,
 		size: "s",
 		value: String(Se)
-	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Na, {
+	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Ma, {
 		currentPage: ce ? i ?? 1 : me,
 		itemsPerPage: Se,
 		labelStrings: H,
@@ -12072,8 +12010,8 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "standard"
 	}))))));
-	return U ? /* @__PURE__ */ e.createElement(Ia, { padding: "none" }, et) : et;
-}, Oo = [
+	return U ? /* @__PURE__ */ e.createElement(Fa, { padding: "none" }, et) : et;
+}, Do = [
 	" ",
 	"/",
 	".",
@@ -12091,7 +12029,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], ko = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Ao = (e) => {
+], Oo = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ko = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -12104,18 +12042,18 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, jo = (e, t, n) => {
+}, Ao = (e, t, n) => {
 	let [r, i] = g([]);
 	return u(() => {
 		let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
 			let e = Array.from(document.querySelectorAll(r));
 			e.forEach((e) => {
-				Oo.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(ko(t), "g"), "-"));
+				Do.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp(Oo(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(Ao(e));
+			}), i(ko(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -12131,7 +12069,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, Mo = (e, t) => {
+}, jo = (e, t) => {
 	let [n, r] = g(void 0), i = h({});
 	return u(() => {
 		let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -12150,7 +12088,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, No = ({ 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", {
+}, Mo = ({ 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", {
@@ -12166,8 +12104,8 @@ var yo = ({ 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))))))), Po = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
-	let u = "pds-toc", { nestedHeadings: f } = jo(c, o, d()), p = Mo(c, o), m = (e) => {
+}, r.title))))))), No = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
+	let u = "pds-toc", { nestedHeadings: f } = Ao(c, o, d()), p = jo(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -12185,13 +12123,13 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		baseClass: u,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(No, {
+	}, a), /* @__PURE__ */ e.createElement(Mo, {
 		activeID: p,
 		baseClass: u,
 		headings: f,
 		onLinkClick: g
 	}));
-}, Fo = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, Po = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [l, d] = g(a ?? r);
 	u(() => {
 		a !== void 0 && d(a);
@@ -12305,7 +12243,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== l
 	}, r)))));
-}, Io = [
+}, Fo = [
 	"orange",
 	"stone",
 	"gold",
@@ -12319,7 +12257,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"magenta",
 	"rose",
 	"red"
-], Lo = [
+], Io = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -12329,14 +12267,14 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"lime-solid",
 	"sky-solid",
 	"slate-solid"
-], Ro = [
+], Lo = [
 	"success-solid",
 	"warning-solid",
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], zo = [...Lo, ...Ro], Bo = [...Io, ...Lo], Vo = (e) => Bo[parseInt(v(e), 16) % Bo.length], Ho = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Uo = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
-	let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${Vo(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
+], Ro = [...Io, ...Lo], zo = [...Fo, ...Io], Bo = (e) => zo[parseInt(v(e), 16) % zo.length], Vo = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Ho = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
+	let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${Bo(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && s(r)) {
@@ -12358,7 +12296,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? Ho(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? Vo(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -12370,7 +12308,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, Wo = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, Uo = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
 	let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = ft(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -12381,7 +12319,7 @@ var yo = ({ 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)));
-}, Go = () => {
+}, Wo = () => {
 	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = g(e ? t(window.innerWidth) : "lg");
 	return u(() => {
 		if (!e) return;
@@ -12392,7 +12330,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, Ko = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
+}, Go = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
 	let [j, M] = g(l || !1);
 	u(() => {
 		M(l || !1);
@@ -12414,7 +12352,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		M(!j);
-	}, U = Go();
+	}, U = Wo();
 	u(() => {
 		U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
 	}, [U]);
@@ -12506,10 +12444,10 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			n ?? ""
 		]),
 		...A
-	}, /* @__PURE__ */ e.createElement(Pi, {
+	}, /* @__PURE__ */ e.createElement(Ni, {
 		destination: I,
 		text: F.skipToContent
-	}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(Ea, {
+	}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(Ta, {
 		...i,
 		isOpen: c,
 		placement: "left",
@@ -12517,7 +12455,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && c && b && b();
 		}
 	}, r));
-}, qo = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, Ko = ({ 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`,
@@ -12535,7 +12473,7 @@ var yo = ({ 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));
-}, Jo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
+}, qo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
 	let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = ft(t);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, n ?? ""]),
@@ -12549,8 +12487,8 @@ var yo = ({ 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));
-}, Yo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
-	let o = ft(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(qi, {
+}, Jo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
+	let o = ft(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(Ki, {
 		className: Z([
 			l,
 			u,
@@ -12559,8 +12497,8 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		width: "wide",
 		...a
 	}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
-	return i ? /* @__PURE__ */ e.createElement(Ia, null, d) : d;
-}, Xo = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+	return i ? /* @__PURE__ */ e.createElement(Fa, null, d) : d;
+}, Yo = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
 	let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = ft(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -12578,7 +12516,7 @@ var yo = ({ 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)));
-}, Zo = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, Xo = ({ 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":
@@ -12599,7 +12537,7 @@ var yo = ({ 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));
-}, Qo = ({ 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 }) => {
+}, Zo = ({ 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,
@@ -12625,7 +12563,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, $o = (e) => {
+}, Qo = (e) => {
 	let t = typeof window < "u", [n, r] = g(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return u(() => {
 		if (!t) return;
@@ -12634,20 +12572,20 @@ var yo = ({ 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;
-}, es = [
+}, $o = [
 	"light",
 	"dark",
 	"system"
-], ts = (e) => typeof e == "string" && es.includes(e), ns = i(null), rs = {
+], es = (e) => typeof e == "string" && $o.includes(e), ts = i(null), ns = {
 	resolvedTheme: "light",
 	setTheme: () => {},
 	theme: "light"
-}, is = ({ 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){}})();`, as = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
-	let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = $o("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
+}, rs = ({ 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){}})();`, is = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
+	let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = Qo("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
 	u(() => {
 		if (_(!0), !(d || !o || typeof window > "u")) try {
 			let e = window.localStorage.getItem(s);
-			ts(e) && m(e);
+			es(e) && m(e);
 		} catch {}
 	}, []), u(() => {
 		typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -12667,20 +12605,20 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		theme: v
 	};
-	return /* @__PURE__ */ e.createElement(ns.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: is({
+	return /* @__PURE__ */ e.createElement(ts.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: rs({
 		defaultTheme: n,
 		storageKey: s
 	}) } }), t);
-}, os = () => l(ns) ?? rs, ss = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
+}, as = () => l(ts) ?? ns, os = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
 	u(() => {
 		let e = document.documentElement, t = () => {
 			window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
 		};
 		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
 	}, [r]);
-	let a = n ? /* @__PURE__ */ e.createElement(as, i, t) : t;
+	let a = n ? /* @__PURE__ */ e.createElement(is, i, t) : t;
 	return /* @__PURE__ */ e.createElement($t, null, a);
-}, cs = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, ss = ({ 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([
@@ -12694,7 +12632,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, ls = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, cs = ({ 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,
@@ -12713,7 +12651,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, us = (e, t, n) => {
+}, ls = (e, t, n) => {
 	let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: s = !1 } = n ?? {}, [l, d] = g(!1), f = c((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === s, [
 		r,
 		i,
@@ -12737,7 +12675,7 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		m,
 		a
 	]), l;
-}, ds = () => {
+}, us = () => {
 	let e = typeof window < "u", [t, n] = g(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return u(() => {
 		if (!e) return;
@@ -12751,6 +12689,6 @@ var yo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { dr as ActionCard, Ko as AppLayout, bt as Avatar, xt as Badge, da as Banner, Pr as BarChart, Cn as BranchDiff, Ii as Breadcrumb, Dn as Button, On as ButtonLink, Gi as ButtonNav, Mi as CTALink, ur as Callout, fr as Card, pr as CardSelect, ei as Checkbox, ti as CheckboxFieldset, ni as CheckboxGroup, jn as ClipboardButton, Mn as CloseButton, Wr as CodeBlock, ri as Combobox, ai as ComboboxMultiselect, mr as CompactEmptyState, Kr as ComparisonList, qi as Container, Si as Datepicker, qo as DocsLayout, Ea as Drawer, Ln as Dropdown, Ki as DropdownMenu, Pa as ExpansionPanel, Fa as ExpansionPanelGroup, Xr as FileDiff, Ci as FileUpload, Kn as FilterButton, Qo as FlexContainer, Da as FullScreenOverlay, ss as GlobalWrapper, cs as Grid, ls as GridItem, Jr as HorizontalEmptyState, Q as Icon, An as IconButton, $r as IdentityBlock, pa as InlineMessage, wi as InputGroup, Ir as LineChart, Ni as LinkNewWindow, ga as MIN_AUTO_CLOSE_DURATION, tr as MenuButton, Oa as Modal, Ji as Navbar, ja as Pagination, Ma as PaginationChapter, Na as PaginationCompact, Ia as Panel, La as PanelList, Ra as PanelRow, za as PanelStack, Ua as PantheonLogo, Qr as PaymentIcon, Fi as Picture, Rr as PieChart, ar as PlatformIcon, Ka as Popover, Ja as ProgressBar, Xa as ProgressRing, Br as ProportionBar, Ti as RadioGroup, $a as ResultCount, sr as SSOButton, ha as SectionMessage, nr as SegmentedButton, gr as Select, hr as SelectOptionGroup, Yi as SideNav, Zi as SideNavGlobal, Xi as SideNavGlobalItem, Jo as SidebarLayout, no as SiteFooter, $i as SiteMenu, ro as SiteOptionDisplay, io as SiteSearch, er as SiteTypeIcon, $n as SiteTypeLabel, Ar as Skeleton, Pi as Skiplink, _o as SortableList, uo as SortableListHeader, yo as SortableRow, bn as Spinner, rr as SplitButton, xn as StatusBadge, xo as StatusChecker, So as StatusIndicator, Jn as StatusTypeLabels, Co as StepList, wo as Stepper, Yo as StepperLayout, Ei as Switch, ta as TabMenu, Do as Table, Po as TableOfContents, Fo as Tabs, Uo as Tag, Oi as TagsInput, Sn as Tally, ji as TextInput, ki as Textarea, ns as ThemeContext, as as ThemeContextProvider, aa as ThemeSwitcher, Xo as ThreeItemLayout, ui as Timepicker, Ca as Toast, wa as ToastType, ba as Toaster, va as ToasterContext, nn as Tooltip, ra as TreeNav, Zo as TwoItemLayout, oa as UserMenu, Wo as UtilityBar, cr as UtilityButton, Yr as VerticalEmptyState, Eo as VerticalStepper, qr as VideoEmbed, sa as WorkspaceSelector, vi as getPresetDateRange, is as getThemeInitScript, _t as iconList, Xn as isHeadingItemType, Zn as isLinkItemType, Qn as isNodeItemType, Yn as isSeparatorItemType, bo as statusCheckerStates, Io as tagColors, zo as tagSolidColors, Lo as tagSolidHueColors, Ro as tagSolidStatusColors, Go as useBreakpoint, kn as useClipboard, Pn as useDropdown, Xt as useIsMobile, us as useKeyPress, tn as useKeyboardShortcut, $o as useMediaQuery, os as useTheme, Ta as useToast, ds as useWindowWidth };
+export { ur as ActionCard, Go as AppLayout, bt as Avatar, xt as Badge, ua as Banner, Nr as BarChart, Cn as BranchDiff, Fi as Breadcrumb, Dn as Button, On as ButtonLink, Wi as ButtonNav, ji as CTALink, lr as Callout, dr as Card, fr as CardSelect, $r as Checkbox, ei as CheckboxFieldset, ti as CheckboxGroup, jn as ClipboardButton, Mn as CloseButton, Ur as CodeBlock, ni as Combobox, ii as ComboboxMultiselect, pr as CompactEmptyState, Gr as ComparisonList, Ki as Container, xi as Datepicker, Ko as DocsLayout, Ta as Drawer, Ln as Dropdown, Gi as DropdownMenu, Na as ExpansionPanel, Pa as ExpansionPanelGroup, Yr as FileDiff, Si as FileUpload, Kn as FilterButton, Zo as FlexContainer, Ea as FullScreenOverlay, os as GlobalWrapper, ss as Grid, cs as GridItem, qr as HorizontalEmptyState, Q as Icon, An as IconButton, Qr as IdentityBlock, fa as InlineMessage, Ci as InputGroup, Fr as LineChart, Mi as LinkNewWindow, ha as MIN_AUTO_CLOSE_DURATION, tr as MenuButton, Da as Modal, qi as Navbar, Aa as Pagination, ja as PaginationChapter, Ma as PaginationCompact, Fa as Panel, Ia as PanelList, La as PanelRow, Ra as PanelStack, Ha as PantheonLogo, Zr as PaymentIcon, Pi as Picture, Lr as PieChart, ir as PlatformIcon, Ga as Popover, qa as ProgressBar, Ya as ProgressRing, zr as ProportionBar, wi as RadioGroup, Qa as ResultCount, or as SSOButton, ma as SectionMessage, nr as SegmentedButton, hr as Select, mr as SelectOptionGroup, Ji as SideNav, Xi as SideNavGlobal, Yi as SideNavGlobalItem, qo as SidebarLayout, to as SiteFooter, Qi as SiteMenu, no as SiteOptionDisplay, ro as SiteSearch, er as SiteTypeIcon, $n as SiteTypeLabel, kr as Skeleton, Ni as Skiplink, go as SortableList, lo as SortableListHeader, vo as SortableRow, bn as Spinner, rr as SplitButton, xn as StatusBadge, bo as StatusChecker, xo as StatusIndicator, Jn as StatusTypeLabels, So as StepList, Co as Stepper, Jo as StepperLayout, Ti as Switch, ea as TabMenu, Eo as Table, No as TableOfContents, Po as Tabs, Ho as Tag, Di as TagsInput, Sn as Tally, Ai as TextInput, Oi as Textarea, ts as ThemeContext, is as ThemeContextProvider, ia as ThemeSwitcher, Yo as ThreeItemLayout, li as Timepicker, Sa as Toast, Ca as ToastType, ya as Toaster, _a as ToasterContext, nn as Tooltip, na as TreeNav, Xo as TwoItemLayout, aa as UserMenu, Uo as UtilityBar, sr as UtilityButton, Jr as VerticalEmptyState, To as VerticalStepper, Kr as VideoEmbed, oa as WorkspaceSelector, _i as getPresetDateRange, rs as getThemeInitScript, _t as iconList, Xn as isHeadingItemType, Zn as isLinkItemType, Qn as isNodeItemType, Yn as isSeparatorItemType, yo as statusCheckerStates, Fo as tagColors, Ro as tagSolidColors, Io as tagSolidHueColors, Lo as tagSolidStatusColors, Wo as useBreakpoint, kn as useClipboard, Pn as useDropdown, Xt as useIsMobile, ls as useKeyPress, tn as useKeyboardShortcut, Qo as useMediaQuery, as as useTheme, wa as useToast, us as useWindowWidth };
 
 //# sourceMappingURL=index.js.map