@pantheon-systems/pds-toolkit-react 2.0.0-beta.2 → 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: {
@@ -11222,44 +11239,53 @@ var Qr = {
 		className: `${s}__content`,
 		style: d
 	}, l), vt(u) && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, u));
-}, po = "Bookmark pages you visit often for quick access.", mo = ({ bookmarks: t = [], className: n, contentMaxHeight: r, createLabel: i = "Create bookmark", getMenuAriaLabel: a = (e) => `Actions for ${e.title}`, getRemoveCriticalLabel: o, heading: s = "Bookmarks", noResultsText: c = po, onCreateBookmark: l, removeLabel: u, renameLabel: d, ...f }) => {
-	let p = "pds-bookmarks-panel", m = `${p}__item`, h = t.map((t) => {
+}, po = "Bookmark pages you visit often for quick access.", mo = 5, ho = ({ bookmarks: t = [], className: n, contentMaxHeight: r, createLabel: i = "Create bookmark", getMenuAriaLabel: a = (e) => `Actions for ${e.title}`, getRemoveCriticalLabel: o, heading: s = "Bookmarks", isLoading: c = !1, loadingRowCount: l = mo, noResultsText: u = po, onCreateBookmark: d, removeLabel: f, renameLabel: p, ...m }) => {
+	let h = "pds-bookmarks-panel", g = `${h}__item`, _ = [...Array(l)].map((t, n) => /* @__PURE__ */ e.createElement("li", {
+		key: n,
+		className: `${g} ${g}--loading`
+	}, /* @__PURE__ */ e.createElement(zr, {
+		shape: "rounded",
+		size: {
+			height: 1.125,
+			width: "100%"
+		}
+	}))), v = t.map((t) => {
 		let n = t.linkContent, r = n.type;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: t.id ?? t.title,
-			className: m
-		}, /* @__PURE__ */ e.createElement($i, {
+			className: g
+		}, /* @__PURE__ */ e.createElement(ea, {
 			menuAriaLabel: a(t),
-			menuItems: ea(t, {
+			menuItems: ta(t, {
 				getRemoveCriticalLabel: o,
-				removeLabel: u,
-				renameLabel: d
+				removeLabel: f,
+				renameLabel: p
 			}),
 			variant: "panel"
-		}, /* @__PURE__ */ e.createElement(r, n.props, /* @__PURE__ */ e.createElement("span", { className: `${m}-label` }, /* @__PURE__ */ e.createElement("span", {
-			className: `${m}-title`,
+		}, /* @__PURE__ */ e.createElement(r, n.props, /* @__PURE__ */ e.createElement("span", { className: `${g}-label` }, /* @__PURE__ */ e.createElement("span", {
+			className: `${g}-title`,
 			title: t.title
 		}, t.title), t.subtitle && /* @__PURE__ */ e.createElement("span", {
-			className: `${m}-subtitle`,
+			className: `${g}-subtitle`,
 			title: t.subtitle
 		}, t.subtitle)))));
-	}), g = l && /* @__PURE__ */ e.createElement(An, {
+	}), y = d && /* @__PURE__ */ e.createElement(An, {
 		displayType: "icon-end",
 		iconName: "plus",
 		label: i,
-		onClick: l,
+		onClick: d,
 		size: "s",
 		slot: "footer",
 		variant: "link"
 	});
 	return /* @__PURE__ */ e.createElement(fo, {
-		className: Z([p, n ?? ""]),
+		className: Z([h, n ?? ""]),
 		contentMaxHeight: r,
 		heading: s,
 		icon: "bookmark",
-		...f
-	}, t.length === 0 ? /* @__PURE__ */ e.createElement(ta, { text: c }) : /* @__PURE__ */ e.createElement("ul", { className: `${p}__list` }, h), g);
-}, ho = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
+		...m
+	}, 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(() => {
 		let e = v.current;
@@ -11283,7 +11309,7 @@ var Qr = {
 		className: `${m}__icon ${c ? "rotated" : ""}`,
 		iconName: "angleDown"
 	})), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, t)));
-}, go = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
+}, _o = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
 	let a = "pds-expansion-panel-group", o = r === "standard" ? null : `${a}--${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -11293,7 +11319,7 @@ var Qr = {
 		]),
 		...i
 	}, t);
-}, _o = ({ className: t, content: n, cta: r, dismissLabel: i = "Close", heading: a, image: o, imageVariant: s = "bleed", isDismissible: c, layout: l = "vertical", onDismiss: u, ...d }) => {
+}, vo = ({ className: t, content: n, cta: r, dismissLabel: i = "Close", heading: a, image: o, imageVariant: s = "bleed", isDismissible: c, layout: l = "vertical", onDismiss: u, ...d }) => {
 	let f = "pds-feature-panel", p = l === "vertical" ? null : `${f}--${l}`, m = s === "bleed" ? null : `${f}--image-${s}`, h = c ? `${f}--hasDismiss` : null, g = o ? `${f}--has-image` : null, _ = r && "linkContent" in r;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -11320,7 +11346,7 @@ var Qr = {
 		size: "s",
 		variant: "brand"
 	}))));
-}, vo = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
+}, yo = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
 	let o = "pds-panel", s = i === "default" ? null : `${o}--${i}`, c = `${o}__content`, l = r === "standard" ? null : `${c}--pad-${r}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -11330,7 +11356,7 @@ var Qr = {
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
-}, yo = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
+}, bo = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
 	let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
 	return /* @__PURE__ */ e.createElement("ul", {
 		className: Z([
@@ -11342,7 +11368,7 @@ var Qr = {
 		]),
 		...o
 	}, n);
-}, bo = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, stackBelow: a = "m", ...o }) => {
+}, xo = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, stackBelow: a = "m", ...o }) => {
 	let s = "pds-panel-row", c = `${s}--stack-${a}`, [l, u] = _(!1), d = _t(t), f = d["items-left"], p = d["items-right"], m = d["items-below"], h = () => {
 		u((e) => !e);
 	};
@@ -11374,10 +11400,10 @@ var Qr = {
 			opacity: "0"
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${s}__items-inside` }, m)));
-}, xo = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
+}, So = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
 	className: Z(["pds-panel-stack", n ?? ""]),
 	...r
-}, t), So = ({ className: t, contentMaxHeight: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", heading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
+}, t), Co = ({ className: t, contentMaxHeight: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", heading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
 	let d = "pds-workspace-selector-panel", f = `${d}__item`, [p, m] = _(""), g = l.length >= s, v = h(() => {
 		if (!p) return l;
 		let e = p.toLowerCase();
@@ -11416,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,
@@ -11429,7 +11455,7 @@ var Qr = {
 		"aria-label": o,
 		className: `${d}__nav`
 	}, v.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${d}__no-results` }, c) : /* @__PURE__ */ e.createElement("ul", { className: `${d}__list` }, v)), y);
-}, Co = /* @__PURE__ */ e.createElement("svg", {
+}, wo = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -11491,7 +11517,7 @@ var Qr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M161.5 16.65H161V16.35H162.5V16.65H162V18.25H161.6V16.65H161.5ZM163.6 18.25L163.1 16.75V18.25H162.7V16.35H163.3L163.8 17.85L164.3 16.35H164.9V18.25H164.5V16.75L164 18.25H163.6Z",
 	fill: "var(--pds-color-foreground-default)"
-})), wo = /* @__PURE__ */ e.createElement("svg", {
+})), To = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -11526,7 +11552,7 @@ var Qr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
 	fill: "var(--pds-color-foreground-default)"
-})), To = /* @__PURE__ */ e.createElement("svg", {
+})), Eo = /* @__PURE__ */ e.createElement("svg", {
 	"aria-label": "Pantheon",
 	fill: "none",
 	focusable: "false",
@@ -11561,17 +11587,17 @@ var Qr = {
 }), /* @__PURE__ */ e.createElement("path", {
 	d: "M135.7 0.299999H135.2V0H136.7V0.299999H136.2V1.9H135.8V0.299999H135.7ZM137.8 1.9L137.3 0.4V1.9H136.9V0H137.5L138 1.5L138.5 0H139.1V1.9H138.7V0.4L138.2 1.9H137.8Z",
 	fill: "var(--pds-color-foreground-default)"
-})), Eo = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
+})), Do = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
 	let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
 	switch (r) {
 		case "full":
-			f = Co;
+			f = wo;
 			break;
 		case "icon":
-			f = wo;
+			f = To;
 			break;
 		case "wordmark":
-			f = To;
+			f = Eo;
 			break;
 	}
 	let p = s(i) && typeof i.props.children == "string" ? i.props.children : "", m = s(i) ? i.type : null, h = s(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
@@ -11588,7 +11614,7 @@ var Qr = {
 		]),
 		...o
 	}, i ? h : f);
-}, Do = 8, Oo = 14, ko = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: u = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: h = "circleInfo", triggerIconSize: v = "m", ...x }) => {
+}, Oo = 8, ko = 14, Ao = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: u = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: h = "circleInfo", triggerIconSize: v = "m", ...x }) => {
 	let [S, w] = _(u);
 	d(() => {
 		w(u);
@@ -11615,13 +11641,13 @@ var Qr = {
 		M(R),
 		N(R),
 		H(R)
-	]), te = B.arrow?.x ?? 0, ne = B.arrow?.y ?? 0, re = te + Oo / 2, J = ne + Do, { 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% + ${Do}px)`,
-			bottom: `${re}px -8px`,
-			left: `calc(100% + ${Do}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", {
@@ -11655,23 +11681,23 @@ var Qr = {
 		className: `${j}__arrow`,
 		context: R,
 		fill: "var(--pds-color-surface-default)",
-		height: Do,
+		height: Oo,
 		stroke: "var(--pds-color-border-default)",
 		strokeWidth: 1,
 		tipRadius: 0,
-		width: Oo
+		width: ko
 	}), /* @__PURE__ */ e.createElement("div", { className: `${j}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${j}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${j}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${j}__close-wrapper` }, /* @__PURE__ */ e.createElement(Fn, {
 		ariaLabel: r,
 		onClick: G,
 		size: "s"
 	})))))));
-}, Ao = {
+}, jo = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, jo = ({ className: t, colorBreakpoints: n = [{
+}, Mo = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -11692,7 +11718,7 @@ var Qr = {
 		id: m
 	}, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
 		className: `${h}__percentage`,
-		style: { color: `hsl(from var(${Ao[y]}) h s calc(l - 7))` }
+		style: { color: `hsl(from var(${jo[y]}) h s calc(l - 7))` }
 	}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": m,
 		"aria-valuenow": v,
@@ -11702,16 +11728,16 @@ var Qr = {
 		className: `${h}__bar`,
 		style: {
 			width: `${v}%`,
-			backgroundColor: `var(${Ao[y]})`
+			backgroundColor: `var(${jo[y]})`
 		}
 	}))), S && b);
-}, Mo = {
+}, No = {
 	neutral: "--pds-color-status-neutral-indicator",
 	info: "--pds-color-status-info-fill",
 	success: "--pds-color-status-success-fill",
 	warning: "--pds-color-status-warning-fill",
 	critical: "--pds-color-status-critical-fill"
-}, No = ({ className: t, colorBreakpoints: n = [{
+}, Po = ({ className: t, colorBreakpoints: n = [{
 	colorType: "info",
 	percentage: 0
 }, {
@@ -11760,7 +11786,7 @@ var Qr = {
 		strokeDasharray: x,
 		strokeDashoffset: S,
 		strokeWidth: y,
-		style: { stroke: `var(${Mo[C]})` },
+		style: { stroke: `var(${No[C]})` },
 		transform: `rotate(-90 ${v / 2} ${v / 2})`
 	}), /* @__PURE__ */ e.createElement("text", {
 		alignmentBaseline: "middle",
@@ -11770,29 +11796,29 @@ var Qr = {
 		x: "50%",
 		y: "51%"
 	}, w))));
-}, Po = {
+}, Fo = {
 	of: "of",
 	showing: "Showing",
 	unitPlural: "results",
 	unitSingular: "result"
-}, Fo = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, Io = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
+}, Io = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, Lo = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
 	let s = "pds-result-count", c = `${s}__number`, { of: l, showing: u, unitPlural: d, unitSingular: f } = {
-		...Po,
+		...Fo,
 		...i
-	}, p = n !== void 0, m = Fo(r, f, d, a);
+	}, p = n !== void 0, m = Io(r, f, d, a);
 	return /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: Z([s, t ?? ""]),
 		...o
 	}, /* @__PURE__ */ e.createElement("span", null, p && /* @__PURE__ */ e.createElement(e.Fragment, null, u && `${u} `, /* @__PURE__ */ e.createElement("span", { className: c }, n), ` ${l} `), /* @__PURE__ */ e.createElement("span", { className: c }, r), ` ${m}`));
-}, Lo = {
+}, Ro = {
 	privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
 	dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
 	cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
 	termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
 	acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
 	accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
-}, Ro = (e) => typeof e == "string", zo = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
+}, zo = (e) => typeof e == "string", Bo = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
 	"privacy",
 	"dataSubjectRequest",
 	"cookiePolicy",
@@ -11809,8 +11835,8 @@ var Qr = {
 			r ?? ""
 		]),
 		...c
-	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => Ro(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, Lo[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
-}, Bo = ({ className: t, option: n, ...r }) => {
+	}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => zo(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, Ro[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
+}, Vo = ({ className: t, option: n, ...r }) => {
 	let i = "pds-site-option-display", a = n.type ? Jn[n.type] : "boltSolid", o = g(null), [s] = Je(o), c = s.width / 16 - 7.5, l, u;
 	n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
 	let d = /* @__PURE__ */ e.createElement(wn, {
@@ -11833,7 +11859,7 @@ var Qr = {
 		className: `${i}__status`,
 		style: { pointerEvents: "none" }
 	}, d));
-}, Vo = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
+}, Ho = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options"
 }, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
@@ -11845,7 +11871,7 @@ var Qr = {
 			id: n,
 			label: i,
 			value: r ?? i,
-			optionDisplay: /* @__PURE__ */ e.createElement(Bo, { option: t }),
+			optionDisplay: /* @__PURE__ */ e.createElement(Vo, { option: t }),
 			siteData: t
 		};
 	});
@@ -11874,7 +11900,7 @@ var Qr = {
 };
 //#endregion
 //#region src/components/SortableList/sortable-utils.ts
-function Ho(e, t, n = null, r = 0, i = []) {
+function Uo(e, t, n = null, r = 0, i = []) {
 	return e.reduce((e, a, o) => {
 		let s = !!a.children?.length, c = t.has(a.id);
 		return e.push({
@@ -11886,10 +11912,10 @@ function Ho(e, t, n = null, r = 0, i = []) {
 			index: o,
 			isExpanded: c,
 			parentId: n
-		}), s && c && a.children && e.push(...Ho(a.children, t, a.id, r + 1, [...i, a.id])), e;
+		}), s && c && a.children && e.push(...Uo(a.children, t, a.id, r + 1, [...i, a.id])), e;
 	}, []);
 }
-function Uo(e) {
+function Wo(e) {
 	let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
 	for (let i of e) {
 		let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
@@ -11902,28 +11928,28 @@ function Uo(e) {
 			e && (e.children || (e.children = []), e.children.push(o));
 		}
 	}
-	return Wo(r);
+	return Go(r);
 }
-function Wo(e) {
+function Go(e) {
 	return e.map((e) => {
 		if (e.children?.length) return {
 			...e,
-			children: Wo(e.children)
+			children: Go(e.children)
 		};
 		let { children: t, ...n } = e;
 		return n;
 	});
 }
-function Go(e, t) {
+function Ko(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
 		if (n.children) {
-			let e = Go(n.children, t);
+			let e = Ko(n.children, t);
 			if (e) return e;
 		}
 	}
 }
-function Ko(e, t, n, r, i, a, o) {
+function qo(e, t, n, r, i, a, o) {
 	let s = e.findIndex((e) => e.id === n);
 	if (s === -1) return 0;
 	let c = e[s], l = Math.round(r / i), u = e.find((e) => e.id === t), d = (o ?? u?.depth ?? c.depth) + l, f = e[s - 1], p = f ? f.depth + 1 : 0, m = e.slice(s + 1).find((e) => e.id !== t && !e.ancestorIds.includes(t) && !e.ancestorIds.includes(n)), h = m ? m.depth : 0;
@@ -11931,7 +11957,7 @@ function Ko(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/SortableList/SortableListHeader.tsx
-var qo = ({ children: t, className: n, columns: r, ...i }) => {
+var Jo = ({ children: t, className: n, columns: r, ...i }) => {
 	if (!r && !t) return null;
 	let a = r ? {
 		display: "grid",
@@ -11952,13 +11978,13 @@ var qo = ({ children: t, className: n, columns: r, ...i }) => {
 };
 //#endregion
 //#region src/components/SortableList/useSortableTree.ts
-function Jo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
+function Yo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
 	let i = n !== void 0, [a, o] = _(() => n ?? e ?? []), [s, c] = _(/* @__PURE__ */ new Set()), u = g(null), d = g(t);
 	t && !d.current && (u.current = {
 		items: i ? n : a,
 		expandedIds: s
-	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Xo("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
-	let f = i ? n : a, p = h(() => Ho(f, s), [f, s]), m = h(() => p.map((e) => e.id), [p]), v = l((e) => {
+	}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Zo("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
+	let f = i ? n : a, p = h(() => Uo(f, s), [f, s]), m = h(() => p.map((e) => e.id), [p]), v = l((e) => {
 		c((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -11976,7 +12002,7 @@ function Jo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		}, []),
 		flatNodes: p,
 		handleReorder: l((e) => {
-			let t = Uo(e);
+			let t = Wo(e);
 			i || o(t), r?.(t);
 		}, [i, r]),
 		resetToSnapshot: l(() => {
@@ -11988,31 +12014,31 @@ function Jo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
 		toggleExpand: v
 	};
 }
-var Yo = /* @__PURE__ */ new Set();
-function Xo(e) {
-	Yo.has(e) || (Yo.add(e), console.warn(e));
+var Xo = /* @__PURE__ */ new Set();
+function Zo(e) {
+	Xo.has(e) || (Xo.add(e), console.warn(e));
 }
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
-var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: c, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: f, maxDepth: m = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
+var Qo = 24, $o = { droppable: { strategy: Qe.Always } }, es = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: c, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: f, maxDepth: m = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
 	let w = "pds-sortable-list", [T, E] = _(null), D = g(null), [O, k] = _(!1), A = g(!1), [j, M] = _(null), N = g(0), P = g(0), F = g("pointer"), I = g(0), L = g(null), [R, z] = _(0), ee = g(0), [B, V] = _(0), H = g(0), U = l((e, t) => {
 		if (m > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
 			e.preventDefault();
 			let n = e.key === "ArrowRight" ? 1 : -1, r = ee.current, i = Math.max(-m, Math.min(m, r + n)), a = i - r;
 			return ee.current = i, z(i), {
-				x: t.currentCoordinates.x + a * Zo,
+				x: t.currentCoordinates.x + a * Qo,
 				y: t.currentCoordinates.y
 			};
 		}
 		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 } = Jo({
+	}, [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;
@@ -12021,20 +12047,20 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = 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 ? Go(G, String(T)) ?? null : null, [T, G]), fe = h(() => {
+	]).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;
-		return !T || !j || O || m === 0 ? e : Ko(q, String(T), String(j), B * Zo, Zo, m);
+		return !T || !j || O || m === 0 ? e : qo(q, String(T), String(j), B * Qo, Qo, m);
 	}, [
 		T,
 		ue,
@@ -12046,7 +12072,7 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = o(function({ chil
 	]), pe = h(() => {
 		if (!T || O || fe === 0 || j && se(j)) return null;
 		let e = q.findIndex((e) => e.id === T);
-		return e === -1 ? null : es(q, e, fe);
+		return e === -1 ? null : ts(q, e, fe);
 	}, [
 		T,
 		q,
@@ -12056,55 +12082,55 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = 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 / Zo), r = H.current;
-		(n > r || n < r && t < r * Zo - Zo * .4) && (H.current = n, V(n));
+		let n = Math.floor(t / Qo), r = H.current;
+		(n > r || n < r && t < r * Qo - Qo * .4) && (H.current = n, V(n));
 	}, [m]), ve = l((e) => {
 		let { active: t, over: n } = e, r = A.current, i = ee.current, a = H.current;
 		E(null), D.current = null, k(!1), A.current = !1, M(null), H.current = 0, V(0), L.current && (K(L.current), L.current = null);
-		let o = q.findIndex((e) => e.id === t.id), s = r ? i * Zo : a * Zo, c = !n || t.id === n.id, l = n?.id ?? null;
+		let o = q.findIndex((e) => e.id === t.id), s = r ? i * Qo : a * Qo, c = !n || t.id === n.id, l = n?.id ?? null;
 		if (r && i > 0 && c && o > 0 && (l = q[o - 1].id), !l || t.id === l) {
 			if (o === -1) return;
 			let e = q[o];
 			if (!e) return;
-			let n = Ko(q, String(t.id), String(t.id), s, Zo, m);
+			let n = qo(q, String(t.id), String(t.id), s, Qo, m);
 			if (n === e.depth) return;
-			let r = [...q], [i] = r.splice(o, 1), a = es(r, o, n);
+			let r = [...q], [i] = r.splice(o, 1), a = ts(r, o, n);
 			if (a && oe.has(a)) return;
 			let c = {
 				...i,
@@ -12113,7 +12139,7 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = 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;
 		}
@@ -12126,9 +12152,9 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = o(function({ chil
 			let e = q[u];
 			_ = Math.min(e.depth + 1, m), v = String(l);
 		} else {
-			_ = Ko(d, String(t.id), String(l), s, Zo, m, p.depth);
+			_ = qo(d, String(t.id), String(l), s, Qo, m, p.depth);
 			let e = d[g];
-			v = e && e.depth === _ - 1 ? String(l) : es(d, g, _);
+			v = e && e.depth === _ - 1 ? String(l) : ts(d, g, _);
 		}
 		if (v && oe.has(v)) return;
 		let y = {
@@ -12138,37 +12164,37 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = 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 = Go(G, String(e.id));
+			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}.`;
 		},
 		onDragOver({ active: e, over: t }) {
 			if (!t) return;
 			let n = q.findIndex((e) => e.id === t.id);
 			if (n === -1) return;
-			let r = Go(G, String(e.id)), i = r ? o(r) : String(e.id), a = Ko(q, String(e.id), String(t.id), P.current, Zo, m);
+			let r = Ko(G, String(e.id)), i = r ? o(r) : String(e.id), a = qo(q, String(e.id), String(t.id), P.current, Qo, m);
 			return `Moving ${i}. Target position: ${n + 1} of ${q.length} at depth ${a}.`;
 		},
 		onDragEnd({ active: e, over: t }) {
-			let n = Go(G, String(e.id)), r = n ? o(n) : String(e.id);
+			let n = Ko(G, String(e.id)), r = n ? o(n) : String(e.id);
 			if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
-			let i = q.findIndex((e) => e.id === t.id), a = Ko(q, String(e.id), String(t.id), P.current, Zo, m);
+			let i = q.findIndex((e) => e.id === t.id), a = qo(q, String(e.id), String(t.id), P.current, Qo, m);
 			return `${r} dropped at position ${i + 1} of ${q.length} at depth ${a}.`;
 		},
 		onDragCancel({ active: e }) {
-			let t = q.find((t) => t.id === e.id), n = Go(G, String(e.id));
+			let t = q.find((t) => t.id === e.id), n = Ko(G, String(e.id));
 			return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? q.indexOf(t) + 1 : "?"} of ${q.length}.`;
 		}
 	}), [
@@ -12176,27 +12202,27 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = o(function({ chil
 		q,
 		o,
 		m
-	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === qo ? 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: Qo,
-		onDragCancel: X,
+		measuring: $o,
+		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: () => {
@@ -12207,15 +12233,15 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = 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,
@@ -12225,8 +12251,8 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = 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, {
@@ -12258,14 +12284,14 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = o(function({ chil
 		return s(a) ? e.cloneElement(a, o) : a;
 	})()) : null));
 });
-function es(e, t, n) {
+function ts(e, t, n) {
 	if (n === 0) return null;
 	for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
 	return null;
 }
 //#endregion
 //#region src/components/SortableList/SortableRow.tsx
-var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
+var ns = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
 	let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = at({
 		attributes: {
 			role: "listitem",
@@ -12320,7 +12346,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		key: t.id,
 		className: `${w}__cell`
 	}, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
-}, ns = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: d, ...p }) => {
+}, rs = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: d, ...p }) => {
 	let m = "pds-stat-panel", h = s === "neutral" ? null : `${m}--${s}`, g = c ? `${m}--active` : null, _ = f(), v = n && r && t;
 	return /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": _,
@@ -12356,11 +12382,11 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: { width: 6 },
 		textSize: "xl"
 	}) : u && /* @__PURE__ */ e.createElement("span", { className: `${m}__stat` }, u)), a && /* @__PURE__ */ e.createElement("p", { className: `${m}__description` }, a));
-}, rs = [
+}, is = [
 	"default",
 	"working",
 	"checked"
-], is = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
+], as = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
 	let l = {
 		checkForUpdates: "Check for updates",
 		checking: "Checking...",
@@ -12408,7 +12434,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		triggerIconColor: "default",
 		triggerIconSize: "xs"
 	}), t === "left" && g));
-}, as = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
+}, os = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
 	let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(Cn, {
 		className: `${o}__spinner`,
 		size: "m"
@@ -12425,23 +12451,23 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, r ? d : l);
-}, os = {
+}, ss = {
 	frozen: "snowflake",
 	restricted: "lock"
-}, ss = {
+}, cs = {
 	frozen: "Frozen",
 	restricted: "Restricted"
-}, cs = ({ className: t, label: n, status: r, ...i }) => {
+}, ls = ({ className: t, label: n, status: r, ...i }) => {
 	let a = "pds-status-scrim";
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([a, t ?? ""]),
 		...i
 	}, /* @__PURE__ */ e.createElement(Q, {
 		className: `${a}__icon`,
-		iconName: os[r],
+		iconName: ss[r],
 		size: "3xl"
-	}), /* @__PURE__ */ e.createElement("span", { className: `${a}__label` }, n ?? ss[r]));
-}, ls = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+	}), /* @__PURE__ */ e.createElement("span", { className: `${a}__label` }, n ?? cs[r]));
+}, us = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
 	let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
 		let a = /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, /* @__PURE__ */ e.createElement("span", null, i + 1)), s = /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, r), c = t ? /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, t) : null, l = `${o}__step`;
 		return /* @__PURE__ */ e.createElement("li", {
@@ -12459,7 +12485,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, us = ({ className: t, steps: n, translatableLabels: r = {
+}, ds = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -12523,7 +12549,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 				key: t.id,
 				className: `${o}__step`,
 				id: `${t.id}--mobile`
-			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(No, {
+			}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Po, {
 				innerLabel: n,
 				label: "Step progress",
 				percentage: i,
@@ -12549,7 +12575,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"data-steps": u,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)));
-}, ds = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, fs = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
 	let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
 	return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
 		className: Z([...p]),
@@ -12575,14 +12601,14 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "highlight"
 	})))));
-}, fs = ({ className: t, labelStrings: n = {
+}, ps = ({ className: t, labelStrings: n = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error"
 }, steps: r, ...i }) => {
 	let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
 		let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
-		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(ds, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(fs, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -12603,12 +12629,12 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: Z([a, t ?? ""]),
 		...i
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
-}, ps = typeof window < "u" ? m : d, ms = (e) => {
+}, ms = typeof window < "u" ? m : d, hs = (e) => {
 	let t = g(e);
-	return ps(() => {
+	return ms(() => {
 		t.current = e;
 	}), l((...e) => t.current(...e), []);
-}, hs = c(function({ baseClass: t, checkboxId: n, columns: r, disabledReason: i, getRowClassName: a, hasSelection: o, isInspectable: s, isInspected: c, isSelectable: l, isSelected: u, onInspect: d, onToggleSelect: f, row: p, rowId: m, selectLabel: h }) {
+}, gs = c(function({ baseClass: t, checkboxId: n, columns: r, disabledReason: i, getRowClassName: a, hasSelection: o, isInspectable: s, isInspected: c, isSelectable: l, isSelected: u, onInspect: d, onToggleSelect: f, row: p, rowId: m, selectLabel: h }) {
 	return /* @__PURE__ */ e.createElement("tr", {
 		"aria-selected": s ? c : void 0,
 		className: Z([
@@ -12633,7 +12659,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		key: `${m}-${t.id}`,
 		className: t.cellClassName
 	}, p[t.id])));
-}), gs = c(function({ baseClass: t, cardColumns: n, disabledReason: r, getRowClassName: i, hasSelection: a, isInspected: o, isSelectable: s, isSelected: c, isTappable: l, onInspect: u, onToggleSelect: d, row: f, rowId: p, selectLabel: m }) {
+}), _s = c(function({ baseClass: t, cardColumns: n, disabledReason: r, getRowClassName: i, hasSelection: a, isInspected: o, isSelectable: s, isSelected: c, isTappable: l, onInspect: u, onToggleSelect: d, row: f, rowId: p, selectLabel: m }) {
 	let [h, ...g] = n, _ = /* @__PURE__ */ e.createElement("div", { className: `${t}__card-main` }, a && /* @__PURE__ */ e.createElement("span", {
 		"aria-hidden": "true",
 		className: "pds-checkbox"
@@ -12668,41 +12694,41 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		onClick: () => u(f, p),
 		type: "button"
 	}, _) : /* @__PURE__ */ e.createElement("div", { className: v }, _));
-}), _s = ({ 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 = ms((e, t) => {
-		(pe ? ge : ne !== void 0 && D) && j === void 0 && Ae(t), H?.(e, t);
+	]), qe = Ke >= 0 ? we[Ke] : null, Je = hs((e, t) => {
+		(pe ? ge : J !== void 0 && D) && j === void 0 && Ae(t), H?.(e, t);
 	}), Ye = () => {
 		j === void 0 && Ae(null);
 	}, Xe = () => {
@@ -12754,23 +12780,23 @@ var ts = ({ 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"
 		}));
@@ -12782,7 +12808,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, ut = ot.reduce((e, t, n) => {
 		let r = Ge(t, n);
 		return N(t, r) && e.push(r), e;
-	}, []), dt = ut.length > 0 && ut.every((e) => Ue.has(e)), ft = !dt && ut.some((e) => Ue.has(e)), pt = ms((e) => {
+	}, []), dt = ut.length > 0 && ut.every((e) => Ue.has(e)), ft = !dt && ut.some((e) => Ue.has(e)), pt = hs((e) => {
 		let t = new Set(Ue);
 		t.has(e) ? t.delete(e) : t.add(e), ze || Ve(t), U?.(Array.from(t));
 	}), mt = () => {
@@ -12807,7 +12833,7 @@ var ts = ({ 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,
@@ -12816,7 +12842,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		};
 	}, yt = (t, n) => {
 		let i = Ge(t, n);
-		return /* @__PURE__ */ e.createElement(hs, {
+		return /* @__PURE__ */ e.createElement(gs, {
 			key: `row-${i}`,
 			baseClass: le,
 			checkboxId: `${de}-row-${i}`,
@@ -12841,7 +12867,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		message: v
 	})), Ct = (t, n) => {
 		let r = Ge(t, n);
-		return /* @__PURE__ */ e.createElement(gs, {
+		return /* @__PURE__ */ e.createElement(_s, {
 			key: `card-${r}`,
 			baseClass: le,
 			cardColumns: he,
@@ -12906,7 +12932,7 @@ var ts = ({ 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,
@@ -12919,17 +12945,17 @@ var ts = ({ 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,
@@ -12952,10 +12978,10 @@ var ts = ({ 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,
@@ -12972,8 +12998,8 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "standard"
 	}))))));
-	return me ? /* @__PURE__ */ e.createElement(vo, { padding: "none" }, Et) : Et;
-}, vs = [
+	return me ? /* @__PURE__ */ e.createElement(yo, { padding: "none" }, Et) : Et;
+}, ys = [
 	" ",
 	"/",
 	".",
@@ -12991,7 +13017,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], ys = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), bs = (e) => {
+], bs = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), xs = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -13004,18 +13030,18 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, xs = (e, t, n) => {
+}, Ss = (e, t, n) => {
 	let [r, i] = _([]);
 	return d(() => {
 		let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
 			let e = Array.from(document.querySelectorAll(r));
 			e.forEach((e) => {
-				vs.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(ys(t), "g"), "-"));
+				ys.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp(bs(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(bs(e));
+			}), i(xs(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -13031,7 +13057,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, Ss = (e, t) => {
+}, Cs = (e, t) => {
 	let [n, r] = _(void 0), i = g({});
 	return d(() => {
 		let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -13050,7 +13076,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, Cs = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
+}, ws = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
 	key: r.id,
 	className: `${n}__list-item`
 }, /* @__PURE__ */ e.createElement("a", {
@@ -13066,8 +13092,8 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
 	href: `#${r.id}`,
 	onClick: (e) => i(e, r.id)
-}, r.title))))))), ws = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
-	let u = "pds-toc", { nestedHeadings: d } = xs(c, o, f()), p = Ss(c, o), m = (e) => {
+}, r.title))))))), Ts = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
+	let u = "pds-toc", { nestedHeadings: d } = Ss(c, o, f()), p = Cs(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -13085,13 +13111,13 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		baseClass: u,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(Cs, {
+	}, a), /* @__PURE__ */ e.createElement(ws, {
 		activeID: p,
 		baseClass: u,
 		headings: d,
 		onLinkClick: g
 	}));
-}, Ts = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, Es = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [l, u] = _(a ?? r);
 	d(() => {
 		a !== void 0 && u(a);
@@ -13205,7 +13231,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== l
 	}, r)))));
-}, Es = [
+}, Ds = [
 	"orange",
 	"stone",
 	"gold",
@@ -13219,7 +13245,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"magenta",
 	"rose",
 	"red"
-], Ds = [
+], Os = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -13229,14 +13255,14 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"lime-solid",
 	"sky-solid",
 	"slate-solid"
-], Os = [
+], ks = [
 	"success-solid",
 	"warning-solid",
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], ks = [...Ds, ...Os], As = [...Es, ...Ds], js = (e) => As[parseInt(fe(e), 16) % As.length], Ms = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Ns = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
-	let [f, p] = _(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${js(l)}`, g = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
+], As = [...Os, ...ks], js = [...Ds, ...Os], Ms = (e) => js[parseInt(fe(e), 16) % js.length], Ns = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Ps = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
+	let [f, p] = _(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${Ms(l)}`, g = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && s(r)) {
@@ -13258,7 +13284,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? Ms(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? Ns(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -13270,7 +13296,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, Ps = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, Fs = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
 	let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = _t(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -13281,7 +13307,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__layout` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, u), /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, d)));
-}, Fs = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: u = !0, labels: f, mainBackground: p, mainContentElement: h = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
+}, Is = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: u = !0, labels: f, mainBackground: p, mainContentElement: h = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
 	let [j, M] = _(l || !1);
 	d(() => {
 		M(l || !1);
@@ -13297,7 +13323,7 @@ var ts = ({ 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();
@@ -13335,14 +13361,14 @@ var ts = ({ 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,
@@ -13357,10 +13383,10 @@ var ts = ({ 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`,
@@ -13398,7 +13424,7 @@ var ts = ({ 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, {
@@ -13409,7 +13435,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && c && b && b();
 		}
 	}, r));
-}, Is = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, Ls = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
 	let c = "pds-docs-layout", l = {
 		"--docs-sidebar-max-width": `${i}rem`,
 		"--docs-sidebar-min-width": `${a}rem`,
@@ -13427,7 +13453,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...s
 	}, f && /* @__PURE__ */ e.createElement("aside", { className: `${c}__sidebar` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__sidebar-inner` }, f)), /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, d));
-}, Ls = ({ children: t, className: n, gridGap: r = "xl", mobileGridGap: i, secondSidebarMobileLocation: a = "after", secondSidebarWidth: o, secondSidebarWidthMax: s, secondSidebarWidthMin: c, sidebarLocation: l = "right", sidebarMobileLocation: u = "after", sidebarWidth: d = "33%", sidebarWidthMax: f = 25, sidebarWidthMin: p = 15, stackSidebarsBelow: m, ...h }) => {
+}, Rs = ({ children: t, className: n, gridGap: r = "xl", mobileGridGap: i, secondSidebarMobileLocation: a = "after", secondSidebarWidth: o, secondSidebarWidthMax: s, secondSidebarWidthMin: c, sidebarLocation: l = "right", sidebarMobileLocation: u = "after", sidebarWidth: d = "33%", sidebarWidthMax: f = 25, sidebarWidthMin: p = 15, stackSidebarsBelow: m, ...h }) => {
 	let g = "pds-sidebar-layout", _ = (e) => e === "none" ? "0" : `var(--pds-spacing-${e})`, v = _(r), y = _(i ?? r), b = _t(t), x = !!b["second-sidebar"], S = !!m && x;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -13450,7 +13476,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...h
 	}, /* @__PURE__ */ e.createElement("div", { className: `${g}__main` }, b.__unslotted || b.content), S ? /* @__PURE__ */ e.createElement("div", { className: Z([`${g}__sides`, `${g}__sides--stack-${m}`]) }, /* @__PURE__ */ e.createElement("div", { className: `${g}__side` }, b.sidebar), /* @__PURE__ */ e.createElement("div", { className: `${g}__second-side` }, b["second-sidebar"])) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${g}__side` }, b.sidebar), x && /* @__PURE__ */ e.createElement("div", { className: `${g}__second-side` }, b["second-sidebar"])));
-}, Rs = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
+}, zs = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
 	let s = "pds-stat-panel-group", c = `${s}--max-${i}`, l = {
 		"--max-columns": i,
 		...a
@@ -13469,8 +13495,8 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${s}__item`,
 		role: "listitem"
 	}, t))));
-}, zs = ({ 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, {
+}, 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(ga, {
 		className: Z([
 			l,
 			u,
@@ -13479,8 +13505,8 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		width: "wide",
 		...a
 	}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
-	return i ? /* @__PURE__ */ e.createElement(vo, null, d) : d;
-}, Bs = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+	return i ? /* @__PURE__ */ e.createElement(yo, null, d) : d;
+}, Vs = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
 	let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = _t(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -13498,7 +13524,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		key: n,
 		className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
 	}, t)));
-}, Vs = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, Hs = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
 	let s = "pds-two-item-layout", c = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, l = `${s}--${a}`, u = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], f = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"], m, h;
 	switch (i) {
 		case "equal":
@@ -13519,7 +13545,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...o
 	}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
-}, Hs = ({ alignContent: t = "flex-start", alignItems: n = "stretch", asContainer: r = !1, children: i, className: a, containerAlignContent: o, containerAlignItems: s, containerFlexDirection: c, containerFlexWrap: l, containerGap: u, containerJustifyContent: d, containerQueryPriority: f = "container", flexDirection: p = "row", flexWrap: m = "nowrap", gap: h = "xl", justifyContent: g = "flex-start", mobileAlignContent: _, mobileAlignItems: v, mobileFlexDirection: y, mobileFlexWrap: b, mobileGap: x, mobileJustifyContent: S, stackBelow: C, style: w, ...T }) => {
+}, Us = ({ alignContent: t = "flex-start", alignItems: n = "stretch", asContainer: r = !1, children: i, className: a, containerAlignContent: o, containerAlignItems: s, containerFlexDirection: c, containerFlexWrap: l, containerGap: u, containerJustifyContent: d, containerQueryPriority: f = "container", flexDirection: p = "row", flexWrap: m = "nowrap", gap: h = "xl", justifyContent: g = "flex-start", mobileAlignContent: _, mobileAlignItems: v, mobileFlexDirection: y, mobileFlexWrap: b, mobileGap: x, mobileJustifyContent: S, stackBelow: C, style: w, ...T }) => {
 	let E = "pds-flex", D = `${E}-container`, O = {
 		"--pds-flex-align-content": t,
 		"--pds-flex-align-items": n,
@@ -13567,20 +13593,20 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			...O
 		}
 	}, i));
-}, Us = [
+}, Ws = [
 	"light",
 	"dark",
 	"system"
-], Ws = (e) => typeof e == "string" && Us.includes(e), Gs = i(null), Ks = {
+], Gs = (e) => typeof e == "string" && Ws.includes(e), Ks = i(null), qs = {
 	resolvedTheme: "light",
 	setTheme: () => {},
 	theme: "light"
-}, qs = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, Js = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: c }) => {
+}, Js = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, Ys = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: c }) => {
 	let u = c !== void 0, f = !r && !u && o && !i, [p, m] = _(n), [h, g] = _(!1), v = u ? c : p, y = an("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
 	d(() => {
 		if (g(!0), !(u || !o || typeof window > "u")) try {
 			let e = window.localStorage.getItem(s);
-			Ws(e) && m(e);
+			Gs(e) && m(e);
 		} catch {}
 	}, []), d(() => {
 		typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -13600,20 +13626,20 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		theme: v
 	};
-	return /* @__PURE__ */ e.createElement(Gs.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: qs({
+	return /* @__PURE__ */ e.createElement(Ks.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: Js({
 		defaultTheme: n,
 		storageKey: s
 	}) } }), t);
-}, Ys = () => u(Gs) ?? Ks, Xs = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
+}, Xs = () => u(Ks) ?? qs, Zs = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
 	d(() => {
 		let e = document.documentElement, t = () => {
 			window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
 		};
 		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
 	}, [r]);
-	let a = n ? /* @__PURE__ */ e.createElement(Js, i, t) : t;
+	let a = n ? /* @__PURE__ */ e.createElement(Ys, i, t) : t;
 	return /* @__PURE__ */ e.createElement(tn, null, a);
-}, Zs = ({ children: t, className: n, gap: r = "xl", itemMinWidth: i, maxColumns: a, mobileGap: o, ...s }) => {
+}, Qs = ({ children: t, className: n, gap: r = "xl", itemMinWidth: i, maxColumns: a, mobileGap: o, ...s }) => {
 	let c = "pds-auto-grid", l = r === "xl" ? null : `${c}--gap-${r}`, u = a ? `${c}--capped` : null, d = o ?? r, f = d === r ? null : `${c}-gap-mobile--${d}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -13629,7 +13655,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...s
 	}, t);
-}, Qs = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, $s = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
 	let l = "pds-grid", u = a === "xl" ? null : `${l}--gap-${a}`, d = i ? `${l}--dense` : null, f = t || s ? `${l}--container` : null, p = s ? `${l}--stack-${s}` : null, m = o ?? a, h = m === a ? null : `${l}-gap-mobile--${m}`;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -13643,7 +13669,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, $s = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, ec = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
 	let f = "pds-grid-item", p = [
 		l ? `${f}--sm-${l}` : null,
 		c ? `${f}--md-${c}` : null,
@@ -13662,7 +13688,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, ec = (e, t, n) => {
+}, tc = (e, t, n) => {
 	let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: s = !1 } = n ?? {}, [c, u] = _(!1), f = l((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === s, [
 		r,
 		i,
@@ -13686,7 +13712,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		m,
 		a
 	]), c;
-}, tc = () => {
+}, nc = () => {
 	let e = typeof window < "u", [t, n] = _(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return d(() => {
 		if (!e) return;
@@ -13700,6 +13726,6 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, [e]), t;
 };
 //#endregion
-export { br as ActionCard, Fs as AppLayout, Zs as AutoGrid, ui as Avatar, di as AvatarLabel, wt as Badge, Ia as Banner, Ur as BarChart, ta as BookmarksEmptyState, ra as BookmarksMenu, mo 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, Is as DocsLayout, ro as Drawer, $n as Dropdown, pa as DropdownMenu, ho as ExpansionPanel, go as ExpansionPanelGroup, _o as FeaturePanel, ai as FileDiff, Bi as FileUpload, ur as FilterButton, Hs as FlexContainer, io as FullScreenOverlay, Xs as GlobalWrapper, Qs as Grid, $s 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, vo as Panel, yo as PanelList, bo as PanelRow, xo as PanelStack, Eo as PantheonLogo, si as PaymentIcon, Qi as Picture, qr as PieChart, mr as PlatformIcon, ko as Popover, jo as ProgressBar, No as ProgressRing, Yr as ProportionBar, Hi as RadioGroup, Io 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, Ls as SidebarLayout, zo as SiteFooter, Ca as SiteMenu, Bo as SiteOptionDisplay, Vo as SiteSearch, Jn as SiteTypeIcon, qn as SiteTypeLabel, zr as Skeleton, Zi as Skiplink, $o as SortableList, qo as SortableListHeader, ts as SortableRow, Cn as Spinner, pr as SplitButton, ns as StatPanel, Rs as StatPanelGroup, wn as StatusBadge, is as StatusChecker, as as StatusIndicator, cs as StatusScrim, Hn as StatusTypeLabels, ls as StepList, us as Stepper, zs as StepperLayout, Ui as Switch, Ta as TabMenu, _s as Table, ws as TableOfContents, Ts as Tabs, Ns as Tag, Gi as TagsInput, Tn as Tally, Ji as TextInput, Ki as Textarea, Gs as ThemeContext, Js as ThemeContextProvider, ka as ThemeSwitcher, Bs as ThreeItemLayout, Ci as Timepicker, Ja as Toast, Ya as ToastType, Ga as Toaster, Ua as ToasterContext, on as Tooltip, Da as TreeNav, Vs as TwoItemLayout, Aa as UserMenu, Ps as UtilityBar, _r as UtilityButton, ii as VerticalEmptyState, fs as VerticalStepper, ni as VideoEmbed, fo as WidgetPanel, Ma as WorkspaceSelector, So as WorkspaceSelectorPanel, ea as buildBookmarkMenuItems, Fi as getPresetDateRange, qs as getThemeInitScript, St as iconList, Wn as isHeadingItemType, Gn as isLinkItemType, Kn as isNodeItemType, Un as isSeparatorItemType, rs as statusCheckerStates, Es as tagColors, ks as tagSolidColors, Ds as tagSolidHueColors, Os as tagSolidStatusColors, ya as useBreakpoint, Mn as useClipboard, Ln as useDropdown, Qt as useIsMobile, ec as useKeyPress, rn as useKeyboardShortcut, an as useMediaQuery, Ys as useTheme, Xa as useToast, tc 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