@pantheon-systems/pds-toolkit-react 2.0.0-alpha.78 → 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"
@@ -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",
@@ -11628,7 +11624,7 @@ var No = 24, Po = { droppable: { strategy: Ze.Always } }, Fo = 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();
@@ -11800,7 +11796,7 @@ var No = 24, Po = { droppable: { strategy: Ze.Always } }, Fo = o(function({ chil
 		sensors: ie
 	}, /* @__PURE__ */ e.createElement(nt, {
 		items: ne,
-		strategy: X
+		strategy: ce
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			w,
@@ -11843,7 +11839,7 @@ var No = 24, Po = { droppable: { strategy: Ze.Always } }, Fo = 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 = {
@@ -12206,7 +12202,7 @@ var Lo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		};
 	}, []), n;
 }, 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", X = d(), ce = 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({
+	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(() => {
@@ -12359,7 +12355,7 @@ var Lo = ({ 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),
@@ -12430,7 +12426,7 @@ var Lo = ({ 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,
@@ -12454,7 +12450,7 @@ var Lo = ({ 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) => ({
@@ -12898,13 +12894,13 @@ var Lo = ({ 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`,
@@ -12931,7 +12927,7 @@ var Lo = ({ 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([
@@ -12944,7 +12940,7 @@ var Lo = ({ 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",