@pantheon-systems/pds-toolkit-react 2.0.0-alpha.51 → 2.0.0-alpha.52

package/dist/index.js

@@ -4099,42 +4099,43 @@ var gn = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
 		]),
 		...o
 	}, f && /* @__PURE__ */ e.createElement("div", { className: `${s}__image` }, f[0]), p && /* @__PURE__ */ e.createElement("div", { className: `${s}__main` }, p), m && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, m));
-}, Ln = ({ className: t, defaultValue: n, id: r, imageVariant: i = "bleed", label: a, labelDisplay: o = "left", layout: s = "auto", onChange: c, options: l, showIndicator: u = !0, size: d = "m", ...f }) => {
-	let p = "pds-card-select", m = d === "m" ? null : `${p}--${d}`, g = i === "bleed" ? null : `${p}--image-${i}`, _ = u ? null : `${p}--no-indicator`, v = `${p}__legend`;
-	o === "center" && (v = `${p}__legend ${p}__legend--center`), o === "hidden" && (v = `${p}__legend visually-hidden`);
-	let [y, b] = h(n), x = (e) => {
-		b(e.currentTarget.value), c && c(e.currentTarget.value);
-	}, S = l.length, C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", w = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4", T = "";
-	return s === "twoAcross" ? T = C : s === "threeAcross" ? T = w : s === "auto" && (T = S === 1 ? "pds-grid-item" : S % 3 == 0 ? w : S % 2 == 0 ? C : w), /* @__PURE__ */ e.createElement("fieldset", {
+}, Ln = ({ className: t, defaultValue: n, id: r, imageVariant: i = "bleed", label: a, labelDisplay: o = "left", layout: s = "auto", onChange: c, options: l, padding: u = "standard", showIndicator: d = !0, size: f = "m", ...p }) => {
+	let m = "pds-card-select", g = f === "m" ? null : `${m}--${f}`, _ = i === "bleed" ? null : `${m}--image-${i}`, v = d ? null : `${m}--no-indicator`, y = u === "standard" ? null : `${m}--pad-${u}`, b = `${m}__legend`;
+	o === "center" && (b = `${m}__legend ${m}__legend--center`), o === "hidden" && (b = `${m}__legend visually-hidden`);
+	let [x, S] = h(n), C = (e) => {
+		S(e.currentTarget.value), c && c(e.currentTarget.value);
+	}, w = l.length, T = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", E = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4", D = "";
+	return s === "twoAcross" ? D = T : s === "threeAcross" ? D = E : s === "auto" && (D = w === 1 ? "pds-grid-item" : w % 3 == 0 ? E : w % 2 == 0 ? T : E), /* @__PURE__ */ e.createElement("fieldset", {
 		className: Z([
-			p,
 			m,
 			g,
 			_,
+			v,
+			y,
 			t
 		]),
 		id: r,
-		...f
-	}, /* @__PURE__ */ e.createElement("legend", { className: v }, a), /* @__PURE__ */ e.createElement("div", { className: `${p}__options pds-grid pds-grid--gap-m` }, l.map((t, n) => {
-		let i = t.id ? t.id : `${r}-option-${n}`, a = y === t.value, s = Re(e.isValidElement(t.children) && t.children.type === e.Fragment ? t.children.props.children : t.children), c = s.image, l = s.__unslotted || s.main;
+		...p
+	}, /* @__PURE__ */ e.createElement("legend", { className: b }, a), /* @__PURE__ */ e.createElement("div", { className: `${m}__options pds-grid pds-grid--gap-m` }, l.map((t, n) => {
+		let i = t.id ? t.id : `${r}-option-${n}`, a = x === t.value, s = Re(e.isValidElement(t.children) && t.children.type === e.Fragment ? t.children.props.children : t.children), c = s.image, l = s.__unslotted || s.main;
 		return /* @__PURE__ */ e.createElement("div", {
 			key: `${r}-option-${n}`,
-			className: Z([`${p}__option`, T])
+			className: Z([`${m}__option`, D])
 		}, /* @__PURE__ */ e.createElement("input", {
 			defaultChecked: a,
 			id: i,
 			name: r,
-			onClick: x,
+			onClick: C,
 			type: "radio",
 			value: t.value
 		}), /* @__PURE__ */ e.createElement("label", {
-			className: Z([`${p}__option-label`, a ? `${p}__option-label--selected` : null]),
+			className: Z([`${m}__option-label`, a ? `${m}__option-label--selected` : null]),
 			htmlFor: i
-		}, c && /* @__PURE__ */ e.createElement("div", { className: `${p}__option-image` }, c[0]), /* @__PURE__ */ e.createElement("div", { className: `${p}__option-content` }, u && /* @__PURE__ */ e.createElement("div", { className: `${p}__option-label-indicator` }, /* @__PURE__ */ e.createElement(Q, {
-			className: Z([`${p}__option-icon`, a ? `${p}__option-icon--selected` : null]),
+		}, c && /* @__PURE__ */ e.createElement("div", { className: `${m}__option-image` }, c[0]), /* @__PURE__ */ e.createElement("div", { className: `${m}__option-content` }, d && /* @__PURE__ */ e.createElement("div", { className: `${m}__option-label-indicator` }, /* @__PURE__ */ e.createElement(Q, {
+			className: Z([`${m}__option-icon`, a ? `${m}__option-icon--selected` : null]),
 			iconName: a ? "circleCheck" : "circle",
 			size: "l"
-		})), /* @__PURE__ */ e.createElement("div", { className: `${p}__option-body` }, /* @__PURE__ */ e.createElement("span", { className: Z([`${p}__option-label-text`, o === "hidden" ? "visually-hidden" : null]) }, t.label), l && /* @__PURE__ */ e.createElement("div", { className: `${p}__option-main` }, l)))));
+		})), /* @__PURE__ */ e.createElement("div", { className: `${m}__option-body` }, /* @__PURE__ */ e.createElement("span", { className: Z([`${m}__option-label-text`, o === "hidden" ? "visually-hidden" : null]) }, t.label), l && /* @__PURE__ */ e.createElement("div", { className: `${m}__option-main` }, l)))));
 	})));
 }, Rn = ({ className: t, heading: n, headingLevel: r = "span", iconName: i, linkContent: a, message: o, ...s }) => {
 	let c = "pds-compact-empty-state";
@@ -11170,7 +11171,11 @@ var Ca = ({ 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));
-}, wa = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
+}, wa = [
+	"default",
+	"working",
+	"checked"
+], Ta = ({ 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...",
@@ -11217,7 +11222,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		triggerIconColor: "default",
 		triggerIconSize: "s"
 	}), t === "left" && g));
-}, Ta = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
+}, Ea = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
 	let s = "pds-status-indicator", c = `${s}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(Wt, {
 		className: `${s}__spinner`,
 		size: "m"
@@ -11234,7 +11239,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...a
 	}, r ? d : l);
-}, Ea = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
+}, Da = ({ 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", {
@@ -11252,7 +11257,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
 		...a
 	}, l);
-}, Da = ({ className: t, steps: n, translatableLabels: r = {
+}, Oa = ({ className: t, steps: n, translatableLabels: r = {
 	step: "Step",
 	completed: "completed",
 	hasError: "has an error",
@@ -11341,7 +11346,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		"data-steps": d,
 		...i
 	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, h)));
-}, Oa = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
+}, ka = ({ _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]),
@@ -11367,14 +11372,14 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		size: "s",
 		variant: "highlight"
 	})))));
-}, ka = ({ className: t, labelStrings: n = {
+}, Aa = ({ 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(Oa, {
+		return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(ka, {
 			key: `s${i}`,
 			_isFirstStep: c,
 			"aria-current": a ? "step" : null,
@@ -11395,7 +11400,7 @@ var Ca = ({ 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));
-}, Aa = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: m = "No results found.", emptyStateMessage: g, footer: _, getPageSizeLabel: v = (e) => `Show ${e} rows per page`, getRowClassName: y, getRowId: b, getRowSelectDisabledReason: x, getSelectRowLabel: S = (e, t) => `Select row ${t}`, getSortLabel: C = (e) => `Sort by ${e}`, inspectedRowId: w, isLoading: T = !1, isRowSelectable: E = () => !0, itemsPerPage: D, loadingRowCount: O = 5, nextDetailPanelRowLabel: k = "Next row", onDetailPanelNext: A, onDetailPanelPrev: j, onPageChange: M, onPageSizeChange: N, onRowInspect: P, onRowSelectionChange: F, onSort: I, pageSizeOptions: L, pageSizeSelectLabel: R = "Rows per page", paginationLabels: z, panel: B, prevDetailPanelRowLabel: V = "Previous row", renderDetailPanel: H, renderDetailPanelFooter: U, rowData: W, selectAllLabel: G = "Select all rows", selectedRows: K, sortKey: q, sortOrder: J, totalItemCount: ee, ...te }) => {
+}, ja = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: m = "No results found.", emptyStateMessage: g, footer: _, getPageSizeLabel: v = (e) => `Show ${e} rows per page`, getRowClassName: y, getRowId: b, getRowSelectDisabledReason: x, getSelectRowLabel: S = (e, t) => `Select row ${t}`, getSortLabel: C = (e) => `Sort by ${e}`, inspectedRowId: w, isLoading: T = !1, isRowSelectable: E = () => !0, itemsPerPage: D, loadingRowCount: O = 5, nextDetailPanelRowLabel: k = "Next row", onDetailPanelNext: A, onDetailPanelPrev: j, onPageChange: M, onPageSizeChange: N, onRowInspect: P, onRowSelectionChange: F, onSort: I, pageSizeOptions: L, pageSizeSelectLabel: R = "Rows per page", paginationLabels: z, panel: B, prevDetailPanelRowLabel: V = "Previous row", renderDetailPanel: H, renderDetailPanelFooter: U, rowData: W, selectAllLabel: G = "Select all rows", selectedRows: K, sortKey: q, sortOrder: J, totalItemCount: ee, ...te }) => {
 	let ne = "pds-table", re = u(), ie = u(), ae = I !== void 0, Y = M !== void 0, oe = N !== void 0, se = Y || D !== void 0 || L !== void 0, [X, ce] = h({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
@@ -11592,7 +11597,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		variant: "standard"
 	}))))));
 	return B ? /* @__PURE__ */ e.createElement(qi, { padding: "none" }, qe) : qe;
-}, ja = [
+}, Ma = [
 	" ",
 	"/",
 	".",
@@ -11610,7 +11615,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"=",
 	"|",
 	"~"
-], Ma = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Na = (e) => {
+], Na = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Pa = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { id: n, innerText: r } = e;
@@ -11623,18 +11628,18 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			title: r
 		});
 	}), t;
-}, Pa = (e, t, n) => {
+}, Fa = (e, t, n) => {
 	let [r, i] = h([]);
 	return l(() => {
 		let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
 			let e = Array.from(document.querySelectorAll(r));
 			e.forEach((e) => {
-				ja.forEach((t) => {
-					e.id.includes(t) && (e.id = e.id.replace(new RegExp(Ma(t), "g"), "-"));
+				Ma.forEach((t) => {
+					e.id.includes(t) && (e.id = e.id.replace(new RegExp(Na(t), "g"), "-"));
 				});
 			}), e.forEach((e, t) => {
 				e.id || (e.id = `${n}-item-${t}`);
-			}), i(Na(e));
+			}), i(Pa(e));
 		};
 		a();
 		let o = document.getElementById(e);
@@ -11650,7 +11655,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		t,
 		n
 	]), { nestedHeadings: r };
-}, Fa = (e, t) => {
+}, Ia = (e, t) => {
 	let [n, r] = h(void 0), i = m({});
 	return l(() => {
 		let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -11669,7 +11674,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			o.disconnect(), r(void 0);
 		};
 	}, [e, t]), n;
-}, Ia = ({ 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", {
+}, La = ({ 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", {
@@ -11685,8 +11690,8 @@ var Ca = ({ 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))))))), La = ({ 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 d = "pds-toc", { nestedHeadings: f } = Pa(c, o, u()), p = Fa(c, o), m = (e) => {
+}, r.title))))))), Ra = ({ 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 d = "pds-toc", { nestedHeadings: f } = Fa(c, o, u()), p = Ia(c, o), m = (e) => {
 		typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
 	}, h = (e) => {
 		document.querySelector(`#${e}`)?.scrollIntoView({
@@ -11704,13 +11709,13 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		baseClass: d,
 		className: `${s ? "" : "visually-hidden"}`,
 		level: i
-	}, a), /* @__PURE__ */ e.createElement(Ia, {
+	}, a), /* @__PURE__ */ e.createElement(La, {
 		activeID: p,
 		baseClass: d,
 		headings: f,
 		onLinkClick: g
 	}));
-}, Ra = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
+}, za = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
 	let c = "pds-tabs", [u, d] = h(a ?? r);
 	l(() => {
 		a !== void 0 && d(a);
@@ -11821,7 +11826,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: `${c}__panel-content`,
 		hidden: o !== u
 	}, r)))));
-}, za = [
+}, Ba = [
 	"orange",
 	"stone",
 	"gold",
@@ -11836,7 +11841,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"rose",
 	"red",
 	"silver"
-], Ba = [
+], Va = [
 	"orange-solid",
 	"teal-solid",
 	"indigo-solid",
@@ -11847,8 +11852,8 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	"critical-solid",
 	"info-solid",
 	"discovery-solid"
-], Va = (e) => za[parseInt(_(e), 16) % za.length], Ha = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Ua = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
-	let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${Va(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
+], Ha = (e) => Ba[parseInt(_(e), 16) % Ba.length], Ua = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Wa = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
+	let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${Ha(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
 		p((e) => !e);
 	}, b, x, S;
 	if (r && !n && o(r)) {
@@ -11870,7 +11875,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("span", {
 		className: `${m}__label`,
 		title: l
-	}, u > 0 ? Ha(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
+	}, u > 0 ? Ua(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `${a}: ${l}`,
 		className: `${m}__remove`,
 		onClick: () => {
@@ -11882,7 +11887,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "xmark",
 		size: "m"
 	})) : null);
-}, Wa = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
+}, Ga = ({ 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 = Re(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -11893,7 +11898,7 @@ var Ca = ({ 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)));
-}, Ga = () => {
+}, Ka = () => {
 	let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = h(e ? t(window.innerWidth) : "lg");
 	return l(() => {
 		if (!e) return;
@@ -11904,7 +11909,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			window.removeEventListener("resize", n);
 		};
 	}, []), n;
-}, Ka = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: c, isDrawerOpen: u = !1, isSidebarCollapsed: d, keyboardShortcuts: p = !0, labels: g, mainBackground: _, mainContentElement: v = "main", mainContentMaxWidth: y = 1600, mainContentProps: b, onDrawerToggle: x, onSidebarToggle: S, scrollableContent: C, sidebarBackground: w, sidebarCollapsedWidth: T = 4, sidebarExpandedWidth: E = "15%", sidebarExpandedWidthMax: D = 18, sidebarExpandedWidthMin: O = 14.75, sidebarProps: k, topOffset: A, ...j }) => {
+}, qa = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: c, isDrawerOpen: u = !1, isSidebarCollapsed: d, keyboardShortcuts: p = !0, labels: g, mainBackground: _, mainContentElement: v = "main", mainContentMaxWidth: y = 1600, mainContentProps: b, onDrawerToggle: x, onSidebarToggle: S, scrollableContent: C, sidebarBackground: w, sidebarCollapsedWidth: T = 4, sidebarExpandedWidth: E = "15%", sidebarExpandedWidthMax: D = 18, sidebarExpandedWidthMin: O = 14.75, sidebarProps: k, topOffset: A, ...j }) => {
 	let [M, N] = h(d || !1);
 	l(() => {
 		N(d || !1);
@@ -11926,7 +11931,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			return;
 		}
 		N(!M);
-	}, W = Ga();
+	}, W = Ka();
 	l(() => {
 		W === "sm" && !M ? (H.current = !0, S ? S() : N(!0)) : W !== "sm" && H.current && (H.current = !1, S ? S() : N(!1));
 	}, [W]);
@@ -12046,7 +12051,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			!e && u && x && x();
 		}
 	}, r));
-}, qa = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
+}, Ja = ({ 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`,
@@ -12064,7 +12069,7 @@ var Ca = ({ 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));
-}, Ja = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
+}, Ya = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
 	let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = Re(t);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([u, n ?? ""]),
@@ -12078,7 +12083,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...l
 	}, /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, f.__unslotted || f.content), /* @__PURE__ */ e.createElement("div", { className: `${u}__side` }, f.sidebar));
-}, Ya = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
+}, Xa = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
 	let o = Re(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(ii, {
 		className: Z([
 			l,
@@ -12089,7 +12094,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		...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(qi, null, d) : d;
-}, Xa = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
+}, Za = ({ 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 = Re(t), u = [
 		l["first-item"],
 		l["second-item"],
@@ -12107,7 +12112,7 @@ var Ca = ({ 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)));
-}, Za = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
+}, Qa = ({ 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":
@@ -12128,7 +12133,7 @@ var Ca = ({ 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));
-}, Qa = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
+}, $a = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
 	let _ = "pds-flex", v = `${_}-container`, y = {
 		"--pds-flex-align-content": t,
 		"--pds-flex-align-items": n,
@@ -12154,7 +12159,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		...g
 	}, r);
-}, $a = (e) => {
+}, eo = (e) => {
 	let t = typeof window < "u", [n, r] = h(((e) => t ? window.matchMedia(e).matches : !1)(e));
 	return l(() => {
 		if (!t) return;
@@ -12163,20 +12168,20 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		};
 		return r(n.matches), n.addEventListener ? (n.addEventListener("change", i), () => n.removeEventListener("change", i)) : (n.addListener(i), () => n.removeListener(i));
 	}, [e]), n;
-}, eo = [
+}, to = [
 	"light",
 	"dark",
 	"system"
-], to = (e) => typeof e == "string" && eo.includes(e), no = r(null), ro = {
+], no = (e) => typeof e == "string" && to.includes(e), ro = r(null), io = {
 	resolvedTheme: "light",
 	setTheme: () => {},
 	theme: "light"
-}, io = ({ 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){}})();`, ao = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: c = "pds-theme", theme: u }) => {
-	let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y = $a("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
+}, ao = ({ 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){}})();`, oo = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: c = "pds-theme", theme: u }) => {
+	let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y = eo("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
 	l(() => {
 		if (_(!0), !(d || !o || typeof window > "u")) try {
 			let e = window.localStorage.getItem(c);
-			to(e) && m(e);
+			no(e) && m(e);
 		} catch {}
 	}, []), l(() => {
 		typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -12196,20 +12201,20 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		theme: v
 	};
-	return /* @__PURE__ */ e.createElement(no.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: io({
+	return /* @__PURE__ */ e.createElement(ro.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ao({
 		defaultTheme: n,
 		storageKey: c
 	}) } }), t);
-}, oo = () => c(no) ?? ro, so = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
+}, so = () => c(ro) ?? io, co = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
 	l(() => {
 		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(ao, i, t) : t;
+	let a = n ? /* @__PURE__ */ e.createElement(oo, i, t) : t;
 	return /* @__PURE__ */ e.createElement(bt, null, a);
-}, co = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
+}, lo = ({ 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([
@@ -12223,7 +12228,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...c
 	}, n);
-}, lo = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
+}, uo = ({ 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,
@@ -12242,7 +12247,7 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		]),
 		...d
 	}, t);
-}, uo = () => {
+}, fo = () => {
 	let e = typeof window < "u", [t, n] = h(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
 	return l(() => {
 		if (!e) return;
@@ -12256,6 +12261,6 @@ var Ca = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, []), t;
 };
 //#endregion
-export { Fn as ActionCard, Ka as AppLayout, Ge as Avatar, Ke as Badge, Si as Banner, ar as BarChart, qt as BranchDiff, qr as Breadcrumb, Zt as Button, Qt as ButtonLink, ni as ButtonNav, Ur as CTALink, Pn as Callout, In as Card, Ln as CardSelect, wr as Checkbox, Tr as CheckboxFieldset, Er as CheckboxGroup, tn as ClipboardButton, nn as CloseButton, mr as CodeBlock, Dr as Combobox, kr as ComboboxMultiselect, Rn as CompactEmptyState, gr as ComparisonList, ii as Container, Nr as Datepicker, qa as DocsLayout, Li as Drawer, cn as Dropdown, ri as DropdownMenu, Gi as ExpansionPanel, Ki as ExpansionPanelGroup, br as FileDiff, Pr as FileUpload, gn as FilterButton, Qa as FlexContainer, Ri as FullScreenOverlay, so as GlobalWrapper, co as Grid, lo as GridItem, vr as HorizontalEmptyState, Q as Icon, en as IconButton, Cr as IdentityBlock, wi as InlineMessage, Fr as InputGroup, sr as LineChart, Wr as LinkNewWindow, Di as MIN_AUTO_CLOSE_DURATION, Tn as MenuButton, zi as Modal, ai as Navbar, Hi as Pagination, Ui as PaginationCompact, Wi as PaginationMini, qi as Panel, Ji as PanelList, Yi as PanelRow, $i as PantheonLogo, Sr as PaymentIcon, Kr as Picture, lr as PieChart, kn as PlatformIcon, na as Popover, ia as ProgressBar, oa as ProgressRing, dr as ProportionBar, Ir as RadioGroup, jn as SSOButton, Ei as SectionMessage, En as SegmentedButton, Vn as Select, Bn as SelectOptionGroup, oi as SideNav, ci as SideNavGlobal, si as SideNavGlobalItem, Ja as SidebarLayout, sa as SiteFooter, ui as SiteMenu, ca as SiteOptionDisplay, la as SiteSearch, wn as SiteTypeIcon, Cn as SiteTypeLabel, tr as Skeleton, Gr as Skiplink, xa as SortableList, ha as SortableListHeader, Ca as SortableRow, Wt as Spinner, Dn as SplitButton, Gt as StatusBadge, wa as StatusChecker, Ta as StatusIndicator, vn as StatusTypeLabels, Ea as StepList, Da as Stepper, Ya as StepperLayout, Lr as Switch, fi as TabMenu, Aa as Table, La as TableOfContents, Ra as Tabs, Ua as Tag, zr as TagsInput, Kt as Tally, Hr as TextInput, Br as Textarea, no as ThemeContext, ao as ThemeContextProvider, gi as ThemeSwitcher, Xa as ThreeItemLayout, Pi as Toast, Fi as ToastType, ji as Toaster, ki as ToasterContext, Dt as Tooltip, mi as TreeNav, Za as TwoItemLayout, _i as UserMenu, Wa as UtilityBar, Mn as UtilityButton, yr as VerticalEmptyState, ka as VerticalStepper, _r as VideoEmbed, vi as WorkspaceSelector, jr as getPresetDateRange, io as getThemeInitScript, He as iconList, bn as isHeadingItemType, xn as isLinkItemType, Sn as isNodeItemType, yn as isSeparatorItemType, za as tagColors, Ba as tagSolidColors, Ga as useBreakpoint, $t as useClipboard, an as useDropdown, Tt as useIsMobile, Et as useKeyPress, $a as useMediaQuery, oo as useTheme, Ii as useToast, uo as useWindowWidth };
+export { Fn as ActionCard, qa as AppLayout, Ge as Avatar, Ke as Badge, Si as Banner, ar as BarChart, qt as BranchDiff, qr as Breadcrumb, Zt as Button, Qt as ButtonLink, ni as ButtonNav, Ur as CTALink, Pn as Callout, In as Card, Ln as CardSelect, wr as Checkbox, Tr as CheckboxFieldset, Er as CheckboxGroup, tn as ClipboardButton, nn as CloseButton, mr as CodeBlock, Dr as Combobox, kr as ComboboxMultiselect, Rn as CompactEmptyState, gr as ComparisonList, ii as Container, Nr as Datepicker, Ja as DocsLayout, Li as Drawer, cn as Dropdown, ri as DropdownMenu, Gi as ExpansionPanel, Ki as ExpansionPanelGroup, br as FileDiff, Pr as FileUpload, gn as FilterButton, $a as FlexContainer, Ri as FullScreenOverlay, co as GlobalWrapper, lo as Grid, uo as GridItem, vr as HorizontalEmptyState, Q as Icon, en as IconButton, Cr as IdentityBlock, wi as InlineMessage, Fr as InputGroup, sr as LineChart, Wr as LinkNewWindow, Di as MIN_AUTO_CLOSE_DURATION, Tn as MenuButton, zi as Modal, ai as Navbar, Hi as Pagination, Ui as PaginationCompact, Wi as PaginationMini, qi as Panel, Ji as PanelList, Yi as PanelRow, $i as PantheonLogo, Sr as PaymentIcon, Kr as Picture, lr as PieChart, kn as PlatformIcon, na as Popover, ia as ProgressBar, oa as ProgressRing, dr as ProportionBar, Ir as RadioGroup, jn as SSOButton, Ei as SectionMessage, En as SegmentedButton, Vn as Select, Bn as SelectOptionGroup, oi as SideNav, ci as SideNavGlobal, si as SideNavGlobalItem, Ya as SidebarLayout, sa as SiteFooter, ui as SiteMenu, ca as SiteOptionDisplay, la as SiteSearch, wn as SiteTypeIcon, Cn as SiteTypeLabel, tr as Skeleton, Gr as Skiplink, xa as SortableList, ha as SortableListHeader, Ca as SortableRow, Wt as Spinner, Dn as SplitButton, Gt as StatusBadge, Ta as StatusChecker, Ea as StatusIndicator, vn as StatusTypeLabels, Da as StepList, Oa as Stepper, Xa as StepperLayout, Lr as Switch, fi as TabMenu, ja as Table, Ra as TableOfContents, za as Tabs, Wa as Tag, zr as TagsInput, Kt as Tally, Hr as TextInput, Br as Textarea, ro as ThemeContext, oo as ThemeContextProvider, gi as ThemeSwitcher, Za as ThreeItemLayout, Pi as Toast, Fi as ToastType, ji as Toaster, ki as ToasterContext, Dt as Tooltip, mi as TreeNav, Qa as TwoItemLayout, _i as UserMenu, Ga as UtilityBar, Mn as UtilityButton, yr as VerticalEmptyState, Aa as VerticalStepper, _r as VideoEmbed, vi as WorkspaceSelector, jr as getPresetDateRange, ao as getThemeInitScript, He as iconList, bn as isHeadingItemType, xn as isLinkItemType, Sn as isNodeItemType, yn as isSeparatorItemType, wa as statusCheckerStates, Ba as tagColors, Va as tagSolidColors, Ka as useBreakpoint, $t as useClipboard, an as useDropdown, Tt as useIsMobile, Et as useKeyPress, eo as useMediaQuery, so as useTheme, Ii as useToast, fo as useWindowWidth };
 
 //# sourceMappingURL=index.js.map