@pantheon-systems/pds-toolkit-react 2.0.0-alpha.77 → 2.0.0-alpha.79

package/dist/index.js

@@ -2,7 +2,7 @@ import e, { Children as t, Fragment as n, cloneElement as r, createContext as i,
 import v from "hash-sum";
 import { FloatingArrow as y, FloatingFocusManager as b, FloatingNode as x, FloatingOverlay as S, FloatingPortal as C, FloatingTree as w, arrow as T, autoUpdate as E, flip as D, offset as O, safePolygon as k, shift as A, size as j, useClick as M, useDismiss as N, useFloating as P, useFloatingNodeId as F, useFloatingParentNodeId as I, useFocus as L, useHover as R, useId as z, useInteractions as B, useListNavigation as V, useRole as H, useTransitionStyles as U, useTypeahead as W } from "@floating-ui/react";
 import { useHotkeys as G } from "react-hotkeys-hook";
-import { Bar as K, BarChart as q, CartesianGrid as J, Cell as ee, Line as te, LineChart as ne, Pie as re, PieChart as ie, Rectangle as ae, ReferenceLine as oe, ResponsiveContainer as se, Tooltip as Y, XAxis as X, YAxis as ce } from "recharts";
+import { Bar as K, BarChart as q, CartesianGrid as J, Cell as ee, Line as te, LineChart as ne, Pie as re, PieChart as ie, Rectangle as ae, ReferenceLine as oe, ResponsiveContainer as se, Tooltip as Y, XAxis as ce, YAxis as X } from "recharts";
 import { CodeBlock as le } from "react-code-block";
 import { useCombobox as ue, useMultipleSelection as de } from "downshift";
 import { CalendarDate as fe, Time as pe, createCalendar as me, endOfMonth as he, endOfWeek as ge, fromDate as _e, getLocalTimeZone as ve, startOfMonth as ye, startOfWeek as be, toCalendarDateTime as xe, toTimeZone as Se, toZoned as Ce, today as we } from "@internationalized/date";
@@ -2970,6 +2970,9 @@ var Dn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		scaleIn: `${v}--scaleIn`
 	}, w, T;
 	switch (p) {
+		case "xs":
+			T = "m", w = 6;
+			break;
 		case "s":
 			T = "m", w = 8;
 			break;
@@ -3481,7 +3484,7 @@ var Dn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 	}));
 }, er = ({ children: t, className: n, ...r }) => {
 	let { floatingStyles: i, getFloatingProps: a, isMounted: o, nodeId: s, refs: c, transitionStyles: l } = Xn();
-	return o ? /* @__PURE__ */ e.createElement(x, { id: s }, /* @__PURE__ */ e.createElement("ul", {
+	return o ? /* @__PURE__ */ e.createElement(x, { id: s }, /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("ul", {
 		ref: c.setFloating,
 		className: Z(["pds-dropdown__panel", n ?? ""]),
 		style: {
@@ -3490,7 +3493,7 @@ var Dn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		},
 		...a(),
 		...r
-	}, t)) : null;
+	}, t))) : null;
 }, tr = ({ children: t, className: n, closeOnSelect: r = !0, description: i, disabled: a, icon: o, index: s, isActive: c, isCritical: l, onClick: u, onKeyDown: d, trailingIcon: f, ...p }) => {
 	let { activeIndex: m, getItemProps: h, listRef: g, setIsOpen: _ } = Xn(), v = "pds-dropdown", y = m === s, b = y ? `${v}__item--focused` : null, x = c ? `${v}__item--active` : null, S = l ? `${v}__item--critical` : null, C = a ? `${v}__item--disabled` : null, w = (e) => {
 		u?.(e), r && _(!1);
@@ -4295,29 +4298,29 @@ var sr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 }, Cr = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, icon: a, id: o, inputWidth: s, label: c, labelStrings: l = {
 	selectOptionText: "Select an option...",
 	triggerButton: "Toggle dropdown menu"
-}, message: d, onBlur: f, onFocus: p, onOptionSelect: m, options: h, required: _ = !1, showLabel: v = !0, showSelectedIcon: y = !0, size: b = "s", tooltipText: x = null, validationMessage: S, validationStatus: C, value: w, ...T }) => {
-	let E = cn(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) => yn(t) ? [...e, ...t.options] : [...e, t], []))(h), z = (e) => R.findIndex((t) => t.value === e), B = I && z(w) >= 0 ? z(w) : null, V = L ? z(r) : null, [H, U] = g((B || V) ?? null), { activeIndex: W, floatingStyles: G, getFloatingProps: K, getItemProps: q, getReferenceProps: J, isMounted: ee, listRef: te, refs: ne, setIsOpen: re, transitionStyles: ie } = Rn({
+}, message: d, onBlur: f, onFocus: p, onOptionSelect: m, options: h, required: _ = !1, showLabel: v = !0, showSelectedIcon: y = !0, size: b = "s", tooltipText: x = null, validationMessage: S, validationStatus: w, value: T, ...E }) => {
+	let D = cn(s), O = "pds-select", k = t ? `${O}--auto-width` : null, A = b === "s" ? null : `${O}--${b}`, j = i ? $.disabled : null, M = _ && !i ? $.required : null, N = w === "error" ? $.error : null, P = w === "success" ? $.success : null, F = null;
+	w === "error" && (F = "error"), w === "success" && (F = "success");
+	let I = S || d, L = T !== void 0, R = r !== void 0, z = ((e) => e.reduce((e, t) => yn(t) ? [...e, ...t.options] : [...e, t], []))(h), B = (e) => z.findIndex((t) => t.value === e), V = L && B(T) >= 0 ? B(T) : null, H = R ? B(r) : null, [U, W] = g((V || H) ?? null), { activeIndex: G, floatingStyles: K, getFloatingProps: q, getItemProps: J, getReferenceProps: ee, isMounted: te, listRef: ne, refs: re, setIsOpen: ie, transitionStyles: ae } = Rn({
 		enableClick: !i,
 		enableTypeahead: !0,
 		role: "listbox",
-		selectedIndex: H,
+		selectedIndex: U,
 		variant: "input"
-	}), ae = H === null ? void 0 : R[H]?.label, oe = H === null ? void 0 : R[H]?.icon, se = H === null ? void 0 : R[H]?.value, Y = (e) => {
-		let t = R[e];
-		I || (U(e), re(!1)), m && m(t);
+	}), oe = U === null ? void 0 : z[U]?.label, se = U === null ? void 0 : z[U]?.icon, Y = U === null ? void 0 : z[U]?.value, ce = (e) => {
+		let t = z[e];
+		L || (W(e), ie(!1)), m && m(t);
 	};
 	u(() => {
-		I && (U(z(w)), re(!1));
-	}, [w]);
+		L && (W(B(T)), ie(!1));
+	}, [T]);
 	let X = () => {
-		f && f(se);
-	}, ce = () => {
-		p && p(se);
+		f && f(Y);
 	}, le = () => {
-		ne.reference.current.focus();
-	}, ue = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(fr, {
+		p && p(Y);
+	}, ue = () => {
+		re.reference.current.focus();
+	}, de = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(fr, {
 		className: n,
 		platformType: t,
 		size: "m"
@@ -4325,7 +4328,7 @@ var sr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: n,
 		iconName: t,
 		size: "m"
-	}), de = (t) => {
+	}), fe = (t) => {
 		let n = 0;
 		return t.map((t) => {
 			if (yn(t)) {
@@ -4334,20 +4337,20 @@ var sr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 					return /* @__PURE__ */ e.createElement(bn, {
 						key: r,
 						ref: (e) => {
-							te.current[r] = e;
+							ne.current[r] = e;
 						},
 						"aria-disabled": t?.disabled,
-						"aria-selected": r === H && r === W,
-						tabIndex: r === W ? 0 : -1,
-						...!t?.disabled && q({
+						"aria-selected": r === U && r === G,
+						tabIndex: r === G ? 0 : -1,
+						...!t?.disabled && J({
 							onClick() {
-								Y(r);
+								ce(r);
 							},
 							onKeyDown(e) {
-								e.key === "Enter" && (e.preventDefault(), Y(r), ne.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ne.reference.current.focus());
+								e.key === "Enter" && (e.preventDefault(), ce(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(sr, null));
+					}, /* @__PURE__ */ e.createElement("span", { className: `${O}__option-label` }, t.icon && de(t.icon, `${O}__option-icon`), t.label), y && U === r && /* @__PURE__ */ e.createElement(sr, null));
 				});
 				return /* @__PURE__ */ e.createElement(Sr, {
 					key: t.groupLabel,
@@ -4358,44 +4361,44 @@ var sr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			return /* @__PURE__ */ e.createElement(bn, {
 				key: r,
 				ref: (e) => {
-					te.current[r] = e;
+					ne.current[r] = e;
 				},
 				"aria-disabled": t?.disabled,
-				"aria-selected": r === H && r === W,
-				tabIndex: r === W ? 0 : -1,
-				...!t?.disabled && q({
+				"aria-selected": r === U && r === G,
+				tabIndex: r === G ? 0 : -1,
+				...!t?.disabled && J({
 					onClick() {
-						Y(r);
+						ce(r);
 					},
 					onKeyDown(e) {
-						e.key === "Enter" && (e.preventDefault(), Y(r), ne.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ne.reference.current.focus());
+						e.key === "Enter" && (e.preventDefault(), ce(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(sr, null));
+			}, /* @__PURE__ */ e.createElement("span", { className: `${O}__option-label` }, t.icon && de(t.icon, `${O}__option-icon`), t.label), y && U === r && /* @__PURE__ */ e.createElement(sr, null));
 		});
 	};
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			D,
 			O,
 			k,
 			A,
 			j,
 			M,
 			N,
+			P,
 			n ?? ""
 		]),
-		style: s ? E : null,
-		...T
+		style: s ? D : null,
+		...E
 	}, t && !s && /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
-		className: `${D}__sizer`
-	}, R.map((t) => /* @__PURE__ */ e.createElement("span", {
+		className: `${O}__sizer`
+	}, z.map((t) => /* @__PURE__ */ e.createElement("span", {
 		key: t.value,
-		className: `${D}__input-wrapper`
-	}, C !== void 0 && /* @__PURE__ */ e.createElement(mn, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${D}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-text` }, t.icon && ue(t.icon, `${D}__icon`), t.label), /* @__PURE__ */ e.createElement(Q, {
-		className: `${D}__trigger-icon`,
+		className: `${O}__input-wrapper`
+	}, w !== void 0 && /* @__PURE__ */ e.createElement(mn, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${O}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${O}__option-text` }, t.icon && de(t.icon, `${O}__icon`), t.label), /* @__PURE__ */ e.createElement(Q, {
+		className: `${O}__trigger-icon`,
 		iconName: "angleDown"
 	}))))), /* @__PURE__ */ e.createElement(dn, {
 		disabled: i,
@@ -4405,37 +4408,37 @@ var sr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		showLabel: v,
 		tooltipText: x
 	}), /* @__PURE__ */ e.createElement("span", {
-		ref: ne.setReference,
+		ref: re.setReference,
 		"aria-autocomplete": "none",
 		"aria-labelledby": `${o}-label`,
-		className: `${D}__input-wrapper`,
+		className: `${O}__input-wrapper`,
 		id: o,
 		tabIndex: 0,
-		...J({
-			onClick: le,
+		...ee({
+			onClick: ue,
 			onBlur: X,
-			onFocus: ce
+			onFocus: le
 		})
-	}, P && /* @__PURE__ */ e.createElement(mn, { variant: P }), /* @__PURE__ */ e.createElement("span", { className: `${D}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-text` }, (oe || !ae && a) && ue(oe || a, `${D}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label-text` }, ae ?? l.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
-		className: `${D}__trigger-icon`,
+	}, F && /* @__PURE__ */ e.createElement(mn, { variant: F }), /* @__PURE__ */ e.createElement("span", { className: `${O}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${O}__option-text` }, (se || !oe && a) && de(se || a, `${O}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${O}__option-label-text` }, oe ?? l.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
+		className: `${O}__trigger-icon`,
 		iconName: "angleDown"
-	}))), ee && /* @__PURE__ */ e.createElement("div", {
-		ref: ne.setFloating,
-		className: `pds-dropdown__panel ${D}__dropdown`,
+	}))), te && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
+		ref: re.setFloating,
+		className: `pds-dropdown__panel ${O}__dropdown`,
 		style: {
-			...G,
+			...K,
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
-		...K()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...ie } }, /* @__PURE__ */ e.createElement("ul", {
-		className: `${D}__options`,
+		...q()
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...ae } }, /* @__PURE__ */ e.createElement("ul", {
+		className: `${O}__options`,
 		role: "group"
-	}, de(h)))), F && /* @__PURE__ */ e.createElement(fn, {
+	}, fe(h))))), I && /* @__PURE__ */ e.createElement(fn, {
 		hasValidationMessage: !!S,
 		id: o,
-		message: F,
+		message: I,
 		validationMessageHasDecorators: !1,
-		validationStatus: C
+		validationStatus: w
 	}));
 }, wr = {
 	"sequential-blue": 2,
@@ -4919,7 +4922,7 @@ var sr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3",
 		vertical: Te
-	}), /* @__PURE__ */ e.createElement(X, {
+	}), /* @__PURE__ */ e.createElement(ce, {
 		axisLine: ie,
 		dataKey: Te ? void 0 : "label",
 		hide: !ie,
@@ -4936,7 +4939,7 @@ var sr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tickLine: !1,
 		tickMargin: 10,
 		type: Te ? "number" : "category"
-	}), /* @__PURE__ */ e.createElement(ce, {
+	}), /* @__PURE__ */ e.createElement(X, {
 		axisLine: ie,
 		dataKey: Te ? "label" : void 0,
 		domain: N,
@@ -5093,7 +5096,7 @@ var sr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, V && /* @__PURE__ */ e.createElement(J, {
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3"
-	}), /* @__PURE__ */ e.createElement(X, {
+	}), /* @__PURE__ */ e.createElement(ce, {
 		axisLine: H,
 		dataKey: "label",
 		hide: !H,
@@ -5107,7 +5110,7 @@ var sr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tick: H ? Mr : !1,
 		tickLine: !1,
 		tickMargin: 10
-	}), /* @__PURE__ */ e.createElement(ce, {
+	}), /* @__PURE__ */ e.createElement(X, {
 		axisLine: H,
 		domain: D,
 		hide: !H,
@@ -7147,17 +7150,17 @@ var Xr = {
 	inputInstructions: "Type to search options",
 	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: C, onFocus: w, onOptionSelect: T, options: k, placeholder: A, required: M = !1, showLabel: N = !0, showUnfilteredOptions: F = !1, size: I = "s", tooltipText: L = null, validationMessage: R, validationStatus: z, value: B, ...V }, H) => {
-	let W = cn(d), G = "pds-combobox", K = I === "s" ? null : `${G}--${I}`, q = r ? $.disabled : null, J = M && !r ? $.required : null, ee = z === "error" ? $.error : null, te = z === "success" ? $.success : null, ne = null;
-	o && (ne = "search"), z === "error" && (ne = "error"), z === "success" && (ne = "success");
-	let re = R || y, ie = B !== void 0, ae = n !== void 0, oe = (e) => {
-		let t = k.find((t) => t.value === e);
+}, loadingText: v = "Loading results...", message: y, noResultsText: b = "No results found", onBlur: x, onChange: S, onClear: w, onFocus: T, onOptionSelect: k, options: A, placeholder: M, required: N = !1, showLabel: F = !0, showUnfilteredOptions: I = !1, size: L = "s", tooltipText: R = null, validationMessage: z, validationStatus: B, value: V, ...H }, W) => {
+	let G = cn(d), K = "pds-combobox", q = L === "s" ? null : `${K}--${L}`, J = r ? $.disabled : null, ee = 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 ie = z || y, ae = V !== void 0, oe = n !== void 0, se = (e) => {
+		let t = A.find((t) => t.value === e);
 		return t ? t.label : "";
-	}, [se, Y] = g(ae ? n : void 0), [X, ce] = g(ie ? B ?? "" : ae ? oe(n) : ""), le = s && !X;
+	}, [Y, ce] = g(oe ? n : void 0), [X, le] = g(ae ? V ?? "" : oe ? se(n) : ""), de = s && !X;
 	u(() => {
-		ie && ce(B ?? "");
-	}, [ie, B]);
-	let de = h(null), fe = (e) => e.map(({ label: e, optionDisplay: t, searchIndex: n, value: r, ...i }) => {
+		ae && le(V ?? "");
+	}, [ae, V]);
+	let fe = h(null), pe = (e) => e.map(({ label: e, optionDisplay: t, searchIndex: n, value: r, ...i }) => {
 		let a = r || e, o = [e, r];
 		return n && o.push(...n), {
 			label: e,
@@ -7166,27 +7169,27 @@ var Xr = {
 			optionDisplay: t,
 			...i
 		};
-	}), pe = m(() => {
-		let e = fe(k);
-		if (!X && !F) return [];
+	}), me = m(() => {
+		let e = pe(A);
+		if (!X && !I) return [];
 		let t = (X ?? "").toLowerCase();
 		return e.filter((e) => (e.searchIndex?.map((e) => e.toLowerCase()) ?? []).some((e) => e.includes(t)));
 	}, [
-		k,
+		A,
 		X,
-		F,
+		I,
 		f
-	]), { getInputProps: me, getItemProps: he, getMenuProps: ge, highlightedIndex: _e, isOpen: ve, openMenu: ye, reset: be } = ue({
+	]), { getInputProps: he, getItemProps: ge, getMenuProps: _e, highlightedIndex: ve, isOpen: ye, openMenu: be, reset: xe } = ue({
 		id: l,
 		inputId: `input-${l}`,
-		items: pe,
+		items: me,
 		itemToString: (e) => e ? e.label : "",
 		inputValue: X,
 		onInputValueChange: ({ inputValue: e }) => {
-			ce(e ?? "");
+			le(e ?? "");
 		},
 		onSelectedItemChange: ({ selectedItem: e }) => {
-			e && (ie || ce(e.label), Y(e.value), T?.(e));
+			e && (ae || le(e.label), ce(e.value), k?.(e));
 		},
 		stateReducer: (e, { changes: t, type: n }) => {
 			if (n === ue.stateChangeTypes.InputBlur) return {
@@ -7194,7 +7197,7 @@ var Xr = {
 				inputValue: e.inputValue
 			};
 			if (n === ue.stateChangeTypes.InputClick) {
-				if (F) return {
+				if (I) return {
 					...t,
 					isOpen: !0
 				};
@@ -7205,11 +7208,11 @@ var Xr = {
 			}
 			return t;
 		}
-	}), { context: xe, floatingStyles: Se, refs: Ce } = P({
-		open: ve,
+	}), { context: Se, floatingStyles: Ce, refs: we } = P({
+		open: ye,
 		whileElementsMounted: E,
 		placement: "bottom-start",
-		strategy: "absolute",
+		strategy: "fixed",
 		middleware: [
 			O(({ placement: e }) => e.startsWith("top") ? 16 : 0),
 			j({
@@ -7229,7 +7232,7 @@ var Xr = {
 			}),
 			D({ padding: 24 })
 		]
-	}), { isMounted: we, styles: Te } = U(xe, {
+	}), { isMounted: Te, styles: Ee } = U(Se, {
 		duration: {
 			open: 300,
 			close: 150
@@ -7237,103 +7240,103 @@ var Xr = {
 		initial: { opacity: 0 },
 		open: { opacity: 1 },
 		close: { opacity: 0 }
-	}), Ee = c((e) => {
-		Ce.setReference(e), typeof H == "function" ? H(e) : H && "current" in H && (H.current = e);
-	}, [H, Ce]), De = () => {
-		ve ? be() : ye();
-	}, Oe = () => {
-		ie || ce(""), Y(void 0), be(), de.current?.focus(), F && ye(), C?.();
-	}, ke = (e) => {
-		x?.(se);
+	}), De = c((e) => {
+		we.setReference(e), typeof W == "function" ? W(e) : W && "current" in W && (W.current = e);
+	}, [W, we]), Oe = () => {
+		ye ? xe() : be();
+	}, ke = () => {
+		ae || le(""), ce(void 0), xe(), fe.current?.focus(), I && be(), w?.();
 	}, Ae = (e) => {
-		F && ye(), w?.(se);
-	}, je = () => pe.map((t, n) => /* @__PURE__ */ e.createElement(bn, {
+		x?.(Y);
+	}, je = (e) => {
+		I && be(), T?.(Y);
+	}, Me = () => me.map((t, n) => /* @__PURE__ */ e.createElement(bn, {
 		key: t.value,
-		className: _e === n ? "pds-dropdown__item--focused" : "",
-		...he({
+		className: ve === n ? "pds-dropdown__item--focused" : "",
+		...ge({
 			item: t,
 			index: n
 		})
-	}, /* @__PURE__ */ e.createElement("span", { className: `${G}__option-label` }, t.optionDisplay || t.label)));
+	}, /* @__PURE__ */ e.createElement("span", { className: `${K}__option-label` }, t.optionDisplay || t.label)));
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			G,
 			K,
 			q,
 			J,
 			ee,
 			te,
+			ne,
 			t ?? ""
 		]),
-		style: d ? W : null,
-		...V
+		style: d ? G : null,
+		...H
 	}, /* @__PURE__ */ e.createElement(dn, {
 		disabled: r,
 		id: `input-${l}`,
 		label: p,
-		required: M,
-		showLabel: N,
-		tooltipText: L
+		required: N,
+		showLabel: F,
+		tooltipText: R
 	}), /* @__PURE__ */ e.createElement("span", {
-		ref: Ee,
-		"aria-describedby": re ? `${l}__message` : null,
+		ref: De,
+		"aria-describedby": ie ? `${l}__message` : null,
 		"aria-disabled": r ? !0 : null,
-		"aria-invalid": z === "error" ? !0 : null,
-		"aria-required": M ? !0 : null,
-		className: Z([`${G}__input-wrapper`, le ? `${G}__input-wrapper--has-search-shortcut` : null]),
+		"aria-invalid": B === "error" ? !0 : null,
+		"aria-required": N ? !0 : null,
+		className: Z([`${K}__input-wrapper`, de ? `${K}__input-wrapper--has-search-shortcut` : null]),
 		id: l
-	}, ne && /* @__PURE__ */ e.createElement(mn, { variant: ne }), /* @__PURE__ */ e.createElement("input", {
-		ref: de,
+	}, re && /* @__PURE__ */ e.createElement(mn, { variant: re }), /* @__PURE__ */ e.createElement("input", {
+		ref: fe,
 		autoComplete: "off",
-		className: `${G}__input`,
+		className: `${K}__input`,
 		id: `input-${l}`,
-		...me({
+		...he({
 			"aria-label": _.inputInstructions,
 			disabled: r,
-			placeholder: A,
-			onBlur: ke,
+			placeholder: M,
+			onBlur: Ae,
 			onChange: (e) => {
 				S?.(e);
 			},
-			onFocus: Ae
+			onFocus: je
 		})
 	}), X && i && /* @__PURE__ */ e.createElement(gn, {
 		clearLabel: _.clearButton,
-		handleClearInput: Oe,
+		handleClearInput: ke,
 		id: `input-${l}`
-	}), le && /* @__PURE__ */ e.createElement(hn, {
+	}), de && /* @__PURE__ */ e.createElement(hn, {
 		inputId: `input-${l}`,
 		shortcutLabel: _.searchShortcut
 	}), a && /* @__PURE__ */ e.createElement("button", {
-		"aria-expanded": ve,
+		"aria-expanded": ye,
 		"aria-label": _.triggerButton,
-		className: `${G}__trigger`,
+		className: `${K}__trigger`,
 		disabled: r,
-		onClick: De,
+		onClick: Oe,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: `${G}__trigger-icon`,
+		className: `${K}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
-	}))), /* @__PURE__ */ e.createElement("div", {
-		ref: Ce.setFloating,
-		className: `pds-dropdown__panel ${G}__dropdown`,
-		style: we ? {
-			...Se,
-			...Te,
+	}))), /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
+		ref: we.setFloating,
+		className: `pds-dropdown__panel ${K}__dropdown`,
+		style: Te ? {
+			...Ce,
+			...Ee,
 			zIndex: "var(--pds-z-index-dropdown)"
 		} : { display: "none" }
-	}, we && f && /* @__PURE__ */ e.createElement("div", { className: `${G}__loading` }, v), we && !f && pe.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, b), /* @__PURE__ */ e.createElement("ul", {
-		className: `${G}__options`,
-		...ge(),
-		style: we && !f && pe.length > 0 ? void 0 : { display: "none" }
-	}, we && !f && je())), re && /* @__PURE__ */ e.createElement(fn, {
-		hasValidationMessage: !!R,
+	}, Te && f && /* @__PURE__ */ e.createElement("div", { className: `${K}__loading` }, v), Te && !f && me.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, b), /* @__PURE__ */ e.createElement("ul", {
+		className: `${K}__options`,
+		..._e(),
+		style: Te && !f && me.length > 0 ? void 0 : { display: "none" }
+	}, Te && !f && Me()))), ie && /* @__PURE__ */ e.createElement(fn, {
+		hasValidationMessage: !!z,
 		id: l,
-		message: re,
+		message: ie,
 		validationMessageHasDecorators: !1,
-		validationStatus: z
+		validationStatus: B
 	}));
 }), di = (e, t, n) => {
 	let r = n.toLowerCase();
@@ -7349,33 +7352,33 @@ var Xr = {
 	inputInstructions: "Type to search options",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: u = "Loading results...", noResultsText: d = "No results found", onChange: f, options: p, placeholder: _ = "Filter", required: v = !1, showAllTags: y = !1, showLabel: b = !0, size: x = "s", ...S }) => {
-	let C = cn(o), w = "pds-combobox-multi", T = x === "s" ? null : `${w}--${x}`, k = r ? $.disabled : null, A = v && !r ? $.required : null, M = y ? `${w}--show-all-tags` : null, [F, I] = g(""), [L, R] = g(a), [z, V] = g(null), [H, U] = g(!1), W = m(() => di(p, L, F), [
+	let w = cn(o), T = "pds-combobox-multi", k = x === "s" ? null : `${T}--${x}`, A = r ? $.disabled : null, M = v && !r ? $.required : null, F = y ? `${T}--show-all-tags` : null, [I, L] = g(""), [R, z] = g(a), [V, H] = g(null), [U, W] = g(!1), G = m(() => di(p, R, I), [
 		p,
-		L,
-		F
-	]), G = m(() => t?.items?.map((e) => ({
+		R,
+		I
+	]), K = m(() => t?.items?.map((e) => ({
 		...e,
-		isAlreadySelected: L.some((t) => t.id === e.id)
-	})) || [], [t?.items, L]), K = (e) => {
-		R(e), f?.(e);
-	}, { getDropdownProps: q, getSelectedItemProps: J, removeSelectedItem: ee } = de({
-		selectedItems: L,
+		isAlreadySelected: R.some((t) => t.id === e.id)
+	})) || [], [t?.items, R]), q = (e) => {
+		z(e), f?.(e);
+	}, { getDropdownProps: J, getSelectedItemProps: ee, removeSelectedItem: te } = de({
+		selectedItems: R,
 		onStateChange: ({ selectedItems: e, type: t }) => {
 			if (!r) switch (t) {
 				case de.stateChangeTypes.SelectedItemKeyDownBackspace:
 				case de.stateChangeTypes.SelectedItemKeyDownDelete:
 				case de.stateChangeTypes.DropdownKeyDownBackspace:
 				case de.stateChangeTypes.FunctionRemoveSelectedItem:
-					K(e || []);
+					q(e || []);
 					break;
 				default: break;
 			}
 		}
-	}), { closeMenu: te, getInputProps: ne, getItemProps: re, getMenuProps: ie, getToggleButtonProps: ae, highlightedIndex: oe, isOpen: se, openMenu: Y, selectedItem: X } = ue({
-		items: W,
+	}), { closeMenu: ne, getInputProps: re, getItemProps: ie, getMenuProps: ae, getToggleButtonProps: oe, highlightedIndex: se, isOpen: Y, openMenu: ce, selectedItem: X } = ue({
+		items: G,
 		itemToString: (e) => e ? e.label : "",
 		selectedItem: null,
-		inputValue: F,
+		inputValue: I,
 		isOpen: r ? !1 : void 0,
 		stateReducer: (e, { changes: t, type: n }) => {
 			if (r) return e;
@@ -7394,28 +7397,31 @@ var Xr = {
 				case ue.stateChangeTypes.InputKeyDownEnter:
 				case ue.stateChangeTypes.ItemClick:
 				case ue.stateChangeTypes.InputBlur:
-					n && (n.isAlreadySelected ? K(L.filter((e) => e.id !== n.id)) : K([...L, n]), I(""), V(null));
+					n && (n.isAlreadySelected ? q(R.filter((e) => e.id !== n.id)) : q([...R, n]), L(""), H(null));
 					break;
 				case ue.stateChangeTypes.InputChange:
-					I(e || ""), V(null);
+					L(e || ""), H(null);
 					break;
 				case ue.stateChangeTypes.ToggleButtonClick:
 				case ue.stateChangeTypes.FunctionOpenMenu:
-					t && U(!1);
+					t && W(!1);
 					break;
 				default: break;
 			}
 		}
-	}), { floatingStyles: ce, refs: le } = P({
-		open: se,
+	}), { floatingStyles: le, refs: fe } = P({
+		open: Y,
 		whileElementsMounted: E,
 		placement: "bottom-start",
-		strategy: "absolute",
+		strategy: "fixed",
 		middleware: [
 			O(({ placement: e }) => e.startsWith("top") ? 16 : 0),
 			j({
-				apply({ availableHeight: e, elements: t }) {
-					Object.assign(t.floating.style, { maxHeight: `${e}px` });
+				apply({ availableHeight: e, elements: t, rects: n }) {
+					Object.assign(t.floating.style, {
+						maxHeight: `${e}px`,
+						width: `${n.reference.width}px`
+					});
 				},
 				padding: {
 					top: 12,
@@ -7426,12 +7432,12 @@ var Xr = {
 			}),
 			D({ padding: 24 })
 		]
-	}), { context: fe, floatingStyles: pe, refs: me } = P({
-		open: H,
-		onOpenChange: U,
+	}), { context: pe, floatingStyles: me, refs: he } = P({
+		open: U,
+		onOpenChange: W,
 		whileElementsMounted: E,
 		placement: "bottom-start",
-		strategy: "absolute",
+		strategy: "fixed",
 		middleware: [
 			O(({ placement: e }) => e.startsWith("top") ? 16 : 4),
 			j({ apply({ elements: e, rects: t }) {
@@ -7439,44 +7445,44 @@ var Xr = {
 			} }),
 			D({ padding: 24 })
 		]
-	}), { getFloatingProps: he } = B([N(fe)]), ge = (e) => {
+	}), { getFloatingProps: ge } = B([N(pe)]), _e = (e) => {
 		if (e.stopPropagation(), r) return;
-		let t = !H;
-		U(t), t && se && te();
-	}, _e = (e) => {
-		r || (e.isAlreadySelected ? K(L.filter((t) => t.id !== e.id)) : K([...L, e]));
-	}, ve = () => {
-		U(!1), t?.onClose?.();
+		let t = !U;
+		W(t), t && Y && ne();
+	}, ve = (e) => {
+		r || (e.isAlreadySelected ? q(R.filter((t) => t.id !== e.id)) : q([...R, e]));
 	}, ye = () => {
-		t?.onRefresh?.();
+		W(!1), t?.onClose?.();
 	}, be = () => {
-		if (z === null) V(L.length - 1);
+		t?.onRefresh?.();
+	}, xe = () => {
+		if (V === null) H(R.length - 1);
 		else {
-			let e = [...L];
-			e.splice(z, 1), K(e), V(null);
+			let e = [...R];
+			e.splice(V, 1), q(e), H(null);
 		}
-	}, xe = h(!1), Se = () => {
-		r || (xe.current ? te() : Y());
-	}, Ce = (e) => {
-		xe.current = se, !r && e.currentTarget.setAttribute("data-focus-method", "mouse");
+	}, Se = h(!1), Ce = () => {
+		r || (Se.current ? ne() : ce());
 	}, we = (e) => {
-		e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !F && L.length > 0 && (e.preventDefault(), be()), e.key === "Enter" && z !== null && (e.preventDefault(), be()), !se && (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), Y()));
-	}, Te = ne({
-		...q({ preventKeyAction: se }),
+		Se.current = Y, !r && e.currentTarget.setAttribute("data-focus-method", "mouse");
+	}, Te = (e) => {
+		e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !I && R.length > 0 && (e.preventDefault(), xe()), e.key === "Enter" && V !== null && (e.preventDefault(), xe()), !Y && (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), ce()));
+	}, Ee = re({
+		...J({ preventKeyAction: Y }),
 		disabled: r,
-		onKeyDown: we
-	}), Ee = L.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${w}__counter-item` }, L.length - 1) : L.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${w}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${w}__counter-item` }, L.length - 1)) : L.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${w}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${w}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${w}__counter-item` }, L.length - 1)) : "";
+		onKeyDown: Te
+	}), De = R.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-item` }, R.length - 1) : R.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-item` }, R.length - 1)) : R.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-item` }, R.length - 1)) : "";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			w,
 			T,
 			k,
 			A,
 			M,
+			F,
 			n ?? ""
 		]),
-		style: o ? C : null,
+		style: o ? w : null,
 		...S
 	}, /* @__PURE__ */ e.createElement(dn, {
 		disabled: r,
@@ -7486,31 +7492,31 @@ var Xr = {
 		showLabel: b
 	}), /* @__PURE__ */ e.createElement("div", {
 		ref: (e) => {
-			le.setReference(e), me.setReference(e);
+			fe.setReference(e), he.setReference(e);
 		},
 		"aria-disabled": r ? !0 : null,
 		"aria-required": v ? !0 : null,
-		className: `${w}__input-wrapper`,
-		onClick: Se,
-		onKeyDown: we,
-		onMouseDown: Ce,
+		className: `${T}__input-wrapper`,
+		onClick: Ce,
+		onKeyDown: Te,
+		onMouseDown: we,
 		tabIndex: r ? -1 : 0
-	}, L.length > 1 && !y && /* @__PURE__ */ e.createElement("div", { className: `${w}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__counter-wrapper` }, Ee)), L.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${w}__items-wrapper` }, L.map((t, n) => /* @__PURE__ */ e.createElement("span", {
+	}, R.length > 1 && !y && /* @__PURE__ */ e.createElement("div", { className: `${T}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${T}__counter-wrapper` }, De)), R.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${T}__items-wrapper` }, R.map((t, n) => /* @__PURE__ */ e.createElement("span", {
 		key: `selected-item-${n}`,
 		className: `
-                  ${w}__selected-item
-                  ${n === z ? `${w}__selected-item--marked-for-deletion` : ""}
+                  ${T}__selected-item
+                  ${n === V ? `${T}__selected-item--marked-for-deletion` : ""}
                 `,
-		...J({
+		...ee({
 			selectedItem: t,
 			index: n
 		}),
 		tabIndex: -1
-	}, /* @__PURE__ */ e.createElement("span", { className: `${w}__selected-item-text` }, t.label), /* @__PURE__ */ e.createElement("button", {
+	}, /* @__PURE__ */ e.createElement("span", { className: `${T}__selected-item-text` }, t.label), /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `Remove ${t.label}`,
-		className: `${w}__selected-item-remove`,
+		className: `${T}__selected-item-remove`,
 		onClick: (e) => {
-			e.stopPropagation(), ee(t);
+			e.stopPropagation(), te(t);
 		},
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && e.stopPropagation();
@@ -7519,95 +7525,95 @@ var Xr = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "xmark",
 		size: "s"
-	}))))), /* @__PURE__ */ e.createElement("div", { className: `${w}__end-actions` }, t && /* @__PURE__ */ e.createElement("button", {
+	}))))), /* @__PURE__ */ e.createElement("div", { className: `${T}__end-actions` }, t && /* @__PURE__ */ e.createElement("button", {
 		"aria-label": l.aiPanelButton,
-		className: Z([`${w}__ai-button`, k ?? ""]),
+		className: Z([`${T}__ai-button`, A ?? ""]),
 		disabled: r,
-		onClick: ge,
+		onClick: _e,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: `${w}__ai-icon`,
+		className: `${T}__ai-icon`,
 		iconName: "sparkles",
 		size: "s"
 	})), /* @__PURE__ */ e.createElement("button", {
 		"aria-label": l.triggerButton,
-		className: `${w}__trigger ${k}`,
+		className: `${T}__trigger ${A}`,
 		disabled: r,
 		type: "button",
-		...ae({ onClick: (e) => e.stopPropagation() })
+		...oe({ onClick: (e) => e.stopPropagation() })
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: `${w}__trigger-icon`,
+		className: `${T}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
-	})))), /* @__PURE__ */ e.createElement("div", {
-		...q(),
-		ref: le.setFloating,
-		className: `pds-dropdown__panel ${w}__dropdown`,
-		style: se ? {
-			...ce,
+	})))), /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
+		...J(),
+		ref: fe.setFloating,
+		className: `pds-dropdown__panel ${T}__dropdown`,
+		style: Y ? {
+			...le,
 			zIndex: "var(--pds-z-index-dropdown)"
 		} : { display: "none" }
-	}, /* @__PURE__ */ e.createElement("div", { className: `${w}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(mn, { variant: "search" }), /* @__PURE__ */ e.createElement("input", {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${T}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(mn, { variant: "search" }), /* @__PURE__ */ e.createElement("input", {
 		"aria-label": l.inputInstructions,
-		className: `${w}__dropdown-input`,
+		className: `${T}__dropdown-input`,
 		placeholder: _,
-		...Te,
+		...Ee,
 		onClick: (e) => {
 			e.stopPropagation();
 		}
-	})), se && s && /* @__PURE__ */ e.createElement("div", { className: `${w}__loading` }, u), se && !s && W.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, d), /* @__PURE__ */ e.createElement("ul", {
-		className: `${w}__dropdown-list`,
-		...ie(),
-		style: se && !s && W.length > 0 ? void 0 : { display: "none" }
-	}, se && !s && W.map((t, n) => /* @__PURE__ */ e.createElement(bn, {
+	})), Y && s && /* @__PURE__ */ e.createElement("div", { className: `${T}__loading` }, u), Y && !s && G.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, d), /* @__PURE__ */ e.createElement("ul", {
+		className: `${T}__dropdown-list`,
+		...ae(),
+		style: Y && !s && G.length > 0 ? void 0 : { display: "none" }
+	}, Y && !s && G.map((t, n) => /* @__PURE__ */ e.createElement(bn, {
 		key: `${t.id}-${n}`,
-		className: `${w}__dropdown-item
-                  ${oe === n ? "pds-dropdown__item--focused" : ""}
-                  ${X === t ? `${w}__dropdown-item--selected` : ""}
+		className: `${T}__dropdown-item
+                  ${se === n ? "pds-dropdown__item--focused" : ""}
+                  ${X === t ? `${T}__dropdown-item--selected` : ""}
                   ${t.isAlreadySelected ? "pds-dropdown__item--active" : ""}`,
-		...re({
+		...ie({
 			item: t,
 			index: n
 		})
-	}, /* @__PURE__ */ e.createElement("span", { className: `${w}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__dropdown-item-text` }, t.label, t.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${w}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(Q, {
+	}, /* @__PURE__ */ e.createElement("span", { className: `${T}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${T}__dropdown-item-text` }, t.label, t.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${T}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "sparkles",
 		size: "s"
-	}), /* @__PURE__ */ e.createElement("span", null, l.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(sr, null)))))), H && t && /* @__PURE__ */ e.createElement("div", {
-		ref: me.setFloating,
-		className: `${w}__aux-panel`,
+	}), /* @__PURE__ */ e.createElement("span", null, l.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(sr, null))))))), U && t && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
+		ref: he.setFloating,
+		className: `${T}__aux-panel`,
 		style: {
-			...pe,
+			...me,
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
-		...he()
-	}, t.content ? /* @__PURE__ */ e.createElement("div", { className: `${w}__aux-panel-content` }, t.content) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Q, {
-		className: `${w}__aux-panel-icon`,
+		...ge()
+	}, t.content ? /* @__PURE__ */ e.createElement("div", { className: `${T}__aux-panel-content` }, t.content) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Q, {
+		className: `${T}__aux-panel-icon`,
 		iconName: "sparkles",
 		size: "m"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${w}__aux-panel-items` }, G.map((t) => /* @__PURE__ */ e.createElement("button", {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${T}__aux-panel-items` }, K.map((t) => /* @__PURE__ */ e.createElement("button", {
 		key: t.id,
-		className: Z([`${w}__aux-panel-item`, t.isAlreadySelected ? `${w}__aux-panel-item--selected` : ""]),
-		onClick: () => _e(t),
+		className: Z([`${T}__aux-panel-item`, t.isAlreadySelected ? `${T}__aux-panel-item--selected` : ""]),
+		onClick: () => ve(t),
 		type: "button"
-	}, t.label)))), /* @__PURE__ */ e.createElement("div", { className: `${w}__aux-panel-header` }, /* @__PURE__ */ e.createElement("button", {
+	}, t.label)))), /* @__PURE__ */ e.createElement("div", { className: `${T}__aux-panel-header` }, /* @__PURE__ */ e.createElement("button", {
 		"aria-label": l.aiPanelRefresh,
-		className: `${w}__aux-panel-button`,
+		className: `${T}__aux-panel-button`,
 		disabled: t.isFetching || t.disableRefresh,
-		onClick: ye,
+		onClick: be,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: Z([`${w}__aux-panel-refresh-icon`, t.isFetching ? `${w}__aux-panel-button-icon--rotating` : ""]),
+		className: Z([`${T}__aux-panel-refresh-icon`, t.isFetching ? `${T}__aux-panel-button-icon--rotating` : ""]),
 		iconName: "rotate",
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("button", {
 		"aria-label": l.aiPanelClose,
-		className: `${w}__aux-panel-button`,
-		onClick: ve,
+		className: `${T}__aux-panel-button`,
+		onClick: ye,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "xmark",
 		size: "m"
-	})))));
+	}))))));
 }, pi = (e) => String(e).padStart(2, "0"), mi = (e) => {
 	let t = e ? /^(\d{1,2}):(\d{2})$/.exec(e) : null;
 	if (!t) return null;
@@ -7854,164 +7860,164 @@ var Xr = {
 		state: r,
 		timeZone: i
 	}) : /* @__PURE__ */ e.createElement("td", { key: o }))))));
-}, ji = ({ allowCustomRange: t = !0, allowDateRangeSelection: n = !0, className: r, disabled: i = !1, footerNote: a, id: o, inputWidth: s, label: c, locale: l, maxDate: d, message: f, minDate: p, mode: m = "single", onChange: _, placeholder: v, presets: y, required: b = !1, showLabel: x = !0, showPresetCalendar: S = !0, showTime: C = !1, showTimeZoneSwitcher: w = !1, timeZone: T = ve(), tooltipText: E, translationStrings: D, validationMessage: O, validationStatus: k, value: A, visibleMonths: j = 2, ...M }) => {
-	let N = m === "range", P = {
+}, ji = ({ allowCustomRange: t = !0, allowDateRangeSelection: n = !0, className: r, disabled: i = !1, footerNote: a, id: o, inputWidth: s, label: c, locale: l, maxDate: d, message: f, minDate: p, mode: m = "single", onChange: _, placeholder: v, presets: y, required: b = !1, showLabel: x = !0, showPresetCalendar: S = !0, showTime: w = !1, showTimeZoneSwitcher: T = !1, timeZone: E = ve(), tooltipText: D, translationStrings: O, validationMessage: k, validationStatus: A, value: j, visibleMonths: M = 2, ...N }) => {
+	let P = m === "range", F = {
 		...Oi,
-		...D
-	}, F = N && !!y && y.length > 0;
-	w && !C && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `showTimeZoneSwitcher` has no effect unless `showTime` is also true."), y && y.length > 0 && !N && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `presets` requires `mode=\"range\"` — every preset computes a date range."), !t && !F && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `allowCustomRange` has no effect unless `presets` is also set.");
-	let { locale: I } = Pe(), L = l?.code ?? I, [R, z] = g(A), [B, V] = g("local"), H = w && B === "utc" ? "UTC" : T, [U, W] = g(void 0), [G, K] = g(S), q = !F || G, J = !F || S || t, ee = j === 1 ? N && C ? 400 : 280 : 550, te = h(null), ne = U === void 0 && (N ? !!R?.from : !!R), re = (e, t) => N && C ? e ?? t : e, [ie, ae] = g(() => re(Si(N ? A?.from : A, H), wi)), [oe, se] = g(() => re(Si(A?.to, H), Ti)), Y = cn(s), X = "pds-datepicker", ce = i ? $.disabled : null, le = b && !i ? $.required : null, ue = k === "error" ? $.error : null, de = k === "success" ? $.success : null, fe = O || f, pe = /* @__PURE__ */ e.createElement("div", { className: `${X}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${X}__timezone-switcher-label` }, P.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(lr, {
+		...O
+	}, I = P && !!y && y.length > 0;
+	T && !w && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `showTimeZoneSwitcher` has no effect unless `showTime` is also true."), y && y.length > 0 && !P && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `presets` requires `mode=\"range\"` — every preset computes a date range."), !t && !I && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `allowCustomRange` has no effect unless `presets` is also set.");
+	let { locale: L } = Pe(), R = l?.code ?? L, [z, B] = g(j), [V, H] = g("local"), U = T && V === "utc" ? "UTC" : E, [W, G] = g(void 0), [K, q] = g(S), J = !I || K, ee = !I || S || t, te = M === 1 ? P && w ? 400 : 280 : 550, ne = h(null), re = W === void 0 && (P ? !!z?.from : !!z), ie = (e, t) => P && w ? e ?? t : e, [ae, oe] = g(() => ie(Si(P ? j?.from : j, U), wi)), [se, Y] = g(() => ie(Si(j?.to, U), Ti)), ce = cn(s), X = "pds-datepicker", le = i ? $.disabled : null, ue = b && !i ? $.required : null, de = A === "error" ? $.error : null, fe = A === "success" ? $.success : null, pe = k || f, he = /* @__PURE__ */ e.createElement("div", { className: `${X}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${X}__timezone-switcher-label` }, F.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(lr, {
 		id: `${o}-timezone-switcher`,
-		label: P.timeZoneSwitcherLabel || "",
-		onChange: (e) => V(e),
+		label: F.timeZoneSwitcherLabel || "",
+		onChange: (e) => H(e),
 		options: [{
-			label: P.localTimeZoneLabel || "",
+			label: F.localTimeZoneLabel || "",
 			value: "local"
 		}, {
-			label: P.utcTimeZoneLabel || "",
+			label: F.utcTimeZoneLabel || "",
 			value: "utc"
 		}],
 		size: "s",
-		value: B
-	})), { floatingStyles: he, getFloatingProps: ge, getReferenceProps: _e, isMounted: ye, isOpen: be, refs: xe, setIsOpen: Se } = Rn({
+		value: V
+	})), { floatingStyles: ge, getFloatingProps: _e, getReferenceProps: ye, isMounted: be, isOpen: xe, refs: Se, setIsOpen: Ce } = Rn({
 		enableListNavigation: !1,
 		offsetValue: 8,
 		placement: "bottom-start",
 		role: "dialog",
 		shiftPadding: 16,
 		variant: "default"
-	}), Ce = vi(p, H), Te = vi(d, H), De = (e, t, n = !1) => {
-		z(e), W(t), _?.(e), !N && n && setTimeout(() => {
-			Se(!1);
+	}), Te = vi(p, U), De = vi(d, U), Ae = (e, t, n = !1) => {
+		B(e), G(t), _?.(e), !P && n && setTimeout(() => {
+			Ce(!1);
 		}, 300);
-	}, Ae = Le({
+	}, je = Le({
 		createCalendar: me,
-		locale: L,
-		maxValue: Te,
-		minValue: Ce,
+		locale: R,
+		maxValue: De,
+		minValue: Te,
 		onChange: (e) => {
-			N || De(Ci(e, C ? ie : void 0, H), void 0, !C);
+			P || Ae(Ci(e, w ? ae : void 0, U), void 0, !w);
 		},
-		value: N ? null : vi(R, H) ?? null
-	}), je = h(null), Me = Re({
+		value: P ? null : vi(z, U) ?? null
+	}), Me = h(null), Ne = Re({
 		createCalendar: me,
-		locale: L,
-		maxValue: Te,
-		minValue: Ce,
-		visibleDuration: { months: j },
+		locale: R,
+		maxValue: De,
+		minValue: Te,
+		visibleDuration: { months: M },
 		onChange: (e) => {
-			N && e && De({
-				from: Ci(e.start, C ? ie : void 0, H),
-				to: Ci(e.end, C ? oe : void 0, H)
+			P && e && Ae({
+				from: Ci(e.start, w ? ae : void 0, U),
+				to: Ci(e.end, w ? se : void 0, U)
 			});
 		},
-		value: N ? (() => {
-			let e = R, t = vi(e?.from, H), n = vi(e?.to, H);
+		value: P ? (() => {
+			let e = z, t = vi(e?.from, U), n = vi(e?.to, U);
 			return t && n ? {
 				start: t,
 				end: n
 			} : null;
 		})() : null
-	}), Ne = N ? Me : Ae, { calendarProps: Ie, nextButtonProps: ze, prevButtonProps: Be } = ke({}, Ae), { calendarProps: Ve, nextButtonProps: He, prevButtonProps: Ue } = Fe({}, Me, je), We = N ? Ve : Ie, Ge = N ? He : ze, Ke = N ? Ue : Be, qe = (e) => new Intl.DateTimeFormat(L, {
+	}), Ie = P ? Ne : je, { calendarProps: ze, nextButtonProps: Be, prevButtonProps: Ve } = ke({}, je), { calendarProps: He, nextButtonProps: Ue, prevButtonProps: We } = Fe({}, Ne, Me), Ge = P ? He : ze, Ke = P ? Ue : Be, qe = P ? We : Ve, Je = (e) => new Intl.DateTimeFormat(R, {
 		month: "long",
 		year: "numeric"
-	}).format(e.toDate(ve())), Je = N ? Array.from({ length: j }, (e, t) => t) : [0], Ye = Je.map((e) => qe(Ne.visibleRange.start.add({ months: e }))), Xe = h(null), Ze = h(null), { buttonProps: Qe } = Oe(Ke, Xe), { buttonProps: $e } = Oe(Ge, Ze), et = () => {
-		z(void 0), W(void 0), _?.(void 0), C && (ae(N ? wi : void 0), se(N ? Ti : void 0)), N ? Me.setValue(null) : Ae.setValue(null);
-	}, tt = () => !N || !Me.anchorDate ? !1 : (Me.selectDate(Me.anchorDate), !0), nt = () => {
-		tt(), Se(!1);
-	}, rt = () => {
-		let e = we(H);
-		Ne.setFocusedDate(e), N ? (Me.setValue(null), z(void 0), W(void 0), _?.(void 0)) : (Ae.setValue(e), De(Ci(e, C ? ie : void 0, H), void 0, !C));
-	}, it = (e) => {
+	}).format(e.toDate(ve())), Ye = P ? Array.from({ length: M }, (e, t) => t) : [0], Xe = Ye.map((e) => Je(Ie.visibleRange.start.add({ months: e }))), Ze = h(null), Qe = h(null), { buttonProps: $e } = Oe(qe, Ze), { buttonProps: et } = Oe(Ke, Qe), tt = () => {
+		B(void 0), G(void 0), _?.(void 0), w && (oe(P ? wi : void 0), Y(P ? Ti : void 0)), P ? Ne.setValue(null) : je.setValue(null);
+	}, nt = () => !P || !Ne.anchorDate ? !1 : (Ne.selectDate(Ne.anchorDate), !0), rt = () => {
+		nt(), Ce(!1);
+	}, it = () => {
+		let e = we(U);
+		Ie.setFocusedDate(e), P ? (Ne.setValue(null), B(void 0), G(void 0), _?.(void 0)) : (je.setValue(e), Ae(Ci(e, w ? ae : void 0, U), void 0, !w));
+	}, at = (e) => {
 		let t = Di(e, {
-			locale: L,
-			timeZone: H
+			locale: R,
+			timeZone: U
 		}), n = e.hours !== void 0 || e.minutes !== void 0;
-		K(S), C && n ? (ae(Si(t.from, H)), se(Si(t.to, H)), De(t, e.label)) : De(C ? {
-			from: Ci(vi(t.from, H), ie, H),
-			to: Ci(vi(t.to, H), oe, H)
+		q(S), w && n ? (oe(Si(t.from, U)), Y(Si(t.to, U)), Ae(t, e.label)) : Ae(w ? {
+			from: Ci(vi(t.from, U), ae, U),
+			to: Ci(vi(t.to, U), se, U)
 		} : t, e.label);
-		let r = vi(t.from, H);
-		r && Ne.setFocusedDate(r), S || setTimeout(() => {
-			Se(!1);
+		let r = vi(t.from, U);
+		r && Ie.setFocusedDate(r), S || setTimeout(() => {
+			Ce(!1);
 		}, 300);
-	}, at = (e) => {
-		if (ae(e), N) {
-			let t = R;
-			t?.from && t?.to && De({
-				from: Ci(vi(t.from, H), e, H),
+	}, ot = (e) => {
+		if (oe(e), P) {
+			let t = z;
+			t?.from && t?.to && Ae({
+				from: Ci(vi(t.from, U), e, U),
 				to: t.to
 			});
 		} else {
-			let t = R;
-			t && De(Ci(vi(t, H), e, H));
+			let t = z;
+			t && Ae(Ci(vi(t, U), e, U));
 		}
-	}, ot = (e) => {
-		se(e);
-		let t = R;
-		t?.from && t?.to && De({
+	}, st = (e) => {
+		Y(e);
+		let t = z;
+		t?.from && t?.to && Ae({
 			from: t.from,
-			to: Ci(vi(t.to, H), e, H)
+			to: Ci(vi(t.to, U), e, U)
 		});
 	};
 	u(() => {
-		z(A);
-	}, [A]), u(() => {
-		if (C) if (N) {
-			let e = R;
-			ae(Si(e?.from, H) ?? wi), se(Si(e?.to, H) ?? Ti);
-		} else ae(Si(R, H));
+		B(j);
+	}, [j]), u(() => {
+		if (w) if (P) {
+			let e = z;
+			oe(Si(e?.from, U) ?? wi), Y(Si(e?.to, U) ?? Ti);
+		} else oe(Si(z, U));
 	}, [
-		R,
-		H,
-		N,
-		C
+		z,
+		U,
+		P,
+		w
 	]), u(() => {
-		n || tt();
+		n || nt();
 	}, [
-		N,
+		P,
 		n,
-		Me.anchorDate
+		Ne.anchorDate
 	]), u(() => {
-		if (be) {
-			let e = vi(N ? R?.from : R, H);
-			Ne.setFocusedDate(e ?? we(H)), K(S);
+		if (xe) {
+			let e = vi(P ? z?.from : z, U);
+			Ie.setFocusedDate(e ?? we(U)), q(S);
 		}
-	}, [be]), u(() => {
-		te.current && (te.current.inert = !q);
-	}, [q]);
-	let st = () => {
-		let t = y?.find((e) => e.label === U);
+	}, [xe]), u(() => {
+		ne.current && (ne.current.inert = !J);
+	}, [J]);
+	let ct = () => {
+		let t = y?.find((e) => e.label === W);
 		if (t) {
 			let e = t.hours !== void 0 || t.minutes !== void 0;
 			if (t.showLabelInTrigger ?? e) return t.label;
 		}
-		if (N) {
-			let t = R;
-			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ei(t.from, l, H), /* @__PURE__ */ e.createElement("span", { className: `${X}__separator` }, " – "), Ei(t.to, l, H)) : Ei(t.from, l, H) : v || "";
+		if (P) {
+			let t = z;
+			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ei(t.from, l, U), /* @__PURE__ */ e.createElement("span", { className: `${X}__separator` }, " – "), Ei(t.to, l, U)) : Ei(t.from, l, U) : v || "";
 		} else {
-			let e = R;
-			return e ? Ei(e, l, H) : v || "";
+			let e = z;
+			return e ? Ei(e, l, U) : v || "";
 		}
-	}, ct = () => N ? !R?.from : !R, lt = () => {
-		if (N) {
-			let e = R, t = Me.anchorDate;
-			return !e?.from && t ? `${P.selectedStartDate}${Ei(yi(t, H), l, H)}${P.pleaseSelectEndDate}` : e?.from ? e.to ? `${P.selectedDateRange}${Ei(e.from, l, H)}${P.to}${Ei(e.to, l, H)}` : `${P.selectedStartDate}${Ei(e.from, l, H)}${P.pleaseSelectEndDate}` : P.noDateRangeSelected || "";
+	}, lt = () => P ? !z?.from : !z, ut = () => {
+		if (P) {
+			let e = z, t = Ne.anchorDate;
+			return !e?.from && t ? `${F.selectedStartDate}${Ei(yi(t, U), l, U)}${F.pleaseSelectEndDate}` : e?.from ? e.to ? `${F.selectedDateRange}${Ei(e.from, l, U)}${F.to}${Ei(e.to, l, U)}` : `${F.selectedStartDate}${Ei(e.from, l, U)}${F.pleaseSelectEndDate}` : F.noDateRangeSelected || "";
 		} else {
-			let e = R;
-			return e ? `${P.selectedDate}${Ei(e, l, H)}` : P.noDateSelected || "";
+			let e = z;
+			return e ? `${F.selectedDate}${Ei(e, l, U)}` : F.noDateSelected || "";
 		}
-	}, ut = N ? R : void 0, dt = /* @__PURE__ */ e.createElement("div", {
-		...We,
-		ref: N ? je : void 0,
+	}, dt = P ? z : void 0, ft = /* @__PURE__ */ e.createElement("div", {
+		...Ge,
+		ref: P ? Me : void 0,
 		className: `${X}__calendar`
-	}, /* @__PURE__ */ e.createElement("div", { className: `${X}__grids` }, Je.map((t, n) => /* @__PURE__ */ e.createElement("div", {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${X}__grids` }, Ye.map((t, n) => /* @__PURE__ */ e.createElement("div", {
 		key: t,
 		className: `${X}__month`
 	}, /* @__PURE__ */ e.createElement("div", { className: `${X}__nav` }, n === 0 ? /* @__PURE__ */ e.createElement("button", {
-		...Qe,
-		ref: Xe,
-		"aria-label": P.previousMonthLabel,
+		...$e,
+		ref: Ze,
+		"aria-label": F.previousMonthLabel,
 		className: `${X}__nav-button`,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
@@ -8023,10 +8029,10 @@ var Xr = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleLeft",
 		size: "m"
-	})), /* @__PURE__ */ e.createElement("div", { className: `${X}__nav-title` }, Ye[n]), n === Je.length - 1 ? /* @__PURE__ */ e.createElement("button", {
-		...$e,
-		ref: Ze,
-		"aria-label": P.nextMonthLabel,
+	})), /* @__PURE__ */ e.createElement("div", { className: `${X}__nav-title` }, Xe[n]), n === Ye.length - 1 ? /* @__PURE__ */ e.createElement("button", {
+		...et,
+		ref: Qe,
+		"aria-label": F.nextMonthLabel,
 		className: `${X}__nav-button`,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
@@ -8041,127 +8047,127 @@ var Xr = {
 	}))), /* @__PURE__ */ e.createElement(Ai, {
 		baseClass: X,
 		monthOffset: t,
-		state: Ne,
-		timeZone: H
-	})))), C && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-section` }, N ? /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(_i, {
-		anchorDate: vi(ut?.from, H),
+		state: Ie,
+		timeZone: U
+	})))), w && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-section` }, P ? /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(_i, {
+		anchorDate: vi(dt?.from, U),
 		id: `${o}-start-time`,
-		label: P.startTimeLabel || "",
-		onChange: at,
+		label: F.startTimeLabel || "",
+		onChange: ot,
 		size: "s",
-		timeZone: H,
-		value: ie
+		timeZone: U,
+		value: ae
 	}), /* @__PURE__ */ e.createElement(_i, {
-		anchorDate: vi(ut?.to, H),
+		anchorDate: vi(dt?.to, U),
 		id: `${o}-end-time`,
-		label: P.endTimeLabel || "",
-		onChange: ot,
+		label: F.endTimeLabel || "",
+		onChange: st,
 		size: "s",
-		timeZone: H,
-		value: oe
-	})) : R && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(_i, {
-		anchorDate: vi(R, H),
+		timeZone: U,
+		value: se
+	})) : z && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(_i, {
+		anchorDate: vi(z, U),
 		id: `${o}-time`,
-		label: P.timeLabel || "",
-		onChange: at,
+		label: F.timeLabel || "",
+		onChange: ot,
 		size: "s",
-		timeZone: H,
-		value: ie
-	})), w && !F && pe), a && /* @__PURE__ */ e.createElement("div", { className: `${X}__footer-note` }, a), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions` }, /* @__PURE__ */ e.createElement(jn, {
+		timeZone: U,
+		value: ae
+	})), T && !I && he), a && /* @__PURE__ */ e.createElement("div", { className: `${X}__footer-note` }, a), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions` }, /* @__PURE__ */ e.createElement(jn, {
 		className: `${X}__action-button ${X}__action-button--today`,
-		label: P.todayButton,
-		onClick: rt,
+		label: F.todayButton,
+		onClick: it,
 		size: "s",
 		type: "button",
 		variant: "secondary"
 	}), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions-group` }, /* @__PURE__ */ e.createElement(jn, {
 		className: `${X}__action-button ${X}__action-button--clear`,
-		label: P.clearButton,
-		onClick: et,
+		label: F.clearButton,
+		onClick: tt,
 		size: "s",
 		type: "button",
 		variant: "secondary"
-	}), (N || C) && /* @__PURE__ */ e.createElement(jn, {
+	}), (P || w) && /* @__PURE__ */ e.createElement(jn, {
 		className: `${X}__action-button ${X}__action-button--done`,
-		label: P.doneButton,
-		onClick: nt,
+		label: F.doneButton,
+		onClick: rt,
 		size: "s",
 		type: "button",
 		variant: "highlight"
 	}))));
-	return /* @__PURE__ */ e.createElement(Ee, { locale: L }, /* @__PURE__ */ e.createElement("div", {
+	return /* @__PURE__ */ e.createElement(Ee, { locale: R }, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
 			X,
-			ce,
-			ue,
 			le,
 			de,
+			ue,
+			fe,
 			r ?? ""
 		]),
-		style: s ? Y : null,
-		...M
+		style: s ? ce : null,
+		...N
 	}, /* @__PURE__ */ e.createElement(dn, {
 		disabled: i,
 		id: o,
 		label: c,
 		required: b,
 		showLabel: x,
-		tooltipText: E
+		tooltipText: D
 	}), /* @__PURE__ */ e.createElement("div", { className: `${X}__input-wrapper` }, /* @__PURE__ */ e.createElement("button", {
-		ref: xe.setReference,
-		"aria-describedby": fe ? `${o}__message` : null,
-		"aria-expanded": be,
+		ref: Se.setReference,
+		"aria-describedby": pe ? `${o}__message` : null,
+		"aria-expanded": xe,
 		"aria-haspopup": "dialog",
-		"aria-invalid": k === "error" ? !0 : null,
-		className: Z([`${X}__trigger`, be ? `${X}__trigger--open` : null]),
+		"aria-invalid": A === "error" ? !0 : null,
+		className: Z([`${X}__trigger`, xe ? `${X}__trigger--open` : null]),
 		disabled: i,
 		type: "button",
-		..._e()
+		...ye()
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${X}__trigger-icon`,
 		iconName: "calendarDays"
-	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${X}__trigger-text`, ct() ? `${X}__trigger-text--placeholder` : null]) }, st()))), fe && /* @__PURE__ */ e.createElement(fn, {
-		hasValidationMessage: !!O,
+	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${X}__trigger-text`, lt() ? `${X}__trigger-text--placeholder` : null]) }, ct()))), pe && /* @__PURE__ */ e.createElement(fn, {
+		hasValidationMessage: !!k,
 		id: o,
-		message: fe,
-		validationStatus: k
-	}), ye && /* @__PURE__ */ e.createElement("div", {
-		ref: xe.setFloating,
+		message: pe,
+		validationStatus: A
+	}), be && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
+		ref: Se.setFloating,
 		className: `${X}__popover`,
-		style: he,
-		...ge()
-	}, F && /* @__PURE__ */ e.createElement("div", { className: Z([`${X}__presets`, q ? null : `${X}__presets--collapsed`]) }, /* @__PURE__ */ e.createElement("div", {
-		"aria-label": P.presetsGroupLabel,
+		style: ge,
+		..._e()
+	}, I && /* @__PURE__ */ e.createElement("div", { className: Z([`${X}__presets`, J ? null : `${X}__presets--collapsed`]) }, /* @__PURE__ */ e.createElement("div", {
+		"aria-label": F.presetsGroupLabel,
 		className: `${X}__preset-list`,
 		role: "group"
 	}, y?.map((t) => /* @__PURE__ */ e.createElement("button", {
 		key: t.label,
-		"aria-pressed": U === t.label,
-		className: Z([`${X}__preset-item`, U === t.label ? `${X}__preset-item--active` : null]),
-		onClick: () => it(t),
+		"aria-pressed": W === t.label,
+		className: Z([`${X}__preset-item`, W === t.label ? `${X}__preset-item--active` : null]),
+		onClick: () => at(t),
 		type: "button"
 	}, t.label)), t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
 		className: `${X}__preset-divider`
 	}), /* @__PURE__ */ e.createElement("button", {
-		"aria-pressed": ne,
-		className: Z([`${X}__preset-item`, ne ? `${X}__preset-item--active` : null]),
+		"aria-pressed": re,
+		className: Z([`${X}__preset-item`, re ? `${X}__preset-item--active` : null]),
 		onClick: () => {
-			W(void 0), K(!0);
+			G(void 0), q(!0);
 		},
 		type: "button"
-	}, P.customPresetLabel, !S && /* @__PURE__ */ e.createElement(Q, {
+	}, F.customPresetLabel, !S && /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleRight",
 		size: "s"
-	})))), C && w && pe), /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, lt()), F ? J && /* @__PURE__ */ e.createElement("div", {
-		ref: te,
+	})))), w && T && he), /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, ut()), I ? ee && /* @__PURE__ */ e.createElement("div", {
+		ref: ne,
 		className: `${X}__calendar-wrapper`,
-		style: { flexBasis: q ? ee : 0 }
+		style: { flexBasis: J ? te : 0 }
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: `${X}__calendar-wrapper-inner`,
-		style: { width: ee }
-	}, dt)) : dt)));
+		style: { width: te }
+	}, ft)) : ft))));
 }, Mi = o(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: l = {
 	chooseFile: "Choose file",
 	clearButton: "Clear selected file"
@@ -8764,7 +8770,7 @@ var Xr = {
 	}, n, /* @__PURE__ */ e.createElement(Q, {
 		className: `${a}__icon`,
 		iconName: "arrowRight",
-		size: r === "xs" ? "s" : r === "s" ? "m" : "l"
+		size: r === "m" ? "m" : "s"
 	}));
 }, Hi = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
 	let c = "pds-link-new-window", l = r ? `${c}--${r}` : null;
@@ -9549,9 +9555,9 @@ var Xr = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: a, ...o }) => {
-	let s = "pds-tree-nav", c = `${s}__item`, l = `${s}__menu`, [d, f] = g(!1), [p, m] = g([]), _ = h(null), v = h([]), y = h(-1);
+	let s = "pds-tree-nav", c = `${s}__item`, l = `${s}__menu`, [d, f] = g(!1), [p, m] = g([]), _ = h(null), v = h([]), y = h(-1), b = h(null);
 	u(() => {
-		b();
+		w();
 	}, [a, p]), u(() => {
 		if (!_.current || a.length === 0) return;
 		let e = Array.from(_.current.querySelectorAll(`.${c}--active`)), t = Array.from(_.current.querySelectorAll(`.${c}`)), n = e.map((e) => {
@@ -9559,47 +9565,63 @@ var Xr = {
 			return n ? t.indexOf(n) : -1;
 		}).filter((e) => e !== -1);
 		m(Array.from(new Set(n)));
-	}, [a]);
-	let b = () => {
+	}, [a]), u(() => {
+		let e = b.current;
+		if (!e) return;
+		if (b.current = null, w(), e.focusFirstChild) {
+			let t = E(e.toggleButton)?.querySelector("a");
+			if (t) {
+				t.focus(), y.current = v.current.indexOf(t);
+				return;
+			}
+		}
+		let t = e.toggleButton.closest(`.${c}`)?.querySelector("a") || e.toggleButton;
+		t.focus(), y.current = v.current.indexOf(t);
+	}, [p]);
+	let x = (e) => !e || !_.current ? -1 : Array.from(_.current.querySelectorAll(`.${c}`)).indexOf(e), S = (e, t) => {
+		let n = -1;
+		return _.current && e.path && (n = x(_.current.querySelector(`.${c}[data-item-path="${e.path}"]`))), {
+			isExpanded: n === -1 ? t : p.includes(n),
+			itemIndex: n
+		};
+	}, C = (e) => {
+		e !== -1 && m((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, w = () => {
 		_.current && (v.current = Array.from(_.current.querySelectorAll(".pds-tree-nav__menu a, button.pds-tree-nav__toggle")).filter((e) => {
 			if (window.getComputedStyle(e).display === "none") return !1;
 			let t = e.closest(`.${l}`);
 			return !(t && !t.classList.contains(`${l}--expanded`) && !t.classList.contains(`${l}--top-level`));
 		}));
-	}, x = (e) => {
+	}, T = (e) => {
 		let t = e.closest(`.${c}-wrapper`);
 		if (t) return t.querySelector(`.${s}__toggle`);
 		let n = e.closest(`.${c}`);
 		return n ? n.querySelector(`.${s}__toggle`) : null;
-	}, S = (e) => {
+	}, E = (e) => {
 		if (e.classList.contains(`${s}__toggle`)) return e.closest(`.${c}-wrapper`)?.nextElementSibling || null;
 		let t = e.closest(`.${c}`);
 		return t ? t.querySelector(`.${l}`) : null;
-	}, C = (e) => {
+	}, D = (e) => {
 		if (e.classList.contains(`${s}__toggle`)) return !0;
 		let t = e.closest(`.${c}-wrapper`);
 		return t ? !!t.querySelector(`.${s}__toggle`) : !1;
-	}, w = (e) => {
+	}, O = (e) => {
 		if (!d) return;
 		let t = v.current[y.current];
 		if (t) switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), T(1);
+				e.preventDefault(), k(1);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), T(-1);
+				e.preventDefault(), k(-1);
 				break;
 			case "ArrowRight":
-				if (e.preventDefault(), C(t)) {
-					let e = t.classList.contains(`${s}__toggle`) ? t : x(t);
-					if (e && e.getAttribute("aria-expanded") === "false") {
-						O({ currentTarget: e }), b();
-						let t = S(e);
-						if (t) {
-							let e = t.querySelector("a");
-							e && (e.focus(), y.current = v.current.indexOf(e));
-						}
-					}
+				if (e.preventDefault(), D(t)) {
+					let e = t.classList.contains(`${s}__toggle`) ? t : T(t), n = e ? x(e.closest(`.${c}`)) : -1;
+					e && n !== -1 && !p.includes(n) && (b.current = {
+						focusFirstChild: !0,
+						toggleButton: e
+					}, C(n));
 				}
 				break;
 			case "ArrowLeft": {
@@ -9608,75 +9630,43 @@ var Xr = {
 				if (n && !n.classList.contains(`${l}--top-level`)) {
 					let e = n.parentElement;
 					if (e && e.classList.contains(c)) {
-						let t = e.querySelector(`.${s}__toggle`);
-						if (t && t.getAttribute("aria-expanded") === "true") {
-							O({ currentTarget: t }), b();
-							let n = e.querySelector("a") || t;
-							n && (n.focus(), y.current = v.current.indexOf(n));
-						}
+						let t = e.querySelector(`.${s}__toggle`), n = x(e);
+						t && n !== -1 && p.includes(n) && (b.current = {
+							focusFirstChild: !1,
+							toggleButton: t
+						}, C(n));
 					}
-				} else if (C(t)) {
-					let e = t.classList.contains(`${s}__toggle`) ? t : x(t);
-					e && e.getAttribute("aria-expanded") === "true" && O({ currentTarget: e });
+				} else if (D(t)) {
+					let e = t.classList.contains(`${s}__toggle`) ? t : T(t), n = e ? x(e.closest(`.${c}`)) : -1;
+					e && n !== -1 && p.includes(n) && C(n);
 				}
 				break;
 			}
 		}
-	}, T = (e) => {
+	}, k = (e) => {
 		let t = v.current;
 		if (t.length === 0) return;
 		let n = y.current + e;
 		n < 0 && (n = t.length - 1), n >= t.length && (n = 0), y.current = n, t[n]?.focus();
-	}, E = (e) => {
+	}, A = (e) => {
 		if (e.key === "Tab" && d && !e.shiftKey) {
 			e.preventDefault(), f(!1), y.current = -1;
 			let t = Array.from(document.querySelectorAll("a, button, input, select, textarea, [tabindex]:not([tabindex=\"-1\"])")), n = t.indexOf(_.current);
 			n !== -1 && n < t.length - 1 && t[n + 1].focus();
 		}
-	}, D = (e) => {
-		if (e.target === _.current && !d) e.preventDefault(), f(!0), b(), v.current.length > 0 && (y.current = 0, v.current[0]?.focus());
+	}, j = (e) => {
+		if (e.target === _.current && !d) e.preventDefault(), f(!0), w(), v.current.length > 0 && (y.current = 0, v.current[0]?.focus());
 		else if (e.target !== _.current && !d) {
-			b();
+			w();
 			let t = v.current.indexOf(e.target);
 			t !== -1 && (f(!0), y.current = t);
 		}
-	}, O = (e) => {
-		let t = e.currentTarget, n = t.parentElement?.nextElementSibling;
-		if (!n) return;
-		let r = t.getAttribute("aria-expanded") === "false";
-		t.classList.toggle(`${s}__toggle--expanded`, r), t.setAttribute("aria-expanded", r ? "true" : "false");
-		let i = t.closest(`.${c}`);
-		if (i) {
-			i.setAttribute("aria-expanded", r ? "true" : "false");
-			let e = Array.from(_.current?.querySelectorAll(`.${c}`) || []).indexOf(i);
-			m((t) => r && !t.includes(e) && e !== -1 ? [...t, e] : r ? t : t.filter((t) => t !== e));
-		}
-		r ? k(n) : A(n);
-	}, k = (e) => {
-		Object.assign(e.style, {
-			height: "auto",
-			opacity: "1",
-			display: "flex"
-		}), e.classList.add(`${l}--expanded`), b();
-	}, A = (e) => {
-		e.classList.remove(`${l}--expanded`), Object.assign(e.style, {
-			opacity: "0",
-			height: "",
-			display: "none"
-		}), b();
-	}, j = (t, n, r) => {
-		let a = da[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, f = Yi(n);
-		if (_.current && n.path) {
-			let e = _.current.querySelector(`.${c}[data-item-path="${n.path}"]`);
-			if (e) {
-				let t = Array.from(_.current.querySelectorAll(`.${c}`)).indexOf(e);
-				f = p.includes(t);
-			}
-		}
+	}, M = (t, n, r) => {
+		let a = da[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, { isExpanded: f, itemIndex: p } = S(n, Yi(n));
 		return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": f,
 			className: Z([`${s}__toggle`, f ? `${s}__toggle--expanded` : null]),
-			onClick: O,
+			onClick: () => C(p),
 			type: "button"
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
@@ -9690,10 +9680,10 @@ var Xr = {
 			]),
 			role: "group"
 		}, n.links.map((t, n) => {
-			let r = Yi(t);
+			let r = Yi(t), { isExpanded: i } = S(t, r);
 			return /* @__PURE__ */ e.createElement("li", {
 				key: `${n}-${a}`,
-				"aria-expanded": t.links ? r : void 0,
+				"aria-expanded": t.links ? i : void 0,
 				"aria-selected": r,
 				className: Z([
 					c,
@@ -9702,13 +9692,13 @@ var Xr = {
 				]),
 				"data-item-path": t.path || "",
 				role: "treeitem"
-			}, t.links && d in da ? j(d, t, t.links) : t.linkContent);
+			}, t.links && d in da ? M(d, t, t.links) : t.linkContent);
 		})));
-	}, M = (t, n) => {
-		let { linkContent: r, links: i } = t, a = Yi(t);
+	}, N = (t, n) => {
+		let { linkContent: r, links: i } = t, a = Yi(t), { isExpanded: o } = S(t, a);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: n,
-			"aria-expanded": i ? a : void 0,
+			"aria-expanded": i ? o : void 0,
 			"aria-selected": a,
 			className: Z([
 				c,
@@ -9717,15 +9707,15 @@ var Xr = {
 			]),
 			"data-item-path": t.path || "",
 			role: "treeitem"
-		}, i ? j(2, t, i) : r);
+		}, i ? M(2, t, i) : r);
 	};
 	return /* @__PURE__ */ e.createElement("nav", {
 		ref: _,
 		"aria-label": t,
 		className: Z([s, n ?? ""]),
-		onFocus: D,
+		onFocus: j,
 		onKeyDown: (e) => {
-			w(e), E(e);
+			O(e), A(e);
 		},
 		tabIndex: 0,
 		...o
@@ -9733,7 +9723,7 @@ var Xr = {
 		"aria-label": t,
 		className: `${s}__menu ${s}__menu--top-level`,
 		role: "tree"
-	}, a.map((e, t) => M(e, t))));
+	}, a.map((e, t) => N(e, t))));
 }, pa = {
 	light: "sunBright",
 	dark: "moon",
@@ -9873,7 +9863,7 @@ var Xr = {
 			iconName: t.iconName,
 			size: "m"
 		}));
-	}), X = i.map((t, n) => {
+	}), ce = i.map((t, n) => {
 		let r = S.current[n], i = `${k}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -9889,14 +9879,14 @@ var Xr = {
 			iconName: t.iconName,
 			size: "m"
 		}));
-	}), ce = /* @__PURE__ */ e.createElement("span", { className: `${k}__toggle-left` }, ne, f ?? l);
+	}), X = /* @__PURE__ */ e.createElement("span", { className: `${k}__toggle-left` }, ne, f ?? l);
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([k, n ?? ""]),
 		...p
-	}, x ? /* @__PURE__ */ e.createElement(zn, { label: ce }, /* @__PURE__ */ e.createElement("ul", {
+	}, x ? /* @__PURE__ */ e.createElement(zn, { label: X }, /* @__PURE__ */ e.createElement("ul", {
 		className: Z([j, `${j}--mobile`]),
 		role: "menu"
-	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, X)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, ce)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 		ref: L.setReference,
 		"aria-label": t,
 		className: `${k}__trigger`,
@@ -10079,81 +10069,87 @@ var Xr = {
 	...Bn,
 	neutral: "Notice"
 }, ...c }) => {
-	let l = r === "marketing", [d, f] = g(t), [p, m] = g(null), [h, _] = g(null), [v, y] = g({});
+	let l = r === "marketing", [d, f] = g(t), [p, m] = g(null), [_, v] = g(null), [y, b] = g({}), x = h(/* @__PURE__ */ new Set());
 	u(() => {
-		f(t);
+		let e = new Set(t.map((e) => e.id));
+		x.current.forEach((t) => {
+			e.has(t) || x.current.delete(t);
+		}), f((e) => {
+			let n = new Map(t.map((e) => [e.id, e])), r = new Set(e.map((e) => e.id)), i = e.filter((e) => n.has(e.id)).map((e) => n.get(e.id)), a = t.filter((e) => !r.has(e.id) && !x.current.has(e.id));
+			return [...i, ...a];
+		});
 	}, [t]);
-	let b = d.length;
-	if (b === 0) return null;
-	let x = "pds-banner", S = b > 1 ? `${x}-group--multiple` : null, C = {
-		critical: `${x}--critical`,
-		discovery: `${x}--discovery`,
-		info: `${x}--info`,
-		neutral: `${x}--neutral`,
-		warning: `${x}--warning`
-	}, w = d[0].type, T = w ? `${x}-group--${w}` : null, E = (e) => 500 - e, D = (e) => e === 0 ? 0 : -1, O = () => {
+	let S = d.length;
+	if (S === 0) return null;
+	let C = "pds-banner", w = S > 1 ? `${C}-group--multiple` : null, T = {
+		critical: `${C}--critical`,
+		discovery: `${C}--discovery`,
+		info: `${C}--info`,
+		neutral: `${C}--neutral`,
+		warning: `${C}--warning`
+	}, E = d[0].type, D = E ? `${C}-group--${E}` : null, O = (e) => 500 - e, k = (e) => e === 0 ? 0 : -1, A = () => {
 		m(d[0].id), setTimeout(() => {
 			f((e) => [...e.slice(1), e[0]]), m(null);
 		}, va);
-	}, k = () => {
-		y({
+	}, j = () => {
+		b({
 			[d[0].id]: 502,
-			[d[b - 1].id]: 501
+			[d[S - 1].id]: 501
 		}), setTimeout(() => {
 			m(d[0].id);
 		}, ya), setTimeout(() => {
-			f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), y({});
+			f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), b({});
 		}, va);
-	}, A = (t, n) => {
-		let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: u, type: d } = t, m = d === "critical" ? "alert" : "status", g = `${s[d]}:  `, y = (e) => {
-			e.preventDefault(), _(a), setTimeout(() => {
-				u?.(), _(null), f((e) => e.filter((e) => e.id !== a));
+	}, M = (t, n) => {
+		let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: u, type: d } = t, m = d === "critical" ? "alert" : "status", h = `${s[d]}:  `, g = (e) => {
+			e.preventDefault(), v(a), setTimeout(() => {
+				u?.(), v(null), x.current.add(a), f((e) => e.filter((e) => e.id !== a));
 			}, va);
-		}, b = v[a] ?? E(n);
+		}, b = y[a] ?? O(n);
 		return /* @__PURE__ */ e.createElement("div", {
 			key: a,
 			className: Z([
-				x,
-				C[d],
-				p === a ? `${x}--fading` : null,
-				h === a ? `${x}--dismissing` : null
+				C,
+				T[d],
+				p === a ? `${C}--fading` : null,
+				_ === a ? `${C}--dismissing` : null
 			]),
 			id: a,
 			role: m,
 			style: { zIndex: b }
-		}, /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, /* @__PURE__ */ e.createElement(Q, {
-			className: `${x}__icon ${x}__icon--${t.type}`,
+		}, /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement(Q, {
+			className: `${C}__icon ${C}__icon--${t.type}`,
 			iconName: d === "neutral" ? r : _a[d],
 			size: l ? "l" : "m"
-		}), /* @__PURE__ */ e.createElement("div", { className: `${x}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
-			className: `${x}__dismiss-button`,
-			onClick: y,
-			tabIndex: D(n),
+		}), /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
+			className: `${C}__dismiss-button`,
+			onClick: g,
+			tabIndex: k(n),
 			type: "button"
 		}, i));
 	};
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
-			`${x}-group`,
-			T,
-			S,
+			`${C}-group`,
+			D,
+			w,
 			n ?? ""
 		]),
 		"data-context": r,
 		...c
-	}, b > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${x}__navigation` }, /* @__PURE__ */ e.createElement(Pn, {
+	}, S > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${C}__navigation` }, /* @__PURE__ */ e.createElement(Pn, {
 		ariaLabel: o,
-		className: `${x}__nav-button ${x}__nav-button--prev`,
+		className: `${C}__nav-button ${C}__nav-button--prev`,
 		iconName: "angleLeft",
-		onClick: k,
+		onClick: j,
 		size: "m"
 	}), /* @__PURE__ */ e.createElement(Pn, {
 		ariaLabel: a,
-		className: `${x}__nav-button ${x}__nav-button--next`,
+		className: `${C}__nav-button ${C}__nav-button--next`,
 		iconName: "angleRight",
-		onClick: O,
+		onClick: A,
 		size: "m"
-	}), d.map((e, t) => A(e, t))) : A(d[0], 0));
+	}), d.map((e, t) => M(e, t))) : M(d[0], 0));
 }, xa = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
@@ -10917,7 +10913,34 @@ var Xr = {
 		]),
 		...i
 	}, t);
-}, Za = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
+}, Za = ({ className: t, content: n, cta: r, dismissLabel: i = "Close", heading: a, image: o, imageVariant: s = "bleed", isDismissible: c, layout: l = "vertical", onDismiss: u, ...d }) => {
+	let f = "pds-feature-panel", p = l === "vertical" ? null : `${f}--${l}`, m = s === "bleed" ? null : `${f}--image-${s}`, h = c ? `${f}--hasDismiss` : null, g = o ? `${f}--has-image` : null, _ = r && "linkContent" in r;
+	return /* @__PURE__ */ e.createElement("div", {
+		className: Z([
+			f,
+			p,
+			m,
+			h,
+			g,
+			t ?? ""
+		]),
+		...d
+	}, c && /* @__PURE__ */ e.createElement("div", { className: `${f}__dismiss` }, /* @__PURE__ */ e.createElement(In, {
+		ariaLabel: i,
+		onClick: u,
+		size: "s"
+	})), o && /* @__PURE__ */ e.createElement("div", { className: `${f}__image` }, o), /* @__PURE__ */ e.createElement("div", { className: `${f}__body` }, /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), /* @__PURE__ */ e.createElement("p", { className: `${f}__content` }, n), r && (_ ? /* @__PURE__ */ e.createElement(Mn, {
+		...r,
+		className: `${f}__cta`,
+		size: "s",
+		variant: "brand"
+	}) : /* @__PURE__ */ e.createElement(jn, {
+		...r,
+		className: `${f}__cta`,
+		size: "s",
+		variant: "brand"
+	}))));
+}, Qa = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
 	let o = "pds-panel", s = i === "default" ? null : `${o}--${i}`, c = `${o}__content`, l = r === "standard" ? null : `${c}--pad-${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -10927,7 +10950,7 @@ var Xr = {
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
-}, Qa = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
+}, $a = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
 	let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
 	return /* @__PURE__ */ e.createElement("ul", {
 		className: Z([
@@ -10939,7 +10962,7 @@ var Xr = {
 		]),
 		...o
 	}, n);
-}, $a = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
+}, eo = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
 	let o = "pds-panel-row", [s, c] = g(!1), l = gt(t), u = l["items-left"], d = l["items-right"], f = l["items-below"], p = () => {
 		c((e) => !e);
 	};
@@ -10970,10 +10993,23 @@ var Xr = {
 			opacity: "0"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, f)));
-}, eo = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
+}, to = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
 	className: Z(["pds-panel-stack", n ?? ""]),
 	...r
-}, t), to = /* @__PURE__ */ e.createElement("svg", {
+}, t), no = ({ children: t, className: n, contentMaxHeight: r, heading: i, icon: a, ...o }) => {
+	let s = "pds-widget-panel", c = gt(t), l = c.__unslotted, u = c.footer, d = r ? { maxHeight: r } : void 0;
+	return /* @__PURE__ */ e.createElement("div", {
+		className: Z([s, n ?? ""]),
+		...o
+	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__header` }, a && /* @__PURE__ */ e.createElement(Q, {
+		className: `${s}__icon`,
+		iconName: a,
+		size: "m"
+	}), /* @__PURE__ */ e.createElement("h2", { className: `${s}__heading` }, i)), /* @__PURE__ */ e.createElement("div", {
+		className: `${s}__content`,
+		style: d
+	}, l), _t(u) && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, u));
+}, ro = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -11035,7 +11071,7 @@ var Xr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M161.5 16.65H161V16.35H162.5V16.65H162V18.25H161.6V16.65H161.5ZM163.6 18.25L163.1 16.75V18.25H162.7V16.35H163.3L163.8 17.85L164.3 16.35H164.9V18.25H164.5V16.75L164 18.25H163.6Z",
 	fill: "var(--pds-color-foreground-default)"
-})), no = /* @__PURE__ */ e.createElement("svg", {
+})), io = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -11070,7 +11106,7 @@ var Xr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
 	fill: "var(--pds-color-foreground-default)"
-})), ro = /* @__PURE__ */ e.createElement("svg", {
+})), ao = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -11105,17 +11141,17 @@ var Xr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M135.7 0.299999H135.2V0H136.7V0.299999H136.2V1.9H135.8V0.299999H135.7ZM137.8 1.9L137.3 0.4V1.9H136.9V0H137.5L138 1.5L138.5 0H139.1V1.9H138.7V0.4L138.2 1.9H137.8Z",
 	fill: "var(--pds-color-foreground-default)"
-})), io = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
+})), oo = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
 	let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
 	switch (r) {
 		case "full":
-			f = to;
+			f = ro;
 			break;
 		case "icon":
-			f = no;
+			f = io;
 			break;
 		case "wordmark":
-			f = ro;
+			f = ao;
 			break;
 	}
 	let p = s(i) && typeof i.props.children == "string" ? i.props.children : "", m = s(i) ? i.type : null, h = s(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
@@ -11132,7 +11168,7 @@ var Xr = {
 		]),
 		...o
 	}, i ? h : f);
-}, ao = 8, oo = 14, so = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
+}, so = 8, co = 14, lo = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
 	let [S, w] = g(d);
 	u(() => {
 		w(d);
@@ -11159,12 +11195,12 @@ var Xr = {
 		M(R),
 		N(R),
 		H(R)
-	]), J = V.arrow?.x ?? 0, ee = V.arrow?.y ?? 0, te = J + oo / 2, ne = ee + ao, { isMounted: re } = U(R, {
+	]), J = V.arrow?.x ?? 0, ee = V.arrow?.y ?? 0, te = J + co / 2, ne = ee + so, { isMounted: re } = U(R, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${te}px calc(100% + ${ao}px)`,
+			top: `${te}px calc(100% + ${so}px)`,
 			bottom: `${te}px -8px`,
-			left: `calc(100% + ${ao}px) ${ne}px`,
+			left: `calc(100% + ${so}px) ${ne}px`,
 			right: `-8px ${ne}px`
 		}[e] })
 	});
@@ -11196,23 +11232,23 @@ var Xr = {
 		className: `${j}__arrow`,
 		context: R,
 		fill: "var(--pds-color-surface-default)",
-		height: ao,
+		height: so,
 		stroke: "var(--pds-color-border-default)",
 		strokeWidth: 1,
 		tipRadius: 0,
-		width: oo
+		width: co
 	}), /* @__PURE__ */ e.createElement("div", { className: `${j}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${j}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${j}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${j}__close-wrapper` }, /* @__PURE__ */ e.createElement(In, {
 		ariaLabel: r,
 		onClick: G,
 		size: "s"
 	})))))));
-}, co = {
+}, uo = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, lo = ({ className: t, colorBreakpoints: n = [{
+}, fo = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -11233,7 +11269,7 @@ var Xr = {
 		id: m
 	}, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
 		className: `${h}__percentage`,
-		style: { color: `hsl(from var(${co[y]}) h s calc(l - 7))` }
+		style: { color: `hsl(from var(${uo[y]}) h s calc(l - 7))` }
 	}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": m,
 		"aria-valuenow": v,
@@ -11243,16 +11279,16 @@ var Xr = {
 		className: `${h}__bar`,
 		style: {
 			width: `${v}%`,
-			backgroundColor: `var(${co[y]})`
+			backgroundColor: `var(${uo[y]})`
 		}
 	}))), S && b);
-}, uo = {
+}, po = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, fo = ({ className: t, colorBreakpoints: n = [{
+}, mo = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -11301,7 +11337,7 @@ var Xr = {
 		strokeDasharray: x,
 		strokeDashoffset: S,
 		strokeWidth: y,
-		style: { stroke: `var(${uo[C]})` },
+		style: { stroke: `var(${po[C]})` },
 		transform: `rotate(-90 ${v / 2} ${v / 2})`
 	}), /* @__PURE__ */ e.createElement("text", {
 		alignmentBaseline: "middle",
@@ -11311,22 +11347,22 @@ var Xr = {
 		x: "50%",
 		y: "51%"
 	}, w))));
-}, po = {
+}, ho = {
 	of: "of",
 	showing: "Showing",
 	unitPlural: "results",
 	unitSingular: "result"
-}, mo = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, ho = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
+}, go = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, _o = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
 	let s = "pds-result-count", c = `${s}__number`, { of: l, showing: u, unitPlural: d, unitSingular: f } = {
-		...po,
+		...ho,
 		...i
-	}, p = n !== void 0, m = mo(r, f, d, a);
+	}, p = n !== void 0, m = go(r, f, d, a);
 	return /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: Z([s, t ?? ""]),
 		...o
 	}, /* @__PURE__ */ e.createElement("span", null, p && /* @__PURE__ */ e.createElement(e.Fragment, null, u && `${u} `, /* @__PURE__ */ e.createElement("span", { className: c }, n), ` ${l} `), /* @__PURE__ */ e.createElement("span", { className: c }, r), ` ${m}`));
-}, go = ({ children: t, className: n, menuAriaLabel: r, menuItems: i, variant: a = "dropdown", ...o }) => {
+}, vo = ({ children: t, className: n, menuAriaLabel: r, menuItems: i, variant: a = "dropdown", ...o }) => {
 	let s = "pds-row-actions-menu", c = a === "dropdown" ? null : `${s}--${a}`, l = d(), u = h(null);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -11353,14 +11389,14 @@ var Xr = {
 		size: "s",
 		variant: "subtle"
 	})));
-}, _o = {
+}, yo = {
 	privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
 	dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
 	cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
 	termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
 	acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
 	accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
-}, vo = (e) => typeof e == "string", yo = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
+}, bo = (e) => typeof e == "string", xo = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -11377,8 +11413,8 @@ var Xr = {
 			r ?? ""
 		]),
 		...c
-	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => vo(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, _o[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
-}, bo = ({ className: t, option: n, ...r }) => {
+	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => bo(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, yo[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
+}, So = ({ className: t, option: n, ...r }) => {
 	let i = "pds-site-option-display", a = n.type ? Kn[n.type] : "boltSolid", o = h(null), [s] = qe(o), c = s.width / 16 - 7.5, l, u;
 	n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
 	let d = /* @__PURE__ */ e.createElement(Tn, {
@@ -11401,7 +11437,7 @@ var Xr = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, xo = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
+}, Co = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options"
 }, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
@@ -11413,7 +11449,7 @@ var Xr = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement(bo, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(So, { option: t }),
 			siteData: t
 		};
 	});
@@ -11442,7 +11478,7 @@ var Xr = {
 };
 //#endregion
 //#region src/components/SortableList/sortable-utils.ts
-function So(e, t, n = null, r = 0, i = []) {
+function wo(e, t, n = null, r = 0, i = []) {
 	return e.reduce((e, a, o) => {
 		let s = !!a.children?.length, c = t.has(a.id);
 		return e.push({
@@ -11454,10 +11490,10 @@ function So(e, t, n = null, r = 0, i = []) {
 			index: o,
 			isExpanded: c,
 			parentId: n
-		}), s && c && a.children && e.push(...So(a.children, t, a.id, r + 1, [...i, a.id])), e;
+		}), s && c && a.children && e.push(...wo(a.children, t, a.id, r + 1, [...i, a.id])), e;
 	}, []);
 }
-function Co(e) {
+function To(e) {
 	let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
 	for (let i of e) {
 		let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
@@ -11470,28 +11506,28 @@ function Co(e) {
 			e && (e.children || (e.children = []), e.children.push(o));
 		}
 	}
-	return wo(r);
+	return Eo(r);
 }
-function wo(e) {
+function Eo(e) {
 	return e.map((e) => {
 		if (e.children?.length) return {
 			...e,
-			children: wo(e.children)
+			children: Eo(e.children)
 		};
 		let { children: t, ...n } = e;
 		return n;
 	});
 }
-function To(e, t) {
+function Do(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
 		if (n.children) {
-			let e = To(n.children, t);
+			let e = Do(n.children, t);
 			if (e) return e;
 		}
 	}
 }
-function Eo(e, t, n, r, i, a, o) {
+function Oo(e, t, n, r, i, a, o) {
 	let s = e.findIndex((e) => e.id === n);
 	if (s === -1) return 0;
 	let c = e[s], l = Math.round(r / i), u = e.find((e) => e.id === t), d = (o ?? u?.depth ?? c.depth) + l, f = e[s - 1], p = f ? f.depth + 1 : 0, m = e.slice(s + 1).find((e) => e.id !== t && !e.ancestorIds.includes(t) && !e.ancestorIds.includes(n)), h = m ? m.depth : 0;
@@ -11499,7 +11535,7 @@ function Eo(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/SortableList/SortableListHeader.tsx
-var Do = ({ children: t, className: n, columns: r, ...i }) => {
+var ko = ({ children: t, className: n, columns: r, ...i }) => {
 	if (!r && !t) return null;
 	let a = r ? {
 		display: "grid",
@@ -11520,13 +11556,13 @@ var Do = ({ children: t, className: n, columns: r, ...i }) => {
 };
 //#endregion
 //#region src/components/SortableList/useSortableTree.ts
-function Oo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
+function Ao({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
 	let i = n !== void 0, [a, o] = g(() => n ?? e ?? []), [s, l] = g(/* @__PURE__ */ new Set()), u = h(null), d = h(t);
 	t && !d.current && (u.current = {
 		items: i ? n : a,
 		expandedIds: s
-	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Ao("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
-	let f = i ? n : a, p = m(() => So(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
+	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Mo("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
+	let f = i ? n : a, p = m(() => wo(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
 		l((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -11544,7 +11580,7 @@ function Oo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		}, []),
 		flatNodes: p,
 		handleReorder: c((e) => {
-			let t = Co(e);
+			let t = To(e);
 			i || o(t), r?.(t);
 		}, [i, r]),
 		resetToSnapshot: c(() => {
@@ -11556,24 +11592,24 @@ function Oo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		toggleExpand: v
 	};
 }
-var ko = /* @__PURE__ */ new Set();
-function Ao(e) {
-	ko.has(e) || (ko.add(e), console.warn(e));
+var jo = /* @__PURE__ */ new Set();
+function Mo(e) {
+	jo.has(e) || (jo.add(e), console.warn(e));
 }
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
-var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
+var No = 24, Po = { droppable: { strategy: Ze.Always } }, Fo = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
 	let w = "pds-sortable-list", [T, E] = g(null), D = h(null), [O, k] = g(!1), A = h(!1), [j, M] = g(null), N = h(0), P = h(0), F = h("pointer"), I = h(0), L = h(null), [R, z] = g(0), B = h(0), [V, H] = g(0), U = h(0), W = c((e, t) => {
 		if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
 			e.preventDefault();
 			let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
 			return B.current = i, z(i), {
-				x: t.currentCoordinates.x + a * jo,
+				x: t.currentCoordinates.x + a * No,
 				y: t.currentCoordinates.y
 			};
 		}
 		return rt(e, t);
-	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = Oo({
+	}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = Ao({
 		defaultItems: a,
 		isDragEnabled: G,
 		items: p,
@@ -11588,7 +11624,7 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 		J,
 		_,
 		se
-	]), X = c((e) => j && Y(j) ? null : at(e), [Y, j]), ce = m(() => {
+	]), ce = c((e) => j && Y(j) ? null : at(e), [Y, j]), X = m(() => {
 		if (!T || !j || oe.size === 0 || T === j || Y(j)) return /* @__PURE__ */ new Set();
 		let e = J.findIndex((e) => e.id === T), t = J.findIndex((e) => e.id === j);
 		if (e === -1 || t === -1) return /* @__PURE__ */ new Set();
@@ -11600,9 +11636,9 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 		Y,
 		oe,
 		j
-	]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? To(K, String(T)) ?? null : null, [T, K]), de = m(() => {
+	]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? Do(K, String(T)) ?? null : null, [T, K]), de = m(() => {
 		let e = le?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : Eo(J, String(T), String(j), V * jo, jo, _);
+		return !T || !j || O || _ === 0 ? e : Oo(J, String(T), String(j), V * No, No, _);
 	}, [
 		T,
 		le,
@@ -11614,7 +11650,7 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 	]), fe = m(() => {
 		if (!T || O || de === 0 || j && Y(j)) return null;
 		let e = J.findIndex((e) => e.id === T);
-		return e === -1 ? null : Po(J, e, de);
+		return e === -1 ? null : Io(J, e, de);
 	}, [
 		T,
 		J,
@@ -11660,19 +11696,19 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 	}, [J, oe]), ge = c((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
-		let n = Math.floor(t / jo), r = U.current;
-		(n > r || n < r && t < r * jo - jo * .4) && (U.current = n, H(n));
+		let n = Math.floor(t / No), r = U.current;
+		(n > r || n < r && t < r * No - No * .4) && (U.current = n, H(n));
 	}, [_]), _e = c((e) => {
 		let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
 		E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (q(L.current), L.current = null);
-		let o = J.findIndex((e) => e.id === t.id), s = r ? i * jo : a * jo, c = !n || t.id === n.id, l = n?.id ?? null;
+		let o = J.findIndex((e) => e.id === t.id), s = r ? i * No : a * No, c = !n || t.id === n.id, l = n?.id ?? null;
 		if (r && i > 0 && c && o > 0 && (l = J[o - 1].id), !l || t.id === l) {
 			if (o === -1) return;
 			let e = J[o];
 			if (!e) return;
-			let n = Eo(J, String(t.id), String(t.id), s, jo, _);
+			let n = Oo(J, String(t.id), String(t.id), s, No, _);
 			if (n === e.depth) return;
-			let r = [...J], [i] = r.splice(o, 1), a = Po(r, o, n);
+			let r = [...J], [i] = r.splice(o, 1), a = Io(r, o, n);
 			if (a && se.has(a)) return;
 			let c = {
 				...i,
@@ -11694,9 +11730,9 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 			let e = J[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
-			g = Eo(d, String(t.id), String(l), s, jo, _, p.depth);
+			g = Oo(d, String(t.id), String(l), s, No, _, p.depth);
 			let e = d[h];
-			v = e && e.depth === g - 1 ? String(l) : Po(d, h, g);
+			v = e && e.depth === g - 1 ? String(l) : Io(d, h, g);
 		}
 		if (v && se.has(v)) return;
 		let y = {
@@ -11719,24 +11755,24 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (q(L.current), L.current = null);
 	}, [q]), ye = m(() => ({
 		onDragStart({ active: e }) {
-			let t = J.find((t) => t.id === e.id), n = To(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = Do(K, String(e.id));
 			return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? J.indexOf(t) + 1 : "?"} of ${J.length} at depth ${t?.depth ?? 0}.`;
 		},
 		onDragOver({ active: e, over: t }) {
 			if (!t) return;
 			let n = J.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = To(K, String(e.id)), i = r ? o(r) : String(e.id), a = Eo(J, String(e.id), String(t.id), P.current, jo, _);
+			let r = Do(K, String(e.id)), i = r ? o(r) : String(e.id), a = Oo(J, String(e.id), String(t.id), P.current, No, _);
 			return `Moving ${i}. Target position: ${n + 1} of ${J.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = To(K, String(e.id)), r = n ? o(n) : String(e.id);
+			let n = Do(K, String(e.id)), r = n ? o(n) : String(e.id);
 			if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
-			let i = J.findIndex((e) => e.id === t.id), a = Eo(J, String(e.id), String(t.id), P.current, jo, _);
+			let i = J.findIndex((e) => e.id === t.id), a = Oo(J, String(e.id), String(t.id), P.current, No, _);
 			return `${r} dropped at position ${i + 1} of ${J.length} at depth ${a}.`;
 		},
 		onDragCancel({ active: e }) {
-			let t = J.find((t) => t.id === e.id), n = To(K, String(e.id));
+			let t = J.find((t) => t.id === e.id), n = Do(K, String(e.id));
 			return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? J.indexOf(t) + 1 : "?"} of ${J.length}.`;
 		}
 	}), [
@@ -11744,14 +11780,14 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 		J,
 		o,
 		_
-	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === Do ? e.cloneElement(t, be) : t);
+	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === ko ? e.cloneElement(t, be) : t);
 	return /* @__PURE__ */ e.createElement(Je, {
 		accessibility: {
 			announcements: ye,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: me,
-		measuring: Mo,
+		measuring: Po,
 		onDragCancel: ve,
 		onDragEnd: _e,
 		onDragMove: ge,
@@ -11760,7 +11796,7 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 		sensors: ie
 	}, /* @__PURE__ */ e.createElement(nt, {
 		items: ne,
-		strategy: X
+		strategy: ce
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			w,
@@ -11803,7 +11839,7 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 		}) : /* @__PURE__ */ e.createElement("div", { key: t.id }, r);
 	}))), /* @__PURE__ */ e.createElement(Ye, null, T && ue ? /* @__PURE__ */ e.createElement("div", { className: Z([
 		"pds-sortable-list pds-sortable-list--overlay",
-		ce ? "pds-sortable-list--overlay-invalid" : null,
+		X ? "pds-sortable-list--overlay-invalid" : null,
 		O ? "pds-sortable-list--overlay-keyboard" : null
 	]) }, (() => {
 		let t = le?.depth ?? 0, n = O ? Math.max(0, Math.min(_, t + R)) : t, r = {
@@ -11826,14 +11862,14 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
 		return s(a) ? e.cloneElement(a, o) : a;
 	})()) : null));
 });
-function Po(e, t, n) {
+function Io(e, t, n) {
 	if (n === 0) return null;
 	for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
 	return null;
 }
 //#endregion
 //#region src/components/SortableList/SortableRow.tsx
-var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
+var Lo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
 	let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = it({
 		attributes: {
 			role: "listitem",
@@ -11888,7 +11924,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		key: t.id,
 		className: `${w}__cell`
 	}, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
-}, Io = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: f, ...p }) => {
+}, Ro = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: f, ...p }) => {
 	let m = "pds-stat-panel", h = s === "neutral" ? null : `${m}--${s}`, g = c ? `${m}--active` : null, _ = d(), v = n && r && t;
 	return /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": _,
@@ -11924,11 +11960,11 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: { width: 6 },
 		textSize: "xl"
 	}) : u && /* @__PURE__ */ e.createElement("span", { className: `${m}__stat` }, u)), a && /* @__PURE__ */ e.createElement("p", { className: `${m}__description` }, a));
-}, Lo = [
+}, zo = [
 	"default",
 	"working",
 	"checked"
-], Ro = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
+], Bo = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
 	let l = {
 		checkForUpdates: "Check for updates",
 		checking: "Checking...",
@@ -11975,7 +12011,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		triggerIconColor: "default",
 		triggerIconSize: "s"
 	}), t === "left" && g));
-}, zo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
+}, Vo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
 	let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(wn, {
 		className: `${o}__spinner`,
 		size: "m"
@@ -11992,7 +12028,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, r ? d : l);
-}, Bo = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+}, Ho = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
 	let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
 		let a = /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, /* @__PURE__ */ e.createElement("span", null, i + 1)), s = /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, r), c = t ? /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, t) : null, l = `${o}__step`;
 		return /* @__PURE__ */ e.createElement("li", {
@@ -12010,7 +12046,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, Vo = ({ className: t, steps: n, translatableLabels: r = {
+}, Uo = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -12074,7 +12110,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 				key: t.id,
 				className: `${o}__step`,
 				id: `${t.id}--mobile`
-			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(fo, {
+			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(mo, {
 				innerLabel: n,
 				label: "Step progress",
 				percentage: i,
@@ -12100,7 +12136,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"data-steps": u,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)));
-}, Ho = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, Wo = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
 	let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
 	return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
 		className: Z([...p]),
@@ -12126,14 +12162,14 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "highlight"
 	})))));
-}, Uo = ({ className: t, labelStrings: n = {
+}, Go = ({ className: t, labelStrings: n = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error"
 }, steps: r, ...i }) => {
 	let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
 		let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
-		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Ho, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Wo, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -12154,7 +12190,7 @@ var Fo = ({ 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));
-}, Wo = () => {
+}, Ko = () => {
 	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = g(e ? t(window.innerWidth) : "lg");
 	return u(() => {
 		if (!e) return;
@@ -12165,8 +12201,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, Go = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getDetailPanelPositionLabel: y = (e, t) => `${e} of ${t}`, getPageSizeLabel: b = (e) => `Show ${e} rows per page`, getRowClassName: x, getRowId: S, getRowSelectDisabledReason: C, getSelectRowLabel: w = (e, t) => `Select row ${t}`, getSortLabel: T = (e) => `Sort by ${e}`, hasMobileCards: E = !1, hasMobileDetailSheet: D = !0, inspectedRowId: O, isLoading: k = !1, isRowSelectable: A = () => !0, itemsPerPage: j, loadingRowCount: M = 5, maxHeight: N, minHeight: P, nextDetailPanelRowLabel: F = "Next row", onDetailPanelNext: I, onDetailPanelPrev: L, onPageChange: R, onPageSizeChange: z, onRowInspect: B, onRowSelectionChange: V, onSort: H, pageSizeOptions: U, pageSizeSelectLabel: W = "Rows per page", paginationLabels: G, panel: K, prevDetailPanelRowLabel: q = "Previous row", renderDetailPanel: J, renderDetailPanelFooter: ee, rowData: te, selectAllLabel: ne = "Select all rows", selectedRows: re, sortKey: ie, sortOrder: ae, totalItemCount: oe, ...se }) => {
-	let Y = "pds-table", X = d(), ce = d(), le = h(null), ue = Wo() === "sm" && E, de = K && !ue, fe = r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), pe = J !== void 0 || B === void 0 && D, me = J !== void 0 || B !== void 0 || D, he = H !== void 0, ge = R !== void 0, _e = z !== void 0, ve = ge || j !== void 0 || U !== void 0, ye = te.length > 0 || ge && (oe ?? 0) > 0, [be, xe] = g({
+}, qo = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getDetailPanelPositionLabel: y = (e, t) => `${e} of ${t}`, getPageSizeLabel: b = (e) => `Show ${e} rows per page`, getRowClassName: x, getRowId: S, getRowSelectDisabledReason: C, getSelectRowLabel: w = (e, t) => `Select row ${t}`, getSortLabel: T = (e) => `Sort by ${e}`, hasMobileCards: E = !1, hasMobileDetailSheet: D = !0, inspectedRowId: O, isLoading: k = !1, isRowSelectable: A = () => !0, itemsPerPage: j, loadingRowCount: M = 5, maxHeight: N, minHeight: P, nextDetailPanelRowLabel: F = "Next row", onDetailPanelNext: I, onDetailPanelPrev: L, onPageChange: R, onPageSizeChange: z, onRowInspect: B, onRowSelectionChange: V, onSort: H, pageSizeOptions: U, pageSizeSelectLabel: W = "Rows per page", paginationLabels: G, panel: K, prevDetailPanelRowLabel: q = "Previous row", renderDetailPanel: J, renderDetailPanelFooter: ee, rowData: te, selectAllLabel: ne = "Select all rows", selectedRows: re, sortKey: ie, sortOrder: ae, totalItemCount: oe, ...se }) => {
+	let Y = "pds-table", ce = d(), X = d(), le = h(null), ue = Ko() === "sm" && E, de = K && !ue, fe = r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), pe = J !== void 0 || B === void 0 && D, me = J !== void 0 || B !== void 0 || D, he = H !== void 0, ge = R !== void 0, _e = z !== void 0, ve = ge || j !== void 0 || U !== void 0, ye = te.length > 0 || ge && (oe ?? 0) > 0, [be, xe] = g({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
 	}), Se = m(() => {
@@ -12319,7 +12355,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		}, Ie && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(si, {
 			checked: Be.has(i),
 			disabled: !s,
-			id: `${ce}-row-${i}`,
+			id: `${X}-row-${i}`,
 			inputProps: c ? { title: c } : void 0,
 			label: u,
 			onChange: () => ut(i),
@@ -12390,7 +12426,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		...se
 	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, Ie && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(si, {
 		checked: ct,
-		id: ce,
+		id: X,
 		indeterminate: lt,
 		label: ne,
 		onChange: dt,
@@ -12414,7 +12450,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "m"
 	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, k ? Array.from({ length: M }, (e, t) => ft(t)) : rt.length === 0 ? pt() : rt.map((e, t) => mt(e, t))))), ve && !k && ye && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__pagination", ue ? "pds-table-wrapper__pagination--center" : null]) }, U && U.length > 0 && /* @__PURE__ */ e.createElement(Cr, {
 		autoWidth: !0,
-		id: X,
+		id: ce,
 		label: W,
 		onOptionSelect: (e) => Fe(Number(e.value)),
 		options: U.map((e) => ({
@@ -12478,8 +12514,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "standard"
 	}))))));
-	return de ? /* @__PURE__ */ e.createElement(Za, { padding: "none" }, xt) : xt;
-}, Ko = [
+	return de ? /* @__PURE__ */ e.createElement(Qa, { padding: "none" }, xt) : xt;
+}, Jo = [
 	" ",
 	"/",
 	".",
@@ -12497,7 +12533,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], qo = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Jo = (e) => {
+], Yo = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Xo = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -12510,18 +12546,18 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, Yo = (e, t, n) => {
+}, Zo = (e, t, n) => {
 	let [r, i] = g([]);
 	return u(() => {
 		let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
 			let e = Array.from(document.querySelectorAll(r));
 			e.forEach((e) => {
-				Ko.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(qo(t), "g"), "-"));
+				Jo.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp(Yo(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(Jo(e));
+			}), i(Xo(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -12537,7 +12573,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, Xo = (e, t) => {
+}, Qo = (e, t) => {
 	let [n, r] = g(void 0), i = h({});
 	return u(() => {
 		let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -12556,7 +12592,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, Zo = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
+}, $o = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
 	key: r.id,
 	className: `${n}__list-item`
 }, /* @__PURE__ */ e.createElement("a", {
@@ -12572,8 +12608,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
 	href: `#${r.id}`,
 	onClick: (e) => i(e, r.id)
-}, r.title))))))), Qo = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
-	let u = "pds-toc", { nestedHeadings: f } = Yo(c, o, d()), p = Xo(c, o), m = (e) => {
+}, r.title))))))), es = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
+	let u = "pds-toc", { nestedHeadings: f } = Zo(c, o, d()), p = Qo(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -12591,13 +12627,13 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		baseClass: u,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(Zo, {
+	}, a), /* @__PURE__ */ e.createElement($o, {
 		activeID: p,
 		baseClass: u,
 		headings: f,
 		onLinkClick: g
 	}));
-}, $o = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, ts = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [l, d] = g(a ?? r);
 	u(() => {
 		a !== void 0 && d(a);
@@ -12711,7 +12747,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== l
 	}, r)))));
-}, es = [
+}, ns = [
 	"orange",
 	"stone",
 	"gold",
@@ -12725,7 +12761,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"magenta",
 	"rose",
 	"red"
-], ts = [
+], rs = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -12735,14 +12771,14 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"lime-solid",
 	"sky-solid",
 	"slate-solid"
-], ns = [
+], is = [
 	"success-solid",
 	"warning-solid",
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], rs = [...ts, ...ns], is = [...es, ...ts], as = (e) => is[parseInt(v(e), 16) % is.length], os = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, ss = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
-	let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${as(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
+], as = [...rs, ...is], os = [...ns, ...rs], ss = (e) => os[parseInt(v(e), 16) % os.length], cs = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, ls = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
+	let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${ss(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && s(r)) {
@@ -12764,7 +12800,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? os(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? cs(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -12776,7 +12812,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, cs = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, us = ({ 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 = gt(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -12787,7 +12823,7 @@ var Fo = ({ 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)));
-}, ls = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
+}, ds = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
 	let [j, M] = g(l || !1);
 	u(() => {
 		M(l || !1);
@@ -12809,7 +12845,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		M(!j);
-	}, U = Wo();
+	}, U = Ko();
 	u(() => {
 		U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
 	}, [U]);
@@ -12858,13 +12894,13 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__main-inner`,
 		style: { maxWidth: L }
-	}, q)), X = /* @__PURE__ */ e.createElement("div", {
+	}, q)), ce = /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__content-column`,
 		style: { backgroundColor: m || void 0 }
 	}, Y, ee && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__footer-inner`,
 		style: { maxWidth: L }
-	}, ee))), ce = /* @__PURE__ */ e.createElement(e.Fragment, null, (te || oe) && /* @__PURE__ */ e.createElement("div", {
+	}, ee))), X = /* @__PURE__ */ e.createElement(e.Fragment, null, (te || oe) && /* @__PURE__ */ e.createElement("div", {
 		...O,
 		className: Z([
 			`${N}__sidebar`,
@@ -12891,7 +12927,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			crossAxis: -96
 		},
 		preferredPlacement: "right-end"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` }, se)), X);
+	}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` }, se)), ce);
 	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
 		ref: G,
 		className: Z([
@@ -12904,7 +12940,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement(Ui, {
 		destination: I,
 		text: F.skipToContent
-	}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(Va, {
+	}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, X)) : X), o && /* @__PURE__ */ e.createElement(Va, {
 		...i,
 		isOpen: c,
 		placement: "left",
@@ -12912,7 +12948,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && c && b && b();
 		}
 	}, r));
-}, us = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, fs = ({ 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`,
@@ -12930,7 +12966,7 @@ var Fo = ({ 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));
-}, ds = ({ children: t, className: n, gridGap: r = "xl", secondSidebarMobileLocation: i = "after", secondSidebarWidth: a, secondSidebarWidthMax: o, secondSidebarWidthMin: s, sidebarLocation: c = "right", sidebarMobileLocation: l = "after", sidebarWidth: u = "33%", sidebarWidthMax: d = 25, sidebarWidthMin: f = 15, ...p }) => {
+}, ps = ({ children: t, className: n, gridGap: r = "xl", secondSidebarMobileLocation: i = "after", secondSidebarWidth: a, secondSidebarWidthMax: o, secondSidebarWidthMin: s, sidebarLocation: c = "right", sidebarMobileLocation: l = "after", sidebarWidth: u = "33%", sidebarWidthMax: d = 25, sidebarWidthMin: f = 15, ...p }) => {
 	let m = "pds-sidebar-layout", h = r === "none" ? "0" : `var(--pds-spacing-${r})`, g = gt(t), _ = !!g["second-sidebar"];
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([m, n ?? ""]),
@@ -12948,7 +12984,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...p
 	}, /* @__PURE__ */ e.createElement("div", { className: `${m}__main` }, g.__unslotted || g.content), /* @__PURE__ */ e.createElement("div", { className: `${m}__side` }, g.sidebar), _ && /* @__PURE__ */ e.createElement("div", { className: `${m}__second-side` }, g["second-sidebar"]));
-}, fs = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
+}, ms = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
 	let s = "pds-stat-panel-group", c = `${s}--max-${i}`, l = {
 		"--max-columns": i,
 		...a
@@ -12967,7 +13003,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${s}__item`,
 		role: "listitem"
 	}, t))));
-}, ps = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
+}, hs = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
 	let o = gt(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(na, {
 		className: Z([
 			l,
@@ -12977,8 +13013,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		width: "wide",
 		...a
 	}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
-	return i ? /* @__PURE__ */ e.createElement(Za, null, d) : d;
-}, ms = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+	return i ? /* @__PURE__ */ e.createElement(Qa, null, d) : d;
+}, gs = ({ 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 = gt(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -12996,7 +13032,7 @@ var Fo = ({ 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)));
-}, hs = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, _s = ({ 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":
@@ -13017,7 +13053,7 @@ var Fo = ({ 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));
-}, gs = ({ 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 }) => {
+}, vs = ({ 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,
@@ -13043,7 +13079,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, _s = (e) => {
+}, ys = (e) => {
 	let t = typeof window < "u", [n, r] = g(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return u(() => {
 		if (!t) return;
@@ -13052,20 +13088,20 @@ var Fo = ({ 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;
-}, vs = [
+}, bs = [
 	"light",
 	"dark",
 	"system"
-], ys = (e) => typeof e == "string" && vs.includes(e), bs = i(null), xs = {
+], xs = (e) => typeof e == "string" && bs.includes(e), Ss = i(null), Cs = {
 	resolvedTheme: "light",
 	setTheme: () => {},
 	theme: "light"
-}, Ss = ({ 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){}})();`, Cs = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
-	let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = _s("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
+}, ws = ({ 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){}})();`, Ts = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
+	let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = ys("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
 	u(() => {
 		if (_(!0), !(d || !o || typeof window > "u")) try {
 			let e = window.localStorage.getItem(s);
-			ys(e) && m(e);
+			xs(e) && m(e);
 		} catch {}
 	}, []), u(() => {
 		typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -13085,20 +13121,20 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		theme: v
 	};
-	return /* @__PURE__ */ e.createElement(bs.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: Ss({
+	return /* @__PURE__ */ e.createElement(Ss.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ws({
 		defaultTheme: n,
 		storageKey: s
 	}) } }), t);
-}, ws = () => l(bs) ?? xs, Ts = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
+}, Es = () => l(Ss) ?? Cs, Ds = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
 	u(() => {
 		let e = document.documentElement, t = () => {
 			window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
 		};
 		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
 	}, [r]);
-	let a = n ? /* @__PURE__ */ e.createElement(Cs, i, t) : t;
+	let a = n ? /* @__PURE__ */ e.createElement(Ts, i, t) : t;
 	return /* @__PURE__ */ e.createElement(rn, null, a);
-}, Es = ({ children: t, className: n, gap: r = "xl", itemMinWidth: i, maxColumns: a, mobileGap: o, ...s }) => {
+}, Os = ({ children: t, className: n, gap: r = "xl", itemMinWidth: i, maxColumns: a, mobileGap: o, ...s }) => {
 	let c = "pds-auto-grid", l = r === "xl" ? null : `${c}--gap-${r}`, u = a ? `${c}--capped` : null, d = o ?? r, f = d === r ? null : `${c}-gap-mobile--${d}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -13114,7 +13150,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...s
 	}, t);
-}, Ds = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, ks = ({ 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([
@@ -13128,7 +13164,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, Os = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, As = ({ 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,
@@ -13147,7 +13183,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, ks = (e, t, n) => {
+}, js = (e, t, n) => {
 	let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: s = !1 } = n ?? {}, [l, d] = g(!1), f = c((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === s, [
 		r,
 		i,
@@ -13171,7 +13207,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		m,
 		a
 	]), l;
-}, As = () => {
+}, Ms = () => {
 	let e = typeof window < "u", [t, n] = g(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return u(() => {
 		if (!e) return;
@@ -13185,6 +13221,6 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { vr as ActionCard, ls as AppLayout, Es as AutoGrid, wt as Avatar, Et as Badge, ba as Banner, Vr as BarChart, za as BottomSheet, Dn as BranchDiff, Gi as Breadcrumb, Ba as BulkActionBar, jn as Button, Mn as ButtonLink, ta as ButtonNav, Vi as CTALink, _r as Callout, yr as Card, br as CardSelect, si as Checkbox, ci as CheckboxFieldset, li as CheckboxGroup, Fn as ClipboardButton, In as CloseButton, Zr as CodeBlock, ui as Combobox, fi as ComboboxMultiselect, xr as CompactEmptyState, $r as ComparisonList, na as Container, ji as Datepicker, us as DocsLayout, Va as Drawer, Zn as Dropdown, ea as DropdownMenu, Ya as ExpansionPanel, Xa as ExpansionPanelGroup, ri as FileDiff, Mi as FileUpload, cr as FilterButton, gs as FlexContainer, Ha as FullScreenOverlay, Ts as GlobalWrapper, Ds as Grid, Os as GridItem, ti as HorizontalEmptyState, Q as Icon, Pn as IconButton, oi as IdentityBlock, Sa as InlineMessage, Ni as InputGroup, Ur as LineChart, Hi as LinkNewWindow, Ta as MIN_AUTO_CLOSE_DURATION, qn as MenuButton, Ua as Modal, ra as Navbar, Ka as Pagination, qa as PaginationChapter, Ja as PaginationCompact, Za as Panel, Qa as PanelList, $a as PanelRow, eo as PanelStack, io as PantheonLogo, ai as PaymentIcon, Wi as Picture, Gr as PieChart, fr as PlatformIcon, so as Popover, lo as ProgressBar, fo as ProgressRing, qr as ProportionBar, Pi as RadioGroup, ho as ResultCount, go as RowActionsMenu, mr as SSOButton, wa as SectionMessage, lr as SegmentedButton, Cr as Select, ur as SelectButton, Sr as SelectOptionGroup, ia as SideNav, oa as SideNavGlobal, aa as SideNavGlobalItem, ds as SidebarLayout, yo as SiteFooter, ca as SiteMenu, bo as SiteOptionDisplay, xo as SiteSearch, Kn as SiteTypeIcon, Gn as SiteTypeLabel, Lr as Skeleton, Ui as Skiplink, No as SortableList, Do as SortableListHeader, Fo as SortableRow, wn as Spinner, dr as SplitButton, Io as StatPanel, fs as StatPanelGroup, Tn as StatusBadge, Ro as StatusChecker, zo as StatusIndicator, Bn as StatusTypeLabels, Bo as StepList, Vo as Stepper, ps as StepperLayout, Fi as Switch, ua as TabMenu, Go as Table, Qo as TableOfContents, $o as Tabs, ss as Tag, Li as TagsInput, En as Tally, Bi as TextInput, Ri as Textarea, bs as ThemeContext, Cs as ThemeContextProvider, ma as ThemeSwitcher, ms as ThreeItemLayout, _i as Timepicker, Ma as Toast, Na as ToastType, ka as Toaster, Da as ToasterContext, sn as Tooltip, fa as TreeNav, hs as TwoItemLayout, ha as UserMenu, cs as UtilityBar, hr as UtilityButton, ni as VerticalEmptyState, Uo as VerticalStepper, ei as VideoEmbed, ga as WorkspaceSelector, Di as getPresetDateRange, Ss as getThemeInitScript, xt as iconList, Hn as isHeadingItemType, Un as isLinkItemType, Wn as isNodeItemType, Vn as isSeparatorItemType, Lo as statusCheckerStates, es as tagColors, rs as tagSolidColors, ts as tagSolidHueColors, ns as tagSolidStatusColors, Wo as useBreakpoint, Nn as useClipboard, Rn as useDropdown, en as useIsMobile, ks as useKeyPress, on as useKeyboardShortcut, _s as useMediaQuery, ws as useTheme, Pa as useToast, As as useWindowWidth };
+export { vr as ActionCard, ds as AppLayout, Os as AutoGrid, wt as Avatar, Et as Badge, ba as Banner, Vr as BarChart, za as BottomSheet, Dn as BranchDiff, Gi as Breadcrumb, Ba as BulkActionBar, jn as Button, Mn as ButtonLink, ta as ButtonNav, Vi as CTALink, _r as Callout, yr as Card, br as CardSelect, si as Checkbox, ci as CheckboxFieldset, li as CheckboxGroup, Fn as ClipboardButton, In as CloseButton, Zr as CodeBlock, ui as Combobox, fi as ComboboxMultiselect, xr as CompactEmptyState, $r as ComparisonList, na as Container, ji as Datepicker, fs as DocsLayout, Va as Drawer, Zn as Dropdown, ea as DropdownMenu, Ya as ExpansionPanel, Xa as ExpansionPanelGroup, Za as FeaturePanel, ri as FileDiff, Mi as FileUpload, cr as FilterButton, vs as FlexContainer, Ha as FullScreenOverlay, Ds as GlobalWrapper, ks as Grid, As as GridItem, ti as HorizontalEmptyState, Q as Icon, Pn as IconButton, oi as IdentityBlock, Sa as InlineMessage, Ni as InputGroup, Ur as LineChart, Hi as LinkNewWindow, Ta as MIN_AUTO_CLOSE_DURATION, qn as MenuButton, Ua as Modal, ra as Navbar, Ka as Pagination, qa as PaginationChapter, Ja as PaginationCompact, Qa as Panel, $a as PanelList, eo as PanelRow, to as PanelStack, oo as PantheonLogo, ai as PaymentIcon, Wi as Picture, Gr as PieChart, fr as PlatformIcon, lo as Popover, fo as ProgressBar, mo as ProgressRing, qr as ProportionBar, Pi as RadioGroup, _o as ResultCount, vo as RowActionsMenu, mr as SSOButton, wa as SectionMessage, lr as SegmentedButton, Cr as Select, ur as SelectButton, Sr as SelectOptionGroup, ia as SideNav, oa as SideNavGlobal, aa as SideNavGlobalItem, ps as SidebarLayout, xo as SiteFooter, ca as SiteMenu, So as SiteOptionDisplay, Co as SiteSearch, Kn as SiteTypeIcon, Gn as SiteTypeLabel, Lr as Skeleton, Ui as Skiplink, Fo as SortableList, ko as SortableListHeader, Lo as SortableRow, wn as Spinner, dr as SplitButton, Ro as StatPanel, ms as StatPanelGroup, Tn as StatusBadge, Bo as StatusChecker, Vo as StatusIndicator, Bn as StatusTypeLabels, Ho as StepList, Uo as Stepper, hs as StepperLayout, Fi as Switch, ua as TabMenu, qo as Table, es as TableOfContents, ts as Tabs, ls as Tag, Li as TagsInput, En as Tally, Bi as TextInput, Ri as Textarea, Ss as ThemeContext, Ts as ThemeContextProvider, ma as ThemeSwitcher, gs as ThreeItemLayout, _i as Timepicker, Ma as Toast, Na as ToastType, ka as Toaster, Da as ToasterContext, sn as Tooltip, fa as TreeNav, _s as TwoItemLayout, ha as UserMenu, us as UtilityBar, hr as UtilityButton, ni as VerticalEmptyState, Go as VerticalStepper, ei as VideoEmbed, no as WidgetPanel, ga as WorkspaceSelector, Di as getPresetDateRange, ws as getThemeInitScript, xt as iconList, Hn as isHeadingItemType, Un as isLinkItemType, Wn as isNodeItemType, Vn as isSeparatorItemType, zo as statusCheckerStates, ns as tagColors, as as tagSolidColors, rs as tagSolidHueColors, is as tagSolidStatusColors, Ko as useBreakpoint, Nn as useClipboard, Rn as useDropdown, en as useIsMobile, js as useKeyPress, on as useKeyboardShortcut, ys as useMediaQuery, Es as useTheme, Pa as useToast, Ms as useWindowWidth };
 
 //# sourceMappingURL=index.js.map