@pantheon-systems/pds-toolkit-react 2.0.0-alpha.60 → 2.0.0-alpha.61

package/dist/index.js

@@ -4096,7 +4096,10 @@ var On = ({ 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), _ && /* @__PURE__ */ e.createElement("div", { className: `${u}__footer` }, _)));
-}, Yn = ({ background: t = "default", children: n, className: r, imageVariant: i = "bleed", padding: a = "standard", ...o }) => {
+}, Yn = (t) => Array.isArray(t) && t.some((t) => {
+	let n = e.isValidElement(t) ? t.props.children : void 0;
+	return Array.isArray(n) ? n.some(Boolean) : !!n;
+}), Xn = ({ 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 = Xe(n), f = d.image, p = d.__unslotted || d.main, m = d.footer;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -4107,8 +4110,8 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			r ?? ""
 		]),
 		...o
-	}, f && /* @__PURE__ */ e.createElement("div", { className: `${s}__image` }, f[0]), p && /* @__PURE__ */ e.createElement("div", { className: `${s}__main` }, p), m && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, m));
-}, Xn = ({ 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", ...g }) => {
+	}, f && /* @__PURE__ */ e.createElement("div", { className: `${s}__image` }, f[0]), p && /* @__PURE__ */ e.createElement("div", { className: `${s}__main` }, p), Yn(m) && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, m));
+}, Zn = ({ 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", ...g }) => {
 	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] = h(r), D = (e) => {
@@ -4148,7 +4151,7 @@ var On = ({ 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)))));
 	})));
-}, Zn = ({ className: t, heading: n, headingLevel: r = "span", iconName: i, linkContent: a, message: o, ...s }) => {
+}, Qn = ({ 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 ?? ""]),
@@ -4161,7 +4164,7 @@ var On = ({ 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));
-}, Qn = ({ children: t, label: n }) => {
+}, $n = ({ children: t, label: n }) => {
 	let r = "pds-select";
 	return /* @__PURE__ */ e.createElement("li", {
 		className: `${r}__group`,
@@ -4170,7 +4173,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: `${r}__group-options`,
 		role: "group"
 	}, t));
-}, $n = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, icon: a, id: o, inputWidth: s, label: c, labelStrings: u = {
+}, er = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, icon: a, id: o, inputWidth: s, label: c, labelStrings: u = {
 	selectOptionText: "Select an option...",
 	triggerButton: "Toggle dropdown menu"
 }, message: d, onBlur: f, onFocus: p, onOptionSelect: m, options: g, required: _ = !1, showLabel: v = !0, showSelectedIcon: y = !0, size: b = "s", tooltipText: x = null, validationMessage: S, validationStatus: C, value: w, ...T }) => {
@@ -4227,7 +4230,7 @@ var On = ({ 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(On, null));
 				});
-				return /* @__PURE__ */ e.createElement(Qn, {
+				return /* @__PURE__ */ e.createElement($n, {
 					key: t.groupLabel,
 					label: t.groupLabel
 				}, r);
@@ -4315,17 +4318,17 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		validationMessageHasDecorators: !1,
 		validationStatus: C
 	}));
-}, er = {
+}, tr = {
 	"sequential-blue": 2,
 	"sequential-gray": 2
-}, tr = (e, t) => {
-	let n = er[e];
-	return n ? t.slice(n) : t;
 }, nr = (e, t) => {
+	let n = tr[e];
+	return n ? t.slice(n) : t;
+}, rr = (e, t) => {
 	if (t === void 0) return;
-	let n = er[e];
+	let n = tr[e];
 	return n ? Math.max(t, n + 1) - n : t;
-}, rr = {
+}, ir = {
 	categorical: [
 		"--pds-color-datavis-categorical-1",
 		"--pds-color-datavis-categorical-2",
@@ -4378,7 +4381,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		"--pds-color-datavis-status-discovery",
 		"--pds-color-datavis-status-neutral"
 	]
-}, ir = {
+}, ar = {
 	categorical: [
 		"#006dcc",
 		"#c95a3d",
@@ -4431,34 +4434,34 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		"#7952a8",
 		"#717273"
 	]
-}, ar = (e, t, n, r) => n || (r === void 0 ? t[e % t.length] : t[(r - 1) % t.length]), or = (e, t) => {
-	let n = ir[t];
+}, or = (e, t, n, r) => n || (r === void 0 ? t[e % t.length] : t[(r - 1) % t.length]), sr = (e, t) => {
+	let n = ar[t];
 	if (!e) return n;
 	let r = getComputedStyle(e);
-	return rr[t].map((e, t) => r.getPropertyValue(e).trim() || n[t]);
-}, sr = (e, t = "categorical") => {
-	let [n, r] = h(ir[t]);
+	return ir[t].map((e, t) => r.getPropertyValue(e).trim() || n[t]);
+}, cr = (e, t = "categorical") => {
+	let [n, r] = h(ar[t]);
 	return l(() => {
 		if (!e.current) return;
-		r(or(e.current, t));
+		r(sr(e.current, t));
 		let n = new MutationObserver(() => {
-			e.current && r(or(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;
-}, cr = {
+}, lr = {
 	fill: "var(--pds-color-foreground-default-secondary)",
 	fontFamily: "var(--pds-typography-ff-default)",
 	fontSize: "var(--pds-typography-size-xs)"
-}, lr = {
+}, ur = {
 	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)"
-}, ur = ({ data: t, description: n, series: r, valueFormatter: i }) => {
+}, dr = ({ 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,
@@ -4467,7 +4470,7 @@ var On = ({ 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]))))))));
-}, dr = ({ ariaHidden: t, data: n = [], series: r, seriesColors: i, tableHeader: a = "Total", valueFormatter: o = (e) => e.toLocaleString(), variant: s = "inline" }) => {
+}, fr = ({ 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) => {
@@ -4492,12 +4495,12 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: `${c}__swatch`,
 		style: { backgroundColor: l(n, t.color, t.paletteIndex) }
 	}), t.label)));
-}, fr = (e) => typeof e == "number" ? `${e}rem` : typeof e == "string" && e.endsWith("%") ? e : `${wt[`SPACING_${e.toUpperCase()}`]}rem`, pr = ({ className: t, colorType: n = "regular", isAnimated: r = !0, shape: i = "rounded", size: a, textIsJustified: o, textLineCount: s = 1, textSize: c = "m", ...l }) => {
+}, pr = (e) => typeof e == "number" ? `${e}rem` : typeof e == "string" && e.endsWith("%") ? e : `${wt[`SPACING_${e.toUpperCase()}`]}rem`, mr = ({ 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 ? fr(a.height) : "1rem", h = a?.width ? fr(a.width) : "100%", g = {
+	], m = a?.height ? pr(a.height) : "1rem", h = a?.width ? pr(a.width) : "100%", g = {
 		height: m,
 		width: h
 	};
@@ -4569,13 +4572,13 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		}
 	}))));
 	return p.includes(i) ? w : _;
-}, mr = () => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--table" }, /* @__PURE__ */ e.createElement(pr, {
+}, hr = () => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--table" }, /* @__PURE__ */ e.createElement(mr, {
 	shape: "rounded",
 	size: {
 		height: 4,
 		width: "100%"
 	}
-})), hr = ({ 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", {
+})), gr = ({ 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: {
@@ -4583,41 +4586,41 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	height: "100%",
 	overflow: "hidden",
 	width: "100%"
-} }, /* @__PURE__ */ e.createElement(pr, {
+} }, /* @__PURE__ */ e.createElement(mr, {
 	shape: "rectangular",
 	size: {
 		height: "100%",
 		width: "100%"
 	}
-})) : /* @__PURE__ */ e.createElement(pr, {
+})) : /* @__PURE__ */ e.createElement(mr, {
 	shape: "rounded",
 	size: {
 		height: "100%",
 		width: "100%"
 	}
-})), a && (i === "table" ? /* @__PURE__ */ e.createElement(mr, null) : /* @__PURE__ */ e.createElement("div", { className: `pds-chart__skeleton-legend pds-chart__skeleton-legend--inline${r === "left" ? "-left" : ""}` }, /* @__PURE__ */ e.createElement(pr, {
+})), a && (i === "table" ? /* @__PURE__ */ e.createElement(hr, null) : /* @__PURE__ */ e.createElement("div", { className: `pds-chart__skeleton-legend pds-chart__skeleton-legend--inline${r === "left" ? "-left" : ""}` }, /* @__PURE__ */ e.createElement(mr, {
 	shape: "rounded",
 	size: {
 		height: .75,
 		width: 5
 	}
-}), /* @__PURE__ */ e.createElement(pr, {
+}), /* @__PURE__ */ e.createElement(mr, {
 	shape: "rounded",
 	size: {
 		height: .75,
 		width: 5
 	}
-}), /* @__PURE__ */ e.createElement(pr, {
+}), /* @__PURE__ */ e.createElement(mr, {
 	shape: "rounded",
 	size: {
 		height: .75,
 		width: 5
 	}
-})))), gr = (e) => {
+})))), _r = (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);
-}, _r = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: c = !1, isThumbnail: u = !1, labelStrings: d = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: g, selectedTimePeriod: _, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: S, showTooltip: E, timePeriodOptions: O, tooltipContent: k, variant: A = "stacked", xAxisLabel: M, xAxisTickInterval: N, yAxisDomain: P, yAxisFormatter: F = gr, yAxisLabel: I, yAxisTickInterval: L, ...z }) => {
-	let { accessibleTableDescription: B = "Bar chart data", emptyStateHeading: W = "No data available", emptyStateMessage: G, legendTableHeader: K, loadingLabel: ee = "Loading chart data" } = d, q = m(null), ne = tr(a, sr(q, a)), Y = n ?? (u ? 60 : 360), oe = r ?? (u ? 60 : void 0), X = x ?? !u, se = b ?? !u, ce = S ?? !u, le = E ?? !u, ue = y ?? !0, [de, fe] = h(null), pe = m(de);
+}, vr = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: c = !1, isThumbnail: u = !1, labelStrings: d = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: g, selectedTimePeriod: _, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: S, showTooltip: E, timePeriodOptions: O, tooltipContent: k, variant: A = "stacked", xAxisLabel: M, xAxisTickInterval: N, yAxisDomain: P, yAxisFormatter: F = _r, yAxisLabel: I, yAxisTickInterval: L, ...z }) => {
+	let { accessibleTableDescription: B = "Bar chart data", emptyStateHeading: W = "No data available", emptyStateMessage: G, legendTableHeader: K, loadingLabel: ee = "Loading chart data" } = d, q = m(null), ne = nr(a, cr(q, a)), Y = n ?? (u ? 60 : 360), oe = r ?? (u ? 60 : void 0), X = x ?? !u, se = b ?? !u, ce = S ?? !u, le = E ?? !u, ue = y ?? !0, [de, fe] = h(null), pe = m(de);
 	de && (pe.current = de);
 	let me = m({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -4675,7 +4678,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		]),
 		style: { maxWidth: oe },
 		...z
-	}, /* @__PURE__ */ e.createElement(hr, {
+	}, /* @__PURE__ */ e.createElement(gr, {
 		height: Y,
 		legendVariant: p,
 		showLegend: ce
@@ -4692,7 +4695,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			maxWidth: oe
 		},
 		...z
-	}, /* @__PURE__ */ e.createElement(Zn, {
+	}, /* @__PURE__ */ e.createElement(Qn, {
 		heading: W,
 		message: G
 	}));
@@ -4750,7 +4753,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: Z([xe, i ?? ""]),
 		style: oe ? { maxWidth: oe } : void 0,
 		...z
-	}, !u && O && O.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${xe}__header` }, /* @__PURE__ */ e.createElement($n, {
+	}, !u && O && O.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${xe}__header` }, /* @__PURE__ */ e.createElement(er, {
 		autoWidth: !0,
 		id: `${xe}-time-period`,
 		label: "Time period",
@@ -4803,13 +4806,13 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		hide: !se,
 		interval: N,
 		label: M && se ? {
-			...lr,
+			...ur,
 			offset: -15,
 			position: "insideBottom",
 			value: M
 		} : void 0,
 		padding: Te ? void 0 : "no-gap",
-		tick: se ? cr : !1,
+		tick: se ? lr : !1,
 		tickFormatter: Te ? F : void 0,
 		tickLine: !1,
 		tickMargin: 10,
@@ -4821,14 +4824,14 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		hide: !se,
 		interval: L,
 		label: I && se ? {
-			...lr,
+			...ur,
 			angle: -90,
 			dx: -44,
 			position: "center",
 			value: I
 		} : void 0,
 		padding: Te ? "no-gap" : void 0,
-		tick: se ? cr : !1,
+		tick: se ? lr : !1,
 		tickFormatter: Te ? void 0 : F,
 		tickLine: !1,
 		tickMargin: 6,
@@ -4847,12 +4850,12 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}), v.map((t, n) => /* @__PURE__ */ e.createElement(V, {
 		key: t.dataKey,
 		dataKey: t.dataKey,
-		fill: ar(n, ne, t.color, nr(a, t.paletteIndex)),
+		fill: or(n, ne, t.color, rr(a, t.paletteIndex)),
 		name: t.label,
 		onMouseEnter: k ? void 0 : (e) => {
 			let r = e.payload;
 			le && r && fe({
-				color: ar(n, ne, t.color, nr(a, t.paletteIndex)),
+				color: or(n, ne, t.color, rr(a, t.paletteIndex)),
 				label: String(r.label ?? ""),
 				name: t.label,
 				value: Number(r[t.dataKey] ?? 0)
@@ -4875,7 +4878,7 @@ var On = ({ 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(dr, {
+	}), /* @__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(fr, {
 		ariaHidden: p === "table" && ue,
 		data: o,
 		series: v,
@@ -4883,19 +4886,19 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tableHeader: K,
 		valueFormatter: F,
 		variant: p
-	}), ue && /* @__PURE__ */ e.createElement(ur, {
+	}), ue && /* @__PURE__ */ e.createElement(dr, {
 		data: o,
 		description: B,
 		series: v,
 		valueFormatter: F
 	}));
-}, vr = (e) => {
+}, yr = (e) => {
 	switch (e) {
 		case "dashed": return "8 4";
 		default: return;
 	}
-}, yr = ({ annotations: t, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: l = {}, legendVariant: u = "inline", lineStyle: d = "smooth", onTimePeriodChange: f, referenceLines: p, selectedTimePeriod: h, series: g = [], showAccessibleTable: _, showAxisLines: v, showDataPoints: y, showGrid: b, showLegend: x, showTooltip: S, timePeriodOptions: C, tooltipContent: w, xAxisLabel: T, xAxisTickInterval: E, yAxisDomain: D, yAxisFormatter: O = gr, yAxisLabel: k, yAxisTickInterval: A, ...j }) => {
-	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = m(null), R = tr(a, sr(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, H = v ?? !c, W = x ?? !c, ee = S ?? !c, q = y ?? !c, te = _ ?? !0, Y = "pds-line-chart";
+}, br = ({ annotations: t, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: l = {}, legendVariant: u = "inline", lineStyle: d = "smooth", onTimePeriodChange: f, referenceLines: p, selectedTimePeriod: h, series: g = [], showAccessibleTable: _, showAxisLines: v, showDataPoints: y, showGrid: b, showLegend: x, showTooltip: S, timePeriodOptions: C, tooltipContent: w, xAxisLabel: T, xAxisTickInterval: E, yAxisDomain: D, yAxisFormatter: O = _r, yAxisLabel: k, yAxisTickInterval: A, ...j }) => {
+	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = m(null), R = nr(a, cr(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, H = v ?? !c, W = x ?? !c, ee = S ?? !c, q = y ?? !c, te = _ ?? !0, Y = "pds-line-chart";
 	return s ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		"aria-busy": "true",
@@ -4907,7 +4910,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		]),
 		style: { maxWidth: B },
 		...j
-	}, /* @__PURE__ */ e.createElement(hr, {
+	}, /* @__PURE__ */ e.createElement(gr, {
 		height: z,
 		legendVariant: u,
 		showLegend: W
@@ -4923,7 +4926,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			maxWidth: B
 		},
 		...j
-	}, /* @__PURE__ */ e.createElement(Zn, {
+	}, /* @__PURE__ */ e.createElement(Qn, {
 		heading: N,
 		message: P
 	})) : /* @__PURE__ */ e.createElement("div", {
@@ -4931,7 +4934,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: Z([Y, i ?? ""]),
 		style: B ? { maxWidth: B } : void 0,
 		...j
-	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Y}__header` }, /* @__PURE__ */ e.createElement($n, {
+	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Y}__header` }, /* @__PURE__ */ e.createElement(er, {
 		autoWidth: !0,
 		id: `${Y}-time-period`,
 		label: "Time period",
@@ -4977,12 +4980,12 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		hide: !H,
 		interval: E,
 		label: T && H ? {
-			...lr,
+			...ur,
 			offset: -15,
 			position: "insideBottom",
 			value: T
 		} : void 0,
-		tick: H ? cr : !1,
+		tick: H ? lr : !1,
 		tickLine: !1,
 		tickMargin: 10
 	}), /* @__PURE__ */ e.createElement(ae, {
@@ -4991,13 +4994,13 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		hide: !H,
 		interval: A,
 		label: k && H ? {
-			...lr,
+			...ur,
 			angle: -90,
 			dx: -44,
 			position: "center",
 			value: k
 		} : void 0,
-		tick: H ? cr : !1,
+		tick: H ? lr : !1,
 		tickFormatter: O,
 		tickLine: !1,
 		tickMargin: 6
@@ -5024,13 +5027,13 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		activeDot: q ? { r: 6 } : !1,
 		dataKey: t.dataKey,
 		dot: q ? {
-			fill: ar(n, R, t.color, nr(a, t.paletteIndex)),
+			fill: or(n, R, t.color, rr(a, t.paletteIndex)),
 			r: 4,
 			strokeWidth: 0
 		} : !1,
 		name: t.label,
-		stroke: ar(n, R, t.color, nr(a, t.paletteIndex)),
-		strokeDasharray: vr(t.strokeStyle),
+		stroke: or(n, R, t.color, rr(a, t.paletteIndex)),
+		strokeDasharray: yr(t.strokeStyle),
 		strokeWidth: 2,
 		type: d === "straight" ? "linear" : "monotone"
 	})), !c && p?.map((t, n) => {
@@ -5050,7 +5053,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				}, t.label.toUpperCase());
 			},
 			stroke: r,
-			strokeDasharray: vr(t.strokeStyle ?? "dashed"),
+			strokeDasharray: yr(t.strokeStyle ?? "dashed"),
 			y: t.value
 		});
 	}), !c && t?.map((t, n) => {
@@ -5070,10 +5073,10 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				}, t.text.toUpperCase());
 			},
 			stroke: r,
-			strokeDasharray: vr(t.strokeStyle ?? "dashed"),
+			strokeDasharray: yr(t.strokeStyle ?? "dashed"),
 			x: t.atLabel
 		});
-	})))), W && /* @__PURE__ */ e.createElement(dr, {
+	})))), W && /* @__PURE__ */ e.createElement(fr, {
 		ariaHidden: u === "table" && te,
 		data: o,
 		series: g,
@@ -5081,14 +5084,14 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tableHeader: F,
 		valueFormatter: O,
 		variant: u
-	}), te && /* @__PURE__ */ e.createElement(ur, {
+	}), te && /* @__PURE__ */ e.createElement(dr, {
 		data: o,
 		description: M,
 		series: g,
 		valueFormatter: O
 	}));
-}, br = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, xr = ({ 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 = br, variant: h = "pie", ...g }) => {
-	let { accessibleTableDescription: _ = "Pie chart data", emptyStateHeading: v = "No data available", emptyStateMessage: y, loadingLabel: b = "Loading chart data" } = c, x = m(null), S = tr(i, sr(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) => ar(e, S, t.color, nr(i, t.paletteIndex));
+}, xr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, Sr = ({ 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 = xr, variant: h = "pie", ...g }) => {
+	let { accessibleTableDescription: _ = "Pie chart data", emptyStateHeading: v = "No data available", emptyStateMessage: y, loadingLabel: b = "Loading chart data" } = c, x = m(null), S = nr(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) => or(e, S, t.color, rr(i, t.paletteIndex));
 	if (o) {
 		let t = `${Math.round(w * .8)}px`;
 		return /* @__PURE__ */ e.createElement("div", {
@@ -5105,25 +5108,25 @@ var On = ({ 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(pr, {
+		}, /* @__PURE__ */ e.createElement(mr, {
 			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(pr, {
+		})), E && /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--inline" }, /* @__PURE__ */ e.createElement(mr, {
 			shape: "rounded",
 			size: {
 				height: .75,
 				width: 5
 			}
-		}), /* @__PURE__ */ e.createElement(pr, {
+		}), /* @__PURE__ */ e.createElement(mr, {
 			shape: "rounded",
 			size: {
 				height: .75,
 				width: 5
 			}
-		}), /* @__PURE__ */ e.createElement(pr, {
+		}), /* @__PURE__ */ e.createElement(mr, {
 			shape: "rounded",
 			size: {
 				height: .75,
@@ -5143,7 +5146,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			maxWidth: T
 		},
 		...g
-	}, /* @__PURE__ */ e.createElement(Zn, {
+	}, /* @__PURE__ */ e.createElement(Qn, {
 		heading: v,
 		message: y
 	}));
@@ -5217,8 +5220,8 @@ var On = ({ 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, "%"));
 	})))));
-}, Sr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, Cr = ({ barHeight: t = 16, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: c = !1, labelStrings: u = {}, legendAlignment: d = "left", showAccessibleTable: f = !0, showLegend: p, showTooltip: g, valueFormatter: _ = Sr, ...v }) => {
-	let { accessibleTableDescription: y = "Proportion bar data", emptyStateHeading: b = "No data available", emptyStateMessage: x, loadingLabel: S = "Loading chart data" } = u, E = m(null), O = tr(i, sr(E, i)), k = "pds-proportion-bar", A = n ?? (c ? 200 : void 0), M = p ?? !c, N = g ?? !c, P = a.reduce((e, t) => e + t.value, 0), F = (e, t) => ar(e, O, t.color, nr(i, t.paletteIndex)), [I, L] = h(null), z = m(I);
+}, Cr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, wr = ({ barHeight: t = 16, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: c = !1, labelStrings: u = {}, legendAlignment: d = "left", showAccessibleTable: f = !0, showLegend: p, showTooltip: g, valueFormatter: _ = Cr, ...v }) => {
+	let { accessibleTableDescription: y = "Proportion bar data", emptyStateHeading: b = "No data available", emptyStateMessage: x, loadingLabel: S = "Loading chart data" } = u, E = m(null), O = nr(i, cr(E, i)), k = "pds-proportion-bar", A = n ?? (c ? 200 : void 0), M = p ?? !c, N = g ?? !c, P = a.reduce((e, t) => e + t.value, 0), F = (e, t) => or(e, O, t.color, rr(i, t.paletteIndex)), [I, L] = h(null), z = m(I);
 	I && (z.current = I);
 	let B = m({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -5273,7 +5276,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		]),
 		style: A ? { maxWidth: A } : void 0,
 		...v
-	}, /* @__PURE__ */ e.createElement(hr, {
+	}, /* @__PURE__ */ e.createElement(gr, {
 		borderRadius: "var(--pds-border-radius-bar)",
 		height: t,
 		legendAlignment: d,
@@ -5286,7 +5289,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			r ?? ""
 		]),
 		...v
-	}, /* @__PURE__ */ e.createElement(Zn, {
+	}, /* @__PURE__ */ e.createElement(Qn, {
 		heading: b,
 		message: x
 	})) : /* @__PURE__ */ e.createElement("div", {
@@ -5345,7 +5348,7 @@ var On = ({ 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, "%"));
 	})))));
-}, wr = /* @__PURE__ */ Ye((/* @__PURE__ */ qe(((e, t) => {
+}, Tr = /* @__PURE__ */ Ye((/* @__PURE__ */ qe(((e, t) => {
 	var n = function(e) {
 		var t = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, n = 0, r = {}, i = {
 			manual: e.Prism && e.Prism.manual,
@@ -5638,8 +5641,8 @@ var On = ({ 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 = wr.default);
-var Tr = wr.default;
+typeof globalThis < "u" && (globalThis.Prism = Tr.default);
+var Er = Tr.default;
 //#endregion
 //#region node_modules/prismjs/components/prism-diff.js
 Prism.languages.markup = {
@@ -6309,7 +6312,7 @@ Prism.languages.markup = {
 })(Prism);
 //#endregion
 //#region src/components/CodeBlock/themes/pds.ts
-var Er = {
+var Dr = {
 	plain: {
 		color: "var(--pds-color-code-block-foreground)",
 		backgroundColor: "var(--pds-color-code-block-background)"
@@ -6385,10 +6388,10 @@ var Er = {
 			style: { color: "var(--pds-color-code-block-syntax-inserted)" }
 		}
 	]
-}, Dr = ({ 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 }) => {
+}, Or = ({ 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(pr, {
+	let y = /* @__PURE__ */ e.createElement("div", { className: `${g}__code` }, /* @__PURE__ */ e.createElement(mr, {
 		className: `${g}__skeleton`,
 		colorType: "bold",
 		shape: a || o ? "code-block-prefix" : "code-block",
@@ -6437,8 +6440,8 @@ var Er = {
 	}, c ? y : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Y, {
 		code: n,
 		language: l || "",
-		prism: Tr,
-		theme: Er
+		prism: Er,
+		theme: Dr
 	}, /* @__PURE__ */ e.createElement(Y.Code, {
 		className: `${g}__code`,
 		tabIndex: 0
@@ -6447,11 +6450,11 @@ var Er = {
 		clipboardText: n,
 		variant: "reverse"
 	}))));
-}, Or = {
+}, kr = {
 	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 = {
+}, Ar = ({ 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"
@@ -6470,10 +6473,10 @@ var Er = {
 		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: Or[t.type],
+		iconName: kr[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));
-}, Ar = ({ className: t, platform: n, videoId: r, videoTitle: i, ...a }) => {
+}, jr = ({ 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}`,
@@ -6504,7 +6507,7 @@ var Er = {
 		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 }) => {
+}, Mr = ({ 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
@@ -6530,11 +6533,11 @@ var Er = {
 		alt: "",
 		className: `${m}__image`,
 		src: s
-	}) : s), f && /* @__PURE__ */ e.createElement("div", { className: `${m}__media ${m}__media--video` }, /* @__PURE__ */ e.createElement(Ar, {
+	}) : s), f && /* @__PURE__ */ e.createElement("div", { className: `${m}__media ${m}__media--video` }, /* @__PURE__ */ e.createElement(jr, {
 		platform: f.platform,
 		videoId: f.videoId
 	})));
-}, Mr = ({ className: t, ctaRegion: n, heading: r, headingLevel: i = "h2", image: a, imageHeight: o = "120", imageWidth: s = "auto", message: c, ...l }) => {
+}, Nr = ({ 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 ?? ""]),
@@ -6549,7 +6552,7 @@ var Er = {
 		baseClass: u,
 		level: i
 	}, r), c && c), n && /* @__PURE__ */ e.createElement("div", { className: `${u}__cta` }, n));
-}, Nr = ({ additions: t = 4, className: n, componentWidth: r, deletions: i = 2, translationStrings: a = {
+}, Pr = ({ additions: t = 4, className: n, componentWidth: r, deletions: i = 2, translationStrings: a = {
 	linesChanged: "lines changed",
 	additions: "additions",
 	deletions: "deletions"
@@ -6581,7 +6584,7 @@ var Er = {
 		customTrigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: `${s}__ahead-bar` })),
 		preferredPlacement: "top"
 	}))));
-}, Pr = {
+}, Fr = {
 	amex: /* @__PURE__ */ e.createElement("svg", {
 		fill: "none",
 		height: "42",
@@ -6799,7 +6802,7 @@ var Er = {
 		height: "42",
 		width: "70"
 	}))))
-}, Fr = ({ className: t, paymentType: n, size: r = "2xl", ...i }) => {
+}, Ir = ({ className: t, paymentType: n, size: r = "2xl", ...i }) => {
 	let a = "pds-payment-icon", o = `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -6808,8 +6811,8 @@ var Er = {
 			t ?? ""
 		]),
 		...i
-	}, Pr[n]);
-}, Ir = ({ avatarProps: t, className: n, isSidebarCollapsed: r, isSingleLine: i, primaryText: a, secondaryText: o, ...c }) => {
+	}, Fr[n]);
+}, Lr = ({ avatarProps: t, className: n, isSidebarCollapsed: r, isSingleLine: i, primaryText: a, secondaryText: o, ...c }) => {
 	let u = "pds-identity-block", d = r ? `${u}--collapsed` : null, f = i ? `${u}--single-line` : null, p = t ? {
 		...t,
 		size: i ? "s" : "m"
@@ -6848,7 +6851,7 @@ var Er = {
 		className: `${u}__secondary-text`,
 		title: x ? o : void 0
 	}, o)));
-}, Lr = a(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: c, inputWidth: l, label: u, message: d, name: f, nestingLevel: p = 0, onBlur: m, onChange: g, onFocus: _, required: v, showLabel: y = !0, size: b = "s", validationMessage: x, validationStatus: S, value: C, ...w }, T) => {
+}, Rr = a(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: c, inputWidth: l, label: u, message: d, name: f, nestingLevel: p = 0, onBlur: m, onChange: g, 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] = h(r === void 0 ? !1 : r), R = t || I, z = (e) => {
 		F || L(e.target.checked), g && g(e);
 	}, B = `${D}__box`, V = o ? null : R ? `${B}--checked` : null, H = o ? `${B}--indeterminate` : null, U = s(() => {
@@ -6920,7 +6923,7 @@ var Er = {
 		message: P,
 		validationStatus: S
 	}));
-}), Rr = ({ 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 }) => {
+}), zr = ({ 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([
@@ -6953,7 +6956,7 @@ var Er = {
 		message: S,
 		validationStatus: m
 	}));
-}, zr = ({ className: t, disabled: n = !1, fieldsetProps: r, id: i, inputWidth: a, label: o, labelVariant: s, message: c, onGroupBlur: u, onValueChange: d, options: f, required: p = !1, showLabel: g = !0, tooltipText: _ = null, validationMessage: v, validationStatus: y, ...b }) => {
+}, Br = ({ className: t, disabled: n = !1, fieldsetProps: r, id: i, inputWidth: a, label: o, labelVariant: s, message: c, onGroupBlur: u, onValueChange: d, options: f, required: p = !1, showLabel: g = !0, tooltipText: _ = null, validationMessage: v, validationStatus: y, ...b }) => {
 	let x = a ? { width: `${a / 16}rem` } : null, S = "pds-checkbox-group", C = n ? $.disabled : null, w = p && !n ? $.required : null, T = y === "error" ? $.error : null, E = y === "success" ? $.success : null, D = v || c;
 	f.map((e) => {
 		e.id || (e.id = e.value);
@@ -7002,7 +7005,7 @@ var Er = {
 		required: p,
 		showLabel: g,
 		tooltipText: _
-	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__options` }, f.map((t) => /* @__PURE__ */ e.createElement(Lr, {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__options` }, f.map((t) => /* @__PURE__ */ e.createElement(Rr, {
 		key: t.id,
 		checked: t.checked,
 		className: `${S}__checkbox`,
@@ -7020,7 +7023,7 @@ var Er = {
 		message: D,
 		validationStatus: y
 	}));
-}, Br = a(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: c = !1, id: u, inputWidth: d, isLoading: f = !1, label: g, labelStrings: _ = {
+}, Vr = a(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: c = !1, id: u, inputWidth: d, isLoading: f = !1, label: g, labelStrings: _ = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options",
 	searchShortcut: "Press / to focus the search field",
@@ -7213,13 +7216,13 @@ var Er = {
 		validationMessageHasDecorators: !1,
 		validationStatus: B
 	}));
-}), Vr = (e, t, n) => {
+}), Hr = (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);
-}, Hr = ({ aiSuggestions: t, className: n, disabled: r = !1, id: i, initialSelectedItems: a = [], inputWidth: o, isLoading: s = !1, label: c = "Lorem ipsum dolor sit:", labelStrings: l = {
+}, Ur = ({ 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",
@@ -7227,7 +7230,7 @@ var Er = {
 	inputInstructions: "Type to search options",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: u = "Loading results...", noResultsText: d = "No results found", onChange: f, options: g, placeholder: _ = "Filter", required: v = !1, showAllTags: y = !1, showLabel: b = !0, size: x = "s", ...S }) => {
-	let E = Bt(o), D = "pds-combobox-multi", k = x === "s" ? null : `${D}--${x}`, M = r ? $.disabled : null, N = v && !r ? $.required : null, P = y ? `${D}--show-all-tags` : null, [I, L] = h(""), [R, z] = h(a), [B, V] = h(null), [H, U] = h(!1), W = p(() => Vr(g, R, I), [
+	let E = Bt(o), D = "pds-combobox-multi", k = x === "s" ? null : `${D}--${x}`, M = r ? $.disabled : null, N = v && !r ? $.required : null, P = y ? `${D}--show-all-tags` : null, [I, L] = h(""), [R, z] = h(a), [B, V] = h(null), [H, U] = h(!1), W = p(() => Hr(g, R, I), [
 		g,
 		R,
 		I
@@ -7486,7 +7489,7 @@ var Er = {
 		iconName: "xmark",
 		size: "m"
 	})))));
-}, Ur = (e, t) => e ? se(e, "PP", { locale: t }) : "", Wr = (e) => {
+}, Wr = (e, t) => e ? se(e, "PP", { locale: t }) : "", Gr = (e) => {
 	if (e.custom) return e.custom();
 	let t = /* @__PURE__ */ new Date();
 	if (t.setHours(0, 0, 0, 0), e.days !== void 0) {
@@ -7539,7 +7542,7 @@ var Er = {
 			to: t
 		};
 	}
-}, Gr = {
+}, Kr = {
 	clearButton: "Clear",
 	doneButton: "Done",
 	noDateSelected: "No date selected",
@@ -7550,9 +7553,9 @@ var Er = {
 	selectedDateRange: "Selected date range: ",
 	to: " to ",
 	todayButton: "Today"
-}, Kr = ({ className: t, disabled: n = !1, hasDateRange: r, id: i, inputWidth: a, label: o, locale: s, maxDate: c, message: u, minDate: d, onChange: f, placeholder: p, required: m = !1, showLabel: g = !0, tooltipText: _, translationStrings: v, validationMessage: y, validationStatus: b, value: x, ...S }) => {
+}, qr = ({ className: t, disabled: n = !1, hasDateRange: r, id: i, inputWidth: a, label: o, locale: s, maxDate: c, message: u, minDate: d, onChange: f, placeholder: p, required: m = !1, showLabel: g = !0, tooltipText: _, translationStrings: v, validationMessage: y, validationStatus: b, value: x, ...S }) => {
 	let E = {
-		...Gr,
+		...Kr,
 		...v
 	}, [O, k] = h(x), [A, M] = h(!1), [N, P] = h(null), [F, I] = h(r ? x?.from : x), L = Bt(a), R = "pds-datepicker", z = n ? $.disabled : null, B = m && !n ? $.required : null, V = b === "error" ? $.error : null, H = b === "success" ? $.success : null, U = y || u, { floatingStyles: W, refs: G } = j({
 		open: A,
@@ -7593,18 +7596,18 @@ var Er = {
 	}, oe = () => {
 		if (r) {
 			let t = O;
-			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ur(t.from, s), /* @__PURE__ */ e.createElement("span", { className: `${R}__separator` }, " – "), Ur(t.to, s)) : Ur(t.from, s) : p || "";
+			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, Wr(t.from, s), /* @__PURE__ */ e.createElement("span", { className: `${R}__separator` }, " – "), Wr(t.to, s)) : Wr(t.from, s) : p || "";
 		} else {
 			let e = O;
-			return e ? Ur(e, s) : p || "";
+			return e ? Wr(e, s) : p || "";
 		}
 	}, X = () => r ? !O?.from : !O, le = () => {
 		if (r) {
 			let e = O;
-			return e?.from ? e.to ? `${E.selectedDateRange}${Ur(e.from, s)}${E.to}${Ur(e.to, s)}` : `${E.selectedStartDate}${Ur(e.from, s)}${E.pleaseSelectEndDate}` : E.noDateRangeSelected || "";
+			return e?.from ? e.to ? `${E.selectedDateRange}${Wr(e.from, s)}${E.to}${Wr(e.to, s)}` : `${E.selectedStartDate}${Wr(e.from, s)}${E.pleaseSelectEndDate}` : E.noDateRangeSelected || "";
 		} else {
 			let e = O;
-			return e ? `${E.selectedDate}${Ur(e, s)}` : E.noDateSelected || "";
+			return e ? `${E.selectedDate}${Wr(e, s)}` : E.noDateSelected || "";
 		}
 	}, ue = (e) => {
 		G.floating.current && !G.floating.current.contains(e.target) && N && !N.contains(e.target) && M(!1);
@@ -7706,7 +7709,7 @@ var Er = {
 		type: "button",
 		variant: "highlight"
 	})))));
-}, qr = a(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: u = {
+}, Jr = a(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: u = {
 	chooseFile: "Choose file",
 	clearButton: "Clear selected file"
 }, message: d, multiple: f = !1, onClear: p, onFileChange: m, required: g = !1, showFullPath: _, showLabel: v = !0, size: y = "s", tooltipText: b = null, validationMessage: x, validationStatus: S, ...C }, w) => {
@@ -7790,7 +7793,7 @@ var Er = {
 		validationMessageHasDecorators: !1,
 		validationStatus: S
 	}));
-}), Jr = ({ children: t, className: n, ...r }) => {
+}), Yr = ({ 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([
@@ -7807,7 +7810,7 @@ var Er = {
 		validationMessageHasDecorators: !1,
 		validationStatus: l
 	}));
-}, Yr = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, labelVariant: c, message: l, onBlur: u, onChange: d, onValueChange: f, options: p, required: m = !1, showLabel: g = !0, tooltipText: _ = null, validationMessage: v, validationStatus: y, value: b, ...x }) => {
+}, Xr = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, labelVariant: c, message: l, onBlur: u, onChange: d, onValueChange: f, options: p, required: m = !1, showLabel: g = !0, tooltipText: _ = null, validationMessage: v, validationStatus: y, value: b, ...x }) => {
 	let S = "pds-radio-group", C = r ? $.disabled : null, w = m && !r ? $.required : null, T = y === "error" ? $.error : null, E = y === "success" ? $.success : null, D = b !== void 0, [O, k] = h(n === void 0 ? "" : n), A = v || l, j = (e) => {
 		D || k(e.target.value), d && d(e), f && f(e.target.value);
 	}, M = (e) => {
@@ -7857,7 +7860,7 @@ var Er = {
 		message: A,
 		validationStatus: y
 	}));
-}, Xr = a(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, offLabel: u = "Off", onChange: d, onLabel: f = "On", required: p = !1, showLabel: m = !0, showStatusLabel: g = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
+}, Zr = a(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, offLabel: u = "Off", onChange: d, onLabel: f = "On", required: p = !1, showLabel: m = !0, showStatusLabel: g = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
 	let x = Bt(s), S = "pds-switch", C = `${S}--${v}`, w = l ? `${S}--message` : null, T = i ? $.disabled : null, E = p && !i ? $.required : null, D = t !== void 0, [O, k] = h(!D && r ? r : !1), A = t || O ? f : u, j = (e) => {
 		D || k(e.target.checked), d && d(e);
 	}, M = g ? /* @__PURE__ */ e.createElement("span", {
@@ -7912,7 +7915,7 @@ var Er = {
 		required: p,
 		showLabel: m
 	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__content` }, F, P));
-}), Zr = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: u, onFocusInput: d, onKeyboardMove: f, onRemove: p, setFocusedIndex: h, tag: g, totalTags: _, translationStrings: v }) => {
+}), Qr = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: u, onFocusInput: d, onKeyboardMove: f, onRemove: p, setFocusedIndex: h, tag: g, totalTags: _, translationStrings: v }) => {
 	let y = m(null), b = "pds-tags-input__tag";
 	l(() => {
 		r === i && y.current && y.current.focus();
@@ -7979,7 +7982,7 @@ var Er = {
 		iconName: "xmark",
 		size: "s"
 	})));
-}, Qr = a(({ 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: g = "s", tags: _, tooltipText: v = null, translationStrings: y = {
+}, $r = a(({ 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: g = "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.",
@@ -8065,7 +8068,7 @@ var Er = {
 		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(Zr, {
+		}, /* @__PURE__ */ e.createElement(Qr, {
 			disabled: r,
 			dropTargetDirection: i,
 			focusedIndex: B,
@@ -8109,7 +8112,7 @@ var Er = {
 		validationMessageHasDecorators: !1,
 		validationStatus: x
 	}));
-}), $r = a(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, isResizable: s = !0, label: c, message: l, onBlur: u, onChange: d, onFocus: f, placeholder: p, readonly: m = !1, required: g = !1, rows: _ = 5, showLabel: v, size: y = "s", textareaProps: b, tooltipText: x = null, translationStrings: S = {
+}), ei = a(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, isResizable: s = !0, label: c, message: l, onBlur: u, onChange: d, onFocus: f, placeholder: p, readonly: m = !1, required: g = !1, rows: _ = 5, showLabel: v, 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",
@@ -8173,7 +8176,7 @@ var Er = {
 		message: L,
 		validationStatus: w
 	}));
-}), ei = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), ti = a(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, label: f, message: p, onBlur: m, onChange: g, onClear: _, onFocus: v, placeholder: y, readonly: b = !1, required: x = !1, searchIcon: S = "search", showLabel: C = !0, showVisibilityToggle: w = !1, size: T = "s", tooltipText: E = null, translationStrings: D = {
+}), ti = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), ni = a(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, label: f, message: p, onBlur: m, onChange: g, onClear: _, onFocus: v, placeholder: y, readonly: b = !1, required: x = !1, searchIcon: S = "search", showLabel: C = !0, showVisibilityToggle: w = !1, size: T = "s", tooltipText: E = null, translationStrings: D = {
 	clearButton: "Clear input text",
 	counterOverLimit: "Character limit exceeded by",
 	searchShortcut: "Press / to focus the search field",
@@ -8239,7 +8242,7 @@ var Er = {
 	}), w && O === "password" && /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, `${D.visibilityStatus} ${J ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${F}__input-wrapper ${c && O === "url" ? `${F}__input-wrapper--has-prefix` : ""}` }, U && /* @__PURE__ */ e.createElement(Kt, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(ei, null), /* @__PURE__ */ e.createElement("input", {
+	}, `${D.visibilityStatus} ${J ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${F}__input-wrapper ${c && O === "url" ? `${F}__input-wrapper--has-prefix` : ""}` }, U && /* @__PURE__ */ e.createElement(Kt, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(ti, null), /* @__PURE__ */ e.createElement("input", {
 		ref: N,
 		"aria-describedby": W ? `${l}__message` : null,
 		"aria-invalid": A === "error" ? !0 : null,
@@ -8286,12 +8289,12 @@ var Er = {
 		validationMessageHasDecorators: !1,
 		validationStatus: A
 	}));
-}), ni = (e) => String(e).padStart(2, "0"), ri = (e) => {
+}), ri = (e) => String(e).padStart(2, "0"), ii = (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 ue(n, r);
-}, ii = (e) => e ? `${ni(e.hour)}:${ni(e.minute)}` : void 0, ai = ({ baseClass: t, segment: n, state: r }) => {
+}, ai = (e) => e ? `${ri(e.hour)}:${ri(e.minute)}` : void 0, oi = ({ baseClass: t, segment: n, state: r }) => {
 	let i = m(null), { segmentProps: a } = ge(n, r, i), { focusProps: o, isFocusVisible: s } = _e(), c = n.isPlaceholder ? n.type === "dayPeriod" ? "--" : "00" : n.text;
 	return /* @__PURE__ */ e.createElement("div", {
 		...he(a, o),
@@ -8302,7 +8305,7 @@ var Er = {
 			s ? `${t}__segment--focus-visible` : null
 		])
 	}, c);
-}, oi = ({ anchorDate: t, className: n, defaultValue: r, disabled: i = !1, hourCycle: a = 12, id: o, inputWidth: s, label: c, message: u, onBlur: d, onChange: f, onFocus: g, required: _ = !1, showLabel: v = !0, size: y = "s", timeZone: b, tooltipText: x = null, validationMessage: S, validationStatus: C, value: w }) => {
+}, si = ({ anchorDate: t, className: n, defaultValue: r, disabled: i = !1, hourCycle: a = 12, id: o, inputWidth: s, label: c, message: u, onBlur: d, onChange: f, onFocus: g, required: _ = !1, showLabel: v = !0, size: y = "s", timeZone: b, tooltipText: x = null, validationMessage: S, validationStatus: C, value: w }) => {
 	let T = Bt(s), E = "pds-time-input", 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 || u, N = w !== void 0, { locale: P } = ve(), [F, I] = h(r), L = N ? w : F, R = be({
 		granularity: "minute",
 		hourCycle: a,
@@ -8310,14 +8313,14 @@ var Er = {
 		locale: P,
 		onBlur: d,
 		onChange: (e) => {
-			let t = ii(e);
+			let t = ai(e);
 			t && (N || I(t), f && f(t));
 		},
 		onFocusChange: (e) => {
 			e && g && g();
 		},
 		shouldForceLeadingZeros: !0,
-		value: p(() => ri(L), [L])
+		value: p(() => ii(L), [L])
 	}), z = m(null), { fieldProps: B } = ye({
 		"aria-describedby": M ? `${o}__message` : void 0,
 		"aria-labelledby": `${o}-label`,
@@ -8328,7 +8331,7 @@ var Er = {
 		if (V.current = b, !b || !e || b === e) return;
 		let n = R.value;
 		if (!n) return;
-		let r = fe(pe(de(t ?? me(e), n), e), b), i = ii(new ue(r.hour, r.minute));
+		let r = fe(pe(de(t ?? me(e), n), e), b), i = ai(new ue(r.hour, r.minute));
 		i && (N || I(i), f && f(i));
 	}, [b]);
 	let H = p(() => {
@@ -8378,7 +8381,7 @@ var Er = {
 	}), /* @__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(ai, {
+	}, t.text) : /* @__PURE__ */ e.createElement(oi, {
 		key: n,
 		baseClass: E,
 		segment: t,
@@ -8390,7 +8393,7 @@ var Er = {
 		validationMessageHasDecorators: !1,
 		validationStatus: C
 	}));
-}, si = ({ className: t, linkContent: n, size: r = "s", ...i }) => {
+}, ci = ({ 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([
@@ -8404,7 +8407,7 @@ var Er = {
 		iconName: "arrowRight",
 		size: r === "xs" ? "s" : r === "s" ? "m" : "l"
 	}));
-}, ci = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
+}, li = ({ 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",
@@ -8431,11 +8434,11 @@ var Er = {
 		className: `${c}__icon`,
 		iconName: "externalLink"
 	}));
-}, li = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
+}, ui = ({ 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), ui = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
+}, r), di = ({ 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,
@@ -8448,7 +8451,7 @@ var Er = {
 		width: o,
 		...s
 	}));
-}, di = ({ ariaLabel: t = "Breadcrumb", className: r, crumbs: i, ...a }) => {
+}, fi = ({ ariaLabel: t = "Breadcrumb", className: r, crumbs: i, ...a }) => {
 	let s = "pds-breadcrumb", c = i.length, l = i.map((t, r) => {
 		if (r < c - 1) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -8467,36 +8470,36 @@ var Er = {
 		className: Z([s, r]),
 		...a
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${s}__crumbs` }, l));
-}, fi = (e) => {
+}, pi = (e) => {
 	if (!e) return null;
 	for (let t = 0; t < e.length; t++) {
-		if (mi(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
+		if (hi(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
 		if (e[t].links) {
-			let n = fi(e[t].links);
+			let n = pi(e[t].links);
 			if (n) return n;
 		}
 	}
 	return null;
-}, pi = (e) => typeof e == "string" ? e : e.props.children, mi = (e) => e.isSeparator || e.isHeading || typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), hi = (e) => {
-	if (mi(e)) return !0;
+}, mi = (e) => typeof e == "string" ? e : e.props.children, hi = (e) => e.isSeparator || e.isHeading || typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), gi = (e) => {
+	if (hi(e)) return !0;
 	if (e.links) {
-		for (let t = 0; t < e.links.length; t++) if (hi(e.links[t])) return !0;
+		for (let t = 0; t < e.links.length; t++) if (gi(e.links[t])) return !0;
 	}
 	return !1;
-}, gi = (e) => e.map((e) => `${mi(e)}${e.links ? `[${gi(e.links)}]` : ""}`).join("|"), _i = (e) => {
+}, _i = (e) => e.map((e) => `${hi(e)}${e.links ? `[${_i(e.links)}]` : ""}`).join("|"), vi = (e) => {
 	if (o(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;
-}, vi = (e, t) => {
+}, yi = (e, t) => {
 	let r = null;
 	if (typeof e == "string" && t) {
 		let i = t ? t[0].linkContent : null;
 		o(i) && (r = n(i, { ...typeof e == "string" ? { children: e } : {} }));
 	} else r = e;
 	return r;
-}, yi = (t, r, i, a) => {
+}, bi = (t, r, i, a) => {
 	let s = null;
 	if (typeof r == "string") {
 		let c = a ? [/* @__PURE__ */ e.createElement("span", {
@@ -8521,7 +8524,7 @@ var Er = {
 		iconName: a,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, r.props.children))] })) : r), s;
-}, bi = ({ ariaLabel: t, border: n = !1, className: r, menuItems: i, ...a }) => {
+}, xi = ({ ariaLabel: t, border: n = !1, className: r, menuItems: i, ...a }) => {
 	let o = m(null), s = "pds-button-nav", c = n ? `${s}--bordered` : null;
 	l(() => {
 		let e = (e) => {
@@ -8540,11 +8543,11 @@ var Er = {
 		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(u, {
 		key: n,
-		isActive: hi(t),
+		isActive: gi(t),
 		linkContent: t.linkContent
 	}))) : null, f = [];
 	i.map((e) => {
-		e.linkContent && (hi(e) ? f.unshift({
+		e.linkContent && (gi(e) ? f.unshift({
 			linkContent: e.linkContent,
 			isLink: !0
 		}) : f.push({
@@ -8568,8 +8571,8 @@ var Er = {
 		]),
 		...a
 	}, d, p);
-}, xi = ({ className: t, headingText: r, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
-	let s = "pds-dropdown-menu", c = fi(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(On, { 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 } = _n({
+}, Si = ({ className: t, headingText: r, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
+	let s = "pds-dropdown-menu", c = pi(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(On, { 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 } = _n({
 		enableShift: !1,
 		enableTypeahead: !0,
 		role: "menu"
@@ -8578,7 +8581,7 @@ var Er = {
 	}, C = (e) => {
 		e.key === "Enter" && _.current[d]?.querySelector("a")?.click();
 	}, w = ({ item: e, level: t }) => {
-		let r = vi(e.linkContent, e.links);
+		let r = yi(e.linkContent, e.links);
 		return {
 			...e,
 			level: t,
@@ -8669,7 +8672,7 @@ var Er = {
 		tabIndex: d === n ? 0 : -1,
 		...m({ onKeyDown: C })
 	}, t.linkContent, t.isActive === !0 && u)))));
-}, Si = ({ children: t, className: n, width: r = "standard", ...i }) => {
+}, Ci = ({ 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([
@@ -8679,7 +8682,7 @@ var Er = {
 		]),
 		...i
 	}, t);
-}, Ci = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, translationStrings: s = {
+}, wi = ({ 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 }) => {
@@ -8735,7 +8738,7 @@ var Er = {
 			n ?? ""
 		]),
 		...c
-	}, f ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${g}__bar-mobile` }, /* @__PURE__ */ e.createElement(Si, null, /* @__PURE__ */ e.createElement("div", { className: `${g}__inner-mobile` }, C, k && A))), /* @__PURE__ */ e.createElement(xe, {
+	}, f ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${g}__bar-mobile` }, /* @__PURE__ */ e.createElement(Ci, null, /* @__PURE__ */ e.createElement("div", { className: `${g}__inner-mobile` }, C, k && A))), /* @__PURE__ */ e.createElement(xe, {
 		active: u,
 		focusTrapOptions: {
 			clickOutsideDeactivates: !0,
@@ -8745,11 +8748,11 @@ var Er = {
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([`${g}__mobile`, u ? `${g}__mobile--open` : null]),
 		inert: u ? void 0 : ""
-	}, /* @__PURE__ */ e.createElement(Si, null, /* @__PURE__ */ e.createElement("button", {
+	}, /* @__PURE__ */ e.createElement(Ci, null, /* @__PURE__ */ e.createElement("button", {
 		className: "visually-hidden",
 		onClick: b,
 		type: "button"
-	}, s.closeMobileNav), w, T, E)))) : /* @__PURE__ */ e.createElement(Si, {
+	}, s.closeMobileNav), w, T, E)))) : /* @__PURE__ */ e.createElement(Ci, {
 		className: `${g}__inner`,
 		style: o ? { paddingInline: o } : void 0,
 		width: i
@@ -8757,14 +8760,14 @@ var Er = {
 		"aria-hidden": "true",
 		className: `${g}__separator`
 	}), w && /* @__PURE__ */ e.createElement("div", { className: `${g}__items-left` }, w)), T && /* @__PURE__ */ e.createElement("div", { className: `${g}__items-center` }, T), E && /* @__PURE__ */ e.createElement("div", { className: `${g}__items-right` }, E)));
-}, wi = ({ ariaLabel: t, className: r, hasMobileDropdown: i = !1, headingText: a, labels: s = {
+}, Ti = ({ ariaLabel: t, className: r, hasMobileDropdown: i = !1, headingText: a, labels: s = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: c, mobileMenuSelectTextFallback: u = "Navigate to...", ...d }) => {
 	let f = "pds-side-nav", p = i ? `${f}--has-mobile-dropdown` : null, m = `${f}__item`, g = `${f}__menu`, [_, v] = h({});
 	l(() => {
 		v((e) => Object.keys(e).length ? {} : e);
-	}, [gi(c)]);
+	}, [_i(c)]);
 	let y = (e, t) => t in _ ? _[t] : e, b = (e, t) => {
 		v((n) => {
 			let r = t in n ? n[t] : e;
@@ -8774,7 +8777,7 @@ var Er = {
 			};
 		});
 	}, x = (t, r) => {
-		let { linkContent: i, links: a } = t, c = hi(t), l = _i(i), u = y(c, r);
+		let { linkContent: i, links: a } = t, c = gi(t), l = vi(i), u = y(c, r);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			className: Z([
@@ -8787,7 +8790,7 @@ var Er = {
 			`${f}__row`,
 			`${f}__row--expandable`,
 			`${m}-wrapper`
-		]) }, vi(i, a), /* @__PURE__ */ e.createElement("button", {
+		]) }, yi(i, a), /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
 			className: Z([`${f}__toggle`, u ? `${f}__toggle--expanded` : null]),
 			onClick: () => b(c, r),
@@ -8795,7 +8798,7 @@ var Er = {
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			size: "m"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${pi(i)} ${s.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${mi(i)} ${s.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			g,
 			`${g}--second-level`,
 			u ? `${g}--expanded` : null
@@ -8804,9 +8807,9 @@ var Er = {
 			className: Z([
 				m,
 				`${m}--second-level`,
-				hi(t) ? `${m}--active` : null
+				gi(t) ? `${m}--active` : null
 			])
-		}, vi(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		}, yi(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
 			className: Z([
 				`${f}__row`,
@@ -8820,7 +8823,7 @@ var Er = {
 		}, o(i) && i.type === "span" ? n(i, { className: Z([i.props.className, `${f}__toggle-content`]) }) : /* @__PURE__ */ e.createElement("span", { className: `${f}__toggle-content` }, i), /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			size: "m"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${pi(i)} ${s.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${s.toggle} ${mi(i)} ${s.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			g,
 			`${g}--second-level`,
 			u ? `${g}--expanded` : null
@@ -8829,10 +8832,10 @@ var Er = {
 			className: Z([
 				m,
 				`${m}--second-level`,
-				hi(t) ? `${m}--active` : null
+				gi(t) ? `${m}--active` : null
 			])
-		}, vi(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(xi, {
+		}, yi(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(Si, {
 		className: `${f}__mobile`,
 		headingText: a,
 		menuItems: c,
@@ -8847,8 +8850,8 @@ var Er = {
 		]),
 		...d
 	}, S, i && C);
-}, Ti = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: u }) => {
-	let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, g = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, yi(d, o, s, t)), _ = (t, n) => /* @__PURE__ */ e.createElement("ul", { className: Z([
+}, Ei = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: u }) => {
+	let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, g = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, bi(d, o, s, t)), _ = (t, n) => /* @__PURE__ */ e.createElement("ul", { className: Z([
 		p,
 		`${p}--${n}`,
 		r ? `${p}--expanded` : null
@@ -8857,7 +8860,7 @@ var Er = {
 		className: Z([
 			f,
 			`${f}--${n}`,
-			hi(t) ? `${f}--active` : null
+			gi(t) ? `${f}--active` : null
 		])
 	}, t.linkContent))), [v, y] = h(!1), b = m(v), S = m(!1), { context: O, floatingStyles: k, refs: M } = j({
 		placement: "right-start",
@@ -8911,7 +8914,7 @@ var Er = {
 		...I(),
 		onClick: z,
 		onKeyDown: R
-	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, yi(d, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
+	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, bi(d, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": r,
 		className: Z([`${d}__toggle`, r ? `${d}__toggle--expanded` : null]),
 		onClick: u,
@@ -8919,13 +8922,13 @@ var Er = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleDown",
 		size: "m"
-	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${pi(o)} ${a.submenu}`))), !i && _(s, "second-level"), i && v && /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", {
+	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${mi(o)} ${a.submenu}`))), !i && _(s, "second-level"), i && v && /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", {
 		ref: M.setFloating,
 		className: `${d}__flyout`,
 		style: k,
 		...P()
-	}, /* @__PURE__ */ e.createElement("div", { className: `${d}__flyout-heading` }, pi(o)), _(s, "second-level-flyout")))) : /* @__PURE__ */ e.createElement(e.Fragment, null, i ? /* @__PURE__ */ e.createElement(zt, {
-		content: pi(o),
+	}, /* @__PURE__ */ e.createElement("div", { className: `${d}__flyout-heading` }, mi(o)), _(s, "second-level-flyout")))) : /* @__PURE__ */ e.createElement(e.Fragment, null, i ? /* @__PURE__ */ e.createElement(zt, {
+		content: mi(o),
 		customTrigger: g,
 		offsetValue: {
 			mainAxis: 8,
@@ -8933,14 +8936,14 @@ var Er = {
 		},
 		preferredPlacement: "right"
 	}) : g));
-}, Ei = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
+}, Di = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, onExpandSidebar: o, ...s }) => {
 	let c = "pds-side-nav-global", u = r ? `${c}--collapsed` : `${c}--expanded`, [d, f] = h({});
 	l(() => {
 		f((e) => Object.keys(e).length ? {} : e);
-	}, [gi(a)]);
+	}, [_i(a)]);
 	let p = (e, t) => t in d ? d[t] : e, m = (e, t) => {
 		f((n) => {
 			let r = t in n ? n[t] : e;
@@ -8961,8 +8964,8 @@ var Er = {
 			className: `${c}__section-label`,
 			role: "presentation"
 		}, t.label);
-		let a = hi(t);
-		return /* @__PURE__ */ e.createElement(Ti, {
+		let a = gi(t);
+		return /* @__PURE__ */ e.createElement(Ei, {
 			key: n,
 			icon: t.icon,
 			isActive: a,
@@ -8984,7 +8987,7 @@ var Er = {
 		]),
 		...s
 	}, g);
-}, Di = ({ items: t, label: n }) => {
+}, Oi = ({ items: t, label: n }) => {
 	let r = m(null), i = "pds-nav-menu", a = t && t.length > 0, { floatingStyles: o, getFloatingProps: s, getReferenceProps: c, isOpen: l, refs: u } = _n({
 		offsetValue: 8,
 		openOnHover: !Nt()
@@ -9021,7 +9024,7 @@ var Er = {
 		key: n,
 		className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${f(t) ? " pds-dropdown__item--active" : ""}`}`
 	}, !t.isSeparator && t.linkContent)))));
-}, Oi = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
+}, ki = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
 	let [a, o] = h(null), [s, c] = h(-1), [d, f] = h(null), [p, g] = h({
 		container: null,
 		containerChildren: []
@@ -9068,7 +9071,7 @@ var Er = {
 			},
 			className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${x(t) === !0 ? `${v}__item--active` : ""}`,
 			id: i
-		}, /* @__PURE__ */ e.createElement(Di, {
+		}, /* @__PURE__ */ e.createElement(Oi, {
 			items: t.links,
 			label: t.label
 		}))) : S.push(/* @__PURE__ */ e.createElement("li", {
@@ -9087,14 +9090,14 @@ var Er = {
 		},
 		...i
 	}, /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, S));
-}, ki = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
+}, Ai = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
 	let [s, c] = h(i), [u, d] = h(""), f = i.length >= a, p = "pds-tab-menu", m = `${p}__dropdown-menu`, g = f ? `${m}--scroll` : null, _ = `${p}__dropdown-item`, { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: S, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setActiveIndex: O, transitionStyles: k } = _n({
 		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) => pi(e.linkContent).toLowerCase().includes(t.toLowerCase()), M = (e) => {
+	}, j = (e, t) => mi(e.linkContent).toLowerCase().includes(t.toLowerCase()), M = (e) => {
 		let t = e.target.value;
 		d(t), c(i.filter((e) => j(e, t)));
 	};
@@ -9105,11 +9108,11 @@ var Er = {
 		d(""), c(i);
 	}, P = {
 		minWidth: "13rem",
-		width: `${pi(i.reduce((e, t) => pi(e.linkContent).length > pi(t.linkContent).length ? e : t).linkContent).length + 2}ch`
+		width: `${mi(i.reduce((e, t) => mi(e.linkContent).length > mi(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(ti, {
+	}), I = f && /* @__PURE__ */ e.createElement("div", { className: `${p}__filter` }, /* @__PURE__ */ e.createElement(ni, {
 		hasClearButton: !0,
 		autoComplete: "off",
 		id: "links-filter",
@@ -9152,9 +9155,9 @@ var Er = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		} })
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...k } }, I, /* @__PURE__ */ e.createElement("ul", { className: Z([m, g]) }, L.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, o) : L)))));
-}, Ai = ({ ariaLabel: t, className: r, menuItems: i, ...a }) => {
+}, ji = ({ ariaLabel: t, className: r, menuItems: i, ...a }) => {
 	let s = "pds-tab-menu", c = ({ dropdownSettings: t, icon: r, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
-		let u = `${s}__item`, d = fi(c);
+		let u = `${s}__item`, d = pi(c);
 		return /* @__PURE__ */ e.createElement("li", { className: Z([u, i ? `${u}--active` : null]) }, ((t, r) => {
 			let i = null;
 			return o(t) && (i = r ? n(t, Object.assign({}, t.props, { children: [/* @__PURE__ */ e.createElement("span", {
@@ -9165,7 +9168,7 @@ var Er = {
 				iconName: r,
 				size: "m"
 			}), t.props.children)] })) : t), i;
-		})(l ? d : a, r), c && /* @__PURE__ */ e.createElement(ki, {
+		})(l ? d : a, r), c && /* @__PURE__ */ e.createElement(Ai, {
 			buttonLabel: t?.buttonLabel,
 			filterLabel: t?.filterLabel,
 			filterPlaceholder: t?.filterPlaceholder,
@@ -9177,7 +9180,7 @@ var Er = {
 		key: n,
 		dropdownSettings: t.dropdownSettings,
 		icon: t.icon,
-		isActive: hi(t),
+		isActive: gi(t),
 		linkContent: t.linkContent,
 		links: t.links,
 		promoteActiveChildLink: t.promoteActiveChildLink
@@ -9187,11 +9190,11 @@ var Er = {
 		className: Z([s, r ?? ""]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__mobile-menu-wrapper` }, l));
-}, ji = {
+}, Mi = {
 	2: "second",
 	3: "third",
 	4: "fourth"
-}, Mi = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
+}, Ni = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, ...o }) => {
@@ -9311,7 +9314,7 @@ var Er = {
 			display: "none"
 		}), b();
 	}, j = (t, n, r) => {
-		let a = ji[t], o = `${u}--${a}-level`, l = `${c}--${a}-level`, d = t + 1, f = hi(n);
+		let a = Mi[t], o = `${u}--${a}-level`, l = `${c}--${a}-level`, d = t + 1, f = gi(n);
 		if (_.current && n.path) {
 			let e = _.current.querySelector(`.${c}[data-item-path="${n.path}"]`);
 			if (e) {
@@ -9328,7 +9331,7 @@ var Er = {
 			iconName: "angleDown",
 			size: "s",
 			verticalAlign: "-0.0625rem"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${pi(n.linkContent)} ${i.submenu}`)), vi(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${mi(n.linkContent)} ${i.submenu}`)), yi(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
 			className: Z([
 				u,
 				o,
@@ -9336,7 +9339,7 @@ var Er = {
 			]),
 			role: "group"
 		}, n.links.map((t, n) => {
-			let r = hi(t);
+			let r = gi(t);
 			return /* @__PURE__ */ e.createElement("li", {
 				key: `${n}-${a}`,
 				"aria-expanded": t.links ? r : void 0,
@@ -9348,10 +9351,10 @@ var Er = {
 				]),
 				"data-item-path": t.path || "",
 				role: "treeitem"
-			}, t.links && d in ji ? j(d, t, t.links) : t.linkContent);
+			}, t.links && d in Mi ? j(d, t, t.links) : t.linkContent);
 		})));
 	}, M = (t, n) => {
-		let { linkContent: r, links: i } = t, a = hi(t);
+		let { linkContent: r, links: i } = t, a = gi(t);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: n,
 			"aria-expanded": i ? a : void 0,
@@ -9380,11 +9383,11 @@ var Er = {
 		className: `${s}__menu ${s}__menu--top-level`,
 		role: "tree"
 	}, a.map((e, t) => M(e, t))));
-}, Ni = {
+}, Pi = {
 	light: "sunBright",
 	dark: "moon",
 	system: "circleHalfStroke"
-}, Pi = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
+}, Fi = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
 	light: "Light",
 	dark: "Dark",
 	system: "System"
@@ -9396,7 +9399,7 @@ var Er = {
 	];
 	if (s === "toggle") {
 		let s = d.map((e) => ({
-			iconName: Ni[e],
+			iconName: Pi[e],
 			label: r[e],
 			value: e
 		}));
@@ -9415,7 +9418,7 @@ var Er = {
 	}
 	let f = d.map((e) => ({
 		callback: () => i?.(e),
-		iconName: Ni[e],
+		iconName: Pi[e],
 		iconSize: "m",
 		label: r[e]
 	}));
@@ -9427,7 +9430,7 @@ var Er = {
 		customTrigger: /* @__PURE__ */ e.createElement(Rn, {
 			iconOnly: !0,
 			"aria-label": u,
-			iconName: Ni[o],
+			iconName: Pi[o],
 			id: n,
 			label: "",
 			menuItems: f,
@@ -9436,7 +9439,7 @@ var Er = {
 		offsetValue: 0,
 		preferredPlacement: "top"
 	}));
-}, Fi = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], onThemeChange: i, theme: a, themeLabel: o = "Theme", themeLabelStrings: s, userEmail: c, userImageSrc: l, userName: d, ...f }) => {
+}, Ii = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], onThemeChange: i, theme: a, themeLabel: o = "Theme", themeLabelStrings: s, userEmail: c, userImageSrc: l, userName: d, ...f }) => {
 	let [p, g] = h(null), [_, v] = h(!1), y = m([]), b = m([]), S = u(), E = "pds-user-menu", O = `${E}__menu`, { context: M, floatingStyles: N, refs: P } = j({
 		placement: "bottom-end",
 		open: _,
@@ -9481,7 +9484,7 @@ var Er = {
 	}, /* @__PURE__ */ e.createElement("div", { className: `${E}__user-name` }, d), /* @__PURE__ */ e.createElement("div", { className: `${E}__user-email` }, c)), ne = a !== void 0 && typeof i == "function" ? /* @__PURE__ */ e.createElement("li", {
 		className: `${E}__theme-row`,
 		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("span", { className: `${E}__theme-label` }, o), /* @__PURE__ */ e.createElement(Pi, {
+	}, /* @__PURE__ */ e.createElement("span", { className: `${E}__theme-label` }, o), /* @__PURE__ */ e.createElement(Fi, {
 		id: `${S}-theme`,
 		labelStrings: s,
 		onChange: i,
@@ -9560,7 +9563,7 @@ var Er = {
 		className: O,
 		role: "menu"
 	}, te, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ne, ae)))));
-}, Ii = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", menuHeading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
+}, Li = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", menuHeading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
 	let [d, g] = h(""), [_, v] = h(""), y = m(null), b = l.length >= s, S = "pds-workspace-selector", C = `${S}__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 } = _n({
 		enableTypeahead: !b,
 		role: "menu"
@@ -9663,7 +9666,7 @@ var Er = {
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([S, n]),
 		...u
-	}, /* @__PURE__ */ e.createElement(An, { label: W() }, b && /* @__PURE__ */ e.createElement("div", { className: `${S}__filter` }, /* @__PURE__ */ e.createElement(ti, {
+	}, /* @__PURE__ */ e.createElement(An, { label: W() }, b && /* @__PURE__ */ e.createElement("div", { className: `${S}__filter` }, /* @__PURE__ */ e.createElement(ni, {
 		hasClearButton: !0,
 		id: "workspace-filter-mobile",
 		label: i,
@@ -9700,7 +9703,7 @@ var Er = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
 		...D()
-	}, b && /* @__PURE__ */ e.createElement("div", { className: `${S}__filter` }, /* @__PURE__ */ e.createElement(ti, {
+	}, b && /* @__PURE__ */ e.createElement("div", { className: `${S}__filter` }, /* @__PURE__ */ e.createElement(ni, {
 		hasClearButton: !0,
 		id: "workspace-filter",
 		label: i,
@@ -9716,12 +9719,12 @@ var Er = {
 		className: `pds-dropdown__heading ${S}__item-heading`,
 		role: "presentation"
 	}, o), V.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : V), U)));
-}, Li = {
+}, Ri = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation",
 	discovery: "bullhorn"
-}, Ri = 200, zi = 50, Bi = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
+}, zi = 200, Bi = 50, Vi = ({ 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 }) => {
@@ -9740,21 +9743,21 @@ var Er = {
 	}, 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);
-		}, Ri);
+		}, zi);
 	}, k = () => {
 		y({
 			[d[0].id]: 502,
 			[d[b - 1].id]: 501
 		}), setTimeout(() => {
 			m(d[0].id);
-		}, zi), setTimeout(() => {
+		}, Bi), setTimeout(() => {
 			f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), y({});
-		}, Ri);
+		}, zi);
 	}, A = (t, n) => {
 		let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: l, type: d } = t, m = d === "critical" ? "alert" : "status", h = `${s[d]}:  `, y = (e) => {
 			e.preventDefault(), _(a), setTimeout(() => {
 				l?.(), _(null), f((e) => e.filter((e) => e.id !== a));
-			}, Ri);
+			}, zi);
 		}, b = v[a] ?? E(n);
 		return /* @__PURE__ */ e.createElement("div", {
 			key: a,
@@ -9769,7 +9772,7 @@ var Er = {
 			style: { zIndex: b }
 		}, /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, /* @__PURE__ */ e.createElement(Q, {
 			className: `${x}__icon ${x}__icon--${t.type}`,
-			iconName: d === "neutral" ? r : Li[d],
+			iconName: d === "neutral" ? r : Ri[d],
 			size: u ? "l" : "m"
 		}), /* @__PURE__ */ e.createElement("div", { className: `${x}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
 			className: `${x}__dismiss-button`,
@@ -9800,12 +9803,12 @@ var Er = {
 		onClick: O,
 		size: "m"
 	}), d.map((e, t) => A(e, t))) : A(d[0], 0));
-}, Vi = {
+}, Hi = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation"
-}, Hi = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
+}, Ui = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
 	...jn,
 	working: "Working"
 }, ...o }) => {
@@ -9826,16 +9829,16 @@ var Er = {
 		role: l,
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(nn, { size: "m" }) : /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${i}` in Vi ? Vi[i] : Vi.info,
+		iconName: `${i}` in Hi ? Hi[i] : Hi.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)));
-}, Ui = {
+}, Wi = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation",
 	discovery: "squareQuestion"
-}, Wi = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: u, type: d = "info", typeLabels: f = jn, ...p }) => {
+}, Gi = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: u, type: d = "info", typeLabels: f = jn, ...p }) => {
 	let h = r === "marketing", g = m(null), _ = m(void 0), v = "pds-section-message", y = {
 		error: `${v}--error`,
 		success: `${v}--success`,
@@ -9872,7 +9875,7 @@ var Er = {
 		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 Ui ? Ui[d] : Ui.info,
+		iconName: `${d}` in Wi ? Wi[d] : Wi.info,
 		size: h ? "xl" : "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), u && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, u), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, w))), (n || o) && /* @__PURE__ */ e.createElement("div", { className: `${v}__actions` }, n && /* @__PURE__ */ e.createElement(un, {
 		...n,
@@ -9885,10 +9888,10 @@ var Er = {
 		onClick: D,
 		size: h ? "l" : "m"
 	})));
-}, Gi = 3e4, Ki = {
+}, Ki = 3e4, qi = {
 	pause: "Pause notification",
 	resume: "Resume notification"
-}, qi = r({ labelStrings: Ki }), Ji = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(hn, {
+}, Ji = r({ labelStrings: qi }), Yi = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(hn, {
 	ariaLabel: t || "Close",
 	className: "pds-toast__close-button",
 	onClick: (e) => {
@@ -9896,13 +9899,13 @@ var Er = {
 	},
 	size: "s",
 	tabIndex: 0
-}), Yi = ({ className: t, labelStrings: n = Ki, limit: r = 5, position: i = "bottom-right" }) => {
+}), Xi = ({ className: t, labelStrings: n = qi, limit: r = 5, position: i = "bottom-right" }) => {
 	let a = Z(["pds-toaster", t]);
-	return /* @__PURE__ */ e.createElement(qi.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(Ce, {
+	return /* @__PURE__ */ e.createElement(Ji.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(Ce, {
 		newestOnTop: !0,
 		autoClose: !1,
 		className: a,
-		closeButton: Ji,
+		closeButton: Yi,
 		draggable: !1,
 		icon: !1,
 		limit: r,
@@ -9912,25 +9915,25 @@ var Er = {
 		role: "status",
 		transition: Se
 	}));
-}, Xi = {
+}, Zi = {
 	info: "circleInfo",
 	success: "circleCheck",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation"
-}, Zi = {
+}, Qi = {
 	info: "Information",
 	success: "Success",
 	warning: "Warning",
 	critical: "Critical",
 	working: "Working..."
-}, Qi = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Zi }) => {
+}, $i = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Qi }) => {
 	let l = "pds-toast", u = {
 		critical: `${l}--critical`,
 		info: `${l}--info`,
 		success: `${l}--success`,
 		warning: `${l}--warning`,
 		working: `${l}--working`
-	}, d = `${s[o]} `, { labelStrings: f } = c(qi), [p, m] = h(!1), g = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
+	}, d = `${s[o]} `, { labelStrings: f } = c(Ji), [p, m] = h(!1), g = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			l,
@@ -9940,7 +9943,7 @@ var Er = {
 		id: i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${l}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(nn, { size: "xl" }) : /* @__PURE__ */ e.createElement(Q, {
 		className: `${l}__icon ${l}__icon--${o}`,
-		iconName: Xi[o],
+		iconName: Zi[o],
 		size: "l"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${l}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), g && /* @__PURE__ */ e.createElement("button", {
 		"aria-label": p ? f.resume : f.pause,
@@ -9955,11 +9958,11 @@ var Er = {
 		iconName: p ? "play" : "pause",
 		size: "m"
 	})));
-}, $i = /* @__PURE__ */ function(e) {
+}, ea = /* @__PURE__ */ function(e) {
 	return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
-}({}), ea = () => [
+}({}), ta = () => [
 	(t, n, r = {}) => {
-		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(Gi, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(Qi, {
+		let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(Ki, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement($i, {
 			autoCloseDuration: a || void 0,
 			toastId: i,
 			type: t
@@ -9984,7 +9987,7 @@ var Er = {
 		enter: "pds-toast--bounceInPlace",
 		exit: "pds-toast--slideOut"
 	})
-], ta = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: c = !1, placement: u = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: g, ..._ }) => {
+], na = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: c = !1, placement: u = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: g, ..._ }) => {
 	let v = Xe(n), y = v.__unslotted, b = v.footer, x = "pds-drawer", S = g ? null : `${x}--${f}`, C = `${x}--${u}`, w = g ? { width: g } : void 0, [T, E] = h(c), [D, O] = h(!1), k = m(null), { closeOverlay: A, openOverlay: j } = Lt();
 	l(() => {
 		c ? E(!0) : O(!1);
@@ -10049,7 +10052,7 @@ var Er = {
 		onClick: M,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))), document.body) : null;
-}, na = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: u, ...d }) => {
+}, ra = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: u, ...d }) => {
 	let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = Lt();
 	l(() => {
 		if (!(!h || !m) && c) return h(), () => m();
@@ -10114,7 +10117,7 @@ var Er = {
 		}),
 		zIndex: 9999
 	}), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, r)))), document.body) : null;
-}, ra = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: u = () => {}, size: d = "m", title: f, ...p }) => {
+}, ia = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: u = () => {}, size: d = "m", title: f, ...p }) => {
 	let m = Xe(n), g = m.__unslotted, _ = m.footer, v = "pds-modal", x = d === "m" ? null : `${v}--${d}`, S = a ? {
 		maxHeight: a,
 		paddingInlineEnd: "1rem",
@@ -10190,27 +10193,27 @@ var Er = {
 		className: `${v}__content`,
 		style: S
 	}, g), _ && /* @__PURE__ */ e.createElement("div", { className: `${v}__footer` }, _)))), document.body) : null;
-}, ia = (e, t) => {
+}, aa = (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 }) => p(() => {
+}, oa = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => p(() => {
 	let i = Math.ceil(r / n), a = e + 5, o = i;
-	if (a >= i) return ia(1, i);
+	if (a >= i) return aa(1, i);
 	let s = Math.max(t - e, 1), c = Math.min(t + e, i), l = s > 2, u = c < i - 2;
 	if (!l && u) return [
-		...ia(1, 3 + 2 * e),
+		...aa(1, 3 + 2 * e),
 		"...",
 		i
 	];
 	if (l && !u) return [
 		1,
 		"...",
-		...ia(i - (3 + 2 * e) + 1, i)
+		...aa(i - (3 + 2 * e) + 1, i)
 	];
 	if (l && u) return [
 		1,
 		"...",
-		...ia(s, c),
+		...aa(s, c),
 		"...",
 		o
 	];
@@ -10219,11 +10222,11 @@ var Er = {
 	n,
 	e,
 	t
-]), oa = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
+]), sa = ({ 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 = oa({
 		currentPage: r,
 		totalItemCount: u,
 		bufferCount: t,
@@ -10277,7 +10280,7 @@ var Er = {
 			size: "m"
 		}))
 	}))));
-}, sa = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, ca = ({ 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 }) => {
@@ -10306,7 +10309,7 @@ var Er = {
 		iconName: "angleRight",
 		size: "m"
 	}))));
-}, ca = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
+}, la = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
 	next: "Go to next page",
 	of: "of",
 	page: "Page",
@@ -10342,7 +10345,7 @@ var Er = {
 		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(ti, {
+	}, i), o.page && /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.page), c === "input" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(ni, {
 		className: C ? `${b}__page-input--error` : void 0,
 		id: m,
 		inputProps: {
@@ -10361,7 +10364,7 @@ var Er = {
 	}), C && /* @__PURE__ */ e.createElement("span", {
 		className: "visually-hidden",
 		role: "alert"
-	}, C)) : /* @__PURE__ */ e.createElement($n, {
+	}, C)) : /* @__PURE__ */ e.createElement(er, {
 		autoWidth: !0,
 		id: m,
 		label: o.pageSelect,
@@ -10410,7 +10413,7 @@ var Er = {
 			size: "m"
 		}))
 	})));
-}, la = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
+}, ua = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
 	let [c, d] = h(i), f = u(), p = r ?? `expansion-panel-${f}`, g = "pds-expansion-panel", _ = a ? null : `${g}--no-border`, v = m(null);
 	return l(() => {
 		let e = v.current;
@@ -10434,7 +10437,7 @@ var Er = {
 		className: `${g}__icon ${c ? "rotated" : ""}`,
 		iconName: "angleDown"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, t)));
-}, ua = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
+}, da = ({ 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([
@@ -10444,7 +10447,7 @@ var Er = {
 		]),
 		...i
 	}, t);
-}, da = ({ 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([
@@ -10454,7 +10457,7 @@ var Er = {
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
-}, fa = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
+}, pa = ({ 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([
@@ -10466,7 +10469,7 @@ var Er = {
 		]),
 		...o
 	}, n);
-}, pa = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
+}, ma = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
 	let o = "pds-panel-row", [s, c] = h(!1), l = Xe(t), u = l["items-left"], d = l["items-right"], f = l["items-below"], p = () => {
 		c((e) => !e);
 	};
@@ -10497,10 +10500,10 @@ var Er = {
 			opacity: "0"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, f)));
-}, ma = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
+}, ha = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
 	className: Z(["pds-panel-stack", n ?? ""]),
 	...r
-}, t), ha = /* @__PURE__ */ e.createElement("svg", {
+}, t), ga = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10562,7 +10565,7 @@ var Er = {
 }), /* @__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)"
-})), ga = /* @__PURE__ */ e.createElement("svg", {
+})), _a = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10597,7 +10600,7 @@ var Er = {
 }), /* @__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)"
-})), _a = /* @__PURE__ */ e.createElement("svg", {
+})), va = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -10632,17 +10635,17 @@ var Er = {
 }), /* @__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)"
-})), va = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...s }) => {
+})), ya = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...s }) => {
 	let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
 	switch (r) {
 		case "full":
-			f = ha;
+			f = ga;
 			break;
 		case "icon":
-			f = ga;
+			f = _a;
 			break;
 		case "wordmark":
-			f = _a;
+			f = va;
 			break;
 	}
 	let p = o(i) && typeof i.props.children == "string" ? i.props.children : "", m = o(i) ? i.type : null, h = o(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
@@ -10659,7 +10662,7 @@ var Er = {
 		]),
 		...s
 	}, i ? h : f);
-}, ya = 8, ba = 14, xa = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: u = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: g = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: b = "m", ...E }) => {
+}, ba = 8, xa = 14, Sa = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: u = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: g = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: b = "m", ...E }) => {
 	let [O, M] = h(d);
 	l(() => {
 		M(d);
@@ -10686,12 +10689,12 @@ var Er = {
 		k(V),
 		A(V),
 		L(V)
-	]), q = U.arrow?.x ?? 0, te = U.arrow?.y ?? 0, ne = q + ba / 2, re = te + ya, { isMounted: J } = R(V, {
+	]), q = U.arrow?.x ?? 0, te = U.arrow?.y ?? 0, ne = q + xa / 2, re = te + ba, { isMounted: J } = R(V, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${ne}px calc(100% + ${ya}px)`,
+			top: `${ne}px calc(100% + ${ba}px)`,
 			bottom: `${ne}px -8px`,
-			left: `calc(100% + ${ya}px) ${re}px`,
+			left: `calc(100% + ${ba}px) ${re}px`,
 			right: `-8px ${re}px`
 		}[e] })
 	});
@@ -10723,23 +10726,23 @@ var Er = {
 		className: `${P}__arrow`,
 		context: V,
 		fill: "var(--pds-color-surface-default)",
-		height: ya,
+		height: ba,
 		stroke: "var(--pds-color-popover-border)",
 		strokeWidth: 1,
 		tipRadius: 0,
-		width: ba
+		width: xa
 	}), /* @__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(hn, {
 		ariaLabel: r,
 		onClick: G,
 		size: "s"
 	})))))));
-}, Sa = {
+}, Ca = {
 	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"
-}, Ca = ({ className: t, colorBreakpoints: n = [{
+}, wa = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -10760,7 +10763,7 @@ var Er = {
 		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(${Sa[y]}) h s calc(l - 7))` }
+		style: { color: `hsl(from var(${Ca[y]}) h s calc(l - 7))` }
 	}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": m,
 		"aria-valuenow": v,
@@ -10770,16 +10773,16 @@ var Er = {
 		className: `${h}__bar`,
 		style: {
 			width: `${v}%`,
-			backgroundColor: `var(${Sa[y]})`
+			backgroundColor: `var(${Ca[y]})`
 		}
 	}))), S && b);
-}, wa = {
+}, Ta = {
 	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"
-}, Ta = ({ className: t, colorBreakpoints: n = [{
+}, Ea = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -10828,7 +10831,7 @@ var Er = {
 		strokeDasharray: x,
 		strokeDashoffset: S,
 		strokeWidth: y,
-		style: { stroke: `var(${wa[C]})` },
+		style: { stroke: `var(${Ta[C]})` },
 		transform: `rotate(-90 ${v / 2} ${v / 2})`
 	}), /* @__PURE__ */ e.createElement("text", {
 		alignmentBaseline: "middle",
@@ -10838,29 +10841,29 @@ var Er = {
 		x: "50%",
 		y: "51%"
 	}, w))));
-}, Ea = {
+}, Da = {
 	of: "of",
 	showing: "Showing",
 	unitPlural: "results",
 	unitSingular: "result"
-}, Da = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, Oa = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
+}, Oa = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, ka = ({ 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 } = {
-		...Ea,
+		...Da,
 		...i
-	}, p = n !== void 0, m = Da(r, f, d, a);
+	}, p = n !== void 0, m = Oa(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}`));
-}, ka = {
+}, Aa = {
 	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")
-}, Aa = (e) => typeof e == "string", ja = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
+}, ja = (e) => typeof e == "string", Ma = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -10877,8 +10880,8 @@ var Er = {
 			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) => Aa(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, ka[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
-}, Ma = ({ 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) => ja(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, Aa[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
+}, Na = ({ className: t, option: n, ...r }) => {
 	let i = "pds-site-option-display", a = n.type ? Ln[n.type] : "boltSolid", o = m(null), [s] = De(o), c = s.width / 16 - 7.5, l, u;
 	n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
 	let d = /* @__PURE__ */ e.createElement(rn, {
@@ -10901,7 +10904,7 @@ var Er = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, Na = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
+}, Pa = ({ 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 }) => {
@@ -10913,7 +10916,7 @@ var Er = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement(Ma, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(Na, { option: t }),
 			siteData: t
 		};
 	});
@@ -10921,7 +10924,7 @@ var Er = {
 		className: Z([_, t ?? ""]),
 		id: r,
 		...p
-	}, /* @__PURE__ */ e.createElement("div", { className: `${_}__inner` }, /* @__PURE__ */ e.createElement(Br, {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${_}__inner` }, /* @__PURE__ */ e.createElement(Vr, {
 		hasClearButton: !0,
 		hasSearchShortcut: !0,
 		className: `${_}__combobox`,
@@ -10942,7 +10945,7 @@ var Er = {
 };
 //#endregion
 //#region src/components/SortableList/sortable-utils.ts
-function Pa(e, t, n = null, r = 0, i = []) {
+function Fa(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({
@@ -10954,10 +10957,10 @@ function Pa(e, t, n = null, r = 0, i = []) {
 			index: o,
 			isExpanded: c,
 			parentId: n
-		}), s && c && a.children && e.push(...Pa(a.children, t, a.id, r + 1, [...i, a.id])), e;
+		}), s && c && a.children && e.push(...Fa(a.children, t, a.id, r + 1, [...i, a.id])), e;
 	}, []);
 }
-function Fa(e) {
+function Ia(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 = {
@@ -10970,28 +10973,28 @@ function Fa(e) {
 			e && (e.children || (e.children = []), e.children.push(o));
 		}
 	}
-	return Ia(r);
+	return La(r);
 }
-function Ia(e) {
+function La(e) {
 	return e.map((e) => {
 		if (e.children?.length) return {
 			...e,
-			children: Ia(e.children)
+			children: La(e.children)
 		};
 		let { children: t, ...n } = e;
 		return n;
 	});
 }
-function La(e, t) {
+function Ra(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
 		if (n.children) {
-			let e = La(n.children, t);
+			let e = Ra(n.children, t);
 			if (e) return e;
 		}
 	}
 }
-function Ra(e, t, n, r, i, a, o) {
+function za(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;
@@ -10999,7 +11002,7 @@ function Ra(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/SortableList/SortableListHeader.tsx
-var za = ({ children: t, className: n, columns: r, ...i }) => {
+var Ba = ({ children: t, className: n, columns: r, ...i }) => {
 	if (!r && !t) return null;
 	let a = r ? {
 		display: "grid",
@@ -11020,13 +11023,13 @@ var za = ({ children: t, className: n, columns: r, ...i }) => {
 };
 //#endregion
 //#region src/components/SortableList/useSortableTree.ts
-function Ba({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
+function Va({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
 	let i = n !== void 0, [a, o] = h(() => n ?? e ?? []), [c, l] = h(/* @__PURE__ */ new Set()), u = m(null), d = m(t);
 	t && !d.current && (u.current = {
 		items: i ? n : a,
 		expandedIds: c
-	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Ha("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
-	let f = i ? n : a, g = p(() => Pa(f, c), [f, c]), _ = p(() => g.map((e) => e.id), [g]), v = s((e) => {
+	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Ua("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
+	let f = i ? n : a, g = p(() => Fa(f, c), [f, c]), _ = p(() => g.map((e) => e.id), [g]), v = s((e) => {
 		l((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -11044,7 +11047,7 @@ function Ba({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		}, []),
 		flatNodes: g,
 		handleReorder: s((e) => {
-			let t = Fa(e);
+			let t = Ia(e);
 			i || o(t), r?.(t);
 		}, [i, r]),
 		resetToSnapshot: s(() => {
@@ -11056,24 +11059,24 @@ function Ba({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		toggleExpand: v
 	};
 }
-var Va = /* @__PURE__ */ new Set();
-function Ha(e) {
-	Va.has(e) || (Va.add(e), console.warn(e));
+var Ha = /* @__PURE__ */ new Set();
+function Ua(e) {
+	Ha.has(e) || (Ha.add(e), console.warn(e));
 }
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
-var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
+var Wa = 24, Ga = { droppable: { strategy: je.Always } }, Ka = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
 	let w = "pds-sortable-list", [T, E] = h(null), D = m(null), [O, k] = h(!1), A = m(!1), [j, M] = h(null), N = m(0), P = m(0), F = m("pointer"), I = m(0), L = m(null), [R, z] = h(0), B = m(0), [V, H] = h(0), U = m(0), W = s((e, t) => {
 		if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
 			e.preventDefault();
 			let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
 			return B.current = i, z(i), {
-				x: t.currentCoordinates.x + a * Ua,
+				x: t.currentCoordinates.x + a * Wa,
 				y: t.currentCoordinates.y
 			};
 		}
 		return Le(e, t);
-	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: ee, flatNodes: q, handleReorder: te, resetToSnapshot: ne, sortableIds: re, toggleExpand: J } = Ba({
+	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: ee, flatNodes: q, handleReorder: te, resetToSnapshot: ne, sortableIds: re, toggleExpand: J } = Va({
 		defaultItems: a,
 		isDragEnabled: G,
 		items: g,
@@ -11100,9 +11103,9 @@ var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ chil
 		X,
 		Y,
 		j
-	]).size > 0, le = p(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), ue = p(() => T ? La(K, String(T)) ?? null : null, [T, K]), de = p(() => {
+	]).size > 0, le = p(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), ue = p(() => T ? Ra(K, String(T)) ?? null : null, [T, K]), de = p(() => {
 		let e = le?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : Ra(q, String(T), String(j), V * Ua, Ua, _);
+		return !T || !j || O || _ === 0 ? e : za(q, String(T), String(j), V * Wa, Wa, _);
 	}, [
 		T,
 		le,
@@ -11114,7 +11117,7 @@ var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ chil
 	]), fe = p(() => {
 		if (!T || O || de === 0 || j && X(j)) return null;
 		let e = q.findIndex((e) => e.id === T);
-		return e === -1 ? null : Ka(q, e, de);
+		return e === -1 ? null : qa(q, e, de);
 	}, [
 		T,
 		q,
@@ -11160,19 +11163,19 @@ var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ chil
 	}, [q, Y]), ge = s((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
-		let n = Math.floor(t / Ua), r = U.current;
-		(n > r || n < r && t < r * Ua - Ua * .4) && (U.current = n, H(n));
+		let n = Math.floor(t / Wa), r = U.current;
+		(n > r || n < r && t < r * Wa - Wa * .4) && (U.current = n, H(n));
 	}, [_]), _e = s((e) => {
 		let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
 		E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (ee(L.current), L.current = null);
-		let o = q.findIndex((e) => e.id === t.id), s = r ? i * Ua : a * Ua, c = !n || t.id === n.id, l = n?.id ?? null;
+		let o = q.findIndex((e) => e.id === t.id), s = r ? i * Wa : a * Wa, c = !n || t.id === n.id, l = n?.id ?? null;
 		if (r && i > 0 && c && o > 0 && (l = q[o - 1].id), !l || t.id === l) {
 			if (o === -1) return;
 			let e = q[o];
 			if (!e) return;
-			let n = Ra(q, String(t.id), String(t.id), s, Ua, _);
+			let n = za(q, String(t.id), String(t.id), s, Wa, _);
 			if (n === e.depth) return;
-			let r = [...q], [i] = r.splice(o, 1), a = Ka(r, o, n);
+			let r = [...q], [i] = r.splice(o, 1), a = qa(r, o, n);
 			if (a && oe.has(a)) return;
 			let c = {
 				...i,
@@ -11194,9 +11197,9 @@ var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ chil
 			let e = q[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
-			g = Ra(d, String(t.id), String(l), s, Ua, _, p.depth);
+			g = za(d, String(t.id), String(l), s, Wa, _, p.depth);
 			let e = d[h];
-			v = e && e.depth === g - 1 ? String(l) : Ka(d, h, g);
+			v = e && e.depth === g - 1 ? String(l) : qa(d, h, g);
 		}
 		if (v && oe.has(v)) return;
 		let y = {
@@ -11219,24 +11222,24 @@ var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ chil
 		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (ee(L.current), L.current = null);
 	}, [ee]), ye = p(() => ({
 		onDragStart({ active: e }) {
-			let t = q.find((t) => t.id === e.id), n = La(K, String(e.id));
+			let t = q.find((t) => t.id === e.id), n = Ra(K, String(e.id));
 			return `Picked up ${n ? c(n) : String(e.id)}. Current position: ${t ? q.indexOf(t) + 1 : "?"} of ${q.length} at depth ${t?.depth ?? 0}.`;
 		},
 		onDragOver({ active: e, over: t }) {
 			if (!t) return;
 			let n = q.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = La(K, String(e.id)), i = r ? c(r) : String(e.id), a = Ra(q, String(e.id), String(t.id), P.current, Ua, _);
+			let r = Ra(K, String(e.id)), i = r ? c(r) : String(e.id), a = za(q, String(e.id), String(t.id), P.current, Wa, _);
 			return `Moving ${i}. Target position: ${n + 1} of ${q.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = La(K, String(e.id)), r = n ? c(n) : String(e.id);
+			let n = Ra(K, String(e.id)), r = n ? c(n) : String(e.id);
 			if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
-			let i = q.findIndex((e) => e.id === t.id), a = Ra(q, String(e.id), String(t.id), P.current, Ua, _);
+			let i = q.findIndex((e) => e.id === t.id), a = za(q, String(e.id), String(t.id), P.current, Wa, _);
 			return `${r} dropped at position ${i + 1} of ${q.length} at depth ${a}.`;
 		},
 		onDragCancel({ active: e }) {
-			let t = q.find((t) => t.id === e.id), n = La(K, String(e.id));
+			let t = q.find((t) => t.id === e.id), n = Ra(K, String(e.id));
 			return `Sorting cancelled. ${n ? c(n) : String(e.id)} returned to position ${t ? q.indexOf(t) + 1 : "?"} of ${q.length}.`;
 		}
 	}), [
@@ -11244,14 +11247,14 @@ var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ chil
 		q,
 		c,
 		_
-	]), be = { columns: i }, xe = t.map(n, (t) => o(t) && t.type === za ? e.cloneElement(t, be) : t);
+	]), be = { columns: i }, xe = t.map(n, (t) => o(t) && t.type === Ba ? e.cloneElement(t, be) : t);
 	return /* @__PURE__ */ e.createElement(Oe, {
 		accessibility: {
 			announcements: ye,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: me,
-		measuring: Wa,
+		measuring: Ga,
 		onDragCancel: ve,
 		onDragEnd: _e,
 		onDragMove: ge,
@@ -11326,14 +11329,14 @@ var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ chil
 		return o(a) ? e.cloneElement(a, s) : a;
 	})()) : null));
 });
-function Ka(e, t, n) {
+function qa(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 qa = ({ 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 Ja = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
 	let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = Re({
 		attributes: {
 			role: "listitem",
@@ -11388,11 +11391,11 @@ var qa = ({ 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));
-}, Ja = [
+}, Ya = [
 	"default",
 	"working",
 	"checked"
-], Ya = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
+], Xa = ({ 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...",
@@ -11439,7 +11442,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		triggerIconColor: "default",
 		triggerIconSize: "s"
 	}), t === "left" && g));
-}, Xa = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
+}, Za = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
 	let s = "pds-status-indicator", c = `${s}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(nn, {
 		className: `${s}__spinner`,
 		size: "m"
@@ -11456,7 +11459,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, r ? d : l);
-}, Za = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+}, Qa = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
 	let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
 		let a = /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, /* @__PURE__ */ e.createElement("span", null, i + 1)), s = /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, r), c = t ? /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, t) : null, l = `${o}__step`;
 		return /* @__PURE__ */ e.createElement("li", {
@@ -11474,7 +11477,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, Qa = ({ className: t, steps: n, translatableLabels: r = {
+}, $a = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -11538,7 +11541,7 @@ var qa = ({ 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(Ta, {
+			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Ea, {
 				innerLabel: n,
 				label: "Step progress",
 				percentage: i,
@@ -11563,7 +11566,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"data-steps": d,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, h)));
-}, $a = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, eo = ({ _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]),
@@ -11589,14 +11592,14 @@ var qa = ({ 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($a, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(eo, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -11617,7 +11620,7 @@ var qa = ({ 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));
-}, to = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: g = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, nextDetailPanelRowLabel: A = "Next row", onDetailPanelNext: j, onDetailPanelPrev: M, onPageChange: N, onPageSizeChange: P, onRowInspect: F, onRowSelectionChange: I, onSort: L, pageSizeOptions: R, pageSizeSelectLabel: z = "Rows per page", paginationLabels: B, panel: V, prevDetailPanelRowLabel: H = "Previous row", renderDetailPanel: U, renderDetailPanelFooter: W, rowData: G, selectAllLabel: K = "Select all rows", selectedRows: ee, sortKey: q, sortOrder: te, totalItemCount: ne, ...re }) => {
+}, no = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: g = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, nextDetailPanelRowLabel: A = "Next row", onDetailPanelNext: j, onDetailPanelPrev: M, onPageChange: N, onPageSizeChange: P, onRowInspect: F, onRowSelectionChange: I, onSort: L, pageSizeOptions: R, pageSizeSelectLabel: z = "Rows per page", paginationLabels: B, panel: V, prevDetailPanelRowLabel: H = "Previous row", renderDetailPanel: U, renderDetailPanelFooter: W, rowData: G, selectAllLabel: K = "Select all rows", selectedRows: ee, sortKey: q, sortOrder: te, totalItemCount: ne, ...re }) => {
 	let J = "pds-table", ie = u(), ae = u(), Y = m(null), oe = L !== void 0, X = N !== void 0, se = P !== void 0, ce = X || O !== void 0 || R !== void 0, le = G.length > 0 || X && (ne ?? 0) > 0, [ue, de] = h({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
@@ -11707,19 +11710,19 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, Ke = () => {
 		let e = new Set(Ee);
 		Ue || We ? He.forEach((t) => e.delete(t)) : He.forEach((t) => e.add(t)), Ce || Te(e), I?.(Array.from(e));
-	}, qe = (t) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${t}` }, Se && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(pr, {
+	}, qe = (t) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${t}` }, Se && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(mr, {
 		shape: "rounded",
 		size: {
 			height: 1,
 			width: 1
 		}
-	})), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${t}-${n.id}` }, /* @__PURE__ */ e.createElement(pr, {
+	})), r.map((n) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${t}-${n.id}` }, /* @__PURE__ */ e.createElement(mr, {
 		shape: "rounded",
 		size: { height: 1 }
 	})))), Je = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", {
 		className: "pds-table__empty-cell",
 		colSpan: r.length + +!!Se
-	}, f ?? /* @__PURE__ */ e.createElement(Zn, {
+	}, f ?? /* @__PURE__ */ e.createElement(Qn, {
 		heading: g,
 		iconName: "emptySet",
 		message: _
@@ -11738,7 +11741,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), je(t, i));
 			} : void 0,
 			tabIndex: a ? 0 : void 0
-		}, Se && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Lr, {
+		}, Se && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Rr, {
 			checked: Ee.has(i),
 			disabled: !s,
 			id: `${ae}-row-${i}`,
@@ -11760,7 +11763,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"aria-busy": E,
 		className: Z([J, t]),
 		...re
-	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, Se && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Lr, {
+	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, Se && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Rr, {
 		checked: Ue,
 		id: ae,
 		indeterminate: We,
@@ -11784,7 +11787,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	})), /* @__PURE__ */ e.createElement("span", { className: Z([`${J}__sort-button-bottom`, Ve(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) => qe(t)) : Re.length === 0 ? Je() : Re.map((e, t) => Ye(e, t))))), ce && !E && le && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, R && R.length > 0 && /* @__PURE__ */ e.createElement($n, {
+	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, E ? Array.from({ length: k }, (e, t) => qe(t)) : Re.length === 0 ? Je() : Re.map((e, t) => Ye(e, t))))), ce && !E && le && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, R && R.length > 0 && /* @__PURE__ */ e.createElement(er, {
 		autoWidth: !0,
 		id: ie,
 		label: z,
@@ -11796,7 +11799,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		showLabel: !1,
 		size: "s",
 		value: String(be)
-	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(ca, {
+	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(la, {
 		currentPage: X ? i ?? 1 : fe,
 		itemsPerPage: be,
 		labelStrings: B,
@@ -11837,8 +11840,8 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "standard"
 	}))))));
-	return V ? /* @__PURE__ */ e.createElement(da, { padding: "none" }, Ze) : Ze;
-}, no = [
+	return V ? /* @__PURE__ */ e.createElement(fa, { padding: "none" }, Ze) : Ze;
+}, ro = [
 	" ",
 	"/",
 	".",
@@ -11856,7 +11859,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], ro = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), io = (e) => {
+], io = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ao = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -11869,18 +11872,18 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, ao = (e, t, n) => {
+}, oo = (e, t, n) => {
 	let [r, i] = h([]);
 	return l(() => {
 		let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
 			let e = Array.from(document.querySelectorAll(r));
 			e.forEach((e) => {
-				no.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(ro(t), "g"), "-"));
+				ro.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp(io(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(io(e));
+			}), i(ao(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -11896,7 +11899,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, oo = (e, t) => {
+}, so = (e, t) => {
 	let [n, r] = h(void 0), i = m({});
 	return l(() => {
 		let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -11915,7 +11918,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, so = ({ 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", {
+}, co = ({ 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", {
@@ -11931,8 +11934,8 @@ var qa = ({ 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))))))), co = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
-	let d = "pds-toc", { nestedHeadings: f } = ao(c, o, u()), p = oo(c, o), m = (e) => {
+}, r.title))))))), lo = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
+	let d = "pds-toc", { nestedHeadings: f } = oo(c, o, u()), p = so(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -11950,13 +11953,13 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		baseClass: d,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(so, {
+	}, a), /* @__PURE__ */ e.createElement(co, {
 		activeID: p,
 		baseClass: d,
 		headings: f,
 		onLinkClick: g
 	}));
-}, lo = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, uo = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [u, d] = h(a ?? r);
 	l(() => {
 		a !== void 0 && d(a);
@@ -12070,7 +12073,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== u
 	}, r)))));
-}, uo = [
+}, fo = [
 	"orange",
 	"stone",
 	"gold",
@@ -12084,7 +12087,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"magenta",
 	"rose",
 	"red"
-], fo = [
+], po = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -12094,14 +12097,14 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"lime-solid",
 	"sky-solid",
 	"slate-solid"
-], po = [
+], mo = [
 	"success-solid",
 	"warning-solid",
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], mo = [...fo, ...po], ho = [...uo, ...fo], go = (e) => ho[parseInt(_(e), 16) % ho.length], _o = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, vo = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
-	let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${go(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
+], ho = [...po, ...mo], go = [...fo, ...po], _o = (e) => go[parseInt(_(e), 16) % go.length], vo = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, yo = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
+	let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${_o(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && o(r)) {
@@ -12123,7 +12126,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? _o(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: () => {
@@ -12135,7 +12138,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, yo = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, bo = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
 	let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = Xe(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -12146,7 +12149,7 @@ var qa = ({ 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)));
-}, bo = () => {
+}, xo = () => {
 	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = h(e ? t(window.innerWidth) : "lg");
 	return l(() => {
 		if (!e) return;
@@ -12157,7 +12160,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, xo = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: u, keyboardShortcuts: d = !0, labels: p, mainBackground: g, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
+}, So = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: u, keyboardShortcuts: d = !0, labels: p, mainBackground: g, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
 	let [j, M] = h(u || !1);
 	l(() => {
 		M(u || !1);
@@ -12179,7 +12182,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		M(!j);
-	}, U = bo();
+	}, U = xo();
 	l(() => {
 		U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
 	}, [U]);
@@ -12271,10 +12274,10 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			n ?? ""
 		]),
 		...A
-	}, /* @__PURE__ */ e.createElement(li, {
+	}, /* @__PURE__ */ e.createElement(ui, {
 		destination: I,
 		text: F.skipToContent
-	}), q ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, q), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(ta, {
+	}), q ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, q), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(na, {
 		...a,
 		isOpen: c,
 		placement: "left",
@@ -12282,7 +12285,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && c && b && b();
 		}
 	}, r));
-}, So = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, Co = ({ 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`,
@@ -12300,7 +12303,7 @@ var qa = ({ 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));
-}, Co = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
+}, wo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
 	let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = Xe(t);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, n ?? ""]),
@@ -12314,8 +12317,8 @@ var qa = ({ 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));
-}, wo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
-	let o = Xe(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(Si, {
+}, To = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
+	let o = Xe(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(Ci, {
 		className: Z([
 			l,
 			u,
@@ -12324,8 +12327,8 @@ var qa = ({ 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(da, null, d) : d;
-}, To = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+	return i ? /* @__PURE__ */ e.createElement(fa, null, d) : d;
+}, Eo = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
 	let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = Xe(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -12343,7 +12346,7 @@ var qa = ({ 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)));
-}, Eo = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, Do = ({ 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":
@@ -12364,7 +12367,7 @@ var qa = ({ 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));
-}, Do = ({ 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 }) => {
+}, Oo = ({ 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,
@@ -12390,7 +12393,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, Oo = (e) => {
+}, ko = (e) => {
 	let t = typeof window < "u", [n, r] = h(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return l(() => {
 		if (!t) return;
@@ -12399,20 +12402,20 @@ var qa = ({ 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;
-}, ko = [
+}, Ao = [
 	"light",
 	"dark",
 	"system"
-], Ao = (e) => typeof e == "string" && ko.includes(e), jo = r(null), Mo = {
+], jo = (e) => typeof e == "string" && Ao.includes(e), Mo = r(null), No = {
 	resolvedTheme: "light",
 	setTheme: () => {},
 	theme: "light"
-}, No = ({ 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){}})();`, Po = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: c = "pds-theme", theme: u }) => {
-	let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y = Oo("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
+}, Po = ({ 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){}})();`, Fo = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: c = "pds-theme", theme: u }) => {
+	let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y = ko("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
 	l(() => {
 		if (_(!0), !(d || !o || typeof window > "u")) try {
 			let e = window.localStorage.getItem(c);
-			Ao(e) && m(e);
+			jo(e) && m(e);
 		} catch {}
 	}, []), l(() => {
 		typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -12432,20 +12435,20 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		theme: v
 	};
-	return /* @__PURE__ */ e.createElement(jo.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: No({
+	return /* @__PURE__ */ e.createElement(Mo.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: Po({
 		defaultTheme: n,
 		storageKey: c
 	}) } }), t);
-}, Fo = () => c(jo) ?? Mo, Io = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
+}, Io = () => c(Mo) ?? No, Lo = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
 	l(() => {
 		let e = document.documentElement, t = () => {
 			window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
 		};
 		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
 	}, [r]);
-	let a = n ? /* @__PURE__ */ e.createElement(Po, i, t) : t;
+	let a = n ? /* @__PURE__ */ e.createElement(Fo, i, t) : t;
 	return /* @__PURE__ */ e.createElement(It, null, a);
-}, Lo = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, Ro = ({ 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([
@@ -12459,7 +12462,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, Ro = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, zo = ({ 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,
@@ -12478,7 +12481,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, zo = (e, t, n) => {
+}, Bo = (e, t, n) => {
 	let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: c = !1 } = n ?? {}, [u, d] = h(!1), f = s((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === c, [
 		r,
 		i,
@@ -12502,7 +12505,7 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		m,
 		a
 	]), u;
-}, Bo = () => {
+}, Vo = () => {
 	let e = typeof window < "u", [t, n] = h(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return l(() => {
 		if (!e) return;
@@ -12516,6 +12519,6 @@ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { Jn as ActionCard, xo as AppLayout, rt as Avatar, it as Badge, Bi as Banner, _r as BarChart, on as BranchDiff, di as Breadcrumb, un as Button, dn as ButtonLink, bi as ButtonNav, si as CTALink, qn as Callout, Yn as Card, Xn as CardSelect, Lr as Checkbox, Rr as CheckboxFieldset, zr as CheckboxGroup, mn as ClipboardButton, hn as CloseButton, Dr as CodeBlock, Br as Combobox, Hr as ComboboxMultiselect, Zn as CompactEmptyState, kr as ComparisonList, Si as Container, Kr as Datepicker, So as DocsLayout, ta as Drawer, bn as Dropdown, xi as DropdownMenu, la as ExpansionPanel, ua as ExpansionPanelGroup, Nr as FileDiff, qr as FileUpload, kn as FilterButton, Do as FlexContainer, na as FullScreenOverlay, Io as GlobalWrapper, Lo as Grid, Ro as GridItem, jr as HorizontalEmptyState, Q as Icon, pn as IconButton, Ir as IdentityBlock, Hi as InlineMessage, Jr as InputGroup, yr as LineChart, ci as LinkNewWindow, Gi as MIN_AUTO_CLOSE_DURATION, Rn as MenuButton, ra as Modal, Ci as Navbar, oa as Pagination, sa as PaginationChapter, ca as PaginationCompact, da as Panel, fa as PanelList, pa as PanelRow, ma as PanelStack, va as PantheonLogo, Fr as PaymentIcon, ui as Picture, xr as PieChart, Hn as PlatformIcon, xa as Popover, Ca as ProgressBar, Ta as ProgressRing, Cr as ProportionBar, Yr as RadioGroup, Oa as ResultCount, Wn as SSOButton, Wi as SectionMessage, zn as SegmentedButton, $n as Select, Qn as SelectOptionGroup, wi as SideNav, Ei as SideNavGlobal, Ti as SideNavGlobalItem, Co as SidebarLayout, ja as SiteFooter, Oi as SiteMenu, Ma as SiteOptionDisplay, Na as SiteSearch, Ln as SiteTypeIcon, In as SiteTypeLabel, pr as Skeleton, li as Skiplink, Ga as SortableList, za as SortableListHeader, qa as SortableRow, nn as Spinner, Bn as SplitButton, rn as StatusBadge, Ya as StatusChecker, Xa as StatusIndicator, jn as StatusTypeLabels, Za as StepList, Qa as Stepper, wo as StepperLayout, Xr as Switch, Ai as TabMenu, to as Table, co as TableOfContents, lo as Tabs, vo as Tag, Qr as TagsInput, an as Tally, ti as TextInput, $r as Textarea, jo as ThemeContext, Po as ThemeContextProvider, Pi as ThemeSwitcher, To as ThreeItemLayout, oi as TimeInput, Qi as Toast, $i as ToastType, Yi as Toaster, qi as ToasterContext, zt as Tooltip, Mi as TreeNav, Eo as TwoItemLayout, Fi as UserMenu, yo as UtilityBar, Gn as UtilityButton, Mr as VerticalEmptyState, eo as VerticalStepper, Ar as VideoEmbed, Ii as WorkspaceSelector, Wr as getPresetDateRange, No as getThemeInitScript, et as iconList, Nn as isHeadingItemType, Pn as isLinkItemType, Fn as isNodeItemType, Mn as isSeparatorItemType, Ja as statusCheckerStates, uo as tagColors, mo as tagSolidColors, fo as tagSolidHueColors, po as tagSolidStatusColors, bo as useBreakpoint, fn as useClipboard, _n as useDropdown, Nt as useIsMobile, zo as useKeyPress, Rt as useKeyboardShortcut, Oo as useMediaQuery, Fo as useTheme, ea as useToast, Bo as useWindowWidth };
+export { Jn as ActionCard, So as AppLayout, rt as Avatar, it as Badge, Vi as Banner, vr as BarChart, on as BranchDiff, fi as Breadcrumb, un as Button, dn as ButtonLink, xi as ButtonNav, ci as CTALink, qn as Callout, Xn as Card, Zn as CardSelect, Rr as Checkbox, zr as CheckboxFieldset, Br as CheckboxGroup, mn as ClipboardButton, hn as CloseButton, Or as CodeBlock, Vr as Combobox, Ur as ComboboxMultiselect, Qn as CompactEmptyState, Ar as ComparisonList, Ci as Container, qr as Datepicker, Co as DocsLayout, na as Drawer, bn as Dropdown, Si as DropdownMenu, ua as ExpansionPanel, da as ExpansionPanelGroup, Pr as FileDiff, Jr as FileUpload, kn as FilterButton, Oo as FlexContainer, ra as FullScreenOverlay, Lo as GlobalWrapper, Ro as Grid, zo as GridItem, Mr as HorizontalEmptyState, Q as Icon, pn as IconButton, Lr as IdentityBlock, Ui as InlineMessage, Yr as InputGroup, br as LineChart, li as LinkNewWindow, Ki as MIN_AUTO_CLOSE_DURATION, Rn as MenuButton, ia as Modal, wi as Navbar, sa as Pagination, ca as PaginationChapter, la as PaginationCompact, fa as Panel, pa as PanelList, ma as PanelRow, ha as PanelStack, ya as PantheonLogo, Ir as PaymentIcon, di as Picture, Sr as PieChart, Hn as PlatformIcon, Sa as Popover, wa as ProgressBar, Ea as ProgressRing, wr as ProportionBar, Xr as RadioGroup, ka as ResultCount, Wn as SSOButton, Gi as SectionMessage, zn as SegmentedButton, er as Select, $n as SelectOptionGroup, Ti as SideNav, Di as SideNavGlobal, Ei as SideNavGlobalItem, wo as SidebarLayout, Ma as SiteFooter, ki as SiteMenu, Na as SiteOptionDisplay, Pa as SiteSearch, Ln as SiteTypeIcon, In as SiteTypeLabel, mr as Skeleton, ui as Skiplink, Ka as SortableList, Ba as SortableListHeader, Ja as SortableRow, nn as Spinner, Bn as SplitButton, rn as StatusBadge, Xa as StatusChecker, Za as StatusIndicator, jn as StatusTypeLabels, Qa as StepList, $a as Stepper, To as StepperLayout, Zr as Switch, ji as TabMenu, no as Table, lo as TableOfContents, uo as Tabs, yo as Tag, $r as TagsInput, an as Tally, ni as TextInput, ei as Textarea, Mo as ThemeContext, Fo as ThemeContextProvider, Fi as ThemeSwitcher, Eo as ThreeItemLayout, si as TimeInput, $i as Toast, ea as ToastType, Xi as Toaster, Ji as ToasterContext, zt as Tooltip, Ni as TreeNav, Do as TwoItemLayout, Ii as UserMenu, bo as UtilityBar, Gn as UtilityButton, Nr as VerticalEmptyState, to as VerticalStepper, jr as VideoEmbed, Li as WorkspaceSelector, Gr as getPresetDateRange, Po as getThemeInitScript, et as iconList, Nn as isHeadingItemType, Pn as isLinkItemType, Fn as isNodeItemType, Mn as isSeparatorItemType, Ya as statusCheckerStates, fo as tagColors, ho as tagSolidColors, po as tagSolidHueColors, mo as tagSolidStatusColors, xo as useBreakpoint, fn as useClipboard, _n as useDropdown, Nt as useIsMobile, Bo as useKeyPress, Rt as useKeyboardShortcut, ko as useMediaQuery, Io as useTheme, ta as useToast, Vo as useWindowWidth };
 
 //# sourceMappingURL=index.js.map