@pantheon-systems/pds-toolkit-react 2.0.0-alpha.58 → 2.0.0-alpha.59

package/dist/index.js

@@ -2,9 +2,9 @@ import e, { Children as t, cloneElement as n, createContext as r, createElement
 import _ from "hash-sum";
 import { FloatingArrow as v, FloatingFocusManager as y, FloatingOverlay as b, FloatingPortal as x, arrow as S, autoUpdate as C, flip as w, offset as T, safePolygon as E, shift as D, size as O, useClick as k, useDismiss as A, useFloating as j, useFocus as M, useHover as N, useId as P, useInteractions as F, useListNavigation as I, useRole as L, useTransitionStyles as R, useTypeahead as z } from "@floating-ui/react";
 import { useHotkeys as B } from "react-hotkeys-hook";
-import { Bar as V, BarChart as H, CartesianGrid as U, Cell as ee, Line as W, LineChart as G, Pie as te, PieChart as K, Rectangle as ne, ReferenceLine as re, ResponsiveContainer as ie, Tooltip as q, XAxis as ae, YAxis as oe } from "recharts";
-import { CodeBlock as J } from "react-code-block";
-import { useCombobox as Y, useMultipleSelection as X } from "downshift";
+import { Bar as V, BarChart as H, CartesianGrid as U, Cell as W, Line as G, LineChart as K, Pie as ee, PieChart as q, Rectangle as te, ReferenceLine as ne, ResponsiveContainer as re, Tooltip as J, XAxis as ie, YAxis as ae } from "recharts";
+import { CodeBlock as Y } from "react-code-block";
+import { useCombobox as oe, useMultipleSelection as X } from "downshift";
 import { format as se } from "date-fns";
 import { DayPicker as ce } from "react-day-picker";
 import { isSafari as le } from "react-device-detect";
@@ -3544,12 +3544,12 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		return e.forEach((t, o) => {
 			t === i ? (n.push(a), a = [], a.push(t), i = r.shift()) : (a.push(t), o + 1 === e.length && n.push(a));
 		}), n.filter((e) => e.length > 0);
-	}, H, U = u === "m" ? "s" : "xs", ee = f ? /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement(an, {
+	}, H, U = u === "m" ? "s" : "xs", W = f ? /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement(an, {
 		className: "pds-button__tally",
 		label: f.label,
 		size: U,
 		type: f.type
-	})) : s, W = f ? /* @__PURE__ */ e.createElement("span", { className: `${j}__accordion-label` }, s, /* @__PURE__ */ e.createElement(an, {
+	})) : s, G = f ? /* @__PURE__ */ e.createElement("span", { className: `${j}__accordion-label` }, s, /* @__PURE__ */ e.createElement(an, {
 		className: `${j}__tally`,
 		label: f.label,
 		size: "s",
@@ -3566,7 +3566,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		iconName: "angleDown",
 		id: M,
 		isSplitButton: o,
-		label: ee,
+		label: W,
 		size: u,
 		statusDot: d,
 		type: "button",
@@ -3591,18 +3591,18 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			...C({ onClick: L })
 		});
 	}
-	let G = i ? /* @__PURE__ */ e.createElement("span", { className: `${j}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", s) : W, te = T ? `${j}--expanded` : null;
+	let K = i ? /* @__PURE__ */ e.createElement("span", { className: `${j}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", s) : G, ee = T ? `${j}--expanded` : null;
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([
 			j,
-			te,
+			ee,
 			t
 		]),
 		"data-testid": p,
 		..._
 	}, A ? /* @__PURE__ */ e.createElement(An, {
 		disabled: n,
-		label: G
+		label: K
 	}, /* @__PURE__ */ e.createElement("ul", {
 		className: `${j}__mobile-menu`,
 		role: "menu"
@@ -4176,25 +4176,25 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 }, message: d, onBlur: f, onFocus: p, onOptionSelect: m, options: g, required: _ = !1, showLabel: v = !0, showSelectedIcon: y = !0, size: b = "s", tooltipText: x = null, validationMessage: S, validationStatus: C, value: w, ...T }) => {
 	let E = Bt(s), D = "pds-select", O = t ? `${D}--auto-width` : null, k = b === "s" ? null : `${D}--${b}`, A = i ? $.disabled : null, j = _ && !i ? $.required : null, M = C === "error" ? $.error : null, N = C === "success" ? $.success : null, P = null;
 	C === "error" && (P = "error"), C === "success" && (P = "success");
-	let F = S || d, I = w !== void 0, L = r !== void 0, R = ((e) => e.reduce((e, t) => Zt(t) ? [...e, ...t.options] : [...e, t], []))(g), z = (e) => R.findIndex((t) => t.value === e), B = I && z(w) >= 0 ? z(w) : null, V = L ? z(r) : null, [H, U] = h((B || V) ?? null), { activeIndex: ee, floatingStyles: W, getFloatingProps: G, getItemProps: te, getReferenceProps: K, isMounted: ne, listRef: re, refs: ie, setIsOpen: q, transitionStyles: ae } = _n({
+	let F = S || d, I = w !== void 0, L = r !== void 0, R = ((e) => e.reduce((e, t) => Zt(t) ? [...e, ...t.options] : [...e, t], []))(g), z = (e) => R.findIndex((t) => t.value === e), B = I && z(w) >= 0 ? z(w) : null, V = L ? z(r) : null, [H, U] = h((B || V) ?? null), { activeIndex: W, floatingStyles: G, getFloatingProps: K, getItemProps: ee, getReferenceProps: q, isMounted: te, listRef: ne, refs: re, setIsOpen: J, transitionStyles: ie } = _n({
 		enableClick: !i,
 		enableTypeahead: !0,
 		role: "listbox",
 		selectedIndex: H,
 		variant: "input"
-	}), oe = H === null ? void 0 : R[H]?.label, J = H === null ? void 0 : R[H]?.icon, Y = H === null ? void 0 : R[H]?.value, X = (e) => {
+	}), ae = H === null ? void 0 : R[H]?.label, Y = H === null ? void 0 : R[H]?.icon, oe = H === null ? void 0 : R[H]?.value, X = (e) => {
 		let t = R[e];
-		I || (U(e), q(!1)), m && m(t);
+		I || (U(e), J(!1)), m && m(t);
 	};
 	l(() => {
-		I && (U(z(w)), q(!1));
+		I && (U(z(w)), J(!1));
 	}, [w]);
 	let se = () => {
-		f && f(Y);
+		f && f(oe);
 	}, ce = () => {
-		p && p(Y);
+		p && p(oe);
 	}, le = () => {
-		ie.reference.current.focus();
+		re.reference.current.focus();
 	}, ue = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(Hn, {
 		className: n,
 		platformType: t,
@@ -4212,17 +4212,17 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 					return /* @__PURE__ */ e.createElement(Qt, {
 						key: r,
 						ref: (e) => {
-							re.current[r] = e;
+							ne.current[r] = e;
 						},
 						"aria-disabled": t?.disabled,
-						"aria-selected": r === H && r === ee,
-						tabIndex: r === ee ? 0 : -1,
-						...!t?.disabled && te({
+						"aria-selected": r === H && r === W,
+						tabIndex: r === W ? 0 : -1,
+						...!t?.disabled && ee({
 							onClick() {
 								X(r);
 							},
 							onKeyDown(e) {
-								e.key === "Enter" && (e.preventDefault(), X(r), ie.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ie.reference.current.focus());
+								e.key === "Enter" && (e.preventDefault(), X(r), re.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), re.reference.current.focus());
 							}
 						})
 					}, /* @__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));
@@ -4236,17 +4236,17 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			return /* @__PURE__ */ e.createElement(Qt, {
 				key: r,
 				ref: (e) => {
-					re.current[r] = e;
+					ne.current[r] = e;
 				},
 				"aria-disabled": t?.disabled,
-				"aria-selected": r === H && r === ee,
-				tabIndex: r === ee ? 0 : -1,
-				...!t?.disabled && te({
+				"aria-selected": r === H && r === W,
+				tabIndex: r === W ? 0 : -1,
+				...!t?.disabled && ee({
 					onClick() {
 						X(r);
 					},
 					onKeyDown(e) {
-						e.key === "Enter" && (e.preventDefault(), X(r), ie.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ie.reference.current.focus());
+						e.key === "Enter" && (e.preventDefault(), X(r), re.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), re.reference.current.focus());
 					}
 				})
 			}, /* @__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));
@@ -4283,29 +4283,29 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		showLabel: v,
 		tooltipText: x
 	}), /* @__PURE__ */ e.createElement("span", {
-		ref: ie.setReference,
+		ref: re.setReference,
 		"aria-autocomplete": "none",
 		"aria-labelledby": `${o}-label`,
 		className: `${D}__input-wrapper`,
 		id: o,
 		tabIndex: 0,
-		...K({
+		...q({
 			onClick: le,
 			onBlur: se,
 			onFocus: ce
 		})
-	}, P && /* @__PURE__ */ e.createElement(Kt, { variant: P }), /* @__PURE__ */ e.createElement("span", { className: `${D}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-text` }, (J || !oe && a) && ue(J || a, `${D}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label-text` }, oe ?? u.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
+	}, P && /* @__PURE__ */ e.createElement(Kt, { variant: P }), /* @__PURE__ */ e.createElement("span", { className: `${D}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-text` }, (Y || !ae && a) && ue(Y || a, `${D}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label-text` }, ae ?? u.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
 		className: `${D}__trigger-icon`,
 		iconName: "angleDown"
-	}))), ne && /* @__PURE__ */ e.createElement("div", {
-		ref: ie.setFloating,
+	}))), te && /* @__PURE__ */ e.createElement("div", {
+		ref: re.setFloating,
 		className: `pds-dropdown__panel ${D}__dropdown`,
 		style: {
-			...W,
+			...G,
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
-		...G()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...ae } }, /* @__PURE__ */ e.createElement("ul", {
+		...K()
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...ie } }, /* @__PURE__ */ e.createElement("ul", {
 		className: `${D}__options`,
 		role: "group"
 	}, de(g)))), F && /* @__PURE__ */ e.createElement(Wt, {
@@ -4617,7 +4617,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ 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: ee = "No data available", emptyStateMessage: W, legendTableHeader: G, loadingLabel: te = "Loading chart data" } = d, K = m(null), re = tr(a, sr(K, a)), J = n ?? (u ? 60 : 360), Y = 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);
+	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);
 	de && (pe.current = de);
 	let me = m({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -4665,36 +4665,36 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		fe(null);
 	}, []);
 	if (c) return /* @__PURE__ */ e.createElement("div", {
-		ref: K,
+		ref: q,
 		"aria-busy": "true",
-		"aria-label": te,
+		"aria-label": ee,
 		className: Z([
 			xe,
 			`${xe}--loading`,
 			i ?? ""
 		]),
-		style: { maxWidth: Y },
+		style: { maxWidth: oe },
 		...z
 	}, /* @__PURE__ */ e.createElement(hr, {
-		height: J,
+		height: Y,
 		legendVariant: p,
 		showLegend: ce
 	}));
 	if (!o || o.length === 0) return /* @__PURE__ */ e.createElement("div", {
-		ref: K,
+		ref: q,
 		className: Z([
 			xe,
 			`${xe}--empty`,
 			i ?? ""
 		]),
 		style: {
-			height: J,
-			maxWidth: Y
+			height: Y,
+			maxWidth: oe
 		},
 		...z
 	}, /* @__PURE__ */ e.createElement(Zn, {
-		heading: ee,
-		message: W
+		heading: W,
+		message: G
 	}));
 	let Te = f === "vertical", Ee = (e) => A === "grouped" || A === "stacked" && e === v.length - 1 ? Te ? [
 		0,
@@ -4708,7 +4708,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		0
 	] : 0, De = (t) => ({ fill: n, height: r, radius: i, width: a, x: o, y: s }) => {
 		let c = t > 0, l = t < v.length - 1;
-		return /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement(ne, {
+		return /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement(te, {
 			fill: n,
 			height: r,
 			radius: i,
@@ -4746,9 +4746,9 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		})));
 	};
 	return /* @__PURE__ */ e.createElement("div", {
-		ref: K,
+		ref: q,
 		className: Z([xe, i ?? ""]),
-		style: Y ? { maxWidth: Y } : void 0,
+		style: oe ? { maxWidth: oe } : void 0,
 		...z
 	}, !u && O && O.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${xe}__header` }, /* @__PURE__ */ e.createElement($n, {
 		autoWidth: !0,
@@ -4767,12 +4767,12 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		onMouseMove: le && !k ? Ce : void 0,
 		style: {
 			contain: "layout size",
-			height: J
+			height: Y
 		}
-	}, /* @__PURE__ */ e.createElement(ie, {
+	}, /* @__PURE__ */ e.createElement(re, {
 		debounce: 150,
-		height: J,
-		minHeight: J,
+		height: Y,
+		minHeight: Y,
 		minWidth: 50,
 		width: "100%"
 	}, /* @__PURE__ */ e.createElement(H, {
@@ -4797,7 +4797,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3",
 		vertical: Te
-	}), /* @__PURE__ */ e.createElement(ae, {
+	}), /* @__PURE__ */ e.createElement(ie, {
 		axisLine: se,
 		dataKey: Te ? void 0 : "label",
 		hide: !se,
@@ -4814,7 +4814,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tickLine: !1,
 		tickMargin: 10,
 		type: Te ? "number" : "category"
-	}), /* @__PURE__ */ e.createElement(oe, {
+	}), /* @__PURE__ */ e.createElement(ae, {
 		axisLine: se,
 		dataKey: Te ? "label" : void 0,
 		domain: P,
@@ -4833,7 +4833,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tickLine: !1,
 		tickMargin: 6,
 		type: Te ? "category" : "number"
-	}), le && k && /* @__PURE__ */ e.createElement(q, {
+	}), le && k && /* @__PURE__ */ e.createElement(J, {
 		content: (e) => !e.active || !e.payload?.length ? null : k({
 			entries: e.payload.map((e) => ({
 				color: String(e.color ?? ""),
@@ -4847,12 +4847,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, re, t.color, nr(a, t.paletteIndex)),
+		fill: ar(n, ne, t.color, nr(a, t.paletteIndex)),
 		name: t.label,
 		onMouseEnter: k ? void 0 : (e) => {
 			let r = e.payload;
 			le && r && fe({
-				color: ar(n, re, t.color, nr(a, t.paletteIndex)),
+				color: ar(n, ne, t.color, nr(a, t.paletteIndex)),
 				label: String(r.label ?? ""),
 				name: t.label,
 				value: Number(r[t.dataKey] ?? 0)
@@ -4879,8 +4879,8 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		ariaHidden: p === "table" && ue,
 		data: o,
 		series: v,
-		seriesColors: re,
-		tableHeader: G,
+		seriesColors: ne,
+		tableHeader: K,
 		valueFormatter: F,
 		variant: p
 	}), ue && /* @__PURE__ */ e.createElement(ur, {
@@ -4895,14 +4895,14 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		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, ee = x ?? !c, te = S ?? !c, K = y ?? !c, ne = _ ?? !0, J = "pds-line-chart";
+	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";
 	return s ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		"aria-busy": "true",
 		"aria-label": I,
 		className: Z([
-			J,
-			`${J}--loading`,
+			Y,
+			`${Y}--loading`,
 			i ?? ""
 		]),
 		style: { maxWidth: B },
@@ -4910,12 +4910,12 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, /* @__PURE__ */ e.createElement(hr, {
 		height: z,
 		legendVariant: u,
-		showLegend: ee
+		showLegend: W
 	})) : !o || o.length === 0 ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		className: Z([
-			J,
-			`${J}--empty`,
+			Y,
+			`${Y}--empty`,
 			i ?? ""
 		]),
 		style: {
@@ -4928,12 +4928,12 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		message: P
 	})) : /* @__PURE__ */ e.createElement("div", {
 		ref: L,
-		className: Z([J, i ?? ""]),
+		className: Z([Y, i ?? ""]),
 		style: B ? { maxWidth: B } : void 0,
 		...j
-	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${J}__header` }, /* @__PURE__ */ e.createElement($n, {
+	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Y}__header` }, /* @__PURE__ */ e.createElement($n, {
 		autoWidth: !0,
-		id: `${J}-time-period`,
+		id: `${Y}-time-period`,
 		label: "Time period",
 		onOptionSelect: (e) => f?.(e.value),
 		options: C.map((e) => ({
@@ -4948,13 +4948,13 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			contain: "layout size",
 			height: z
 		}
-	}, /* @__PURE__ */ e.createElement(ie, {
+	}, /* @__PURE__ */ e.createElement(re, {
 		debounce: 150,
 		height: z,
 		minHeight: z,
 		minWidth: 50,
 		width: "100%"
-	}, /* @__PURE__ */ e.createElement(G, {
+	}, /* @__PURE__ */ e.createElement(K, {
 		accessibilityLayer: !1,
 		data: o,
 		margin: c ? {
@@ -4971,7 +4971,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, V && /* @__PURE__ */ e.createElement(U, {
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3"
-	}), /* @__PURE__ */ e.createElement(ae, {
+	}), /* @__PURE__ */ e.createElement(ie, {
 		axisLine: H,
 		dataKey: "label",
 		hide: !H,
@@ -4985,7 +4985,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tick: H ? cr : !1,
 		tickLine: !1,
 		tickMargin: 10
-	}), /* @__PURE__ */ e.createElement(oe, {
+	}), /* @__PURE__ */ e.createElement(ae, {
 		axisLine: H,
 		domain: D,
 		hide: !H,
@@ -5001,7 +5001,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tickFormatter: O,
 		tickLine: !1,
 		tickMargin: 6
-	}), te && /* @__PURE__ */ e.createElement(q, { content: (t) => {
+	}), ee && /* @__PURE__ */ e.createElement(J, { content: (t) => {
 		if (!t.active || !t.payload?.length) return null;
 		let n = t.payload.map((e) => ({
 			color: String(e.color ?? ""),
@@ -5019,11 +5019,11 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			className: "recharts-tooltip-item__color",
 			style: { backgroundColor: t.color }
 		}), t.name, /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, " ", ":", " "), O(t.value))));
-	} }), g.map((t, n) => /* @__PURE__ */ e.createElement(W, {
+	} }), g.map((t, n) => /* @__PURE__ */ e.createElement(G, {
 		key: t.dataKey,
-		activeDot: K ? { r: 6 } : !1,
+		activeDot: q ? { r: 6 } : !1,
 		dataKey: t.dataKey,
-		dot: K ? {
+		dot: q ? {
 			fill: ar(n, R, t.color, nr(a, t.paletteIndex)),
 			r: 4,
 			strokeWidth: 0
@@ -5035,7 +5035,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		type: d === "straight" ? "linear" : "monotone"
 	})), !c && p?.map((t, n) => {
 		let r = t.color ?? "var(--pds-color-foreground-default-secondary)";
-		return /* @__PURE__ */ e.createElement(re, {
+		return /* @__PURE__ */ e.createElement(ne, {
 			key: `ref-y-${n}`,
 			label: ({ viewBox: n }) => {
 				let r = (n?.x ?? 0) + (n?.width ?? 0) / 2, i = (n?.y ?? 0) - 8;
@@ -5055,7 +5055,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		});
 	}), !c && t?.map((t, n) => {
 		let r = t.color ?? "var(--pds-color-foreground-default-secondary)";
-		return /* @__PURE__ */ e.createElement(re, {
+		return /* @__PURE__ */ e.createElement(ne, {
 			key: `annotation-${n}`,
 			label: ({ viewBox: n }) => {
 				let r = (n?.x ?? 0) + (n?.width ?? 0) / 2, i = (n?.y ?? 0) - 8;
@@ -5073,15 +5073,15 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			strokeDasharray: vr(t.strokeStyle ?? "dashed"),
 			x: t.atLabel
 		});
-	})))), ee && /* @__PURE__ */ e.createElement(dr, {
-		ariaHidden: u === "table" && ne,
+	})))), W && /* @__PURE__ */ e.createElement(dr, {
+		ariaHidden: u === "table" && te,
 		data: o,
 		series: g,
 		seriesColors: R,
 		tableHeader: F,
 		valueFormatter: O,
 		variant: u
-	}), ne && /* @__PURE__ */ e.createElement(ur, {
+	}), te && /* @__PURE__ */ e.createElement(ur, {
 		data: o,
 		description: M,
 		series: g,
@@ -5164,13 +5164,13 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			margin: "0 auto",
 			width: `min(100%, ${w}px)`
 		}
-	}, /* @__PURE__ */ e.createElement(ie, {
+	}, /* @__PURE__ */ e.createElement(re, {
 		debounce: 150,
 		height: w,
 		minHeight: w,
 		minWidth: 50,
 		width: "100%"
-	}, /* @__PURE__ */ e.createElement(K, { accessibilityLayer: !1 }, /* @__PURE__ */ e.createElement(te, {
+	}, /* @__PURE__ */ e.createElement(q, { accessibilityLayer: !1 }, /* @__PURE__ */ e.createElement(ee, {
 		cx: "50%",
 		cy: "50%",
 		data: A,
@@ -5179,10 +5179,10 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		isAnimationActive: !s,
 		outerRadius: "80%",
 		stroke: "none"
-	}, a.map((t, n) => /* @__PURE__ */ e.createElement(ee, {
+	}, a.map((t, n) => /* @__PURE__ */ e.createElement(W, {
 		key: t.label,
 		fill: k(n, t)
-	}))), D && /* @__PURE__ */ e.createElement(q, {
+	}))), D && /* @__PURE__ */ e.createElement(J, {
 		content: (t) => {
 			if (!t.active || !t.payload?.length) return null;
 			let n = t.payload[0], r = Number(n.value ?? 0), i = O > 0 ? Math.round(r / O * 100) : 0, a = String(n.payload?.fill ?? "");
@@ -5229,7 +5229,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		width: 0,
 		x: 0,
 		y: 0
-	}) }), { context: V, floatingStyles: H, refs: U, update: ee } = j({
+	}) }), { context: V, floatingStyles: H, refs: U, update: W } = j({
 		middleware: [
 			T(8),
 			w(),
@@ -5238,7 +5238,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		open: !!I,
 		placement: "top",
 		whileElementsMounted: C
-	}), { isMounted: W, styles: G } = R(V, {
+	}), { isMounted: G, styles: K } = R(V, {
 		duration: {
 			close: 150,
 			open: 150
@@ -5248,7 +5248,7 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	l(() => {
 		U.setReference(B.current);
 	}, [U]);
-	let te = s((e) => {
+	let ee = s((e) => {
 		B.current.getBoundingClientRect = () => ({
 			bottom: e.clientY,
 			height: 0,
@@ -5258,8 +5258,8 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			width: 0,
 			x: e.clientX,
 			y: e.clientY
-		}), ee();
-	}, [ee]), K = s(() => {
+		}), W();
+	}, [W]), q = s(() => {
 		L(null);
 	}, []);
 	return o ? /* @__PURE__ */ e.createElement("div", {
@@ -5297,8 +5297,8 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
 		className: `${k}__track`,
-		onMouseLeave: N ? K : void 0,
-		onMouseMove: N ? te : void 0,
+		onMouseLeave: N ? q : void 0,
+		onMouseMove: N ? ee : void 0,
 		style: { height: t }
 	}, a.map((t, n) => {
 		let r = F(n, t), i = Math.round(t.value / P * 100);
@@ -5316,13 +5316,13 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				flex: t.value
 			}
 		});
-	})), N && W && z.current && /* @__PURE__ */ e.createElement("div", {
+	})), N && G && z.current && /* @__PURE__ */ e.createElement("div", {
 		ref: U.setFloating,
 		className: "recharts-default-tooltip",
 		role: "tooltip",
 		style: {
 			...H,
-			...G,
+			...K,
 			pointerEvents: "none",
 			zIndex: "var(--pds-z-index-notifications)"
 		}
@@ -6429,17 +6429,17 @@ var Er = {
 			variant: "reverse"
 		}))));
 	}
-	let C = /* @__PURE__ */ e.createElement(J.LineContent, null, /* @__PURE__ */ e.createElement(J.Token, null)), w = /* @__PURE__ */ e.createElement("div", { className: `${g}__line ${_}` }, /* @__PURE__ */ e.createElement(J.LineNumber, { className: `${g}__number` }), C), T = /* @__PURE__ */ e.createElement("div", { className: `${g}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${g}__prompt` }, f), C);
+	let C = /* @__PURE__ */ e.createElement(Y.LineContent, null, /* @__PURE__ */ e.createElement(Y.Token, null)), w = /* @__PURE__ */ e.createElement("div", { className: `${g}__line ${_}` }, /* @__PURE__ */ e.createElement(Y.LineNumber, { className: `${g}__number` }), C), T = /* @__PURE__ */ e.createElement("div", { className: `${g}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${g}__prompt` }, f), C);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([g, t ?? ""]),
 		style: v,
 		...h
-	}, c ? y : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(J, {
+	}, c ? y : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Y, {
 		code: n,
 		language: l || "",
 		prism: Tr,
 		theme: Er
-	}, /* @__PURE__ */ e.createElement(J.Code, {
+	}, /* @__PURE__ */ e.createElement(Y.Code, {
 		className: `${g}__code`,
 		tabIndex: 0
 	}, a || o ? a ? w : T : C)), i && /* @__PURE__ */ e.createElement("div", { className: `${g}__copy` }, /* @__PURE__ */ e.createElement(mn, {
@@ -7026,15 +7026,15 @@ var Er = {
 	searchShortcut: "Press / to focus the search field",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: v = "Loading results...", message: y, noResultsText: b = "No results found", onBlur: x, onChange: S, onClear: E, onFocus: D, onOptionSelect: k, options: A, placeholder: M, required: N = !1, showLabel: P = !0, showUnfilteredOptions: F = !1, size: I = "s", tooltipText: L = null, validationMessage: z, validationStatus: B, value: V, ...H }, U) => {
-	let ee = Bt(d), W = "pds-combobox", G = I === "s" ? null : `${W}--${I}`, te = r ? $.disabled : null, K = N && !r ? $.required : null, ne = B === "error" ? $.error : null, re = B === "success" ? $.success : null, ie = null;
-	o && (ie = "search"), B === "error" && (ie = "error"), B === "success" && (ie = "success");
-	let q = z || y, ae = V !== void 0, oe = n !== void 0, J = (e) => {
+	let W = Bt(d), G = "pds-combobox", K = I === "s" ? null : `${G}--${I}`, ee = r ? $.disabled : null, q = N && !r ? $.required : null, te = B === "error" ? $.error : null, ne = B === "success" ? $.success : null, re = null;
+	o && (re = "search"), B === "error" && (re = "error"), B === "success" && (re = "success");
+	let J = z || y, ie = V !== void 0, ae = n !== void 0, Y = (e) => {
 		let t = A.find((t) => t.value === e);
 		return t ? t.label : "";
-	}, [X, se] = h(oe ? n : void 0), [ce, le] = h(ae ? V ?? "" : oe ? J(n) : "");
+	}, [X, se] = h(ae ? n : void 0), [ce, le] = h(ie ? V ?? "" : ae ? Y(n) : "");
 	l(() => {
-		ae && le(V ?? "");
-	}, [ae, V]);
+		ie && le(V ?? "");
+	}, [ie, V]);
 	let ue = m(null), de = (e) => e.map(({ label: e, optionDisplay: t, searchIndex: n, value: r, ...i }) => {
 		let a = r || e, o = [e, r];
 		return n && o.push(...n), {
@@ -7054,7 +7054,7 @@ var Er = {
 		ce,
 		F,
 		f
-	]), { getInputProps: pe, getItemProps: me, getMenuProps: he, highlightedIndex: ge, isOpen: _e, openMenu: ve, reset: ye } = Y({
+	]), { getInputProps: pe, getItemProps: me, getMenuProps: he, highlightedIndex: ge, isOpen: _e, openMenu: ve, reset: ye } = oe({
 		id: u,
 		inputId: `input-${u}`,
 		items: fe,
@@ -7064,14 +7064,14 @@ var Er = {
 			le(e ?? "");
 		},
 		onSelectedItemChange: ({ selectedItem: e }) => {
-			e && (ae || le(e.label), se(e.value), k?.(e));
+			e && (ie || le(e.label), se(e.value), k?.(e));
 		},
 		stateReducer: (e, { changes: t, type: n }) => {
-			if (n === Y.stateChangeTypes.InputBlur) return {
+			if (n === oe.stateChangeTypes.InputBlur) return {
 				...t,
 				inputValue: e.inputValue
 			};
-			if (n === Y.stateChangeTypes.InputClick) {
+			if (n === oe.stateChangeTypes.InputClick) {
 				if (F) return {
 					...t,
 					isOpen: !0
@@ -7120,7 +7120,7 @@ var Er = {
 	}, [U, Se]), Ee = () => {
 		_e ? ye() : ve();
 	}, De = () => {
-		ae || le(""), se(void 0), ye(), ue.current?.focus(), F && ve(), E?.();
+		ie || le(""), se(void 0), ye(), ue.current?.focus(), F && ve(), E?.();
 	}, Oe = (e) => {
 		x?.(X);
 	}, ke = (e) => {
@@ -7132,19 +7132,19 @@ var Er = {
 			item: t,
 			index: n
 		})
-	}, /* @__PURE__ */ e.createElement("span", { className: `${W}__option-label` }, t.optionDisplay || t.label)));
+	}, /* @__PURE__ */ e.createElement("span", { className: `${G}__option-label` }, t.optionDisplay || t.label)));
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			W,
 			G,
-			te,
 			K,
+			ee,
+			q,
+			te,
 			ne,
-			re,
 			t ?? ""
 		]),
-		style: d ? ee : null,
+		style: d ? W : null,
 		...H
 	}, /* @__PURE__ */ e.createElement(Ut, {
 		disabled: r,
@@ -7155,16 +7155,16 @@ var Er = {
 		tooltipText: L
 	}), /* @__PURE__ */ e.createElement("span", {
 		ref: Te,
-		"aria-describedby": q ? `${u}__message` : null,
+		"aria-describedby": J ? `${u}__message` : null,
 		"aria-disabled": r ? !0 : null,
 		"aria-invalid": B === "error" ? !0 : null,
 		"aria-required": N ? !0 : null,
-		className: `${W}__input-wrapper`,
+		className: `${G}__input-wrapper`,
 		id: u
-	}, ie && /* @__PURE__ */ e.createElement(Kt, { variant: ie }), /* @__PURE__ */ e.createElement("input", {
+	}, re && /* @__PURE__ */ e.createElement(Kt, { variant: re }), /* @__PURE__ */ e.createElement("input", {
 		ref: ue,
 		autoComplete: "off",
-		className: `${W}__input`,
+		className: `${G}__input`,
 		id: `input-${u}`,
 		...pe({
 			"aria-label": _.inputInstructions,
@@ -7186,30 +7186,30 @@ var Er = {
 	}), a && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": _e,
 		"aria-label": _.triggerButton,
-		className: `${W}__trigger`,
+		className: `${G}__trigger`,
 		disabled: r,
 		onClick: Ee,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: `${W}__trigger-icon`,
+		className: `${G}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
 	}))), /* @__PURE__ */ e.createElement("div", {
 		ref: Se.setFloating,
-		className: `pds-dropdown__panel ${W}__dropdown`,
+		className: `pds-dropdown__panel ${G}__dropdown`,
 		style: Ce ? {
 			...xe,
 			...we,
 			zIndex: "var(--pds-z-index-dropdown)"
 		} : { display: "none" }
-	}, Ce && f && /* @__PURE__ */ e.createElement("div", { className: `${W}__loading` }, v), Ce && !f && fe.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, b), /* @__PURE__ */ e.createElement("ul", {
-		className: `${W}__options`,
+	}, Ce && f && /* @__PURE__ */ e.createElement("div", { className: `${G}__loading` }, v), Ce && !f && fe.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, b), /* @__PURE__ */ e.createElement("ul", {
+		className: `${G}__options`,
 		...he(),
 		style: Ce && !f && fe.length > 0 ? void 0 : { display: "none" }
-	}, Ce && !f && Ae())), q && /* @__PURE__ */ e.createElement(Wt, {
+	}, Ce && !f && Ae())), J && /* @__PURE__ */ e.createElement(Wt, {
 		hasValidationMessage: !!z,
 		id: u,
-		message: q,
+		message: J,
 		validationMessageHasDecorators: !1,
 		validationStatus: B
 	}));
@@ -7227,16 +7227,16 @@ 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), ee = 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(() => Vr(g, R, I), [
 		g,
 		R,
 		I
-	]), W = p(() => t?.items?.map((e) => ({
+	]), G = p(() => t?.items?.map((e) => ({
 		...e,
 		isAlreadySelected: R.some((t) => t.id === e.id)
-	})) || [], [t?.items, R]), G = (e) => {
+	})) || [], [t?.items, R]), K = (e) => {
 		z(e), f?.(e);
-	}, { getDropdownProps: te, getSelectedItemProps: K, removeSelectedItem: ne } = X({
+	}, { getDropdownProps: ee, getSelectedItemProps: q, removeSelectedItem: te } = X({
 		selectedItems: R,
 		onStateChange: ({ selectedItems: e, type: t }) => {
 			if (!r) switch (t) {
@@ -7244,13 +7244,13 @@ var Er = {
 				case X.stateChangeTypes.SelectedItemKeyDownDelete:
 				case X.stateChangeTypes.DropdownKeyDownBackspace:
 				case X.stateChangeTypes.FunctionRemoveSelectedItem:
-					G(e || []);
+					K(e || []);
 					break;
 				default: break;
 			}
 		}
-	}), { closeMenu: re, getInputProps: ie, getItemProps: q, getMenuProps: ae, getToggleButtonProps: oe, highlightedIndex: J, isOpen: se, openMenu: ce, selectedItem: le } = Y({
-		items: ee,
+	}), { closeMenu: ne, getInputProps: re, getItemProps: J, getMenuProps: ie, getToggleButtonProps: ae, highlightedIndex: Y, isOpen: se, openMenu: ce, selectedItem: le } = oe({
+		items: W,
 		itemToString: (e) => e ? e.label : "",
 		selectedItem: null,
 		inputValue: I,
@@ -7258,8 +7258,8 @@ var Er = {
 		stateReducer: (e, { changes: t, type: n }) => {
 			if (r) return e;
 			switch (n) {
-				case Y.stateChangeTypes.InputKeyDownEnter:
-				case Y.stateChangeTypes.ItemClick: return {
+				case oe.stateChangeTypes.InputKeyDownEnter:
+				case oe.stateChangeTypes.ItemClick: return {
 					...t,
 					isOpen: !0,
 					highlightedIndex: e.highlightedIndex
@@ -7269,16 +7269,16 @@ var Er = {
 		},
 		onStateChange: ({ inputValue: e, isOpen: t, selectedItem: n, type: i }) => {
 			if (!r) switch (i) {
-				case Y.stateChangeTypes.InputKeyDownEnter:
-				case Y.stateChangeTypes.ItemClick:
-				case Y.stateChangeTypes.InputBlur:
-					n && (n.isAlreadySelected ? G(R.filter((e) => e.id !== n.id)) : G([...R, n]), L(""), V(null));
+				case oe.stateChangeTypes.InputKeyDownEnter:
+				case oe.stateChangeTypes.ItemClick:
+				case oe.stateChangeTypes.InputBlur:
+					n && (n.isAlreadySelected ? K(R.filter((e) => e.id !== n.id)) : K([...R, n]), L(""), V(null));
 					break;
-				case Y.stateChangeTypes.InputChange:
+				case oe.stateChangeTypes.InputChange:
 					L(e || ""), V(null);
 					break;
-				case Y.stateChangeTypes.ToggleButtonClick:
-				case Y.stateChangeTypes.FunctionOpenMenu:
+				case oe.stateChangeTypes.ToggleButtonClick:
+				case oe.stateChangeTypes.FunctionOpenMenu:
 					t && U(!1);
 					break;
 				default: break;
@@ -7320,9 +7320,9 @@ var Er = {
 	}), { getFloatingProps: he } = F([A(fe)]), ge = (e) => {
 		if (e.stopPropagation(), r) return;
 		let t = !H;
-		U(t), t && se && re();
+		U(t), t && se && ne();
 	}, _e = (e) => {
-		r || (e.isAlreadySelected ? G(R.filter((t) => t.id !== e.id)) : G([...R, e]));
+		r || (e.isAlreadySelected ? K(R.filter((t) => t.id !== e.id)) : K([...R, e]));
 	}, ve = () => {
 		U(!1), t?.onClose?.();
 	}, ye = () => {
@@ -7331,16 +7331,16 @@ var Er = {
 		if (B === null) V(R.length - 1);
 		else {
 			let e = [...R];
-			e.splice(B, 1), G(e), V(null);
+			e.splice(B, 1), K(e), V(null);
 		}
 	}, xe = m(!1), Se = () => {
-		r || (xe.current ? re() : ce());
+		r || (xe.current ? ne() : ce());
 	}, Ce = (e) => {
 		xe.current = se, !r && e.currentTarget.setAttribute("data-focus-method", "mouse");
 	}, we = (e) => {
 		e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !I && R.length > 0 && (e.preventDefault(), be()), e.key === "Enter" && B !== null && (e.preventDefault(), be()), !se && (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), ce()));
-	}, Te = ie({
-		...te({ preventKeyAction: se }),
+	}, Te = re({
+		...ee({ preventKeyAction: se }),
 		disabled: r,
 		onKeyDown: we
 	}), Ee = R.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-item` }, R.length - 1) : R.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-item` }, R.length - 1)) : R.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-item` }, R.length - 1)) : "";
@@ -7379,7 +7379,7 @@ var Er = {
                   ${D}__selected-item
                   ${n === B ? `${D}__selected-item--marked-for-deletion` : ""}
                 `,
-		...K({
+		...q({
 			selectedItem: t,
 			index: n
 		}),
@@ -7388,7 +7388,7 @@ var Er = {
 		"aria-label": `Remove ${t.label}`,
 		className: `${D}__selected-item-remove`,
 		onClick: (e) => {
-			e.stopPropagation(), ne(t);
+			e.stopPropagation(), te(t);
 		},
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && e.stopPropagation();
@@ -7412,13 +7412,13 @@ var Er = {
 		className: `${D}__trigger ${M}`,
 		disabled: r,
 		type: "button",
-		...oe({ onClick: (e) => e.stopPropagation() })
+		...ae({ onClick: (e) => e.stopPropagation() })
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${D}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
 	})))), /* @__PURE__ */ e.createElement("div", {
-		...te(),
+		...ee(),
 		ref: de.setFloating,
 		className: `pds-dropdown__panel ${D}__dropdown`,
 		style: se ? {
@@ -7433,17 +7433,17 @@ var Er = {
 		onClick: (e) => {
 			e.stopPropagation();
 		}
-	})), se && s && /* @__PURE__ */ e.createElement("div", { className: `${D}__loading` }, u), se && !s && ee.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, d), /* @__PURE__ */ e.createElement("ul", {
+	})), se && s && /* @__PURE__ */ e.createElement("div", { className: `${D}__loading` }, u), se && !s && W.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, d), /* @__PURE__ */ e.createElement("ul", {
 		className: `${D}__dropdown-list`,
-		...ae(),
-		style: se && !s && ee.length > 0 ? void 0 : { display: "none" }
-	}, se && !s && ee.map((t, n) => /* @__PURE__ */ e.createElement(Qt, {
+		...ie(),
+		style: se && !s && W.length > 0 ? void 0 : { display: "none" }
+	}, se && !s && W.map((t, n) => /* @__PURE__ */ e.createElement(Qt, {
 		key: `${t.id}-${n}`,
 		className: `${D}__dropdown-item
-                  ${J === n ? "pds-dropdown__item--focused" : ""}
+                  ${Y === n ? "pds-dropdown__item--focused" : ""}
                   ${le === t ? `${D}__dropdown-item--selected` : ""}
                   ${t.isAlreadySelected ? "pds-dropdown__item--active" : ""}`,
-		...q({
+		...J({
 			item: t,
 			index: n
 		})
@@ -7462,7 +7462,7 @@ var Er = {
 		className: `${D}__aux-panel-icon`,
 		iconName: "sparkles",
 		size: "m"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${D}__aux-panel-items` }, W.map((t) => /* @__PURE__ */ e.createElement("button", {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${D}__aux-panel-items` }, G.map((t) => /* @__PURE__ */ e.createElement("button", {
 		key: t.id,
 		className: Z([`${D}__aux-panel-item`, t.isAlreadySelected ? `${D}__aux-panel-item--selected` : ""]),
 		onClick: () => _e(t),
@@ -7554,7 +7554,7 @@ var Er = {
 	let E = {
 		...Gr,
 		...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: ee, refs: W } = j({
+	}, [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,
 		onOpenChange: M,
 		placement: "bottom-start",
@@ -7564,22 +7564,22 @@ var Er = {
 			D({ padding: 8 })
 		],
 		whileElementsMounted: C
-	}), G = (e) => {
+	}), K = (e) => {
 		k(e), f?.(e), r || setTimeout(() => {
 			M(!1);
 		}, 300);
-	}, te = (e) => {
-		G(e);
-	}, K = (e) => {
-		G(e);
-	}, ne = () => {
+	}, ee = (e) => {
+		K(e);
+	}, q = (e) => {
+		K(e);
+	}, te = () => {
 		k(void 0), f?.(void 0);
-	}, re = () => {
+	}, ne = () => {
 		M(!1);
-	}, ie = () => {
+	}, re = () => {
 		let e = /* @__PURE__ */ new Date();
 		I(e), r ? (k(void 0), f?.(void 0)) : (k(e), f?.(e));
-	}, q = () => r ? O?.from : O, ae = ({ className: t, orientation: n }) => n === "left" ? /* @__PURE__ */ e.createElement(Q, {
+	}, J = () => r ? O?.from : O, ie = ({ className: t, orientation: n }) => n === "left" ? /* @__PURE__ */ e.createElement(Q, {
 		className: t,
 		iconName: "angleLeft",
 		size: "m"
@@ -7587,10 +7587,10 @@ var Er = {
 		className: t,
 		iconName: "angleRight",
 		size: "m"
-	}), oe = (e) => se(e, "EEEEE", { locale: s }), J = () => {
+	}), ae = (e) => se(e, "EEEEE", { locale: s }), Y = () => {
 		let e = [];
 		return d && e.push({ before: d }), c && e.push({ after: c }), e.length > 0 ? e : void 0;
-	}, Y = () => {
+	}, 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 || "";
@@ -7607,7 +7607,7 @@ var Er = {
 			return e ? `${E.selectedDate}${Ur(e, s)}` : E.noDateSelected || "";
 		}
 	}, ue = (e) => {
-		W.floating.current && !W.floating.current.contains(e.target) && N && !N.contains(e.target) && M(!1);
+		G.floating.current && !G.floating.current.contains(e.target) && N && !N.contains(e.target) && M(!1);
 	};
 	return l(() => {
 		k(x);
@@ -7634,7 +7634,7 @@ var Er = {
 		tooltipText: _
 	}), /* @__PURE__ */ e.createElement("div", { className: `${R}__input-wrapper` }, /* @__PURE__ */ e.createElement("button", {
 		ref: (e) => {
-			W.setReference(e), P(e);
+			G.setReference(e), P(e);
 		},
 		"aria-describedby": U ? `${i}__message` : null,
 		"aria-expanded": A,
@@ -7643,65 +7643,65 @@ var Er = {
 		className: Z([`${R}__trigger`, A ? `${R}__trigger--open` : null]),
 		disabled: n,
 		onClick: () => {
-			A || I(q() ?? /* @__PURE__ */ new Date()), M(!A);
+			A || I(J() ?? /* @__PURE__ */ new Date()), M(!A);
 		},
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${R}__trigger-icon`,
 		iconName: "calendarDays"
-	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${R}__trigger-text`, X() ? `${R}__trigger-text--placeholder` : null]) }, Y()))), U && /* @__PURE__ */ e.createElement(Wt, {
+	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${R}__trigger-text`, X() ? `${R}__trigger-text--placeholder` : null]) }, oe()))), U && /* @__PURE__ */ e.createElement(Wt, {
 		hasValidationMessage: !!y,
 		id: i,
 		message: U,
 		validationStatus: b
 	}), A && /* @__PURE__ */ e.createElement("div", {
-		ref: W.setFloating,
+		ref: G.setFloating,
 		className: `${R}__popover`,
-		style: ee
+		style: W
 	}, /* @__PURE__ */ e.createElement("div", { className: `${R}__calendar` }, r ? /* @__PURE__ */ e.createElement(ce, {
-		components: { Chevron: ae },
-		disabled: J(),
+		components: { Chevron: ie },
+		disabled: Y(),
 		footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, le()),
-		formatters: { formatWeekdayName: oe },
+		formatters: { formatWeekdayName: ae },
 		locale: s,
 		mode: "range",
 		month: F,
 		navLayout: "around",
 		numberOfMonths: 2,
 		onMonthChange: I,
-		onSelect: te,
+		onSelect: ee,
 		selected: O
 	}) : /* @__PURE__ */ e.createElement(ce, {
-		components: { Chevron: ae },
-		disabled: J(),
+		components: { Chevron: ie },
+		disabled: Y(),
 		footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, le()),
-		formatters: { formatWeekdayName: oe },
+		formatters: { formatWeekdayName: ae },
 		locale: s,
 		mode: "single",
 		month: F,
 		navLayout: "around",
 		numberOfMonths: 1,
 		onMonthChange: I,
-		onSelect: K,
+		onSelect: q,
 		selected: O
 	})), /* @__PURE__ */ e.createElement("div", { className: `${R}__actions` }, /* @__PURE__ */ e.createElement(un, {
 		className: `${R}__action-button ${R}__action-button--today`,
 		label: E.todayButton,
-		onClick: ie,
+		onClick: re,
 		size: "s",
 		type: "button",
 		variant: "secondary"
 	}), /* @__PURE__ */ e.createElement("div", { className: `${R}__actions-group` }, /* @__PURE__ */ e.createElement(un, {
 		className: `${R}__action-button ${R}__action-button--clear`,
 		label: E.clearButton,
-		onClick: ne,
+		onClick: te,
 		size: "s",
 		type: "button",
 		variant: "secondary"
 	}), r && /* @__PURE__ */ e.createElement(un, {
 		className: `${R}__action-button ${R}__action-button--done`,
 		label: E.doneButton,
-		onClick: re,
+		onClick: ne,
 		size: "s",
 		type: "button",
 		variant: "highlight"
@@ -7725,13 +7725,13 @@ var Er = {
 		if (!e || !r) return;
 		let t = new DataTransfer();
 		t.items.add(H), e.files = t.files, E(!0);
-	}, ee = (e) => {
+	}, W = (e) => {
 		if (e.target.files.length === 0) {
 			r ? U() : E(!1);
 			return;
 		}
 		le && r && (r === e.target.value ? O(!0) : O(!1)), m && m(e.target.files), E(!0);
-	}, W = () => {
+	}, G = () => {
 		let e = document.getElementById(`${o}--input`);
 		e.value = "", le && O(!1), p && p(), E(!1), e.focus();
 	};
@@ -7775,13 +7775,13 @@ var Er = {
 		disabled: i,
 		id: `${o}--input`,
 		multiple: f,
-		onChange: ee,
+		onChange: W,
 		required: g,
 		type: "file",
 		...s
 	}), T && /* @__PURE__ */ e.createElement(Jt, {
 		clearLabel: u.clearButton,
-		handleClearInput: W,
+		handleClearInput: G,
 		id: o
 	})), R && /* @__PURE__ */ e.createElement(Wt, {
 		hasValidationMessage: !!x,
@@ -7986,43 +7986,43 @@ var Er = {
 	tagRemove: "Remove {value}",
 	tagsListLabel: "Current tags"
 }, validationMessage: b, validationStatus: x, ...S }, C) => {
-	let w = Bt(o), T = "pds-tags-input", E = g === "s" ? null : `${T}--${g}`, D = r ? $.disabled : null, O = f && !r ? $.required : null, k = x === "error" ? $.error : null, A = x === "success" ? $.success : null, j = b || l, [M, N] = h(""), [P, F] = h(null), [I, L] = h(null), [R, z] = h(null), [B, V] = h(null), [H, U] = h(""), ee = m(null), W = _.length > 0 ? t : d, G = (e) => {
+	let w = Bt(o), T = "pds-tags-input", E = g === "s" ? null : `${T}--${g}`, D = r ? $.disabled : null, O = f && !r ? $.required : null, k = x === "error" ? $.error : null, A = x === "success" ? $.success : null, j = b || l, [M, N] = h(""), [P, F] = h(null), [I, L] = h(null), [R, z] = h(null), [B, V] = h(null), [H, U] = h(""), W = m(null), G = _.length > 0 ? t : d, K = (e) => {
 		U(e), setTimeout(() => U(""), 1e3);
-	}, te = (e) => {
+	}, ee = (e) => {
 		u(e);
-	}, K = (e) => {
+	}, q = (e) => {
 		F(e);
-	}, ne = () => {
+	}, te = () => {
 		F(null), L(null), z(null);
-	}, re = (e, t) => {
+	}, ne = (e, t) => {
 		P === null || P === e || (L(e), z(t));
-	}, ie = (e) => {
+	}, re = (e) => {
 		if (e.preventDefault(), P === null || I === null || R === null) return;
 		let t = _.findIndex((e) => e.id === P), n = _.findIndex((e) => e.id === I);
 		if (t === -1 || n === -1) return;
 		let r = [..._], [i] = r.splice(t, 1), a = n;
-		a = R === "after" ? t < n ? n : n + 1 : n, r.splice(a, 0, i), te(r), G("Tag reordered"), F(null), L(null), z(null);
-	}, q = (e, t) => {
+		a = R === "after" ? t < n ? n : n + 1 : n, r.splice(a, 0, i), ee(r), K("Tag reordered"), F(null), L(null), z(null);
+	}, J = (e, t) => {
 		let n = [..._], [r] = n.splice(e, 1);
-		n.splice(t, 0, r), G(`${r.value} moved to position ${t + 1} of ${_.length}`), te(n);
-	}, ae = (e) => {
+		n.splice(t, 0, r), K(`${r.value} moved to position ${t + 1} of ${_.length}`), ee(n);
+	}, ie = (e) => {
 		let t = _.find((t) => t.id === e);
-		te(_.filter((t) => t.id !== e)), t && G(`${t.value} removed`);
-	}, oe = () => {
+		ee(_.filter((t) => t.id !== e)), t && K(`${t.value} removed`);
+	}, ae = () => {
 		V(null), setTimeout(() => {
-			ee.current?.focus();
+			W.current?.focus();
 		}, 0);
-	}, J = (e) => {
+	}, Y = (e) => {
 		if (!r) if (e.key === "Enter" && M.trim()) {
 			e.preventDefault();
 			let t = {
 				id: Date.now().toString(),
 				value: M.trim()
 			};
-			te([..._, t]), G(`${M.trim()} added`), N("");
+			ee([..._, t]), K(`${M.trim()} added`), N("");
 		} else if (e.key === "Backspace" && !M && _.length > 0) {
 			let e = _[_.length - 1];
-			te(_.slice(0, -1)), G(`${e.value} removed`);
+			ee(_.slice(0, -1)), K(`${e.value} removed`);
 		} else e.key === "ArrowLeft" && !M && _.length > 0 && (e.preventDefault(), V(_.length - 1));
 	};
 	return /* @__PURE__ */ e.createElement("div", {
@@ -8058,7 +8058,7 @@ var Er = {
 		"aria-label": y.tagsListLabel,
 		className: `${T}__tags`,
 		onDragOver: s ? (e) => e.preventDefault() : void 0,
-		onDrop: s ? ie : void 0,
+		onDrop: s ? re : void 0,
 		role: "list"
 	}, _.map((t, n) => {
 		let i = null;
@@ -8072,12 +8072,12 @@ var Er = {
 			index: n,
 			isDragging: P === t.id,
 			isSortable: s,
-			onDragEnd: ne,
-			onDragOver: re,
-			onDragStart: K,
-			onFocusInput: oe,
-			onKeyboardMove: q,
-			onRemove: ae,
+			onDragEnd: te,
+			onDragOver: ne,
+			onDragStart: q,
+			onFocusInput: ae,
+			onKeyboardMove: J,
+			onRemove: ie,
 			setFocusedIndex: V,
 			tag: t,
 			totalTags: _.length,
@@ -8085,7 +8085,7 @@ var Er = {
 		}));
 	})), /* @__PURE__ */ e.createElement("input", {
 		ref: (e) => {
-			ee.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+			W.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
 		},
 		"aria-describedby": `${i}__instructions`,
 		"aria-invalid": x === "error" ? !0 : null,
@@ -8094,8 +8094,8 @@ var Er = {
 		id: i,
 		name: i,
 		onChange: (e) => N(e.target.value),
-		onKeyDown: J,
-		placeholder: W,
+		onKeyDown: Y,
+		placeholder: G,
 		required: f,
 		type: "text",
 		value: M
@@ -8183,8 +8183,8 @@ var Er = {
 }, type: O = "text", validationMessage: k, validationStatus: A, value: j, ...M }, N) => {
 	let P = Bt(d), F = "pds-text-input", I = a ? $.disabled : null, L = x && !a ? $.required : null, R = A === "error" ? $.error : null, z = A === "success" ? $.success : null, B = b ? $.readonly : null, V = T === "s" ? null : `${F}--${T}`, H = c && O === "url" ? `${F}--has-url-prefix` : null, U = null;
 	O === "search" && (U = "search"), O === "search" && S === "filter" && (U = "filter"), A === "error" && (U = "error"), A === "success" && (U = "success");
-	let ee = k || p, W = j !== void 0, [G, te] = h(i === void 0 ? "" : i), K = j || G, ne = (e) => {
-		if (w && q && ae(!1), c && O === "url") {
+	let W = k || p, G = j !== void 0, [K, ee] = h(i === void 0 ? "" : i), q = j || K, te = (e) => {
+		if (w && J && ie(!1), c && O === "url") {
 			let t = Vt(e.target.value), n = {
 				...e,
 				target: {
@@ -8194,7 +8194,7 @@ var Er = {
 			};
 			m && m(n);
 		} else m && m(e);
-	}, re = (e) => {
+	}, ne = (e) => {
 		if (c && O === "url") {
 			let t = Vt(e.target.value), n = {
 				...e,
@@ -8203,18 +8203,18 @@ var Er = {
 					value: t
 				}
 			};
-			W || te(t), g && g(n);
-		} else W || te(e.target.value), g && g(e);
-	}, ie = () => {
-		W || te(""), _ && _();
+			G || ee(t), g && g(n);
+		} else G || ee(e.target.value), g && g(e);
+	}, re = () => {
+		G || ee(""), _ && _();
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, [q, ae] = h(!1), oe = () => {
-		ae((e) => !e);
+	}, [J, ie] = h(!1), ae = () => {
+		ie((e) => !e);
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, J = O;
-	return w && O === "password" && (J = q ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
+	}, Y = O;
+	return w && O === "password" && (Y = J ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
 			F,
@@ -8239,50 +8239,50 @@ var Er = {
 	}), w && O === "password" && /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, `${D.visibilityStatus} ${q ? "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(ei, null), /* @__PURE__ */ e.createElement("input", {
 		ref: N,
-		"aria-describedby": ee ? `${l}__message` : null,
+		"aria-describedby": W ? `${l}__message` : null,
 		"aria-invalid": A === "error" ? !0 : null,
 		autoComplete: O === "password" ? "off" : t,
 		className: `${F}__input ${c && O === "url" ? `${F}__input--has-prefix` : ""}`,
 		disabled: a,
 		id: l,
 		name: l,
-		onBlur: ne,
-		onChange: re,
+		onBlur: te,
+		onChange: ne,
 		onFocus: v,
 		placeholder: y,
 		readOnly: b,
 		required: x,
-		type: J,
-		value: W ? j : G,
+		type: Y,
+		value: G ? j : K,
 		...u
-	}), o && K && /* @__PURE__ */ e.createElement(Jt, {
+	}), o && q && /* @__PURE__ */ e.createElement(Jt, {
 		clearLabel: D.clearButton,
-		handleClearInput: ie,
+		handleClearInput: re,
 		id: l
 	}), w && O === "password" && /* @__PURE__ */ e.createElement("button", {
 		"aria-controls": l,
 		className: `${F}__visibility-toggle`,
-		onClick: oe,
+		onClick: ae,
 		onMouseDown: (e) => e.preventDefault(),
-		title: q ? D.visibilityToggleHide : D.visibilityToggleShow,
+		title: J ? D.visibilityToggleHide : D.visibilityToggleShow,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		iconName: q ? "eyeSlash" : "eye",
+		iconName: J ? "eyeSlash" : "eye",
 		size: "m"
-	})), s && O === "search" && !K && /* @__PURE__ */ e.createElement(qt, {
+	})), s && O === "search" && !q && /* @__PURE__ */ e.createElement(qt, {
 		inputId: l,
 		shortcutLabel: D.searchShortcut
 	}), r && O !== "password" && /* @__PURE__ */ e.createElement(Yt, {
-		currentLength: K.length,
+		currentLength: q.length,
 		id: l,
 		maxLength: r,
 		overLimitMessage: D.counterOverLimit
-	})), ee && /* @__PURE__ */ e.createElement(Wt, {
+	})), W && /* @__PURE__ */ e.createElement(Wt, {
 		hasValidationMessage: !!k,
 		id: l,
-		message: ee,
+		message: W,
 		validationMessageHasDecorators: !1,
 		validationStatus: A
 	}));
@@ -8346,7 +8346,7 @@ var Er = {
 		t,
 		P,
 		b
-	]), { focusProps: U, isFocusVisible: ee } = _e({ within: !0 }), W = R.value !== null;
+	]), { focusProps: U, isFocusVisible: W } = _e({ within: !0 }), G = R.value !== null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
@@ -8369,7 +8369,7 @@ var Er = {
 	}), /* @__PURE__ */ e.createElement("div", {
 		...he(B, U),
 		ref: z,
-		className: Z([`${E}__input-wrapper`, ee ? `${E}__input-wrapper--focus-visible` : null]),
+		className: Z([`${E}__input-wrapper`, W ? `${E}__input-wrapper--focus-visible` : null]),
 		id: o
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${E}__icon`,
@@ -8383,7 +8383,7 @@ var Er = {
 		baseClass: E,
 		segment: t,
 		state: R
-	})), H && W && /* @__PURE__ */ e.createElement("div", { className: `${E}__timezone` }, H))), M && /* @__PURE__ */ e.createElement(Wt, {
+	})), H && G && /* @__PURE__ */ e.createElement("div", { className: `${E}__timezone` }, H))), M && /* @__PURE__ */ e.createElement(Wt, {
 		hasValidationMessage: !!S,
 		id: o,
 		message: M,
@@ -9448,7 +9448,7 @@ var Er = {
 		],
 		whileElementsMounted: C,
 		strategy: "fixed"
-	}), z = k(M, { event: "mousedown" }), B = A(M), V = L(M, { role: "menu" }), H = m([]), { getFloatingProps: U, getItemProps: ee, getReferenceProps: W } = F([
+	}), z = k(M, { event: "mousedown" }), B = A(M), V = L(M, { role: "menu" }), H = m([]), { getFloatingProps: U, getItemProps: W, getReferenceProps: G } = F([
 		B,
 		V,
 		z,
@@ -9461,7 +9461,7 @@ var Er = {
 			focusItemOnOpen: !1,
 			focusItemOnHover: !0
 		})
-	]), { isMounted: G, styles: te } = R(M, {
+	]), { isMounted: K, styles: ee } = R(M, {
 		duration: {
 			open: 300,
 			close: 150
@@ -9469,16 +9469,16 @@ var Er = {
 		initial: { opacity: 0 },
 		open: { opacity: 1 },
 		close: { opacity: 0 }
-	}), K = /* @__PURE__ */ e.createElement(rt, {
+	}), q = /* @__PURE__ */ e.createElement(rt, {
 		hasUserFallback: !0,
 		className: `${E}__avatar`,
 		imageSrc: l,
 		size: "s",
 		uniqueId: c
-	}), ne = /* @__PURE__ */ e.createElement("li", {
+	}), te = /* @__PURE__ */ e.createElement("li", {
 		className: `${E}__user-details`,
 		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("div", { className: `${E}__user-name` }, d), /* @__PURE__ */ e.createElement("div", { className: `${E}__user-email` }, c)), re = a !== void 0 && typeof i == "function" ? /* @__PURE__ */ e.createElement("li", {
+	}, /* @__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, {
@@ -9493,14 +9493,14 @@ var Er = {
 		let n = e.id ? e.id : `${S}-item-${t}`;
 		y.current.push(n), b.current.push(e);
 	});
-	let ie = (e) => {
+	let re = (e) => {
 		let t = y.current.indexOf(e), n = b.current[t];
 		n.linkContent && !n.disabled && (H.current[t].querySelector("a").click(), v(!1)), n.callback && !n.disabled && (n.callback(), v(!1));
-	}, q = (e) => {
-		e.preventDefault(), e.key === "Enter" && ie(e.currentTarget.id);
-	}, ae = (e) => {
-		ie(e.currentTarget.id);
-	}, oe = r.map((t, n) => {
+	}, J = (e) => {
+		e.preventDefault(), e.key === "Enter" && re(e.currentTarget.id);
+	}, ie = (e) => {
+		re(e.currentTarget.id);
+	}, ae = r.map((t, n) => {
 		let r = y.current[n], i = `${E}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -9510,16 +9510,16 @@ var Er = {
 			"aria-disabled": t.disabled || void 0,
 			className: Z([i, a]),
 			id: r,
-			onKeyDown: q,
+			onKeyDown: J,
 			role: "menuitem",
 			tabIndex: p === n ? 0 : -1,
-			...ee({ onClick: (e) => ae(e) })
+			...W({ onClick: (e) => ie(e) })
 		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
 			className: `${E}__icon`,
 			iconName: t.iconName,
 			size: "m"
 		}));
-	}), J = r.map((t, n) => {
+	}), Y = r.map((t, n) => {
 		let r = y.current[n], i = `${E}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -9535,20 +9535,20 @@ var Er = {
 			iconName: t.iconName,
 			size: "m"
 		}));
-	}), Y = /* @__PURE__ */ e.createElement("span", { className: `${E}__toggle-left` }, K, d ?? c);
+	}), oe = /* @__PURE__ */ e.createElement("span", { className: `${E}__toggle-left` }, q, d ?? c);
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([E, n ?? ""]),
 		...f
-	}, /* @__PURE__ */ e.createElement(An, { label: Y }, /* @__PURE__ */ e.createElement("ul", {
+	}, /* @__PURE__ */ e.createElement(An, { label: oe }, /* @__PURE__ */ e.createElement("ul", {
 		className: Z([O, `${O}--mobile`]),
 		role: "menu"
-	}, ne, /* @__PURE__ */ e.createElement("li", { role: "separator" }), re, J)), /* @__PURE__ */ e.createElement("button", {
+	}, te, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ne, Y)), /* @__PURE__ */ e.createElement("button", {
 		ref: P.setReference,
 		"aria-label": t,
 		className: `${E}__trigger`,
 		type: "button",
-		...W()
-	}, K), G && /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", {
+		...G()
+	}, q), K && /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", {
 		ref: P.setFloating,
 		className: `${E}__dropdown`,
 		style: {
@@ -9556,37 +9556,50 @@ var Er = {
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
 		...U()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...te } }, /* @__PURE__ */ e.createElement("ul", {
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...ee } }, /* @__PURE__ */ e.createElement("ul", {
 		className: O,
 		role: "menu"
-	}, ne, /* @__PURE__ */ e.createElement("li", { role: "separator" }), re, oe)))));
+	}, 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 }) => {
-	let [d, f] = h(""), [g, _] = h(""), v = m(null), y = l.length >= s, b = "pds-workspace-selector", S = `${b}__menu`, C = y ? `${S}--scroll` : null, { activeIndex: w, floatingStyles: T, getFloatingProps: E, getItemProps: D, getReferenceProps: O, isMounted: k, listRef: A, refs: j, setIsOpen: M, transitionStyles: N } = _n({
-		enableTypeahead: !y,
+	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"
-	}), P = l.find((e) => e.isActive);
-	P || (P = l[0]);
-	let F = p(() => {
+	}), F = l.find((e) => e.isActive);
+	F || (F = l[0]);
+	let I = m(null);
+	f(() => {
+		let e = I.current, t = e?.parentElement;
+		if (!e || !t) return;
+		let n = () => {
+			t.style.width = "";
+			let n = document.createRange();
+			n.selectNodeContents(e);
+			let r = Array.from(n.getClientRects()).slice(0, 2), i = Math.max(0, ...r.map((e) => e.width));
+			i > 0 && (t.style.width = `${Math.ceil(i)}px`);
+		};
+		n(), document.fonts?.ready.then(n);
+	}, [F?.displayName]);
+	let L = p(() => {
 		if (!d) return l;
 		let e = d.toLowerCase();
 		return l.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [l, d]), I = p(() => {
-		if (!g) return l;
-		let e = g.toLowerCase();
+	}, [l, d]), R = p(() => {
+		if (!_) return l;
+		let e = _.toLowerCase();
 		return l.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [l, g]), L = (e) => {
-		e.preventDefault(), e.key === "Enter" && (A.current[w]?.querySelector("a") || A.current[w]?.querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? y ? document.getElementById("workspace-filter")?.focus() : M(!1) : r ? v.current?.querySelector("a")?.focus() : M(!1));
-	}, R = (t) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${b}__item-content` }, /* @__PURE__ */ e.createElement(rt, {
-		className: `${b}__list-avatar`,
+	}, [l, _]), z = (e) => {
+		e.preventDefault(), e.key === "Enter" && (j.current[T]?.querySelector("a") || j.current[T]?.querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? b ? document.getElementById("workspace-filter")?.focus() : N(!1) : r ? y.current?.querySelector("a")?.focus() : N(!1));
+	}, B = (t) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${S}__item-content` }, /* @__PURE__ */ e.createElement(rt, {
+		className: `${S}__list-avatar`,
 		imageSrc: t.imageSrc,
 		size: "s",
 		uniqueId: t.workspaceId
-	}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${b}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
-		className: `${b}__lock-icon`,
+	}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${S}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
+		className: `${S}__lock-icon`,
 		iconName: "lock"
-	}), t.isActive && /* @__PURE__ */ e.createElement(On, null))), z = F.map((t, n) => {
-		let r = `${b}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
-			A.current[n] = e;
+	}), t.isActive && /* @__PURE__ */ e.createElement(On, null))), V = L.map((t, n) => {
+		let r = `${S}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
+			j.current[n] = e;
 		};
 		return /* @__PURE__ */ e.createElement("li", {
 			key: i,
@@ -9600,18 +9613,18 @@ var Er = {
 				t.isRestricted ? `${r}--restricted` : null
 			]),
 			id: i,
-			onKeyDown: L,
+			onKeyDown: z,
 			role: "menuitem",
-			tabIndex: w === n ? 0 : -1,
-			...D()
+			tabIndex: T === n ? 0 : -1,
+			...O()
 		}, a ? /* @__PURE__ */ e.createElement("button", {
 			onClick: () => {
-				t.onRestrictedSelection(), M(!1);
+				t.onRestrictedSelection(), N(!1);
 			},
 			type: "button"
-		}, R(t)) : o ? /* @__PURE__ */ e.createElement(o, Object.assign({}, t.workspaceLink.props, { onClick: () => M(!1) }), R(t)) : null);
-	}), B = I.map((t) => {
-		let n = `${b}__item`, r = t.workspaceId, i = t.isRestricted && t.onRestrictedSelection, a = t.workspaceLink?.type;
+		}, B(t)) : o ? /* @__PURE__ */ e.createElement(o, Object.assign({}, t.workspaceLink.props, { onClick: () => N(!1) }), B(t)) : null);
+	}), H = R.map((t) => {
+		let n = `${S}__item`, r = t.workspaceId, i = t.isRestricted && t.onRestrictedSelection, a = t.workspaceLink?.type;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: `${r}-accordion`,
 			className: Z([
@@ -9627,79 +9640,82 @@ var Er = {
 		}, i ? /* @__PURE__ */ e.createElement("button", {
 			onClick: () => t.onRestrictedSelection(),
 			type: "button"
-		}, R(t)) : a ? /* @__PURE__ */ e.createElement(a, Object.assign({}, t.workspaceLink?.props), R(t)) : null);
-	}), V = r && /* @__PURE__ */ e.createElement("div", {
-		ref: v,
-		className: `${b}__create-link`
+		}, B(t)) : a ? /* @__PURE__ */ e.createElement(a, Object.assign({}, t.workspaceLink?.props), B(t)) : null);
+	}), U = r && /* @__PURE__ */ e.createElement("div", {
+		ref: y,
+		className: `${S}__create-link`
 	}, /* @__PURE__ */ e.createElement("span", {
-		className: `${b}__create-link-inner`,
-		onBlur: () => M(!1),
-		onClick: () => M(!1)
+		className: `${S}__create-link-inner`,
+		onBlur: () => N(!1),
+		onClick: () => N(!1)
 	}, r, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "plus",
 		size: "s"
-	}))), H = P ? /* @__PURE__ */ e.createElement("div", { className: `${b}__button-content` }, /* @__PURE__ */ e.createElement(rt, {
-		className: `${b}__avatar`,
-		imageSrc: P.imageSrc,
+	}))), W = (t) => F ? /* @__PURE__ */ e.createElement("div", { className: `${S}__button-content` }, /* @__PURE__ */ e.createElement(rt, {
+		className: `${S}__avatar`,
+		imageSrc: F.imageSrc,
 		size: "s",
-		uniqueId: P.workspaceId
-	}), /* @__PURE__ */ e.createElement("span", { className: `${b}__name` }, /* @__PURE__ */ e.createElement("span", { className: `${b}__name-text` }, P.displayName))) : null;
+		uniqueId: F.workspaceId
+	}), /* @__PURE__ */ e.createElement("span", { className: `${S}__name` }, /* @__PURE__ */ e.createElement("span", {
+		ref: t,
+		className: `${S}__name-text`
+	}, F.displayName))) : null;
 	return /* @__PURE__ */ e.createElement("span", {
-		className: Z([b, n]),
+		className: Z([S, n]),
 		...u
-	}, /* @__PURE__ */ e.createElement(An, { label: H }, y && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(ti, {
+	}, /* @__PURE__ */ e.createElement(An, { label: W() }, b && /* @__PURE__ */ e.createElement("div", { className: `${S}__filter` }, /* @__PURE__ */ e.createElement(ti, {
 		hasClearButton: !0,
 		id: "workspace-filter-mobile",
 		label: i,
-		onChange: (e) => _(e.target.value),
-		onClear: () => _(""),
+		onChange: (e) => v(e.target.value),
+		onClear: () => v(""),
 		placeholder: a,
 		showLabel: !1,
 		type: "search"
 	})), /* @__PURE__ */ e.createElement("ul", {
-		className: Z([S, `${S}--mobile`]),
+		className: Z([C, `${C}--mobile`]),
 		role: "menu"
 	}, /* @__PURE__ */ e.createElement("li", {
-		className: `pds-dropdown__heading ${b}__item-heading`,
+		className: `pds-dropdown__heading ${S}__item-heading`,
 		role: "presentation"
-	}, o), B.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : B), r && /* @__PURE__ */ e.createElement("div", { className: `${b}__create-link` }, /* @__PURE__ */ e.createElement("span", { className: `${b}__create-link-inner` }, r, /* @__PURE__ */ e.createElement(Q, {
+	}, o), H.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : H), r && /* @__PURE__ */ e.createElement("div", { className: `${S}__create-link` }, /* @__PURE__ */ e.createElement("span", { className: `${S}__create-link-inner` }, r, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "plus",
 		size: "s"
 	})))), /* @__PURE__ */ e.createElement("button", {
-		ref: j.setReference,
+		ref: M.setReference,
 		"aria-label": t,
-		className: `${b}__trigger`,
+		className: `${S}__trigger`,
 		type: "button",
-		...O()
-	}, H, /* @__PURE__ */ e.createElement(Q, {
-		className: `${b}__trigger-icon`,
+		...k()
+	}, W(I), /* @__PURE__ */ e.createElement(Q, {
+		className: `${S}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
-	})), k && /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", {
-		ref: j.setFloating,
-		className: `pds-dropdown__panel ${b}__dropdown`,
+	})), A && /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", {
+		ref: M.setFloating,
+		className: `pds-dropdown__panel ${S}__dropdown`,
 		style: {
-			...T,
-			...N,
+			...E,
+			...P,
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
-		...E()
-	}, y && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(ti, {
+		...D()
+	}, b && /* @__PURE__ */ e.createElement("div", { className: `${S}__filter` }, /* @__PURE__ */ e.createElement(ti, {
 		hasClearButton: !0,
 		id: "workspace-filter",
 		label: i,
-		onChange: (e) => f(e.target.value),
-		onClear: () => f(""),
+		onChange: (e) => g(e.target.value),
+		onClear: () => g(""),
 		placeholder: a,
 		showLabel: !1,
 		type: "search"
 	})), /* @__PURE__ */ e.createElement("ul", {
-		className: Z([S, C]),
+		className: Z([C, w]),
 		role: "menu"
 	}, /* @__PURE__ */ e.createElement("li", {
-		className: `pds-dropdown__heading ${b}__item-heading`,
+		className: `pds-dropdown__heading ${S}__item-heading`,
 		role: "presentation"
-	}, o), z.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : z), V)));
+	}, o), V.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : V), U)));
 }, Li = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
@@ -10650,7 +10666,7 @@ var Er = {
 	}, [d]), l(() => {
 		f(O);
 	}, [O]);
-	let N = typeof a, P = "pds-popover", I = Z([`${P}__trigger-custom`, N === "string" ? `${P}__trigger-text` : ""]), z = a ? s : 0, B = m(null), { context: V, floatingStyles: H, middlewareData: U, refs: ee } = j({
+	let N = typeof a, P = "pds-popover", I = Z([`${P}__trigger-custom`, N === "string" ? `${P}__trigger-text` : ""]), z = a ? s : 0, B = m(null), { context: V, floatingStyles: H, middlewareData: U, refs: W } = j({
 		placement: u,
 		open: O,
 		onOpenChange(e) {
@@ -10664,44 +10680,44 @@ var Er = {
 		],
 		whileElementsMounted: C,
 		strategy: "fixed"
-	}), W = () => {
+	}), G = () => {
 		M(!1), c && c();
-	}, { getFloatingProps: G, getReferenceProps: te } = F([
+	}, { getFloatingProps: K, getReferenceProps: ee } = F([
 		k(V),
 		A(V),
 		L(V)
-	]), K = U.arrow?.x ?? 0, ne = U.arrow?.y ?? 0, re = K + ba / 2, ie = ne + ya, { isMounted: q } = R(V, {
+	]), q = U.arrow?.x ?? 0, te = U.arrow?.y ?? 0, ne = q + ba / 2, re = te + ya, { isMounted: J } = R(V, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${re}px calc(100% + ${ya}px)`,
-			bottom: `${re}px -8px`,
-			left: `calc(100% + ${ya}px) ${ie}px`,
-			right: `-8px ${ie}px`
+			top: `${ne}px calc(100% + ${ya}px)`,
+			bottom: `${ne}px -8px`,
+			left: `calc(100% + ${ya}px) ${re}px`,
+			right: `-8px ${re}px`
 		}[e] })
 	});
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([P, t]),
 		...E
 	}, /* @__PURE__ */ e.createElement("span", {
-		ref: ee.setReference,
+		ref: W.setReference,
 		className: `${P}__trigger`,
 		role: "button",
 		tabIndex: 0,
-		...te(),
+		...ee(),
 		...E
 	}, a ? /* @__PURE__ */ e.createElement("span", { className: I }, a) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), /* @__PURE__ */ e.createElement(Q, {
 		className: `${P}__icon`,
 		iconName: _,
 		size: b
-	}))), q && /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(y, {
+	}))), J && /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(y, {
 		context: V,
 		initialFocus: -1,
 		modal: o
 	}, /* @__PURE__ */ e.createElement("div", {
-		ref: ee.setFloating,
+		ref: W.setFloating,
 		className: Z([`${P}__container`, n]),
 		style: H,
-		...G()
+		...K()
 	}, /* @__PURE__ */ e.createElement(v, {
 		ref: B,
 		className: `${P}__arrow`,
@@ -10714,7 +10730,7 @@ var Er = {
 		width: ba
 	}), /* @__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: W,
+		onClick: G,
 		size: "s"
 	})))))));
 }, Sa = {
@@ -11040,7 +11056,7 @@ function Ba(e) {
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
 var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
-	let w = "pds-sortable-list", [T, E] = h(null), D = m(null), [O, k] = h(!1), A = m(!1), [j, M] = h(null), N = m(0), P = m(0), F = m("pointer"), I = m(0), L = m(null), [R, z] = h(0), B = m(0), [V, H] = h(0), U = m(0), ee = s((e, t) => {
+	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;
@@ -11050,132 +11066,132 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
 			};
 		}
 		return Le(e, t);
-	}, [_]), W = b === "always" || b === "toggle" && (l ?? !1), { currentItems: G, expandItem: te, flatNodes: K, handleReorder: ne, resetToSnapshot: re, sortableIds: ie, toggleExpand: q } = Ra({
+	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: ee, flatNodes: q, handleReorder: te, resetToSnapshot: ne, sortableIds: re, toggleExpand: J } = Ra({
 		defaultItems: a,
-		isDragEnabled: W,
+		isDragEnabled: G,
 		items: g,
 		onReorder: v
 	});
-	d(C, () => ({ resetToSnapshot: re }), [re]);
-	let ae = Fe(Pe(Me, { activationConstraint: { distance: 5 } }), Pe(Ae, { coordinateGetter: ee })), oe = W ? `${w}--reorder-active` : null, J = p(() => new Set(K.filter((e) => u(e.data)).map((e) => e.id)), [K, u]), Y = p(() => new Set(K.filter((e) => f(e.data)).map((e) => e.id)), [K, f]), X = s((e) => {
-		if (_ === 0 || Y.has(String(e))) return !1;
-		let t = K.find((t) => t.id === e);
+	d(C, () => ({ resetToSnapshot: ne }), [ne]);
+	let ie = Fe(Pe(Me, { activationConstraint: { distance: 5 } }), Pe(Ae, { coordinateGetter: W })), ae = G ? `${w}--reorder-active` : null, Y = p(() => new Set(q.filter((e) => u(e.data)).map((e) => e.id)), [q, u]), oe = p(() => new Set(q.filter((e) => f(e.data)).map((e) => e.id)), [q, f]), X = s((e) => {
+		if (_ === 0 || oe.has(String(e))) return !1;
+		let t = q.find((t) => t.id === e);
 		return !t || t.depth >= _ ? !1 : t.hasChildren ? !t.isExpanded : !0;
 	}, [
-		K,
+		q,
 		_,
-		Y
+		oe
 	]), se = s((e) => j && X(j) ? null : ze(e), [X, j]), ce = p(() => {
-		if (!T || !j || J.size === 0 || T === j || X(j)) return /* @__PURE__ */ new Set();
-		let e = K.findIndex((e) => e.id === T), t = K.findIndex((e) => e.id === j);
+		if (!T || !j || Y.size === 0 || T === j || X(j)) return /* @__PURE__ */ new Set();
+		let e = q.findIndex((e) => e.id === T), t = q.findIndex((e) => e.id === j);
 		if (e === -1 || t === -1) return /* @__PURE__ */ new Set();
 		let [n, r] = e < t ? [e + 1, t - 1] : [t + 1, e - 1];
-		return new Set(K.slice(n, r + 1).filter((e) => J.has(e.id)).map((e) => e.id));
+		return new Set(q.slice(n, r + 1).filter((e) => Y.has(e.id)).map((e) => e.id));
 	}, [
 		T,
-		K,
+		q,
 		X,
-		J,
+		Y,
 		j
-	]).size > 0, le = p(() => T ? K.find((e) => e.id === T) ?? null : null, [T, K]), ue = p(() => T ? Fa(G, String(T)) ?? null : null, [T, G]), de = p(() => {
+	]).size > 0, le = p(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), ue = p(() => T ? Fa(K, String(T)) ?? null : null, [T, K]), de = p(() => {
 		let e = le?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : Ia(K, String(T), String(j), V * Va, Va, _);
+		return !T || !j || O || _ === 0 ? e : Ia(q, String(T), String(j), V * Va, Va, _);
 	}, [
 		T,
 		le,
 		V,
-		K,
+		q,
 		O,
 		_,
 		j
 	]), fe = p(() => {
 		if (!T || O || de === 0 || j && X(j)) return null;
-		let e = K.findIndex((e) => e.id === T);
-		return e === -1 ? null : Wa(K, e, de);
+		let e = q.findIndex((e) => e.id === T);
+		return e === -1 ? null : Wa(q, e, de);
 	}, [
 		T,
-		K,
+		q,
 		X,
 		O,
 		j,
 		de
 	]), pe = s((e) => {
-		let { active: t } = e, n = F.current === "keyboard", r = K.find((e) => e.id === t.id);
-		E(t.id), D.current = t.id, k(n), A.current = n, I.current = r?.depth ?? 0, M(null), N.current = 0, P.current = 0, U.current = 0, H(0), B.current = 0, z(0), r?.hasChildren && r?.isExpanded && (q(String(t.id)), L.current = String(t.id));
-	}, [K, q]), me = s((e) => {
+		let { active: t } = e, n = F.current === "keyboard", r = q.find((e) => e.id === t.id);
+		E(t.id), D.current = t.id, k(n), A.current = n, I.current = r?.depth ?? 0, M(null), N.current = 0, P.current = 0, U.current = 0, H(0), B.current = 0, z(0), r?.hasChildren && r?.isExpanded && (J(String(t.id)), L.current = String(t.id));
+	}, [q, J]), me = s((e) => {
 		let t = Ne(e);
-		if (!t.length || !D.current || J.size === 0) return t;
-		let n = K.findIndex((e) => e.id === D.current);
+		if (!t.length || !D.current || Y.size === 0) return t;
+		let n = q.findIndex((e) => e.id === D.current);
 		for (let e of t) {
 			let t = e.id;
 			if (t === D.current) return [e];
-			let r = K.findIndex((e) => e.id === t);
+			let r = q.findIndex((e) => e.id === t);
 			if (n === -1 || r === -1) return [e];
-			if (J.has(String(t))) {
+			if (Y.has(String(t))) {
 				if (n > r) continue;
-				let e = !Y.has(String(t)), i = _ > 0 && U.current > 0;
+				let e = !oe.has(String(t)), i = _ > 0 && U.current > 0;
 				if (!X(t) && (!e || !i)) continue;
 			}
 			let [i, a] = n < r ? [n + 1, r - 1] : [r + 1, n - 1];
-			if (!K.slice(i, a + 1).some((e) => J.has(e.id))) return [e];
+			if (!q.slice(i, a + 1).some((e) => Y.has(e.id))) return [e];
 		}
 		return [];
 	}, [
-		K,
-		J,
-		Y
+		q,
+		Y,
+		oe
 	]), he = s((e) => {
 		let t = e.over?.id ?? null, n = D.current;
-		if (t && n && t !== n && J.size > 0) {
-			let e = K.findIndex((e) => e.id === n), r = K.findIndex((e) => e.id === t);
+		if (t && n && t !== n && Y.size > 0) {
+			let e = q.findIndex((e) => e.id === n), r = q.findIndex((e) => e.id === t);
 			if (e !== -1 && r !== -1) {
 				let [t, n] = e < r ? [e + 1, r] : [r, e - 1];
-				if (K.slice(t, n + 1).some((e) => J.has(e.id))) return;
+				if (q.slice(t, n + 1).some((e) => Y.has(e.id))) return;
 			}
 		}
 		M(t);
-	}, [K, J]), ge = s((e) => {
+	}, [q, Y]), ge = s((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
 		let n = Math.floor(t / Va), r = U.current;
 		(n > r || n < r && t < r * Va - Va * .4) && (U.current = n, H(n));
 	}, [_]), _e = s((e) => {
 		let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
-		E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (te(L.current), L.current = null);
-		let o = K.findIndex((e) => e.id === t.id), s = r ? i * Va : a * Va, c = !n || t.id === n.id, l = n?.id ?? null;
-		if (r && i > 0 && c && o > 0 && (l = K[o - 1].id), !l || t.id === l) {
+		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 * Va : a * Va, 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 = K[o];
+			let e = q[o];
 			if (!e) return;
-			let n = Ia(K, String(t.id), String(t.id), s, Va, _);
+			let n = Ia(q, String(t.id), String(t.id), s, Va, _);
 			if (n === e.depth) return;
-			let r = [...K], [i] = r.splice(o, 1), a = Wa(r, o, n);
-			if (a && Y.has(a)) return;
+			let r = [...q], [i] = r.splice(o, 1), a = Wa(r, o, n);
+			if (a && oe.has(a)) return;
 			let c = {
 				...i,
 				depth: n,
 				parentId: a
 			};
 			r.splice(o, 0, c);
-			let l = K.filter((e) => e.id !== t.id).map((e) => e.id), u = r.filter((e) => e.id !== t.id).map((e) => e.id);
-			if (l.some((e, t) => J.has(e) ? u.indexOf(e) !== t : !1)) return;
-			ne(r), n > 0 && a && te(a);
+			let l = q.filter((e) => e.id !== t.id).map((e) => e.id), u = r.filter((e) => e.id !== t.id).map((e) => e.id);
+			if (l.some((e, t) => Y.has(e) ? u.indexOf(e) !== t : !1)) return;
+			te(r), n > 0 && a && ee(a);
 			return;
 		}
-		let u = K.findIndex((e) => e.id === l);
+		let u = q.findIndex((e) => e.id === l);
 		if (o === -1 || u === -1) return;
-		let d = [...K], f = d[o].depth, [p] = d.splice(o, 1), m = [];
+		let d = [...q], f = d[o].depth, [p] = d.splice(o, 1), m = [];
 		for (; d.length > o && d[o].depth > f;) m.push(d.splice(o, 1)[0]);
 		let h = d.findIndex((e) => e.id === l), g, v;
 		if (X(l)) {
-			let e = K[u];
+			let e = q[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
 			g = Ia(d, String(t.id), String(l), s, Va, _, p.depth);
 			let e = d[h];
 			v = e && e.depth === g - 1 ? String(l) : Wa(d, h, g);
 		}
-		if (v && Y.has(v)) return;
+		if (v && oe.has(v)) return;
 		let y = {
 			...p,
 			depth: g,
@@ -11183,42 +11199,42 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
 		}, b = d[h], x = b && b.depth === g - 1 && v === String(l) || o < u ? h + 1 : h;
 		d.splice(x, 0, y, ...m);
 		let S = new Set([String(t.id), ...m.map((e) => e.id)]);
-		K.some((e, t) => !J.has(e.id) || S.has(e.id) || e.id === v ? !1 : d.findIndex((t) => t.id === e.id) !== t) || (ne(d), g > 0 && v !== null && te(v));
+		q.some((e, t) => !Y.has(e.id) || S.has(e.id) || e.id === v ? !1 : d.findIndex((t) => t.id === e.id) !== t) || (te(d), g > 0 && v !== null && ee(v));
 	}, [
+		ee,
+		q,
 		te,
-		K,
-		ne,
 		X,
-		J,
+		Y,
 		_,
-		Y
+		oe
 	]), ve = s(() => {
-		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (te(L.current), L.current = null);
-	}, [te]), ye = p(() => ({
+		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 = K.find((t) => t.id === e.id), n = Fa(G, String(e.id));
-			return `Picked up ${n ? c(n) : String(e.id)}. Current position: ${t ? K.indexOf(t) + 1 : "?"} of ${K.length} at depth ${t?.depth ?? 0}.`;
+			let t = q.find((t) => t.id === e.id), n = Fa(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 = K.findIndex((e) => e.id === t.id);
+			let n = q.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = Fa(G, String(e.id)), i = r ? c(r) : String(e.id), a = Ia(K, String(e.id), String(t.id), P.current, Va, _);
-			return `Moving ${i}. Target position: ${n + 1} of ${K.length} at depth ${a}.`;
+			let r = Fa(K, String(e.id)), i = r ? c(r) : String(e.id), a = Ia(q, String(e.id), String(t.id), P.current, Va, _);
+			return `Moving ${i}. Target position: ${n + 1} of ${q.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = Fa(G, String(e.id)), r = n ? c(n) : String(e.id);
+			let n = Fa(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 = K.findIndex((e) => e.id === t.id), a = Ia(K, String(e.id), String(t.id), P.current, Va, _);
-			return `${r} dropped at position ${i + 1} of ${K.length} at depth ${a}.`;
+			let i = q.findIndex((e) => e.id === t.id), a = Ia(q, String(e.id), String(t.id), P.current, Va, _);
+			return `${r} dropped at position ${i + 1} of ${q.length} at depth ${a}.`;
 		},
 		onDragCancel({ active: e }) {
-			let t = K.find((t) => t.id === e.id), n = Fa(G, String(e.id));
-			return `Sorting cancelled. ${n ? c(n) : String(e.id)} returned to position ${t ? K.indexOf(t) + 1 : "?"} of ${K.length}.`;
+			let t = q.find((t) => t.id === e.id), n = Fa(K, String(e.id));
+			return `Sorting cancelled. ${n ? c(n) : String(e.id)} returned to position ${t ? q.indexOf(t) + 1 : "?"} of ${q.length}.`;
 		}
 	}), [
-		G,
 		K,
+		q,
 		c,
 		_
 	]), be = { columns: i }, xe = t.map(n, (t) => o(t) && t.type === La ? e.cloneElement(t, be) : t);
@@ -11234,14 +11250,14 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
 		onDragMove: ge,
 		onDragOver: he,
 		onDragStart: pe,
-		sensors: ae
+		sensors: ie
 	}, /* @__PURE__ */ e.createElement(Ie, {
-		items: ie,
+		items: re,
 		strategy: se
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			w,
-			oe,
+			ae,
 			r ?? ""
 		]),
 		onKeyDownCapture: () => {
@@ -11252,26 +11268,26 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
 		},
 		role: "list",
 		...S
-	}, xe, K.map((t) => {
+	}, xe, q.map((t) => {
 		let n = {
 			depth: t.depth,
 			hasChildren: t.hasChildren,
 			index: t.index,
 			isDragging: t.id === T,
 			isExpanded: t.isExpanded,
-			isLocked: J.has(t.id),
-			toggleExpand: () => q(t.id)
+			isLocked: Y.has(t.id),
+			toggleExpand: () => J(t.id)
 		}, r = y(t.data, n), a = t.id === T, s = {
 			columns: i,
 			depth: t.depth,
 			hasChildren: t.hasChildren,
-			isDragActive: W,
+			isDragActive: G,
 			isDragging: a,
 			isDropTarget: t.id === j && X(t.id),
-			isProjectedParent: t.id === fe && !Y.has(t.id),
+			isProjectedParent: t.id === fe && !oe.has(t.id),
 			isExpanded: t.isExpanded,
-			...J.has(t.id) ? { isLocked: !0 } : {},
-			onToggleExpand: () => q(t.id),
+			...Y.has(t.id) ? { isLocked: !0 } : {},
+			onToggleExpand: () => J(t.id),
 			...a && !O && _ > 0 ? { projectedDepthDelta: de - t.depth } : {}
 		};
 		return o(r) ? e.cloneElement(r, {
@@ -11594,8 +11610,8 @@ var Ga = ({ 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));
-}, $a = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: g = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, nextDetailPanelRowLabel: A = "Next row", onDetailPanelNext: j, onDetailPanelPrev: M, onPageChange: N, onPageSizeChange: P, onRowInspect: F, onRowSelectionChange: I, onSort: L, pageSizeOptions: R, pageSizeSelectLabel: z = "Rows per page", paginationLabels: B, panel: V, prevDetailPanelRowLabel: H = "Previous row", renderDetailPanel: U, renderDetailPanelFooter: ee, rowData: W, selectAllLabel: G = "Select all rows", selectedRows: te, sortKey: K, sortOrder: ne, totalItemCount: re, ...ie }) => {
-	let q = "pds-table", ae = u(), oe = u(), J = m(null), Y = L !== void 0, X = N !== void 0, se = P !== void 0, ce = X || O !== void 0 || R !== void 0, le = W.length > 0 || X && (re ?? 0) > 0, [ue, de] = h({
+}, $a = ({ 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
 	}), [fe, pe] = h(1), [me, he] = h(O ?? R?.[0] ?? 10), [ge, _e] = h(null), ve = T ?? ge, ye = !!ve && !!U, be = X ? O ?? 10 : me, xe = (e) => {
@@ -11603,25 +11619,25 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	};
 	l(() => {
 		X || pe(1);
-	}, [W.length, X]), l(() => {
+	}, [G.length, X]), l(() => {
 		process.env.NODE_ENV !== "production" && i !== void 0 && !N && console.warn("[Table] `currentPage` was provided without `onPageChange`. Controlled pagination requires both props. The table is running in uncontrolled mode.");
 	}, []);
-	let Se = I !== void 0, Ce = te !== void 0, [we, Te] = h(/* @__PURE__ */ new Set()), Ee = Ce ? new Set(te) : we, De = p(() => new Map(W.map((e, t) => [e, t])), [W]), Oe = (e, t) => x ? x(e) : String(De.get(e) ?? t), ke = p(() => W.findIndex((e, t) => (x ? x(e) : String(De.get(e) ?? t)) === ve), [
-		W,
+	let Se = I !== void 0, Ce = ee !== void 0, [we, Te] = h(/* @__PURE__ */ new Set()), Ee = Ce ? new Set(ee) : we, De = p(() => new Map(G.map((e, t) => [e, t])), [G]), Oe = (e, t) => x ? x(e) : String(De.get(e) ?? t), ke = p(() => G.findIndex((e, t) => (x ? x(e) : String(De.get(e) ?? t)) === ve), [
+		G,
 		ve,
 		x,
 		De
-	]), Ae = ke >= 0 ? W[ke] : null, je = (e, t) => {
+	]), Ae = ke >= 0 ? G[ke] : null, je = (e, t) => {
 		U && T === void 0 && _e(t), F?.(e, t);
 	}, Me = () => {
 		T === void 0 && _e(null);
 	}, Ne = () => {
 		if (ke <= 0) return;
-		let e = W[ke - 1], t = Oe(e, ke - 1);
+		let e = G[ke - 1], t = Oe(e, ke - 1);
 		T === void 0 && _e(t), F?.(e, t), M?.(e, t);
 	}, Pe = () => {
-		if (ke >= W.length - 1) return;
-		let e = W[ke + 1], t = Oe(e, ke + 1);
+		if (ke >= G.length - 1) return;
+		let e = G[ke + 1], t = Oe(e, ke + 1);
 		T === void 0 && _e(t), F?.(e, t), j?.(e, t);
 	}, Fe = (e) => {
 		if (!ye || e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
@@ -11630,21 +11646,21 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	};
 	l(() => {
 		if (!ye) return;
-		let e = J.current, t = e?.querySelector(`.${q}__row--inspected`);
+		let e = Y.current, t = e?.querySelector(`.${J}__row--inspected`);
 		if (!e || !t) return;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.querySelector("thead")?.getBoundingClientRect().height ?? 0, a = n.top + i;
 		r.top < a ? e.scrollTop -= a - r.top : r.bottom > n.bottom && (e.scrollTop += r.bottom - n.bottom);
 		let o = document.activeElement;
-		o instanceof HTMLElement && o.classList.contains(`${q}__row--inspectable`) && t.focus({ preventScroll: !0 });
+		o instanceof HTMLElement && o.classList.contains(`${J}__row--inspectable`) && t.focus({ preventScroll: !0 });
 	}, [
 		ve,
 		ye,
-		q
+		J
 	]);
-	let Ie = Y ? K ?? "" : ue.key, Le = Y ? ne ?? "asc" : ue.order, Re = p(() => {
+	let Ie = oe ? q ?? "" : ue.key, Le = oe ? te ?? "asc" : ue.order, Re = p(() => {
 		if (E) return [];
-		let e = W;
-		if (!Y && ue.key !== "") {
+		let e = G;
+		if (!oe && ue.key !== "") {
 			let t = r.find((e) => e.id === ue.key)?.sortKey ?? ue.key;
 			e = [...e].sort((e, n) => {
 				let r = String(e[t]).localeCompare(String(n[t]));
@@ -11657,21 +11673,21 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		}
 		return e;
 	}, [
-		W,
+		G,
 		ue,
-		Y,
+		oe,
 		X,
 		ce,
 		fe,
 		be,
 		E
 	]), ze = (e) => {
-		Y ? L(e, K === e && ne === "asc" ? "desc" : "asc") : de((t) => ({
+		oe ? L(e, q === e && te === "asc" ? "desc" : "asc") : de((t) => ({
 			key: e,
 			order: t.key === e && t.order === "asc" ? "desc" : "asc"
 		}));
 	}, Be = (e) => Ie === e ? Le === "asc" ? "ascending" : "descending" : "none", Ve = (e, t) => {
-		let n = `${q}__sort-button-${t}`, r = !E && Re.length === 0;
+		let n = `${J}__sort-button-${t}`, r = !E && Re.length === 0;
 		if (E || r || Ie === "") return t === "top" ? `${n}--inactive` : "";
 		let i = Ie === e;
 		return t === "top" ? i && Le === "asc" ? "" : `${n}--inactive` : i && Le === "desc" ? `${n}--desc` : "";
@@ -11706,8 +11722,8 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			key: `row-${i}`,
 			"aria-selected": a ? o : void 0,
 			className: Z([
-				a ? `${q}__row--inspectable` : null,
-				o ? `${q}__row--inspected` : null,
+				a ? `${J}__row--inspectable` : null,
+				o ? `${J}__row--inspected` : null,
 				b?.(t, i) ?? null
 			]),
 			onClick: a ? () => je(t, i) : void 0,
@@ -11718,7 +11734,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		}, Se && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Lr, {
 			checked: Ee.has(i),
 			disabled: !s,
-			id: `${oe}-row-${i}`,
+			id: `${ae}-row-${i}`,
 			inputProps: c ? { title: c } : void 0,
 			label: u,
 			onChange: () => Ge(i),
@@ -11731,17 +11747,17 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: Z(["pds-table-wrapper__content", ye ? "pds-table-wrapper__content--panel-open" : null]),
 		style: Xe
 	}, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__table-column" }, /* @__PURE__ */ e.createElement("div", {
-		ref: J,
+		ref: Y,
 		className: "pds-table-wrapper__table-area"
 	}, /* @__PURE__ */ e.createElement("table", {
 		"aria-busy": E,
-		className: Z([q, t]),
-		...ie
+		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, {
 		checked: Ue,
-		id: oe,
+		id: ae,
 		indeterminate: We,
-		label: G,
+		label: K,
 		onChange: Ke,
 		showLabel: !1
 	})), r.map((t) => /* @__PURE__ */ e.createElement("th", {
@@ -11749,21 +11765,21 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"aria-sort": t.sortable ? Be(t.id) : void 0
 	}, t.sortable ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": w(ln(t.header)),
-		className: `${q}__sort-button`,
+		className: `${J}__sort-button`,
 		onClick: () => ze(t.id),
 		type: "button"
 	}, t.header, /* @__PURE__ */ e.createElement("span", {
 		"aria-hidden": "true",
-		className: `${q}__sort-icons`
-	}, /* @__PURE__ */ e.createElement("span", { className: Z([`${q}__sort-button-top`, Ve(t.id, "top")]) }, /* @__PURE__ */ e.createElement(Q, {
+		className: `${J}__sort-icons`
+	}, /* @__PURE__ */ e.createElement("span", { className: Z([`${J}__sort-button-top`, Ve(t.id, "top")]) }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "caretUp",
 		size: "m"
-	})), /* @__PURE__ */ e.createElement("span", { className: Z([`${q}__sort-button-bottom`, Ve(t.id, "bottom")]) }, /* @__PURE__ */ e.createElement(Q, {
+	})), /* @__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, {
 		autoWidth: !0,
-		id: ae,
+		id: ie,
 		label: z,
 		onOptionSelect: (e) => xe(Number(e.value)),
 		options: R.map((e) => ({
@@ -11778,7 +11794,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		itemsPerPage: be,
 		labelStrings: B,
 		onPageChange: X ? N : pe,
-		totalItemCount: X ? re ?? 0 : W.length
+		totalItemCount: X ? ne ?? 0 : G.length
 	}))), v && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__footer" }, v)), U && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__detail-panel", ye ? "pds-table-wrapper__detail-panel--open" : null]) }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-upper" }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-header" }, c && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-title" }, c), /* @__PURE__ */ e.createElement(hn, {
 		ariaLabel: n,
 		onClick: Me,
@@ -11789,9 +11805,9 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		onPrev: Ne,
 		onNext: Pe,
 		hasPrev: ke > 0,
-		hasNext: ke < W.length - 1
-	}))), ye && Ae && (ee || s) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-footer" }, ee ? ee(Ae, {
-		hasNext: ke < W.length - 1,
+		hasNext: ke < G.length - 1
+	}))), ye && Ae && (W || s) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-footer" }, W ? W(Ae, {
+		hasNext: ke < G.length - 1,
 		hasPrev: ke > 0,
 		onClose: Me,
 		onNext: Pe,
@@ -11808,7 +11824,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}), /* @__PURE__ */ e.createElement(pn, {
 		hasBorder: !0,
 		ariaLabel: A,
-		disabled: ke >= W.length - 1,
+		disabled: ke >= G.length - 1,
 		iconName: "angleDown",
 		onClick: Pe,
 		size: "s",
@@ -12060,21 +12076,25 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"purple",
 	"magenta",
 	"rose",
-	"red",
-	"silver"
+	"red"
 ], lo = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
 	"magenta-solid",
 	"rose-solid",
+	"gold-solid",
+	"lime-solid",
+	"sky-solid",
+	"slate-solid"
+], uo = [
 	"success-solid",
 	"warning-solid",
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], uo = (e) => co[parseInt(_(e), 16) % co.length], fo = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, po = ({ 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}--${uo(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
+], fo = [...lo, ...uo], po = [...co, ...lo], mo = (e) => po[parseInt(_(e), 16) % po.length], ho = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, go = ({ 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}--${mo(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && o(r)) {
@@ -12096,7 +12116,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? fo(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? ho(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -12108,7 +12128,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, mo = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, _o = ({ 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([
@@ -12119,7 +12139,7 @@ var Ga = ({ 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)));
-}, ho = () => {
+}, vo = () => {
 	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;
@@ -12130,7 +12150,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, go = ({ 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 }) => {
+}, yo = ({ 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);
@@ -12152,19 +12172,19 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		M(!j);
-	}, U = ho();
+	}, U = vo();
 	l(() => {
 		U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
 	}, [U]);
-	let ee = d && s;
+	let W = d && s;
 	Rt("[", (e) => {
 		e.preventDefault(), j || H();
-	}, { enabled: ee }), Rt("]", (e) => {
+	}, { enabled: W }), Rt("]", (e) => {
 		e.preventDefault(), j && H();
-	}, { enabled: ee });
-	let W = m(null);
+	}, { enabled: W });
+	let G = m(null);
 	f(() => {
-		let e = W.current;
+		let e = G.current;
 		if (!e) return;
 		if (R != null) {
 			e.style.setProperty("--pds-app-layout-top-offset", R);
@@ -12182,14 +12202,14 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			r.disconnect(), i?.disconnect(), window.removeEventListener("resize", t);
 		};
 	}, [R]);
-	let G = Xe(t), te = G.__unslotted, K = G.header, ne = G.footer, re = G.sidebar, ie = G.identity, q = G["content-top"], ae = G.navigation, oe = G["content-bottom"], J = ie || q || ae || oe, Y = J ? /* @__PURE__ */ e.createElement(e.Fragment, null, (ie || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, ie, o && !j && /* @__PURE__ */ e.createElement(pn, {
+	let K = Xe(t), ee = K.__unslotted, q = K.header, te = K.footer, ne = K.sidebar, re = K.identity, J = K["content-top"], ie = K.navigation, ae = K["content-bottom"], Y = re || J || ie || ae, oe = Y ? /* @__PURE__ */ e.createElement(e.Fragment, null, (re || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, re, o && !j && /* @__PURE__ */ e.createElement(pn, {
 		hasBorder: !0,
 		ariaLabel: F.drawerToggle,
 		className: `${N}__drawer-toggle`,
 		iconName: "sidebar",
 		onClick: b,
 		size: "s"
-	})), q && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, q), ae && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, ae), oe && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-bottom` }, oe)) : re, X = i(_, {
+	})), J && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, J), ie && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, ie), ae && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-bottom` }, ae)) : ne, X = i(_, {
 		...y,
 		className: Z([`${N}__main`, y?.className]),
 		id: I,
@@ -12201,13 +12221,13 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__main-inner`,
 		style: { maxWidth: L }
-	}, te)), se = /* @__PURE__ */ e.createElement("div", {
+	}, ee)), se = /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__content-column`,
 		style: { backgroundColor: g || void 0 }
-	}, X, ne && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
+	}, X, te && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__footer-inner`,
 		style: { maxWidth: L }
-	}, ne))), ce = /* @__PURE__ */ e.createElement(e.Fragment, null, (re || J) && /* @__PURE__ */ e.createElement("div", {
+	}, te))), ce = /* @__PURE__ */ e.createElement(e.Fragment, null, (ne || Y) && /* @__PURE__ */ e.createElement("div", {
 		...O,
 		className: Z([
 			`${N}__sidebar`,
@@ -12234,20 +12254,20 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			crossAxis: -96
 		},
 		preferredPlacement: "right-end"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` }, Y)), se);
+	}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` }, oe)), se);
 	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
-		ref: W,
+		ref: G,
 		className: Z([
 			N,
 			P,
-			K ? `${N}--has-header` : null,
+			q ? `${N}--has-header` : null,
 			n ?? ""
 		]),
 		...A
 	}, /* @__PURE__ */ e.createElement(li, {
 		destination: I,
 		text: F.skipToContent
-	}), K ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, K), /* @__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(ta, {
 		...a,
 		isOpen: c,
 		placement: "left",
@@ -12255,7 +12275,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && c && b && b();
 		}
 	}, r));
-}, _o = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, bo = ({ 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`,
@@ -12273,7 +12293,7 @@ var Ga = ({ 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));
-}, vo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
+}, xo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
 	let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = Xe(t);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, n ?? ""]),
@@ -12287,7 +12307,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...l
 	}, /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, f.__unslotted || f.content), /* @__PURE__ */ e.createElement("div", { className: `${u}__side` }, f.sidebar));
-}, yo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
+}, So = ({ 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, {
 		className: Z([
 			l,
@@ -12298,7 +12318,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		...a
 	}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
 	return i ? /* @__PURE__ */ e.createElement(da, null, d) : d;
-}, bo = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+}, Co = ({ 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"],
@@ -12316,7 +12336,7 @@ var Ga = ({ 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)));
-}, xo = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, wo = ({ 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":
@@ -12337,7 +12357,7 @@ var Ga = ({ 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));
-}, So = ({ 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 }) => {
+}, To = ({ 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,
@@ -12363,7 +12383,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, Co = (e) => {
+}, Eo = (e) => {
 	let t = typeof window < "u", [n, r] = h(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return l(() => {
 		if (!t) return;
@@ -12372,20 +12392,20 @@ var Ga = ({ 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;
-}, wo = [
+}, Do = [
 	"light",
 	"dark",
 	"system"
-], To = (e) => typeof e == "string" && wo.includes(e), Eo = r(null), Do = {
+], Oo = (e) => typeof e == "string" && Do.includes(e), ko = r(null), Ao = {
 	resolvedTheme: "light",
 	setTheme: () => {},
 	theme: "light"
-}, Oo = ({ 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){}})();`, ko = ({ 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 = Co("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
+}, jo = ({ 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){}})();`, Mo = ({ 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 = Eo("(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);
-			To(e) && m(e);
+			Oo(e) && m(e);
 		} catch {}
 	}, []), l(() => {
 		typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -12405,20 +12425,20 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		theme: v
 	};
-	return /* @__PURE__ */ e.createElement(Eo.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: Oo({
+	return /* @__PURE__ */ e.createElement(ko.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: jo({
 		defaultTheme: n,
 		storageKey: c
 	}) } }), t);
-}, Ao = () => c(Eo) ?? Do, jo = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
+}, No = () => c(ko) ?? Ao, Po = ({ 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(ko, i, t) : t;
+	let a = n ? /* @__PURE__ */ e.createElement(Mo, i, t) : t;
 	return /* @__PURE__ */ e.createElement(It, null, a);
-}, Mo = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, Fo = ({ 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([
@@ -12432,7 +12452,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, No = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, Io = ({ 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,
@@ -12451,7 +12471,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, Po = (e, t, n) => {
+}, Lo = (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,
@@ -12475,7 +12495,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		m,
 		a
 	]), u;
-}, Fo = () => {
+}, Ro = () => {
 	let e = typeof window < "u", [t, n] = h(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return l(() => {
 		if (!e) return;
@@ -12489,6 +12509,6 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { Jn as ActionCard, go 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, _o 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, So as FlexContainer, na as FullScreenOverlay, jo as GlobalWrapper, Mo as Grid, No 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, vo as SidebarLayout, ka as SiteFooter, Oi as SiteMenu, Aa as SiteOptionDisplay, ja as SiteSearch, Ln as SiteTypeIcon, In as SiteTypeLabel, pr as Skeleton, li as Skiplink, Ua as SortableList, La as SortableListHeader, Ga as SortableRow, nn as Spinner, Bn as SplitButton, rn as StatusBadge, qa as StatusChecker, Ja as StatusIndicator, jn as StatusTypeLabels, Ya as StepList, Xa as Stepper, yo as StepperLayout, Xr as Switch, Ai as TabMenu, $a as Table, oo as TableOfContents, so as Tabs, po as Tag, Qr as TagsInput, an as Tally, ti as TextInput, $r as Textarea, Eo as ThemeContext, ko as ThemeContextProvider, Pi as ThemeSwitcher, bo as ThreeItemLayout, oi as TimeInput, Qi as Toast, $i as ToastType, Yi as Toaster, qi as ToasterContext, zt as Tooltip, Mi as TreeNav, xo as TwoItemLayout, Fi as UserMenu, mo as UtilityBar, Gn as UtilityButton, Mr as VerticalEmptyState, Qa as VerticalStepper, Ar as VideoEmbed, Ii as WorkspaceSelector, Wr as getPresetDateRange, Oo as getThemeInitScript, et as iconList, Nn as isHeadingItemType, Pn as isLinkItemType, Fn as isNodeItemType, Mn as isSeparatorItemType, Ka as statusCheckerStates, co as tagColors, lo as tagSolidColors, ho as useBreakpoint, fn as useClipboard, _n as useDropdown, Nt as useIsMobile, Po as useKeyPress, Rt as useKeyboardShortcut, Co as useMediaQuery, Ao as useTheme, ea as useToast, Fo as useWindowWidth };
+export { Jn as ActionCard, yo 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, bo 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, To as FlexContainer, na as FullScreenOverlay, Po as GlobalWrapper, Fo as Grid, Io 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, xo as SidebarLayout, ka as SiteFooter, Oi as SiteMenu, Aa as SiteOptionDisplay, ja as SiteSearch, Ln as SiteTypeIcon, In as SiteTypeLabel, pr as Skeleton, li as Skiplink, Ua as SortableList, La as SortableListHeader, Ga as SortableRow, nn as Spinner, Bn as SplitButton, rn as StatusBadge, qa as StatusChecker, Ja as StatusIndicator, jn as StatusTypeLabels, Ya as StepList, Xa as Stepper, So as StepperLayout, Xr as Switch, Ai as TabMenu, $a as Table, oo as TableOfContents, so as Tabs, go as Tag, Qr as TagsInput, an as Tally, ti as TextInput, $r as Textarea, ko as ThemeContext, Mo as ThemeContextProvider, Pi as ThemeSwitcher, Co as ThreeItemLayout, oi as TimeInput, Qi as Toast, $i as ToastType, Yi as Toaster, qi as ToasterContext, zt as Tooltip, Mi as TreeNav, wo as TwoItemLayout, Fi as UserMenu, _o as UtilityBar, Gn as UtilityButton, Mr as VerticalEmptyState, Qa as VerticalStepper, Ar as VideoEmbed, Ii as WorkspaceSelector, Wr as getPresetDateRange, jo as getThemeInitScript, et as iconList, Nn as isHeadingItemType, Pn as isLinkItemType, Fn as isNodeItemType, Mn as isSeparatorItemType, Ka as statusCheckerStates, co as tagColors, fo as tagSolidColors, lo as tagSolidHueColors, uo as tagSolidStatusColors, vo as useBreakpoint, fn as useClipboard, _n as useDropdown, Nt as useIsMobile, Lo as useKeyPress, Rt as useKeyboardShortcut, Eo as useMediaQuery, No as useTheme, ea as useToast, Ro as useWindowWidth };
 
 //# sourceMappingURL=index.js.map