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

package/dist/index.js

@@ -11222,44 +11222,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
+			className: g
 		}, /* @__PURE__ */ e.createElement($i, {
 			menuAriaLabel: a(t),
 			menuItems: ea(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(ta, { 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 +11292,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 +11302,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 +11329,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 +11339,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 +11351,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 +11383,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();
@@ -11429,7 +11438,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 +11500,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 +11535,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 +11570,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 +11597,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,12 +11624,12 @@ 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, ne = B.arrow?.y ?? 0, re = te + ko / 2, J = ne + Oo, { isMounted: ie } = U(R, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
-			top: `${re}px calc(100% + ${Do}px)`,
+			top: `${re}px calc(100% + ${Oo}px)`,
 			bottom: `${re}px -8px`,
-			left: `calc(100% + ${Do}px) ${J}px`,
+			left: `calc(100% + ${Oo}px) ${J}px`,
 			right: `-8px ${J}px`
 		}[e] })
 	});
@@ -11655,23 +11664,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 +11701,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 +11711,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 +11769,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 +11779,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 +11818,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 +11842,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 +11854,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 +11883,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 +11895,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 +11911,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 +11940,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 +11961,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 +11985,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,24 +11997,24 @@ 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: ne, sortableIds: re, toggleExpand: J } = Yo({
 		defaultItems: a,
 		isDragEnabled: W,
 		items: f,
@@ -12032,9 +12041,9 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = o(function({ chil
 		se,
 		Y,
 		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 +12055,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,
@@ -12092,19 +12101,19 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = o(function({ chil
 	}, [q, Y]), _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,
@@ -12126,9 +12135,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 = {
@@ -12151,24 +12160,24 @@ var Zo = 24, Qo = { droppable: { strategy: Qe.Always } }, $o = o(function({ chil
 		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(() => ({
 		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,14 +12185,14 @@ 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);
+	]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === Jo ? e.cloneElement(t, be) : t);
 	return /* @__PURE__ */ e.createElement(Ye, {
 		accessibility: {
 			announcements: ye,
 			...x ? { screenReaderInstructions: { draggable: x } } : {}
 		},
 		collisionDetection: he,
-		measuring: Qo,
+		measuring: $o,
 		onDragCancel: X,
 		onDragEnd: ve,
 		onDragMove: _e,
@@ -12258,14 +12267,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 +12329,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 +12365,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 +12417,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 +12434,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 +12468,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 +12532,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 +12558,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 +12584,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 +12612,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 +12642,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,7 +12677,7 @@ 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 }) => {
+}), vs = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", density: s = "standard", detailPanelNav: c = !0, detailPanelTitle: l, detailPanelWidth: u, emptyState: p, emptyStateHeading: m = "No results found.", emptyStateMessage: v, footer: y, getDetailPanelPositionLabel: b = (e, t) => `${e} of ${t}`, getPageSizeLabel: x = (e) => `Show ${e} rows per page`, getRowClassName: S, getRowId: C, getRowSelectDisabledReason: w, getSelectRowLabel: T = (e, t) => `Select row ${t}`, getSortLabel: E = (e) => `Sort by ${e}`, hasDesktopDetailPanel: D = !1, hasMobileCards: O = !1, hasMobileDetailSheet: k = !0, hasPanel: A = !1, inspectedRowId: j, isLoading: M = !1, isRowSelectable: N = () => !0, itemsPerPage: P, loadingRowCount: F = 5, maxHeight: I, minHeight: L, nextDetailPanelRowLabel: R = "Next row", onDetailPanelNext: z, onDetailPanelPrev: ee, onPageChange: B, onPageSizeChange: V, onRowInspect: H, onRowSelectionChange: U, onSort: W, pageSizeOptions: G, pageSizeSelectLabel: K = "Rows per page", paginationLabels: q, prevDetailPanelRowLabel: te = "Previous row", renderDetailPanel: ne, renderDetailPanelFooter: re, rowData: J, selectAllLabel: ie = "Select all rows", selectedRows: ae, sortKey: Y, sortOrder: oe, totalItemCount: se, ...ce }) => {
 	let le = "pds-table", ue = f(), de = f(), fe = g(null), pe = ya() === "sm" && O, me = A && !pe, he = h(() => r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), [r]), ge = ne !== void 0 || H === void 0 && k, _e = ne !== void 0 || H !== void 0 || k, ve = W !== void 0, X = B !== void 0, ye = V !== void 0, be = X || P !== void 0 || G !== void 0, xe = J.length > 0 || X && (se ?? 0) > 0, [Se, Ce] = _({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
@@ -12701,7 +12710,7 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		je,
 		C,
 		We
-	]), qe = Ke >= 0 ? we[Ke] : null, Je = ms((e, t) => {
+	]), qe = Ke >= 0 ? we[Ke] : null, Je = hs((e, t) => {
 		(pe ? ge : ne !== void 0 && D) && j === void 0 && Ae(t), H?.(e, t);
 	}), Ye = () => {
 		j === void 0 && Ae(null);
@@ -12782,7 +12791,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 = () => {
@@ -12816,7 +12825,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 +12850,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,
@@ -12972,8 +12981,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 +13000,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 +13013,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 +13040,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 +13059,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 +13075,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 +13094,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 +13214,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 +13228,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 +13238,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 +13267,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 +13279,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 +13290,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);
@@ -13409,7 +13418,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,11 +13436,15 @@ 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, ...m }) => {
-	let h = "pds-sidebar-layout", g = (e) => e === "none" ? "0" : `var(--pds-spacing-${e})`, _ = g(r), v = g(i ?? r), y = _t(t), b = !!y["second-sidebar"];
+}, 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([h, n ?? ""]),
-		"data-second-sidebar-mobile-location": b ? a : void 0,
+		className: Z([
+			g,
+			S ? `${g}--stack-container` : null,
+			n ?? ""
+		]),
+		"data-second-sidebar-mobile-location": x ? a : void 0,
 		"data-sidebar-location": l,
 		"data-sidebar-mobile-location": u,
 		style: {
@@ -13441,12 +13454,12 @@ var ts = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			"--second-sidebar-width": o ?? d,
 			"--second-sidebar-width-max": `${s ?? f}rem`,
 			"--second-sidebar-width-min": `${c ?? p}rem`,
-			"--pds-sidebar-layout-gap": _,
-			"--pds-sidebar-layout-gap-mobile": v
+			"--pds-sidebar-layout-gap": v,
+			"--pds-sidebar-layout-gap-mobile": y
 		},
-		...m
-	}, /* @__PURE__ */ e.createElement("div", { className: `${h}__main` }, y.__unslotted || y.content), /* @__PURE__ */ e.createElement("div", { className: `${h}__side` }, y.sidebar), b && /* @__PURE__ */ e.createElement("div", { className: `${h}__second-side` }, y["second-sidebar"]));
-}, Rs = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
+		...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"])));
+}, 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
@@ -13465,7 +13478,7 @@ 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 }) => {
+}, Bs = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
 	let o = _t(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(ha, {
 		className: Z([
 			l,
@@ -13475,8 +13488,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"],
@@ -13494,7 +13507,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":
@@ -13515,7 +13528,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,
@@ -13563,20 +13576,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);
@@ -13596,20 +13609,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([
@@ -13625,7 +13638,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([
@@ -13639,7 +13652,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,
@@ -13658,7 +13671,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,
@@ -13682,7 +13695,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;
@@ -13696,6 +13709,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, ta as BookmarksEmptyState, ra as BookmarksMenu, ho as BookmarksPanel, to as BottomSheet, En as BranchDiff, ia as Breadcrumb, no as BulkActionBar, An as Button, jn as ButtonLink, ma as ButtonNav, Yi as CTALink, yr as Callout, xr as Card, Sr as CardSelect, pi as Checkbox, mi as CheckboxFieldset, hi as CheckboxGroup, Pn as ClipboardButton, Fn as CloseButton, $r as CodeBlock, gi as Combobox, vi as ComboboxMultiselect, Cr as CompactEmptyState, ti as ComparisonList, ha as Container, zi as Datepicker, Ls as DocsLayout, ro as Drawer, $n as Dropdown, pa as DropdownMenu, go as ExpansionPanel, _o as ExpansionPanelGroup, vo as FeaturePanel, ai as FileDiff, Bi as FileUpload, ur as FilterButton, Us as FlexContainer, io as FullScreenOverlay, Zs as GlobalWrapper, $s as Grid, ec as GridItem, ri as HorizontalEmptyState, Q as Icon, Nn as IconButton, fi as IdentityBlock, Ra as InlineMessage, Vi as InputGroup, Gr as LineChart, Xi as LinkNewWindow, Va as MIN_AUTO_CLOSE_DURATION, Yn as MenuButton, ao as Modal, _a as Navbar, co as Pagination, lo as PaginationChapter, uo as PaginationCompact, yo as Panel, bo as PanelList, xo as PanelRow, So as PanelStack, Do as PantheonLogo, si as PaymentIcon, Qi as Picture, qr as PieChart, mr as PlatformIcon, Ao as Popover, Mo as ProgressBar, Po as ProgressRing, Yr as ProportionBar, Hi as RadioGroup, Lo as ResultCount, $i as RowActionsMenu, gr as SSOButton, Ba as SectionMessage, dr as SegmentedButton, Tr as Select, fr as SelectButton, wr as SelectOptionGroup, va as SideNav, xa as SideNavGlobal, ba as SideNavGlobalItem, Rs as SidebarLayout, Bo as SiteFooter, Ca as SiteMenu, Vo as SiteOptionDisplay, Ho as SiteSearch, Jn as SiteTypeIcon, qn as SiteTypeLabel, zr as Skeleton, Zi as Skiplink, es as SortableList, Jo as SortableListHeader, ns as SortableRow, Cn as Spinner, pr as SplitButton, rs as StatPanel, zs as StatPanelGroup, wn as StatusBadge, as as StatusChecker, os as StatusIndicator, ls as StatusScrim, Hn as StatusTypeLabels, us as StepList, ds as Stepper, Bs as StepperLayout, Ui as Switch, Ta as TabMenu, vs as Table, Ts as TableOfContents, Es as Tabs, Ps as Tag, Gi as TagsInput, Tn as Tally, Ji as TextInput, Ki as Textarea, Ks as ThemeContext, Ys as ThemeContextProvider, ka as ThemeSwitcher, Vs as ThreeItemLayout, Ci as Timepicker, Ja as Toast, Ya as ToastType, Ga as Toaster, Ua as ToasterContext, on as Tooltip, Da as TreeNav, Hs as TwoItemLayout, Aa as UserMenu, Fs as UtilityBar, _r as UtilityButton, ii as VerticalEmptyState, ps as VerticalStepper, ni as VideoEmbed, fo as WidgetPanel, Ma as WorkspaceSelector, Co as WorkspaceSelectorPanel, ea as buildBookmarkMenuItems, Fi as getPresetDateRange, Js as getThemeInitScript, St as iconList, Wn as isHeadingItemType, Gn as isLinkItemType, Kn as isNodeItemType, Un as isSeparatorItemType, is as statusCheckerStates, Ds as tagColors, As as tagSolidColors, Os as tagSolidHueColors, ks as tagSolidStatusColors, ya as useBreakpoint, Mn as useClipboard, Ln as useDropdown, Qt as useIsMobile, tc as useKeyPress, rn as useKeyboardShortcut, an as useMediaQuery, Xs as useTheme, Xa as useToast, nc as useWindowWidth };
 
 //# sourceMappingURL=index.js.map