@pantheon-systems/pds-toolkit-react 2.0.0-alpha.73 → 2.0.0-alpha.75

package/dist/index.js

@@ -3413,25 +3413,25 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	wordpress: "wordpress",
 	gatsby: "boltSolid",
 	nextjs: "boltSolid"
-}, tr = ({ className: t, disabled: n, iconName: r = "ellipsisVertical", iconOnly: i = !1, id: a, isSplitButton: o = !1, label: s, menuItems: c, onClick: l, size: u = "s", statusDot: d, tally: f, testId: p, undefinedLabel: m = "Unlabeled group", variant: h = "primary", ..._ }) => {
-	let { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setIsOpen: O, transitionStyles: k } = Pn({
+}, tr = ({ className: t, disabled: n, iconName: r = "ellipsisVertical", iconOnly: i = !1, id: a, isMobileAccordion: o = !1, isSplitButton: s = !1, label: c, menuItems: l, onClick: u, size: d = "s", statusDot: f, tally: p, testId: m, undefinedLabel: h = "Unlabeled group", variant: _ = "primary", ...v }) => {
+	let { activeIndex: y, floatingStyles: b, getFloatingProps: x, getItemProps: C, getReferenceProps: w, isMounted: T, isOpen: E, listRef: D, refs: O, setIsOpen: k, transitionStyles: A } = Pn({
 		enableClick: !n,
 		enableTypeahead: !0,
 		offsetValue: 8,
 		placement: "bottom-start",
 		role: "menu"
-	}), A = Xt(), j = "pds-menu-button", M = h === "navbar", N = M ? "subtle" : h, P = a, [F] = g(`menu-button-${a}`), I = [], L = [];
+	}), j = Xt(), M = o && j, N = "pds-menu-button", P = _ === "navbar", F = P ? "subtle" : _, I = a, [L] = g(`menu-button-${a}`), R = [], z = [];
 	((e) => {
 		e.forEach((e) => {
-			!Yn(e) && !Xn(e) && !Qn(e) && L.push(e);
+			!Yn(e) && !Xn(e) && !Qn(e) && z.push(e);
 		});
-	})(c);
-	let R = (e) => {
-		"disabled" in e && e.disabled || ("callback" in e && e.callback && e.callback(e), O(!1));
-	}, z = () => {
-		l && l();
-	}, B = (t, n, r = "", i = "") => {
-		let a = P + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
+	})(l);
+	let B = (e) => {
+		"disabled" in e && e.disabled || ("callback" in e && e.callback && e.callback(e), k(!1));
+	}, V = () => {
+		u && u();
+	}, H = (t, n, r = "", i = "") => {
+		let a = I + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
 		if (Yn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: o,
 			className: "pds-dropdown__separator",
@@ -3439,7 +3439,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		});
 		if (Xn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: i || o,
-			className: `pds-dropdown__heading ${j}__listbox-heading`,
+			className: `pds-dropdown__heading ${N}__listbox-heading`,
 			id: i || void 0,
 			role: "presentation"
 		}, t.label);
@@ -3448,17 +3448,17 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			role: "presentation"
 		}, t.nodeContent);
 		if (Zn(t) || "label" in t && t.label) {
-			let n = L.indexOf(t), r = v === n, i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, s = [];
+			let n = z.indexOf(t), r = y === n, i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, s = [];
 			if ("label" in t && t.label && s.push(t.label), Zn(t) && t.linkContent) {
 				let e = t.linkContent;
 				s.push(e.props.children);
 			}
 			t.iconName && s.unshift(/* @__PURE__ */ e.createElement(Q, {
-				key: `icon-${P}`,
+				key: `icon-${I}`,
 				iconName: t.iconName,
 				size: t.iconSize ?? "s"
 			})), i && a && s.unshift(/* @__PURE__ */ e.createElement("span", {
-				key: `critical-${P}`,
+				key: `critical-${I}`,
 				className: "visually-hidden"
 			}, a));
 			let c = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, l;
@@ -3467,9 +3467,9 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				l = /* @__PURE__ */ e.createElement(r, {
 					tabIndex: -1,
 					...n.props,
-					onClick: () => O(!1)
-				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${j}__item-label` }, s), c));
-			} else l = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${j}__item-label` }, s), c);
+					onClick: () => k(!1)
+				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${N}__item-label` }, s), c));
+			} else l = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${N}__item-label` }, s), c);
 			let u = Z([
 				"pds-dropdown__item",
 				r ? "pds-dropdown__item--focused" : null,
@@ -3478,7 +3478,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			return /* @__PURE__ */ e.createElement("li", {
 				key: o,
 				ref: (e) => {
-					E.current[n] = e;
+					D.current[n] = e;
 				},
 				"aria-disabled": t.disabled || void 0,
 				className: u,
@@ -3486,18 +3486,18 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				id: o,
 				role: "menuitem",
 				tabIndex: r ? 0 : -1,
-				...x({
+				...C({
 					onClick: () => {
-						Zn(t) || R(t), O(!1);
+						Zn(t) || B(t), k(!1);
 					},
 					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Zn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : R(t));
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Zn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : B(t));
 					}
 				})
 			}, l);
 		}
-	}, V = (t, n) => {
-		let r = "id" in t && t.id ? t.id : `${P}-accordion-item-${n + 1}`;
+	}, U = (t, n) => {
+		let r = "id" in t && t.id ? t.id : `${I}-accordion-item-${n + 1}`;
 		if (Yn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			className: "pds-dropdown__separator",
@@ -3505,7 +3505,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		});
 		if (Xn(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
-			className: `pds-dropdown__heading ${j}__listbox-heading`,
+			className: `pds-dropdown__heading ${N}__listbox-heading`,
 			role: "presentation"
 		}, t.label);
 		if (Qn(t)) return /* @__PURE__ */ e.createElement("li", {
@@ -3519,11 +3519,11 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				o.push(e.props.children);
 			}
 			t.iconName && o.unshift(/* @__PURE__ */ e.createElement(Q, {
-				key: `icon-${P}-${n}`,
+				key: `icon-${I}-${n}`,
 				iconName: t.iconName,
 				size: t.iconSize ?? "s"
 			})), i && a && o.unshift(/* @__PURE__ */ e.createElement("span", {
-				key: `critical-${P}-${n}`,
+				key: `critical-${I}-${n}`,
 				className: "visually-hidden"
 			}, a));
 			let s = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, c;
@@ -3532,138 +3532,138 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 				c = /* @__PURE__ */ e.createElement(r, {
 					tabIndex: -1,
 					...n.props
-				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${j}__item-label` }, o), s));
-			} else c = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${j}__item-label` }, o), s);
+				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${N}__item-label` }, o), s));
+			} else c = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${N}__item-label` }, o), s);
 			return /* @__PURE__ */ e.createElement("li", {
 				key: r,
 				"aria-disabled": t.disabled || void 0,
 				className: Z(["pds-dropdown__item", i ? "pds-dropdown__item--critical" : null]),
 				id: r,
 				onClick: () => {
-					Zn(t) || R(t);
+					Zn(t) || B(t);
 				},
 				role: "menuitem",
 				tabIndex: t.disabled ? -1 : 0
 			}, c);
 		}
-	}, H = (t) => {
+	}, W = (t) => {
 		let n = t.filter(Xn || Yn), r = n.length > 0, a = Z([
 			"pds-dropdown__panel",
-			`${j}__listbox`,
-			i ? `${j}__listbox--icon-only` : null
+			`${N}__listbox`,
+			i ? `${N}__listbox--icon-only` : null
 		]), o = 0;
 		if (r) {
-			let r = U(t, n);
+			let r = G(t, n);
 			return r.forEach((e, t) => {
-				I.push(`${t}`);
+				R.push(`${t}`);
 			}), /* @__PURE__ */ e.createElement("div", {
-				ref: D.setFloating,
-				"aria-labelledby": P,
+				ref: O.setFloating,
+				"aria-labelledby": I,
 				className: a,
-				id: F,
+				id: L,
 				role: "menu",
 				style: {
-					...y,
-					...k,
+					...b,
+					...A,
 					zIndex: "var(--pds-z-index-dropdown)"
 				},
-				...b()
+				...x()
 			}, r.map((t, n) => {
-				let r = I[n], i = "isHeading" in t[0] && t[0].isHeading, a = i ? `${P}-group-${r}-heading` : "", s = `${P}-group-${r}`, c = i ? null : `${m} ${n + 1}`;
+				let r = R[n], i = "isHeading" in t[0] && t[0].isHeading, a = i ? `${I}-group-${r}-heading` : "", s = `${I}-group-${r}`, c = i ? null : `${h} ${n + 1}`;
 				return /* @__PURE__ */ e.createElement("ul", {
 					key: s,
 					"aria-label": c,
 					"aria-labelledby": a || void 0,
 					role: "group"
 				}, t.map((e) => {
-					let t = B(e, o, r, a);
+					let t = H(e, o, r, a);
 					return !Yn(e) && !Xn(e) && !Qn(e) && o++, t;
 				}));
 			}));
 		} else return /* @__PURE__ */ e.createElement("ul", {
-			ref: D.setFloating,
-			"aria-labelledby": P,
+			ref: O.setFloating,
+			"aria-labelledby": I,
 			className: a,
-			id: F,
+			id: L,
 			role: "menu",
 			style: {
-				...y,
-				...k,
+				...b,
+				...A,
 				zIndex: "var(--pds-z-index-dropdown)"
 			},
-			...b()
+			...x()
 		}, t.map((e) => {
-			let t = B(e, o);
+			let t = H(e, o);
 			return !Yn(e) && !Xn(e) && !Qn(e) && o++, t;
 		}));
-	}, U = (e, t) => {
+	}, G = (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);
-	}, W, G = u === "m" ? "s" : "xs", K = f ? /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement(Sn, {
+	}, K, q = d === "m" ? "s" : "xs", J = p ? /* @__PURE__ */ e.createElement(e.Fragment, null, c, /* @__PURE__ */ e.createElement(Sn, {
 		className: "pds-button__tally",
-		label: f.label,
-		size: G,
-		type: f.type
-	})) : s, q = f ? /* @__PURE__ */ e.createElement("span", { className: `${j}__accordion-label` }, s, /* @__PURE__ */ e.createElement(Sn, {
-		className: `${j}__tally`,
-		label: f.label,
+		label: p.label,
+		size: q,
+		type: p.type
+	})) : c, ee = p ? /* @__PURE__ */ e.createElement("span", { className: `${N}__accordion-label` }, c, /* @__PURE__ */ e.createElement(Sn, {
+		className: `${N}__tally`,
+		label: p.label,
 		size: "s",
-		type: f.type
-	})) : s;
-	if (i || (W = /* @__PURE__ */ e.createElement(Dn, {
-		ref: D.setReference,
-		"aria-controls": F,
-		"aria-expanded": T,
+		type: p.type
+	})) : c;
+	if (i || (K = /* @__PURE__ */ e.createElement(Dn, {
+		ref: O.setReference,
+		"aria-controls": L,
+		"aria-expanded": E,
 		"aria-haspopup": "true",
-		className: Z([`${j}__trigger`, M ? `${j}__trigger--navbar` : null]),
+		className: Z([`${N}__trigger`, P ? `${N}__trigger--navbar` : null]),
 		disabled: n,
 		displayType: "icon-end",
 		iconName: "angleDown",
-		id: P,
-		isSplitButton: o,
-		label: K,
-		size: u,
-		statusDot: d,
+		id: I,
+		isSplitButton: s,
+		label: J,
+		size: d,
+		statusDot: f,
 		type: "button",
-		variant: N,
-		...C({ onClick: z })
+		variant: F,
+		...w({ onClick: V })
 	})), i) {
-		let t = En(s);
-		W = /* @__PURE__ */ e.createElement(An, {
-			ref: D.setReference,
-			"aria-controls": F,
-			"aria-expanded": T,
+		let t = En(c);
+		K = /* @__PURE__ */ e.createElement(An, {
+			ref: O.setReference,
+			"aria-controls": L,
+			"aria-expanded": E,
 			"aria-haspopup": "true",
 			ariaLabel: t,
-			className: `${j}__trigger ${j}__trigger--icon-only`,
+			className: `${N}__trigger ${N}__trigger--icon-only`,
 			disabled: n,
 			hasTooltip: !1,
 			iconName: r,
-			id: P,
-			size: u,
+			id: I,
+			size: d,
 			type: "button",
 			variant: "standard",
-			...C({ onClick: z })
+			...w({ onClick: V })
 		});
 	}
-	let J = i ? /* @__PURE__ */ e.createElement("span", { className: `${j}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", s) : q, ee = T ? `${j}--expanded` : null;
+	let te = i ? /* @__PURE__ */ e.createElement("span", { className: `${N}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", c) : ee, ne = E ? `${N}--expanded` : null;
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([
-			j,
-			ee,
+			N,
+			ne,
 			t
 		]),
-		"data-testid": p,
-		..._
-	}, A ? /* @__PURE__ */ e.createElement(qn, {
+		"data-testid": m,
+		...v
+	}, M ? /* @__PURE__ */ e.createElement(qn, {
 		disabled: n,
-		label: J
+		label: te
 	}, /* @__PURE__ */ e.createElement("ul", {
-		className: `${j}__mobile-menu`,
+		className: `${N}__mobile-menu`,
 		role: "menu"
-	}, c.map((e, t) => V(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, W, w && /* @__PURE__ */ e.createElement(S, null, H(c))));
+	}, l.map((e, t) => U(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, K, T && /* @__PURE__ */ e.createElement(S, null, W(l))));
 }, nr = ({ border: t = !1, className: n, defaultValue: r, disabled: i = !1, iconOnly: a = !1, id: o, label: s, onChange: c, options: l, size: u = "m", value: d, ...f }) => {
 	let p = "pds-segmented-button", m = u === "m" ? null : `${p}--${u}`, h = t ? `${p}--bordered` : null, _ = a ? `${p}--icon-only` : null;
 	a && process.env.NODE_ENV !== "production" && l.some((e) => !e.iconName) && console.warn("[SegmentedButton] `iconOnly` mode requires every option to have an `iconName`. Options without one will render an empty segment.");
@@ -8734,7 +8734,9 @@ var Hr = {
 }, Hi = (e) => e.map((e) => `${Bi(e)}${e.links ? `[${Hi(e.links)}]` : ""}`).join("|"), Ui = (e) => {
 	if (s(e)) {
 		let t = e.type;
-		return t === "a" || typeof t == "string" && t.toLowerCase() === "a" || (typeof t == "function" || typeof t == "object") && t?.displayName === "Link";
+		if (t === "a" || typeof t == "string" && t.toLowerCase() === "a" || (typeof t == "function" || typeof t == "object") && t?.displayName === "Link") return !0;
+		let n = e.props;
+		return n.to !== void 0 || n.href !== void 0;
 	}
 	return !1;
 }, Wi = (e, t) => {
@@ -9674,11 +9676,11 @@ var Hr = {
 		offsetValue: 0,
 		preferredPlacement: "top"
 	}));
-}, sa = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], onThemeChange: i, theme: a, themeLabel: o = "Theme", themeLabelStrings: s, userEmail: c, userImageSrc: l, userName: u, ...f }) => {
-	let [p, m] = g(null), [_, v] = g(!1), y = h([]), b = h([]), x = d(), C = "pds-user-menu", D = `${C}__menu`, { context: k, floatingStyles: N, refs: P } = M({
+}, sa = ({ ariaLabel: t = "User menu", className: n, isMobileAccordion: r = !1, menuItems: i = [], onThemeChange: a, theme: o, themeLabel: s = "Theme", themeLabelStrings: c, userEmail: l, userImageSrc: u, userName: f, ...p }) => {
+	let [m, _] = g(null), [v, y] = g(!1), b = Xt(), x = r && b, C = h([]), D = h([]), k = d(), N = "pds-user-menu", P = `${N}__menu`, { context: F, floatingStyles: B, refs: V } = M({
 		placement: "bottom-end",
-		open: _,
-		onOpenChange: v,
+		open: v,
+		onOpenChange: y,
 		middleware: [
 			E(12),
 			T(),
@@ -9686,20 +9688,20 @@ var Hr = {
 		],
 		whileElementsMounted: w,
 		strategy: "fixed"
-	}), F = A(k, { event: "mousedown" }), B = j(k), V = R(k, { role: "menu" }), H = h([]), { getFloatingProps: U, getItemProps: W, getReferenceProps: G } = I([
-		B,
-		V,
-		F,
-		L(k, {
-			listRef: H,
-			activeIndex: p,
-			onNavigate: m,
+	}), H = A(F, { event: "mousedown" }), U = j(F), W = R(F, { role: "menu" }), G = h([]), { getFloatingProps: K, getItemProps: q, getReferenceProps: J } = I([
+		U,
+		W,
+		H,
+		L(F, {
+			listRef: G,
+			activeIndex: m,
+			onNavigate: _,
 			loop: !0,
 			openOnArrowKeyDown: !0,
 			focusItemOnOpen: !1,
 			focusItemOnHover: !0
 		})
-	]), { isMounted: K, styles: q } = z(k, {
+	]), { isMounted: ee, styles: te } = z(F, {
 		duration: {
 			open: 300,
 			close: 150
@@ -9707,58 +9709,58 @@ var Hr = {
 		initial: { opacity: 0 },
 		open: { opacity: 1 },
 		close: { opacity: 0 }
-	}), J = /* @__PURE__ */ e.createElement(bt, {
+	}), ne = /* @__PURE__ */ e.createElement(bt, {
 		hasUserFallback: !0,
-		className: `${C}__avatar`,
-		imageSrc: l,
+		className: `${N}__avatar`,
+		imageSrc: u,
 		size: "s",
-		uniqueId: c
-	}), ee = /* @__PURE__ */ e.createElement("li", {
-		className: `${C}__user-details`,
+		uniqueId: l
+	}), re = /* @__PURE__ */ e.createElement("li", {
+		className: `${N}__user-details`,
 		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("div", { className: `${C}__user-name` }, u), /* @__PURE__ */ e.createElement("div", { className: `${C}__user-email` }, c)), te = a !== void 0 && typeof i == "function" ? /* @__PURE__ */ e.createElement("li", {
-		className: `${C}__theme-row`,
+	}, /* @__PURE__ */ e.createElement("div", { className: `${N}__user-name` }, f), /* @__PURE__ */ e.createElement("div", { className: `${N}__user-email` }, l)), ie = o !== void 0 && typeof a == "function" ? /* @__PURE__ */ e.createElement("li", {
+		className: `${N}__theme-row`,
 		role: "presentation"
-	}, /* @__PURE__ */ e.createElement("span", { className: `${C}__theme-label` }, o), /* @__PURE__ */ e.createElement(oa, {
-		id: `${x}-theme`,
-		labelStrings: s,
-		onChange: i,
+	}, /* @__PURE__ */ e.createElement("span", { className: `${N}__theme-label` }, s), /* @__PURE__ */ e.createElement(oa, {
+		id: `${k}-theme`,
+		labelStrings: c,
+		onChange: a,
 		size: "s",
-		theme: a,
+		theme: o,
 		variant: "toggle"
 	})) : null;
-	r.forEach((e, t) => {
-		let n = e.id ? e.id : `${x}-item-${t}`;
-		y.current.push(n), b.current.push(e);
+	i.forEach((e, t) => {
+		let n = e.id ? e.id : `${k}-item-${t}`;
+		C.current.push(n), D.current.push(e);
 	});
-	let ne = (e) => {
-		let t = y.current.indexOf(e), n = b.current[t];
-		n.linkContent && !n.disabled && (H.current[t].querySelector("a").click(), v(!1)), n.callback && !n.disabled && (n.callback(), v(!1));
-	}, re = (e) => {
-		e.preventDefault(), e.key === "Enter" && ne(e.currentTarget.id);
-	}, ie = (e) => {
-		ne(e.currentTarget.id);
-	}, ae = r.map((t, n) => {
-		let r = y.current[n], i = `${C}__item`, a = t.disabled ? `${i}--disabled` : null;
+	let ae = (e) => {
+		let t = C.current.indexOf(e), n = D.current[t];
+		n.linkContent && !n.disabled && (G.current[t].querySelector("a").click(), y(!1)), n.callback && !n.disabled && (n.callback(), y(!1));
+	}, oe = (e) => {
+		e.preventDefault(), e.key === "Enter" && ae(e.currentTarget.id);
+	}, Y = (e) => {
+		ae(e.currentTarget.id);
+	}, se = i.map((t, n) => {
+		let r = C.current[n], i = `${N}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			ref: (e) => {
-				H.current[n] = e;
+				G.current[n] = e;
 			},
 			"aria-disabled": t.disabled || void 0,
 			className: Z([i, a]),
 			id: r,
-			onKeyDown: re,
+			onKeyDown: oe,
 			role: "menuitem",
-			tabIndex: p === n ? 0 : -1,
-			...W({ onClick: (e) => ie(e) })
+			tabIndex: m === n ? 0 : -1,
+			...q({ onClick: (e) => Y(e) })
 		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
-			className: `${C}__icon`,
+			className: `${N}__icon`,
 			iconName: t.iconName,
 			size: "m"
 		}));
-	}), oe = r.map((t, n) => {
-		let r = y.current[n], i = `${C}__item`, a = t.disabled ? `${i}--disabled` : null;
+	}), X = i.map((t, n) => {
+		let r = C.current[n], i = `${N}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
 			"aria-disabled": t.disabled || void 0,
@@ -9769,44 +9771,44 @@ var Hr = {
 			},
 			role: "menuitem"
 		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
-			className: `${C}__icon`,
+			className: `${N}__icon`,
 			iconName: t.iconName,
 			size: "m"
 		}));
-	}), Y = /* @__PURE__ */ e.createElement("span", { className: `${C}__toggle-left` }, J, u ?? c);
+	}), ce = /* @__PURE__ */ e.createElement("span", { className: `${N}__toggle-left` }, ne, f ?? l);
 	return /* @__PURE__ */ e.createElement("span", {
-		className: Z([C, n ?? ""]),
-		...f
-	}, /* @__PURE__ */ e.createElement(qn, { label: Y }, /* @__PURE__ */ e.createElement("ul", {
-		className: Z([D, `${D}--mobile`]),
+		className: Z([N, n ?? ""]),
+		...p
+	}, x ? /* @__PURE__ */ e.createElement(qn, { label: ce }, /* @__PURE__ */ e.createElement("ul", {
+		className: Z([P, `${P}--mobile`]),
 		role: "menu"
-	}, ee, /* @__PURE__ */ e.createElement("li", { role: "separator" }), te, oe)), /* @__PURE__ */ e.createElement("button", {
-		ref: P.setReference,
+	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, X)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		ref: V.setReference,
 		"aria-label": t,
-		className: `${C}__trigger`,
+		className: `${N}__trigger`,
 		type: "button",
-		...G()
-	}, J), K && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		ref: P.setFloating,
-		className: `${C}__dropdown`,
+		...J()
+	}, ne), ee && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+		ref: V.setFloating,
+		className: `${N}__dropdown`,
 		style: {
-			...N,
+			...B,
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
-		...U()
-	}, /* @__PURE__ */ e.createElement("div", { style: { ...q } }, /* @__PURE__ */ e.createElement("ul", {
-		className: D,
+		...K()
+	}, /* @__PURE__ */ e.createElement("div", { style: { ...te } }, /* @__PURE__ */ e.createElement("ul", {
+		className: P,
 		role: "menu"
-	}, ee, /* @__PURE__ */ e.createElement("li", { role: "separator" }), te, ae)))));
-}, ca = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", menuHeading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
-	let [d, f] = g(""), [_, v] = g(""), y = h(null), b = l.length >= s, x = "pds-workspace-selector", C = `${x}__menu`, w = b ? `${C}--scroll` : null, { activeIndex: T, floatingStyles: E, getFloatingProps: D, getItemProps: O, getReferenceProps: k, isMounted: A, listRef: j, refs: M, setIsOpen: N, transitionStyles: P } = Pn({
-		enableTypeahead: !b,
+	}, re, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ie, se))))));
+}, ca = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", isMobileAccordion: o = !1, menuHeading: s = "Workspaces", minFilterItems: c = 8, noResultsText: l = "No results found", workspaceList: u = [], ...d }) => {
+	let [f, _] = g(""), [v, y] = g(""), b = h(null), x = u.length >= c, C = Xt(), w = o && C, T = "pds-workspace-selector", E = `${T}__menu`, D = x ? `${E}--scroll` : null, { activeIndex: O, floatingStyles: k, getFloatingProps: A, getItemProps: j, getReferenceProps: M, isMounted: N, listRef: P, refs: F, setIsOpen: I, transitionStyles: L } = Pn({
+		enableTypeahead: !x,
 		role: "menu"
-	}), F = l.find((e) => e.isActive);
-	F || (F = l[0]);
-	let I = h(null);
+	}), R = u.find((e) => e.isActive);
+	R || (R = u[0]);
+	let z = h(null);
 	p(() => {
-		let e = I.current, t = e?.parentElement;
+		let e = z.current, t = e?.parentElement;
 		if (!e || !t) return;
 		let n = () => {
 			t.style.width = "";
@@ -9816,28 +9818,28 @@ var Hr = {
 			i > 0 && (t.style.width = `${Math.ceil(i)}px`);
 		};
 		n(), document.fonts?.ready.then(n);
-	}, [F?.displayName]);
-	let L = m(() => {
-		if (!d) return l;
-		let e = d.toLowerCase();
-		return l.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [l, d]), R = m(() => {
-		if (!_) return l;
-		let e = _.toLowerCase();
-		return l.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [l, _]), z = (e) => {
-		e.preventDefault(), e.key === "Enter" && (j.current[T]?.querySelector("a") || j.current[T]?.querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? b ? document.getElementById("workspace-filter")?.focus() : N(!1) : r ? y.current?.querySelector("a")?.focus() : N(!1));
-	}, B = (t) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${x}__item-content` }, /* @__PURE__ */ e.createElement(bt, {
-		className: `${x}__list-avatar`,
+	}, [R?.displayName]);
+	let B = m(() => {
+		if (!f) return u;
+		let e = f.toLowerCase();
+		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
+	}, [u, f]), V = m(() => {
+		if (!v) return u;
+		let e = v.toLowerCase();
+		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
+	}, [u, v]), H = (e) => {
+		e.preventDefault(), e.key === "Enter" && (P.current[O]?.querySelector("a") || P.current[O]?.querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? x ? document.getElementById("workspace-filter")?.focus() : I(!1) : r ? b.current?.querySelector("a")?.focus() : I(!1));
+	}, U = (t) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${T}__item-content` }, /* @__PURE__ */ e.createElement(bt, {
+		className: `${T}__list-avatar`,
 		imageSrc: t.imageSrc,
 		size: "s",
 		uniqueId: t.workspaceId
-	}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${x}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
-		className: `${x}__lock-icon`,
+	}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${T}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
+		className: `${T}__lock-icon`,
 		iconName: "lock"
-	}), t.isActive && /* @__PURE__ */ e.createElement(Gn, null))), V = L.map((t, n) => {
-		let r = `${x}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
-			j.current[n] = e;
+	}), t.isActive && /* @__PURE__ */ e.createElement(Gn, null))), W = B.map((t, n) => {
+		let r = `${T}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
+			P.current[n] = e;
 		};
 		return /* @__PURE__ */ e.createElement("li", {
 			key: i,
@@ -9851,18 +9853,18 @@ var Hr = {
 				t.isRestricted ? `${r}--restricted` : null
 			]),
 			id: i,
-			onKeyDown: z,
+			onKeyDown: H,
 			role: "menuitem",
-			tabIndex: T === n ? 0 : -1,
-			...O()
+			tabIndex: O === n ? 0 : -1,
+			...j()
 		}, a ? /* @__PURE__ */ e.createElement("button", {
 			onClick: () => {
-				t.onRestrictedSelection(), N(!1);
+				t.onRestrictedSelection(), I(!1);
 			},
 			type: "button"
-		}, B(t)) : o ? /* @__PURE__ */ e.createElement(o, Object.assign({}, t.workspaceLink.props, { onClick: () => N(!1) }), B(t)) : null);
-	}), H = R.map((t) => {
-		let n = `${x}__item`, r = t.workspaceId, i = t.isRestricted && t.onRestrictedSelection, a = t.workspaceLink?.type;
+		}, U(t)) : o ? /* @__PURE__ */ e.createElement(o, Object.assign({}, t.workspaceLink.props, { onClick: () => I(!1) }), U(t)) : null);
+	}), G = V.map((t) => {
+		let n = `${T}__item`, r = t.workspaceId, i = t.isRestricted && t.onRestrictedSelection, a = t.workspaceLink?.type;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: `${r}-accordion`,
 			className: Z([
@@ -9878,82 +9880,82 @@ var Hr = {
 		}, i ? /* @__PURE__ */ e.createElement("button", {
 			onClick: () => t.onRestrictedSelection(),
 			type: "button"
-		}, B(t)) : a ? /* @__PURE__ */ e.createElement(a, Object.assign({}, t.workspaceLink?.props), B(t)) : null);
-	}), U = r && /* @__PURE__ */ e.createElement("div", {
-		ref: y,
-		className: `${x}__create-link`
+		}, U(t)) : a ? /* @__PURE__ */ e.createElement(a, Object.assign({}, t.workspaceLink?.props), U(t)) : null);
+	}), K = r && /* @__PURE__ */ e.createElement("div", {
+		ref: b,
+		className: `${T}__create-link`
 	}, /* @__PURE__ */ e.createElement("span", {
-		className: `${x}__create-link-inner`,
-		onBlur: () => N(!1),
-		onClick: () => N(!1)
+		className: `${T}__create-link-inner`,
+		onBlur: () => I(!1),
+		onClick: () => I(!1)
 	}, r, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "plus",
 		size: "s"
-	}))), W = (t) => F ? /* @__PURE__ */ e.createElement("div", { className: `${x}__button-content` }, /* @__PURE__ */ e.createElement(bt, {
-		className: `${x}__avatar`,
-		imageSrc: F.imageSrc,
+	}))), q = (t) => R ? /* @__PURE__ */ e.createElement("div", { className: `${T}__button-content` }, /* @__PURE__ */ e.createElement(bt, {
+		className: `${T}__avatar`,
+		imageSrc: R.imageSrc,
 		size: "s",
-		uniqueId: F.workspaceId
-	}), /* @__PURE__ */ e.createElement("span", { className: `${x}__name` }, /* @__PURE__ */ e.createElement("span", {
+		uniqueId: R.workspaceId
+	}), /* @__PURE__ */ e.createElement("span", { className: `${T}__name` }, /* @__PURE__ */ e.createElement("span", {
 		ref: t,
-		className: `${x}__name-text`
-	}, F.displayName))) : null;
+		className: `${T}__name-text`
+	}, R.displayName))) : null;
 	return /* @__PURE__ */ e.createElement("span", {
-		className: Z([x, n]),
-		...u
-	}, /* @__PURE__ */ e.createElement(qn, { label: W() }, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
+		className: Z([T, n]),
+		...d
+	}, w ? /* @__PURE__ */ e.createElement(qn, { label: q() }, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
 		hasClearButton: !0,
 		id: "workspace-filter-mobile",
 		label: i,
-		onChange: (e) => v(e.target.value),
-		onClear: () => v(""),
+		onChange: (e) => y(e.target.value),
+		onClear: () => y(""),
 		placeholder: a,
 		showLabel: !1,
 		type: "search"
 	})), /* @__PURE__ */ e.createElement("ul", {
-		className: Z([C, `${C}--mobile`]),
+		className: Z([E, `${E}--mobile`]),
 		role: "menu"
 	}, /* @__PURE__ */ e.createElement("li", {
-		className: `pds-dropdown__heading ${x}__item-heading`,
+		className: `pds-dropdown__heading ${T}__item-heading`,
 		role: "presentation"
-	}, o), H.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : H), r && /* @__PURE__ */ e.createElement("div", { className: `${x}__create-link` }, /* @__PURE__ */ e.createElement("span", { className: `${x}__create-link-inner` }, r, /* @__PURE__ */ e.createElement(Q, {
+	}, s), G.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : G), r && /* @__PURE__ */ e.createElement("div", { className: `${T}__create-link` }, /* @__PURE__ */ e.createElement("span", { className: `${T}__create-link-inner` }, r, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "plus",
 		size: "s"
-	})))), /* @__PURE__ */ e.createElement("button", {
-		ref: M.setReference,
+	})))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+		ref: F.setReference,
 		"aria-label": t,
-		className: `${x}__trigger`,
+		className: `${T}__trigger`,
 		type: "button",
-		...k()
-	}, W(I), /* @__PURE__ */ e.createElement(Q, {
-		className: `${x}__trigger-icon`,
+		...M()
+	}, q(z), /* @__PURE__ */ e.createElement(Q, {
+		className: `${T}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
-	})), A && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		ref: M.setFloating,
-		className: `pds-dropdown__panel ${x}__dropdown`,
+	})), N && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+		ref: F.setFloating,
+		className: `pds-dropdown__panel ${T}__dropdown`,
 		style: {
-			...E,
-			...P,
+			...k,
+			...L,
 			zIndex: "var(--pds-z-index-dropdown)"
 		},
-		...D()
-	}, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
+		...A()
+	}, x && /* @__PURE__ */ e.createElement("div", { className: `${T}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
 		hasClearButton: !0,
 		id: "workspace-filter",
 		label: i,
-		onChange: (e) => f(e.target.value),
-		onClear: () => f(""),
+		onChange: (e) => _(e.target.value),
+		onClear: () => _(""),
 		placeholder: a,
 		showLabel: !1,
 		type: "search"
 	})), /* @__PURE__ */ e.createElement("ul", {
-		className: Z([C, w]),
+		className: Z([E, D]),
 		role: "menu"
 	}, /* @__PURE__ */ e.createElement("li", {
-		className: `pds-dropdown__heading ${x}__item-heading`,
+		className: `pds-dropdown__heading ${T}__item-heading`,
 		role: "presentation"
-	}, o), V.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : V), U)));
+	}, s), W.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : W), K))));
 }, la = {
 	info: "circleInfo",
 	warning: "triangleExclamation",