@pantheon-systems/pds-toolkit-react 2.0.0-beta.3 → 2.0.0-beta.4

package/dist/index.js

@@ -1,11 +1,11 @@
 import e, { Children as t, Fragment as n, cloneElement as r, createContext as i, createElement as a, forwardRef as o, isValidElement as s, memo as c, useCallback as l, useContext as u, useEffect as d, useId as f, useImperativeHandle as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _, useSyncExternalStore as v } from "react";
 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 ee, useListNavigation as B, useMergeRefs 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 te, Cell as ne, Line as re, LineChart as J, Pie as ie, PieChart as ae, Rectangle as Y, ReferenceLine as oe, ResponsiveContainer as se, Tooltip as ce, XAxis as le, YAxis as ue } from "recharts";
+import { Bar as K, BarChart as q, CartesianGrid as te, Cell as J, Line as ne, LineChart as re, Pie as ie, PieChart as Y, Rectangle as ae, ReferenceLine as oe, ResponsiveContainer as se, Tooltip as ce, XAxis as le, YAxis as ue } from "recharts";
 import { CodeBlock as de } from "react-code-block";
 import fe from "hash-sum";
 import { useCombobox as pe, useMultipleSelection as me } from "downshift";
-import { CalendarDate as he, Time as ge, createCalendar as _e, endOfMonth as ve, endOfWeek as X, fromDate as ye, getLocalTimeZone as be, startOfMonth as xe, startOfWeek as Se, toCalendarDateTime as Ce, toTimeZone as we, toZoned as Te, today as Ee } from "@internationalized/date";
+import { CalendarDate as he, Time as ge, createCalendar as _e, endOfMonth as ve, endOfWeek as ye, fromDate as be, getLocalTimeZone as xe, startOfMonth as X, startOfWeek as Se, toCalendarDateTime as Ce, toTimeZone as we, toZoned as Te, today as Ee } from "@internationalized/date";
 import { format as De } from "date-fns";
 import { I18nProvider as Oe, mergeProps as ke, useButton as Ae, useCalendar as je, useCalendarCell as Me, useCalendarGrid as Ne, useDateSegment as Pe, useFocusRing as Fe, useLocale as Ie, useRangeCalendar as Le, useTimeField as Re } from "react-aria";
 import { useCalendarState as ze, useRangeCalendarState as Be, useTimeFieldState as Ve } from "react-stately";
@@ -3240,9 +3240,9 @@ var En = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 	})(l);
 	let te = (e) => {
 		"disabled" in e && e.disabled || ("callback" in e && e.callback && e.callback(e), I(!1));
-	}, ne = () => {
+	}, J = () => {
 		u && u();
-	}, re = (t, n, r = "", i = "") => {
+	}, ne = (t, n, r = "", i = "") => {
 		let a = W + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
 		if (Un(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: o,
@@ -3308,7 +3308,7 @@ var En = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 				})
 			}, l);
 		}
-	}, J = (t, n) => {
+	}, re = (t, n) => {
 		let r = "id" in t && t.id ? t.id : `${W}-accordion-item-${n + 1}`;
 		if (Un(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -3365,7 +3365,7 @@ var En = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			i ? `${V}__listbox--icon-only` : null
 		]), o = 0;
 		if (r) {
-			let r = ae(t, n);
+			let r = Y(t, n);
 			return r.forEach((e, t) => {
 				K.push(`${t}`);
 			}), /* @__PURE__ */ e.createElement("div", {
@@ -3388,7 +3388,7 @@ var En = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 					"aria-labelledby": a || void 0,
 					role: "group"
 				}, t.map((e) => {
-					let t = re(e, o, r, a);
+					let t = ne(e, o, r, a);
 					return !Un(e) && !Wn(e) && !Kn(e) && o++, t;
 				}));
 			}));
@@ -3405,15 +3405,15 @@ var En = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			},
 			...O()
 		}, t.map((e) => {
-			let t = re(e, o);
+			let t = ne(e, o);
 			return !Un(e) && !Wn(e) && !Kn(e) && o++, t;
 		}));
-	}, ae = (e, t) => {
+	}, Y = (e, t) => {
 		let n = [], r = [...t], i = r.shift(), a = [];
 		return e.forEach((t, o) => {
 			t === i ? (n.push(a), a = [], a.push(t), i = r.shift()) : (a.push(t), o + 1 === e.length && n.push(a));
 		}), n.filter((e) => e.length > 0);
-	}, Y, oe = h === "m" ? "s" : "xs", se = y ? /* @__PURE__ */ e.createElement(e.Fragment, null, c, /* @__PURE__ */ e.createElement(Tn, {
+	}, ae, oe = h === "m" ? "s" : "xs", se = y ? /* @__PURE__ */ e.createElement(e.Fragment, null, c, /* @__PURE__ */ e.createElement(Tn, {
 		className: "pds-button__tally",
 		label: y.label,
 		size: oe,
@@ -3424,7 +3424,7 @@ var En = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		size: "s",
 		type: y.type
 	})) : c;
-	if (i || (Y = /* @__PURE__ */ e.createElement(An, {
+	if (i || (ae = /* @__PURE__ */ e.createElement(An, {
 		ref: F.setReference,
 		"aria-controls": G,
 		"aria-expanded": M,
@@ -3440,10 +3440,10 @@ var En = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		statusDot: v,
 		type: "button",
 		variant: U,
-		...A({ onClick: ne })
+		...A({ onClick: J })
 	})), i) {
 		let t = kn(c);
-		Y = /* @__PURE__ */ e.createElement(Nn, {
+		ae = /* @__PURE__ */ e.createElement(Nn, {
 			ref: F.setReference,
 			"aria-controls": G,
 			"aria-expanded": M,
@@ -3457,7 +3457,7 @@ var En = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			size: h,
 			type: "button",
 			variant: "standard",
-			...A({ onClick: ne })
+			...A({ onClick: J })
 		});
 	}
 	let le = i ? /* @__PURE__ */ e.createElement("span", { className: `${V}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", c) : ce, ue = M ? `${V}--expanded` : null;
@@ -3475,7 +3475,7 @@ var En = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 	}, /* @__PURE__ */ e.createElement("ul", {
 		className: `${V}__mobile-menu`,
 		role: "menu"
-	}, l.map((e, t) => J(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, Y, /* @__PURE__ */ e.createElement(x, { id: P }, j && /* @__PURE__ */ e.createElement(C, null, ie(l)))));
+	}, l.map((e, t) => re(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, ae, /* @__PURE__ */ e.createElement(x, { id: P }, j && /* @__PURE__ */ e.createElement(C, null, ie(l)))));
 }, Zn = i(null), Qn = () => {
 	let e = u(Zn);
 	if (!e) throw Error("Dropdown sub-components must be used within a <Dropdown> provider.");
@@ -4325,7 +4325,7 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 }, message: p, onBlur: m, onFocus: h, onOptionSelect: g, options: v, required: y = !1, showLabel: b = !0, showSelectedIcon: x = !0, size: S = "s", tooltipText: w = null, validationMessage: T, validationStatus: E, value: D, ...O }) => {
 	let k = sn(c, l), A = "pds-select", j = t ? `${A}--auto-width` : null, M = S === "s" ? null : `${A}--${S}`, N = i ? $.disabled : null, P = y && !i ? $.required : null, F = E === "error" ? $.error : null, I = E === "success" ? $.success : null, L = null;
 	E === "error" && (L = "error"), E === "success" && (L = "success");
-	let R = T || p, z = D !== void 0, ee = r !== void 0, B = ((e) => e.reduce((e, t) => vn(t) ? [...e, ...t.options] : [...e, t], []))(v), V = (e) => B.findIndex((t) => t.value === e), H = z && V(D) >= 0 ? V(D) : null, U = ee ? V(r) : null, [W, G] = _((H || U) ?? null), { activeIndex: K, floatingStyles: q, getFloatingProps: te, getItemProps: ne, getReferenceProps: re, isMounted: J, listRef: ie, refs: ae, setIsOpen: Y, transitionStyles: oe } = Ln({
+	let R = T || p, z = D !== void 0, ee = r !== void 0, B = ((e) => e.reduce((e, t) => vn(t) ? [...e, ...t.options] : [...e, t], []))(v), V = (e) => B.findIndex((t) => t.value === e), H = z && V(D) >= 0 ? V(D) : null, U = ee ? V(r) : null, [W, G] = _((H || U) ?? null), { activeIndex: K, floatingStyles: q, getFloatingProps: te, getItemProps: J, getReferenceProps: ne, isMounted: re, listRef: ie, refs: Y, setIsOpen: ae, transitionStyles: oe } = Ln({
 		enableClick: !i,
 		enableTypeahead: !0,
 		role: "listbox",
@@ -4333,17 +4333,17 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		variant: "input"
 	}), se = Vn("var(--pds-z-index-dropdown)"), ce = W === null ? void 0 : B[W]?.label, le = W === null ? void 0 : B[W]?.icon, ue = W === null ? void 0 : B[W]?.value, de = (e) => {
 		let t = B[e];
-		z || (G(e), Y(!1)), g && g(t);
+		z || (G(e), ae(!1)), g && g(t);
 	};
 	d(() => {
-		z && (G(V(D)), Y(!1));
+		z && (G(V(D)), ae(!1));
 	}, [D]);
 	let fe = () => {
 		m && m(ue);
 	}, pe = () => {
 		h && h(ue);
 	}, me = () => {
-		ae.reference.current.focus();
+		Y.reference.current.focus();
 	}, he = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(mr, {
 		className: n,
 		platformType: t,
@@ -4366,12 +4366,12 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 						"aria-disabled": t?.disabled,
 						"aria-selected": r === W && r === K,
 						tabIndex: r === K ? 0 : -1,
-						...!t?.disabled && ne({
+						...!t?.disabled && J({
 							onClick() {
 								de(r);
 							},
 							onKeyDown(e) {
-								e.key === "Enter" && (e.preventDefault(), de(r), ae.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ae.reference.current.focus());
+								e.key === "Enter" && (e.preventDefault(), de(r), Y.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), Y.reference.current.focus());
 							}
 						})
 					}, /* @__PURE__ */ e.createElement("span", { className: `${A}__option-label` }, t.icon && he(t.icon, `${A}__option-icon`), t.label), x && W === r && /* @__PURE__ */ e.createElement(lr, null));
@@ -4390,12 +4390,12 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				"aria-disabled": t?.disabled,
 				"aria-selected": r === W && r === K,
 				tabIndex: r === K ? 0 : -1,
-				...!t?.disabled && ne({
+				...!t?.disabled && J({
 					onClick() {
 						de(r);
 					},
 					onKeyDown(e) {
-						e.key === "Enter" && (e.preventDefault(), de(r), ae.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ae.reference.current.focus());
+						e.key === "Enter" && (e.preventDefault(), de(r), Y.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), Y.reference.current.focus());
 					}
 				})
 			}, /* @__PURE__ */ e.createElement("span", { className: `${A}__option-label` }, t.icon && he(t.icon, `${A}__option-icon`), t.label), x && W === r && /* @__PURE__ */ e.createElement(lr, null));
@@ -4432,13 +4432,13 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		showLabel: b,
 		tooltipText: w
 	}), /* @__PURE__ */ e.createElement("span", {
-		ref: ae.setReference,
+		ref: Y.setReference,
 		"aria-autocomplete": "none",
 		"aria-labelledby": `${s}-label`,
 		className: `${A}__input-wrapper`,
 		id: s,
 		tabIndex: 0,
-		...re({
+		...ne({
 			onClick: me,
 			onBlur: fe,
 			onFocus: pe
@@ -4446,8 +4446,8 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, L && /* @__PURE__ */ e.createElement(pn, { variant: L }), /* @__PURE__ */ e.createElement("span", { className: `${A}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${A}__option-text` }, (le || !ce && o) && he(le || o, `${A}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${A}__option-label-text` }, ce ?? f.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
 		className: `${A}__trigger-icon`,
 		iconName: "angleDown"
-	}))), J && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
-		ref: ae.setFloating,
+	}))), re && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
+		ref: Y.setFloating,
 		className: `pds-dropdown__panel ${A}__dropdown ${a ? `${A}__dropdown--has-footer` : ""}`,
 		style: {
 			...q,
@@ -4769,7 +4769,7 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	let t = Math.abs(e);
 	return t >= 1e9 ? `${(e / 1e9).toFixed(1).replace(/\.0$/, "")}B` : t >= 1e6 ? `${(e / 1e6).toFixed(1).replace(/\.0$/, "")}M` : t >= 1e3 ? `${(e / 1e3).toFixed(1).replace(/\.0$/, "")}K` : String(e);
 }, Ur = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: u = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: m, selectedTimePeriod: h, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: S, showTooltip: C, timePeriodOptions: w, tooltipContent: T, variant: k = "stacked", xAxisLabel: j, xAxisTickInterval: M, yAxisDomain: N, yAxisFormatter: F = Hr, yAxisLabel: I, yAxisTickInterval: L, ...R }) => {
-	let { accessibleTableDescription: z = "Bar chart data", emptyStateHeading: ee = "No data available", emptyStateMessage: B, legendTableHeader: V, loadingLabel: H = "Loading chart data" } = u, W = g(null), G = Dr(a, Nr(W, a)), ne = n ?? (c ? 60 : 360), re = r ?? (c ? 60 : void 0), J = x ?? !c, ie = b ?? !c, ae = S ?? !c, oe = C ?? !c, de = y ?? !0, [fe, pe] = _(null), me = g(fe);
+	let { accessibleTableDescription: z = "Bar chart data", emptyStateHeading: ee = "No data available", emptyStateMessage: B, legendTableHeader: V, loadingLabel: H = "Loading chart data" } = u, W = g(null), G = Dr(a, Nr(W, a)), J = n ?? (c ? 60 : 360), ne = r ?? (c ? 60 : void 0), re = x ?? !c, ie = b ?? !c, Y = S ?? !c, oe = C ?? !c, de = y ?? !0, [fe, pe] = _(null), me = g(fe);
 	fe && (me.current = fe);
 	let he = g({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -4780,7 +4780,7 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		width: 0,
 		x: 0,
 		y: 0
-	}) }), { context: ge, floatingStyles: _e, refs: ve, update: X } = P({
+	}) }), { context: ge, floatingStyles: _e, refs: ve, update: ye } = P({
 		middleware: [
 			O(8),
 			D(),
@@ -4789,7 +4789,7 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		open: !!fe,
 		placement: "top",
 		whileElementsMounted: E
-	}), { isMounted: ye, styles: be } = U(ge, {
+	}), { isMounted: be, styles: xe } = U(ge, {
 		duration: {
 			close: 150,
 			open: 150
@@ -4802,7 +4802,7 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		let e = () => pe(null);
 		return window.addEventListener("scroll", e, !0), () => window.removeEventListener("scroll", e, !0);
 	}, []);
-	let xe = "pds-bar-chart", Se = k === "stacked" ? "stack" : void 0, Ce = l((e) => {
+	let X = "pds-bar-chart", Se = k === "stacked" ? "stack" : void 0, Ce = l((e) => {
 		he.current.getBoundingClientRect = () => ({
 			bottom: e.clientY,
 			height: 0,
@@ -4812,43 +4812,55 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			width: 0,
 			x: e.clientX,
 			y: e.clientY
-		}), X();
-	}, [X]), we = l(() => {
+		}), ye();
+	}, [ye]), we = l(() => {
 		pe(null);
-	}, []);
+	}, []), Te = l((e, t, n) => {
+		let r = n.payload;
+		oe && r && pe({
+			color: jr(e, G, t.color, Or(a, t.paletteIndex)),
+			label: String(r.label ?? ""),
+			name: t.label,
+			value: Number(r[t.dataKey] ?? 0)
+		});
+	}, [
+		G,
+		a,
+		oe
+	]);
 	if (s) return /* @__PURE__ */ e.createElement("div", {
 		ref: W,
 		"aria-busy": "true",
 		"aria-label": H,
 		className: Z([
-			xe,
-			`${xe}--loading`,
+			X,
+			`${X}--loading`,
 			i ?? ""
 		]),
-		style: { maxWidth: re },
+		style: { maxWidth: ne },
 		...R
 	}, /* @__PURE__ */ e.createElement(Vr, {
-		height: ne,
+		height: J,
 		legendVariant: p,
-		showLegend: ae
+		showLegend: Y
 	}));
 	if (!o || o.length === 0) return /* @__PURE__ */ e.createElement("div", {
 		ref: W,
 		className: Z([
-			xe,
-			`${xe}--empty`,
+			X,
+			`${X}--empty`,
 			i ?? ""
 		]),
 		style: {
-			height: ne,
-			maxWidth: re
+			height: J,
+			maxWidth: ne
 		},
 		...R
 	}, /* @__PURE__ */ e.createElement(Cr, {
 		heading: ee,
 		message: B
 	}));
-	let Te = f === "vertical", Ee = (e) => k === "grouped" || k === "stacked" && e === v.length - 1 ? Te ? [
+	let Ee = f === "vertical", De = (e) => k === "grouped" || k === "stacked" && e === v.length - 1 ? Ee ? [
 		0,
 		t,
 		t,
@@ -4858,16 +4870,16 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		t,
 		0,
 		0
-	] : 0, De = (t) => ({ fill: n, height: r, radius: i, width: a, x: o, y: s }) => {
+	] : 0, Oe = (t) => ({ fill: n, height: r, radius: i, width: a, x: o, y: s }) => {
 		let c = t > 0, l = t < v.length - 1;
-		return /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement(Y, {
+		return /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement(ae, {
 			fill: n,
 			height: r,
 			radius: i,
 			width: a,
 			x: o,
 			y: s
-		}), Te ? /* @__PURE__ */ e.createElement(e.Fragment, null, c && /* @__PURE__ */ e.createElement("line", {
+		}), Ee ? /* @__PURE__ */ e.createElement(e.Fragment, null, c && /* @__PURE__ */ e.createElement("line", {
 			stroke: "var(--pds-color-surface-default)",
 			strokeWidth: 1,
 			x1: o,
@@ -4899,12 +4911,12 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	};
 	return /* @__PURE__ */ e.createElement("div", {
 		ref: W,
-		className: Z([xe, i ?? ""]),
-		style: re ? { maxWidth: re } : void 0,
+		className: Z([X, i ?? ""]),
+		style: ne ? { maxWidth: ne } : void 0,
 		...R
-	}, !c && w && w.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${xe}__header` }, /* @__PURE__ */ e.createElement(Tr, {
+	}, !c && w && w.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${X}__header` }, /* @__PURE__ */ e.createElement(Tr, {
 		autoWidth: !0,
-		id: `${xe}-time-period`,
+		id: `${X}-time-period`,
 		label: "Time period",
 		onOptionSelect: (e) => m?.(e.value),
 		options: w.map((e) => ({
@@ -4919,12 +4931,12 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		onMouseMove: oe && !T ? Ce : void 0,
 		style: {
 			contain: "layout size",
-			height: ne
+			height: J
 		}
 	}, /* @__PURE__ */ e.createElement(se, {
 		debounce: 150,
-		height: ne,
-		minHeight: ne,
+		height: J,
+		minHeight: J,
 		minWidth: 50,
 		width: "100%"
 	}, /* @__PURE__ */ e.createElement(q, {
@@ -4932,7 +4944,7 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		barCategoryGap: "25%",
 		barGap: 6,
 		data: o,
-		layout: Te ? "vertical" : "horizontal",
+		layout: Ee ? "vertical" : "horizontal",
 		margin: c ? {
 			bottom: 0,
 			left: 0,
@@ -4944,14 +4956,14 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			right: 4,
 			top: 20
 		}
-	}, J && /* @__PURE__ */ e.createElement(te, {
-		horizontal: !Te,
+	}, re && /* @__PURE__ */ e.createElement(te, {
+		horizontal: !Ee,
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3",
-		vertical: Te
+		vertical: Ee
 	}), /* @__PURE__ */ e.createElement(le, {
 		axisLine: ie,
-		dataKey: Te ? void 0 : "label",
+		dataKey: Ee ? void 0 : "label",
 		hide: !ie,
 		interval: M,
 		label: j && ie ? {
@@ -4960,15 +4972,15 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			position: "insideBottom",
 			value: j
 		} : void 0,
-		padding: Te ? void 0 : "no-gap",
+		padding: Ee ? void 0 : "no-gap",
 		tick: ie ? Pr : !1,
-		tickFormatter: Te ? F : void 0,
+		tickFormatter: Ee ? F : void 0,
 		tickLine: !1,
 		tickMargin: 10,
-		type: Te ? "number" : "category"
+		type: Ee ? "number" : "category"
 	}), /* @__PURE__ */ e.createElement(ue, {
 		axisLine: ie,
-		dataKey: Te ? "label" : void 0,
+		dataKey: Ee ? "label" : void 0,
 		domain: N,
 		hide: !ie,
 		interval: L,
@@ -4979,12 +4991,12 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			position: "center",
 			value: I
 		} : void 0,
-		padding: Te ? "no-gap" : void 0,
+		padding: Ee ? "no-gap" : void 0,
 		tick: ie ? Pr : !1,
-		tickFormatter: Te ? void 0 : F,
+		tickFormatter: Ee ? void 0 : F,
 		tickLine: !1,
 		tickMargin: 6,
-		type: Te ? "category" : "number"
+		type: Ee ? "category" : "number"
 	}), oe && T && /* @__PURE__ */ e.createElement(ce, {
 		content: (e) => !e.active || !e.payload?.length ? null : T({
 			entries: e.payload.map((e) => ({
@@ -5001,33 +5013,28 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		dataKey: t.dataKey,
 		fill: jr(n, G, t.color, Or(a, t.paletteIndex)),
 		name: t.label,
-		onMouseEnter: T ? void 0 : (e) => {
-			let r = e.payload;
-			oe && r && pe({
-				color: jr(n, G, t.color, Or(a, t.paletteIndex)),
-				label: String(r.label ?? ""),
-				name: t.label,
-				value: Number(r[t.dataKey] ?? 0)
-			});
+		onClick: T ? void 0 : (e, r, i) => {
+			Ce(i), Te(n, t, e);
 		},
+		onMouseEnter: T ? void 0 : (e) => Te(n, t, e),
 		onMouseLeave: T ? void 0 : () => pe(null),
-		radius: Ee(n),
-		shape: k === "stacked" ? De(n) : void 0,
+		radius: De(n),
+		shape: k === "stacked" ? Oe(n) : void 0,
 		stackId: Se
-	}))))), oe && !T && ye && me.current && /* @__PURE__ */ e.createElement("div", {
+	}))))), oe && !T && be && me.current && /* @__PURE__ */ e.createElement("div", {
 		ref: ve.setFloating,
 		className: "recharts-default-tooltip",
 		role: "tooltip",
 		style: {
 			..._e,
-			...be,
+			...xe,
 			pointerEvents: "none",
 			zIndex: "var(--pds-z-index-notifications)"
 		}
 	}, /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-label" }, me.current.label), /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-item" }, /* @__PURE__ */ e.createElement("span", {
 		className: "recharts-tooltip-item__color",
 		style: { backgroundColor: me.current.color }
-	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, me.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(me.current.value)))), ae && /* @__PURE__ */ e.createElement(Lr, {
+	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, me.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(me.current.value)))), Y && /* @__PURE__ */ e.createElement(Lr, {
 		ariaHidden: p === "table" && de,
 		data: o,
 		series: v,
@@ -5047,32 +5054,32 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		default: return;
 	}
 }, Gr = ({ annotations: t, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: l = {}, legendVariant: u = "inline", lineStyle: d = "smooth", onTimePeriodChange: f, referenceLines: p, selectedTimePeriod: m, series: h = [], showAccessibleTable: _, showAxisLines: v, showDataPoints: y, showGrid: b, showLegend: x, showTooltip: S, timePeriodOptions: C, tooltipContent: w, xAxisLabel: T, xAxisTickInterval: E, yAxisDomain: D, yAxisFormatter: O = Hr, yAxisLabel: k, yAxisTickInterval: A, ...j }) => {
-	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = g(null), R = Dr(a, Nr(L, a)), z = n ?? (c ? 60 : 360), ee = r ?? (c ? 60 : void 0), B = b ?? !c, V = v ?? !c, H = x ?? !c, U = S ?? !c, W = y ?? !c, G = _ ?? !0, K = "pds-line-chart";
+	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = g(null), R = Dr(a, Nr(L, a)), z = an("(hover: hover)"), ee = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, H = v ?? !c, U = x ?? !c, W = S ?? !c, G = y ?? !c, K = _ ?? !0, q = "pds-line-chart";
 	return s ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		"aria-busy": "true",
 		"aria-label": I,
 		className: Z([
-			K,
-			`${K}--loading`,
+			q,
+			`${q}--loading`,
 			i ?? ""
 		]),
-		style: { maxWidth: ee },
+		style: { maxWidth: B },
 		...j
 	}, /* @__PURE__ */ e.createElement(Vr, {
-		height: z,
+		height: ee,
 		legendVariant: u,
-		showLegend: H
+		showLegend: U
 	})) : !o || o.length === 0 ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		className: Z([
-			K,
-			`${K}--empty`,
+			q,
+			`${q}--empty`,
 			i ?? ""
 		]),
 		style: {
-			height: z,
-			maxWidth: ee
+			height: ee,
+			maxWidth: B
 		},
 		...j
 	}, /* @__PURE__ */ e.createElement(Cr, {
@@ -5080,12 +5087,12 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		message: P
 	})) : /* @__PURE__ */ e.createElement("div", {
 		ref: L,
-		className: Z([K, i ?? ""]),
-		style: ee ? { maxWidth: ee } : void 0,
+		className: Z([q, i ?? ""]),
+		style: B ? { maxWidth: B } : void 0,
 		...j
-	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${K}__header` }, /* @__PURE__ */ e.createElement(Tr, {
+	}, !c && C && C.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${q}__header` }, /* @__PURE__ */ e.createElement(Tr, {
 		autoWidth: !0,
-		id: `${K}-time-period`,
+		id: `${q}-time-period`,
 		label: "Time period",
 		onOptionSelect: (e) => f?.(e.value),
 		options: C.map((e) => ({
@@ -5098,15 +5105,15 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		"aria-hidden": "true",
 		style: {
 			contain: "layout size",
-			height: z
+			height: ee
 		}
 	}, /* @__PURE__ */ e.createElement(se, {
 		debounce: 150,
-		height: z,
-		minHeight: z,
+		height: ee,
+		minHeight: ee,
 		minWidth: 50,
 		width: "100%"
-	}, /* @__PURE__ */ e.createElement(J, {
+	}, /* @__PURE__ */ e.createElement(re, {
 		accessibilityLayer: !1,
 		data: o,
 		margin: c ? {
@@ -5120,62 +5127,65 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			right: 4,
 			top: 20
 		}
-	}, B && /* @__PURE__ */ e.createElement(te, {
+	}, V && /* @__PURE__ */ e.createElement(te, {
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3"
 	}), /* @__PURE__ */ e.createElement(le, {
-		axisLine: V,
+		axisLine: H,
 		dataKey: "label",
-		hide: !V,
+		hide: !H,
 		interval: E,
-		label: T && V ? {
+		label: T && H ? {
 			...Fr,
 			offset: -15,
 			position: "insideBottom",
 			value: T
 		} : void 0,
-		tick: V ? Pr : !1,
+		tick: H ? Pr : !1,
 		tickLine: !1,
 		tickMargin: 10
 	}), /* @__PURE__ */ e.createElement(ue, {
-		axisLine: V,
+		axisLine: H,
 		domain: D,
-		hide: !V,
+		hide: !H,
 		interval: A,
-		label: k && V ? {
+		label: k && H ? {
 			...Fr,
 			angle: -90,
 			dx: -44,
 			position: "center",
 			value: k
 		} : void 0,
-		tick: V ? Pr : !1,
+		tick: H ? Pr : !1,
 		tickFormatter: O,
 		tickLine: !1,
 		tickMargin: 6
-	}), U && /* @__PURE__ */ e.createElement(ce, { content: (t) => {
-		if (!t.active || !t.payload?.length) return null;
-		let n = t.payload.map((e) => ({
-			color: String(e.color ?? ""),
-			dataKey: String(e.dataKey ?? ""),
-			name: String(e.name ?? ""),
-			value: Number(e.value ?? 0)
-		})), r = String(t.label ?? "");
-		return w ? w({
-			entries: n,
-			label: r
-		}) : /* @__PURE__ */ e.createElement("div", { className: "recharts-default-tooltip" }, /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-label" }, r), n.map((t) => /* @__PURE__ */ e.createElement("p", {
-			key: t.dataKey,
-			className: "recharts-tooltip-item"
-		}, /* @__PURE__ */ e.createElement("span", {
-			className: "recharts-tooltip-item__color",
-			style: { backgroundColor: t.color }
-		}), t.name, /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, " ", ":", " "), O(t.value))));
-	} }), h.map((t, n) => /* @__PURE__ */ e.createElement(re, {
+	}), W && /* @__PURE__ */ e.createElement(ce, {
+		content: (t) => {
+			if (!t.active || !t.payload?.length) return null;
+			let n = t.payload.map((e) => ({
+				color: String(e.color ?? ""),
+				dataKey: String(e.dataKey ?? ""),
+				name: String(e.name ?? ""),
+				value: Number(e.value ?? 0)
+			})), r = String(t.label ?? "");
+			return w ? w({
+				entries: n,
+				label: r
+			}) : /* @__PURE__ */ e.createElement("div", { className: "recharts-default-tooltip" }, /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-label" }, r), n.map((t) => /* @__PURE__ */ e.createElement("p", {
+				key: t.dataKey,
+				className: "recharts-tooltip-item"
+			}, /* @__PURE__ */ e.createElement("span", {
+				className: "recharts-tooltip-item__color",
+				style: { backgroundColor: t.color }
+			}), t.name, /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, " ", ":", " "), O(t.value))));
+		},
+		trigger: z ? "hover" : "click"
+	}), h.map((t, n) => /* @__PURE__ */ e.createElement(ne, {
 		key: t.dataKey,
-		activeDot: W ? { r: 6 } : !1,
+		activeDot: G ? { r: 6 } : !1,
 		dataKey: t.dataKey,
-		dot: W ? {
+		dot: G ? {
 			fill: jr(n, R, t.color, Or(a, t.paletteIndex)),
 			r: 4,
 			strokeWidth: 0
@@ -5225,24 +5235,24 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			strokeDasharray: Wr(t.strokeStyle ?? "dashed"),
 			x: t.atLabel
 		});
-	})))), H && /* @__PURE__ */ e.createElement(Lr, {
-		ariaHidden: u === "table" && G,
+	})))), U && /* @__PURE__ */ e.createElement(Lr, {
+		ariaHidden: u === "table" && K,
 		data: o,
 		series: h,
 		seriesColors: R,
 		tableHeader: F,
 		valueFormatter: O,
 		variant: u
-	}), G && /* @__PURE__ */ e.createElement(Ir, {
+	}), K && /* @__PURE__ */ e.createElement(Ir, {
 		data: o,
 		description: M,
 		series: h,
 		valueFormatter: O
 	}));
 }, Kr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, qr = ({ chartHeight: t, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: s = !1, labelStrings: c = {}, legendVariant: l = "inline", showAccessibleTable: u = !0, showLegend: d, showTooltip: f, valueFormatter: p = Kr, variant: m = "pie", ...h }) => {
-	let { accessibleTableDescription: _ = "Pie chart data", emptyStateHeading: v = "No data available", emptyStateMessage: y, loadingLabel: b = "Loading chart data" } = c, x = g(null), S = Dr(i, Nr(x, i)), C = "pds-pie-chart", w = t ?? (s ? 80 : 300), T = n ?? (s ? 80 : void 0), E = d ?? !s, D = f ?? !s, O = a.reduce((e, t) => e + t.value, 0), k = (e, t) => jr(e, S, t.color, Or(i, t.paletteIndex));
+	let { accessibleTableDescription: _ = "Pie chart data", emptyStateHeading: v = "No data available", emptyStateMessage: y, loadingLabel: b = "Loading chart data" } = c, x = g(null), S = Dr(i, Nr(x, i)), C = "pds-pie-chart", w = an("(hover: hover)"), T = t ?? (s ? 80 : 300), E = n ?? (s ? 80 : void 0), D = d ?? !s, O = f ?? !s, k = a.reduce((e, t) => e + t.value, 0), A = (e, t) => jr(e, S, t.color, Or(i, t.paletteIndex));
 	if (o) {
-		let t = `${Math.round(w * .8)}px`;
+		let t = `${Math.round(T * .8)}px`;
 		return /* @__PURE__ */ e.createElement("div", {
 			ref: x,
 			"aria-busy": "true",
@@ -5252,18 +5262,18 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				`${C}--loading`,
 				r ?? ""
 			]),
-			style: T ? { maxWidth: T } : void 0,
+			style: E ? { maxWidth: E } : void 0,
 			...h
 		}, /* @__PURE__ */ e.createElement("div", { className: `${C}__skeleton` }, /* @__PURE__ */ e.createElement("div", {
 			className: `${C}__skeleton-chart`,
-			style: { height: w }
+			style: { height: T }
 		}, /* @__PURE__ */ e.createElement(zr, {
 			shape: "circular",
 			style: {
 				height: t,
 				width: t
 			}
-		})), E && /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--inline" }, /* @__PURE__ */ e.createElement(zr, {
+		})), D && /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--inline" }, /* @__PURE__ */ e.createElement(zr, {
 			shape: "rounded",
 			size: {
 				height: .75,
@@ -5283,7 +5293,7 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			}
 		}))));
 	}
-	if (!a || a.length === 0 || O === 0) return /* @__PURE__ */ e.createElement("div", {
+	if (!a || a.length === 0 || k === 0) return /* @__PURE__ */ e.createElement("div", {
 		ref: x,
 		className: Z([
 			C,
@@ -5291,64 +5301,65 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			r ?? ""
 		]),
 		style: {
-			height: w,
-			maxWidth: T
+			height: T,
+			maxWidth: E
 		},
 		...h
 	}, /* @__PURE__ */ e.createElement(Cr, {
 		heading: v,
 		message: y
 	}));
-	let A = a.map((e) => ({
+	let j = a.map((e) => ({
 		name: e.label,
 		value: e.value
 	}));
 	return /* @__PURE__ */ e.createElement("div", {
 		ref: x,
 		className: Z([C, r ?? ""]),
-		style: T ? { maxWidth: T } : void 0,
+		style: E ? { maxWidth: E } : void 0,
 		...h
 	}, /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
 		style: {
 			contain: "layout size",
-			height: w,
+			height: T,
 			margin: "0 auto",
-			width: `min(100%, ${w}px)`
+			width: `min(100%, ${T}px)`
 		}
 	}, /* @__PURE__ */ e.createElement(se, {
 		debounce: 150,
-		height: w,
-		minHeight: w,
+		height: T,
+		minHeight: T,
 		minWidth: 50,
 		width: "100%"
-	}, /* @__PURE__ */ e.createElement(ae, { accessibilityLayer: !1 }, /* @__PURE__ */ e.createElement(ie, {
+	}, /* @__PURE__ */ e.createElement(Y, { accessibilityLayer: !1 }, /* @__PURE__ */ e.createElement(ie, {
 		cx: "50%",
 		cy: "50%",
-		data: A,
+		data: j,
 		dataKey: "value",
 		innerRadius: m === "donut" ? "55%" : 0,
 		isAnimationActive: !s,
 		outerRadius: "80%",
 		stroke: "none"
-	}, a.map((t, n) => /* @__PURE__ */ e.createElement(ne, {
+	}, a.map((t, n) => /* @__PURE__ */ e.createElement(J, {
 		key: t.label,
-		fill: k(n, t)
-	}))), D && /* @__PURE__ */ e.createElement(ce, {
+		fill: A(n, t)
+	}))), O && /* @__PURE__ */ e.createElement(ce, {
 		content: (t) => {
 			if (!t.active || !t.payload?.length) return null;
-			let n = t.payload[0], r = Number(n.value ?? 0), i = O > 0 ? Math.round(r / O * 100) : 0, a = String(n.payload?.fill ?? "");
+			let n = t.payload[0], r = Number(n.value ?? 0), i = k > 0 ? Math.round(r / k * 100) : 0, a = String(n.payload?.fill ?? "");
 			return /* @__PURE__ */ e.createElement("div", { className: "recharts-default-tooltip" }, /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-label" }, String(n.name ?? "")), /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-item" }, /* @__PURE__ */ e.createElement("span", {
 				className: "recharts-tooltip-item__color",
 				style: { backgroundColor: a }
 			}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, i, "%"), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, " ", "—", " "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, r.toLocaleString())));
 		},
-		cursor: !1
-	})))), E && /* @__PURE__ */ e.createElement("div", {
+		cursor: !1,
+		trigger: w ? "hover" : "click"
+	})))), D && /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": l === "table" && u ? "true" : void 0,
 		className: Z([`${C}__legend`, l === "table" ? `${C}__legend--table` : `${C}__legend--inline`])
 	}, a.map((t, n) => {
-		let r = k(n, t), i = p(t.value, O, t.label);
+		let r = A(n, t), i = p(t.value, k, t.label);
 		return l === "table" ? /* @__PURE__ */ e.createElement("div", {
 			key: t.label,
 			className: `${C}__legend-row`
@@ -5366,7 +5377,7 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		"aria-label": _,
 		role: "table"
 	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("th", { scope: "col" }, "Category"), /* @__PURE__ */ e.createElement("th", { scope: "col" }, "Value"), /* @__PURE__ */ e.createElement("th", { scope: "col" }, "Percentage"))), /* @__PURE__ */ e.createElement("tbody", null, a.map((t) => {
-		let n = O > 0 ? Math.round(t.value / O * 100) : 0;
+		let n = k > 0 ? Math.round(t.value / k * 100) : 0;
 		return /* @__PURE__ */ e.createElement("tr", { key: t.label }, /* @__PURE__ */ e.createElement("td", null, t.label), /* @__PURE__ */ e.createElement("td", null, t.value.toLocaleString()), /* @__PURE__ */ e.createElement("td", null, n, "%"));
 	})))));
 }, Jr = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, Yr = ({ barHeight: t = 16, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: s = !1, labelStrings: c = {}, legendAlignment: u = "left", showAccessibleTable: f = !0, showLegend: p, showTooltip: m, valueFormatter: h = Jr, ...v }) => {
@@ -5399,7 +5410,10 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	});
 	d(() => {
 		V.setReference(z.current);
-	}, [V]);
+	}, [V]), d(() => {
+		let e = () => L(null);
+		return window.addEventListener("scroll", e, !0), () => window.removeEventListener("scroll", e, !0);
+	}, []);
 	let K = l((e) => {
 		z.current.getBoundingClientRect = () => ({
 			bottom: e.clientY,
@@ -5453,16 +5467,19 @@ var lr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		onMouseMove: M ? K : void 0,
 		style: { height: t }
 	}, a.map((t, n) => {
-		let r = F(n, t), i = Math.round(t.value / N * 100);
+		let r = F(n, t), i = Math.round(t.value / N * 100), a = () => L({
+			color: r,
+			label: t.label,
+			percent: i,
+			value: t.value
+		});
 		return /* @__PURE__ */ e.createElement("div", {
 			key: t.label,
 			className: `${T}__segment`,
-			onMouseEnter: M ? () => L({
-				color: r,
-				label: t.label,
-				percent: i,
-				value: t.value
-			}) : void 0,
+			onClick: M ? (e) => {
+				K(e), a();
+			} : void 0,
+			onMouseEnter: M ? a : void 0,
 			style: {
 				backgroundColor: r,
 				flex: t.value
@@ -7247,9 +7264,9 @@ var Qr = {
 	searchShortcut: "Press / to focus the search field",
 	triggerButton: "Toggle dropdown menu"
 }, loadingText: b = "Loading results...", message: x, noResultsText: S = "No results found", onBlur: w, onChange: T, onClear: k, onFocus: A, onOptionSelect: M, options: N, placeholder: F, required: I = !1, showLabel: L = !0, showUnfilteredOptions: R = !1, size: z = "s", tooltipText: ee = null, validationMessage: B, validationStatus: V, value: H, ...W }, G) => {
-	let K = sn(f, p), q = "pds-combobox", te = z === "s" ? null : `${q}--${z}`, ne = r ? $.disabled : null, re = I && !r ? $.required : null, J = V === "error" ? $.error : null, ie = V === "success" ? $.success : null, ae = null;
-	s && (ae = "search"), V === "error" && (ae = "error"), V === "success" && (ae = "success");
-	let Y = B || x, oe = H !== void 0, se = n !== void 0, ce = (e) => {
+	let K = sn(f, p), q = "pds-combobox", te = z === "s" ? null : `${q}--${z}`, J = r ? $.disabled : null, ne = I && !r ? $.required : null, re = V === "error" ? $.error : null, ie = V === "success" ? $.success : null, Y = null;
+	s && (Y = "search"), V === "error" && (Y = "error"), V === "success" && (Y = "success");
+	let ae = B || x, oe = H !== void 0, se = n !== void 0, ce = (e) => {
 		let t = N.find((t) => t.value === e);
 		return t ? t.label : "";
 	}, [le, ue] = _(se ? n : void 0), [de, fe] = _(oe ? H ?? "" : se ? ce(n) : ""), me = c && !de;
@@ -7274,7 +7291,7 @@ var Qr = {
 		N,
 		de,
 		R
-	]), { getInputProps: ve, getItemProps: X, getMenuProps: ye, highlightedIndex: be, isOpen: xe, openMenu: Se, reset: Ce } = pe({
+	]), { getInputProps: ve, getItemProps: ye, getMenuProps: be, highlightedIndex: xe, isOpen: X, openMenu: Se, reset: Ce } = pe({
 		id: u,
 		inputId: `input-${u}`,
 		items: _e,
@@ -7304,7 +7321,7 @@ var Qr = {
 			return t;
 		}
 	}), { context: we, floatingStyles: Te, refs: Ee } = P({
-		open: xe,
+		open: X,
 		whileElementsMounted: E,
 		placement: "bottom-start",
 		strategy: "fixed",
@@ -7338,7 +7355,7 @@ var Qr = {
 	}), ke = Vn("var(--pds-z-index-dropdown)"), Ae = l((e) => {
 		Ee.setReference(e), typeof G == "function" ? G(e) : G && "current" in G && (G.current = e);
 	}, [G, Ee]), je = () => {
-		xe ? Ce() : Se();
+		X ? Ce() : Se();
 	}, Me = () => {
 		oe || fe(""), ue(void 0), Ce(), he.current?.focus(), R && Se(), k?.();
 	}, Ne = (e) => {
@@ -7347,8 +7364,8 @@ var Qr = {
 		R && Se(), A?.(le);
 	}, Fe = () => _e.map((t, n) => /* @__PURE__ */ e.createElement(yn, {
 		key: t.value,
-		className: be === n ? "pds-dropdown__item--focused" : "",
-		...X({
+		className: xe === n ? "pds-dropdown__item--focused" : "",
+		...ye({
 			item: t,
 			index: n
 		})
@@ -7358,9 +7375,9 @@ var Qr = {
 			$.base,
 			q,
 			te,
+			J,
 			ne,
 			re,
-			J,
 			ie,
 			t ?? ""
 		]),
@@ -7375,13 +7392,13 @@ var Qr = {
 		tooltipText: ee
 	}), /* @__PURE__ */ e.createElement("span", {
 		ref: Ae,
-		"aria-describedby": Y ? `${u}__message` : null,
+		"aria-describedby": ae ? `${u}__message` : null,
 		"aria-disabled": r ? !0 : null,
 		"aria-invalid": V === "error" ? !0 : null,
 		"aria-required": I ? !0 : null,
 		className: Z([`${q}__input-wrapper`, me ? `${q}__input-wrapper--has-search-shortcut` : null]),
 		id: u
-	}, ae && /* @__PURE__ */ e.createElement(pn, { variant: ae }), /* @__PURE__ */ e.createElement("input", {
+	}, Y && /* @__PURE__ */ e.createElement(pn, { variant: Y }), /* @__PURE__ */ e.createElement("input", {
 		ref: he,
 		autoComplete: "off",
 		className: `${q}__input`,
@@ -7404,7 +7421,7 @@ var Qr = {
 		inputId: `input-${u}`,
 		shortcutLabel: y.searchShortcut
 	}), o && /* @__PURE__ */ e.createElement("button", {
-		"aria-expanded": xe,
+		"aria-expanded": X,
 		"aria-label": y.triggerButton,
 		className: `${q}__trigger`,
 		disabled: r,
@@ -7424,15 +7441,15 @@ var Qr = {
 		} : { display: "none" }
 	}, De && m && /* @__PURE__ */ e.createElement("div", { className: `${q}__loading` }, b), De && !m && _e.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, S), /* @__PURE__ */ e.createElement("ul", {
 		className: `${q}__options`,
-		...ye({}, { suppressRefError: !0 }),
+		...be({}, { suppressRefError: !0 }),
 		style: De && (i || !m && _e.length > 0) ? void 0 : { display: "none" }
 	}, De && !m && Fe(), De && i && /* @__PURE__ */ e.createElement("li", {
 		className: "pds-dropdown__footer",
 		role: "presentation"
-	}, i)))), Y && /* @__PURE__ */ e.createElement(dn, {
+	}, i)))), ae && /* @__PURE__ */ e.createElement(dn, {
 		hasValidationMessage: !!B,
 		id: u,
-		message: Y,
+		message: ae,
 		validationMessageHasDecorators: !1,
 		validationStatus: V
 	}));
@@ -7457,9 +7474,9 @@ var Qr = {
 	]), te = h(() => t?.items?.map((e) => ({
 		...e,
 		isAlreadySelected: B.some((t) => t.id === e.id)
-	})) || [], [t?.items, B]), ne = (e) => {
+	})) || [], [t?.items, B]), J = (e) => {
 		H(e), m?.(e);
-	}, { getDropdownProps: re, getSelectedItemProps: J, removeSelectedItem: ie } = me({
+	}, { getDropdownProps: ne, getSelectedItemProps: re, removeSelectedItem: ie } = me({
 		selectedItems: B,
 		onStateChange: ({ selectedItems: e, type: t }) => {
 			if (!r) switch (t) {
@@ -7467,12 +7484,12 @@ var Qr = {
 				case me.stateChangeTypes.SelectedItemKeyDownDelete:
 				case me.stateChangeTypes.DropdownKeyDownBackspace:
 				case me.stateChangeTypes.FunctionRemoveSelectedItem:
-					ne(e || []);
+					J(e || []);
 					break;
 				default: break;
 			}
 		}
-	}), { closeMenu: ae, getInputProps: Y, getItemProps: oe, getMenuProps: se, getToggleButtonProps: ce, highlightedIndex: le, isOpen: ue, openMenu: de, selectedItem: fe } = pe({
+	}), { closeMenu: Y, getInputProps: ae, getItemProps: oe, getMenuProps: se, getToggleButtonProps: ce, highlightedIndex: le, isOpen: ue, openMenu: de, selectedItem: fe } = pe({
 		items: q,
 		itemToString: (e) => e ? e.label : "",
 		selectedItem: null,
@@ -7495,7 +7512,7 @@ var Qr = {
 				case pe.stateChangeTypes.InputKeyDownEnter:
 				case pe.stateChangeTypes.ItemClick:
 				case pe.stateChangeTypes.InputBlur:
-					n && (n.isAlreadySelected ? ne(B.filter((e) => e.id !== n.id)) : ne([...B, n]), z(""), W(null));
+					n && (n.isAlreadySelected ? J(B.filter((e) => e.id !== n.id)) : J([...B, n]), z(""), W(null));
 					break;
 				case pe.stateChangeTypes.InputChange:
 					z(e || ""), W(null);
@@ -7530,7 +7547,7 @@ var Qr = {
 				}
 			})
 		]
-	}), { context: _e, floatingStyles: ve, refs: X } = P({
+	}), { context: _e, floatingStyles: ve, refs: ye } = P({
 		open: G,
 		onOpenChange: K,
 		whileElementsMounted: E,
@@ -7543,12 +7560,12 @@ var Qr = {
 				Object.assign(e.floating.style, { width: `${t.reference.width}px` });
 			} })
 		]
-	}), { getFloatingProps: ye } = ee([N(_e)]), be = Vn("var(--pds-z-index-dropdown)"), xe = (e) => {
+	}), { getFloatingProps: be } = ee([N(_e)]), xe = Vn("var(--pds-z-index-dropdown)"), X = (e) => {
 		if (e.stopPropagation(), r) return;
 		let t = !G;
-		K(t), t && ue && ae();
+		K(t), t && ue && Y();
 	}, Se = (e) => {
-		r || (e.isAlreadySelected ? ne(B.filter((t) => t.id !== e.id)) : ne([...B, e]));
+		r || (e.isAlreadySelected ? J(B.filter((t) => t.id !== e.id)) : J([...B, e]));
 	}, Ce = () => {
 		K(!1), t?.onClose?.();
 	}, we = () => {
@@ -7557,19 +7574,19 @@ var Qr = {
 		if (U === null) W(B.length - 1);
 		else {
 			let e = [...B];
-			e.splice(U, 1), ne(e), W(null);
+			e.splice(U, 1), J(e), W(null);
 		}
 	}, Ee = g(!1), De = () => {
-		r || (Ee.current ? ae() : de());
+		r || (Ee.current ? Y() : de());
 	}, Oe = (e) => {
 		Ee.current = ue, !r && e.currentTarget.setAttribute("data-focus-method", "mouse");
 	}, ke = (e) => {
 		e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !R && B.length > 0 && (e.preventDefault(), Te()), e.key === "Enter" && U !== null && (e.preventDefault(), Te()), !ue && (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), de()));
-	}, Ae = Y({
-		...re({ preventKeyAction: ue }, { suppressRefError: !0 }),
+	}, Ae = ae({
+		...ne({ preventKeyAction: ue }, { suppressRefError: !0 }),
 		disabled: r,
 		onKeyDown: ke
-	}, { suppressRefError: !0 }), je = B.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-item` }, B.length - 1) : B.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-item` }, B.length - 1)) : B.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-item` }, B.length - 1)) : "", Me = re({}, { suppressRefError: !0 }), Ne = V([Me.ref, ge.setFloating]);
+	}, { suppressRefError: !0 }), je = B.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-item` }, B.length - 1) : B.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-item` }, B.length - 1)) : B.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${A}__counter-item` }, B.length - 1)) : "", Me = ne({}, { suppressRefError: !0 }), Ne = V([Me.ref, ge.setFloating]);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
@@ -7590,7 +7607,7 @@ var Qr = {
 		showLabel: S
 	}), /* @__PURE__ */ e.createElement("div", {
 		ref: (e) => {
-			ge.setReference(e), X.setReference(e);
+			ge.setReference(e), ye.setReference(e);
 		},
 		"aria-disabled": r ? !0 : null,
 		"aria-required": b ? !0 : null,
@@ -7605,7 +7622,7 @@ var Qr = {
                   ${A}__selected-item
                   ${n === U ? `${A}__selected-item--marked-for-deletion` : ""}
                 `,
-		...J({
+		...re({
 			selectedItem: t,
 			index: n
 		}),
@@ -7627,7 +7644,7 @@ var Qr = {
 		"aria-label": d.aiPanelButton,
 		className: Z([`${A}__ai-button`, F ?? ""]),
 		disabled: r,
-		onClick: xe,
+		onClick: X,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${A}__ai-icon`,
@@ -7649,7 +7666,7 @@ var Qr = {
 		className: `pds-dropdown__panel ${A}__dropdown ${i ? `${A}__dropdown--has-footer` : ""}`,
 		style: ue ? {
 			...he,
-			zIndex: be
+			zIndex: xe
 		} : { display: "none" }
 	}, /* @__PURE__ */ e.createElement("div", { className: `${A}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(pn, { variant: "search" }), /* @__PURE__ */ e.createElement("input", {
 		"aria-label": d.inputInstructions,
@@ -7680,13 +7697,13 @@ var Qr = {
 		className: "pds-dropdown__footer",
 		role: "presentation"
 	}, i)))), G && t && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
-		ref: X.setFloating,
+		ref: ye.setFloating,
 		className: `${A}__aux-panel`,
 		style: {
 			...ve,
-			zIndex: be
+			zIndex: xe
 		},
-		...ye()
+		...be()
 	}, t.content ? /* @__PURE__ */ e.createElement("div", { className: `${A}__aux-panel-content` }, t.content) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Q, {
 		className: `${A}__aux-panel-icon`,
 		iconName: "sparkles",
@@ -7715,12 +7732,23 @@ var Qr = {
 		iconName: "xmark",
 		size: "m"
 	}))))));
-}, yi = (e) => String(e).padStart(2, "0"), bi = (e) => {
+}, yi = () => {
+	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = _(e ? t(window.innerWidth) : "lg");
+	return d(() => {
+		if (!e) return;
+		let n = () => {
+			r(t(window.innerWidth));
+		};
+		return n(), window.addEventListener("resize", n), () => {
+			window.removeEventListener("resize", n);
+		};
+	}, [e]), n;
+}, bi = (e) => String(e).padStart(2, "0"), xi = (e) => {
 	let t = e ? /^(\d{1,2}):(\d{2})$/.exec(e) : null;
 	if (!t) return null;
 	let n = parseInt(t[1], 10), r = parseInt(t[2], 10);
 	return n > 23 || r > 59 ? null : new ge(n, r);
-}, xi = (e) => e ? `${yi(e.hour)}:${yi(e.minute)}` : void 0, Si = ({ baseClass: t, segment: n, state: r }) => {
+}, Si = (e) => e ? `${bi(e.hour)}:${bi(e.minute)}` : void 0, Ci = ({ baseClass: t, segment: n, state: r }) => {
 	let i = g(null), { segmentProps: a } = Pe(n, r, i), { focusProps: o, isFocusVisible: s } = Fe(), c = n.isPlaceholder ? n.type === "dayPeriod" ? "--" : "00" : n.text;
 	return /* @__PURE__ */ e.createElement("div", {
 		...ke(a, o),
@@ -7731,7 +7759,7 @@ var Qr = {
 			s ? `${t}__segment--focus-visible` : null
 		])
 	}, c);
-}, Ci = ({ anchorDate: t, className: n, defaultValue: r, disabled: i = !1, hourCycle: a = 12, id: o, inputWidth: s, inputWidthMin: c, label: l, message: u, onBlur: f, onChange: p, onFocus: m, required: v = !1, showLabel: y = !0, size: b = "s", timeZone: x, tooltipText: S = null, validationMessage: C, validationStatus: w, value: T }) => {
+}, wi = ({ anchorDate: t, className: n, defaultValue: r, disabled: i = !1, hourCycle: a = 12, id: o, inputWidth: s, inputWidthMin: c, label: l, message: u, onBlur: f, onChange: p, onFocus: m, required: v = !1, showLabel: y = !0, size: b = "s", timeZone: x, tooltipText: S = null, validationMessage: C, validationStatus: w, value: T }) => {
 	let E = sn(s, c), D = "pds-timepicker", O = b === "s" ? null : `${D}--${b}`, k = i ? $.disabled : null, A = v && !i ? $.required : null, j = w === "error" ? $.error : null, M = w === "success" ? $.success : null, N = C || u, P = T !== void 0, { locale: F } = Ie(), [I, L] = _(r), R = P ? T : I, z = Ve({
 		granularity: "minute",
 		hourCycle: a,
@@ -7739,14 +7767,14 @@ var Qr = {
 		locale: F,
 		onBlur: f,
 		onChange: (e) => {
-			let t = xi(e);
+			let t = Si(e);
 			t && (P || L(t), p && p(t));
 		},
 		onFocusChange: (e) => {
 			e && m && m();
 		},
 		shouldForceLeadingZeros: !0,
-		value: h(() => bi(R), [R])
+		value: h(() => xi(R), [R])
 	}), ee = g(null), { fieldProps: B } = Re({
 		"aria-describedby": N ? `${o}__message` : void 0,
 		"aria-labelledby": `${o}-label`,
@@ -7757,7 +7785,7 @@ var Qr = {
 		if (V.current = x, !x || !e || x === e) return;
 		let n = z.value;
 		if (!n) return;
-		let r = we(Te(Ce(t ?? Ee(e), n), e), x), i = xi(new ge(r.hour, r.minute));
+		let r = we(Te(Ce(t ?? Ee(e), n), e), x), i = Si(new ge(r.hour, r.minute));
 		i && (P || L(i), p && p(i));
 	}, [x]);
 	let H = h(() => {
@@ -7807,7 +7835,7 @@ var Qr = {
 	}), /* @__PURE__ */ e.createElement("div", { className: `${D}__value` }, z.segments.map((t, n) => t.type === "literal" ? /* @__PURE__ */ e.createElement("div", {
 		key: n,
 		className: Z([`${D}__separator`, t.text === ":" ? `${D}__separator--colon` : null])
-	}, t.text) : /* @__PURE__ */ e.createElement(Si, {
+	}, t.text) : /* @__PURE__ */ e.createElement(Ci, {
 		key: n,
 		baseClass: D,
 		segment: t,
@@ -7819,31 +7847,31 @@ var Qr = {
 		validationMessageHasDecorators: !1,
 		validationStatus: w
 	}));
-}, wi = (e, t = be()) => {
+}, Ti = (e, t = xe()) => {
 	if (!e) return;
-	let n = ye(e, t);
+	let n = be(e, t);
 	return new he(n.year, n.month, n.day);
-}, Ti = (e, t = be()) => e ? e.toDate(t) : void 0, Ei = (e) => String(e).padStart(2, "0"), Di = (e) => {
+}, Ei = (e, t = xe()) => e ? e.toDate(t) : void 0, Di = (e) => String(e).padStart(2, "0"), Oi = (e) => {
 	let t = e ? /^(\d{1,2}):(\d{2})$/.exec(e) : null;
 	if (!t) return;
 	let n = parseInt(t[1], 10), r = parseInt(t[2], 10);
 	if (!(n > 23 || r > 59)) return new ge(n, r);
-}, Oi = (e, t = be()) => {
+}, ki = (e, t = xe()) => {
 	if (!e) return;
-	let n = ye(e, t);
-	return `${Ei(n.hour)}:${Ei(n.minute)}`;
-}, ki = (e, t, n = be()) => {
+	let n = be(e, t);
+	return `${Di(n.hour)}:${Di(n.minute)}`;
+}, Ai = (e, t, n = xe()) => {
 	if (!e) return;
-	let r = Di(t);
-	return r ? Ce(e, r).toDate(n) : Ti(e, n);
-}, Ai = "00:00", ji = "23:59", Mi = (e, t, n = be()) => {
+	let r = Oi(t);
+	return r ? Ce(e, r).toDate(n) : Ei(e, n);
+}, ji = "00:00", Mi = "23:59", Ni = (e, t, n = xe()) => {
 	if (!e) return "";
-	let r = ye(e, n);
+	let r = be(e, n);
 	return De(new Date(r.year, r.month - 1, r.day), "PP", { locale: t });
-}, Ni = (e, t) => {
+}, Pi = (e, t) => {
 	let n = Ee(t).year;
-	return e.some((e) => !!e && ye(e, t).year !== n);
-}, Pi = (e, { hourCycle: t, includeYear: n, localeString: r, timeZone: i = be() }) => e ? new Intl.DateTimeFormat(r, {
+	return e.some((e) => !!e && be(e, t).year !== n);
+}, Fi = (e, { hourCycle: t, includeYear: n, localeString: r, timeZone: i = xe() }) => e ? new Intl.DateTimeFormat(r, {
 	day: "numeric",
 	hour: t === 24 ? "2-digit" : "numeric",
 	hourCycle: t === 24 ? "h23" : "h12",
@@ -7851,15 +7879,15 @@ var Qr = {
 	month: "short",
 	timeZone: i,
 	...n ? { year: "numeric" } : {}
-}).format(e) : "", Fi = (e, t) => {
+}).format(e) : "", Ii = (e, t) => {
 	if (e.custom) return e.custom();
-	let n = t?.timeZone ?? be(), r = t?.locale ?? "en-US", i = Ee(n);
+	let n = t?.timeZone ?? xe(), r = t?.locale ?? "en-US", i = Ee(n);
 	if (e.days !== void 0) return e.days < 0 ? {
-		from: Ti(i.add({ days: e.days + 1 }), n),
-		to: Ti(i, n)
+		from: Ei(i.add({ days: e.days + 1 }), n),
+		to: Ei(i, n)
 	} : {
-		from: Ti(i, n),
-		to: Ti(i.add({ days: e.days - 1 }), n)
+		from: Ei(i, n),
+		to: Ei(i.add({ days: e.days - 1 }), n)
 	};
 	if (e.hours !== void 0) {
 		let t = /* @__PURE__ */ new Date(), n = new Date(t.getTime() + e.hours * 60 * 60 * 1e3);
@@ -7883,37 +7911,37 @@ var Qr = {
 	}
 	switch (e.type) {
 		case "today": return {
-			from: Ti(i, n),
-			to: Ti(i, n)
+			from: Ei(i, n),
+			to: Ei(i, n)
 		};
 		case "current-week": return {
-			from: Ti(Se(i, r), n),
-			to: Ti(X(i, r), n)
+			from: Ei(Se(i, r), n),
+			to: Ei(ye(i, r), n)
 		};
 		case "current-month": return {
-			from: Ti(xe(i), n),
-			to: Ti(ve(i), n)
+			from: Ei(X(i), n),
+			to: Ei(ve(i), n)
 		};
 		case "last-week": {
 			let e = i.subtract({ weeks: 1 });
 			return {
-				from: Ti(Se(e, r), n),
-				to: Ti(X(e, r), n)
+				from: Ei(Se(e, r), n),
+				to: Ei(ye(e, r), n)
 			};
 		}
 		case "last-month": {
 			let e = i.subtract({ months: 1 });
 			return {
-				from: Ti(xe(e), n),
-				to: Ti(ve(e), n)
+				from: Ei(X(e), n),
+				to: Ei(ve(e), n)
 			};
 		}
 		default: return {
-			from: Ti(i, n),
-			to: Ti(i, n)
+			from: Ei(i, n),
+			to: Ei(i, n)
 		};
 	}
-}, Ii = {
+}, Li = {
 	clearButton: "Clear",
 	customPresetLabel: "Custom",
 	doneButton: "Done",
@@ -7934,7 +7962,7 @@ var Qr = {
 	to: " to ",
 	todayButton: "Today",
 	utcTimeZoneLabel: "UTC"
-}, Li = ({ baseClass: t, currentMonth: n, date: r, state: i, timeZone: a }) => {
+}, Ri = ({ baseClass: t, currentMonth: n, date: r, state: i, timeZone: a }) => {
 	let o = g(null), { buttonProps: s, cellProps: c, formattedDate: l, isDisabled: u, isOutsideVisibleRange: d, isSelected: f, isUnavailable: p } = Me({ date: r }, i, o), m = r.month !== n.month || r.year !== n.year, h = "highlightedRange" in i ? i : null, _ = !!h?.highlightedRange && r.compare(h.highlightedRange.start) === 0, v = !!h?.highlightedRange && r.compare(h.highlightedRange.end) === 0, y = f && h && !_ && !v, b = d || m, x = r.compare(Ee(a)) === 0;
 	return /* @__PURE__ */ e.createElement("td", {
 		...c,
@@ -7956,7 +7984,7 @@ var Qr = {
 		]),
 		hidden: b
 	}, l));
-}, Ri = ({ baseClass: t, monthOffset: n = 0, state: r, timeZone: i }) => {
+}, zi = ({ baseClass: t, monthOffset: n = 0, state: r, timeZone: i }) => {
 	let a = r.visibleRange.start.add({ months: n }), { gridProps: o, headerProps: s, weekDays: c, weeksInMonth: l } = Ne({ startDate: a }, r);
 	return /* @__PURE__ */ e.createElement("table", {
 		...o,
@@ -7964,7 +7992,7 @@ var Qr = {
 	}, /* @__PURE__ */ e.createElement("thead", s, /* @__PURE__ */ e.createElement("tr", null, c.map((n, r) => /* @__PURE__ */ e.createElement("th", {
 		key: r,
 		className: `${t}__weekday`
-	}, n)))), /* @__PURE__ */ e.createElement("tbody", null, [...Array(l).keys()].map((n) => /* @__PURE__ */ e.createElement("tr", { key: n }, r.getDatesInWeek(n, a).map((n, o) => n ? /* @__PURE__ */ e.createElement(Li, {
+	}, n)))), /* @__PURE__ */ e.createElement("tbody", null, [...Array(l).keys()].map((n) => /* @__PURE__ */ e.createElement("tr", { key: n }, r.getDatesInWeek(n, a).map((n, o) => n ? /* @__PURE__ */ e.createElement(Ri, {
 		key: o,
 		baseClass: t,
 		currentMonth: a,
@@ -7972,31 +8000,31 @@ var Qr = {
 		state: r,
 		timeZone: i
 	}) : /* @__PURE__ */ e.createElement("td", { key: o }))))));
-}, zi = ({ allowCustomRange: t = !0, allowDateRangeSelection: n = !0, className: r, defaultPresetLabel: i, defaultTimeZoneMode: a = "utc", disabled: o = !1, footerNote: s, hourCycle: c = 12, id: l, inputWidth: u, inputWidthMin: f, label: p, locale: m, maxDate: v, message: y, minDate: b, mode: x = "single", onChange: S, onTimeZoneChange: w, placeholder: T, presets: E, required: D = !1, showLabel: O = !0, showPresetCalendar: k = !0, showTime: A = !1, showTimeZoneSwitcher: j = !1, showTodayButton: M = !0, timeZone: N = be(), tooltipText: P, translationStrings: F, validationMessage: I, validationStatus: L, value: R, visibleMonths: z = 2, ...ee }) => {
+}, Bi = ({ allowCustomRange: t = !0, allowDateRangeSelection: n = !0, className: r, defaultPresetLabel: i, defaultTimeZoneMode: a = "utc", disabled: o = !1, footerNote: s, hourCycle: c = 12, id: l, inputWidth: u, inputWidthMin: f, label: p, locale: m, maxDate: v, message: y, minDate: b, mode: x = "single", onChange: S, onTimeZoneChange: w, placeholder: T, presets: E, required: D = !1, showLabel: O = !0, showPresetCalendar: k = !0, showTime: A = !1, showTimeZoneSwitcher: j = !1, showTodayButton: M = !0, timeZone: N = xe(), tooltipText: P, translationStrings: F, validationMessage: I, validationStatus: L, value: R, visibleMonths: z = 2, ...ee }) => {
 	let B = x === "range", V = {
-		...Ii,
+		...Li,
 		...F
-	}, H = B && !!E && E.length > 0;
+	}, H = B && !!E && E.length > 0, U = yi() === "sm", W = k && !U;
 	j && !A && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `showTimeZoneSwitcher` has no effect unless `showTime` is also true."), E && E.length > 0 && !B && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `presets` requires `mode=\"range\"` — every preset computes a date range."), !t && !H && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `allowCustomRange` has no effect unless `presets` is also set."), i !== void 0 && !(H && E?.some((e) => e.label === i)) && process.env.NODE_ENV !== "production" && console.warn(`[Datepicker] \`defaultPresetLabel\` "${i}" matches no entry in \`presets\` — nothing is seeded as active.`);
-	let { locale: U } = Ie(), W = m?.code ?? U, G = h(() => B ? E?.find((e) => e.label === i) : void 0, [
+	let { locale: G } = Ie(), K = m?.code ?? G, q = h(() => B ? E?.find((e) => e.label === i) : void 0, [
 		i,
 		B,
 		E
-	]), K = (e) => {
-		let t = Fi(e, {
-			locale: W,
+	]), te = (e) => {
+		let t = Ii(e, {
+			locale: K,
 			timeZone: N
 		}), n = e.hours !== void 0 || e.minutes !== void 0;
 		return !A || n ? t : {
-			from: ki(wi(t.from, N), Ai, N),
-			to: ki(wi(t.to, N), ji, N)
+			from: Ai(Ti(t.from, N), ji, N),
+			to: Ai(Ti(t.to, N), Mi, N)
 		};
-	}, [q, te] = _(() => R ?? (G ? K(G) : void 0)), [ne, re] = _(a), J = j ? ne === "utc" ? "UTC" : be() : N, [ie, ae] = _(G?.label), [Y, oe] = _(k), se = !H || Y, ce = !H || k || t, le = z === 1 ? B && A ? 400 : 280 : 550, ue = g(null), de = ie === void 0 && (B ? !!q?.from : !!q), fe = (e, t) => B && A ? e ?? t : e, [pe, me] = _(() => fe(Oi(B ? q?.from : q, J), Ai)), [he, ge] = _(() => fe(Oi(q?.to, J), ji)), ve = sn(u, f), X = "pds-datepicker", ye = o ? $.disabled : null, xe = D && !o ? $.required : null, Se = L === "error" ? $.error : null, Ce = L === "success" ? $.success : null, we = I || y, Te = /* @__PURE__ */ e.createElement("div", { className: `${X}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${X}__timezone-switcher-label` }, V.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(dr, {
+	}, [J, ne] = _(() => R ?? (q ? te(q) : void 0)), [re, ie] = _(a), Y = j ? re === "utc" ? "UTC" : xe() : N, [ae, oe] = _(q?.label), [se, ce] = _(W), le = !H || se, ue = !H || k || t, de = z === 1 ? B && A ? 400 : 280 : 550, fe = g(null), pe = ae === void 0 && (B ? !!J?.from : !!J), me = (e, t) => B && A ? e ?? t : e, [he, ge] = _(() => me(ki(B ? J?.from : J, Y), ji)), [ve, ye] = _(() => me(ki(J?.to, Y), Mi)), be = sn(u, f), X = "pds-datepicker", Se = o ? $.disabled : null, Ce = D && !o ? $.required : null, we = L === "error" ? $.error : null, Te = L === "success" ? $.success : null, De = I || y, ke = /* @__PURE__ */ e.createElement("div", { className: `${X}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${X}__timezone-switcher-label` }, V.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(dr, {
 		id: `${l}-timezone-switcher`,
 		label: V.timeZoneSwitcherLabel || "",
 		onChange: (e) => {
 			let t = e;
-			re(t), w?.(t === "utc" ? "UTC" : be(), t);
+			ie(t), w?.(t === "utc" ? "UTC" : xe(), t);
 		},
 		options: [{
 			label: V.localTimeZoneLabel || "",
@@ -8006,155 +8034,155 @@ var Qr = {
 			value: "utc"
 		}],
 		size: "s",
-		value: ne
-	})), { floatingStyles: De, getFloatingProps: ke, getReferenceProps: Me, isMounted: Ne, isOpen: Pe, refs: Fe, setIsOpen: Re } = Ln({
+		value: re
+	})), { floatingStyles: Me, getFloatingProps: Ne, getReferenceProps: Pe, isMounted: Fe, isOpen: Re, refs: Ve, setIsOpen: He } = Ln({
 		enableListNavigation: !1,
 		offsetValue: 8,
 		placement: "bottom-start",
 		role: "dialog",
 		shiftPadding: 16,
 		variant: "default"
-	}), Ve = Vn("var(--pds-z-index-overlay)"), He = wi(b, J), Ue = wi(v, J), We = (e, t, n = !1) => {
-		te(e), ae(t), S?.(e), !B && n && setTimeout(() => {
-			Re(!1);
+	}), Ue = Vn("var(--pds-z-index-overlay)"), We = Ti(b, Y), Ge = Ti(v, Y), Ke = (e, t, n = !1) => {
+		ne(e), oe(t), S?.(e), !B && n && setTimeout(() => {
+			He(!1);
 		}, 300);
-	}, Ge = ze({
+	}, qe = ze({
 		createCalendar: _e,
-		locale: W,
-		maxValue: Ue,
-		minValue: He,
+		locale: K,
+		maxValue: Ge,
+		minValue: We,
 		onChange: (e) => {
-			B || We(ki(e, A ? pe : void 0, J), void 0, !A);
+			B || Ke(Ai(e, A ? he : void 0, Y), void 0, !A);
 		},
-		value: B ? null : wi(q, J) ?? null
-	}), Ke = g(null), qe = Be({
+		value: B ? null : Ti(J, Y) ?? null
+	}), Je = g(null), Ye = Be({
 		createCalendar: _e,
-		locale: W,
-		maxValue: Ue,
-		minValue: He,
+		locale: K,
+		maxValue: Ge,
+		minValue: We,
 		visibleDuration: { months: z },
 		onChange: (e) => {
-			B && e && We({
-				from: ki(e.start, A ? pe : void 0, J),
-				to: ki(e.end, A ? he : void 0, J)
+			B && e && Ke({
+				from: Ai(e.start, A ? he : void 0, Y),
+				to: Ai(e.end, A ? ve : void 0, Y)
 			});
 		},
 		value: B ? (() => {
-			let e = q, t = wi(e?.from, J), n = wi(e?.to, J);
+			let e = J, t = Ti(e?.from, Y), n = Ti(e?.to, Y);
 			return t && n ? {
 				start: t,
 				end: n
 			} : null;
 		})() : null
-	}), Je = B ? qe : Ge, { calendarProps: Ye, nextButtonProps: Xe, prevButtonProps: Ze } = je({}, Ge), { calendarProps: Qe, nextButtonProps: $e, prevButtonProps: et } = Le({}, qe, Ke), tt = B ? Qe : Ye, nt = B ? $e : Xe, rt = B ? et : Ze, it = (e) => new Intl.DateTimeFormat(W, {
+	}), Xe = B ? Ye : qe, { calendarProps: Ze, nextButtonProps: Qe, prevButtonProps: $e } = je({}, qe), { calendarProps: et, nextButtonProps: tt, prevButtonProps: nt } = Le({}, Ye, Je), rt = B ? et : Ze, it = B ? tt : Qe, at = B ? nt : $e, ot = (e) => new Intl.DateTimeFormat(K, {
 		month: "long",
 		year: "numeric"
-	}).format(e.toDate(be())), at = B ? Array.from({ length: z }, (e, t) => t) : [0], ot = at.map((e) => it(Je.visibleRange.start.add({ months: e }))), st = g(null), ct = g(null), { buttonProps: lt } = Ae(rt, st), { buttonProps: ut } = Ae(nt, ct), dt = () => {
-		te(void 0), ae(void 0), S?.(void 0), A && (me(B ? Ai : void 0), ge(B ? ji : void 0)), B ? qe.setValue(null) : Ge.setValue(null);
-	}, ft = () => !B || !qe.anchorDate ? !1 : (qe.selectDate(qe.anchorDate), !0), pt = () => {
-		ft(), Re(!1);
-	}, mt = () => {
-		let e = Ee(J);
-		Je.setFocusedDate(e), B ? (qe.setValue(null), te(void 0), ae(void 0), S?.(void 0)) : (Ge.setValue(e), We(ki(e, A ? pe : void 0, J), void 0, !A));
-	}, ht = (e) => {
-		let t = Fi(e, {
-			locale: W,
-			timeZone: J
+	}).format(e.toDate(xe())), st = B ? Array.from({ length: z }, (e, t) => t) : [0], ct = st.map((e) => ot(Xe.visibleRange.start.add({ months: e }))), lt = g(null), ut = g(null), { buttonProps: dt } = Ae(at, lt), { buttonProps: ft } = Ae(it, ut), pt = () => {
+		ne(void 0), oe(void 0), S?.(void 0), A && (ge(B ? ji : void 0), ye(B ? Mi : void 0)), B ? Ye.setValue(null) : qe.setValue(null);
+	}, mt = () => !B || !Ye.anchorDate ? !1 : (Ye.selectDate(Ye.anchorDate), !0), ht = () => {
+		mt(), He(!1);
+	}, gt = () => {
+		let e = Ee(Y);
+		Xe.setFocusedDate(e), B ? (Ye.setValue(null), ne(void 0), oe(void 0), S?.(void 0)) : (qe.setValue(e), Ke(Ai(e, A ? he : void 0, Y), void 0, !A));
+	}, _t = (e) => {
+		let t = Ii(e, {
+			locale: K,
+			timeZone: Y
 		}), n = e.hours !== void 0 || e.minutes !== void 0;
-		oe(k), A && n ? (me(Oi(t.from, J)), ge(Oi(t.to, J)), We(t, e.label)) : We(A ? {
-			from: ki(wi(t.from, J), pe, J),
-			to: ki(wi(t.to, J), he, J)
+		ce(W), A && n ? (ge(ki(t.from, Y)), ye(ki(t.to, Y)), Ke(t, e.label)) : Ke(A ? {
+			from: Ai(Ti(t.from, Y), he, Y),
+			to: Ai(Ti(t.to, Y), ve, Y)
 		} : t, e.label);
-		let r = wi(t.from, J);
-		r && Je.setFocusedDate(r), k || setTimeout(() => {
-			Re(!1);
+		let r = Ti(t.from, Y);
+		r && Xe.setFocusedDate(r), W || setTimeout(() => {
+			He(!1);
 		}, 300);
-	}, gt = (e, t) => Oi(e, J) === t, _t = (e) => {
-		if (me(e), B) {
-			let t = q;
+	}, vt = (e, t) => ki(e, Y) === t, yt = (e) => {
+		if (ge(e), B) {
+			let t = J;
 			if (t?.from && t?.to) {
-				if (gt(t.from, e)) return;
-				We({
-					from: ki(wi(t.from, J), e, J),
+				if (vt(t.from, e)) return;
+				Ke({
+					from: Ai(Ti(t.from, Y), e, Y),
 					to: t.to
 				});
 			}
 		} else {
-			let t = q;
+			let t = J;
 			if (t) {
-				if (gt(t, e)) return;
-				We(ki(wi(t, J), e, J));
+				if (vt(t, e)) return;
+				Ke(Ai(Ti(t, Y), e, Y));
 			}
 		}
-	}, vt = (e) => {
-		ge(e);
-		let t = q;
+	}, bt = (e) => {
+		ye(e);
+		let t = J;
 		if (t?.from && t?.to) {
-			if (gt(t.to, e)) return;
-			We({
+			if (vt(t.to, e)) return;
+			Ke({
 				from: t.from,
-				to: ki(wi(t.to, J), e, J)
+				to: Ai(Ti(t.to, Y), e, Y)
 			});
 		}
-	}, yt = g(R);
+	}, xt = g(R);
 	d(() => {
-		yt.current !== R && (yt.current = R, te(R));
+		xt.current !== R && (xt.current = R, ne(R));
 	}, [R]), d(() => {
 		if (A) if (B) {
-			let e = q;
-			me(Oi(e?.from, J) ?? Ai), ge(Oi(e?.to, J) ?? ji);
-		} else me(Oi(q, J));
+			let e = J;
+			ge(ki(e?.from, Y) ?? ji), ye(ki(e?.to, Y) ?? Mi);
+		} else ge(ki(J, Y));
 	}, [
-		q,
 		J,
+		Y,
 		B,
 		A
 	]), d(() => {
-		n || ft();
+		n || mt();
 	}, [
 		B,
 		n,
-		qe.anchorDate
+		Ye.anchorDate
 	]), d(() => {
-		if (Pe) {
-			let e = wi(B ? q?.from : q, J);
-			Je.setFocusedDate(e ?? Ee(J)), oe(k);
+		if (Re) {
+			let e = Ti(B ? J?.from : J, Y);
+			Xe.setFocusedDate(e ?? Ee(Y)), ce(W);
 		}
-	}, [Pe]), d(() => {
-		ue.current && (ue.current.inert = !se);
-	}, [se]);
-	let bt = E?.find((e) => e.label === ie), xt = bt && (bt.showLabelInTrigger ?? (bt.hours !== void 0 || bt.minutes !== void 0)) ? bt.label : void 0, St = Ni(B ? [q?.from, q?.to] : [q], J), Ct = (e) => A ? Pi(e, {
+	}, [Re]), d(() => {
+		fe.current && (fe.current.inert = !le);
+	}, [le]);
+	let St = E?.find((e) => e.label === ae), Ct = St && (St.showLabelInTrigger ?? (St.hours !== void 0 || St.minutes !== void 0)) ? St.label : void 0, wt = Pi(B ? [J?.from, J?.to] : [J], Y), Tt = (e) => A ? Fi(e, {
 		hourCycle: c,
-		includeYear: St,
-		localeString: W,
-		timeZone: J
-	}) : Mi(e, m, J), wt = () => {
-		if (xt !== void 0) return xt;
+		includeYear: wt,
+		localeString: K,
+		timeZone: Y
+	}) : Ni(e, m, Y), Et = () => {
+		if (Ct !== void 0) return Ct;
 		if (B) {
-			let t = q;
-			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ct(t.from), /* @__PURE__ */ e.createElement("span", { className: `${X}__separator` }, " – "), Ct(t.to)) : Ct(t.from) : T || "";
+			let t = J;
+			return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, Tt(t.from), /* @__PURE__ */ e.createElement("span", { className: `${X}__separator` }, " – "), Tt(t.to)) : Tt(t.from) : T || "";
 		} else {
-			let e = q;
-			return e ? Ct(e) : T || "";
+			let e = J;
+			return e ? Tt(e) : T || "";
 		}
-	}, Tt = () => xt === void 0 ? B ? !q?.from : !q : !1, Et = () => {
+	}, Dt = () => Ct === void 0 ? B ? !J?.from : !J : !1, Ot = () => {
 		if (B) {
-			let e = q, t = qe.anchorDate;
-			return !e?.from && t ? `${V.selectedStartDate}${Mi(Ti(t, J), m, J)}${V.pleaseSelectEndDate}` : e?.from ? e.to ? `${V.selectedDateRange}${Ct(e.from)}${V.to}${Ct(e.to)}` : `${V.selectedStartDate}${Ct(e.from)}${V.pleaseSelectEndDate}` : V.noDateRangeSelected || "";
+			let e = J, t = Ye.anchorDate;
+			return !e?.from && t ? `${V.selectedStartDate}${Ni(Ei(t, Y), m, Y)}${V.pleaseSelectEndDate}` : e?.from ? e.to ? `${V.selectedDateRange}${Tt(e.from)}${V.to}${Tt(e.to)}` : `${V.selectedStartDate}${Tt(e.from)}${V.pleaseSelectEndDate}` : V.noDateRangeSelected || "";
 		} else {
-			let e = q;
-			return e ? `${V.selectedDate}${Ct(e)}` : V.noDateSelected || "";
+			let e = J;
+			return e ? `${V.selectedDate}${Tt(e)}` : V.noDateSelected || "";
 		}
-	}, Dt = B ? q : void 0, Ot = /* @__PURE__ */ e.createElement("div", {
-		...tt,
-		ref: B ? Ke : void 0,
+	}, kt = B ? J : void 0, At = /* @__PURE__ */ e.createElement("div", {
+		...rt,
+		ref: B ? Je : void 0,
 		className: `${X}__calendar`
-	}, /* @__PURE__ */ e.createElement("div", { className: `${X}__grids` }, at.map((t, n) => /* @__PURE__ */ e.createElement("div", {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${X}__grids` }, st.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", {
-		...lt,
-		ref: st,
+		...dt,
+		ref: lt,
 		"aria-label": V.previousMonthLabel,
 		className: `${X}__nav-button`,
 		type: "button"
@@ -8167,9 +8195,9 @@ var Qr = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleLeft",
 		size: "m"
-	})), /* @__PURE__ */ e.createElement("div", { className: `${X}__nav-title` }, ot[n]), n === at.length - 1 ? /* @__PURE__ */ e.createElement("button", {
-		...ut,
-		ref: ct,
+	})), /* @__PURE__ */ e.createElement("div", { className: `${X}__nav-title` }, ct[n]), n === st.length - 1 ? /* @__PURE__ */ e.createElement("button", {
+		...ft,
+		ref: ut,
 		"aria-label": V.nextMonthLabel,
 		className: `${X}__nav-button`,
 		type: "button"
@@ -8182,71 +8210,71 @@ var Qr = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleRight",
 		size: "m"
-	}))), /* @__PURE__ */ e.createElement(Ri, {
+	}))), /* @__PURE__ */ e.createElement(zi, {
 		baseClass: X,
 		monthOffset: t,
-		state: Je,
-		timeZone: J
-	})))), A && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-section` }, B ? /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(Ci, {
-		anchorDate: wi(Dt?.from, J),
+		state: Xe,
+		timeZone: Y
+	})))), A && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-section` }, B ? /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(wi, {
+		anchorDate: Ti(kt?.from, Y),
 		hourCycle: c,
 		id: `${l}-start-time`,
 		label: V.startTimeLabel || "",
-		onChange: _t,
+		onChange: yt,
 		size: "s",
-		timeZone: J,
-		value: pe
-	}), /* @__PURE__ */ e.createElement(Ci, {
-		anchorDate: wi(Dt?.to, J),
+		timeZone: Y,
+		value: he
+	}), /* @__PURE__ */ e.createElement(wi, {
+		anchorDate: Ti(kt?.to, Y),
 		hourCycle: c,
 		id: `${l}-end-time`,
 		label: V.endTimeLabel || "",
-		onChange: vt,
+		onChange: bt,
 		size: "s",
-		timeZone: J,
-		value: he
-	})) : q && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(Ci, {
-		anchorDate: wi(q, J),
+		timeZone: Y,
+		value: ve
+	})) : J && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(wi, {
+		anchorDate: Ti(J, Y),
 		hourCycle: c,
 		id: `${l}-time`,
 		label: V.timeLabel || "",
-		onChange: _t,
+		onChange: yt,
 		size: "s",
-		timeZone: J,
-		value: pe
-	})), j && !H && Te), s && /* @__PURE__ */ e.createElement("div", { className: `${X}__footer-note` }, s), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions` }, M && /* @__PURE__ */ e.createElement(An, {
+		timeZone: Y,
+		value: he
+	})), j && !H && ke), s && /* @__PURE__ */ e.createElement("div", { className: `${X}__footer-note` }, s), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions` }, M && /* @__PURE__ */ e.createElement(An, {
 		className: `${X}__action-button ${X}__action-button--today`,
 		label: V.todayButton,
-		onClick: mt,
+		onClick: gt,
 		size: "xs",
 		type: "button",
 		variant: "secondary"
 	}), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions-group` }, /* @__PURE__ */ e.createElement(An, {
 		className: `${X}__action-button ${X}__action-button--clear`,
 		label: V.clearButton,
-		onClick: dt,
+		onClick: pt,
 		size: "xs",
 		type: "button",
 		variant: "secondary"
 	}), (B || A) && /* @__PURE__ */ e.createElement(An, {
 		className: `${X}__action-button ${X}__action-button--done`,
 		label: V.doneButton,
-		onClick: pt,
+		onClick: ht,
 		size: "xs",
 		type: "button",
 		variant: "highlight"
 	}))));
-	return /* @__PURE__ */ e.createElement(Oe, { locale: W }, /* @__PURE__ */ e.createElement("div", {
+	return /* @__PURE__ */ e.createElement(Oe, { locale: K }, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
 			X,
-			ye,
 			Se,
-			xe,
+			we,
 			Ce,
+			Te,
 			r ?? ""
 		]),
-		style: u ? ve : null,
+		style: u ? be : null,
 		...ee
 	}, /* @__PURE__ */ e.createElement(un, {
 		disabled: o,
@@ -8256,67 +8284,67 @@ var Qr = {
 		showLabel: O,
 		tooltipText: P
 	}), /* @__PURE__ */ e.createElement("div", { className: `${X}__input-wrapper` }, /* @__PURE__ */ e.createElement("button", {
-		ref: Fe.setReference,
-		"aria-describedby": we ? `${l}__message` : null,
-		"aria-expanded": Pe,
+		ref: Ve.setReference,
+		"aria-describedby": De ? `${l}__message` : null,
+		"aria-expanded": Re,
 		"aria-haspopup": "dialog",
 		"aria-invalid": L === "error" ? !0 : null,
-		className: Z([`${X}__trigger`, Pe ? `${X}__trigger--open` : null]),
+		className: Z([`${X}__trigger`, Re ? `${X}__trigger--open` : null]),
 		disabled: o,
 		type: "button",
-		...Me()
+		...Pe()
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${X}__trigger-icon`,
 		iconName: "calendarDays"
-	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${X}__trigger-text`, Tt() ? `${X}__trigger-text--placeholder` : null]) }, wt()))), we && /* @__PURE__ */ e.createElement(dn, {
+	}), /* @__PURE__ */ e.createElement("span", { className: Z([`${X}__trigger-text`, Dt() ? `${X}__trigger-text--placeholder` : null]) }, Et()))), De && /* @__PURE__ */ e.createElement(dn, {
 		hasValidationMessage: !!I,
 		id: l,
-		message: we,
+		message: De,
 		validationStatus: L
-	}), Ne && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
-		ref: Fe.setFloating,
+	}), Fe && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
+		ref: Ve.setFloating,
 		className: `${X}__popover`,
 		style: {
-			...De,
-			zIndex: Ve
+			...Me,
+			zIndex: Ue
 		},
-		...ke()
-	}, H && /* @__PURE__ */ e.createElement("div", { className: Z([`${X}__presets`, se ? null : `${X}__presets--collapsed`]) }, /* @__PURE__ */ e.createElement("div", {
+		...Ne()
+	}, H && /* @__PURE__ */ e.createElement("div", { className: Z([`${X}__presets`, le ? null : `${X}__presets--collapsed`]) }, /* @__PURE__ */ e.createElement("div", {
 		"aria-label": V.presetsGroupLabel,
 		className: `${X}__preset-list`,
 		role: "group"
 	}, E?.map((t) => /* @__PURE__ */ e.createElement("button", {
 		key: t.label,
-		"aria-pressed": ie === t.label,
-		className: Z([`${X}__preset-item`, ie === t.label ? `${X}__preset-item--active` : null]),
-		onClick: () => ht(t),
+		"aria-pressed": ae === t.label,
+		className: Z([`${X}__preset-item`, ae === t.label ? `${X}__preset-item--active` : null]),
+		onClick: () => _t(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": de,
-		className: Z([`${X}__preset-item`, de ? `${X}__preset-item--active` : null]),
+		"aria-pressed": pe,
+		className: Z([`${X}__preset-item`, pe ? `${X}__preset-item--active` : null]),
 		onClick: () => {
-			ae(void 0), oe(!0);
+			oe(void 0), ce(!0);
 		},
 		type: "button"
-	}, V.customPresetLabel, !k && /* @__PURE__ */ e.createElement(Q, {
+	}, V.customPresetLabel, !W && /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleRight",
 		size: "xs"
-	})))), A && j && Te), /* @__PURE__ */ e.createElement("div", {
+	})))), A && j && ke), /* @__PURE__ */ e.createElement("div", {
 		"aria-atomic": "true",
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, Et()), H ? ce && /* @__PURE__ */ e.createElement("div", {
-		ref: ue,
-		className: `${X}__calendar-wrapper`,
-		style: { flexBasis: se ? le : 0 }
+	}, Ot()), H ? ue && /* @__PURE__ */ e.createElement("div", {
+		ref: fe,
+		className: Z([`${X}__calendar-wrapper`, U && !le ? `${X}__calendar-wrapper--collapsed` : null]),
+		style: U ? void 0 : { flexBasis: le ? de : 0 }
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: `${X}__calendar-wrapper-inner`,
-		style: { width: le }
-	}, Ot)) : Ot))));
-}, Bi = o(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, inputWidthMin: l, labelStrings: u = {
+		style: U ? void 0 : { width: de }
+	}, At)) : At))));
+}, Vi = o(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, inputWidthMin: l, labelStrings: u = {
 	chooseFile: "Choose file",
 	clearButton: "Clear selected file"
 }, message: f, multiple: p = !1, onClear: m, onFileChange: h, required: g = !1, showFullPath: v, showLabel: y = !0, size: b = "s", tooltipText: x = null, validationMessage: S, validationStatus: C, ...w }, T) => {
@@ -8400,7 +8428,7 @@ var Qr = {
 		validationMessageHasDecorators: !1,
 		validationStatus: C
 	}));
-}), Vi = ({ children: t, className: n, ...r }) => {
+}), Hi = ({ children: t, className: n, ...r }) => {
 	let i = "pds-input-group", a = [t[0], t[1]], o = t[0].props.id ?? null, s = t[0].props.message ?? null, c = t[0].props.validationMessage ?? null, l = t[0].props.validationStatus ?? null, u = c || s, d = u ? `${i}--has-message` : null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8417,7 +8445,7 @@ var Qr = {
 		validationMessageHasDecorators: !1,
 		validationStatus: l
 	}));
-}, Hi = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, inputWidthMin: s, label: c, labelVariant: l, message: u, onBlur: d, onChange: f, onValueChange: p, options: m, required: h = !1, showLabel: g = !0, tooltipText: v = null, validationMessage: y, validationStatus: b, value: x, ...S }) => {
+}, Ui = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, inputWidthMin: s, label: c, labelVariant: l, message: u, onBlur: d, onChange: f, onValueChange: p, options: m, required: h = !1, showLabel: g = !0, tooltipText: v = null, validationMessage: y, validationStatus: b, value: x, ...S }) => {
 	let C = "pds-radio-group", w = r ? $.disabled : null, T = h && !r ? $.required : null, E = b === "error" ? $.error : null, D = b === "success" ? $.success : null, O = x !== void 0, [k, A] = _(n === void 0 ? "" : n), j = y || u, M = (e) => {
 		O || A(e.target.value), f && f(e), p && p(e.target.value);
 	}, N = (e) => {
@@ -8467,7 +8495,7 @@ var Qr = {
 		message: j,
 		validationStatus: b
 	}));
-}, Ui = o(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, inputWidthMin: c, label: l, message: u, offLabel: d = "Off", onChange: f, onLabel: p = "On", required: m = !1, showLabel: h = !0, showStatusLabel: g = !0, statusLabelPlacement: v = "right", switchPlacement: y = "right", ...b }, x) => {
+}, Wi = o(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, inputWidthMin: c, label: l, message: u, offLabel: d = "Off", onChange: f, onLabel: p = "On", required: m = !1, showLabel: h = !0, showStatusLabel: g = !0, statusLabelPlacement: v = "right", switchPlacement: y = "right", ...b }, x) => {
 	let S = sn(s, c), C = "pds-switch", w = `${C}--${y}`, T = u ? `${C}--message` : null, E = i ? $.disabled : null, D = m && !i ? $.required : null, O = t !== void 0, [k, A] = _(!O && r ? r : !1), j = t || k ? p : d, M = (e) => {
 		O || A(e.target.checked), f && f(e);
 	}, N = g ? /* @__PURE__ */ e.createElement("span", {
@@ -8522,7 +8550,7 @@ var Qr = {
 		required: m,
 		showLabel: h
 	}), /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, I, F));
-}), Wi = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: l, onFocusInput: u, onKeyboardMove: f, onRemove: p, setFocusedIndex: m, tag: h, totalTags: _, translationStrings: v }) => {
+}), Gi = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: l, onFocusInput: u, onKeyboardMove: f, onRemove: p, setFocusedIndex: m, tag: h, totalTags: _, translationStrings: v }) => {
 	let y = g(null), b = "pds-tags-input__tag";
 	d(() => {
 		r === i && y.current && y.current.focus();
@@ -8589,7 +8617,7 @@ var Qr = {
 		iconName: "xmark",
 		size: "xs"
 	})));
-}, Gi = o(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a, inputWidth: o, inputWidthMin: s, isSortable: c = !1, label: l, message: u, onChange: d, placeholder: f, required: p = !1, showLabel: m = !0, size: h = "s", tags: v, tooltipText: y = null, translationStrings: b = {
+}, Ki = o(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a, inputWidth: o, inputWidthMin: s, isSortable: c = !1, label: l, message: u, onChange: d, placeholder: f, required: p = !1, showLabel: m = !0, size: h = "s", tags: v, tooltipText: y = null, translationStrings: b = {
 	inputInstructions: "Type a tag name and press Enter to add. Press Backspace on empty input to remove last tag. Press left arrow on empty input to navigate to tags.",
 	tagAriaLabel: "tag {index} of {total}. Press Shift plus arrow keys to reorder, Delete to remove.",
 	tagAriaLabelSimple: "tag {index} of {total}. Press Delete to remove.",
@@ -8602,11 +8630,11 @@ var Qr = {
 		d(e);
 	}, te = (e) => {
 		I(e);
-	}, ne = () => {
+	}, J = () => {
 		I(null), R(null), ee(null);
-	}, re = (e, t) => {
+	}, ne = (e, t) => {
 		F === null || F === e || (R(e), ee(t));
-	}, J = (e) => {
+	}, re = (e) => {
 		if (e.preventDefault(), F === null || L === null || z === null) return;
 		let t = v.findIndex((e) => e.id === F), n = v.findIndex((e) => e.id === L);
 		if (t === -1 || n === -1) return;
@@ -8615,10 +8643,10 @@ var Qr = {
 	}, ie = (e, t) => {
 		let n = [...v], [r] = n.splice(e, 1);
 		n.splice(t, 0, r), K(`${r.value} moved to position ${t + 1} of ${v.length}`), q(n);
-	}, ae = (e) => {
+	}, Y = (e) => {
 		let t = v.find((t) => t.id === e);
 		q(v.filter((t) => t.id !== e)), t && K(`${t.value} removed`);
-	}, Y = () => {
+	}, ae = () => {
 		V(null), setTimeout(() => {
 			W.current?.focus();
 		}, 0);
@@ -8668,26 +8696,26 @@ var Qr = {
 		"aria-label": b.tagsListLabel,
 		className: `${E}__tags`,
 		onDragOver: c ? (e) => e.preventDefault() : void 0,
-		onDrop: c ? J : void 0,
+		onDrop: c ? re : void 0,
 		role: "list"
 	}, v.map((t, n) => {
 		let i = null;
 		return F && F !== t.id && (L === t.id && z === "before" ? i = "before" : L === t.id && z === "after" && n === v.length - 1 ? i = "after" : n > 0 && L === v[n - 1].id && z === "after" && (i = "before")), /* @__PURE__ */ e.createElement("div", {
 			key: t.id,
 			role: "listitem"
-		}, /* @__PURE__ */ e.createElement(Wi, {
+		}, /* @__PURE__ */ e.createElement(Gi, {
 			disabled: r,
 			dropTargetDirection: i,
 			focusedIndex: B,
 			index: n,
 			isDragging: F === t.id,
 			isSortable: c,
-			onDragEnd: ne,
-			onDragOver: re,
+			onDragEnd: J,
+			onDragOver: ne,
 			onDragStart: te,
-			onFocusInput: Y,
+			onFocusInput: ae,
 			onKeyboardMove: ie,
-			onRemove: ae,
+			onRemove: Y,
 			setFocusedIndex: V,
 			tag: t,
 			totalTags: v.length,
@@ -8719,7 +8747,7 @@ var Qr = {
 		validationMessageHasDecorators: !1,
 		validationStatus: S
 	}));
-}), Ki = o(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, inputWidthMin: s, isResizable: c = !0, label: l, message: u, onBlur: d, onChange: f, onFocus: p, placeholder: m, readonly: h = !1, required: g = !1, rows: v = 5, showLabel: y, size: b = "s", textareaProps: x, tooltipText: S = null, translationStrings: C = {
+}), qi = o(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, inputWidthMin: s, isResizable: c = !0, label: l, message: u, onBlur: d, onChange: f, onFocus: p, placeholder: m, readonly: h = !1, required: g = !1, rows: v = 5, showLabel: y, size: b = "s", textareaProps: x, tooltipText: S = null, translationStrings: C = {
 	clearButton: "Clear input text",
 	counterOverLimit: "Character limit exceeded by",
 	searchShortcut: "Press / to focus the search field",
@@ -8786,7 +8814,7 @@ var Qr = {
 		message: R,
 		validationStatus: T
 	}));
-}), qi = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), Ji = o(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, inputWidthMin: f, label: p, message: m, onBlur: h, onChange: g, onClear: v, onFocus: y, placeholder: b, readonly: x = !1, required: S = !1, searchIcon: C = "search", showLabel: w = !0, showVisibilityToggle: T = !1, size: E = "s", tooltipText: D = null, translationStrings: O = {
+}), Ji = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), Yi = o(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, inputWidthMin: f, label: p, message: m, onBlur: h, onChange: g, onClear: v, onFocus: y, placeholder: b, readonly: x = !1, required: S = !1, searchIcon: C = "search", showLabel: w = !0, showVisibilityToggle: T = !1, size: E = "s", tooltipText: D = null, translationStrings: O = {
 	clearButton: "Clear input text",
 	counterOverLimit: "Character limit exceeded by",
 	searchShortcut: "Press / to focus the search field",
@@ -8796,10 +8824,10 @@ var Qr = {
 }, type: k = "text", validationMessage: A, validationStatus: j, value: M, ...N }, P) => {
 	let F = sn(d, f), I = "pds-text-input", L = a ? $.disabled : null, R = S && !a ? $.required : null, z = j === "error" ? $.error : null, ee = j === "success" ? $.success : null, B = x ? $.readonly : null, V = E === "s" ? null : `${I}--${E}`, H = c && k === "url" ? `${I}--has-url-prefix` : null, U = null;
 	k === "search" && (U = "search"), k === "search" && C === "filter" && (U = "filter"), j === "error" && (U = "error"), j === "success" && (U = "success");
-	let W = A || m, G = M !== void 0, [K, q] = _(i === void 0 ? "" : i), te = M || K, ne = s && k === "search" && !te, re = (e) => {
+	let W = A || m, G = M !== void 0, [K, q] = _(i === void 0 ? "" : i), te = M || K, J = s && k === "search" && !te, ne = (e) => {
 		x && e.preventDefault();
-	}, J = (e) => {
-		if (T && Y && oe(!1), c && k === "url") {
+	}, re = (e) => {
+		if (T && ae && oe(!1), c && k === "url") {
 			let t = cn(e.target.value), n = {
 				...e,
 				target: {
@@ -8820,16 +8848,16 @@ var Qr = {
 			};
 			G || q(t), g && g(n);
 		} else G || q(e.target.value), g && g(e);
-	}, ae = () => {
+	}, Y = () => {
 		G || q(""), v && v();
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, [Y, oe] = _(!1), se = () => {
+	}, [ae, oe] = _(!1), se = () => {
 		oe((e) => !e);
 		let e = document.getElementById(l);
 		e && e.focus();
 	}, ce = k;
-	return T && k === "password" && (ce = Y ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
+	return T && k === "password" && (ce = ae ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
 			I,
@@ -8854,11 +8882,11 @@ var Qr = {
 	}), T && k === "password" && /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, `${O.visibilityStatus} ${Y ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: Z([
+	}, `${O.visibilityStatus} ${ae ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: Z([
 		`${I}__input-wrapper`,
 		c && k === "url" ? `${I}__input-wrapper--has-prefix` : null,
-		ne ? `${I}__input-wrapper--has-search-shortcut` : null
-	]) }, U && /* @__PURE__ */ e.createElement(pn, { variant: U }), c && k === "url" && /* @__PURE__ */ e.createElement(qi, null), /* @__PURE__ */ e.createElement("input", {
+		J ? `${I}__input-wrapper--has-search-shortcut` : null
+	]) }, U && /* @__PURE__ */ e.createElement(pn, { variant: U }), c && k === "url" && /* @__PURE__ */ e.createElement(Ji, null), /* @__PURE__ */ e.createElement("input", {
 		ref: P,
 		"aria-describedby": W ? `${l}__message` : null,
 		"aria-invalid": j === "error" ? !0 : null,
@@ -8867,10 +8895,10 @@ var Qr = {
 		disabled: a,
 		id: l,
 		name: l,
-		onBlur: J,
+		onBlur: re,
 		onChange: ie,
 		onFocus: y,
-		onMouseDown: re,
+		onMouseDown: ne,
 		placeholder: b,
 		readOnly: x,
 		required: S,
@@ -8879,19 +8907,19 @@ var Qr = {
 		...u
 	}), o && te && /* @__PURE__ */ e.createElement(hn, {
 		clearLabel: O.clearButton,
-		handleClearInput: ae,
+		handleClearInput: Y,
 		id: l
 	}), T && k === "password" && /* @__PURE__ */ e.createElement("button", {
 		"aria-controls": l,
 		className: `${I}__visibility-toggle`,
 		onClick: se,
 		onMouseDown: (e) => e.preventDefault(),
-		title: Y ? O.visibilityToggleHide : O.visibilityToggleShow,
+		title: ae ? O.visibilityToggleHide : O.visibilityToggleShow,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		iconName: Y ? "eyeSlash" : "eye",
+		iconName: ae ? "eyeSlash" : "eye",
 		size: "m"
-	})), ne && /* @__PURE__ */ e.createElement(mn, {
+	})), J && /* @__PURE__ */ e.createElement(mn, {
 		inputId: l,
 		shortcutLabel: O.searchShortcut
 	}), r && k !== "password" && /* @__PURE__ */ e.createElement(gn, {
@@ -8906,7 +8934,7 @@ var Qr = {
 		validationMessageHasDecorators: !1,
 		validationStatus: j
 	}));
-}), Yi = ({ className: t, linkContent: n, size: i = "s", ...a }) => {
+}), Xi = ({ className: t, linkContent: n, size: i = "s", ...a }) => {
 	let o = "pds-cta-link", c = i === "s" ? null : `${o}--${i}`, l = /* @__PURE__ */ e.createElement(Q, {
 		className: `${o}__icon`,
 		iconName: "arrowRight",
@@ -8920,7 +8948,7 @@ var Qr = {
 		]),
 		...a
 	}, u);
-}, Xi = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
+}, Zi = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
 	let c = "pds-link-new-window", l = r ? `${c}--${r}` : null;
 	return i ? /* @__PURE__ */ e.createElement("span", {
 		"aria-hidden": "true",
@@ -8947,11 +8975,11 @@ var Qr = {
 		className: `${c}__icon`,
 		iconName: "externalLink"
 	}));
-}, Zi = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
+}, Qi = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
 	className: Z(["pds-skiplink", t]),
 	href: `#${n}`,
 	...i
-}, r), Qi = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
+}, r), $i = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
 	let c = "pds-picture";
 	return /* @__PURE__ */ e.createElement("picture", { className: Z([c, n ?? ""]) }, /* @__PURE__ */ e.createElement("source", {
 		srcSet: a,
@@ -8964,7 +8992,7 @@ var Qr = {
 		width: o,
 		...s
 	}));
-}, $i = ({ children: t, className: n, menuAriaLabel: r, menuItems: i, variant: a = "dropdown", ...o }) => {
+}, ea = ({ 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 = f(), u = g(null);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8991,7 +9019,7 @@ var Qr = {
 		size: "s",
 		variant: "subtle"
 	})));
-}, ea = (e, t = {}) => {
+}, ta = (e, t = {}) => {
 	let { getRemoveCriticalLabel: n = (e) => `Remove ${e.title}`, removeLabel: r = "Remove", renameLabel: i = "Rename" } = t, a = [];
 	return e.onRename && a.push({
 		callback: e.onRename,
@@ -9004,11 +9032,11 @@ var Qr = {
 		isCritical: !0,
 		label: r
 	}), a;
-}, ta = ({ text: t }) => /* @__PURE__ */ e.createElement("div", { className: "pds-bookmarks-empty-state" }, /* @__PURE__ */ e.createElement(Q, {
+}, na = ({ text: t }) => /* @__PURE__ */ e.createElement("div", { className: "pds-bookmarks-empty-state" }, /* @__PURE__ */ e.createElement(Q, {
 	className: "pds-bookmarks-empty-state__icon",
 	iconName: "bookmark",
 	size: "2xl"
-}), /* @__PURE__ */ e.createElement("p", { className: "pds-bookmarks-empty-state__text" }, t)), na = "Bookmark pages you visit often for quick access. Use the bookmark icon in the top bar to save your first one.", ra = ({ ariaLabel: t = "Bookmarks", bookmarks: n = [], className: r, createLabel: i = "Create", getMenuAriaLabel: a = (e) => `Actions for ${e.title}`, getRemoveCriticalLabel: o, heading: s = "Bookmarks", isBookmarked: c = !1, isMobileAccordion: l = !1, maxHeightValue: u, noResultsText: d = na, onCreateBookmark: f, removeLabel: p, renameLabel: m, ...h }) => {
+}), /* @__PURE__ */ e.createElement("p", { className: "pds-bookmarks-empty-state__text" }, t)), ra = "Bookmark pages you visit often for quick access. Use the bookmark icon in the top bar to save your first one.", ia = ({ ariaLabel: t = "Bookmarks", bookmarks: n = [], className: r, createLabel: i = "Create", getMenuAriaLabel: a = (e) => `Actions for ${e.title}`, getRemoveCriticalLabel: o, heading: s = "Bookmarks", isBookmarked: c = !1, isMobileAccordion: l = !1, maxHeightValue: u, noResultsText: d = ra, onCreateBookmark: f, removeLabel: p, renameLabel: m, ...h }) => {
 	let g = "pds-bookmarks-menu", _ = Qt(), v = l && _, y = f && /* @__PURE__ */ e.createElement(An, {
 		displayType: "icon-start",
 		iconName: "plus",
@@ -9023,7 +9051,7 @@ var Qr = {
 	}, v ? /* @__PURE__ */ e.createElement(Rn, { label: /* @__PURE__ */ e.createElement("span", { className: `${g}__mobile-label` }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: c ? "bookmarkSolid" : "bookmark",
 		size: "m"
-	}), s) }, n.length === 0 ? /* @__PURE__ */ e.createElement(ta, { text: d }) : /* @__PURE__ */ e.createElement("ul", {
+	}), s) }, n.length === 0 ? /* @__PURE__ */ e.createElement(na, { text: d }) : /* @__PURE__ */ e.createElement("ul", {
 		className: `${g}__mobile-list`,
 		role: "menu"
 	}, n.map((t) => {
@@ -9031,9 +9059,9 @@ var Qr = {
 		return /* @__PURE__ */ e.createElement("li", {
 			key: t.id ?? t.title,
 			className: `${g}__mobile-item`
-		}, /* @__PURE__ */ e.createElement($i, {
+		}, /* @__PURE__ */ e.createElement(ea, {
 			menuAriaLabel: a(t),
-			menuItems: ea(t, {
+			menuItems: ta(t, {
 				getRemoveCriticalLabel: o,
 				removeLabel: p,
 				renameLabel: m
@@ -9053,13 +9081,13 @@ var Qr = {
 	}, /* @__PURE__ */ e.createElement($n.Trigger, { "aria-label": t }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: c ? "bookmarkSolid" : "bookmark",
 		size: "m"
-	})), /* @__PURE__ */ e.createElement($n.Panel, { className: `${g}__panel` }, /* @__PURE__ */ e.createElement($n.Heading, { className: `${g}__header` }, s, y), n.length === 0 ? /* @__PURE__ */ e.createElement($n.Heading, { className: `${g}__empty` }, /* @__PURE__ */ e.createElement(ta, { text: d })) : n.map((t, n) => /* @__PURE__ */ e.createElement($n.ActionItem, {
+	})), /* @__PURE__ */ e.createElement($n.Panel, { className: `${g}__panel` }, /* @__PURE__ */ e.createElement($n.Heading, { className: `${g}__header` }, s, y), n.length === 0 ? /* @__PURE__ */ e.createElement($n.Heading, { className: `${g}__empty` }, /* @__PURE__ */ e.createElement(na, { text: d })) : n.map((t, n) => /* @__PURE__ */ e.createElement($n.ActionItem, {
 		key: t.id ?? t.title,
 		description: t.subtitle && /* @__PURE__ */ e.createElement("span", { title: t.subtitle }, t.subtitle),
 		index: n,
 		linkContent: t.linkContent,
 		menuAriaLabel: a(t),
-		menuItems: ea(t, {
+		menuItems: ta(t, {
 			getRemoveCriticalLabel: o,
 			removeLabel: p,
 			renameLabel: m
@@ -9068,7 +9096,7 @@ var Qr = {
 		className: `${g}__item-title`,
 		title: t.title
 	}, t.title))))));
-}, ia = ({ ariaLabel: t = "Breadcrumb", className: n, crumbs: i, ...a }) => {
+}, aa = ({ ariaLabel: t = "Breadcrumb", className: n, crumbs: i, ...a }) => {
 	let o = "pds-breadcrumb", c = i.length, l = i.map((t, n) => {
 		if (n < c - 1) return /* @__PURE__ */ e.createElement("li", {
 			key: n,
@@ -9087,23 +9115,23 @@ var Qr = {
 		className: Z([o, n]),
 		...a
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${o}__crumbs` }, l));
-}, aa = (e) => {
+}, oa = (e) => {
 	if (!e) return null;
 	for (let t = 0; t < e.length; t++) {
-		if (sa(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
+		if (ca(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
 		if (e[t].links) {
-			let n = aa(e[t].links);
+			let n = oa(e[t].links);
 			if (n) return n;
 		}
 	}
 	return null;
-}, oa = (e) => typeof e == "string" ? e : e.props.children, sa = (e) => e.isSeparator || e.isHeading || typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), ca = (e) => {
-	if (sa(e)) return !0;
+}, sa = (e) => typeof e == "string" ? e : e.props.children, ca = (e) => e.isSeparator || e.isHeading || typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), la = (e) => {
+	if (ca(e)) return !0;
 	if (e.links) {
-		for (let t = 0; t < e.links.length; t++) if (ca(e.links[t])) return !0;
+		for (let t = 0; t < e.links.length; t++) if (la(e.links[t])) return !0;
 	}
 	return !1;
-}, la = (e) => e.map((e) => `${sa(e)}${e.links ? `[${la(e.links)}]` : ""}`).join("|"), ua = (e) => {
+}, ua = (e) => e.map((e) => `${ca(e)}${e.links ? `[${ua(e.links)}]` : ""}`).join("|"), da = (e) => {
 	if (s(e)) {
 		let t = e.type;
 		if (t === "a" || typeof t == "string" && t.toLowerCase() === "a" || (typeof t == "function" || typeof t == "object") && t?.displayName === "Link") return !0;
@@ -9111,14 +9139,14 @@ var Qr = {
 		return n.to !== void 0 || n.href !== void 0;
 	}
 	return !1;
-}, da = (e, t) => {
+}, fa = (e, t) => {
 	let n = null;
 	if (typeof e == "string" && t) {
 		let i = t ? t[0].linkContent : null;
 		s(i) && (n = r(i, { ...typeof e == "string" ? { children: e } : {} }));
 	} else n = e;
 	return n;
-}, fa = (t, n, i, a) => {
+}, pa = (t, n, i, a) => {
 	let o = null;
 	if (typeof n == "string") {
 		let c = a ? [/* @__PURE__ */ e.createElement("span", {
@@ -9143,8 +9171,8 @@ var Qr = {
 		iconName: a,
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, n.props.children))] })) : n), o;
-}, pa = ({ className: t, headingText: n, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
-	let s = "pds-dropdown-menu", c = aa(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(lr, { className: `pds-dropdown__selected-icon ${s}__active-icon` }), { activeIndex: d, floatingStyles: f, getFloatingProps: p, getItemProps: m, getReferenceProps: h, isMounted: g, listRef: _, refs: v, setIsOpen: y, transitionStyles: b } = Ln({
+}, ma = ({ className: t, headingText: n, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
+	let s = "pds-dropdown-menu", c = oa(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(lr, { className: `pds-dropdown__selected-icon ${s}__active-icon` }), { activeIndex: d, floatingStyles: f, getFloatingProps: p, getItemProps: m, getReferenceProps: h, isMounted: g, listRef: _, refs: v, setIsOpen: y, transitionStyles: b } = Ln({
 		enableTypeahead: !0,
 		matchReferenceWidth: !0,
 		role: "menu"
@@ -9153,7 +9181,7 @@ var Qr = {
 	}, w = (e) => {
 		e.key === "Enter" && _.current[d]?.querySelector("a")?.click();
 	}, T = ({ item: e, level: t }) => {
-		let n = da(e.linkContent, e.links);
+		let n = fa(e.linkContent, e.links);
 		return {
 			...e,
 			level: t,
@@ -9244,7 +9272,7 @@ var Qr = {
 		tabIndex: d === n ? 0 : -1,
 		...m({ onKeyDown: w })
 	}, t.linkContent, t.isActive === !0 && u)))));
-}, ma = ({ ariaLabel: t, className: n, hasBorder: r = !1, hasMobileDropdown: i = !1, menuItems: a, ...o }) => {
+}, ha = ({ ariaLabel: t, className: n, hasBorder: r = !1, hasMobileDropdown: i = !1, menuItems: a, ...o }) => {
 	let s = g(null), c = "pds-button-nav", l = r ? `${c}--bordered` : null, u = i ? `${c}--has-mobile-dropdown` : null;
 	d(() => {
 		let e = (e) => {
@@ -9263,9 +9291,9 @@ var Qr = {
 		return /* @__PURE__ */ e.createElement("li", { className: Z([r, t ? `${r}--active` : null]) }, n);
 	}, p = a.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${c}__menu` }, a.map((t, n) => /* @__PURE__ */ e.createElement(f, {
 		key: n,
-		isActive: ca(t),
+		isActive: la(t),
 		linkContent: t.linkContent
-	}))) : null, m = /* @__PURE__ */ e.createElement(pa, {
+	}))) : null, m = /* @__PURE__ */ e.createElement(ma, {
 		className: `${c}__mobile`,
 		menuItems: a,
 		selectTextFallback: t
@@ -9281,7 +9309,7 @@ var Qr = {
 		]),
 		...o
 	}, p, i && m);
-}, ha = ({ children: t, className: n, width: r = "standard", ...i }) => {
+}, ga = ({ children: t, className: n, width: r = "standard", ...i }) => {
 	let a = "pds-container", o = r === "standard" ? null : `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -9291,7 +9319,7 @@ var Qr = {
 		]),
 		...i
 	}, t);
-}, ga = (e) => e === "m" ? void 0 : { columnGap: e === "none" ? "0" : `var(--pds-spacing-${e})` }, _a = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, itemsCenterGap: s = "m", itemsLeftGap: c = "m", itemsRightGap: l = "m", translationStrings: u = {
+}, _a = (e) => e === "m" ? void 0 : { columnGap: e === "none" ? "0" : `var(--pds-spacing-${e})` }, va = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, itemsCenterGap: s = "m", itemsLeftGap: c = "m", itemsRightGap: l = "m", translationStrings: u = {
 	closeMobileNav: "Close navigation area",
 	openMobileNav: "Open navigation area"
 }, ...f }) => {
@@ -9347,7 +9375,7 @@ var Qr = {
 			n ?? ""
 		]),
 		...f
-	}, h ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${y}__bar-mobile` }, /* @__PURE__ */ e.createElement(ha, null, /* @__PURE__ */ e.createElement("div", { className: `${y}__inner-mobile` }, E, M && N))), /* @__PURE__ */ e.createElement(zn.Provider, { value: !0 }, /* @__PURE__ */ e.createElement(Ue, {
+	}, h ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${y}__bar-mobile` }, /* @__PURE__ */ e.createElement(ga, null, /* @__PURE__ */ e.createElement("div", { className: `${y}__inner-mobile` }, E, M && N))), /* @__PURE__ */ e.createElement(zn.Provider, { value: !0 }, /* @__PURE__ */ e.createElement(Ue, {
 		active: p,
 		focusTrapOptions: {
 			clickOutsideDeactivates: !0,
@@ -9357,11 +9385,11 @@ var Qr = {
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([`${y}__mobile`, p ? `${y}__mobile--open` : null]),
 		inert: p ? void 0 : ""
-	}, /* @__PURE__ */ e.createElement(ha, null, /* @__PURE__ */ e.createElement("button", {
+	}, /* @__PURE__ */ e.createElement(ga, null, /* @__PURE__ */ e.createElement("button", {
 		className: "visually-hidden",
 		onClick: C,
 		type: "button"
-	}, u.closeMobileNav), D, O, k))))) : /* @__PURE__ */ e.createElement(ha, {
+	}, u.closeMobileNav), D, O, k))))) : /* @__PURE__ */ e.createElement(ga, {
 		className: `${y}__inner`,
 		style: o ? { paddingInline: o } : void 0,
 		width: i
@@ -9370,22 +9398,22 @@ var Qr = {
 		className: `${y}__separator`
 	}), D && /* @__PURE__ */ e.createElement("div", {
 		className: `${y}__items-left`,
-		style: ga(c)
+		style: _a(c)
 	}, D)), O && /* @__PURE__ */ e.createElement("div", {
 		className: `${y}__items-center`,
-		style: ga(s)
+		style: _a(s)
 	}, O), k && /* @__PURE__ */ e.createElement("div", {
 		className: `${y}__items-right`,
-		style: ga(l)
+		style: _a(l)
 	}, k)));
-}, va = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
+}, ya = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
 	submenu: "submenu",
 	toggle: "Toggle"
 }, menuItems: c, mobileMenuSelectTextFallback: l = "Navigate to...", ...u }) => {
 	let f = "pds-side-nav", p = i ? `${f}--has-mobile-dropdown` : null, m = `${f}__item`, h = `${f}__menu`, [g, v] = _({});
 	d(() => {
 		v((e) => Object.keys(e).length ? {} : e);
-	}, [la(c)]);
+	}, [ua(c)]);
 	let y = (e, t) => t in g ? g[t] : e, b = (e, t) => {
 		v((n) => {
 			let r = t in n ? n[t] : e;
@@ -9395,7 +9423,7 @@ var Qr = {
 			};
 		});
 	}, x = (t, n) => {
-		let { linkContent: i, links: a } = t, c = ca(t), l = ua(i), u = y(c, n);
+		let { linkContent: i, links: a } = t, c = la(t), l = da(i), u = y(c, n);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: n,
 			className: Z([
@@ -9408,7 +9436,7 @@ var Qr = {
 			`${f}__row`,
 			`${f}__row--expandable`,
 			`${m}-wrapper`
-		]) }, da(i, a), /* @__PURE__ */ e.createElement("button", {
+		]) }, fa(i, a), /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
 			className: Z([`${f}__toggle`, u ? `${f}__toggle--expanded` : null]),
 			onClick: () => b(c, n),
@@ -9416,7 +9444,7 @@ var Qr = {
 		}, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			size: "m"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${oa(i)} ${o.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${sa(i)} ${o.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			h,
 			`${h}--second-level`,
 			u ? `${h}--expanded` : null
@@ -9425,9 +9453,9 @@ var Qr = {
 			className: Z([
 				m,
 				`${m}--second-level`,
-				ca(t) ? `${m}--active` : null
+				la(t) ? `${m}--active` : null
 			])
-		}, da(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		}, fa(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 			"aria-expanded": u,
 			className: Z([
 				`${f}__row`,
@@ -9441,7 +9469,7 @@ var Qr = {
 		}, s(i) && i.type === "span" ? r(i, { className: Z([i.props.className, `${f}__toggle-content`]) }) : /* @__PURE__ */ e.createElement("span", { className: `${f}__toggle-content` }, i), /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleDown",
 			size: "m"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${oa(i)} ${o.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${sa(i)} ${o.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
 			h,
 			`${h}--second-level`,
 			u ? `${h}--expanded` : null
@@ -9450,10 +9478,10 @@ var Qr = {
 			className: Z([
 				m,
 				`${m}--second-level`,
-				ca(t) ? `${m}--active` : null
+				la(t) ? `${m}--active` : null
 			])
-		}, da(t.linkContent, t.links))))) : i);
-	}, S = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, c.map((e, t) => x(e, t)))), C = /* @__PURE__ */ e.createElement(pa, {
+		}, fa(t.linkContent, t.links))))) : i);
+	}, S = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, c.map((e, t) => x(e, t)))), C = /* @__PURE__ */ e.createElement(ma, {
 		className: `${f}__mobile`,
 		headingText: a,
 		menuItems: c,
@@ -9468,19 +9496,8 @@ var Qr = {
 		]),
 		...u
 	}, S, i && C);
-}, ya = () => {
-	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = _(e ? t(window.innerWidth) : "lg");
-	return d(() => {
-		if (!e) return;
-		let n = () => {
-			r(t(window.innerWidth));
-		};
-		return n(), window.addEventListener("resize", n), () => {
-			window.removeEventListener("resize", n);
-		};
-	}, [e]), n;
 }, ba = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
-	let u = "pds-side-nav-global", f = `${u}__item`, p = `${u}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, fa(u, o, s, t)), h = (t, n, i = !1) => /* @__PURE__ */ e.createElement("ul", { className: Z([
+	let u = "pds-side-nav-global", f = `${u}__item`, p = `${u}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, pa(u, o, s, t)), h = (t, n, i = !1) => /* @__PURE__ */ e.createElement("ul", { className: Z([
 		p,
 		`${p}--${n}`,
 		r ? `${p}--expanded` : null
@@ -9492,7 +9509,7 @@ var Qr = {
 		className: Z([
 			f,
 			`${f}--${n}`,
-			ca(t) ? `${f}--active` : null
+			la(t) ? `${f}--active` : null
 		]),
 		role: i ? "menuitem" : void 0,
 		tabIndex: i ? b === r ? 0 : -1 : void 0,
@@ -9548,7 +9565,7 @@ var Qr = {
 		(S.current[e]?.querySelector("a"))?.click(), y(!1);
 	}, G = (e, t) => {
 		e.key === "Enter" && (e.preventDefault(), W(t));
-	}, K = ya() === "sm", q = (e) => {
+	}, K = yi() === "sm", q = (e) => {
 		if (!(!i || !s) && e.nativeEvent.pointerType === "touch") {
 			if (K) {
 				e.preventDefault(), e.stopPropagation(), y(!0);
@@ -9561,7 +9578,7 @@ var Qr = {
 		className: `${u}__flyout`,
 		style: M,
 		...L({ onKeyDown: I })
-	}, /* @__PURE__ */ e.createElement("div", { className: `${u}__flyout-heading` }, oa(o)), h(s, "second-level-flyout", !0)));
+	}, /* @__PURE__ */ e.createElement("div", { className: `${u}__flyout-heading` }, sa(o)), h(s, "second-level-flyout", !0)));
 	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("li", {
 		ref: i ? F.setReference : null,
 		className: Z([
@@ -9575,7 +9592,7 @@ var Qr = {
 			onClick: q,
 			onKeyDown: U
 		})
-	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, fa(u, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
+	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, pa(u, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": r,
 		className: Z([`${u}__toggle`, r ? `${u}__toggle--expanded` : null]),
 		onClick: l,
@@ -9583,9 +9600,9 @@ var Qr = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleDown",
 		size: "m"
-	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${oa(o)} ${a.submenu}`))), !i && h(s, "second-level")) : /* @__PURE__ */ e.createElement(e.Fragment, null, i ? /* @__PURE__ */ e.createElement(on, {
+	}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${sa(o)} ${a.submenu}`))), !i && h(s, "second-level")) : /* @__PURE__ */ e.createElement(e.Fragment, null, i ? /* @__PURE__ */ e.createElement(on, {
 		disableTapTrigger: !0,
-		content: oa(o),
+		content: sa(o),
 		customTrigger: m,
 		offsetValue: {
 			mainAxis: 8,
@@ -9600,7 +9617,7 @@ var Qr = {
 	let c = "pds-side-nav-global", l = r ? `${c}--collapsed` : `${c}--expanded`, [u, f] = _({});
 	d(() => {
 		f((e) => Object.keys(e).length ? {} : e);
-	}, [la(a)]);
+	}, [ua(a)]);
 	let p = (e, t) => t in u ? u[t] : e, m = (e, t) => {
 		f((n) => {
 			let r = t in n ? n[t] : e;
@@ -9621,7 +9638,7 @@ var Qr = {
 			className: `${c}__section-label`,
 			role: "presentation"
 		}, t.label);
-		let a = ca(t);
+		let a = la(t);
 		return /* @__PURE__ */ e.createElement(ba, {
 			key: n,
 			icon: t.icon,
@@ -9754,17 +9771,17 @@ var Qr = {
 		role: "listbox"
 	}), O = Vn("var(--pds-z-index-dropdown)"), k = (e) => {
 		e.preventDefault(), e.key === "Enter" && w.current[m].querySelector("a")?.click(), e.key === "Tab" && e.shiftKey && l && document.getElementById("links-filter").focus();
-	}, A = (e, t) => oa(e.linkContent).toLowerCase().includes(t.toLowerCase()), j = h(() => i.filter((e) => A(e, s)), [s, i]), M = (e) => {
+	}, A = (e, t) => sa(e.linkContent).toLowerCase().includes(t.toLowerCase()), j = h(() => i.filter((e) => A(e, s)), [s, i]), M = (e) => {
 		c(e.target.value);
 	}, N = () => {
 		c("");
 	}, P = {
 		minWidth: "13rem",
-		width: `${oa(i.reduce((e, t) => oa(e.linkContent).length > oa(t.linkContent).length ? e : t).linkContent).length + 2}ch`
+		width: `${sa(i.reduce((e, t) => sa(e.linkContent).length > sa(t.linkContent).length ? e : t).linkContent).length + 2}ch`
 	}, F = /* @__PURE__ */ e.createElement(Q, {
 		className: `${u}__active-icon`,
 		iconName: "check"
-	}), I = l && /* @__PURE__ */ e.createElement("div", { className: `${u}__filter` }, /* @__PURE__ */ e.createElement(Ji, {
+	}), I = l && /* @__PURE__ */ e.createElement("div", { className: `${u}__filter` }, /* @__PURE__ */ e.createElement(Yi, {
 		hasClearButton: !0,
 		autoComplete: "off",
 		id: "links-filter",
@@ -9820,7 +9837,7 @@ var Qr = {
 		return r.observe(e), () => r.disconnect();
 	}, [i]);
 	let u = ({ dropdownSettings: t, icon: n, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
-		let u = `${o}__item`, d = aa(c);
+		let u = `${o}__item`, d = oa(c);
 		return /* @__PURE__ */ e.createElement("li", { className: Z([u, i ? `${u}--active` : null]) }, ((t, n) => {
 			let i = null;
 			return s(t) && (i = n ? r(t, Object.assign({}, t.props, { children: [/* @__PURE__ */ e.createElement("span", {
@@ -9846,7 +9863,7 @@ var Qr = {
 		key: n,
 		dropdownSettings: t.dropdownSettings,
 		icon: t.icon,
-		isActive: ca(t),
+		isActive: la(t),
 		linkContent: t.linkContent,
 		links: t.links,
 		promoteActiveChildLink: t.promoteActiveChildLink
@@ -9974,7 +9991,7 @@ var Qr = {
 			t !== -1 && (f(!0), y.current = t);
 		}
 	}, M = (t, n, r) => {
-		let a = Ea[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, { isExpanded: f, itemIndex: p } = S(n, ca(n));
+		let a = Ea[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, { isExpanded: f, itemIndex: p } = S(n, la(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]),
@@ -9984,7 +10001,7 @@ var Qr = {
 			iconName: "angleDown",
 			size: "xs",
 			verticalAlign: "-0.0625rem"
-		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${oa(n.linkContent)} ${i.submenu}`)), da(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
+		}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${sa(n.linkContent)} ${i.submenu}`)), fa(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
 			className: Z([
 				l,
 				o,
@@ -9992,7 +10009,7 @@ var Qr = {
 			]),
 			role: "group"
 		}, n.links.map((t, n) => {
-			let r = ca(t), { isExpanded: i } = S(t, r);
+			let r = la(t), { isExpanded: i } = S(t, r);
 			return /* @__PURE__ */ e.createElement("li", {
 				key: `${n}-${a}`,
 				"aria-expanded": t.links ? i : void 0,
@@ -10007,7 +10024,7 @@ var Qr = {
 			}, t.links && d in Ea ? M(d, t, t.links) : t.linkContent);
 		})));
 	}, N = (t, n) => {
-		let { linkContent: r, links: i } = t, a = ca(t), { isExpanded: o } = S(t, a);
+		let { linkContent: r, links: i } = t, a = la(t), { isExpanded: o } = S(t, a);
 		return /* @__PURE__ */ e.createElement("li", {
 			key: n,
 			"aria-expanded": i ? o : void 0,
@@ -10118,7 +10135,7 @@ var Qr = {
 			focusItemOnOpen: !1,
 			focusItemOnHover: !0
 		})
-	]), { isMounted: te, styles: ne } = U(F, {
+	]), { isMounted: te, styles: J } = U(F, {
 		duration: {
 			open: 300,
 			close: 150
@@ -10126,7 +10143,7 @@ var Qr = {
 		initial: { opacity: 0 },
 		open: { opacity: 1 },
 		close: { opacity: 0 }
-	}), re = Vn("var(--pds-z-index-dropdown)"), J = /* @__PURE__ */ e.createElement(ui, {
+	}), ne = Vn("var(--pds-z-index-dropdown)"), re = /* @__PURE__ */ e.createElement(ui, {
 		hasUserFallback: !0,
 		className: `${k}__avatar`,
 		imageSrc: u,
@@ -10135,7 +10152,7 @@ var Qr = {
 	}), ie = /* @__PURE__ */ e.createElement("li", {
 		className: `${k}__user-details`,
 		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("div", { className: `${k}__user-name` }, d), /* @__PURE__ */ e.createElement("div", { className: `${k}__user-email` }, l)), ae = o !== void 0 && typeof a == "function" ? /* @__PURE__ */ e.createElement("li", {
+	}, /* @__PURE__ */ e.createElement("div", { className: `${k}__user-name` }, d), /* @__PURE__ */ e.createElement("div", { className: `${k}__user-email` }, l)), Y = o !== void 0 && typeof a == "function" ? /* @__PURE__ */ e.createElement("li", {
 		className: `${k}__theme-row`,
 		role: "presentation"
 	}, /* @__PURE__ */ e.createElement("span", { className: `${k}__theme-label` }, s), /* @__PURE__ */ e.createElement(ka, {
@@ -10150,13 +10167,13 @@ var Qr = {
 		let n = e.id ? e.id : `${T}-item-${t}`;
 		S.current.push(n), w.current.push(e);
 	});
-	let Y = (e) => {
+	let ae = (e) => {
 		let t = S.current.indexOf(e), n = w.current[t];
 		n.linkContent && !n.disabled && (W.current[t].querySelector("a").click(), y(!1)), n.callback && !n.disabled && (n.callback(), y(!1));
 	}, oe = (e) => {
-		e.preventDefault(), e.key === "Enter" && Y(e.currentTarget.id);
+		e.preventDefault(), e.key === "Enter" && ae(e.currentTarget.id);
 	}, se = (e) => {
-		Y(e.currentTarget.id);
+		ae(e.currentTarget.id);
 	}, ce = i.map((t, n) => {
 		let r = S.current[n], i = `${k}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
@@ -10192,31 +10209,31 @@ var Qr = {
 			iconName: t.iconName,
 			size: "m"
 		}));
-	}), ue = /* @__PURE__ */ e.createElement("span", { className: `${k}__toggle-left` }, J, d ?? l);
+	}), ue = /* @__PURE__ */ e.createElement("span", { className: `${k}__toggle-left` }, re, d ?? l);
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([k, n ?? ""]),
 		...p
 	}, x ? /* @__PURE__ */ e.createElement(Rn, { label: ue }, /* @__PURE__ */ e.createElement("ul", {
 		className: Z([j, `${j}--mobile`]),
 		role: "menu"
-	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, le)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), Y, le)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 		ref: L.setReference,
 		"aria-label": t,
 		className: `${k}__trigger`,
 		type: "button",
 		...q()
-	}, J), te && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
+	}, re), te && /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
 		ref: L.setFloating,
 		className: `${k}__dropdown`,
 		style: {
 			...I,
-			zIndex: re
+			zIndex: ne
 		},
 		...G()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...ne } }, /* @__PURE__ */ e.createElement("ul", {
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...J } }, /* @__PURE__ */ e.createElement("ul", {
 		className: j,
 		role: "menu"
-	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, ce))))));
+	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), Y, ce))))));
 }, ja = ({ avatarSize: t = "m", className: n, showActiveState: r = !0, workspace: i, ...a }) => {
 	let o = "pds-workspace-list-item";
 	return /* @__PURE__ */ e.createElement("div", {
@@ -10328,7 +10345,7 @@ var Qr = {
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([T, n]),
 		...d
-	}, w ? /* @__PURE__ */ e.createElement(Rn, { label: K() }, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Ji, {
+	}, w ? /* @__PURE__ */ e.createElement(Rn, { label: K() }, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Yi, {
 		hasClearButton: !0,
 		id: "workspace-filter-mobile",
 		label: i,
@@ -10369,7 +10386,7 @@ var Qr = {
 			zIndex: R
 		},
 		...A()
-	}, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Ji, {
+	}, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Yi, {
 		hasClearButton: !0,
 		id: "workspace-filter",
 		label: i,
@@ -11179,7 +11196,7 @@ var Qr = {
 		className: "visually-hidden",
 		id: "pagination-compact",
 		level: r
-	}, i), o.page && /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.page), c === "input" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ji, {
+	}, i), o.page && /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.page), c === "input" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Yi, {
 		className: C ? `${b}__page-input--error` : void 0,
 		id: p,
 		inputProps: {
@@ -11237,9 +11254,9 @@ var Qr = {
 		return /* @__PURE__ */ e.createElement("li", {
 			key: t.id ?? t.title,
 			className: g
-		}, /* @__PURE__ */ e.createElement($i, {
+		}, /* @__PURE__ */ e.createElement(ea, {
 			menuAriaLabel: a(t),
-			menuItems: ea(t, {
+			menuItems: ta(t, {
 				getRemoveCriticalLabel: o,
 				removeLabel: f,
 				renameLabel: p
@@ -11267,7 +11284,7 @@ var Qr = {
 		heading: s,
 		icon: "bookmark",
 		...m
-	}, c ? /* @__PURE__ */ e.createElement("ul", { className: `${h}__list ${h}__list--loading` }, _) : t.length === 0 ? /* @__PURE__ */ e.createElement(ta, { text: u }) : /* @__PURE__ */ e.createElement("ul", { className: `${h}__list` }, v), !c && y);
+	}, c ? /* @__PURE__ */ e.createElement("ul", { className: `${h}__list ${h}__list--loading` }, _) : t.length === 0 ? /* @__PURE__ */ e.createElement(na, { text: u }) : /* @__PURE__ */ e.createElement("ul", { className: `${h}__list` }, v), !c && y);
 }, go = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
 	let [c, l] = _(i), u = f(), p = r ?? `expansion-panel-${u}`, m = "pds-expansion-panel", h = a ? null : `${m}--no-border`, v = g(null);
 	return d(() => {
@@ -11425,7 +11442,7 @@ var Qr = {
 		heading: o,
 		icon: "folders",
 		...u
-	}, g && /* @__PURE__ */ e.createElement("div", { className: `${d}__filter` }, /* @__PURE__ */ e.createElement(Ji, {
+	}, g && /* @__PURE__ */ e.createElement("div", { className: `${d}__filter` }, /* @__PURE__ */ e.createElement(Yi, {
 		hasClearButton: !0,
 		id: "workspace-selector-panel-filter",
 		label: i,
@@ -11624,13 +11641,13 @@ var Qr = {
 		M(R),
 		N(R),
 		H(R)
-	]), te = B.arrow?.x ?? 0, ne = B.arrow?.y ?? 0, re = te + ko / 2, J = ne + Oo, { isMounted: ie } = U(R, {
+	]), te = B.arrow?.x ?? 0, J = B.arrow?.y ?? 0, ne = te + ko / 2, re = J + Oo, { isMounted: ie } = U(R, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${re}px calc(100% + ${Oo}px)`,
-			bottom: `${re}px -8px`,
-			left: `calc(100% + ${Oo}px) ${J}px`,
-			right: `-8px ${J}px`
+			top: `${ne}px calc(100% + ${Oo}px)`,
+			bottom: `${ne}px -8px`,
+			left: `calc(100% + ${Oo}px) ${re}px`,
+			right: `-8px ${re}px`
 		}[e] })
 	});
 	return /* @__PURE__ */ e.createElement("div", {
@@ -12014,14 +12031,14 @@ var Qo = 24, $o = { droppable: { strategy: Qe.Always } }, es = o(function({ chil
 			};
 		}
 		return it(e, t);
-	}, [m]), W = b === "always" || b === "toggle" && (c ?? !1), { currentItems: G, expandItem: K, flatNodes: q, handleReorder: te, resetToSnapshot: ne, sortableIds: re, toggleExpand: J } = Yo({
+	}, [m]), W = b === "always" || b === "toggle" && (c ?? !1), { currentItems: G, expandItem: K, flatNodes: q, handleReorder: te, resetToSnapshot: J, sortableIds: ne, toggleExpand: re } = Yo({
 		defaultItems: a,
 		isDragEnabled: W,
 		items: f,
 		onReorder: v
 	});
-	p(C, () => ({ resetToSnapshot: ne }), [ne]);
-	let ie = nt(tt($e, { activationConstraint: { distance: 5 } }), tt(Ze, { coordinateGetter: U })), ae = W ? `${w}--reorder-active` : null, Y = h(() => new Set(q.filter((e) => u(e.data)).map((e) => e.id)), [q, u]), oe = h(() => new Set(q.filter((e) => d(e.data)).map((e) => e.id)), [q, d]), se = l((e) => {
+	p(C, () => ({ resetToSnapshot: J }), [J]);
+	let ie = nt(tt($e, { activationConstraint: { distance: 5 } }), tt(Ze, { coordinateGetter: U })), Y = W ? `${w}--reorder-active` : null, ae = h(() => new Set(q.filter((e) => u(e.data)).map((e) => e.id)), [q, u]), oe = h(() => new Set(q.filter((e) => d(e.data)).map((e) => e.id)), [q, d]), se = l((e) => {
 		if (m === 0 || oe.has(String(e))) return !1;
 		let t = q.find((t) => t.id === e);
 		return !t || t.depth >= m ? !1 : t.hasChildren ? !t.isExpanded : !0;
@@ -12030,16 +12047,16 @@ var Qo = 24, $o = { droppable: { strategy: Qe.Always } }, es = o(function({ chil
 		m,
 		oe
 	]), ce = l((e) => j && se(j) ? null : ot(e), [se, j]), le = h(() => {
-		if (!T || !j || Y.size === 0 || T === j || se(j)) return /* @__PURE__ */ new Set();
+		if (!T || !j || ae.size === 0 || T === j || se(j)) return /* @__PURE__ */ new Set();
 		let e = q.findIndex((e) => e.id === T), t = q.findIndex((e) => e.id === j);
 		if (e === -1 || t === -1) return /* @__PURE__ */ new Set();
 		let [n, r] = e < t ? [e + 1, t - 1] : [t + 1, e - 1];
-		return new Set(q.slice(n, r + 1).filter((e) => Y.has(e.id)).map((e) => e.id));
+		return new Set(q.slice(n, r + 1).filter((e) => ae.has(e.id)).map((e) => e.id));
 	}, [
 		T,
 		q,
 		se,
-		Y,
+		ae,
 		j
 	]).size > 0, ue = h(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), de = h(() => T ? Ko(G, String(T)) ?? null : null, [T, G]), fe = h(() => {
 		let e = ue?.depth ?? 0;
@@ -12065,40 +12082,40 @@ var Qo = 24, $o = { droppable: { strategy: Qe.Always } }, es = o(function({ chil
 		fe
 	]), me = l((e) => {
 		let { active: t } = e, n = F.current === "keyboard", r = q.find((e) => e.id === t.id);
-		E(t.id), D.current = t.id, k(n), A.current = n, I.current = r?.depth ?? 0, M(null), N.current = 0, P.current = 0, H.current = 0, V(0), ee.current = 0, z(0), r?.hasChildren && r?.isExpanded && (J(String(t.id)), L.current = String(t.id));
-	}, [q, J]), he = l((e) => {
+		E(t.id), D.current = t.id, k(n), A.current = n, I.current = r?.depth ?? 0, M(null), N.current = 0, P.current = 0, H.current = 0, V(0), ee.current = 0, z(0), r?.hasChildren && r?.isExpanded && (re(String(t.id)), L.current = String(t.id));
+	}, [q, re]), he = l((e) => {
 		let t = et(e);
-		if (!t.length || !D.current || Y.size === 0) return t;
+		if (!t.length || !D.current || ae.size === 0) return t;
 		let n = q.findIndex((e) => e.id === D.current);
 		for (let e of t) {
 			let t = e.id;
 			if (t === D.current) return [e];
 			let r = q.findIndex((e) => e.id === t);
 			if (n === -1 || r === -1) return [e];
-			if (Y.has(String(t))) {
+			if (ae.has(String(t))) {
 				if (n > r) continue;
 				let e = !oe.has(String(t)), i = m > 0 && H.current > 0;
 				if (!se(t) && (!e || !i)) continue;
 			}
 			let [i, a] = n < r ? [n + 1, r - 1] : [r + 1, n - 1];
-			if (!q.slice(i, a + 1).some((e) => Y.has(e.id))) return [e];
+			if (!q.slice(i, a + 1).some((e) => ae.has(e.id))) return [e];
 		}
 		return [];
 	}, [
 		q,
-		Y,
+		ae,
 		oe
 	]), ge = l((e) => {
 		let t = e.over?.id ?? null, n = D.current;
-		if (t && n && t !== n && Y.size > 0) {
+		if (t && n && t !== n && ae.size > 0) {
 			let e = q.findIndex((e) => e.id === n), r = q.findIndex((e) => e.id === t);
 			if (e !== -1 && r !== -1) {
 				let [t, n] = e < r ? [e + 1, r] : [r, e - 1];
-				if (q.slice(t, n + 1).some((e) => Y.has(e.id))) return;
+				if (q.slice(t, n + 1).some((e) => ae.has(e.id))) return;
 			}
 		}
 		M(t);
-	}, [q, Y]), _e = l((e) => {
+	}, [q, ae]), _e = l((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || m === 0) return;
 		let n = Math.floor(t / Qo), r = H.current;
@@ -12122,7 +12139,7 @@ var Qo = 24, $o = { droppable: { strategy: Qe.Always } }, es = o(function({ chil
 			};
 			r.splice(o, 0, c);
 			let l = q.filter((e) => e.id !== t.id).map((e) => e.id), u = r.filter((e) => e.id !== t.id).map((e) => e.id);
-			if (l.some((e, t) => Y.has(e) ? u.indexOf(e) !== t : !1)) return;
+			if (l.some((e, t) => ae.has(e) ? u.indexOf(e) !== t : !1)) return;
 			te(r), n > 0 && a && K(a);
 			return;
 		}
@@ -12147,18 +12164,18 @@ var Qo = 24, $o = { droppable: { strategy: Qe.Always } }, es = o(function({ chil
 		}, b = d[g], x = b && b.depth === _ - 1 && v === String(l) || o < u ? g + 1 : g;
 		d.splice(x, 0, y, ...h);
 		let S = new Set([String(t.id), ...h.map((e) => e.id)]);
-		q.some((e, t) => !Y.has(e.id) || S.has(e.id) || e.id === v ? !1 : d.findIndex((t) => t.id === e.id) !== t) || (te(d), _ > 0 && v !== null && K(v));
+		q.some((e, t) => !ae.has(e.id) || S.has(e.id) || e.id === v ? !1 : d.findIndex((t) => t.id === e.id) !== t) || (te(d), _ > 0 && v !== null && K(v));
 	}, [
 		K,
 		q,
 		te,
 		se,
-		Y,
+		ae,
 		m,
 		oe
-	]), X = l(() => {
+	]), ye = l(() => {
 		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, H.current = 0, V(0), ee.current = 0, z(0), L.current && (K(L.current), L.current = null);
-	}, [K]), ye = h(() => ({
+	}, [K]), be = h(() => ({
 		onDragStart({ active: e }) {
 			let t = q.find((t) => t.id === e.id), n = Ko(G, String(e.id));
 			return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? q.indexOf(t) + 1 : "?"} of ${q.length} at depth ${t?.depth ?? 0}.`;
@@ -12185,27 +12202,27 @@ var Qo = 24, $o = { droppable: { strategy: Qe.Always } }, es = o(function({ chil
 		q,
 		o,
 		m
-	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === Jo ? e.cloneElement(t, be) : t);
+	]), xe = { columns: i }, X = t.map(n, (t) => s(t) && t.type === Jo ? e.cloneElement(t, xe) : t);
 	return /* @__PURE__ */ e.createElement(Ye, {
 		accessibility: {
-			announcements: ye,
+			announcements: be,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: he,
 		measuring: $o,
-		onDragCancel: X,
+		onDragCancel: ye,
 		onDragEnd: ve,
 		onDragMove: _e,
 		onDragOver: ge,
 		onDragStart: me,
 		sensors: ie
 	}, /* @__PURE__ */ e.createElement(rt, {
-		items: re,
+		items: ne,
 		strategy: ce
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			w,
-			ae,
+			Y,
 			r ?? ""
 		]),
 		onKeyDownCapture: () => {
@@ -12216,15 +12233,15 @@ var Qo = 24, $o = { droppable: { strategy: Qe.Always } }, es = o(function({ chil
 		},
 		role: "list",
 		...S
-	}, xe, q.map((t) => {
+	}, X, q.map((t) => {
 		let n = {
 			depth: t.depth,
 			hasChildren: t.hasChildren,
 			index: t.index,
 			isDragging: t.id === T,
 			isExpanded: t.isExpanded,
-			isLocked: Y.has(t.id),
-			toggleExpand: () => J(t.id)
+			isLocked: ae.has(t.id),
+			toggleExpand: () => re(t.id)
 		}, r = y(t.data, n), a = t.id === T, o = {
 			columns: i,
 			depth: t.depth,
@@ -12234,8 +12251,8 @@ var Qo = 24, $o = { droppable: { strategy: Qe.Always } }, es = o(function({ chil
 			isDropTarget: t.id === j && se(t.id),
 			isProjectedParent: t.id === pe && !oe.has(t.id),
 			isExpanded: t.isExpanded,
-			...Y.has(t.id) ? { isLocked: !0 } : {},
-			onToggleExpand: () => J(t.id),
+			...ae.has(t.id) ? { isLocked: !0 } : {},
+			onToggleExpand: () => re(t.id),
 			...a && !O && m > 0 ? { projectedDepthDelta: fe - t.depth } : {}
 		};
 		return s(r) ? e.cloneElement(r, {
@@ -12677,41 +12694,41 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		onClick: () => u(f, p),
 		type: "button"
 	}, _) : /* @__PURE__ */ e.createElement("div", { className: v }, _));
-}), vs = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", density: s = "standard", detailPanelNav: c = !0, detailPanelTitle: l, detailPanelWidth: u, emptyState: p, emptyStateHeading: m = "No results found.", emptyStateMessage: v, footer: y, getDetailPanelPositionLabel: b = (e, t) => `${e} of ${t}`, getPageSizeLabel: x = (e) => `Show ${e} rows per page`, getRowClassName: S, getRowId: C, getRowSelectDisabledReason: w, getSelectRowLabel: T = (e, t) => `Select row ${t}`, getSortLabel: E = (e) => `Sort by ${e}`, hasDesktopDetailPanel: D = !1, hasMobileCards: O = !1, hasMobileDetailSheet: k = !0, hasPanel: A = !1, inspectedRowId: j, isLoading: M = !1, isRowSelectable: N = () => !0, itemsPerPage: P, loadingRowCount: F = 5, maxHeight: I, minHeight: L, nextDetailPanelRowLabel: R = "Next row", onDetailPanelNext: z, onDetailPanelPrev: ee, onPageChange: B, onPageSizeChange: V, onRowInspect: H, onRowSelectionChange: U, onSort: W, pageSizeOptions: G, pageSizeSelectLabel: K = "Rows per page", paginationLabels: q, prevDetailPanelRowLabel: te = "Previous row", renderDetailPanel: ne, renderDetailPanelFooter: re, rowData: J, selectAllLabel: ie = "Select all rows", selectedRows: ae, sortKey: Y, sortOrder: oe, totalItemCount: se, ...ce }) => {
-	let le = "pds-table", ue = f(), de = f(), fe = g(null), pe = ya() === "sm" && O, me = A && !pe, he = h(() => r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), [r]), ge = ne !== void 0 || H === void 0 && k, _e = ne !== void 0 || H !== void 0 || k, ve = W !== void 0, X = B !== void 0, ye = V !== void 0, be = X || P !== void 0 || G !== void 0, xe = J.length > 0 || X && (se ?? 0) > 0, [Se, Ce] = _({
+}), vs = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", density: s = "standard", detailPanelNav: c = !0, detailPanelTitle: l, detailPanelWidth: u, emptyState: p, emptyStateHeading: m = "No results found.", emptyStateMessage: v, footer: y, getDetailPanelPositionLabel: b = (e, t) => `${e} of ${t}`, getPageSizeLabel: x = (e) => `Show ${e} rows per page`, getRowClassName: S, getRowId: C, getRowSelectDisabledReason: w, getSelectRowLabel: T = (e, t) => `Select row ${t}`, getSortLabel: E = (e) => `Sort by ${e}`, hasDesktopDetailPanel: D = !1, hasMobileCards: O = !1, hasMobileDetailSheet: k = !0, hasPanel: A = !1, inspectedRowId: j, isLoading: M = !1, isRowSelectable: N = () => !0, itemsPerPage: P, loadingRowCount: F = 5, maxHeight: I, minHeight: L, nextDetailPanelRowLabel: R = "Next row", onDetailPanelNext: z, onDetailPanelPrev: ee, onPageChange: B, onPageSizeChange: V, onRowInspect: H, onRowSelectionChange: U, onSort: W, pageSizeOptions: G, pageSizeSelectLabel: K = "Rows per page", paginationLabels: q, prevDetailPanelRowLabel: te = "Previous row", renderDetailPanel: J, renderDetailPanelFooter: ne, rowData: re, selectAllLabel: ie = "Select all rows", selectedRows: Y, sortKey: ae, sortOrder: oe, totalItemCount: se, ...ce }) => {
+	let le = "pds-table", ue = f(), de = f(), fe = g(null), pe = yi() === "sm" && O, me = A && !pe, he = h(() => r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), [r]), ge = J !== void 0 || H === void 0 && k, _e = J !== void 0 || H !== void 0 || k, ve = W !== void 0, ye = B !== void 0, be = V !== void 0, xe = ye || P !== void 0 || G !== void 0, X = re.length > 0 || ye && (se ?? 0) > 0, [Se, Ce] = _({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
 	}), we = h(() => {
-		if (ve || Se.key === "") return J;
+		if (ve || Se.key === "") return re;
 		let e = r.find((e) => e.id === Se.key)?.sortKey ?? Se.key;
-		return [...J].sort((t, n) => {
+		return [...re].sort((t, n) => {
 			let r = String(t[e]).localeCompare(String(n[e]));
 			return Se.order === "asc" ? r : -r;
 		});
 	}, [
-		J,
+		re,
 		Se,
 		ve,
 		r
-	]), [Te, Ee] = _(1), [De, Oe] = _(P ?? G?.[0] ?? 10), [ke, Ae] = _(null), je = j ?? ke, Me = !!je && !!ne && D && !pe, Ne = pe && ge && !!je, [Pe, Fe] = _(null);
+	]), [Te, Ee] = _(1), [De, Oe] = _(P ?? G?.[0] ?? 10), [ke, Ae] = _(null), je = j ?? ke, Me = !!je && !!J && D && !pe, Ne = pe && ge && !!je, [Pe, Fe] = _(null);
 	d(() => {
 		je && Fe(je);
 	}, [je]);
-	let Ie = X ? P ?? 10 : De, Le = (e) => {
-		ye ? V(e) : Oe(e), X || Ee(1);
+	let Ie = ye ? P ?? 10 : De, Le = (e) => {
+		be ? V(e) : Oe(e), ye || Ee(1);
 	};
 	d(() => {
-		X || Ee(1);
-	}, [J.length, X]), d(() => {
+		ye || Ee(1);
+	}, [re.length, ye]), d(() => {
 		process.env.NODE_ENV !== "production" && i !== void 0 && !B && console.warn("[Table] `currentPage` was provided without `onPageChange`. Controlled pagination requires both props. The table is running in uncontrolled mode.");
 	}, []);
-	let Re = U !== void 0, ze = ae !== void 0, [Be, Ve] = _(/* @__PURE__ */ new Set()), He = h(() => new Set(ae), [ae]), Ue = ze ? He : Be, We = h(() => new Map(J.map((e, t) => [e, t])), [J]), Ge = (e, t) => C ? C(e) : String(We.get(e) ?? t), Ke = h(() => we.findIndex((e, t) => (C ? C(e) : String(We.get(e) ?? t)) === je), [
+	let Re = U !== void 0, ze = Y !== void 0, [Be, Ve] = _(/* @__PURE__ */ new Set()), He = h(() => new Set(Y), [Y]), Ue = ze ? He : Be, We = h(() => new Map(re.map((e, t) => [e, t])), [re]), Ge = (e, t) => C ? C(e) : String(We.get(e) ?? t), Ke = h(() => we.findIndex((e, t) => (C ? C(e) : String(We.get(e) ?? t)) === je), [
 		we,
 		je,
 		C,
 		We
 	]), qe = Ke >= 0 ? we[Ke] : null, Je = hs((e, t) => {
-		(pe ? ge : ne !== void 0 && D) && j === void 0 && Ae(t), H?.(e, t);
+		(pe ? ge : J !== void 0 && D) && j === void 0 && Ae(t), H?.(e, t);
 	}), Ye = () => {
 		j === void 0 && Ae(null);
 	}, Xe = () => {
@@ -12763,23 +12780,23 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		Me,
 		le
 	]);
-	let it = ve ? Y ?? "" : Se.key, at = ve ? oe ?? "asc" : Se.order, ot = h(() => {
+	let it = ve ? ae ?? "" : Se.key, at = ve ? oe ?? "asc" : Se.order, ot = h(() => {
 		if (M) return [];
 		let e = we;
-		if (!X && be && Ie) {
+		if (!ye && xe && Ie) {
 			let t = (Te - 1) * Ie;
 			e = e.slice(t, t + Ie);
 		}
 		return e;
 	}, [
 		we,
-		X,
-		be,
+		ye,
+		xe,
 		Te,
 		Ie,
 		M
 	]), st = (e) => {
-		ve ? W(e, Y === e && oe === "asc" ? "desc" : "asc") : Ce((t) => ({
+		ve ? W(e, ae === e && oe === "asc" ? "desc" : "asc") : Ce((t) => ({
 			key: e,
 			order: t.key === e && t.order === "asc" ? "desc" : "asc"
 		}));
@@ -12816,7 +12833,7 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		heading: m,
 		iconName: "emptySet",
 		message: v
-	}))), _t = H !== void 0 && ne === void 0 || ne !== void 0 && D, vt = (e, t, n) => {
+	}))), _t = H !== void 0 && J === void 0 || J !== void 0 && D, vt = (e, t, n) => {
 		let r = N(e, t), i = r ? void 0 : w?.(e, t), a = T(e, n + 1);
 		return {
 			disabledReason: i,
@@ -12915,7 +12932,7 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	})), /* @__PURE__ */ e.createElement("span", { className: Z([`${le}__sort-button-bottom`, lt(t.id, "bottom")]) }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "caretDown",
 		size: "m"
-	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, M ? Array.from({ length: F }, (e, t) => ht(t)) : ot.length === 0 ? gt() : ot.map((e, t) => yt(e, t))))), be && !M && xe && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__pagination", pe && !(G && G.length > 0) ? "pds-table-wrapper__pagination--center" : null]) }, G && G.length > 0 && /* @__PURE__ */ e.createElement(Tr, {
+	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, M ? Array.from({ length: F }, (e, t) => ht(t)) : ot.length === 0 ? gt() : ot.map((e, t) => yt(e, t))))), xe && !M && X && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__pagination", pe && !(G && G.length > 0) ? "pds-table-wrapper__pagination--center" : null]) }, G && G.length > 0 && /* @__PURE__ */ e.createElement(Tr, {
 		autoWidth: !0,
 		id: ue,
 		label: K,
@@ -12928,17 +12945,17 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		value: String(Ie)
 	}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(uo, {
-		currentPage: X ? i ?? 1 : Te,
+		currentPage: ye ? i ?? 1 : Te,
 		itemsPerPage: Ie,
 		labelStrings: q,
-		onPageChange: X ? B : Ee,
+		onPageChange: ye ? B : Ee,
 		pageControlType: pe ? "static" : "dropdown",
-		totalItemCount: X ? se ?? 0 : J.length
-	}))), y && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__footer" }, y)), ne && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__detail-panel", Me ? "pds-table-wrapper__detail-panel--open" : null]) }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-upper" }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-header" }, l && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-title" }, l), /* @__PURE__ */ e.createElement(Fn, {
+		totalItemCount: ye ? se ?? 0 : re.length
+	}))), y && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__footer" }, y)), J && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__detail-panel", Me ? "pds-table-wrapper__detail-panel--open" : null]) }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-upper" }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-header" }, l && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-title" }, l), /* @__PURE__ */ e.createElement(Fn, {
 		ariaLabel: n,
 		onClick: Ye,
 		size: "s"
-	})), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-content" }, Me && qe && ne(qe, tt))), Me && qe && (re || c) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-footer" }, re ? re(qe, tt) : /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-nav" }, /* @__PURE__ */ e.createElement(Nn, {
+	})), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-content" }, Me && qe && J(qe, tt))), Me && qe && (ne || c) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-footer" }, ne ? ne(qe, tt) : /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-nav" }, /* @__PURE__ */ e.createElement(Nn, {
 		hasBorder: !0,
 		ariaLabel: te,
 		disabled: !tt.hasPrev,
@@ -12961,10 +12978,10 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			e || Ye();
 		},
 		title: l
-	}, et && (ne ? ne(et, nt) : bt(et)), et && (re || c) && /* @__PURE__ */ e.createElement("div", {
+	}, et && (J ? J(et, nt) : bt(et)), et && (ne || c) && /* @__PURE__ */ e.createElement("div", {
 		className: `${le}-wrapper__mobile-sheet-nav`,
 		slot: "footer"
-	}, re ? re(et, nt) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Nn, {
+	}, ne ? ne(et, nt) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Nn, {
 		hasBorder: !0,
 		ariaLabel: te,
 		disabled: !nt.hasPrev,
@@ -13306,7 +13323,7 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		maxWidth: j ? void 0 : `${E}rem`,
 		minWidth: j ? `${w}rem` : `${D}rem`,
 		width: z
-	}, B = g(!1), V = ya(), H = V === "sm", U = () => {
+	}, B = g(!1), V = yi(), H = V === "sm", U = () => {
 		if (!H) {
 			if (B.current = !1, x) {
 				x();
@@ -13344,14 +13361,14 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			r.disconnect(), i?.disconnect(), window.removeEventListener("resize", t);
 		};
 	}, [R]);
-	let K = _t(t), q = K.__unslotted, te = K.header, ne = K.footer, re = K.sidebar, J = K.identity, ie = K["content-top"], ae = K.navigation, Y = K["content-bottom"], oe = J || ie || ae || Y, se = oe ? /* @__PURE__ */ e.createElement(e.Fragment, null, (J || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, J, o && !j && /* @__PURE__ */ e.createElement(Nn, {
+	let K = _t(t), q = K.__unslotted, te = K.header, J = K.footer, ne = K.sidebar, re = K.identity, ie = K["content-top"], Y = K.navigation, ae = K["content-bottom"], oe = re || ie || Y || ae, se = oe ? /* @__PURE__ */ e.createElement(e.Fragment, null, (re || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, re, o && !j && /* @__PURE__ */ e.createElement(Nn, {
 		hasBorder: !0,
 		ariaLabel: F.drawerToggle,
 		className: `${N}__drawer-toggle`,
 		iconName: "sidebar",
 		onClick: b,
 		size: "s"
-	})), ie && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, ie), ae && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, ae), Y && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-bottom` }, Y)) : re, ce = a(h, {
+	})), ie && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, ie), Y && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, Y), ae && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-bottom` }, ae)) : ne, ce = a(h, {
 		...y,
 		className: Z([`${N}__main`, y?.className]),
 		id: I,
@@ -13366,10 +13383,10 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, q)), le = /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__content-column`,
 		style: { backgroundColor: p || void 0 }
-	}, ce, ne && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
+	}, ce, J && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__footer-inner`,
 		style: { maxWidth: L }
-	}, ne))), ue = /* @__PURE__ */ e.createElement(e.Fragment, null, (re || oe) && /* @__PURE__ */ e.createElement("div", {
+	}, J))), ue = /* @__PURE__ */ e.createElement(e.Fragment, null, (ne || oe) && /* @__PURE__ */ e.createElement("div", {
 		...O,
 		className: Z([
 			`${N}__sidebar`,
@@ -13407,7 +13424,7 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			n ?? ""
 		]),
 		...A
-	}, /* @__PURE__ */ e.createElement(Zi, {
+	}, /* @__PURE__ */ e.createElement(Qi, {
 		destination: I,
 		text: F.skipToContent
 	}), te ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, te), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ue)) : ue), o && /* @__PURE__ */ e.createElement(ro, {
@@ -13479,7 +13496,7 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		role: "listitem"
 	}, t))));
 }, Bs = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
-	let o = _t(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(ha, {
+	let o = _t(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(ga, {
 		className: Z([
 			l,
 			u,
@@ -13709,6 +13726,6 @@ var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, [e]), t;
 };
 //#endregion
-export { br as ActionCard, Is as AppLayout, Qs as AutoGrid, ui as Avatar, di as AvatarLabel, wt as Badge, Ia as Banner, Ur as BarChart, ta as BookmarksEmptyState, ra as BookmarksMenu, ho as BookmarksPanel, to as BottomSheet, En as BranchDiff, ia as Breadcrumb, no as BulkActionBar, An as Button, jn as ButtonLink, ma as ButtonNav, Yi as CTALink, yr as Callout, xr as Card, Sr as CardSelect, pi as Checkbox, mi as CheckboxFieldset, hi as CheckboxGroup, Pn as ClipboardButton, Fn as CloseButton, $r as CodeBlock, gi as Combobox, vi as ComboboxMultiselect, Cr as CompactEmptyState, ti as ComparisonList, ha as Container, zi as Datepicker, Ls as DocsLayout, ro as Drawer, $n as Dropdown, pa as DropdownMenu, go as ExpansionPanel, _o as ExpansionPanelGroup, vo as FeaturePanel, ai as FileDiff, Bi as FileUpload, ur as FilterButton, Us as FlexContainer, io as FullScreenOverlay, Zs as GlobalWrapper, $s as Grid, ec as GridItem, ri as HorizontalEmptyState, Q as Icon, Nn as IconButton, fi as IdentityBlock, Ra as InlineMessage, Vi as InputGroup, Gr as LineChart, Xi as LinkNewWindow, Va as MIN_AUTO_CLOSE_DURATION, Yn as MenuButton, ao as Modal, _a as Navbar, co as Pagination, lo as PaginationChapter, uo as PaginationCompact, yo as Panel, bo as PanelList, xo as PanelRow, So as PanelStack, Do as PantheonLogo, si as PaymentIcon, Qi as Picture, qr as PieChart, mr as PlatformIcon, Ao as Popover, Mo as ProgressBar, Po as ProgressRing, Yr as ProportionBar, Hi as RadioGroup, Lo as ResultCount, $i as RowActionsMenu, gr as SSOButton, Ba as SectionMessage, dr as SegmentedButton, Tr as Select, fr as SelectButton, wr as SelectOptionGroup, va as SideNav, xa as SideNavGlobal, ba as SideNavGlobalItem, Rs as SidebarLayout, Bo as SiteFooter, Ca as SiteMenu, Vo as SiteOptionDisplay, Ho as SiteSearch, Jn as SiteTypeIcon, qn as SiteTypeLabel, zr as Skeleton, Zi as Skiplink, es as SortableList, Jo as SortableListHeader, ns as SortableRow, Cn as Spinner, pr as SplitButton, rs as StatPanel, zs as StatPanelGroup, wn as StatusBadge, as as StatusChecker, os as StatusIndicator, ls as StatusScrim, Hn as StatusTypeLabels, us as StepList, ds as Stepper, Bs as StepperLayout, Ui as Switch, Ta as TabMenu, vs as Table, Ts as TableOfContents, Es as Tabs, Ps as Tag, Gi as TagsInput, Tn as Tally, Ji as TextInput, Ki as Textarea, Ks as ThemeContext, Ys as ThemeContextProvider, ka as ThemeSwitcher, Vs as ThreeItemLayout, Ci as Timepicker, Ja as Toast, Ya as ToastType, Ga as Toaster, Ua as ToasterContext, on as Tooltip, Da as TreeNav, Hs as TwoItemLayout, Aa as UserMenu, Fs as UtilityBar, _r as UtilityButton, ii as VerticalEmptyState, ps as VerticalStepper, ni as VideoEmbed, fo as WidgetPanel, Ma as WorkspaceSelector, Co as WorkspaceSelectorPanel, ea as buildBookmarkMenuItems, Fi as getPresetDateRange, Js as getThemeInitScript, St as iconList, Wn as isHeadingItemType, Gn as isLinkItemType, Kn as isNodeItemType, Un as isSeparatorItemType, is as statusCheckerStates, Ds as tagColors, As as tagSolidColors, Os as tagSolidHueColors, ks as tagSolidStatusColors, ya as useBreakpoint, Mn as useClipboard, Ln as useDropdown, Qt as useIsMobile, tc as useKeyPress, rn as useKeyboardShortcut, an as useMediaQuery, Xs as useTheme, Xa as useToast, nc as useWindowWidth };
+export { br as ActionCard, Is as AppLayout, Qs as AutoGrid, ui as Avatar, di as AvatarLabel, wt as Badge, Ia as Banner, Ur as BarChart, na as BookmarksEmptyState, ia as BookmarksMenu, ho as BookmarksPanel, to as BottomSheet, En as BranchDiff, aa as Breadcrumb, no as BulkActionBar, An as Button, jn as ButtonLink, ha as ButtonNav, Xi as CTALink, yr as Callout, xr as Card, Sr as CardSelect, pi as Checkbox, mi as CheckboxFieldset, hi as CheckboxGroup, Pn as ClipboardButton, Fn as CloseButton, $r as CodeBlock, gi as Combobox, vi as ComboboxMultiselect, Cr as CompactEmptyState, ti as ComparisonList, ga as Container, Bi as Datepicker, Ls as DocsLayout, ro as Drawer, $n as Dropdown, ma as DropdownMenu, go as ExpansionPanel, _o as ExpansionPanelGroup, vo as FeaturePanel, ai as FileDiff, Vi as FileUpload, ur as FilterButton, Us as FlexContainer, io as FullScreenOverlay, Zs as GlobalWrapper, $s as Grid, ec as GridItem, ri as HorizontalEmptyState, Q as Icon, Nn as IconButton, fi as IdentityBlock, Ra as InlineMessage, Hi as InputGroup, Gr as LineChart, Zi as LinkNewWindow, Va as MIN_AUTO_CLOSE_DURATION, Yn as MenuButton, ao as Modal, va as Navbar, co as Pagination, lo as PaginationChapter, uo as PaginationCompact, yo as Panel, bo as PanelList, xo as PanelRow, So as PanelStack, Do as PantheonLogo, si as PaymentIcon, $i as Picture, qr as PieChart, mr as PlatformIcon, Ao as Popover, Mo as ProgressBar, Po as ProgressRing, Yr as ProportionBar, Ui as RadioGroup, Lo as ResultCount, ea as RowActionsMenu, gr as SSOButton, Ba as SectionMessage, dr as SegmentedButton, Tr as Select, fr as SelectButton, wr as SelectOptionGroup, ya as SideNav, xa as SideNavGlobal, ba as SideNavGlobalItem, Rs as SidebarLayout, Bo as SiteFooter, Ca as SiteMenu, Vo as SiteOptionDisplay, Ho as SiteSearch, Jn as SiteTypeIcon, qn as SiteTypeLabel, zr as Skeleton, Qi as Skiplink, es as SortableList, Jo as SortableListHeader, ns as SortableRow, Cn as Spinner, pr as SplitButton, rs as StatPanel, zs as StatPanelGroup, wn as StatusBadge, as as StatusChecker, os as StatusIndicator, ls as StatusScrim, Hn as StatusTypeLabels, us as StepList, ds as Stepper, Bs as StepperLayout, Wi as Switch, Ta as TabMenu, vs as Table, Ts as TableOfContents, Es as Tabs, Ps as Tag, Ki as TagsInput, Tn as Tally, Yi as TextInput, qi as Textarea, Ks as ThemeContext, Ys as ThemeContextProvider, ka as ThemeSwitcher, Vs as ThreeItemLayout, wi as Timepicker, Ja as Toast, Ya as ToastType, Ga as Toaster, Ua as ToasterContext, on as Tooltip, Da as TreeNav, Hs as TwoItemLayout, Aa as UserMenu, Fs as UtilityBar, _r as UtilityButton, ii as VerticalEmptyState, ps as VerticalStepper, ni as VideoEmbed, fo as WidgetPanel, Ma as WorkspaceSelector, Co as WorkspaceSelectorPanel, ta as buildBookmarkMenuItems, Ii as getPresetDateRange, Js as getThemeInitScript, St as iconList, Wn as isHeadingItemType, Gn as isLinkItemType, Kn as isNodeItemType, Un as isSeparatorItemType, is as statusCheckerStates, Ds as tagColors, As as tagSolidColors, Os as tagSolidHueColors, ks as tagSolidStatusColors, yi as useBreakpoint, Mn as useClipboard, Ln as useDropdown, Qt as useIsMobile, tc as useKeyPress, rn as useKeyboardShortcut, an as useMediaQuery, Xs as useTheme, Xa as useToast, nc as useWindowWidth };
 
 //# sourceMappingURL=index.js.map