@pantheon-systems/pds-toolkit-react 1.0.0-dev.247 → 1.0.0-dev.248

package/_dist/index.js

@@ -20,19 +20,19 @@ var R = (t, n) => {
   return s;
 };
 var A2 = (t, n, s) => new Promise((a, r) => {
-  var u = (o) => {
+  var u = (i) => {
     try {
-      l(s.next(o));
+      l(s.next(i));
     } catch (m) {
       r(m);
     }
-  }, c = (o) => {
+  }, c = (i) => {
     try {
-      l(s.throw(o));
+      l(s.throw(i));
     } catch (m) {
       r(m);
     }
-  }, l = (o) => o.done ? a(o.value) : Promise.resolve(o.value).then(u, c);
+  }, l = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(u, c);
   l((s = s.apply(t, n)).next());
 });
 import e, { Children as v1, isValidElement as Le, useState as X, cloneElement as Se, createElement as j1, forwardRef as je, useEffect as ae, useRef as ce, createContext as b1, useContext as be, useLayoutEffect as K1, useCallback as j2, useMemo as $1, createRef as X1, Fragment as Y1 } from "react";
@@ -71,7 +71,7 @@ const l2 = () => Math.random().toString(32).substring(2, 13), k1 = (t, n) => {
     "iconSize",
     "className"
   ]);
-  const c = `pds-icon pds-icon--${n} pds-icon--${t}`, l = `0 0 ${K2[t].width} 512`, o = {
+  const c = `pds-icon pds-icon--${n} pds-icon--${t}`, l = `0 0 ${K2[t].width} 512`, i = {
     sm: "0.8rem",
     md: "1rem",
     lg: "1.2rem",
@@ -86,7 +86,7 @@ const l2 = () => Math.random().toString(32).substring(2, 13), k1 = (t, n) => {
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       viewBox: l,
-      height: o[n],
+      height: i[n],
       fill: "none",
       "aria-hidden": "true",
       preserveAspectRatio: "xMidYMid meet",
@@ -805,8 +805,8 @@ const l2 = () => Math.random().toString(32).substring(2, 13), k1 = (t, n) => {
 ], dt = (t) => {
   const n = parseInt(w1(t), 16);
   return o1[n % o1.length];
-}, X2 = (o) => {
-  var m = o, {
+}, X2 = (i) => {
+  var m = i, {
     ariaLabel: t,
     hasUserFallback: n = !1,
     imageSrc: s,
@@ -823,7 +823,7 @@ const l2 = () => Math.random().toString(32).substring(2, 13), k1 = (t, n) => {
     "uniqueId",
     "className"
   ]);
-  const g = "pds-avatar", p = `${g}--${r}`, d = s ? `${g}--image` : null, [_, v] = X(void 0), b = {
+  const g = "pds-avatar", p = `${g}--${r}`, o = s ? `${g}--image` : null, [_, v] = X(void 0), b = {
     backgroundImage: u ? `var(--pds-color-gradient-avatar-${dt(u)})` : null,
     borderRadius: "100%",
     height: "100%",
@@ -840,7 +840,7 @@ const l2 = () => Math.random().toString(32).substring(2, 13), k1 = (t, n) => {
       onLoad: () => v(!1),
       onError: () => v(!0)
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: b }, n && /* @__PURE__ */ e.createElement(j, { iconName: "user", className: `${g}__user-icon` })), f = /* @__PURE__ */ e.createElement("span", { className: `${g}__content` }, E), i = Le(a) ? Se(
+  ) : /* @__PURE__ */ e.createElement("span", { style: b }, n && /* @__PURE__ */ e.createElement(j, { iconName: "user", className: `${g}__user-icon` })), f = /* @__PURE__ */ e.createElement("span", { className: `${g}__content` }, E), d = Le(a) ? Se(
     a,
     me(y({}, a.props), {
       className: `${g}__content ${g}__content--link`,
@@ -851,9 +851,9 @@ const l2 = () => Math.random().toString(32).substring(2, 13), k1 = (t, n) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([g, p, d, c])
+      className: N([g, p, o, c])
     }, l),
-    a ? i : f
+    a ? d : f
   );
 }, g2 = (u) => {
   var c = u, {
@@ -867,23 +867,23 @@ const l2 = () => Math.random().toString(32).substring(2, 13), k1 = (t, n) => {
     "color",
     "className"
   ]);
-  const l = "pds-indicator-badge", o = `${l}--${s}`, m = `${l}--${n}`;
+  const l = "pds-indicator-badge", i = `${l}--${s}`, m = `${l}--${n}`;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [l, o, m, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, i, m, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("span", { className: `${l}__label` }, t)
   );
 }, Q2 = (l) => {
-  var o = l, {
+  var i = l, {
     color: t = "transparent",
     hasStatusIndicator: n = !1,
     label: s,
     statusIndicatorText: a = "Status indicator: ",
     statusType: r,
     className: u
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "color",
     "hasStatusIndicator",
     "label",
@@ -891,13 +891,13 @@ const l2 = () => Math.random().toString(32).substring(2, 13), k1 = (t, n) => {
     "statusType",
     "className"
   ]);
-  const m = "pds-status-badge", g = `${m}--${t}`, p = `${m}__status`, d = r ? `${p}--${r}` : null;
+  const m = "pds-status-badge", g = `${m}--${t}`, p = `${m}__status`, o = r ? `${p}--${r}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [m, g, u != null ? u : ""].join(" ").trim().replace(/\s+/g, " ")
     }, c),
-    n === !0 && /* @__PURE__ */ e.createElement("span", { className: [p, d].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, a, " ", r)),
+    n === !0 && /* @__PURE__ */ e.createElement("span", { className: [p, o].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, a, " ", r)),
     /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, s)
   );
 }, w2 = (u) => {
@@ -918,18 +918,18 @@ const l2 = () => Math.random().toString(32).substring(2, 13), k1 = (t, n) => {
     "typeLabels",
     "className"
   ]);
-  const l = "pds-tally", o = `${l}--${n}`, m = `${s[n]}: `;
+  const l = "pds-tally", i = `${l}--${n}`, m = `${s[n]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([l, o, a != null ? a : ""])
+      className: N([l, i, a != null ? a : ""])
     }, r),
     /* @__PURE__ */ e.createElement("div", { className: `${l}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), t)
   );
 };
 w2.displayName = "Tally";
 const T2 = 300, mt = 400, xe = (p) => {
-  var d = p, {
+  var o = p, {
     content: t,
     customTrigger: n = null,
     offsetValue: s = 8,
@@ -938,9 +938,9 @@ const T2 = 300, mt = 400, xe = (p) => {
     triggerIcon: u = "circleInfo",
     triggerIconColor: c = "default",
     triggerIconSize: l = "sm",
-    zIndex: o = mt,
+    zIndex: i = mt,
     className: m
-  } = d, g = R(d, [
+  } = o, g = R(o, [
     "content",
     "customTrigger",
     "offsetValue",
@@ -958,7 +958,7 @@ const T2 = 300, mt = 400, xe = (p) => {
   ]), f = N([
     `${b}__trigger`,
     `${b}__trigger--${c}`
-  ]), { refs: i, floatingStyles: h, context: C } = Ae({
+  ]), { refs: d, floatingStyles: h, context: C } = Ae({
     placement: a,
     open: _,
     onOpenChange: v,
@@ -978,7 +978,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     "span",
     y({
       className: E,
-      ref: i.setReference
+      ref: d.setReference
     }, k()),
     n
   ) : /* @__PURE__ */ e.createElement(
@@ -987,7 +987,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       type: "button",
       "aria-label": r,
       className: f,
-      ref: i.setReference
+      ref: d.setReference
     }, k()),
     /* @__PURE__ */ e.createElement(
       j,
@@ -1001,20 +1001,20 @@ const T2 = 300, mt = 400, xe = (p) => {
     "div",
     y({
       className: `${b}__container`,
-      ref: i.setFloating,
-      style: me(y({}, h), { zIndex: o })
+      ref: d.setFloating,
+      style: me(y({}, h), { zIndex: i })
     }, z()),
     t
   )));
 }, vn = (l) => {
-  var o = l, {
+  var i = l, {
     numberAhead: t,
     numberAheadDescription: n = "commits ahead of main",
     numberBehind: s,
     numberBehindDescription: a = "commits behind main",
     componentWidth: r,
     className: u
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "numberAhead",
     "numberAheadDescription",
     "numberBehind",
@@ -1022,8 +1022,8 @@ const T2 = 300, mt = 400, xe = (p) => {
     "componentWidth",
     "className"
   ]);
-  const m = "pds-branch-diff", g = Math.max(0, t), p = Math.max(0, s), d = Math.max(g, p);
-  let _ = d > 0 ? p / d * 100 : 0, v = d > 0 ? g / d * 100 : 0;
+  const m = "pds-branch-diff", g = Math.max(0, t), p = Math.max(0, s), o = Math.max(g, p);
+  let _ = o > 0 ? p / o * 100 : 0, v = o > 0 ? g / o * 100 : 0;
   const w = 10;
   _ < w ? (_ = w, v = 100 - w) : v < w && (v = w, _ = 100 - w);
   const b = r !== null && r > 0 ? `${r}rem` : "100%";
@@ -1078,10 +1078,10 @@ const T2 = 300, mt = 400, xe = (p) => {
     "level",
     "className"
   ]);
-  const o = t ? `${t}__heading` : null;
+  const i = t ? `${t}__heading` : null;
   return j1(
     a,
-    y({ className: N([o, r]), id: s }, u),
+    y({ className: N([i, r]), id: s }, u),
     n
   );
 }, J2 = (t) => typeof t == "string" || typeof t == "number" ? String(t) : e.isValidElement(t) ? e.Children.toArray(t.props.children).map(J2).join("") : "", ne = {
@@ -1107,12 +1107,12 @@ const T2 = 300, mt = 400, xe = (p) => {
   isLegend: u,
   isPseudoLabel: c,
   tooltipText: l = null,
-  className: o
+  className: i
 }) => {
   const m = N([
     "pds-input-label",
     s ? null : "visually-hidden",
-    o != null ? o : ""
+    i != null ? i : ""
   ]), g = /* @__PURE__ */ e.createElement(e.Fragment, null, n, a && !r && /* @__PURE__ */ e.createElement(z1, null), l && /* @__PURE__ */ e.createElement(xe, { content: l }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(j, { iconName: "circleInfo", iconSize: "sm" }))));
   return u ? /* @__PURE__ */ e.createElement("legend", { className: m, id: `${t}-legend` }, g) : c ? /* @__PURE__ */ e.createElement("span", { className: m, id: `${t}-field-label` }, g) : /* @__PURE__ */ e.createElement("label", { htmlFor: t, className: m, id: `${t}-label` }, g);
 }, Oe = ({
@@ -1124,11 +1124,11 @@ const T2 = 300, mt = 400, xe = (p) => {
   validationStatus: u,
   className: c
 }) => {
-  const l = "pds-input-message", o = u && a ? `${l}--${u}` : null;
+  const l = "pds-input-message", i = u && a ? `${l}--${u}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: N([l, o, c != null ? c : ""]),
+      className: N([l, i, c != null ? c : ""]),
       id: t ? `${n}__message-hidden` : `${n}__message`,
       role: u === "error" ? "alert" : null
     },
@@ -1194,7 +1194,7 @@ const T2 = 300, mt = 400, xe = (p) => {
 }, d1 = (t) => "options" in t, y2 = je(
   (u, r) => {
     var c = u, { children: t, isActive: n, className: s } = c, a = R(c, ["children", "isActive", "className"]);
-    const l = Q1(), o = "pds-input__select-option", m = n ? `${o}--active` : null;
+    const l = Q1(), i = "pds-input__select-option", m = n ? `${i}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
@@ -1202,20 +1202,20 @@ const T2 = 300, mt = 400, xe = (p) => {
         role: "option",
         id: l,
         "aria-selected": n,
-        className: N([o, m, s != null ? s : ""])
+        className: N([i, m, s != null ? s : ""])
       }, a),
       t
     );
   }
 ), V2 = (l) => {
-  var o = l, {
+  var i = l, {
     colorType: t = "full-color",
     isInline: n = !1,
     label: s = "Loading",
     showLabel: a = !1,
     size: r = "md",
     className: u = ""
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "colorType",
     "isInline",
     "label",
@@ -1223,11 +1223,11 @@ const T2 = 300, mt = 400, xe = (p) => {
     "size",
     "className"
   ]);
-  const m = "pds-spinner", g = t !== "full-color" ? `${m}--${t}` : null, p = `${m}--${r}`, d = n ? `${m}--inline` : null;
+  const m = "pds-spinner", g = t !== "full-color" ? `${m}--${t}` : null, p = `${m}--${r}`, o = n ? `${m}--inline` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [m, g, d, p, u].join(" ").trim().replace(/\s+/g, " "),
+      className: [m, g, o, p, u].join(" ").trim().replace(/\s+/g, " "),
       role: "status",
       "aria-hidden": "true"
     }, c),
@@ -1245,11 +1245,11 @@ const T2 = 300, mt = 400, xe = (p) => {
       isFullWidth: u = !1,
       isLoading: c = !1,
       isSplitButton: l = !1,
-      label: o,
+      label: i,
       onClick: m,
       size: g = "md",
       tooltipText: p,
-      variant: d = "primary",
+      variant: o = "primary",
       className: _ = ""
     } = E, v = R(E, [
       "ariaLabel",
@@ -1267,7 +1267,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       "variant",
       "className"
     ]);
-    const f = "pds-button", i = g !== "md" ? `${f}--${g}` : null, h = d !== "primary" ? `${f}--${d}` : null, C = u ? `${f}--full-width` : null;
+    const f = "pds-button", d = g !== "md" ? `${f}--${g}` : null, h = o !== "primary" ? `${f}--${o}` : null, C = u ? `${f}--full-width` : null;
     let $;
     switch (g) {
       case "sm":
@@ -1288,15 +1288,15 @@ const T2 = 300, mt = 400, xe = (p) => {
         className: `${f}__icon`
       }
     );
-    let M = [o];
-    a == "icon-start" && r && M.unshift(H), a == "icon-end" && r && M.push(H), l && (M = [H], t = J2(o));
+    let M = [i];
+    a == "icon-start" && r && M.unshift(H), a == "icon-end" && r && M.push(H), l && (M = [H], t = J2(i));
     const L = /* @__PURE__ */ e.createElement(
       "button",
       y({
         type: n,
         className: N([
           f,
-          i,
+          d,
           h,
           C,
           _
@@ -1321,7 +1321,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     tooltipText: u,
     variant: c = "primary",
     className: l
-  } = g, o = R(g, [
+  } = g, i = R(g, [
     "disabled",
     "displayType",
     "iconName",
@@ -1331,8 +1331,8 @@ const T2 = 300, mt = 400, xe = (p) => {
     "variant",
     "className"
   ]);
-  const p = "pds-button-link", d = "pds-button", _ = r !== "md" ? `${d}--${r}` : null, v = c !== "primary" ? `${d}--${c}` : null, w = N([
-    d,
+  const p = "pds-button-link", o = "pds-button", _ = r !== "md" ? `${o}--${r}` : null, v = c !== "primary" ? `${o}--${c}` : null, w = N([
+    o,
     _,
     v
   ]), b = Le(a) ? a.props.children : null, E = /* @__PURE__ */ e.createElement(
@@ -1346,7 +1346,7 @@ const T2 = 300, mt = 400, xe = (p) => {
   );
   let f = [b];
   n === "icon-start" && s ? f = [E, b] : n === "icon-end" && s && (f = [b, E]);
-  const i = Le(a) ? Se(a, {
+  const d = Le(a) ? Se(a, {
     className: w,
     children: f
   }) : null;
@@ -1360,7 +1360,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       tooltipText: u != null ? u : null,
       variant: c
     }
-  ) : /* @__PURE__ */ e.createElement("span", y({ className: N([p, l != null ? l : ""]) }, o), i);
+  ) : /* @__PURE__ */ e.createElement("span", y({ className: N([p, l != null ? l : ""]) }, i), d);
 }, pt = (t, n) => {
   const [s, a] = X(!1), r = n == null ? void 0 : n.duration;
   return ae(() => {
@@ -1378,8 +1378,8 @@ const T2 = 300, mt = 400, xe = (p) => {
       }
   })];
 }, H2 = je(
-  (d, p) => {
-    var _ = d, {
+  (o, p) => {
+    var _ = o, {
       ariaLabel: t,
       buttonType: n = "button",
       disabled: s = !1,
@@ -1388,7 +1388,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       icon2Name: u = null,
       onClick: c,
       size: l = "md",
-      variant: o = "standard",
+      variant: i = "standard",
       className: m
     } = _, g = R(_, [
       "ariaLabel",
@@ -1402,21 +1402,21 @@ const T2 = 300, mt = 400, xe = (p) => {
       "variant",
       "className"
     ]);
-    const v = "pds-icon-button", w = l !== "md" ? `${v}--${l}` : null, b = o !== "standard" ? `${v}--${o}` : null, E = {
+    const v = "pds-icon-button", w = l !== "md" ? `${v}--${l}` : null, b = i !== "standard" ? `${v}--${i}` : null, E = {
       fadeOut: `${v}--fadeOut`,
       hide: `${v}--hide`,
       scaleIn: `${v}--scaleIn`
     };
-    let f, i;
+    let f, d;
     switch (l) {
       case "sm":
-        i = "md", f = 8;
+        d = "md", f = 8;
         break;
       case "md":
-        i = "md", f = 11;
+        d = "md", f = 11;
         break;
       case "lg":
-        i = "xl", f = 12;
+        d = "xl", f = 12;
     }
     const h = u !== null, C = ce(null), $ = ce(null), H = () => {
       C.current.classList.add(E.fadeOut), C.current.classList.add(E.hide), $.current.classList.remove(E.hide), $.current.classList.add(E.scaleIn), setTimeout(() => {
@@ -1431,7 +1431,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       j,
       {
         iconName: r,
-        iconSize: i,
+        iconSize: d,
         className: `${v}__icon`
       }
     )), /* @__PURE__ */ e.createElement(
@@ -1444,7 +1444,7 @@ const T2 = 300, mt = 400, xe = (p) => {
         j,
         {
           iconName: u,
-          iconSize: i,
+          iconSize: d,
           className: `${v}__icon`
         }
       )
@@ -1452,7 +1452,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       j,
       {
         iconName: r,
-        iconSize: i,
+        iconSize: d,
         className: `${v}__icon`
       }
     ));
@@ -1497,11 +1497,11 @@ const T2 = 300, mt = 400, xe = (p) => {
     "variant",
     "className"
   ]);
-  const o = "pds-clipboard-button", [m, g] = pt(n);
+  const i = "pds-clipboard-button", [m, g] = pt(n);
   return /* @__PURE__ */ e.createElement(
     H2,
     y({
-      className: N([o, r != null ? r : ""]),
+      className: N([i, r != null ? r : ""]),
       ariaLabel: t,
       buttonType: "button",
       disabled: s,
@@ -1570,11 +1570,11 @@ const T2 = 300, mt = 400, xe = (p) => {
     label: u,
     menuItems: c,
     menuPosition: l = "start",
-    onClick: o,
+    onClick: i,
     size: m = "md",
     testId: g,
     undefinedLabel: p = "Unlabeled group",
-    variant: d = "primary",
+    variant: o = "primary",
     withinNavbar: _,
     className: v
   } = E, w = R(E, [
@@ -1596,7 +1596,7 @@ const T2 = 300, mt = 400, xe = (p) => {
   ]);
   const {
     x: f,
-    y: i,
+    y: d,
     reference: h,
     floating: C,
     strategy: $,
@@ -1610,7 +1610,7 @@ const T2 = 300, mt = 400, xe = (p) => {
   let k = !1;
   const z = be(He);
   z && (k = z.isMobile);
-  const S = d === "navbar" && k, B = "pds-menu-button", D = S ? `${B}--isMobile` : null, U = _ ? `${B}--navbar` : null, O = a, [Z] = X(`menu-button-${a}`), W = L.floating, Q = ce(null), [J, te] = X(!1), [P, F] = X(!1), [q, A] = X(""), [I, V] = X(0), x = ce([]), T = ce([]), K = ce([]);
+  const S = o === "navbar" && k, B = "pds-menu-button", D = S ? `${B}--isMobile` : null, U = _ ? `${B}--navbar` : null, O = a, [Z] = X(`menu-button-${a}`), W = L.floating, Q = ce(null), [J, te] = X(!1), [P, F] = X(!1), [q, A] = X(""), [I, V] = X(0), x = ce([]), T = ce([]), K = ce([]);
   K1(() => {
     window.addEventListener("mousedown", we, !0), H();
     const G = W.current;
@@ -1651,7 +1651,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     const G = T.current[I];
     _e(G);
   }, he = (G) => {
-    J ? ie() : pe(), o && o(), F((se) => !se), G.stopPropagation(), G.preventDefault();
+    J ? ie() : pe(), i && i(), F((se) => !se), G.stopPropagation(), G.preventDefault();
   }, ue = (G) => {
     _e(G.currentTarget.id), S || ie();
   }, de = (G) => {
@@ -1662,7 +1662,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       case "Enter":
       case "ArrowDown":
       case "Down":
-        pe(), ee(T.current[0], 0), Y = !0, o && o();
+        pe(), ee(T.current[0], 0), Y = !0, i && i();
         break;
       case "Esc":
       case "Escape":
@@ -1815,7 +1815,7 @@ const T2 = 300, mt = 400, xe = (p) => {
             opacity: J ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: $,
-            transform: `translate(${Math.round(f)}px,${Math.round(i)}px)`,
+            transform: `translate(${Math.round(f)}px,${Math.round(d)}px)`,
             zIndex: "var(--pds-z-index-dropdown)"
           },
           onKeyDown: $e,
@@ -1857,7 +1857,7 @@ const T2 = 300, mt = 400, xe = (p) => {
             opacity: J ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: $,
-            transform: `translate(${Math.round(f)}px,${Math.round(i)}px)`
+            transform: `translate(${Math.round(f)}px,${Math.round(d)}px)`
           },
           onKeyDown: $e,
           ref: C
@@ -1874,7 +1874,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       isSplitButton: r,
       label: u,
       size: m,
-      variant: d,
+      variant: o,
       displayType: n,
       iconName: "angleDown",
       type: "button",
@@ -1968,7 +1968,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     options: u,
     size: c = "md",
     value: l,
-    className: o
+    className: i
   } = p, m = R(p, [
     "disabled",
     "id",
@@ -1980,9 +1980,9 @@ const T2 = 300, mt = 400, xe = (p) => {
     "value",
     "className"
   ]);
-  const d = "pds-segmented-button", _ = t ? "pds-is-disabled" : null, v = c !== "md" ? `${d}--${c}` : null, w = typeof l != "undefined", b = typeof s != "undefined", [E, f] = X(
+  const o = "pds-segmented-button", _ = t ? "pds-is-disabled" : null, v = c !== "md" ? `${o}--${c}` : null, w = typeof l != "undefined", b = typeof s != "undefined", [E, f] = X(
     b ? s : ""
-  ), i = (h) => {
+  ), d = (h) => {
     f(h.target.value), r && r(h.target.value);
   };
   if (u.length >= 2 && u.length <= 6)
@@ -1990,15 +1990,15 @@ const T2 = 300, mt = 400, xe = (p) => {
       "fieldset",
       y({
         className: N([
-          d,
+          o,
           v,
           _,
-          o != null ? o : ""
+          i != null ? i : ""
         ])
       }, m),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, a),
-      /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, u.map((h, C) => {
-        const $ = w ? l === h.value : E === h.value, H = `${d}__option`, M = $ ? `${H}--checked` : null;
+      /* @__PURE__ */ e.createElement("div", { className: `${o}__options` }, u.map((h, C) => {
+        const $ = w ? l === h.value : E === h.value, H = `${o}__option`, M = $ ? `${H}--checked` : null;
         return /* @__PURE__ */ e.createElement(
           "div",
           {
@@ -2014,7 +2014,7 @@ const T2 = 300, mt = 400, xe = (p) => {
               name: n,
               value: h.value,
               disabled: t || h.disabled,
-              onChange: i,
+              onChange: d,
               checked: $
             }
           ),
@@ -2023,28 +2023,28 @@ const T2 = 300, mt = 400, xe = (p) => {
             {
               label: h.tally.label,
               type: h.tally.type,
-              className: `${d}__tally`
+              className: `${o}__tally`
             }
           ) : h.iconName && /* @__PURE__ */ e.createElement(
             j,
             {
               iconName: h.iconName,
               iconSize: c,
-              className: `${d}__icon`
+              className: `${o}__icon`
             }
-          ), /* @__PURE__ */ e.createElement("span", { className: `${d}__label-text` }, h.label))
+          ), /* @__PURE__ */ e.createElement("span", { className: `${o}__label-text` }, h.label))
         );
       }))
     );
 }, Ct = (l) => {
-  var o = l, {
+  var i = l, {
     actionItems: t,
     disabled: n,
     moreActionsLabel: s = "More actions",
     size: a = "md",
     variant: r = "primary",
     className: u
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "actionItems",
     "disabled",
     "moreActionsLabel",
@@ -2052,7 +2052,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     "variant",
     "className"
   ]);
-  const m = "pds-split-button", g = `${m}--${r}`, p = t[0], d = t.slice(1);
+  const m = "pds-split-button", g = `${m}--${r}`, p = t[0], o = t.slice(1);
   let _ = null;
   return "isLink" in p && p.isLink === !0 ? _ = /* @__PURE__ */ e.createElement(
     L2,
@@ -2087,7 +2087,7 @@ const T2 = 300, mt = 400, xe = (p) => {
         label: s,
         size: a,
         variant: r,
-        menuItems: d,
+        menuItems: o,
         displayType: "icon-end",
         isSplitButton: !0,
         disabled: n,
@@ -2107,7 +2107,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     label: u,
     onClick: c,
     tooltipText: l,
-    className: o
+    className: i
   } = p, m = R(p, [
     "buttonProps",
     "disabled",
@@ -2119,26 +2119,26 @@ const T2 = 300, mt = 400, xe = (p) => {
     "tooltipText",
     "className"
   ]);
-  const d = "pds-utility-button", _ = a ? `${d}--critical` : null, v = n ? `${d}--disabled` : null, w = r ? `${d}--monospace` : null, b = /* @__PURE__ */ e.createElement(
+  const o = "pds-utility-button", _ = a ? `${o}--critical` : null, v = n ? `${o}--disabled` : null, w = r ? `${o}--monospace` : null, b = /* @__PURE__ */ e.createElement(
     "button",
     y({
-      className: `${d}__button`,
+      className: `${o}__button`,
       "aria-disabled": n ? "true" : void 0,
       onClick: n ? void 0 : c,
       type: "button"
     }, t),
     s && /* @__PURE__ */ e.createElement(j, { iconName: s }),
-    /* @__PURE__ */ e.createElement("span", { className: `${d}__label` }, u)
+    /* @__PURE__ */ e.createElement("span", { className: `${o}__label` }, u)
   );
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: N([
-        d,
+        o,
         _,
         v,
         w,
-        o != null ? o : ""
+        i != null ? i : ""
       ])
     }, m),
     l ? /* @__PURE__ */ e.createElement(xe, { content: l, customTrigger: b }) : b
@@ -2173,19 +2173,19 @@ const T2 = 300, mt = 400, xe = (p) => {
     "typeLabels",
     "className"
   ]);
-  const o = "pds-callout", m = `${o}--${s}`, g = `${a[s]}: `;
+  const i = "pds-callout", m = `${i}--${s}`, g = `${a[s]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [o, m, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [i, m, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
     }, u),
-    /* @__PURE__ */ e.createElement("div", { className: `${o}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--${s}` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${i}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${i}__icon ${i}__icon--${s}` }, /* @__PURE__ */ e.createElement(
       j,
       {
         iconName: `${s}` in F2 ? F2[s] : F2.info,
         iconSize: "xl"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), n && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, n), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__main-content` }, t)))
+    )), /* @__PURE__ */ e.createElement("div", { className: `${i}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), n && /* @__PURE__ */ e.createElement("div", { className: `${i}__title` }, n), t && /* @__PURE__ */ e.createElement("div", { className: `${i}__main-content` }, t)))
   );
 }, I2 = (u) => {
   var c = u, {
@@ -2199,19 +2199,19 @@ const T2 = 300, mt = 400, xe = (p) => {
     "padding",
     "className"
   ]);
-  const l = "pds-card", o = t !== "default" ? `${l}--${t}` : null, m = s !== "standard" ? `${l}--pad-${s}` : null, g = Be(n), p = g.image, d = g.main;
+  const l = "pds-card", i = t !== "default" ? `${l}--${t}` : null, m = s !== "standard" ? `${l}--pad-${s}` : null, g = Be(n), p = g.image, o = g.main;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: N([
         l,
-        o,
+        i,
         m,
         a != null ? a : ""
       ])
     }, r),
     p && /* @__PURE__ */ e.createElement("div", { className: `${l}__image` }, p[0]),
-    d && /* @__PURE__ */ e.createElement("div", { className: `${l}__main` }, d)
+    o && /* @__PURE__ */ e.createElement("div", { className: `${l}__main` }, o)
   );
 }, A1 = (c) => {
   var l = c, {
@@ -2227,12 +2227,12 @@ const T2 = 300, mt = 400, xe = (p) => {
     "text",
     "className"
   ]);
-  const o = "pds-card-heading", m = t === "XL" ? "pds-ts-xl" : "pds-ts-l", g = n === "bold" ? "pds-fw-bold" : "pds-fw-semibold";
+  const i = "pds-card-heading", m = t === "XL" ? "pds-ts-xl" : "pds-ts-l", g = n === "bold" ? "pds-fw-bold" : "pds-fw-semibold";
   return /* @__PURE__ */ e.createElement(
     i2,
     y({
       className: N([
-        o,
+        i,
         m,
         g,
         r != null ? r : ""
@@ -2251,7 +2251,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     onChange: u,
     options: c,
     className: l
-  } = g, o = R(g, [
+  } = g, i = R(g, [
     "id",
     "defaultValue",
     "label",
@@ -2262,19 +2262,19 @@ const T2 = 300, mt = 400, xe = (p) => {
     "className"
   ]);
   const p = "pds-card-select-group";
-  let d = `${p}__legend`;
-  a === "center" && (d = `${p}__legend ${p}__legend--center`), a === "hidden" && (d = `${p}__legend visually-hidden`);
+  let o = `${p}__legend`;
+  a === "center" && (o = `${p}__legend ${p}__legend--center`), a === "hidden" && (o = `${p}__legend visually-hidden`);
   const [_, v] = X(n), w = (C) => {
     v(C.currentTarget.value), u && u(C.currentTarget.value);
-  }, b = c.length, E = "pds-grid-item", f = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", i = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  }, b = c.length, E = "pds-grid-item", f = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", d = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let h = "";
-  return r === "twoAcross" ? h = f : r === "threeAcross" ? h = i : r === "auto" && (b === 1 ? h = E : b % 3 === 0 ? h = i : b % 2 === 0 ? h = f : h = i), /* @__PURE__ */ e.createElement(
+  return r === "twoAcross" ? h = f : r === "threeAcross" ? h = d : r === "auto" && (b === 1 ? h = E : b % 3 === 0 ? h = d : b % 2 === 0 ? h = f : h = d), /* @__PURE__ */ e.createElement(
     "fieldset",
     y({
       className: [p, l].join(" ").trim().replace(/\s+/g, " "),
       id: t
-    }, o),
-    /* @__PURE__ */ e.createElement("legend", { className: d }, s),
+    }, i),
+    /* @__PURE__ */ e.createElement("legend", { className: o }, s),
     /* @__PURE__ */ e.createElement("div", { className: `${p}__options pds-grid pds-grid--narrow` }, c.map((C, $) => /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -2322,7 +2322,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     "headingText",
     "className"
   ]);
-  const l = "pds-links-card", o = /* @__PURE__ */ e.createElement(I2, null, /* @__PURE__ */ e.createElement("div", { slot: "main" }, s && /* @__PURE__ */ e.createElement(
+  const l = "pds-links-card", i = /* @__PURE__ */ e.createElement(I2, null, /* @__PURE__ */ e.createElement("div", { slot: "main" }, s && /* @__PURE__ */ e.createElement(
     A1,
     {
       className: `${l}__heading`,
@@ -2332,7 +2332,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       text: s
     }
   ), t && /* @__PURE__ */ e.createElement("ul", { className: `${l}__list`, role: "list" }, t.map((m, g) => /* @__PURE__ */ e.createElement("li", { key: g, className: "pds-cta-links-card__item" }, m)))));
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([l, a != null ? a : ""]) }, r), o);
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([l, a != null ? a : ""]) }, r), i);
 }, _t = (a) => {
   var r = a, {
     platformType: t,
@@ -2619,7 +2619,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     summary: u,
     selectionLink: c,
     supplementalLinks: l,
-    className: o
+    className: i
   } = p, m = R(p, [
     "badge",
     "icon",
@@ -2631,30 +2631,30 @@ const T2 = 300, mt = 400, xe = (p) => {
     "supplementalLinks",
     "className"
   ]);
-  const d = "pds-new-site-card", _ = c.type, v = /* @__PURE__ */ e.createElement(I2, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${d}__main` }, /* @__PURE__ */ e.createElement(
+  const o = "pds-new-site-card", _ = c.type, v = /* @__PURE__ */ e.createElement(I2, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${o}__main` }, /* @__PURE__ */ e.createElement(
     _,
     y({
       "aria-label": c.props.children,
-      className: `${d}__selection-link`
+      className: `${o}__selection-link`
     }, c.props),
-    /* @__PURE__ */ e.createElement("div", { className: `${d}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${d}__icon` }, /* @__PURE__ */ e.createElement(_t, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${d}__title` }, a, r && /* @__PURE__ */ e.createElement("div", { className: `${d}__subtitle` }, r))),
+    /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${o}__icon` }, /* @__PURE__ */ e.createElement(_t, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, a, r && /* @__PURE__ */ e.createElement("div", { className: `${o}__subtitle` }, r))),
     t && /* @__PURE__ */ e.createElement(
       g2,
       {
         label: m1[t].label,
         size: "sm",
         color: m1[t].color,
-        className: `${d}__badge`
+        className: `${o}__badge`
       }
     ),
-    u && /* @__PURE__ */ e.createElement("div", { className: `${d}__summary` }, u)
-  ), l && l.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${d}__links` }, l.map((w, b) => {
+    u && /* @__PURE__ */ e.createElement("div", { className: `${o}__summary` }, u)
+  ), l && l.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${o}__links` }, l.map((w, b) => {
     const E = w.type;
     return /* @__PURE__ */ e.createElement(
       E,
       y({
         key: b,
-        className: `${d}__link`
+        className: `${o}__link`
       }, w.props),
       w.props.children,
       w.props.target === "_blank" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -2662,12 +2662,12 @@ const T2 = 300, mt = 400, xe = (p) => {
         {
           iconName: "externalLink",
           iconSize: "sm",
-          className: `${d}__link-icon`
+          className: `${o}__link-icon`
         }
       ), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s))
     );
   }))));
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([d, o != null ? o : ""]) }, m), v);
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([o, i != null ? i : ""]) }, m), v);
 }, Et = {
   amex: /* @__PURE__ */ e.createElement(
     "svg",
@@ -3014,7 +3014,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     detailsLabel: u = "View Details",
     detailsCallback: c,
     selectionCallback: l,
-    className: o
+    className: i
   } = p, m = R(p, [
     "cardType",
     "cardNumber",
@@ -3026,18 +3026,18 @@ const T2 = 300, mt = 400, xe = (p) => {
     "selectionCallback",
     "className"
   ]);
-  const d = "pds-payment-card";
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([d, o != null ? o : ""]) }, m), /* @__PURE__ */ e.createElement(
+  const o = "pds-payment-card";
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([o, i != null ? i : ""]) }, m), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: `${d}__main`,
+      className: `${o}__main`,
       tabIndex: 0,
       onClick: l,
       onKeyDown: (_) => {
         _.key === "Enter" && (_.preventDefault(), l && l());
       }
     },
-    /* @__PURE__ */ e.createElement(I2, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main" }, /* @__PURE__ */ e.createElement("div", { className: `${d}__top` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__icon` }, /* @__PURE__ */ e.createElement(vt, { paymentType: t })), /* @__PURE__ */ e.createElement("div", { className: `${d}__details` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__details-header` }, t, " — ", n), /* @__PURE__ */ e.createElement("div", { className: `${d}__details-name` }, s), /* @__PURE__ */ e.createElement("div", { className: `${d}__details-exp` }, a))), /* @__PURE__ */ e.createElement("div", { className: `${d}__bottom` }, /* @__PURE__ */ e.createElement("div", null, r), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(I2, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main" }, /* @__PURE__ */ e.createElement("div", { className: `${o}__top` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon` }, /* @__PURE__ */ e.createElement(vt, { paymentType: t })), /* @__PURE__ */ e.createElement("div", { className: `${o}__details` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__details-header` }, t, " — ", n), /* @__PURE__ */ e.createElement("div", { className: `${o}__details-name` }, s), /* @__PURE__ */ e.createElement("div", { className: `${o}__details-exp` }, a))), /* @__PURE__ */ e.createElement("div", { className: `${o}__bottom` }, /* @__PURE__ */ e.createElement("div", null, r), /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
@@ -3055,7 +3055,7 @@ const T2 = 300, mt = 400, xe = (p) => {
   notIncluded: "xmark",
   addon: "circlePlusOutline"
 }, u1 = (l) => {
-  var o = l, {
+  var i = l, {
     listItems: t,
     listLabel: n,
     moreLink: s,
@@ -3066,7 +3066,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       addon: "Add-on"
     },
     className: u
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "listItems",
     "listLabel",
     "moreLink",
@@ -3098,8 +3098,8 @@ const T2 = 300, mt = 400, xe = (p) => {
 }) => {
   const s = "pds-select";
   return /* @__PURE__ */ e.createElement("li", { role: "presentation", className: `${s}__group` }, /* @__PURE__ */ e.createElement("span", { className: `${s}__group-label` }, t), /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${s}__group-options` }, n));
-}, wt = (i) => {
-  var h = i, {
+}, wt = (d) => {
+  var h = d, {
     defaultValue: t,
     disabled: n,
     id: s,
@@ -3111,11 +3111,11 @@ const T2 = 300, mt = 400, xe = (p) => {
     },
     message: c,
     onBlur: l,
-    onFocus: o,
+    onFocus: i,
     onOptionSelect: m,
     options: g,
     required: p = !1,
-    showLabel: d = !0,
+    showLabel: o = !0,
     tooltipText: _ = null,
     validationMessage: v,
     validationStatus: w,
@@ -3189,7 +3189,7 @@ const T2 = 300, mt = 400, xe = (p) => {
   const Ie = () => {
     l && l(x);
   }, Je = () => {
-    o && o(x);
+    i && i(x);
   }, e2 = () => {
     ee.reference.current.focus();
   }, qe = (ye) => {
@@ -3271,7 +3271,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       {
         id: s,
         label: r,
-        showLabel: d,
+        showLabel: o,
         tooltipText: _,
         required: p,
         disabled: n
@@ -3317,8 +3317,8 @@ const T2 = 300, mt = 400, xe = (p) => {
       }
     )
   );
-}, kn = (d) => {
-  var _ = d, {
+}, kn = (o) => {
+  var _ = o, {
     actionPrimary: t,
     actionSecondary: n,
     hasComparisonList: s = !0,
@@ -3330,7 +3330,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       currentPlan: "Current plan",
       mostPopular: "Most popular"
     },
-    selectLabel: o = "Select a plan size",
+    selectLabel: i = "Select a plan size",
     statusBadgeType: m,
     className: g
   } = _, p = R(_, [
@@ -3346,13 +3346,13 @@ const T2 = 300, mt = 400, xe = (p) => {
     "statusBadgeType",
     "className"
   ]);
-  const v = "pds-pricing-card", w = `${v}-container`, b = s ? `${w}--with-list` : null, E = m ? `${v}--${m}` : null, f = (D) => D.toLowerCase().replace(/\s/g, "-"), i = c && c.length > 1, [h, C] = X(
+  const v = "pds-pricing-card", w = `${v}-container`, b = s ? `${w}--with-list` : null, E = m ? `${v}--${m}` : null, f = (D) => D.toLowerCase().replace(/\s/g, "-"), d = c && c.length > 1, [h, C] = X(
     f(c[0].label)
   ), [$, H] = X(
     t.label
   );
   let M = null, L = null;
-  i || (M = /* @__PURE__ */ e.createElement("div", { className: `${v}__pricing-data` }, c[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${v}__price-prefix` }, c[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${v}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${v}__price` }, c[0].price), c[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${v}__details` }, c[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${v}__savings-line` }, c[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+  d || (M = /* @__PURE__ */ e.createElement("div", { className: `${v}__pricing-data` }, c[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${v}__price-prefix` }, c[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${v}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${v}__price` }, c[0].price), c[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${v}__details` }, c[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${v}__savings-line` }, c[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
     g2,
     {
       className: `${v}__savings-badge`,
@@ -3368,7 +3368,7 @@ const T2 = 300, mt = 400, xe = (p) => {
       listItems: c[0].listItems,
       renderTypeLabels: !1
     }
-  )), i && (M = c.map((D) => {
+  )), d && (M = c.map((D) => {
     const O = h === f(D.label) ? null : `${v}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -3412,12 +3412,12 @@ const T2 = 300, mt = 400, xe = (p) => {
     return U.customActionLabel ? U.customActionLabel : t.label;
   };
   let z = null;
-  i && (z = /* @__PURE__ */ e.createElement(
+  d && (z = /* @__PURE__ */ e.createElement(
     wt,
     {
       id: "plan-select",
       className: `${v}__select`,
-      label: o,
+      label: i,
       showLabel: !1,
       options: c.map((D) => ({
         value: f(D.label),
@@ -3491,7 +3491,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     sitePlan: u,
     siteStatus: c,
     className: l
-  } = g, o = R(g, [
+  } = g, i = R(g, [
     "gotoText",
     "headingLevel",
     "siteImage",
@@ -3502,12 +3502,12 @@ const T2 = 300, mt = 400, xe = (p) => {
     "className"
   ]);
   const p = "pds-site-card";
-  let d, _;
-  c === "active" && (d = "Active", _ = "success"), c === "frozen" && (d = "Frozen", _ = "frozen");
+  let o, _;
+  c === "active" && (o = "Active", _ = "success"), c === "frozen" && (o = "Frozen", _ = "frozen");
   const v = /* @__PURE__ */ e.createElement(
     Q2,
     {
-      label: d,
+      label: o,
       statusType: _,
       hasStatusIndicator: !0
     }
@@ -3524,7 +3524,7 @@ const T2 = 300, mt = 400, xe = (p) => {
     children: w,
     "aria-label": `${t} ${r} dashboard`
   })) : null;
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([p, l != null ? l : ""]) }, o), b);
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([p, l != null ? l : ""]) }, i), b);
 };
 var p1 = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
 function yt(t) {
@@ -3597,8 +3597,8 @@ var T1 = { exports: {} };
        * @memberof Prism
        */
       util: {
-        encode: function f(i) {
-          return i instanceof o ? new o(i.type, f(i.content), i.alias) : Array.isArray(i) ? i.map(f) : i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+        encode: function f(d) {
+          return d instanceof i ? new i(d.type, f(d.content), d.alias) : Array.isArray(d) ? d.map(f) : d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
         },
         /**
          * Returns the name of the type of the given value.
@@ -3638,30 +3638,30 @@ var T1 = { exports: {} };
          * @returns {T}
          * @template T
          */
-        clone: function f(i, h) {
+        clone: function f(d, h) {
           h = h || {};
           var C, $;
-          switch (l.util.type(i)) {
+          switch (l.util.type(d)) {
             case "Object":
-              if ($ = l.util.objId(i), h[$])
+              if ($ = l.util.objId(d), h[$])
                 return h[$];
               C = /** @type {Record<string, any>} */
               {}, h[$] = C;
-              for (var H in i)
-                i.hasOwnProperty(H) && (C[H] = f(i[H], h));
+              for (var H in d)
+                d.hasOwnProperty(H) && (C[H] = f(d[H], h));
               return (
                 /** @type {any} */
                 C
               );
             case "Array":
-              return $ = l.util.objId(i), h[$] ? h[$] : (C = [], h[$] = C, /** @type {Array} */
+              return $ = l.util.objId(d), h[$] ? h[$] : (C = [], h[$] = C, /** @type {Array} */
               /** @type {any} */
-              i.forEach(function(M, L) {
+              d.forEach(function(M, L) {
                 C[L] = f(M, h);
               }), /** @type {any} */
               C);
             default:
-              return i;
+              return d;
           }
         },
         /**
@@ -3674,9 +3674,9 @@ var T1 = { exports: {} };
          */
         getLanguage: function(f) {
           for (; f; ) {
-            var i = r.exec(f.className);
-            if (i)
-              return i[1].toLowerCase();
+            var d = r.exec(f.className);
+            if (d)
+              return d[1].toLowerCase();
             f = f.parentElement;
           }
           return "none";
@@ -3688,8 +3688,8 @@ var T1 = { exports: {} };
          * @param {string} language
          * @returns {void}
          */
-        setLanguage: function(f, i) {
-          f.className = f.className.replace(RegExp(r, "gi"), ""), f.classList.add("language-" + i);
+        setLanguage: function(f, d) {
+          f.className = f.className.replace(RegExp(r, "gi"), ""), f.classList.add("language-" + d);
         },
         /**
          * Returns the script element that is currently executing.
@@ -3711,10 +3711,10 @@ var T1 = { exports: {} };
           } catch (C) {
             var f = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(C.stack) || [])[1];
             if (f) {
-              var i = document.getElementsByTagName("script");
-              for (var h in i)
-                if (i[h].src == f)
-                  return i[h];
+              var d = document.getElementsByTagName("script");
+              for (var h in d)
+                if (d[h].src == f)
+                  return d[h];
             }
             return null;
           }
@@ -3738,10 +3738,10 @@ var T1 = { exports: {} };
          * @param {boolean} [defaultActivation=false]
          * @returns {boolean}
          */
-        isActive: function(f, i, h) {
-          for (var C = "no-" + i; f; ) {
+        isActive: function(f, d, h) {
+          for (var C = "no-" + d; f; ) {
             var $ = f.classList;
-            if ($.contains(i))
+            if ($.contains(d))
               return !0;
             if ($.contains(C))
               return !1;
@@ -3793,10 +3793,10 @@ var T1 = { exports: {} };
          *     'color': /\b(?:red|green|blue)\b/
          * });
          */
-        extend: function(f, i) {
+        extend: function(f, d) {
           var h = l.util.clone(l.languages[f]);
-          for (var C in i)
-            h[C] = i[C];
+          for (var C in d)
+            h[C] = d[C];
           return h;
         },
         /**
@@ -3874,13 +3874,13 @@ var T1 = { exports: {} };
          * @returns {Grammar} The new grammar object.
          * @public
          */
-        insertBefore: function(f, i, h, C) {
+        insertBefore: function(f, d, h, C) {
           C = C || /** @type {any} */
           l.languages;
           var $ = C[f], H = {};
           for (var M in $)
             if ($.hasOwnProperty(M)) {
-              if (M == i)
+              if (M == d)
                 for (var L in h)
                   h.hasOwnProperty(L) && (H[L] = h[L]);
               h.hasOwnProperty(M) || (H[M] = $[M]);
@@ -3891,13 +3891,13 @@ var T1 = { exports: {} };
           }), H;
         },
         // Traverse a language definition with Depth First Search
-        DFS: function f(i, h, C, $) {
+        DFS: function f(d, h, C, $) {
           $ = $ || {};
           var H = l.util.objId;
-          for (var M in i)
-            if (i.hasOwnProperty(M)) {
-              h.call(i, M, i[M], C || M);
-              var L = i[M], k = l.util.type(L);
+          for (var M in d)
+            if (d.hasOwnProperty(M)) {
+              h.call(d, M, d[M], C || M);
+              var L = d[M], k = l.util.type(L);
               k === "Object" && !$[H(L)] ? ($[H(L)] = !0, f(L, h, null, $)) : k === "Array" && !$[H(L)] && ($[H(L)] = !0, f(L, h, M, $));
             }
         }
@@ -3915,8 +3915,8 @@ var T1 = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAll: function(f, i) {
-        l.highlightAllUnder(document, f, i);
+      highlightAll: function(f, d) {
+        l.highlightAllUnder(document, f, d);
       },
       /**
        * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -3933,7 +3933,7 @@ var T1 = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAllUnder: function(f, i, h) {
+      highlightAllUnder: function(f, d, h) {
         var C = {
           callback: h,
           container: f,
@@ -3941,7 +3941,7 @@ var T1 = { exports: {} };
         };
         l.hooks.run("before-highlightall", C), C.elements = Array.prototype.slice.apply(C.container.querySelectorAll(C.selector)), l.hooks.run("before-all-elements-highlight", C);
         for (var $ = 0, H; H = C.elements[$++]; )
-          l.highlightElement(H, i === !0, C.callback);
+          l.highlightElement(H, d === !0, C.callback);
       },
       /**
        * Highlights the code inside a single element.
@@ -3971,7 +3971,7 @@ var T1 = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightElement: function(f, i, h) {
+      highlightElement: function(f, d, h) {
         var C = l.util.getLanguage(f), $ = l.languages[C];
         l.util.setLanguage(f, C);
         var H = f.parentElement;
@@ -3993,7 +3993,7 @@ var T1 = { exports: {} };
           k(l.util.encode(L.code));
           return;
         }
-        if (i && a.Worker) {
+        if (d && a.Worker) {
           var z = new Worker(l.filename);
           z.onmessage = function(S) {
             k(S.data);
@@ -4025,15 +4025,15 @@ var T1 = { exports: {} };
        * @example
        * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
        */
-      highlight: function(f, i, h) {
+      highlight: function(f, d, h) {
         var C = {
           code: f,
-          grammar: i,
+          grammar: d,
           language: h
         };
         if (l.hooks.run("before-tokenize", C), !C.grammar)
           throw new Error('The language "' + C.language + '" has no grammar.');
-        return C.tokens = l.tokenize(C.code, C.grammar), l.hooks.run("after-tokenize", C), o.stringify(l.util.encode(C.tokens), C.language);
+        return C.tokens = l.tokenize(C.code, C.grammar), l.hooks.run("after-tokenize", C), i.stringify(l.util.encode(C.tokens), C.language);
       },
       /**
        * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
@@ -4059,15 +4059,15 @@ var T1 = { exports: {} };
        *     }
        * });
        */
-      tokenize: function(f, i) {
-        var h = i.rest;
+      tokenize: function(f, d) {
+        var h = d.rest;
         if (h) {
           for (var C in h)
-            i[C] = h[C];
-          delete i.rest;
+            d[C] = h[C];
+          delete d.rest;
         }
         var $ = new p();
-        return d($, $.head, f), g(f, $, i, $.head, 0), v($);
+        return o($, $.head, f), g(f, $, d, $.head, 0), v($);
       },
       /**
        * @namespace
@@ -4088,9 +4088,9 @@ var T1 = { exports: {} };
          * @param {HookCallback} callback The callback function which is given environment variables.
          * @public
          */
-        add: function(f, i) {
+        add: function(f, d) {
           var h = l.hooks.all;
-          h[f] = h[f] || [], h[f].push(i);
+          h[f] = h[f] || [], h[f].push(d);
         },
         /**
          * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -4101,44 +4101,44 @@ var T1 = { exports: {} };
          * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
          * @public
          */
-        run: function(f, i) {
+        run: function(f, d) {
           var h = l.hooks.all[f];
           if (!(!h || !h.length))
             for (var C = 0, $; $ = h[C++]; )
-              $(i);
+              $(d);
         }
       },
-      Token: o
+      Token: i
     };
     a.Prism = l;
-    function o(f, i, h, C) {
-      this.type = f, this.content = i, this.alias = h, this.length = (C || "").length | 0;
+    function i(f, d, h, C) {
+      this.type = f, this.content = d, this.alias = h, this.length = (C || "").length | 0;
     }
-    o.stringify = function f(i, h) {
-      if (typeof i == "string")
-        return i;
-      if (Array.isArray(i)) {
+    i.stringify = function f(d, h) {
+      if (typeof d == "string")
+        return d;
+      if (Array.isArray(d)) {
         var C = "";
-        return i.forEach(function(k) {
+        return d.forEach(function(k) {
           C += f(k, h);
         }), C;
       }
       var $ = {
-        type: i.type,
-        content: f(i.content, h),
+        type: d.type,
+        content: f(d.content, h),
         tag: "span",
-        classes: ["token", i.type],
+        classes: ["token", d.type],
         attributes: {},
         language: h
-      }, H = i.alias;
+      }, H = d.alias;
       H && (Array.isArray(H) ? Array.prototype.push.apply($.classes, H) : $.classes.push(H)), l.hooks.run("wrap", $);
       var M = "";
       for (var L in $.attributes)
         M += " " + L + '="' + ($.attributes[L] || "").replace(/"/g, "&quot;") + '"';
       return "<" + $.tag + ' class="' + $.classes.join(" ") + '"' + M + ">" + $.content + "</" + $.tag + ">";
     };
-    function m(f, i, h, C) {
-      f.lastIndex = i;
+    function m(f, d, h, C) {
+      f.lastIndex = d;
       var $ = f.exec(h);
       if ($ && C && $[1]) {
         var H = $[1].length;
@@ -4146,7 +4146,7 @@ var T1 = { exports: {} };
       }
       return $;
     }
-    function g(f, i, h, C, $, H) {
+    function g(f, d, h, C, $, H) {
       for (var M in h)
         if (!(!h.hasOwnProperty(M) || !h[M])) {
           var L = h[M];
@@ -4159,11 +4159,11 @@ var T1 = { exports: {} };
               var O = z.pattern.toString().match(/[imsuy]*$/)[0];
               z.pattern = RegExp(z.pattern.source, O + "g");
             }
-            for (var Z = z.pattern || z, W = C.next, Q = $; W !== i.tail && !(H && Q >= H.reach); Q += W.value.length, W = W.next) {
+            for (var Z = z.pattern || z, W = C.next, Q = $; W !== d.tail && !(H && Q >= H.reach); Q += W.value.length, W = W.next) {
               var J = W.value;
-              if (i.length > f.length)
+              if (d.length > f.length)
                 return;
-              if (!(J instanceof o)) {
+              if (!(J instanceof i)) {
                 var te = 1, P;
                 if (D) {
                   if (P = m(Z, Q, f, B), !P || P.index >= f.length)
@@ -4171,9 +4171,9 @@ var T1 = { exports: {} };
                   var I = P.index, F = P.index + P[0].length, q = Q;
                   for (q += W.value.length; I >= q; )
                     W = W.next, q += W.value.length;
-                  if (q -= W.value.length, Q = q, W.value instanceof o)
+                  if (q -= W.value.length, Q = q, W.value instanceof i)
                     continue;
-                  for (var A = W; A !== i.tail && (q < F || typeof A.value == "string"); A = A.next)
+                  for (var A = W; A !== d.tail && (q < F || typeof A.value == "string"); A = A.next)
                     te++, q += A.value.length;
                   te--, J = f.slice(Q, q), P.index -= Q;
                 } else if (P = m(Z, 0, J, B), !P)
@@ -4181,14 +4181,14 @@ var T1 = { exports: {} };
                 var I = P.index, V = P[0], x = J.slice(0, I), T = J.slice(I + V.length), K = Q + J.length;
                 H && K > H.reach && (H.reach = K);
                 var ee = W.prev;
-                x && (ee = d(i, ee, x), Q += x.length), _(i, ee, te);
-                var pe = new o(M, S ? l.tokenize(V, S) : V, U, V);
-                if (W = d(i, ee, pe), T && d(i, W, T), te > 1) {
+                x && (ee = o(d, ee, x), Q += x.length), _(d, ee, te);
+                var pe = new i(M, S ? l.tokenize(V, S) : V, U, V);
+                if (W = o(d, ee, pe), T && o(d, W, T), te > 1) {
                   var ie = {
                     cause: M + "," + k,
                     reach: K
                   };
-                  g(f, i, h, W.prev, Q, ie), H && ie.reach > H.reach && (H.reach = ie.reach);
+                  g(f, d, h, W.prev, Q, ie), H && ie.reach > H.reach && (H.reach = ie.reach);
                 }
               }
             }
@@ -4196,26 +4196,26 @@ var T1 = { exports: {} };
         }
     }
     function p() {
-      var f = { value: null, prev: null, next: null }, i = { value: null, prev: f, next: null };
-      f.next = i, this.head = f, this.tail = i, this.length = 0;
+      var f = { value: null, prev: null, next: null }, d = { value: null, prev: f, next: null };
+      f.next = d, this.head = f, this.tail = d, this.length = 0;
     }
-    function d(f, i, h) {
-      var C = i.next, $ = { value: h, prev: i, next: C };
-      return i.next = $, C.prev = $, f.length++, $;
+    function o(f, d, h) {
+      var C = d.next, $ = { value: h, prev: d, next: C };
+      return d.next = $, C.prev = $, f.length++, $;
     }
-    function _(f, i, h) {
-      for (var C = i.next, $ = 0; $ < h && C !== f.tail; $++)
+    function _(f, d, h) {
+      for (var C = d.next, $ = 0; $ < h && C !== f.tail; $++)
         C = C.next;
-      i.next = C, C.prev = i, f.length -= $;
+      d.next = C, C.prev = d, f.length -= $;
     }
     function v(f) {
-      for (var i = [], h = f.head.next; h !== f.tail; )
-        i.push(h.value), h = h.next;
-      return i;
+      for (var d = [], h = f.head.next; h !== f.tail; )
+        d.push(h.value), h = h.next;
+      return d;
     }
     if (!a.document)
       return a.addEventListener && (l.disableWorkerMessageHandler || a.addEventListener("message", function(f) {
-        var i = JSON.parse(f.data), h = i.language, C = i.code, $ = i.immediateClose;
+        var d = JSON.parse(f.data), h = d.language, C = d.code, $ = d.immediateClose;
         a.postMessage(l.highlight(C, l.languages[h], h)), $ && a.close();
       }, !1)), l;
     var w = l.util.currentScript();
@@ -4659,8 +4659,8 @@ const Ht = /* @__PURE__ */ yt(Lt), Mt = {
     value: n
   });
 })(Prism);
-const Nn = (d) => {
-  var _ = d, {
+const Nn = (o) => {
+  var _ = o, {
     code: t,
     colorType: n = "dark",
     copyButtonLabel: s = "Copy to clipboard",
@@ -4669,7 +4669,7 @@ const Nn = (d) => {
     hasPrompt: u,
     language: c,
     maxHeight: l,
-    promptSymbol: o = "$",
+    promptSymbol: i = "$",
     shouldWrap: m = !1,
     className: g
   } = _, p = R(_, [
@@ -4685,7 +4685,7 @@ const Nn = (d) => {
     "shouldWrap",
     "className"
   ]);
-  const v = "pds-code-block", w = `${v}--${n}`, b = m ? `${v}__line-wrapped` : "", E = l ? { maxHeight: `${l}rem` } : {}, f = n === "dark" ? "reverse" : "standard", i = n === "dark" ? Mt : kt, h = ["bash", "diff", "twig"], C = /* @__PURE__ */ e.createElement(m2.LineContent, null, /* @__PURE__ */ e.createElement(m2.Token, null)), $ = /* @__PURE__ */ e.createElement("div", { className: `${v}__line ${b}` }, /* @__PURE__ */ e.createElement(m2.LineNumber, { className: `${v}__number` }), C), H = /* @__PURE__ */ e.createElement("div", { className: `${v}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${v}__prompt` }, o), C);
+  const v = "pds-code-block", w = `${v}--${n}`, b = m ? `${v}__line-wrapped` : "", E = l ? { maxHeight: `${l}rem` } : {}, f = n === "dark" ? "reverse" : "standard", d = n === "dark" ? Mt : kt, h = ["bash", "diff", "twig"], C = /* @__PURE__ */ e.createElement(m2.LineContent, null, /* @__PURE__ */ e.createElement(m2.Token, null)), $ = /* @__PURE__ */ e.createElement("div", { className: `${v}__line ${b}` }, /* @__PURE__ */ e.createElement(m2.LineNumber, { className: `${v}__number` }), C), H = /* @__PURE__ */ e.createElement("div", { className: `${v}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${v}__prompt` }, i), C);
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -4697,7 +4697,7 @@ const Nn = (d) => {
       {
         code: t,
         language: c || "",
-        theme: i,
+        theme: d,
         prism: h.includes(c) ? Ht : void 0
       },
       /* @__PURE__ */ e.createElement(m2.Code, { className: `${v}__code`, tabIndex: 0 }, r || u ? r ? $ : H : C)
@@ -4712,14 +4712,14 @@ const Nn = (d) => {
     ))
   );
 }, xn = (l) => {
-  var o = l, {
+  var i = l, {
     iconName: t,
     linkContent: n,
     message: s,
     heading: a,
     headingLevel: r = "span",
     className: u
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "iconName",
     "linkContent",
     "message",
@@ -4780,7 +4780,7 @@ const Nn = (d) => {
     primaryLinkContent: u,
     secondaryLinkContent: c,
     className: l
-  } = g, o = R(g, [
+  } = g, i = R(g, [
     "backgroundColor",
     "containerWidth",
     "headingLevel",
@@ -4790,12 +4790,12 @@ const Nn = (d) => {
     "secondaryLinkContent",
     "className"
   ]);
-  const p = "pds-cta-slice", d = t && t !== "default" ? `${p}--${t}` : null, _ = n && n !== "standard" ? `pds-container pds-container--${n}` : "pds-container";
+  const p = "pds-cta-slice", o = t && t !== "default" ? `${p}--${t}` : null, _ = n && n !== "standard" ? `pds-container pds-container--${n}` : "pds-container";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([p, d, l])
-    }, o),
+      className: N([p, o, l])
+    }, i),
     /* @__PURE__ */ e.createElement("div", { className: _ }, a && /* @__PURE__ */ e.createElement(i2, { baseClass: p, className: "pds-ts-4xl", level: s }, a), r && /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -4823,7 +4823,7 @@ const Nn = (d) => {
     "stat",
     "className"
   ]);
-  const l = "pds-dashboard-stat", o = {
+  const l = "pds-dashboard-stat", i = {
     success: "circleCheck",
     warning: "diamondExclamation",
     launch: "rocketLaunch",
@@ -4834,7 +4834,7 @@ const Nn = (d) => {
   return /* @__PURE__ */ e.createElement("div", y({ className: N([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: `${l}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${l}__stat-wrapper` }, n && /* @__PURE__ */ e.createElement(
     j,
     {
-      iconName: o[n],
+      iconName: i[n],
       className: `${l}__stat-status ${l}__stat-status--${n}`
     }
   ), s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stat-value` }, s)));
@@ -4856,26 +4856,26 @@ const Nn = (d) => {
     "className",
     "componentWidth"
   ]);
-  const o = "pds-file-diff", m = t + n, g = m > 0 ? n / m * 100 : 0, p = m > 0 ? t / m * 100 : 0, d = r !== null && r > 0 ? `${r}rem` : "100%";
+  const i = "pds-file-diff", m = t + n, g = m > 0 ? n / m * 100 : 0, p = m > 0 ? t / m * 100 : 0, o = r !== null && r > 0 ? `${r}rem` : "100%";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([o, a != null ? a : ""]),
-      style: { width: d }
+      className: N([i, a != null ? a : ""]),
+      style: { width: o }
     }, u),
-    /* @__PURE__ */ e.createElement("div", { className: `${o}__total-changes` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${i}__total-changes` }, /* @__PURE__ */ e.createElement(
       xe,
       {
         content: `${m} ${s.linesChanged}`,
         preferredPlacement: "top",
-        className: `${o}__tooltip`,
-        customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${o}__total-changes-number` }, m, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, ` ${s.linesChanged}`))
+        className: `${i}__tooltip`,
+        customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${i}__total-changes-number` }, m, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, ` ${s.linesChanged}`))
       }
     )),
-    /* @__PURE__ */ e.createElement("div", { className: `${o}__bars` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${i}__bars` }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${o}__behind`,
+        className: `${i}__behind`,
         style: { width: `${g}%` }
       },
       /* @__PURE__ */ e.createElement(
@@ -4883,14 +4883,14 @@ const Nn = (d) => {
         {
           content: `${n} ${s.deletions}`,
           preferredPlacement: "top",
-          className: `${o}__tooltip`,
-          customTrigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: `${o}__behind-bar` }))
+          className: `${i}__tooltip`,
+          customTrigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: `${i}__behind-bar` }))
         }
       )
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${o}__ahead`,
+        className: `${i}__ahead`,
         style: { width: `${p}%` }
       },
       /* @__PURE__ */ e.createElement(
@@ -4898,8 +4898,8 @@ const Nn = (d) => {
         {
           content: `${t} ${s.additions}`,
           preferredPlacement: "top",
-          className: `${o}__tooltip`,
-          customTrigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: `${o}__ahead-bar` }))
+          className: `${i}__tooltip`,
+          customTrigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: `${i}__ahead-bar` }))
         }
       )
     ))
@@ -4914,9 +4914,9 @@ const Nn = (d) => {
     "steps",
     "className"
   ]);
-  const c = "pds-flow-steps", l = `${c}--${t}`, o = n.map(({ header: m, content: g }, p) => {
-    const d = /* @__PURE__ */ e.createElement("div", { className: `${c}__number` }, /* @__PURE__ */ e.createElement("span", null, p + 1)), _ = /* @__PURE__ */ e.createElement("div", { className: `${c}__header` }, m), v = g ? /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, g) : null;
-    return /* @__PURE__ */ e.createElement("li", { key: p, className: `${c}__step` }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, d, /* @__PURE__ */ e.createElement("div", { className: `${c}__content-group` }, _, v)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}__header-group` }, d, _), v));
+  const c = "pds-flow-steps", l = `${c}--${t}`, i = n.map(({ header: m, content: g }, p) => {
+    const o = /* @__PURE__ */ e.createElement("div", { className: `${c}__number` }, /* @__PURE__ */ e.createElement("span", null, p + 1)), _ = /* @__PURE__ */ e.createElement("div", { className: `${c}__header` }, m), v = g ? /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, g) : null;
+    return /* @__PURE__ */ e.createElement("li", { key: p, className: `${c}__step` }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, o, /* @__PURE__ */ e.createElement("div", { className: `${c}__content-group` }, _, v)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}__header-group` }, o, _), v));
   });
   return /* @__PURE__ */ e.createElement(
     "ol",
@@ -4927,7 +4927,7 @@ const Nn = (d) => {
         s != null ? s : ""
       ])
     }, a),
-    o
+    i
   );
 }, Nt = (r) => {
   var u = r, {
@@ -4967,7 +4967,7 @@ const Nn = (d) => {
       className: `${l}__heading`,
       headingText: n
     }
-  ), /* @__PURE__ */ e.createElement("ul", { className: `${l}__list`, role: "list" }, s.map((o, m) => /* @__PURE__ */ e.createElement("li", { key: m, className: `${l}__item` }, o))));
+  ), /* @__PURE__ */ e.createElement("ul", { className: `${l}__list`, role: "list" }, s.map((i, m) => /* @__PURE__ */ e.createElement("li", { key: m, className: `${l}__item` }, i))));
 }, Dn = (u) => {
   var c = u, {
     containerWidth: t = "standard",
@@ -4987,8 +4987,8 @@ const Nn = (d) => {
     "legalLinks",
     "className"
   ]);
-  const l = "pds-site-footer", o = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", m = (/* @__PURE__ */ new Date()).getFullYear(), g = s.includes("privacy"), p = s.includes("dataSubjectRequest"), d = s.includes("cookiePolicy"), _ = s.includes("termsOfUse"), v = s.includes("acceptableUse"), w = s.includes("accessibilityStatement");
-  return /* @__PURE__ */ e.createElement("footer", y({ className: N([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: o }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", m, " Pantheon Systems, Inc."), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), d && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), v && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), w && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
+  const l = "pds-site-footer", i = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", m = (/* @__PURE__ */ new Date()).getFullYear(), g = s.includes("privacy"), p = s.includes("dataSubjectRequest"), o = s.includes("cookiePolicy"), _ = s.includes("termsOfUse"), v = s.includes("acceptableUse"), w = s.includes("accessibilityStatement");
+  return /* @__PURE__ */ e.createElement("footer", y({ className: N([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: i }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", m, " Pantheon Systems, Inc."), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), o && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), v && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), w && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
 }, xt = je(
   (H, $) => {
     var M = H, {
@@ -5000,18 +5000,18 @@ const Nn = (d) => {
       inputProps: u,
       inputWidth: c,
       label: l,
-      message: o,
+      message: i,
       name: m,
       nestingLevel: g = 0,
       onBlur: p,
-      onChange: d,
+      onChange: o,
       onFocus: _,
       required: v,
       showLabel: w = !0,
       size: b = "M",
       validationMessage: E,
       validationStatus: f,
-      value: i,
+      value: d,
       className: h
     } = M, C = R(M, [
       "checked",
@@ -5036,10 +5036,10 @@ const Nn = (d) => {
       "value",
       "className"
     ]);
-    const L = c ? { width: `${c / 16}rem` } : null, k = "pds-checkbox", z = s ? ne.disabled : null, S = f === "error" ? ne.error : null, B = g > 0 ? `${k}--indent-${g}` : null, D = v && !s ? ne.required : null, U = b === "S" ? `${k}--sm` : null, O = f === "success" ? ne.success : null, Z = E || o, W = typeof t != "undefined", Q = typeof n != "undefined", [J, te] = X(
+    const L = c ? { width: `${c / 16}rem` } : null, k = "pds-checkbox", z = s ? ne.disabled : null, S = f === "error" ? ne.error : null, B = g > 0 ? `${k}--indent-${g}` : null, D = v && !s ? ne.required : null, U = b === "S" ? `${k}--sm` : null, O = f === "success" ? ne.success : null, Z = E || i, W = typeof t != "undefined", Q = typeof n != "undefined", [J, te] = X(
       Q ? n : !1
     ), P = t || J, F = (x) => {
-      W || te(x.target.checked), d && d(x);
+      W || te(x.target.checked), o && o(x);
     }, q = `${k}__box`, A = r ? null : P ? `${q}--checked` : null, I = r ? `${q}--indeterminate` : null, V = j2(() => {
       if (r)
         return /* @__PURE__ */ e.createElement(
@@ -5084,7 +5084,7 @@ const Nn = (d) => {
           type: "checkbox",
           checked: W ? t : J,
           "aria-checked": r ? "mixed" : P ? "true" : "false"
-        }, i ? { value: i } : {}), {
+        }, d ? { value: d } : {}), {
           disabled: s,
           required: v,
           onBlur: p,
@@ -5137,11 +5137,11 @@ const Nn = (d) => {
     label: u,
     message: c,
     required: l = !1,
-    showLabel: o = !0,
+    showLabel: i = !0,
     tooltipText: m = null,
     validationMessage: g,
     validationStatus: p,
-    className: d
+    className: o
   } = w, _ = R(w, [
     "children",
     "disabled",
@@ -5157,17 +5157,17 @@ const Nn = (d) => {
     "validationStatus",
     "className"
   ]);
-  const b = r ? { width: `${r / 16}rem` } : null, E = "pds-checkbox-group", f = n ? ne.disabled : null, i = l && !n ? ne.required : null, h = p === "error" ? ne.error : null, C = p === "success" ? ne.success : null, $ = g || c;
+  const b = r ? { width: `${r / 16}rem` } : null, E = "pds-checkbox-group", f = n ? ne.disabled : null, d = l && !n ? ne.required : null, h = p === "error" ? ne.error : null, C = p === "success" ? ne.success : null, $ = g || c;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
         E,
         f,
-        i,
+        d,
         h,
         C,
-        d != null ? d : ""
+        o != null ? o : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: r ? b : null
     }, _),
@@ -5179,7 +5179,7 @@ const Nn = (d) => {
         id: a,
         isLegend: !0,
         required: l,
-        showLabel: o,
+        showLabel: i,
         tooltipText: m
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${E}__options` }, t)),
@@ -5204,11 +5204,11 @@ const Nn = (d) => {
     message: u,
     onGroupBlur: c,
     onValueChange: l,
-    options: o,
+    options: i,
     required: m = !1,
     showLabel: g = !0,
     tooltipText: p = null,
-    validationMessage: d,
+    validationMessage: o,
     validationStatus: _,
     className: v
   } = E, w = R(E, [
@@ -5228,31 +5228,31 @@ const Nn = (d) => {
     "validationStatus",
     "className"
   ]);
-  const f = a ? { width: `${a / 16}rem` } : null, i = "pds-checkbox-group", h = t ? ne.disabled : null, C = m && !t ? ne.required : null, $ = _ === "error" ? ne.error : null, H = _ === "success" ? ne.success : null, M = d || u;
-  o.map((D) => {
+  const f = a ? { width: `${a / 16}rem` } : null, d = "pds-checkbox-group", h = t ? ne.disabled : null, C = m && !t ? ne.required : null, $ = _ === "error" ? ne.error : null, H = _ === "success" ? ne.success : null, M = o || u;
+  i.map((D) => {
     D.id || (D.id = D.value);
   });
   const L = [];
-  o.map((D) => {
+  i.map((D) => {
     D.checked === !0 && L.push(D.value);
   });
   const [k, z] = X(L), S = (D) => {
     const { value: U } = D.target, O = k.includes(U) ? k.filter((Z) => Z !== U) : [...k, U];
     z(O), l && l(O);
   };
-  o.map((D) => {
+  i.map((D) => {
     k.includes(D.value) ? D.checked = !0 : D.checked = !1;
   });
   const B = () => {
     c && setTimeout(() => {
-      o.some((D) => D.id === document.activeElement.id) || c(k);
+      i.some((D) => D.id === document.activeElement.id) || c(k);
     }, 1500);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
-        i,
+        d,
         h,
         C,
         $,
@@ -5261,7 +5261,7 @@ const Nn = (d) => {
       ].join(" ").trim().replace(/\s+/g, " "),
       style: a ? f : null
     }, w),
-    /* @__PURE__ */ e.createElement("fieldset", y({ className: `${i}__fieldset`, id: s }, n), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("fieldset", y({ className: `${d}__fieldset`, id: s }, n), /* @__PURE__ */ e.createElement(
       Ze,
       {
         disabled: t,
@@ -5272,7 +5272,7 @@ const Nn = (d) => {
         showLabel: g,
         tooltipText: p
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${i}__options` }, o.map((D) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, i.map((D) => /* @__PURE__ */ e.createElement(
       xt,
       {
         key: D.id,
@@ -5282,7 +5282,7 @@ const Nn = (d) => {
         name: D.name,
         value: D.value,
         disabled: D.disabled || t,
-        className: `${i}__checkbox`,
+        className: `${d}__checkbox`,
         onChange: S,
         onBlur: B
       }
@@ -5292,7 +5292,7 @@ const Nn = (d) => {
       {
         id: s,
         message: M,
-        hasValidationMessage: !!d,
+        hasValidationMessage: !!o,
         validationMessageHasDecorators: !0,
         validationStatus: _
       }
@@ -5309,7 +5309,7 @@ const Nn = (d) => {
       hasSearchShortcut: u = !1,
       id: c,
       inputWidth: l,
-      isLoading: o = !1,
+      isLoading: i = !1,
       label: m,
       labelStrings: g = {
         clearButton: "Clear input text",
@@ -5318,14 +5318,14 @@ const Nn = (d) => {
         triggerButton: "Toggle dropdown menu"
       },
       loadingText: p = "Loading results...",
-      message: d,
+      message: o,
       noResultsText: _ = "No results found",
       onChange: v,
       onBlur: w,
       onClear: b,
       onFocus: E,
       onOptionSelect: f,
-      options: i,
+      options: d,
       placeholder: h,
       required: C = !1,
       showLabel: $ = !0,
@@ -5367,8 +5367,8 @@ const Nn = (d) => {
     const O = Qe(l), Z = "pds-combobox", W = n ? ne.disabled : null, Q = C && !n ? ne.required : null, J = k === "error" ? ne.error : null, te = k === "success" ? ne.success : null;
     let P = null;
     r && (P = "search"), k === "error" && (P = "error"), k === "success" && (P = "success");
-    const F = L || d, q = typeof M != "undefined", A = typeof t != "undefined", I = (Y) => {
-      const le = i.find((oe) => oe.value === Y);
+    const F = L || o, q = typeof M != "undefined", A = typeof t != "undefined", I = (Y) => {
+      const le = d.find((oe) => oe.value === Y);
       return le ? le.label : "";
     }, [V, x] = X(!1), [T, K] = X(null), [ee, pe] = X(
       A ? I(t) : ""
@@ -5422,7 +5422,7 @@ const Nn = (d) => {
       }, ze);
     });
     ae(() => {
-      const Y = G(i).filter(
+      const Y = G(d).filter(
         (le) => {
           var ge;
           const oe = (ge = le.searchIndex) == null ? void 0 : ge.map(
@@ -5432,7 +5432,7 @@ const Nn = (d) => {
         }
       );
       Ce(Y);
-    }, [_e, o, i]);
+    }, [_e, i, d]);
     const se = ie.map((Y, le) => {
       const { label: oe, value: fe, optionDisplay: ge } = Y;
       return /* @__PURE__ */ e.createElement(
@@ -5560,7 +5560,7 @@ const Nn = (d) => {
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: y({}, a2) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${Z}__loading` }, p) : ie.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${Z}__options` }, se) : /* @__PURE__ */ e.createElement("div", { className: `${Z}__no-results` }, _))
+        /* @__PURE__ */ e.createElement("div", { style: y({}, a2) }, i ? /* @__PURE__ */ e.createElement("div", { className: `${Z}__loading` }, p) : ie.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${Z}__options` }, se) : /* @__PURE__ */ e.createElement("div", { className: `${Z}__no-results` }, _))
       ),
       F && /* @__PURE__ */ e.createElement(
         Oe,
@@ -5596,11 +5596,11 @@ const Nn = (d) => {
       triggerButton: "Toggle dropdown menu"
     },
     loadingText: l = "Loading results...",
-    noResultsText: o = "No results found",
+    noResultsText: i = "No results found",
     onChange: m,
     options: g,
     placeholder: p = "Filter",
-    required: d = !1,
+    required: o = !1,
     showLabel: _ = !0,
     className: v
   } = E, w = R(E, [
@@ -5620,7 +5620,7 @@ const Nn = (d) => {
     "showLabel",
     "className"
   ]);
-  const f = Qe(a), i = "pds-combobox-multi", h = t ? ne.disabled : null, C = d && !t ? ne.required : null, [$, H] = X(""), [M, L] = X(s), [k, z] = X(
+  const f = Qe(a), d = "pds-combobox-multi", h = t ? ne.disabled : null, C = o && !t ? ne.required : null, [$, H] = X(""), [M, L] = X(s), [k, z] = X(
     null
   ), S = $1(
     () => It(g, M, $),
@@ -5704,13 +5704,13 @@ const Nn = (d) => {
   })), {
     disabled: t,
     onKeyDown: A
-  })), V = M.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${i}__counter-item` }, M.length - 1) : M.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${i}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${i}__counter-item` }, M.length - 1)) : M.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${i}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${i}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${i}__counter-item` }, M.length - 1)) : "";
+  })), V = M.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${d}__counter-item` }, M.length - 1) : M.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${d}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${d}__counter-item` }, M.length - 1)) : M.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${d}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${d}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${d}__counter-item` }, M.length - 1)) : "";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: N([
         ne.base,
-        i,
+        d,
         h,
         C,
         v != null ? v : ""
@@ -5723,7 +5723,7 @@ const Nn = (d) => {
         id: n,
         label: u,
         showLabel: _,
-        required: d,
+        required: o,
         disabled: t
       }
     ),
@@ -5731,29 +5731,29 @@ const Nn = (d) => {
       "div",
       {
         "aria-disabled": t ? !0 : null,
-        "aria-required": d ? !0 : null,
-        className: `${i}__input-wrapper`,
+        "aria-required": o ? !0 : null,
+        className: `${d}__input-wrapper`,
         tabIndex: 0,
         onKeyDown: A
       },
-      M.length > 1 && /* @__PURE__ */ e.createElement("div", { className: `${i}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__counter-wrapper` }, V)),
-      M.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${i}__items-wrapper` }, M.map((x, T) => /* @__PURE__ */ e.createElement(
+      M.length > 1 && /* @__PURE__ */ e.createElement("div", { className: `${d}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${d}__counter-wrapper` }, V)),
+      M.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${d}__items-wrapper` }, M.map((x, T) => /* @__PURE__ */ e.createElement(
         "span",
         y({
           className: `
-                  ${i}__selected-item
-                  ${T === k ? `${i}__selected-item--marked-for-deletion` : ""}
+                  ${d}__selected-item
+                  ${T === k ? `${d}__selected-item--marked-for-deletion` : ""}
                 `,
           key: `selected-item-${T}`
         }, D({
           selectedItem: x,
           index: T
         })),
-        /* @__PURE__ */ e.createElement("span", { className: `${i}__selected-item-text` }, x.label),
+        /* @__PURE__ */ e.createElement("span", { className: `${d}__selected-item-text` }, x.label),
         /* @__PURE__ */ e.createElement(
           "span",
           {
-            className: `${i}__selected-item-remove`,
+            className: `${d}__selected-item-remove`,
             onClick: (K) => {
               K.stopPropagation(), O(x);
             }
@@ -5765,24 +5765,24 @@ const Nn = (d) => {
         "button",
         y({
           "aria-label": c.triggerButton,
-          className: `${i}__trigger ${h}`,
+          className: `${d}__trigger ${h}`,
           disabled: t,
           tabIndex: -1,
           type: "button"
         }, J()),
-        /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${i}__trigger-icon` })
+        /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${d}__trigger-icon` })
       )
     ),
     /* @__PURE__ */ e.createElement(
       "div",
       y({
-        className: `${i}__dropdown ${Z ? "" : "visually-hidden"}`
+        className: `${d}__dropdown ${Z ? "" : "visually-hidden"}`
       }, U()),
-      /* @__PURE__ */ e.createElement("div", { className: `${i}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(d2, { variant: "search" }), /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${d}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(d2, { variant: "search" }), /* @__PURE__ */ e.createElement(
         "input",
         me(y({
           placeholder: p,
-          className: `${i}__dropdown-input`,
+          className: `${d}__dropdown-input`,
           "aria-label": c.inputInstructions
         }, I), {
           onClick: (x) => {
@@ -5790,23 +5790,23 @@ const Nn = (d) => {
           }
         })
       )),
-      r ? /* @__PURE__ */ e.createElement("div", { className: `${i}__loading` }, l) : S.length > 0 ? /* @__PURE__ */ e.createElement("ul", y({ className: `${i}__dropdown-list` }, te()), S.map((x, T) => /* @__PURE__ */ e.createElement(
+      r ? /* @__PURE__ */ e.createElement("div", { className: `${d}__loading` }, l) : S.length > 0 ? /* @__PURE__ */ e.createElement("ul", y({ className: `${d}__dropdown-list` }, te()), S.map((x, T) => /* @__PURE__ */ e.createElement(
         y2,
         y({
-          className: `${i}__dropdown-item 
-                  ${W === T ? `${i}__dropdown-item--highlighted` : ""} 
-                  ${Q === x ? `${i}__dropdown-item--selected` : ""}
-                  ${x.isAlreadySelected ? `${i}__dropdown-item--active` : ""}`,
+          className: `${d}__dropdown-item 
+                  ${W === T ? `${d}__dropdown-item--highlighted` : ""} 
+                  ${Q === x ? `${d}__dropdown-item--selected` : ""}
+                  ${x.isAlreadySelected ? `${d}__dropdown-item--active` : ""}`,
           key: `${x.id}-${T}`
         }, F({ item: x, index: T })),
-        /* @__PURE__ */ e.createElement("span", { className: `${i}__dropdown-item-label` }, x.label, x.isAlreadySelected && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("span", { className: `${d}__dropdown-item-label` }, x.label, x.isAlreadySelected && /* @__PURE__ */ e.createElement(
           j,
           {
             iconName: "check",
-            className: `${i}__dropdown-item-icon`
+            className: `${d}__dropdown-item-icon`
           }
         ))
-      ))) : /* @__PURE__ */ e.createElement("div", { className: `${i}__no-results` }, o)
+      ))) : /* @__PURE__ */ e.createElement("div", { className: `${d}__no-results` }, i)
     )
   );
 }, Pn = je(
@@ -5823,18 +5823,18 @@ const Nn = (d) => {
         chooseFile: "Choose file",
         clearButton: "Clear selected file"
       },
-      message: o,
+      message: i,
       multiple: m = !1,
       onClear: g,
       onFileChange: p,
-      required: d = !1,
+      required: o = !1,
       showFullPath: _,
       showLabel: v = !0,
       tooltipText: w = null,
       validationMessage: b,
       validationStatus: E,
       className: f
-    } = $, i = R($, [
+    } = $, d = R($, [
       "accept",
       "defaultValue",
       "disabled",
@@ -5857,10 +5857,10 @@ const Nn = (d) => {
     ]);
     const [H, M] = X(!1), [L, k] = X(
       !!(E2 && n)
-    ), z = Qe(c), S = "pds-file-upload", B = s ? ne.disabled : null, D = d && !s ? ne.required : null, U = E === "error" ? ne.error : null, O = E === "success" ? ne.success : null, Z = L ? `${S}--safari-default` : null;
+    ), z = Qe(c), S = "pds-file-upload", B = s ? ne.disabled : null, D = o && !s ? ne.required : null, U = E === "error" ? ne.error : null, O = E === "success" ? ne.success : null, Z = L ? `${S}--safari-default` : null;
     let W = null;
     E === "error" && (W = "error"), E === "success" && (W = "success");
-    const Q = b || o, J = n ? [n] : null, te = n ? n.split("/").pop() : null, P = _ ? n : te, F = n ? new File(J, P) : null;
+    const Q = b || i, J = n ? [n] : null, te = n ? n.split("/").pop() : null, P = _ ? n : te, F = n ? new File(J, P) : null;
     ae(() => {
       const V = new DataTransfer();
       if (F && V.items.add(F), V.files.length > 0) {
@@ -5903,7 +5903,7 @@ const Nn = (d) => {
           f != null ? f : ""
         ]),
         style: c ? z : null
-      }, i),
+      }, d),
       /* @__PURE__ */ e.createElement(
         Ze,
         {
@@ -5912,7 +5912,7 @@ const Nn = (d) => {
           label: a,
           showLabel: v,
           tooltipText: w,
-          required: d,
+          required: o,
           disabled: s
         }
       ),
@@ -5934,7 +5934,7 @@ const Nn = (d) => {
           accept: t || null,
           disabled: s,
           multiple: m,
-          required: d,
+          required: o,
           onChange: A,
           "aria-invalid": E === "error" ? !0 : null,
           "aria-describedby": Q ? `${r}__message` : null
@@ -5968,11 +5968,11 @@ const Nn = (d) => {
     "className"
   ]);
   var _, v, w, b;
-  const u = "pds-input-group", c = [t[0], t[1]], l = (_ = t[0].props.id) != null ? _ : null, o = (v = t[0].props.message) != null ? v : null, m = (w = t[0].props.validationMessage) != null ? w : null, g = (b = t[0].props.validationStatus) != null ? b : null, p = m || o, d = p ? `${u}--has-message` : null;
+  const u = "pds-input-group", c = [t[0], t[1]], l = (_ = t[0].props.id) != null ? _ : null, i = (v = t[0].props.message) != null ? v : null, m = (w = t[0].props.validationMessage) != null ? w : null, g = (b = t[0].props.validationStatus) != null ? b : null, p = m || i, o = p ? `${u}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([u, d, n != null ? n : ""])
+      className: N([u, o, n != null ? n : ""])
     }, s),
     /* @__PURE__ */ e.createElement("div", { className: `${u}__inner` }, c),
     p && /* @__PURE__ */ e.createElement(
@@ -5987,8 +5987,8 @@ const Nn = (d) => {
       }
     )
   );
-}, Zn = (i) => {
-  var h = i, {
+}, Zn = (d) => {
+  var h = d, {
     defaultValue: t,
     disabled: n = !1,
     fieldsetProps: s,
@@ -5997,11 +5997,11 @@ const Nn = (d) => {
     label: u,
     message: c,
     onBlur: l,
-    onChange: o,
+    onChange: i,
     onValueChange: m,
     options: g,
     required: p = !1,
-    showLabel: d = !0,
+    showLabel: o = !0,
     tooltipText: _ = null,
     validationMessage: v,
     validationStatus: w,
@@ -6030,7 +6030,7 @@ const Nn = (d) => {
   const C = "pds-radio-group", $ = n ? ne.disabled : null, H = p && !n ? ne.required : null, M = w === "error" ? ne.error : null, L = w === "success" ? ne.success : null, k = typeof b != "undefined", z = typeof t != "undefined", [S, B] = X(
     z ? t : ""
   ), D = v || c, U = (Z) => {
-    k || B(Z.target.value), o && o(Z), m && m(Z.target.value);
+    k || B(Z.target.value), i && i(Z), m && m(Z.target.value);
   }, O = (Z) => {
     l && l(Z);
   };
@@ -6055,7 +6055,7 @@ const Nn = (d) => {
         id: a,
         isLegend: !0,
         required: p,
-        showLabel: d,
+        showLabel: o,
         tooltipText: _
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${C}__options` }, g.map((Z, W) => /* @__PURE__ */ e.createElement(
@@ -6117,7 +6117,7 @@ const Nn = (d) => {
   /* @__PURE__ */ e.createElement(j, { iconName: "xmark", iconSize: "sm" })
 )), qn = je(
   (f, E) => {
-    var i = f, {
+    var d = f, {
       checked: t,
       defaultChecked: n,
       disabled: s = !1,
@@ -6126,15 +6126,15 @@ const Nn = (d) => {
       inputWidth: u,
       label: c,
       switchPlacement: l = "right",
-      message: o,
+      message: i,
       offLabel: m = "Off",
       onChange: g,
       onLabel: p = "On",
-      required: d = !1,
+      required: o = !1,
       showLabel: _ = !0,
       showStatusLabel: v = !0,
       className: w
-    } = i, b = R(i, [
+    } = d, b = R(d, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -6152,7 +6152,7 @@ const Nn = (d) => {
       "showStatusLabel",
       "className"
     ]);
-    const h = Qe(u), C = "pds-switch", $ = s ? ne.disabled : null, H = d && !s ? ne.required : null, M = typeof t != "undefined", L = l == "below", k = l == "right", z = !M && n ? n : !1, [S, B] = X(z), D = t || S ? p : m, U = (te) => {
+    const h = Qe(u), C = "pds-switch", $ = s ? ne.disabled : null, H = o && !s ? ne.required : null, M = typeof t != "undefined", L = l == "below", k = l == "right", z = !M && n ? n : !1, [S, B] = X(z), D = t || S ? p : m, U = (te) => {
       M || B(te.target.checked), g && g(te);
     }, O = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -6165,9 +6165,9 @@ const Nn = (d) => {
         className: "visually-hidden",
         onChange: U,
         disabled: s,
-        required: d,
+        required: o,
         checked: t !== void 0 ? t : S,
-        "aria-describedby": o ? `${a}__message` : null
+        "aria-describedby": i ? `${a}__message` : null
       }, r)
     ), !v && /* @__PURE__ */ e.createElement(At, { toggleStatusLabel: D }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), v && /* @__PURE__ */ e.createElement(St, { toggleStatusLabel: D, id: a })), Z = /* @__PURE__ */ e.createElement(
       Ze,
@@ -6175,25 +6175,25 @@ const Nn = (d) => {
         id: a,
         label: c,
         showLabel: _,
-        required: d,
+        required: o,
         disabled: s,
         className: N([
           "pds-input-label--disable-click",
-          o ? "" : "pds-input-label--switch-top-message"
+          i ? "" : "pds-input-label--switch-top-message"
         ])
       }
-    ), W = o && /* @__PURE__ */ e.createElement(
+    ), W = i && /* @__PURE__ */ e.createElement(
       Oe,
       {
         id: a,
-        message: o,
+        message: i,
         hasValidationMessage: !1,
         validationStatus: void 0,
         className: "pds-input-message--switch"
       }
     );
     let Q, J;
-    return L ? Q = /* @__PURE__ */ e.createElement(e.Fragment, null, Z, W, O) : k && (J = "pds-switch--placement-right", Q = o ? /* @__PURE__ */ e.createElement(e.Fragment, null, Z, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, W, /* @__PURE__ */ e.createElement("div", null, O))) : /* @__PURE__ */ e.createElement(
+    return L ? Q = /* @__PURE__ */ e.createElement(e.Fragment, null, Z, W, O) : k && (J = "pds-switch--placement-right", Q = i ? /* @__PURE__ */ e.createElement(e.Fragment, null, Z, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, W, /* @__PURE__ */ e.createElement("div", null, O))) : /* @__PURE__ */ e.createElement(
       "div",
       {
         className: N([
@@ -6230,11 +6230,11 @@ const Nn = (d) => {
       isResizable: u = !0,
       label: c,
       message: l,
-      onBlur: o,
+      onBlur: i,
       onChange: m,
       onFocus: g,
       placeholder: p,
-      readonly: d = !1,
+      readonly: o = !1,
       required: _ = !1,
       rows: v = 5,
       showLabel: w,
@@ -6248,7 +6248,7 @@ const Nn = (d) => {
         visibilityToggleHide: "Hide input value",
         visibilityToggleShow: "Show input value"
       },
-      validationMessage: i,
+      validationMessage: d,
       validationStatus: h,
       value: C,
       className: $
@@ -6277,12 +6277,12 @@ const Nn = (d) => {
       "value",
       "className"
     ]);
-    const z = Qe(r), S = "pds-textarea", B = u ? "pds-is-resizable" : null, D = s ? ne.disabled : null, U = _ && !s ? ne.required : null, O = h === "error" ? ne.error : null, Z = h === "success" ? ne.success : null, W = d ? ne.readonly : null, Q = i || l, J = C != null && m !== void 0, te = typeof n != "undefined", [P, F] = X(
+    const z = Qe(r), S = "pds-textarea", B = u ? "pds-is-resizable" : null, D = s ? ne.disabled : null, U = _ && !s ? ne.required : null, O = h === "error" ? ne.error : null, Z = h === "success" ? ne.success : null, W = o ? ne.readonly : null, Q = d || l, J = C != null && m !== void 0, te = typeof n != "undefined", [P, F] = X(
       te ? n : ""
     ), q = C || P, A = (V) => {
       J || F(V.target.value), m && m(V);
     }, I = (V) => {
-      o && o(V);
+      i && i(V);
     };
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -6328,7 +6328,7 @@ const Nn = (d) => {
           name: a,
           placeholder: p,
           required: _,
-          readOnly: d,
+          readOnly: o,
           disabled: s,
           value: J ? C : P,
           rows: v,
@@ -6344,7 +6344,7 @@ const Nn = (d) => {
         {
           id: a,
           message: Q,
-          hasValidationMessage: !!i,
+          hasValidationMessage: !!d,
           validationMessageHasDecorators: !0,
           validationStatus: h
         }
@@ -6362,18 +6362,18 @@ const Nn = (d) => {
       hasSearchShortcut: u = !1,
       hasUrlPrefix: c = !1,
       id: l,
-      inputProps: o,
+      inputProps: i,
       inputWidth: m,
       label: g,
       message: p,
-      onBlur: d,
+      onBlur: o,
       onChange: _,
       onClear: v,
       onFocus: w,
       placeholder: b,
       readonly: E = !1,
       required: f = !1,
-      searchIcon: i = "search",
+      searchIcon: d = "search",
       showLabel: h = !0,
       showVisibilityToggle: C = !1,
       tooltipText: $ = null,
@@ -6423,7 +6423,7 @@ const Nn = (d) => {
     ]);
     const Z = Qe(m), W = "pds-text-input", Q = a ? ne.disabled : null, J = f && !a ? ne.required : null, te = k === "error" ? ne.error : null, P = k === "success" ? ne.success : null, F = E ? ne.readonly : null, q = c && M === "url" ? `${W}--has-url-prefix` : null;
     let A = null;
-    M === "search" && (A = "search"), M === "search" && i === "filter" && (A = "filter"), k === "error" && (A = "error"), k === "success" && (A = "success");
+    M === "search" && (A = "search"), M === "search" && d === "filter" && (A = "filter"), k === "error" && (A = "error"), k === "success" && (A = "success");
     const I = L || p, V = typeof z != "undefined", x = typeof s != "undefined", [T, K] = X(
       x ? s : ""
     ), ee = z || T, pe = (de) => {
@@ -6433,8 +6433,8 @@ const Nn = (d) => {
             value: $e
           })
         });
-        d && d(we);
-      } else d && d(de);
+        o && o(we);
+      } else o && o(de);
     }, ie = (de) => {
       if (c && M === "url") {
         const $e = i1(de.target.value), we = me(y({}, de), {
@@ -6509,7 +6509,7 @@ const Nn = (d) => {
             onFocus: w,
             "aria-invalid": k === "error" ? !0 : null,
             "aria-describedby": I ? `${l}__message` : null
-          }, o)
+          }, i)
         ),
         r && ee && /* @__PURE__ */ e.createElement(
           e1,
@@ -6574,18 +6574,18 @@ const Nn = (d) => {
     "url",
     "className"
   ]);
-  const o = "pds-link-new-window", m = n ? `${o}--${n}` : null;
+  const i = "pds-link-new-window", m = n ? `${i}--${n}` : null;
   return /* @__PURE__ */ e.createElement(
     "a",
     y({
       href: a,
       rel: "noopener noreferrer",
       target: "_blank",
-      className: N([o, m, r != null ? r : ""])
+      className: N([i, m, r != null ? r : ""])
     }, u),
     t,
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `(${s})`),
-    /* @__PURE__ */ e.createElement(j, { iconName: "externalLink", className: `${o}__icon` })
+    /* @__PURE__ */ e.createElement(j, { iconName: "externalLink", className: `${i}__icon` })
   );
 }, Gn = (g) => {
   var p = g, {
@@ -6598,7 +6598,7 @@ const Nn = (d) => {
     },
     size: c = "md",
     title: l,
-    className: o
+    className: i
   } = p, m = R(p, [
     "ariaLabel",
     "children",
@@ -6610,7 +6610,7 @@ const Nn = (d) => {
     "title",
     "className"
   ]);
-  const d = "pds-modal", _ = c !== "md" ? `${d}--${c}` : null, [v, w] = X(r);
+  const o = "pds-modal", _ = c !== "md" ? `${o}--${c}` : null, [v, w] = X(r);
   ae(() => {
     w(r);
   }, [r]), ae(() => {
@@ -6619,9 +6619,9 @@ const Nn = (d) => {
   const { refs: b, context: E, floatingStyles: f } = Ae({
     open: v,
     onOpenChange: w
-  }), i = Xe(E), h = Te(E, {
+  }), d = Xe(E), h = Te(E, {
     outsidePressEvent: "mousedown"
-  }), C = De(E), { getFloatingProps: $ } = Re([i, h, C]), { isMounted: H, styles: M } = Ye(E, {
+  }), C = De(E), { getFloatingProps: $ } = Re([d, h, C]), { isMounted: H, styles: M } = Ye(E, {
     duration: {
       open: 300,
       close: 300
@@ -6656,13 +6656,13 @@ const Nn = (d) => {
         ref: b.setFloating,
         "aria-label": t || l
       }, $()), {
-        className: [d, _, o].join(" ").trim().replace(/\s+/g, " "),
+        className: [o, _, i].join(" ").trim().replace(/\s+/g, " "),
         style: me(y(y({}, f), M), {
           position: "relative",
           top: "5%"
         })
       }), m),
-      a && /* @__PURE__ */ e.createElement("div", { className: `${d}__close-wrapper` }, /* @__PURE__ */ e.createElement(
+      a && /* @__PURE__ */ e.createElement("div", { className: `${o}__close-wrapper` }, /* @__PURE__ */ e.createElement(
         V1,
         {
           ariaLabel: s,
@@ -6670,8 +6670,8 @@ const Nn = (d) => {
           iconSize: "xl"
         }
       )),
-      /* @__PURE__ */ e.createElement("div", { className: `${d}__title` }, l),
-      /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, n)
+      /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, l),
+      /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, n)
     ))
   ));
 }, jn = (r) => {
@@ -6684,7 +6684,7 @@ const Nn = (d) => {
     "crumbs",
     "className"
   ]);
-  const c = "pds-breadcrumb", l = n.length, o = n.map((m, g) => {
+  const c = "pds-breadcrumb", l = n.length, i = n.map((m, g) => {
     if (g < l - 1)
       return /* @__PURE__ */ e.createElement("li", { key: g, className: `${c}__crumb` }, m);
     {
@@ -6707,7 +6707,7 @@ const Nn = (d) => {
       "aria-label": t,
       className: N([c, s != null ? s : ""])
     }, a),
-    /* @__PURE__ */ e.createElement("ol", { className: `${c}__crumbs` }, o)
+    /* @__PURE__ */ e.createElement("ol", { className: `${c}__crumbs` }, i)
   );
 }, R1 = (t) => typeof t.linkContent != "string" ? !!(t.isActive || t.linkContent.props.className && t.linkContent.props.className.includes("pds-isActive")) : !1, Ne = (t) => {
   if (R1(t))
@@ -6755,16 +6755,16 @@ const Nn = (d) => {
     "className"
   ]);
   let l = !1;
-  const o = be(He);
-  o && (l = o.isMobile);
-  const m = ce(null), g = "pds-button-nav", p = l ? `${g}--isMobile` : null, d = s !== "md" ? `${g}--${s}` : null;
+  const i = be(He);
+  i && (l = i.isMobile);
+  const m = ce(null), g = "pds-button-nav", p = l ? `${g}--isMobile` : null, o = s !== "md" ? `${g}--${s}` : null;
   ae(() => {
     const E = (f) => {
       if (l) return;
-      const i = m.current;
-      if (!i) return;
+      const d = m.current;
+      if (!d) return;
       const h = Array.from(
-        i.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])')
+        d.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])')
       );
       if (h.length === 0) return;
       const C = document.activeElement, $ = h.indexOf(C);
@@ -6785,13 +6785,13 @@ const Nn = (d) => {
     };
   }, [l]);
   const _ = ({ isActive: E, linkContent: f }) => {
-    const i = `${g}__item`;
+    const d = `${g}__item`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
         className: N([
-          i,
-          E ? `${i}--active` : null
+          d,
+          E ? `${d}--active` : null
         ])
       },
       f
@@ -6828,7 +6828,7 @@ const Nn = (d) => {
       "aria-label": t,
       className: N([
         g,
-        d,
+        o,
         p,
         a != null ? a : ""
       ])
@@ -6872,8 +6872,8 @@ const Nn = (d) => {
     }, a),
     n
   );
-}, S2 = b1(null), Xn = (d) => {
-  var _ = d, {
+}, S2 = b1(null), Xn = (o) => {
+  var _ = o, {
     children: t,
     hasSidebarToggle: n = !0,
     isAdmin: s,
@@ -6882,7 +6882,7 @@ const Nn = (d) => {
     sidebarExpandedWidth: u = 12,
     sidebarToggleLabel: c = "Toggle sidebar",
     skiplinkText: l = "Skip to main content",
-    isSidebarExpanded: o,
+    isSidebarExpanded: i,
     setIsSidebarExpanded: m = () => {
     },
     className: g
@@ -6899,10 +6899,10 @@ const Nn = (d) => {
     "setIsSidebarExpanded",
     "className"
   ]);
-  const { isMobile: v, windowWidth: w } = be(He), [b, E] = X(() => o !== void 0 ? o : w > 1440), f = ce(), [i] = x2(f), h = i.width;
+  const { isMobile: v, windowWidth: w } = be(He), [b, E] = X(() => i !== void 0 ? i : w > 1440), f = ce(), [d] = x2(f), h = d.width;
   ae(() => {
-    o !== void 0 && E(o);
-  }, [o]), ae(() => {
+    i !== void 0 && E(i);
+  }, [i]), ae(() => {
     m(b);
   }, [b, m]);
   const C = {
@@ -6959,13 +6959,13 @@ const Nn = (d) => {
   linkContent: r,
   links: u
 }) => {
-  const c = "pds-dashboard-nav", l = `${c}__item`, o = `${c}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, Y2(c, r, u, t)), g = (L, k) => /* @__PURE__ */ e.createElement(
+  const c = "pds-dashboard-nav", l = `${c}__item`, i = `${c}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, Y2(c, r, u, t)), g = (L, k) => /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: N([
-        o,
-        `${o}--${k}`,
-        n ? `${o}--expanded` : null
+        i,
+        `${i}--${k}`,
+        n ? `${i}--expanded` : null
       ])
     },
     L.map((z, S) => /* @__PURE__ */ e.createElement(
@@ -6980,20 +6980,20 @@ const Nn = (d) => {
       },
       z.linkContent
     ))
-  ), [p, d] = X(!1), { refs: _, floatingStyles: v, context: w } = Ae({
+  ), [p, o] = X(!1), { refs: _, floatingStyles: v, context: w } = Ae({
     placement: "right-start",
     open: p,
-    onOpenChange: d,
+    onOpenChange: o,
     middleware: [k2(12), z2(), N2()],
     whileElementsMounted: Pe
   }), b = $2(w, {
     move: !1,
     handleClose: M1()
-  }), E = y1(w), f = Te(w), i = De(w, { role: "menu" }), { getReferenceProps: h, getFloatingProps: C } = Re([
+  }), E = y1(w), f = Te(w), d = De(w, { role: "menu" }), { getReferenceProps: h, getFloatingProps: C } = Re([
     b,
     E,
     f,
-    i
+    d
   ]), $ = (L) => {
     var B;
     const k = L.currentTarget, z = (B = k.parentElement) == null ? void 0 : B.nextElementSibling;
@@ -7022,7 +7022,7 @@ const Nn = (d) => {
         opacity: "1",
         display: "flex",
         marginBlockStart: `${r2}rem`
-      }), L.classList.add(`${o}--expanded`);
+      }), L.classList.add(`${i}--expanded`);
     };
   }, M = (L) => {
     const k = `${L.scrollHeight}px`, z = L.animate(
@@ -7040,7 +7040,7 @@ const Nn = (d) => {
       }
     );
     z.onfinish = () => {
-      L.classList.remove(`${o}--expanded`), Object.assign(L.style, {
+      L.classList.remove(`${i}--expanded`), Object.assign(L.style, {
         opacity: "0",
         height: "",
         // Clean height from inline style
@@ -7114,7 +7114,7 @@ const Nn = (d) => {
     "selectTextFallback",
     "className"
   ]);
-  const l = "pds-dropdown-menu", [o, m] = X(!1), [g, p] = X(null), d = n1(n), _ = d ? d.props.children : s, v = /* @__PURE__ */ e.createElement(
+  const l = "pds-dropdown-menu", [i, m] = X(!1), [g, p] = X(null), o = n1(n), _ = o ? o.props.children : s, v = /* @__PURE__ */ e.createElement(
     j,
     {
       iconName: "check",
@@ -7128,13 +7128,13 @@ const Nn = (d) => {
     U.target.nodeName === "A" && m(!1);
   };
   ae(() => {
-    if (o) {
+    if (i) {
       const U = document.querySelector(".pds-dropdown-menu__dropdown");
       return U.addEventListener("click", b), () => {
         U.removeEventListener("click", b);
       };
     }
-  }, [o]);
+  }, [i]);
   const E = ({
     item: U,
     level: O
@@ -7163,9 +7163,9 @@ const Nn = (d) => {
         })) : O.push(E({ item: W, level: "second-level" }));
       })) : O.push(E({ item: Z, level: "top-level" }));
     }), O;
-  }, { refs: i, context: h } = Ae({
+  }, { refs: d, context: h } = Ae({
     placement: "bottom-start",
-    open: o,
+    open: i,
     onOpenChange: m,
     whileElementsMounted: Pe
   }), C = ce([]), $ = o2(h, {
@@ -7196,7 +7196,7 @@ const Nn = (d) => {
     "button",
     y({
       className: `${l}__trigger`,
-      ref: i.setReference,
+      ref: d.setReference,
       type: "button"
     }, k()),
     /* @__PURE__ */ e.createElement("span", { className: `${l}__active-label` }, _),
@@ -7212,7 +7212,7 @@ const Nn = (d) => {
     "ul",
     y({
       className: `${l}__dropdown ${l}__menu ${l}__menu--top-level`,
-      ref: i.setFloating,
+      ref: d.setFloating,
       style: me(y({}, D), {
         zIndex: "var(--pds-z-index-dropdown)"
       })
@@ -7534,7 +7534,7 @@ const Nn = (d) => {
     "subBrand",
     "className"
   ]);
-  const o = "pds-pantheon-logo", m = n && n !== "full" ? `${o}--${n}` : null, g = t && t !== "default" ? `${o}--${t}` : null;
+  const i = "pds-pantheon-logo", m = n && n !== "full" ? `${i}--${n}` : null, g = t && t !== "default" ? `${i}--${t}` : null;
   let p;
   switch (n) {
     case "full":
@@ -7552,15 +7552,15 @@ const Nn = (d) => {
     case "sub-brand-small":
       p = Z2;
   }
-  const d = e.isValidElement(s) && typeof s.props.children == "string" ? s.props.children : "", _ = e.isValidElement(s) ? Se(s, {
+  const o = e.isValidElement(s) && typeof s.props.children == "string" ? s.props.children : "", _ = e.isValidElement(s) ? Se(s, {
     children: p,
-    "aria-label": d || null
+    "aria-label": o || null
   }) : s;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: N([
-        o,
+        i,
         m,
         g,
         r != null ? r : ""
@@ -7586,16 +7586,16 @@ const Nn = (d) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  let o = !1;
+  let i = !1;
   const m = be(He);
-  m && (o = m.isMobile);
+  m && (i = m.isMobile);
   const g = be(S2);
-  let p = !0, d = null;
-  g && (p = g.isSidebarExpanded, d = g.logoLinkContent);
-  const _ = "pds-dashboard-nav", v = p ? `${_}--expanded` : `${_}--collapsed`, w = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${_}__menu ${_}__menu--top-level` }, s.map((f, i) => /* @__PURE__ */ e.createElement(
+  let p = !0, o = null;
+  g && (p = g.isSidebarExpanded, o = g.logoLinkContent);
+  const _ = "pds-dashboard-nav", v = p ? `${_}--expanded` : `${_}--collapsed`, w = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${_}__menu ${_}__menu--top-level` }, s.map((f, d) => /* @__PURE__ */ e.createElement(
     Pt,
     {
-      key: i,
+      key: d,
       icon: f.icon,
       isActive: Ne(f),
       isSidebarExpanded: p,
@@ -7623,15 +7623,15 @@ const Nn = (d) => {
       "aria-label": t,
       className: N([_, v, r])
     }, u),
-    !o && /* @__PURE__ */ e.createElement(
+    !i && /* @__PURE__ */ e.createElement(
       O1,
       {
         className: `${_}__logo`,
         displayType: p ? "full" : "icon",
-        linkContent: d
+        linkContent: o
       }
     ),
-    o ? E : w
+    i ? E : w
   );
 }, qt = {
   basic: "Basic",
@@ -7658,7 +7658,7 @@ const Nn = (d) => {
     "option",
     "className"
   ]);
-  const u = "pds-dashboard-search", c = t.type ? F1[t.type] : "bolt", l = ce(), [o] = x2(l), m = o.width / 16 - 7.5;
+  const u = "pds-dashboard-search", c = t.type ? F1[t.type] : "bolt", l = ce(), [i] = x2(l), m = i.width / 16 - 7.5;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -7716,11 +7716,11 @@ const Nn = (d) => {
     loadingText: u = "Loading results...",
     noResultsText: c = "No results found",
     onFocus: l,
-    onOptionSelect: o,
+    onOptionSelect: i,
     placeholder: m = "Search sites",
     siteList: g,
     horizontalOffset: p = 0,
-    className: d
+    className: o
   } = w, _ = R(w, [
     "disabled",
     "id",
@@ -7736,7 +7736,7 @@ const Nn = (d) => {
     "horizontalOffset",
     "className"
   ]);
-  const [b, E] = X(!1), [f, i] = X(null), h = ce(null);
+  const [b, E] = X(!1), [f, d] = X(null), h = ce(null);
   let C = !1;
   const $ = be(He);
   $ && (C = $.isMobile);
@@ -7758,7 +7758,7 @@ const Nn = (d) => {
       E(!1);
     }, 150);
   }, J = (A) => {
-    i(A.value), o && o(A);
+    d(A.value), i && i(A);
   };
   ae(() => {
     const A = (V) => {
@@ -7832,7 +7832,7 @@ const Nn = (d) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([O, Z, d != null ? d : ""]),
+      className: N([O, Z, o != null ? o : ""]),
       id: n,
       style: C ? null : U,
       onKeyDown: C ? null : (A) => {
@@ -7859,8 +7859,8 @@ const Nn = (d) => {
     }, a),
     t
   );
-}, e4 = (d) => {
-  var _ = d, {
+}, e4 = (o) => {
+  var _ = o, {
     children: t,
     colorType: n = "default",
     containerWidth: s = "x-wide",
@@ -7869,7 +7869,7 @@ const Nn = (d) => {
     logoDisplayType: u = "full",
     logoLinkContent: c,
     logoSrc: l,
-    logoSubBrand: o,
+    logoSubBrand: i,
     translationStrings: m = {
       closeMobileNav: "Close navigation area",
       openMobileNav: "Open navigation area"
@@ -7894,7 +7894,7 @@ const Nn = (d) => {
   E && (b = E.isMobile);
   const f = be(S2);
   f && (c = f.logoLinkContent);
-  const i = "pds-navbar", h = a ? `${i}--noBorder` : "", C = n !== "default" ? `${i}--${n}` : "", $ = b ? `${i}--isMobile` : `${i}--notMobile`, H = (F) => {
+  const d = "pds-navbar", h = a ? `${d}--noBorder` : "", C = n !== "default" ? `${d}--${n}` : "", $ = b ? `${d}--isMobile` : `${d}--notMobile`, H = (F) => {
     const q = F.key;
     let A = !1;
     switch (q) {
@@ -7938,20 +7938,20 @@ const Nn = (d) => {
   let D = "default";
   (n === "reverse" || n === "reverse-transparent") && (D = "reverse");
   const U = Le(c) ? c.props.children : null, O = Le(c) && U ? Se(c, {
-    children: /* @__PURE__ */ e.createElement("img", { className: `${i}__custom-logo`, src: l }),
+    children: /* @__PURE__ */ e.createElement("img", { className: `${d}__custom-logo`, src: l }),
     "aria-label": U || null
-  }) : /* @__PURE__ */ e.createElement("img", { className: `${i}__custom-logo`, src: l, alt: "" }), Z = () => l ? O : /* @__PURE__ */ e.createElement(
+  }) : /* @__PURE__ */ e.createElement("img", { className: `${d}__custom-logo`, src: l, alt: "" }), Z = () => l ? O : /* @__PURE__ */ e.createElement(
     O1,
     {
       colorType: D,
       displayType: u,
       linkContent: c,
-      subBrand: o
+      subBrand: i
     }
   ), W = /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${i}__menu-toggle`,
+      className: `${d}__menu-toggle`,
       "aria-label": v ? m.closeMobileNav : m.openMobileNav,
       onClick: M,
       type: "button"
@@ -7963,7 +7963,7 @@ const Nn = (d) => {
   }), J = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: v ? `${i}__mobile ${i}__mobile--open` : `${i}__mobile ${i}__mobile--closed`,
+      className: v ? `${d}__mobile ${d}__mobile--open` : `${d}__mobile ${d}__mobile--closed`,
       ref: L
     },
     /* @__PURE__ */ e.createElement(h2, null, Q)
@@ -7975,13 +7975,13 @@ const Nn = (d) => {
         initialFocus: !1
       }
     },
-    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(h2, { className: `${i}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${i}__inner-mobile` }, Z(), t && W)), /* @__PURE__ */ e.createElement(h2, null, t && J))
-  ), P = /* @__PURE__ */ e.createElement(h2, { width: s, className: `${i}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${i}__logo` }, Z()), /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, S ? /* @__PURE__ */ e.createElement("div", { className: `${i}__items-left` }, S) : /* @__PURE__ */ e.createElement("span", null), B && /* @__PURE__ */ e.createElement("div", { className: `${i}__items-right` }, B)));
+    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(h2, { className: `${d}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__inner-mobile` }, Z(), t && W)), /* @__PURE__ */ e.createElement(h2, null, t && J))
+  ), P = /* @__PURE__ */ e.createElement(h2, { width: s, className: `${d}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${d}__logo` }, Z()), /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, S ? /* @__PURE__ */ e.createElement("div", { className: `${d}__items-left` }, S) : /* @__PURE__ */ e.createElement("span", null), B && /* @__PURE__ */ e.createElement("div", { className: `${d}__items-right` }, B)));
   return /* @__PURE__ */ e.createElement(
     "header",
     y({
       className: N([
-        i,
+        d,
         C,
         h,
         $,
@@ -8001,14 +8001,14 @@ const Nn = (d) => {
   }), []);
   const l = () => {
     c(window.innerWidth);
-  }, o = u <= s, m = "pds-nav-menu", { refs: g, context: p } = Ae({
+  }, i = u <= s, m = "pds-nav-menu", { refs: g, context: p } = Ae({
     placement: "bottom-start",
     open: a,
     onOpenChange: r,
     whileElementsMounted: Pe
-  }), d = Xe(p, { event: "mousedown" }), _ = Te(p), v = De(p, { role: "menu" });
+  }), o = Xe(p, { event: "mousedown" }), _ = Te(p), v = De(p, { role: "menu" });
   let w;
-  o ? w = $2(p, {
+  i ? w = $2(p, {
     enabled: !1
   }) : w = $2(p, {
     handleClose: M1({
@@ -8021,9 +8021,9 @@ const Nn = (d) => {
   const { getReferenceProps: b, getFloatingProps: E } = Re([
     _,
     v,
-    d,
+    o,
     w
-  ]), f = (i) => !!(i.isActive || i.linkContent && i.linkContent.props.className && i.linkContent.props.className.includes("pds-isActive"));
+  ]), f = (d) => !!(d.isActive || d.linkContent && d.linkContent.props.className && d.linkContent.props.className.includes("pds-isActive"));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
@@ -8039,14 +8039,14 @@ const Nn = (d) => {
       className: `${m}__dropdown`,
       ref: g.setFloating
     }, E()),
-    t.map((i, h) => /* @__PURE__ */ e.createElement(
+    t.map((d, h) => /* @__PURE__ */ e.createElement(
       "li",
       {
         key: h,
-        role: i.isSeparator ? "separator" : "menuitem",
-        className: `${m}__item ${i.isSeparator ? `${m}__dropdown--separator` : `${m}__item--second-level`} ${f(i) ? `${m}__item--active` : null}`
+        role: d.isSeparator ? "separator" : "menuitem",
+        className: `${m}__item ${d.isSeparator ? `${m}__dropdown--separator` : `${m}__item--second-level`} ${f(d) ? `${m}__item--active` : null}`
       },
-      !i.isSeparator && i.linkContent
+      !d.isSeparator && d.linkContent
     ))
   ));
 }, t4 = (c) => {
@@ -8063,7 +8063,7 @@ const Nn = (d) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [o, m] = X(1025), [g, p] = X(null), [d, _] = X(-1), [v, w] = X(null), [b, E] = X({
+  const [i, m] = X(1025), [g, p] = X(null), [o, _] = X(-1), [v, w] = X(null), [b, E] = X({
     container: null,
     containerChildren: []
   });
@@ -8072,7 +8072,7 @@ const Nn = (d) => {
   }), []);
   const f = () => {
     m(window.innerWidth);
-  }, i = o <= a;
+  }, d = i <= a;
   ae(() => {
     b.containerChildren[g] && (b.containerChildren[g].classList.contains(
       "pds-nav-menu__dropdown--separator"
@@ -8080,17 +8080,17 @@ const Nn = (d) => {
       "pds-nav-menu__dropdown--separator"
     ) && v == "up" ? p(g - 1) : b.containerChildren[g].children[0].focus());
   }, [g]), ae(() => {
-    d != -1 && (H.current[d].children[0].blur(), H.current[d].children[0].focus({
+    o != -1 && (H.current[o].children[0].blur(), H.current[o].children[0].focus({
       focusVisible: !0
     }));
-  }, [d]);
-  const h = "pds-nav-menu", C = n !== "default" ? `${h}--${n}` : "", $ = i ? `${h}--isMobile` : `${h}--notMobile`, H = ce([]), M = (z) => {
+  }, [o]);
+  const h = "pds-nav-menu", C = n !== "default" ? `${h}--${n}` : "", $ = d ? `${h}--isMobile` : `${h}--notMobile`, H = ce([]), M = (z) => {
     const S = H.current.length - 1, W = {
       ArrowRight: () => {
-        p(-1), _(d === -1 ? 1 : d === S ? 0 : d + 1);
+        p(-1), _(o === -1 ? 1 : o === S ? 0 : o + 1);
       },
       ArrowLeft: () => {
-        p(-1), _(d === 0 ? S : d - 1);
+        p(-1), _(o === 0 ? S : o - 1);
       },
       ArrowDown: () => {
         var te, P, F, q;
@@ -8172,7 +8172,7 @@ const Nn = (d) => {
     mobileMenuMaxWidth: u = 640,
     mobileMenuSelectTextFallback: c = "Navigate to...",
     className: l
-  } = g, o = R(g, [
+  } = g, i = R(g, [
     "ariaLabel",
     "hasMobileMenu",
     "headingText",
@@ -8182,7 +8182,7 @@ const Nn = (d) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const p = "pds-side-nav", d = `${p}__item`, _ = `${p}__menu`, [v, w] = X(1025), [b, E] = X(!1), [f, i] = X([]), h = ce(null), C = ce(null), $ = ce([]), H = ce(-1);
+  const p = "pds-side-nav", o = `${p}__item`, _ = `${p}__menu`, [v, w] = X(1025), [b, E] = X(!1), [f, d] = X([]), h = ce(null), C = ce(null), $ = ce([]), H = ce(-1);
   ae(() => (w(window.innerWidth), window.addEventListener("resize", M), () => {
     window.removeEventListener("resize", M);
   }), []), ae(() => {
@@ -8240,7 +8240,7 @@ const Nn = (d) => {
               }, p2 + 50));
             else if (F.tagName.toLowerCase() === "a") {
               const q = F.closest(
-                `.${d}--has-children`
+                `.${o}--has-children`
               );
               if (q) {
                 const A = q.querySelector(
@@ -8269,7 +8269,7 @@ const Nn = (d) => {
           const F = $.current[H.current];
           if (F) {
             const q = F.closest(
-              `.${d}--has-children`
+              `.${o}--has-children`
             );
             if (q) {
               const A = q.querySelector(
@@ -8309,12 +8309,12 @@ const Nn = (d) => {
     if (!q) return;
     const A = F.getAttribute("aria-expanded") === "false";
     F.classList.toggle(`${p}__toggle--expanded`, A), F.setAttribute("aria-expanded", A ? "true" : "false");
-    const I = F.closest(`.${d}--has-children`);
+    const I = F.closest(`.${o}--has-children`);
     if (I) {
       const T = Array.from(
-        ((x = h.current) == null ? void 0 : x.querySelectorAll(`.${d}--top-level`)) || []
+        ((x = h.current) == null ? void 0 : x.querySelectorAll(`.${o}--top-level`)) || []
       ).indexOf(I);
-      i((K) => A && !K.includes(T) && T !== -1 ? [...K, T] : A ? K : K.filter((ee) => ee !== T));
+      d((K) => A && !K.includes(T) && T !== -1 ? [...K, T] : A ? K : K.filter((ee) => ee !== T));
     }
     A ? O(q) : Z(q);
   }, O = (P) => {
@@ -8374,15 +8374,15 @@ const Nn = (d) => {
         key: F,
         "data-item-index": F,
         className: N([
-          d,
-          `${d}--top-level`,
-          A ? `${d}--has-children` : null,
-          V ? `${d}--active` : null,
+          o,
+          `${o}--top-level`,
+          A ? `${o}--has-children` : null,
+          V ? `${o}--active` : null,
           I ? "with-tally" : null
           // Add class if item contains a Tally component
         ])
       },
-      A ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}-wrapper` }, M2(q, A), /* @__PURE__ */ e.createElement(
+      A ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${o}-wrapper` }, M2(q, A), /* @__PURE__ */ e.createElement(
         "button",
         {
           "aria-expanded": x,
@@ -8413,9 +8413,9 @@ const Nn = (d) => {
             {
               key: K,
               className: N([
-                d,
-                `${d}--second-level`,
-                Ne(T) ? `${d}--active` : null,
+                o,
+                `${o}--second-level`,
+                Ne(T) ? `${o}--active` : null,
                 ee ? "with-tally" : null
                 // Add class for second-level items
               ])
@@ -8451,7 +8451,7 @@ const Nn = (d) => {
       },
       tabIndex: 0,
       role: "navigation"
-    }, o),
+    }, i),
     L && n ? te : J
   );
 }, v2 = 0, s4 = (m) => {
@@ -8467,7 +8467,7 @@ const Nn = (d) => {
     mobileMenuMaxWidth: u = 640,
     mobileMenuSelectTextFallback: c = "Navigate to...",
     className: l
-  } = g, o = R(g, [
+  } = g, i = R(g, [
     "ariaLabel",
     "hasMobileMenu",
     "headingText",
@@ -8477,7 +8477,7 @@ const Nn = (d) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const p = "pds-side-nav-compact", d = `${p}__item`, _ = `${p}__menu`, [v, w] = X(1025), [b, E] = X(!1), [f, i] = X([]), h = ce(null), C = ce(null), $ = ce([]), H = ce(-1);
+  const p = "pds-side-nav-compact", o = `${p}__item`, _ = `${p}__menu`, [v, w] = X(1025), [b, E] = X(!1), [f, d] = X([]), h = ce(null), C = ce(null), $ = ce([]), H = ce(-1);
   ae(() => (w(window.innerWidth), window.addEventListener("resize", M), () => {
     window.removeEventListener("resize", M);
   }), []), ae(() => {
@@ -8492,15 +8492,15 @@ const Nn = (d) => {
   }, [s]), ae(() => {
     if (h.current && r.length > 0) {
       const V = Array.from(
-        h.current.querySelectorAll(`.${d}--active`)
+        h.current.querySelectorAll(`.${o}--active`)
       ).map((T) => {
         var ee;
-        const K = T.closest(`.${d}--top-level`);
+        const K = T.closest(`.${o}--top-level`);
         return K ? Array.from(
-          ((ee = h.current) == null ? void 0 : ee.querySelectorAll(`.${d}--top-level`)) || []
+          ((ee = h.current) == null ? void 0 : ee.querySelectorAll(`.${o}--top-level`)) || []
         ).indexOf(K) : -1;
       }).filter((T) => T !== -1), x = Array.from(new Set(V));
-      i(x);
+      d(x);
     }
   }, [r]);
   const M = () => {
@@ -8518,26 +8518,26 @@ const Nn = (d) => {
       return !(T && !T.classList.contains(`${_}--expanded`) && !T.classList.contains(`${_}--top-level`));
     });
   }, z = (I) => {
-    const V = I.closest(`.${d}-wrapper`);
+    const V = I.closest(`.${o}-wrapper`);
     if (V)
       return V.querySelector(
         `.${p}__toggle`
       );
-    const x = I.closest(`.${d}`);
+    const x = I.closest(`.${o}`);
     return x ? x.querySelector(
       `.${p}__toggle`
     ) : null;
   }, S = (I) => {
     if (I.classList.contains(`${p}__toggle`)) {
-      const x = I.closest(`.${d}-wrapper`);
+      const x = I.closest(`.${o}-wrapper`);
       return (x == null ? void 0 : x.nextElementSibling) || null;
     }
-    const V = I.closest(`.${d}`);
+    const V = I.closest(`.${o}`);
     return V ? V.querySelector(`.${_}`) : null;
   }, B = (I) => {
     if (I.classList.contains(`${p}__toggle`))
       return !0;
-    const V = I.closest(`.${d}-wrapper`);
+    const V = I.closest(`.${o}-wrapper`);
     return V ? !!V.querySelector(`.${p}__toggle`) : !1;
   }, D = (I) => {
     if (!b) return;
@@ -8577,7 +8577,7 @@ const Nn = (d) => {
           const x = V.closest(`.${_}`);
           if (x && !x.classList.contains(`${_}--top-level`)) {
             const T = x.parentElement;
-            if (T && T.classList.contains(d)) {
+            if (T && T.classList.contains(o)) {
               const K = T.querySelector(
                 `.${p}__toggle`
               );
@@ -8633,12 +8633,12 @@ const Nn = (d) => {
     if (!x) return;
     const T = V.getAttribute("aria-expanded") === "false";
     V.classList.toggle(`${p}__toggle--expanded`, T), V.setAttribute("aria-expanded", T ? "true" : "false");
-    const K = V.closest(`.${d}`);
+    const K = V.closest(`.${o}`);
     if (K) {
       const ie = Array.from(
-        ((pe = h.current) == null ? void 0 : pe.querySelectorAll(`.${d}--top-level`)) || []
+        ((pe = h.current) == null ? void 0 : pe.querySelectorAll(`.${o}--top-level`)) || []
       ).indexOf(K);
-      i((Ce) => T && !Ce.includes(ie) && ie !== -1 ? [...Ce, ie] : T ? Ce : Ce.filter((_e) => _e !== ie));
+      d((Ce) => T && !Ce.includes(ie) && ie !== -1 ? [...Ce, ie] : T ? Ce : Ce.filter((_e) => _e !== ie));
     }
     T ? Q(x) : J(x);
   }, Q = (I) => {
@@ -8692,19 +8692,19 @@ const Nn = (d) => {
     };
   }, te = { 2: "second", 3: "third", 4: "fourth" }, P = (I, V, x) => {
     var re, he;
-    const T = te[I], K = `${_}--${T}-level`, ee = `${d}--${T}-level`, pe = I + 1, ie = Ne(V);
+    const T = te[I], K = `${_}--${T}-level`, ee = `${o}--${T}-level`, pe = I + 1, ie = Ne(V);
     let Ce = !1;
     const _e = (re = h.current) == null ? void 0 : re.querySelector(
-      `.${d}--top-level[data-item-path="${V.path}"]`
+      `.${o}--top-level[data-item-path="${V.path}"]`
     );
     if (_e) {
       const ue = Array.from(
-        ((he = h.current) == null ? void 0 : he.querySelectorAll(`.${d}--top-level`)) || []
+        ((he = h.current) == null ? void 0 : he.querySelectorAll(`.${o}--top-level`)) || []
       ).indexOf(_e);
       Ce = f.includes(ue);
     } else
       Ce = ie;
-    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}-wrapper` }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${o}-wrapper` }, /* @__PURE__ */ e.createElement(
       "button",
       {
         "aria-expanded": Ne(V),
@@ -8731,9 +8731,9 @@ const Nn = (d) => {
         {
           key: `${de}-${T}`,
           className: N([
-            d,
+            o,
             ee,
-            Ne(ue) ? `${d}--active` : null
+            Ne(ue) ? `${o}--active` : null
           ]),
           "data-item-path": ue.path || ""
         },
@@ -8751,9 +8751,9 @@ const Nn = (d) => {
       {
         key: V,
         className: N([
-          d,
-          `${d}--top-level`,
-          Ne(I) ? `${d}--active` : null
+          o,
+          `${o}--top-level`,
+          Ne(I) ? `${o}--active` : null
         ]),
         "data-item-path": I.path || ""
       },
@@ -8779,7 +8779,7 @@ const Nn = (d) => {
       },
       tabIndex: 0,
       role: "navigation"
-    }, o),
+    }, i),
     L && n ? A : q
   );
 }, Gt = ({
@@ -8790,15 +8790,15 @@ const Nn = (d) => {
   minFilterItems: r = 5,
   noResultsText: u = "No results found"
 }) => {
-  const [c, l] = X(!1), [o, m] = X(null), [g, p] = X(a), [d, _] = X(""), v = a.length >= r, w = "pds-tab-menu", b = `${w}__dropdown-menu`, E = v ? `${b}--scroll` : null, f = `${w}__dropdown-item`, i = ce([]), { context: h, refs: C } = Ae({
+  const [c, l] = X(!1), [i, m] = X(null), [g, p] = X(a), [o, _] = X(""), v = a.length >= r, w = "pds-tab-menu", b = `${w}__dropdown-menu`, E = v ? `${b}--scroll` : null, f = `${w}__dropdown-item`, d = ce([]), { context: h, refs: C } = Ae({
     open: c,
     onOpenChange: l,
     whileElementsMounted: Pe
   }), $ = Xe(h, {
     event: "mousedown"
   }), H = Te(h), M = De(h, { role: "listbox" }), L = o2(h, {
-    listRef: i,
-    activeIndex: o,
+    listRef: d,
+    activeIndex: i,
     onNavigate: m,
     loop: !0,
     focusItemOnHover: !0,
@@ -8821,7 +8821,7 @@ const Nn = (d) => {
     }
   }), U = (A) => {
     var I;
-    A.preventDefault(), A.key === "Enter" && ((I = i.current[o].querySelector("a")) == null || I.click()), A.key === "Tab" && A.shiftKey && (v ? document.getElementById("links-filter").focus() : l(!1));
+    A.preventDefault(), A.key === "Enter" && ((I = d.current[i].querySelector("a")) == null || I.click()), A.key === "Tab" && A.shiftKey && (v ? document.getElementById("links-filter").focus() : l(!1));
   }, O = (A, I) => Ge(A.linkContent).toLowerCase().includes(I.toLowerCase()), Z = (A) => {
     const I = A.target.value;
     _(I);
@@ -8829,7 +8829,7 @@ const Nn = (d) => {
     p(V);
   };
   ae(() => {
-    const A = a.filter((I) => O(I, d));
+    const A = a.filter((I) => O(I, o));
     p(A);
   }, [a]);
   const W = () => {
@@ -8862,9 +8862,9 @@ const Nn = (d) => {
         key: I,
         className: N([f, V]),
         ref: (x) => {
-          i.current[I] = x;
+          d.current[I] = x;
         },
-        tabIndex: I === o ? 0 : -1,
+        tabIndex: I === i ? 0 : -1,
         onKeyDown: U
       }, S()),
       A.linkContent,
@@ -8914,24 +8914,24 @@ const Nn = (d) => {
   let c = !1;
   const l = be(He);
   l && (c = l.isMobile);
-  const o = "pds-tab-menu", m = c ? `${o}--isMobile` : null, g = ({
-    dropdownSettings: d,
+  const i = "pds-tab-menu", m = c ? `${i}--isMobile` : null, g = ({
+    dropdownSettings: o,
     icon: _,
     isActive: v,
     linkContent: w,
     links: b,
     promoteActiveChildLink: E = !1
   }) => {
-    const f = `${o}__item`, i = n1(b), h = (C, $) => {
+    const f = `${i}__item`, d = n1(b), h = (C, $) => {
       let H = null;
       return typeof C == "object" && ($ ? H = Se(C, me(y({}, C.props), {
         children: [
-          /* @__PURE__ */ e.createElement("span", { key: $, className: `${o}__item-inner` }, /* @__PURE__ */ e.createElement(
+          /* @__PURE__ */ e.createElement("span", { key: $, className: `${i}__item-inner` }, /* @__PURE__ */ e.createElement(
             j,
             {
               iconName: $,
               iconSize: c ? "sm" : "md",
-              className: `${o}__item-icon`
+              className: `${i}__item-icon`
             }
           ), C.props.children)
         ]
@@ -8945,41 +8945,41 @@ const Nn = (d) => {
           v ? `${f}--active` : null
         ])
       },
-      h(E ? i : w, _),
+      h(E ? d : w, _),
       b && /* @__PURE__ */ e.createElement(
         Gt,
         {
           links: b,
-          buttonLabel: d == null ? void 0 : d.buttonLabel,
-          filterLabel: d == null ? void 0 : d.filterLabel,
-          filterPlaceholder: d == null ? void 0 : d.filterPlaceholder,
-          minFilterItems: d == null ? void 0 : d.minFilterItems,
-          noResultsText: d == null ? void 0 : d.noResultsText
+          buttonLabel: o == null ? void 0 : o.buttonLabel,
+          filterLabel: o == null ? void 0 : o.filterLabel,
+          filterPlaceholder: o == null ? void 0 : o.filterPlaceholder,
+          minFilterItems: o == null ? void 0 : o.minFilterItems,
+          noResultsText: o == null ? void 0 : o.noResultsText
         }
       )
     );
-  }, p = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, n.map((d, _) => /* @__PURE__ */ e.createElement(
+  }, p = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${i}__menu` }, n.map((o, _) => /* @__PURE__ */ e.createElement(
     g,
     {
       key: _,
-      dropdownSettings: d.dropdownSettings,
-      icon: d.icon,
-      isActive: Ne(d),
-      linkContent: d.linkContent,
-      links: d.links,
-      promoteActiveChildLink: d.promoteActiveChildLink
+      dropdownSettings: o.dropdownSettings,
+      icon: o.icon,
+      isActive: Ne(o),
+      linkContent: o.linkContent,
+      links: o.links,
+      promoteActiveChildLink: o.promoteActiveChildLink
     }
   ))) : null;
   return /* @__PURE__ */ e.createElement(
     "nav",
     y({
       "aria-label": t,
-      className: N([o, m, s != null ? s : ""])
+      className: N([i, m, s != null ? s : ""])
     }, a),
-    c ? /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu-wrapper` }, p) : p
+    c ? /* @__PURE__ */ e.createElement("div", { className: `${i}__mobile-menu-wrapper` }, p) : p
   );
-}, a4 = (o) => {
-  var m = o, {
+}, a4 = (i) => {
+  var m = i, {
     ariaLabel: t = "User menu",
     menuItems: n,
     userEmail: s,
@@ -8996,13 +8996,13 @@ const Nn = (d) => {
     "withinNavbar",
     "className"
   ]);
-  const [g, p] = X(null), [d, _] = X(!1), v = ce([]), w = ce([]);
+  const [g, p] = X(null), [o, _] = X(!1), v = ce([]), w = ce([]);
   let b = !1;
   const E = be(He);
   E && (b = E.isMobile);
-  const f = u && b, i = "pds-user-menu", h = f ? `${i}--isMobile` : null, C = `${i}__menu`, { refs: $, floatingStyles: H, context: M } = Ae({
+  const f = u && b, d = "pds-user-menu", h = f ? `${d}--isMobile` : null, C = `${d}__menu`, { refs: $, floatingStyles: H, context: M } = Ae({
     placement: "bottom-end",
-    open: d,
+    open: o,
     onOpenChange: _,
     middleware: [k2(12), z2(), N2()],
     whileElementsMounted: Pe
@@ -9037,9 +9037,9 @@ const Nn = (d) => {
       imageSrc: a,
       size: "sm",
       uniqueId: s,
-      className: `${i}__avatar`
+      className: `${d}__avatar`
     }
-  ), J = /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${i}__trigger-icon` }), te = /* @__PURE__ */ e.createElement("li", { className: `${i}__user-details`, role: "presentation" }, f ? null : /* @__PURE__ */ e.createElement("div", { className: `${i}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${i}__user-email` }, s));
+  ), J = /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${d}__trigger-icon` }), te = /* @__PURE__ */ e.createElement("li", { className: `${d}__user-details`, role: "presentation" }, f ? null : /* @__PURE__ */ e.createElement("div", { className: `${d}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${d}__user-email` }, s));
   n.forEach((T) => {
     const K = T.id ? T.id : l2();
     v.current.push(K), w.current.push(T);
@@ -9052,7 +9052,7 @@ const Nn = (d) => {
   }, q = (T) => {
     P(T.currentTarget.id);
   }, A = n.map((T, K) => {
-    const ee = v.current[K], pe = `${i}__item`, ie = T.disabled ? `${pe}--disabled` : null;
+    const ee = v.current[K], pe = `${d}__item`, ie = T.disabled ? `${pe}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
@@ -9070,7 +9070,7 @@ const Nn = (d) => {
         j,
         {
           iconName: T.iconName,
-          className: `${i}__icon`,
+          className: `${d}__icon`,
           iconSize: "sm"
         }
       ),
@@ -9079,7 +9079,7 @@ const Nn = (d) => {
   }), I = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
-      className: `${i}__trigger`,
+      className: `${d}__trigger`,
       "aria-label": t,
       ref: $.setReference,
       type: "button"
@@ -9088,7 +9088,7 @@ const Nn = (d) => {
   ), Z && /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: `${i}__dropdown`,
+      className: `${d}__dropdown`,
       ref: $.setFloating,
       style: me(y({}, H), {
         zIndex: "var(--pds-z-index-dropdown)"
@@ -9097,21 +9097,21 @@ const Nn = (d) => {
     /* @__PURE__ */ e.createElement("div", { style: y({}, W) }, /* @__PURE__ */ e.createElement("ul", { className: C, role: "menu" }, te, /* @__PURE__ */ e.createElement("li", { role: "separator" }), A))
   )), V = (T) => {
     const K = T.currentTarget;
-    K.classList.toggle(`${i}__toggle--expanded`), K.setAttribute(
+    K.classList.toggle(`${d}__toggle--expanded`), K.setAttribute(
       "aria-expanded",
       K.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), K.nextElementSibling.classList.toggle(`${i}__mobile-menu--expanded`);
+    ), K.nextElementSibling.classList.toggle(`${d}__mobile-menu--expanded`);
   }, x = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${i}__toggle`,
+      className: `${d}__toggle`,
       "aria-expanded": !1,
       "aria-label": t,
       onClick: V
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${i}__toggle-left` }, Q, r || s),
+    /* @__PURE__ */ e.createElement("span", { className: `${d}__toggle-left` }, Q, r || s),
     J
-  ), /* @__PURE__ */ e.createElement("div", { className: `${i}__mobile-menu` }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: `${d}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: [C, `${C}--isMobile`].join(" ").trim(),
@@ -9124,7 +9124,7 @@ const Nn = (d) => {
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: N([i, h, c != null ? c : ""])
+      className: N([d, h, c != null ? c : ""])
     }, l),
     f ? x : I
   );
@@ -9134,7 +9134,7 @@ const Nn = (d) => {
   platinum: "Platinum",
   diamond: "Diamond"
 }, c4 = (p) => {
-  var d = p, {
+  var o = p, {
     ariaLabel: t = "Workspace selector menu",
     createWorkspaceLink: n,
     filterPlaceholder: s = "Find workspace...",
@@ -9143,9 +9143,9 @@ const Nn = (d) => {
     minFilterItems: u = 8,
     noResultsText: c = "No results found",
     withinNavbar: l = !0,
-    workspaceList: o,
+    workspaceList: i,
     className: m
-  } = d, g = R(d, [
+  } = o, g = R(o, [
     "ariaLabel",
     "createWorkspaceLink",
     "filterPlaceholder",
@@ -9157,7 +9157,7 @@ const Nn = (d) => {
     "workspaceList",
     "className"
   ]);
-  const [_, v] = X(!1), [w, b] = X(null), [E, f] = X(o), i = ce([]), h = ce(null), C = o.length >= u;
+  const [_, v] = X(!1), [w, b] = X(null), [E, f] = X(i), d = ce([]), h = ce(null), C = i.length >= u;
   let $ = !1;
   const H = be(He);
   H && ($ = H.isMobile);
@@ -9166,7 +9166,7 @@ const Nn = (d) => {
     onOpenChange: v,
     whileElementsMounted: Pe
   }), O = Xe(U, { event: "mousedown" }), Z = Te(U), W = De(U, { role: "menu" }), Q = o2(U, {
-    listRef: i,
+    listRef: d,
     activeIndex: w,
     onNavigate: b,
     loop: !0,
@@ -9190,20 +9190,20 @@ const Nn = (d) => {
       opacity: 0
     }
   });
-  let A = o.find((re) => re.isActive);
-  A || (A = o[0]);
+  let A = i.find((re) => re.isActive);
+  A || (A = i[0]);
   const I = (re) => {
-    const { value: he } = re.target, ue = o.filter((de) => de.displayName.toLowerCase().includes(he.toLowerCase()));
+    const { value: he } = re.target, ue = i.filter((de) => de.displayName.toLowerCase().includes(he.toLowerCase()));
     f(ue);
   };
   ae(() => {
-    const re = o.map((he) => me(y({}, he), {
+    const re = i.map((he) => me(y({}, he), {
       isActive: he.isActive
     }));
     f(re);
-  }, [o]);
+  }, [i]);
   const V = (re) => {
-    re.preventDefault(), re.key === "Enter" && i.current[w].querySelector("a").click(), re.key === "Tab" && (re.shiftKey ? C ? document.getElementById("workspace-filter").focus() : v(!1) : n ? h.current.querySelector("a").focus() : v(!1));
+    re.preventDefault(), re.key === "Enter" && d.current[w].querySelector("a").click(), re.key === "Tab" && (re.shiftKey ? C ? document.getElementById("workspace-filter").focus() : v(!1) : n ? h.current.querySelector("a").focus() : v(!1));
   }, x = /* @__PURE__ */ e.createElement("div", { className: `${L}__button-content` }, /* @__PURE__ */ e.createElement(
     X2,
     {
@@ -9230,7 +9230,7 @@ const Nn = (d) => {
     D1,
     {
       hasClearButton: !0,
-      onClear: () => f(o),
+      onClear: () => f(i),
       id: "workspace-filter",
       label: a,
       onChange: I,
@@ -9241,7 +9241,7 @@ const Nn = (d) => {
   )), ee = E.map(
     (re, he) => {
       const ue = `${L}__item`, de = re.isActive ? `${ue}--active` : null, $e = re.isUnprivileged ? `${ue}--unprivileged` : null, we = /* @__PURE__ */ e.createElement(j, { iconName: "check", className: `${L}__active-icon` }), Ie = re.workspaceId, Je = re.workspaceLink.type, e2 = re.isUnprivileged ? null : (qe) => {
-        i.current[he] = qe;
+        d.current[he] = qe;
       };
       return /* @__PURE__ */ e.createElement(
         "li",
@@ -9344,7 +9344,7 @@ const Nn = (d) => {
   warning: "triangleExclamation",
   critical: "diamondExclamation"
 }, r4 = (l) => {
-  var o = l, {
+  var i = l, {
     banners: t,
     dismissLabel: n = "Dismiss",
     labelNext: s = "Go to next message",
@@ -9355,7 +9355,7 @@ const Nn = (d) => {
       critical: "Critical"
     },
     className: u
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "banners",
     "dismissLabel",
     "labelNext",
@@ -9370,37 +9370,37 @@ const Nn = (d) => {
   const p = m.length;
   if (p === 0)
     return null;
-  const d = "pds-banner", _ = p > 1 ? `${d}-group--multiple` : null, v = {
-    info: `${d}--info`,
-    warning: `${d}--warning`,
-    critical: `${d}--critical`
-  }, w = p > 0 ? m[0].type : null, b = w ? `${d}-group--${w}` : null, E = (H) => ({
+  const o = "pds-banner", _ = p > 1 ? `${o}-group--multiple` : null, v = {
+    info: `${o}--info`,
+    warning: `${o}--warning`,
+    critical: `${o}--critical`
+  }, w = p > 0 ? m[0].type : null, b = w ? `${o}-group--${w}` : null, E = (H) => ({
     zIndex: T2 - H
-  }), f = (H) => H === 0 ? 0 : -1, i = () => {
+  }), f = (H) => H === 0 ? 0 : -1, d = () => {
     const H = document.getElementsByClassName(
-      `${d}--fading`
+      `${o}--fading`
     );
     for (; H.length; )
-      H[0].classList.remove(`${d}--fading`);
+      H[0].classList.remove(`${o}--fading`);
   }, h = () => {
-    i(), document.getElementById(m[0].id).classList.add(`${d}--fading`), setTimeout(() => {
+    d(), document.getElementById(m[0].id).classList.add(`${o}--fading`), setTimeout(() => {
       g((H) => [
         ...H.slice(1),
         H[0]
       ]);
     }, 200);
   }, C = () => {
-    i(), document.getElementById(m[0].id).style.zIndex = (T2 + 2).toString(), document.getElementById(m[p - 1].id).style.zIndex = (T2 + 1).toString(), setTimeout(() => {
-      document.getElementById(m[0].id).classList.add(`${d}--fading`);
+    d(), document.getElementById(m[0].id).style.zIndex = (T2 + 2).toString(), document.getElementById(m[p - 1].id).style.zIndex = (T2 + 1).toString(), setTimeout(() => {
+      document.getElementById(m[0].id).classList.add(`${o}--fading`);
     }, 50), setTimeout(() => {
       g((H) => [
         H[H.length - 1],
         ...H.slice(0, H.length - 1)
-      ]), document.getElementById(m[0].id).classList.remove(`${d}--fading`);
+      ]), document.getElementById(m[0].id).classList.remove(`${o}--fading`);
     }, 200);
   }, $ = (H, M) => {
     const { id: L, isDismissible: k, message: z, onDismiss: S, type: B } = H, U = ["critical", "warning"].includes(B) ? "alert" : "status", O = `${r[B]}:  `, Z = (W) => {
-      W.preventDefault(), document.getElementById(L).classList.add(`${d}--dismissing`), setTimeout(() => {
+      W.preventDefault(), document.getElementById(L).classList.add(`${o}--dismissing`), setTimeout(() => {
         if (S && H.onDismiss(), p === 1) {
           g([]);
           return;
@@ -9415,24 +9415,24 @@ const Nn = (d) => {
       {
         key: L,
         id: L,
-        className: N([d, v[B]]),
+        className: N([o, v[B]]),
         role: U,
         style: {
           zIndex: E(M).zIndex
         }
       },
-      /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, /* @__PURE__ */ e.createElement(
         j,
         {
           iconName: Kt[B],
           iconSize: "md",
-          className: `${d}__icon ${d}__icon--${H.type}`
+          className: `${o}__icon ${o}__icon--${H.type}`
         }
-      ), /* @__PURE__ */ e.createElement("div", { className: `${d}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, O, " "), z)),
+      ), /* @__PURE__ */ e.createElement("div", { className: `${o}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, O, " "), z)),
       k && /* @__PURE__ */ e.createElement(
         "button",
         {
-          className: `${d}__dismiss-button`,
+          className: `${o}__dismiss-button`,
           onClick: Z,
           tabIndex: f(M),
           type: "button"
@@ -9445,18 +9445,18 @@ const Nn = (d) => {
     "div",
     y({
       className: N([
-        `${d}-group`,
+        `${o}-group`,
         b,
         _,
         u != null ? u : ""
       ])
     }, c),
-    p > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${d}__navigation` }, /* @__PURE__ */ e.createElement(
+    p > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${o}__navigation` }, /* @__PURE__ */ e.createElement(
       H2,
       {
         iconName: "angleLeft",
         size: "lg",
-        className: `${d}__nav-button ${d}__nav-button--prev`,
+        className: `${o}__nav-button ${o}__nav-button--prev`,
         ariaLabel: a,
         onClick: C
       }
@@ -9465,7 +9465,7 @@ const Nn = (d) => {
       {
         iconName: "angleRight",
         size: "lg",
-        className: `${d}__nav-button ${d}__nav-button--next`,
+        className: `${o}__nav-button ${o}__nav-button--next`,
         ariaLabel: s,
         onClick: h
       }
@@ -9496,27 +9496,27 @@ const Nn = (d) => {
     "typeLabels",
     "className"
   ]);
-  const o = "pds-inline-message", m = {
-    error: `${o}--error`,
-    success: `${o}--success`,
-    warning: `${o}--warning`,
-    info: `${o}--info`,
-    critical: `${o}--critical`,
-    working: `${o}--working`
-  }, g = t ? `${o}--hasTitle` : null, d = ["critical", "warning"].includes(s) ? "alert" : "status", _ = `${a[s]}: `;
+  const i = "pds-inline-message", m = {
+    error: `${i}--error`,
+    success: `${i}--success`,
+    warning: `${i}--warning`,
+    info: `${i}--info`,
+    critical: `${i}--critical`,
+    working: `${i}--working`
+  }, g = t ? `${i}--hasTitle` : null, o = ["critical", "warning"].includes(s) ? "alert" : "status", _ = `${a[s]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [o, m[s], g, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " "),
-      role: d
+      className: [i, m[s], g, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " "),
+      role: o
     }, u),
-    /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon-${s}` }, s === "working" ? /* @__PURE__ */ e.createElement(V2, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${i}__icon ${i}__icon-${s}` }, s === "working" ? /* @__PURE__ */ e.createElement(V2, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
       j,
       {
         iconName: `${s}` in q2 ? q2[s] : q2.info,
         iconSize: "md"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, _), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${o}__secondaryText` }, n)))
+    )), /* @__PURE__ */ e.createElement("div", { className: `${i}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, _), t && /* @__PURE__ */ e.createElement("div", { className: `${i}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${i}__secondaryText` }, n)))
   );
 }, W2 = {
   info: "circleInfo",
@@ -9540,7 +9540,7 @@ const Nn = (d) => {
       critical: "Critical",
       discovery: "Discovery"
     },
-    className: o
+    className: i
   } = p, m = R(p, [
     "dismissLabel",
     "id",
@@ -9552,7 +9552,7 @@ const Nn = (d) => {
     "typeLabels",
     "className"
   ]);
-  const d = ce(null), _ = "pds-section-message", v = {
+  const o = ce(null), _ = "pds-section-message", v = {
     error: `${_}--error`,
     success: `${_}--success`,
     warning: `${_}--warning`,
@@ -9561,23 +9561,23 @@ const Nn = (d) => {
     discovery: `${_}--discovery`,
     dismissing: `${_}--dismissing`,
     dismissed: `${_}--dismissed`
-  }, w = u ? `${_}--hasTitle` : null, E = ["critical", "warning"].includes(c) ? "alert" : "status", f = `${l[c]}: `, i = () => {
-    d.current.addEventListener("animationend", h, {
+  }, w = u ? `${_}--hasTitle` : null, E = ["critical", "warning"].includes(c) ? "alert" : "status", f = `${l[c]}: `, d = () => {
+    o.current.addEventListener("animationend", h, {
       once: !0
     });
   }, h = ($) => {
     a($, n);
   }, C = () => {
-    i(), d.current.classList.toggle(v.dismissing), setTimeout(() => {
-      d.current.classList.toggle(v.dismissing), d.current.classList.toggle(v.dismissed);
+    d(), o.current.classList.toggle(v.dismissing), setTimeout(() => {
+      o.current.classList.toggle(v.dismissing), o.current.classList.toggle(v.dismissed);
     }, 400);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [_, v[c], w, o != null ? o : ""].join(" ").trim().replace(/\s+/g, " "),
+      className: [_, v[c], w, i != null ? i : ""].join(" ").trim().replace(/\s+/g, " "),
       id: n,
-      ref: d,
+      ref: o,
       role: E
     }, m),
     /* @__PURE__ */ e.createElement("div", { className: `${_}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${_}__icon ${_}__icon-${c}` }, /* @__PURE__ */ e.createElement(
@@ -9692,32 +9692,32 @@ const m4 = () => {
   itemsPerPage: s,
   totalItemCount: a
 }) => $1(() => {
-  const u = Math.ceil(a / s), c = t + 5, l = 1, o = u;
+  const u = Math.ceil(a / s), c = t + 5, l = 1, i = u;
   if (c >= u)
     return b2(1, u);
   const m = Math.max(n - t, 1), g = Math.min(
     n + t,
     u
-  ), p = m > 2, d = g < u - 2;
-  if (!p && d) {
+  ), p = m > 2, o = g < u - 2;
+  if (!p && o) {
     const _ = 3 + 2 * t;
     return [...b2(1, _), f2, u];
   }
-  if (p && !d) {
+  if (p && !o) {
     const _ = 3 + 2 * t, v = b2(
       u - _ + 1,
       u
     );
     return [l, f2, ...v];
   }
-  if (p && d) {
+  if (p && o) {
     const _ = b2(m, g);
     return [
       l,
       f2,
       ..._,
       f2,
-      o
+      i
     ];
   }
 }, [a, s, t, n]), u4 = (g) => {
@@ -9733,7 +9733,7 @@ const m4 = () => {
     },
     onPageChange: c,
     totalItemCount: l,
-    className: o
+    className: i
   } = p, m = R(p, [
     "bufferCount",
     "currentPage",
@@ -9745,21 +9745,21 @@ const m4 = () => {
     "totalItemCount",
     "className"
   ]);
-  const d = Jt({
+  const o = Jt({
     currentPage: n,
     totalItemCount: l,
     bufferCount: t,
     itemsPerPage: r
-  }), _ = d[d.length - 1], v = () => {
+  }), _ = o[o.length - 1], v = () => {
     c(n + 1);
   }, w = () => {
     c(n - 1);
-  }, b = "pds-pagination", E = `${b}__item`, f = `${E}--current`, i = `${E}--disabled`;
-  return n === 0 || d.length < 2 ? null : /* @__PURE__ */ e.createElement(
+  }, b = "pds-pagination", E = `${b}__item`, f = `${E}--current`, d = `${E}--disabled`;
+  return n === 0 || o.length < 2 ? null : /* @__PURE__ */ e.createElement(
     "nav",
     y({
       "aria-labelledby": "pagination",
-      className: N([b, o != null ? o : ""])
+      className: N([b, i != null ? i : ""])
     }, m),
     /* @__PURE__ */ e.createElement(
       i2,
@@ -9777,7 +9777,7 @@ const m4 = () => {
         className: N([
           E,
           `${E}--prev`,
-          n === 1 ? i : void 0
+          n === 1 ? d : void 0
         ])
       },
       /* @__PURE__ */ e.createElement(
@@ -9790,7 +9790,7 @@ const m4 = () => {
         },
         /* @__PURE__ */ e.createElement(j, { iconName: "arrowLeft" })
       )
-    ), d.map((h, C) => h === f2 ? /* @__PURE__ */ e.createElement(
+    ), o.map((h, C) => h === f2 ? /* @__PURE__ */ e.createElement(
       "li",
       {
         key: C,
@@ -9821,7 +9821,7 @@ const m4 = () => {
         className: N([
           E,
           `${E}--next`,
-          n === _ ? i : void 0
+          n === _ ? d : void 0
         ])
       },
       /* @__PURE__ */ e.createElement(
@@ -9850,42 +9850,42 @@ const m4 = () => {
     "summary",
     "className"
   ]);
-  const [o, m] = X(s), p = ce(
+  const [i, m] = X(s), p = ce(
     n || `expansion-panel-${l2()}`
-  ).current, d = "pds-expansion-panel", _ = ce(null), v = ce(null), w = ce(null);
+  ).current, o = "pds-expansion-panel", _ = ce(null), v = ce(null), w = ce(null);
   return ae(() => {
     const b = _.current, E = v.current, f = w.current;
     if (!b || !E || !f) return;
-    let i = null, h = !1, C = !1;
+    let d = null, h = !1, C = !1;
     const $ = (z) => {
       z.preventDefault(), b.style.overflow = "hidden", h || !b.open ? M() : (C || b.open) && H();
     }, H = () => {
       h = !0, m(!1);
       const z = `${b.offsetHeight}px`, S = `${E.offsetHeight}px`;
-      i && i.cancel(), i = b.animate(
+      d && d.cancel(), d = b.animate(
         { height: [z, S] },
         {
           duration: f1,
           easing: Fe
         }
-      ), i.onfinish = () => k(!1), i.oncancel = () => h = !1;
+      ), d.onfinish = () => k(!1), d.oncancel = () => h = !1;
     }, M = () => {
       b.style.height = `${b.offsetHeight}px`, b.open = !0, m(!0), requestAnimationFrame(() => L());
     }, L = () => {
       C = !0;
       const z = `${b.offsetHeight}px`, S = `${E.offsetHeight + f.offsetHeight}px`;
-      i && i.cancel(), i = b.animate(
+      d && d.cancel(), d = b.animate(
         { height: [z, S] },
         {
           duration: f1,
           easing: Fe
         }
-      ), i.onfinish = () => k(!0), i.oncancel = () => C = !1;
+      ), d.onfinish = () => k(!0), d.oncancel = () => C = !1;
     }, k = (z) => {
-      b.open = z, i = null, h = !1, C = !1, b.style.height = b.style.overflow = "";
+      b.open = z, d = null, h = !1, C = !1, b.style.height = b.style.overflow = "";
     };
     return E.addEventListener("click", $), () => E.removeEventListener("click", $);
-  }, []), /* @__PURE__ */ e.createElement("div", y({ className: N([d, r]) }, u), /* @__PURE__ */ e.createElement(
+  }, []), /* @__PURE__ */ e.createElement("div", y({ className: N([o, r]) }, u), /* @__PURE__ */ e.createElement(
     "details",
     {
       key: p,
@@ -9897,10 +9897,10 @@ const m4 = () => {
       j,
       {
         iconName: "angleDown",
-        className: `${d}__icon ${o ? "rotated" : ""}`
+        className: `${o}__icon ${i ? "rotated" : ""}`
       }
     )),
-    /* @__PURE__ */ e.createElement("div", { className: `${d}__content`, ref: w }, t)
+    /* @__PURE__ */ e.createElement("div", { className: `${o}__content`, ref: w }, t)
   ));
 }, h4 = (r) => {
   var u = r, {
@@ -9921,14 +9921,14 @@ const m4 = () => {
     t
   );
 }, f4 = (l) => {
-  var o = l, {
+  var i = l, {
     children: t,
     hasStatusIndicator: n = !1,
     padding: s = "standard",
     statusType: a,
     variant: r = "default",
     className: u
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "children",
     "hasStatusIndicator",
     "padding",
@@ -9936,14 +9936,14 @@ const m4 = () => {
     "variant",
     "className"
   ]);
-  const m = "pds-panel", g = n ? `${m}__status ${m}__status-${a}` : null, p = `${m}--${r}`, d = `${m}__content`, _ = s !== "standard" ? `${d}--pad-${s}` : null;
+  const m = "pds-panel", g = n ? `${m}__status ${m}__status-${a}` : null, p = `${m}--${r}`, o = `${m}__content`, _ = s !== "standard" ? `${o}--pad-${s}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [m, p, u != null ? u : ""].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     n && a && /* @__PURE__ */ e.createElement("span", { className: g }),
-    /* @__PURE__ */ e.createElement("div", { className: N([d, _]) }, t)
+    /* @__PURE__ */ e.createElement("div", { className: N([o, _]) }, t)
   );
 }, g4 = (u) => {
   var c = u, {
@@ -9957,13 +9957,13 @@ const m4 = () => {
     "hasBorder",
     "className"
   ]);
-  const l = "pds-panel-list", o = t !== "default" ? `${l}--${t}` : null, m = s ? null : `${l}--borderless`;
+  const l = "pds-panel-list", i = t !== "default" ? `${l}--${t}` : null, m = s ? null : `${l}--borderless`;
   return /* @__PURE__ */ e.createElement(
     "ul",
     y({
       className: N([
         l,
-        o,
+        i,
         m,
         a != null ? a : ""
       ])
@@ -9982,11 +9982,11 @@ const m4 = () => {
     "isExpandable",
     "expandButtonAriaLabel"
   ]);
-  const l = "pds-panel-row", [o, m] = X(!1), g = ce(null), p = ce(null), d = Be(t), _ = d["items-left"], v = d["items-right"], w = d["items-below"], b = () => {
+  const l = "pds-panel-row", [i, m] = X(!1), g = ce(null), p = ce(null), o = Be(t), _ = o["items-left"], v = o["items-right"], w = o["items-below"], b = () => {
     const E = p.current, f = g.current;
     if (!E || !f) return;
-    const i = !o;
-    if (m(i), i) {
+    const d = !i;
+    if (m(d), d) {
       E.style.display = "block", E.style.height = "auto";
       const h = `${E.scrollHeight}px`;
       E.animate(
@@ -10046,14 +10046,14 @@ const m4 = () => {
         {
           className: `${l}__expand-button`,
           onClick: b,
-          "aria-expanded": o,
+          "aria-expanded": i,
           "aria-label": a
         },
         /* @__PURE__ */ e.createElement(
           j,
           {
             iconName: "angleDown",
-            className: `${l}__expand-icon ${o ? "rotated" : ""}`
+            className: `${l}__expand-icon ${i ? "rotated" : ""}`
           }
         )
       )
@@ -10079,12 +10079,12 @@ const m4 = () => {
     },
     placement: c = "top",
     title: l,
-    triggerIcon: o = "circleInfo",
+    triggerIcon: i = "circleInfo",
     triggerAccessibleText: m = "Show more information",
     popoverIsOpen: g = !1,
     setPopoverIsOpen: p = () => {
     },
-    className: d,
+    className: o,
     classNameContainer: _
   } = b, v = R(b, [
     "content",
@@ -10109,9 +10109,9 @@ const m4 = () => {
   }, [g]), ae(() => {
     p(E);
   }, [E]);
-  const i = typeof s, h = "pds-popover", C = N([
+  const d = typeof s, h = "pds-popover", C = N([
     `${h}__trigger-custom`,
-    i === "string" ? `${h}__trigger-text` : ""
+    d === "string" ? `${h}__trigger-text` : ""
   ]), $ = s ? r : 0, H = ce(null), { refs: M, floatingStyles: L, context: k, middlewareData: z } = Ae({
     placement: c,
     open: E,
@@ -10144,7 +10144,7 @@ const m4 = () => {
       }[V]
     })
   });
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([h, d]) }, v), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([h, o]) }, v), /* @__PURE__ */ e.createElement(
     "span",
     y({
       className: `${h}__trigger`,
@@ -10155,7 +10155,7 @@ const m4 = () => {
     s ? /* @__PURE__ */ e.createElement("span", { className: C }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), /* @__PURE__ */ e.createElement(
       j,
       {
-        iconName: o,
+        iconName: i,
         className: `${h}__icon`,
         iconSize: "md"
       }
@@ -10205,7 +10205,7 @@ const m4 = () => {
   warning: "--pds-color-status-warning-foreground",
   critical: "--pds-color-status-critical-foreground"
 }, E4 = (p) => {
-  var d = p, {
+  var o = p, {
     colorBreakpoints: t = [
       { colorType: "info", percentage: 0 },
       { colorType: "success", percentage: 100 }
@@ -10217,9 +10217,9 @@ const m4 = () => {
     percentage: u,
     showLabel: c = !1,
     showPercentage: l = !1,
-    size: o = "md",
+    size: i = "md",
     className: m
-  } = d, g = R(d, [
+  } = o, g = R(o, [
     "colorBreakpoints",
     "id",
     "label",
@@ -10231,12 +10231,12 @@ const m4 = () => {
     "size",
     "className"
   ]);
-  const _ = n || l2(), v = "pds-progress-bar", w = c ? `${v}__label` : "visually-hidden", b = `${v}__track ${v}__track--${o}`, E = u > 100 ? 100 : u;
+  const _ = n || l2(), v = "pds-progress-bar", w = c ? `${v}__label` : "visually-hidden", b = `${v}__track ${v}__track--${i}`, E = u > 100 ? 100 : u;
   let f = "neutral";
   t.forEach(($) => {
     u >= $.percentage && (f = $.colorType);
   });
-  const i = /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, a), h = a && r === "above", C = a && r === "below";
+  const d = /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, a), h = a && r === "above", C = a && r === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -10244,7 +10244,7 @@ const m4 = () => {
       style: { "--bar-percentage": `${E}%` }
     }, g),
     /* @__PURE__ */ e.createElement("div", { id: _, className: w }, s),
-    (h || l) && /* @__PURE__ */ e.createElement("div", { className: `${v}__details` }, h && i, l && /* @__PURE__ */ e.createElement(
+    (h || l) && /* @__PURE__ */ e.createElement("div", { className: `${v}__details` }, h && d, l && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${v}__percentage`,
@@ -10274,7 +10274,7 @@ const m4 = () => {
         }
       )
     )),
-    C && i
+    C && d
   );
 }, tn = (m) => {
   var g = m, {
@@ -10286,7 +10286,7 @@ const m4 = () => {
     showPercentage: u = !1,
     size: c = "md",
     className: l
-  } = g, o = R(g, [
+  } = g, i = R(g, [
     "id",
     "innerLabel",
     "label",
@@ -10296,25 +10296,25 @@ const m4 = () => {
     "size",
     "className"
   ]);
-  const p = t || l2(), d = "pds-progress-ring", _ = r ? `${d}__label` : "visually-hidden", v = `${d}__loading-text ${d}__loading-text--${c}`, w = ($) => $ * 16;
+  const p = t || l2(), o = "pds-progress-ring", _ = r ? `${o}__label` : "visually-hidden", v = `${o}__loading-text ${o}__loading-text--${c}`, w = ($) => $ * 16;
   let b = w(Ot), E = 7;
   c === "sm" && (b = w(Rt), E = E / 1.25), c === "lg" && (b = w(Ft), E = E * 1.25);
-  const f = b / 2 - E / 2, i = 2 * Math.PI * f, h = i - i * a / 100;
+  const f = b / 2 - E / 2, d = 2 * Math.PI * f, h = d - d * a / 100;
   let C;
   return n ? C = n : u ? C = `${a}%` : C = "", /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [d, l].join(" ").trim().replace(/\s+/g, " "),
+      className: [o, l].join(" ").trim().replace(/\s+/g, " "),
       style: {
         "--ring-stroke-dashoffset": h,
-        "--ring-stroke-dasharray": i
+        "--ring-stroke-dasharray": d
       }
-    }, o),
+    }, i),
     /* @__PURE__ */ e.createElement("div", { id: p, className: _ }, s),
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${d}__ring`,
+        className: `${o}__ring`,
         role: "progressbar",
         "aria-labelledby": p,
         "aria-valuemin": 0,
@@ -10331,7 +10331,7 @@ const m4 = () => {
         /* @__PURE__ */ e.createElement(
           "circle",
           {
-            className: `${d}__track`,
+            className: `${o}__track`,
             cx: b / 2,
             cy: b / 2,
             r: f,
@@ -10341,12 +10341,12 @@ const m4 = () => {
         /* @__PURE__ */ e.createElement(
           "circle",
           {
-            className: `${d}__progress`,
+            className: `${o}__progress`,
             cx: b / 2,
             cy: b / 2,
             r: f,
             strokeWidth: E,
-            strokeDasharray: i,
+            strokeDasharray: d,
             strokeDashoffset: h,
             transform: `rotate(-90 ${b / 2} ${b / 2})`
           }
@@ -10381,25 +10381,25 @@ const m4 = () => {
     "quote",
     "className"
   ]);
-  const o = "pds-pull-quote", m = `${o}--${s}`;
+  const i = "pds-pull-quote", m = `${i}--${s}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [o, m, r].join(" ").trim().replace(/\s+/g, " ")
+      className: [i, m, r].join(" ").trim().replace(/\s+/g, " ")
     }, u),
-    n && s === "stand-alone" && /* @__PURE__ */ e.createElement("div", { className: `${o}__image` }, /* @__PURE__ */ e.createElement("img", { src: n, alt: "" })),
-    /* @__PURE__ */ e.createElement("div", { className: `${o}__quote-wrapper` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--before` }, /* @__PURE__ */ e.createElement(j, { iconName: "quotesLeft", iconSize: "4xl" })), /* @__PURE__ */ e.createElement("div", { className: `${o}__text-wrapper` }, /* @__PURE__ */ e.createElement(
+    n && s === "stand-alone" && /* @__PURE__ */ e.createElement("div", { className: `${i}__image` }, /* @__PURE__ */ e.createElement("img", { src: n, alt: "" })),
+    /* @__PURE__ */ e.createElement("div", { className: `${i}__quote-wrapper` }, /* @__PURE__ */ e.createElement("div", { className: `${i}__icon ${i}__icon--before` }, /* @__PURE__ */ e.createElement(j, { iconName: "quotesLeft", iconSize: "4xl" })), /* @__PURE__ */ e.createElement("div", { className: `${i}__text-wrapper` }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${o}__quote pds-quote-text pds-quote-text--lg`
+        className: `${i}__quote pds-quote-text pds-quote-text--lg`
       },
       a
-    ), /* @__PURE__ */ e.createElement("div", { className: `${o}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__name` }, t.name), t.title && /* @__PURE__ */ e.createElement("span", { className: `${o}__title` }, ", ", t.title), t.org && /* @__PURE__ */ e.createElement("span", { className: `${o}__org` }, ", ", t.org))), /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--after` }, /* @__PURE__ */ e.createElement(j, { iconName: "quotesRight", iconSize: "4xl" })))
+    ), /* @__PURE__ */ e.createElement("div", { className: `${i}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__name` }, t.name), t.title && /* @__PURE__ */ e.createElement("span", { className: `${i}__title` }, ", ", t.title), t.org && /* @__PURE__ */ e.createElement("span", { className: `${i}__org` }, ", ", t.org))), /* @__PURE__ */ e.createElement("div", { className: `${i}__icon ${i}__icon--after` }, /* @__PURE__ */ e.createElement(j, { iconName: "quotesRight", iconSize: "4xl" })))
   );
 };
 var nn = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.WORKING = "working", t.CHECKED = "checked", t))(nn || {});
-const b4 = (o) => {
-  var m = o, {
+const b4 = (i) => {
+  var m = i, {
     alignment: t = "left",
     componentWidth: n,
     initialState: s,
@@ -10419,7 +10419,7 @@ const b4 = (o) => {
   const [g, p] = X(
     s != null ? s : "default"
     /* DEFAULT */
-  ), d = y({
+  ), o = y({
     checkForUpdates: "Check for updates",
     checking: "Checking...",
     checked: "Last checked",
@@ -10427,9 +10427,9 @@ const b4 = (o) => {
   }, a), _ = () => {
     switch (g) {
       case "default":
-        return d.checkForUpdates;
+        return o.checkForUpdates;
       case "working":
-        return d.checking;
+        return o.checking;
       case "checked":
         if (r) {
           const C = r instanceof Date ? r : new Date(r), $ = Date.now() - C.getTime(), H = Math.floor($ / 1e3), M = Math.floor(H / 60), L = Math.floor(M / 60), k = Math.floor(L / 24), z = {
@@ -10441,9 +10441,9 @@ const b4 = (o) => {
           return k > 7 ? S = C.toLocaleDateString(
             void 0,
             z
-          ) : k > 0 && k <= 7 ? S = `${k} day${k !== 1 ? "s" : ""} ago` : L > 0 ? S = `${L} hour${L !== 1 ? "s" : ""} ago` : M > 0 ? S = `${M} minute${M !== 1 ? "s" : ""} ago` : S = `${H} second${H !== 1 ? "s" : ""} ago`, `${d.checked} ${S}`;
+          ) : k > 0 && k <= 7 ? S = `${k} day${k !== 1 ? "s" : ""} ago` : L > 0 ? S = `${L} hour${L !== 1 ? "s" : ""} ago` : M > 0 ? S = `${M} minute${M !== 1 ? "s" : ""} ago` : S = `${H} second${H !== 1 ? "s" : ""} ago`, `${o.checked} ${S}`;
         }
-        return d.checked;
+        return o.checked;
     }
   }, v = () => A2(void 0, null, function* () {
     if (g !== "working") {
@@ -10466,7 +10466,7 @@ const b4 = (o) => {
   }), w = "pds-refresh-checker", b = `${w}--${t}`, E = N([
     `${w}__button`,
     g === "working" ? `${w}__button--spinning` : ""
-  ]), f = n !== null && n > 0 ? `${n}rem` : "100%", i = /* @__PURE__ */ e.createElement("span", { className: `${w}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
+  ]), f = n !== null && n > 0 ? `${n}rem` : "100%", d = /* @__PURE__ */ e.createElement("span", { className: `${w}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
     j,
     {
       iconName: "rotate",
@@ -10487,14 +10487,14 @@ const b4 = (o) => {
         className: E,
         onClick: v,
         "aria-live": "polite",
-        "aria-label": d.ariaLabel
+        "aria-label": o.ariaLabel
       },
       t === "right" && h,
       /* @__PURE__ */ e.createElement(
         xe,
         {
-          content: d.tooltipContent || d.ariaLabel,
-          customTrigger: i,
+          content: o.tooltipContent || o.ariaLabel,
+          customTrigger: d,
           triggerIconColor: "default",
           triggerIconSize: "sm"
         }
@@ -10514,8 +10514,8 @@ const b4 = (o) => {
     "siteType",
     "className"
   ]);
-  const l = "pds-site-dashboard-heading", o = qt[n], m = s ? F1[s] : "bolt";
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement(j, { iconName: m, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, t), n && /* @__PURE__ */ e.createElement(g2, { label: o, color: "neutral", size: "md" }));
+  const l = "pds-site-dashboard-heading", i = qt[n], m = s ? F1[s] : "bolt";
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement(j, { iconName: m, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, t), n && /* @__PURE__ */ e.createElement(g2, { label: i, color: "neutral", size: "md" }));
 }, G2 = {
   bluesky: {
     icon: "bluesky",
@@ -10589,11 +10589,11 @@ const b4 = (o) => {
     "type",
     "className"
   ]);
-  const l = "pds-status-indicator", o = `${l}--${s}`, m = `${l}--${n}`;
+  const l = "pds-status-indicator", i = `${l}--${s}`, m = `${l}--${n}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [l, o, m, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, i, m, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     s === "working" ? /* @__PURE__ */ e.createElement(
       V2,
@@ -10620,10 +10620,10 @@ const b4 = (o) => {
     "translatableLabels",
     "className"
   ]);
-  const c = "pds-stepper", l = "pds-stepper-mobile", o = ce(), [m] = x2(o), g = m.width, p = Number(
+  const c = "pds-stepper", l = "pds-stepper-mobile", i = ce(), [m] = x2(i), g = m.width, p = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
-  ) * 16, d = -40, _ = 2, v = 5, w = t.length, b = t.map((i) => i.isCurrent).lastIndexOf(!0), E = t.map((i, h) => {
-    const C = h + 1, $ = h === b, H = h < b, M = i.hasError && $, k = (g - w * p) / (w + (w - 2)), z = p + k * 2, S = p + k, B = k + d * -1, D = h === 0, U = h === w - 1;
+  ) * 16, o = -40, _ = 2, v = 5, w = t.length, b = t.map((d) => d.isCurrent).lastIndexOf(!0), E = t.map((d, h) => {
+    const C = h + 1, $ = h === b, H = h < b, M = d.hasError && $, k = (g - w * p) / (w + (w - 2)), z = p + k * 2, S = p + k, B = k + o * -1, D = h === 0, U = h === w - 1;
     let O = z;
     (D || U) && (O = S);
     const Z = `${c}__step`, W = [Z];
@@ -10637,11 +10637,11 @@ const b4 = (o) => {
         iconSize: "md",
         className: `${c}__step-complete-icon`
       }
-    )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }), te = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-label` }, i.label);
+    )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }), te = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-label` }, d.label);
     let P = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-content` }, te, J);
-    if (H && i.callback) {
+    if (H && d.callback) {
       const F = (q) => {
-        i.callback(i), q.preventDefault();
+        d.callback(d), q.preventDefault();
       };
       P = /* @__PURE__ */ e.createElement(
         "button",
@@ -10657,8 +10657,8 @@ const b4 = (o) => {
     return /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: i.id,
-        id: i.id,
+        key: d.id,
+        id: d.id,
         "aria-label": Q,
         "aria-posinset": C,
         "aria-setsize": w,
@@ -10672,7 +10672,7 @@ const b4 = (o) => {
           className: `${c}__connector ${c}__connector--before`,
           style: {
             width: B,
-            marginRight: d
+            marginRight: o
           }
         }
       ),
@@ -10681,12 +10681,12 @@ const b4 = (o) => {
         "span",
         {
           className: `${c}__connector ${c}__connector--after`,
-          style: { width: B, marginLeft: d }
+          style: { width: B, marginLeft: o }
         }
       )
     );
-  }), f = t.map((i, h) => {
-    const C = h + 1, $ = h === b, H = h === w - 1, M = i.hasError && $, L = t[b + 1] ? t[b + 1].label : null;
+  }), f = t.map((d, h) => {
+    const C = h + 1, $ = h === b, H = h === w - 1, M = d.hasError && $, L = t[b + 1] ? t[b + 1].label : null;
     if ($) {
       const k = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), C, " of ", w), z = C / w * 100, S = M ? {
         "--pds-color-status-info-foreground": "var(--pds-color-status-critical-foreground)"
@@ -10696,8 +10696,8 @@ const b4 = (o) => {
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: i.id,
-          id: `${i.id}--mobile`,
+          key: d.id,
+          id: `${d.id}--mobile`,
           className: `${l}__step`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${l}__progress-indicator` }, /* @__PURE__ */ e.createElement(
@@ -10717,7 +10717,7 @@ const b4 = (o) => {
             iconSize: "md",
             className: `${l}__error-icon`
           }
-        )), i.label), !H && /* @__PURE__ */ e.createElement("div", { className: `${l}__next-step` }, `${n.next}: ${L}`))
+        )), d.label), !H && /* @__PURE__ */ e.createElement("div", { className: `${l}__next-step` }, `${n.next}: ${L}`))
       );
     }
   });
@@ -10728,7 +10728,7 @@ const b4 = (o) => {
         className: [c, s].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": w
       }, a),
-      /* @__PURE__ */ e.createElement("ol", { className: `${c}__steps`, ref: o }, E)
+      /* @__PURE__ */ e.createElement("ol", { className: `${c}__steps`, ref: i }, E)
     ), /* @__PURE__ */ e.createElement(
       "div",
       y({
@@ -10747,13 +10747,13 @@ const b4 = (o) => {
     "rowData",
     "className"
   ]);
-  const [c] = X(t), [l, o] = X(n), [m, g] = X({ order: "asc", key: "" }), p = (b) => {
-    o(l.sort((E, f) => E[b].localeCompare(f[b]))), g({ order: "desc", key: b });
-  }, d = (b) => {
-    o(l.sort((E, f) => f[b].localeCompare(E[b]))), g({ order: "asc", key: b });
+  const [c] = X(t), [l, i] = X(n), [m, g] = X({ order: "asc", key: "" }), p = (b) => {
+    i(l.sort((E, f) => E[b].localeCompare(f[b]))), g({ order: "desc", key: b });
+  }, o = (b) => {
+    i(l.sort((E, f) => f[b].localeCompare(E[b]))), g({ order: "asc", key: b });
   }, _ = (b, E) => {
-    g(me(y({}, m), { key: E })), m.order === "asc" ? p(E) : d(E);
-  }, v = (b, E) => /* @__PURE__ */ e.createElement("tr", { id: E, key: `table-row-${E}` }, b.map((f, i) => /* @__PURE__ */ e.createElement("td", { key: `${E}-cell-${i}` }, /* @__PURE__ */ e.createElement("span", null, f)))), w = "pds-table";
+    g(me(y({}, m), { key: E })), m.order === "asc" ? p(E) : o(E);
+  }, v = (b, E) => /* @__PURE__ */ e.createElement("tr", { id: E, key: `table-row-${E}` }, b.map((f, d) => /* @__PURE__ */ e.createElement("td", { key: `${E}-cell-${d}` }, /* @__PURE__ */ e.createElement("span", null, f)))), w = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", y({ className: N([w, s]) }, a), /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, c.map((b, E) => /* @__PURE__ */ e.createElement("th", { key: `header-${E}` }, b.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${w}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
     "span",
     {
@@ -10794,7 +10794,7 @@ const b4 = (o) => {
     showHeading: u = !1,
     sourceID: c = "pds-toc-source",
     className: l
-  } = g, o = R(g, [
+  } = g, i = R(g, [
     "appendIds",
     "ariaLabel",
     "headingLevel",
@@ -10804,7 +10804,7 @@ const b4 = (o) => {
     "sourceID",
     "className"
   ]);
-  const p = "pds-toc", d = [
+  const p = "pds-toc", o = [
     " ",
     "/",
     ".",
@@ -10829,7 +10829,7 @@ const b4 = (o) => {
         document.querySelectorAll(_)
       );
       k.map((S) => {
-        d.forEach((B) => {
+        o.forEach((B) => {
           S.id.includes(B) && (S.id = S.id.replaceAll(B, "-"));
         });
       }), k.map((S) => {
@@ -10917,7 +10917,7 @@ const b4 = (o) => {
     y({
       "aria-label": n,
       className: N([p, l])
-    }, o),
+    }, i),
     a && /* @__PURE__ */ e.createElement(
       i2,
       {
@@ -10930,7 +10930,7 @@ const b4 = (o) => {
     /* @__PURE__ */ e.createElement(H, { headings: b, activeID: E })
   );
 }, k4 = (l) => {
-  var o = l, {
+  var i = l, {
     ariaLabel: t,
     defaultSelected: n = 0,
     onActiveTabChange: s = () => {
@@ -10938,7 +10938,7 @@ const b4 = (o) => {
     selectedTab: a,
     tabs: r,
     className: u
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "ariaLabel",
     "defaultSelected",
     "onActiveTabChange",
@@ -10950,7 +10950,7 @@ const b4 = (o) => {
   ae(() => {
     a !== void 0 && p(a);
   }, [a]);
-  const d = (b) => {
+  const o = (b) => {
     const E = b.currentTarget.getAttribute("data-tabnumber");
     if (E) {
       const f = parseInt(E, 10);
@@ -10971,12 +10971,12 @@ const b4 = (o) => {
   }, [g]);
   const v = (b, E) => {
     const f = g;
-    let i = _.current[E === "next" ? f + 1 < _.current.length ? f + 1 : 0 : f - 1 >= 0 ? f - 1 : _.current.length - 1];
-    i || (i = E == "next" ? _.current[b + 1] == null ? _.current[0] : _.current[b + 1] : _.current[b - 1]), i.focus();
+    let d = _.current[E === "next" ? f + 1 < _.current.length ? f + 1 : 0 : f - 1 >= 0 ? f - 1 : _.current.length - 1];
+    d || (d = E == "next" ? _.current[b + 1] == null ? _.current[0] : _.current[b + 1] : _.current[b - 1]), d.focus();
   }, w = (b) => {
     const E = _.current.length, f = () => {
       v((g + 1) % E, "next"), p(g + 1);
-    }, i = () => {
+    }, d = () => {
       v((g - 1 + E) % E, "prev"), p(g - 1);
     }, h = () => {
       v(0), p(0);
@@ -10986,7 +10986,7 @@ const b4 = (o) => {
       _.current[g].focus();
     }, M = {
       ArrowRight: f,
-      ArrowLeft: i,
+      ArrowLeft: d,
       Home: h,
       End: C,
       Space: $,
@@ -11002,7 +11002,7 @@ const b4 = (o) => {
       "aria-label": t,
       "aria-orientation": "horizontal"
     },
-    r.map(({ disabled: b, icon: E, tabId: f, tabLabel: i, tally: h }, C) => /* @__PURE__ */ e.createElement(
+    r.map(({ disabled: b, icon: E, tabId: f, tabLabel: d, tally: h }, C) => /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${m}__tab`,
@@ -11018,12 +11018,12 @@ const b4 = (o) => {
         "aria-controls": `${m}__tab--${C}`,
         tabIndex: g === C ? 0 : -1,
         "aria-disabled": !!b,
-        onClick: b ? null : d,
+        onClick: b ? null : o,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: E, className: `${m}__tab-label` }, E ? /* @__PURE__ */ e.createElement(j, { iconName: E, iconSize: "md" }) : null, " ", i, r[C].tally ? /* @__PURE__ */ e.createElement(w2, { label: h.label, type: h.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: E, className: `${m}__tab-label` }, E ? /* @__PURE__ */ e.createElement(j, { iconName: E, iconSize: "md" }) : null, " ", d, r[C].tally ? /* @__PURE__ */ e.createElement(w2, { label: h.label, type: h.type }) : null)
     ))
-  ), r.map(({ disabled: b, icon: E, panelContent: f, tabLabel: i, tally: h }, C) => /* @__PURE__ */ e.createElement(
+  ), r.map(({ disabled: b, icon: E, panelContent: f, tabLabel: d, tally: h }, C) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${m}__panel`,
@@ -11044,10 +11044,10 @@ const b4 = (o) => {
         "aria-disabled": !!b,
         "aria-controls": `tabpanel_${C}`,
         tabIndex: g === C ? 1 : -1,
-        onClick: b ? null : d,
+        onClick: b ? null : o,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: E, className: `${m}__tab-label` }, E ? /* @__PURE__ */ e.createElement(j, { iconSize: "md", iconName: E }) : null, " ", i, r[C].tally ? /* @__PURE__ */ e.createElement(w2, { label: h.label, type: h.type }) : null),
+      /* @__PURE__ */ e.createElement("div", { key: E, className: `${m}__tab-label` }, E ? /* @__PURE__ */ e.createElement(j, { iconSize: "md", iconName: E }) : null, " ", d, r[C].tally ? /* @__PURE__ */ e.createElement(w2, { label: h.label, type: h.type }) : null),
       C == g ? /* @__PURE__ */ e.createElement(
         j,
         {
@@ -11097,8 +11097,8 @@ const b4 = (o) => {
 ], sn = (t) => {
   const n = parseInt(w1(t), 16);
   return E1[n % E1.length];
-}, ln = (t, n) => t.length > n ? t.slice(0, n) + " ..." : t, z4 = (o) => {
-  var m = o, {
+}, ln = (t, n) => t.length > n ? t.slice(0, n) + " ..." : t, z4 = (i) => {
+  var m = i, {
     linkContent: t,
     isRemovable: n,
     onRemove: s,
@@ -11115,8 +11115,8 @@ const b4 = (o) => {
     "tagLabel",
     "className"
   ]);
-  const [g, p] = X(!0), d = "pds-tag", _ = r ? `${d}--${r}` : `${d}--${sn(u)}`, v = g ? null : "pds-tag--hide", w = () => {
-    p((i) => !i);
+  const [g, p] = X(!0), o = "pds-tag", _ = r ? `${o}--${r}` : `${o}--${sn(u)}`, v = g ? null : "pds-tag--hide", w = () => {
+    p((d) => !d);
   };
   let b, E, f;
   return t && !n && Le(t) ? (b = t.type, E = t.props.href ? "href" : "to", f = E === "href" ? t.props.href : t.props.to) : (b = "span", E = null, f = null), /* @__PURE__ */ e.createElement(
@@ -11124,14 +11124,14 @@ const b4 = (o) => {
     y({
       href: E === "href" ? f : null,
       to: E === "to" ? f : null,
-      className: [d, _, v, c].join(" ").trim().replace(/\s+/g, " ")
+      className: [o, _, v, c].join(" ").trim().replace(/\s+/g, " ")
     }, l),
-    /* @__PURE__ */ e.createElement("span", { className: `${d}__label`, title: u }, ln(u, 20)),
+    /* @__PURE__ */ e.createElement("span", { className: `${o}__label`, title: u }, ln(u, 20)),
     n ? /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
-        className: `${d}__remove`,
+        className: `${o}__remove`,
         "aria-label": `${a}: ${u}`,
         onClick: () => {
           w(), s();
@@ -11141,7 +11141,7 @@ const b4 = (o) => {
         j,
         {
           iconName: "xmark",
-          className: `${d}__remove-icon`,
+          className: `${o}__remove-icon`,
           iconSize: "md"
         }
       )
@@ -11159,8 +11159,8 @@ const b4 = (o) => {
     "translations",
     "className"
   ]);
-  var d, _;
-  const l = "pds-theme-switcher", [o, m] = X(t != null ? t : "light");
+  var o, _;
+  const l = "pds-theme-switcher", [i, m] = X(t != null ? t : "light");
   ae(() => {
     m(t != null ? t : "system");
   }, [t]);
@@ -11187,7 +11187,7 @@ const b4 = (o) => {
       }
     }
   ], p = (() => {
-    switch (o) {
+    switch (i) {
       case "dark":
         return "moon";
       case "system":
@@ -11199,7 +11199,7 @@ const b4 = (o) => {
   return /* @__PURE__ */ e.createElement("div", y({ className: N([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement(
     xe,
     {
-      content: (d = s.tooltip) != null ? d : "change theme",
+      content: (o = s.tooltip) != null ? o : "change theme",
       preferredPlacement: "top",
       offsetValue: 0,
       customTrigger: /* @__PURE__ */ e.createElement(
@@ -11226,13 +11226,13 @@ const b4 = (o) => {
   const u = "pds-avatar-tile-list", c = "pds-tile-list", l = ({
     image: g,
     alt: p,
-    name: d,
+    name: o,
     title: _,
     org: v
-  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("div", { className: `${c}__image ${c}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: g, alt: p })), d && /* @__PURE__ */ e.createElement("div", { className: `${c}__name` }, d), _ && /* @__PURE__ */ e.createElement("div", { className: `${c}__title` }, _), v && /* @__PURE__ */ e.createElement("div", { className: `${c}__org` }, v)), o = (g) => Le(g.linkContent) ? Se(g.linkContent, {
+  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("div", { className: `${c}__image ${c}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: g, alt: p })), o && /* @__PURE__ */ e.createElement("div", { className: `${c}__name` }, o), _ && /* @__PURE__ */ e.createElement("div", { className: `${c}__title` }, _), v && /* @__PURE__ */ e.createElement("div", { className: `${c}__org` }, v)), i = (g) => Le(g.linkContent) ? Se(g.linkContent, {
     children: /* @__PURE__ */ e.createElement(l, y({}, g)),
     className: `${c}__item`
-  }) : /* @__PURE__ */ e.createElement("span", { className: `${c}__item` }, /* @__PURE__ */ e.createElement(l, y({}, g))), m = () => t.map((g, p) => /* @__PURE__ */ e.createElement(Y1, { key: `tile-${p}` }, o(g), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
+  }) : /* @__PURE__ */ e.createElement("span", { className: `${c}__item` }, /* @__PURE__ */ e.createElement(l, y({}, g))), m = () => t.map((g, p) => /* @__PURE__ */ e.createElement(Y1, { key: `tile-${p}` }, i(g), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -11245,8 +11245,8 @@ const b4 = (o) => {
     }, s),
     m()
   );
-}, an = (o) => {
-  var m = o, {
+}, an = (i) => {
+  var m = i, {
     displayType: t = "border",
     headingLevel: n = "span",
     headingText: s,
@@ -11301,11 +11301,11 @@ const b4 = (o) => {
     "tiles",
     "className"
   ]);
-  const l = "pds-tile-grid", o = `${l}--${t}`;
+  const l = "pds-tile-grid", i = `${l}--${t}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([l, o, a != null ? a : ""])
+      className: N([l, i, a != null ? a : ""])
     }, r),
     s.map((m, g) => /* @__PURE__ */ e.createElement(
       an,
@@ -11321,22 +11321,30 @@ const b4 = (o) => {
       }
     ))
   );
-}, I4 = (a) => {
-  var r = a, {
+}, I4 = (r) => {
+  var u = r, {
     children: t,
-    className: n
-  } = r, s = R(r, [
+    hasContentSpacing: n,
+    className: s
+  } = u, a = R(u, [
     "children",
+    "hasContentSpacing",
     "className"
   ]);
-  const { isMobile: u } = be(He), c = "pds-dashboard-inner", l = u ? `${c}--isMobile` : `${c}--notMobile`, o = Be(t), m = o["header-left"], g = o["header-right"], p = o.content;
+  const { isMobile: c } = be(He), l = "pds-dashboard-inner", i = c ? `${l}--isMobile` : `${l}--notMobile`, m = Be(t), g = m["header-left"], p = m["header-right"], o = m.content;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([c, l, n != null ? n : ""])
-    }, s),
-    (m || g) && /* @__PURE__ */ e.createElement("div", { className: `${c}__header` }, m && /* @__PURE__ */ e.createElement("div", { className: `${c}__header-left` }, m), g && /* @__PURE__ */ e.createElement("div", { className: `${c}__header-right` }, g)),
-    p && p
+      className: N([l, i, s != null ? s : ""])
+    }, a),
+    (g || p) && /* @__PURE__ */ e.createElement("div", { className: `${l}__header` }, g && /* @__PURE__ */ e.createElement("div", { className: `${l}__header-left` }, g), p && /* @__PURE__ */ e.createElement("div", { className: `${l}__header-right` }, p)),
+    o && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: n ? `${l}__content ${l}__content--with-spacing` : `${l}__content`
+      },
+      o
+    )
   );
 }, S4 = (a) => {
   var r = a, {
@@ -11349,11 +11357,11 @@ const b4 = (o) => {
   let u = !1;
   const c = be(He);
   c && (u = c.isMobile);
-  const l = "pds-docs-layout", o = u ? `${l}--isMobile` : null, m = Be(t), g = m.navigation ? /* @__PURE__ */ e.createElement("div", { key: "navigation", className: `${l}__nav` }, m.navigation) : null, p = /* @__PURE__ */ e.createElement("div", { key: "content", className: `${l}__content` }, m.content);
+  const l = "pds-docs-layout", i = u ? `${l}--isMobile` : null, m = Be(t), g = m.navigation ? /* @__PURE__ */ e.createElement("div", { key: "navigation", className: `${l}__nav` }, m.navigation) : null, p = /* @__PURE__ */ e.createElement("div", { key: "content", className: `${l}__content` }, m.content);
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([l, o, n != null ? n : ""])
+      className: N([l, i, n != null ? n : ""])
     }, s),
     [g, p]
   );
@@ -11367,11 +11375,11 @@ const b4 = (o) => {
     justifyContent: u = "flex-start",
     mobileAlignItems: c,
     mobileAlignContent: l,
-    mobileFlexDirection: o = "column",
+    mobileFlexDirection: i = "column",
     mobileFlexWrap: m,
     mobileGap: g,
     mobileJustifyContent: p,
-    children: d,
+    children: o,
     className: _
   } = b, v = R(b, [
     "alignContent",
@@ -11390,11 +11398,11 @@ const b4 = (o) => {
     "className"
   ]);
   let f = I1() <= 640;
-  const i = be(He);
-  i && (f = i.isMobile);
+  const d = be(He);
+  d && (f = d.isMobile);
   const h = "pds-flex", C = `${h}-container`, $ = f ? `${C}--mobile` : null;
   let H = null;
-  f ? H = `${h}-direction--${o}` : s !== "row" && (H = `${h}-direction--${s}`);
+  f ? H = `${h}-direction--${i}` : s !== "row" && (H = `${h}-direction--${s}`);
   let M = null;
   f ? m ? m !== "nowrap" && (M = `${h}-wrap--${m}`) : a !== "nowrap" && (M = `${h}-wrap--${a}`) : a !== "nowrap" && (M = `${h}-wrap--${a}`);
   let L = null;
@@ -11419,20 +11427,20 @@ const b4 = (o) => {
         _ != null ? _ : ""
       ])
     }, v),
-    d
+    o
   );
 }, T4 = ({
   children: t,
   mobileMenuMaxWidth: n = 640
 }) => /* @__PURE__ */ e.createElement(ft, { mobileMenuMaxWidth: n }, t), D4 = (l) => {
-  var o = l, {
+  var i = l, {
     children: t,
     gridGap: n = "standard",
     sidebarLocation: s = "right",
     sidebarMobileLocation: a = "after",
     sidebarWidth: r = "standard",
     className: u
-  } = o, c = R(o, [
+  } = i, c = R(i, [
     "children",
     "gridGap",
     "sidebarLocation",
@@ -11441,9 +11449,9 @@ const b4 = (o) => {
     "className"
   ]);
   const m = "pds-sidebar-layout", g = `pds-grid pds-grid--${n}`, p = `${m}--${r}`;
-  let d = !1;
+  let o = !1;
   const _ = be(He);
-  _ && (d = _.isMobile);
+  _ && (o = _.isMobile);
   const v = Be(t);
   let w = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", b = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
   r === "narrow" && (w = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", b = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (w = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", b = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
@@ -11451,14 +11459,14 @@ const b4 = (o) => {
     "div",
     {
       key: "content",
-      className: `${m}__main ${d ? "pds-grid-item" : w}`
+      className: `${m}__main ${o ? "pds-grid-item" : w}`
     },
     v.content
   ), f = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "sidebar",
-      className: `${m}__side ${d ? "pds-grid-item" : b}`
+      className: `${m}__side ${o ? "pds-grid-item" : b}`
     },
     v.sidebar
   );
@@ -11472,7 +11480,7 @@ const b4 = (o) => {
         u != null ? u : ""
       ])
     }, c),
-    d ? a === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, f, E) : /* @__PURE__ */ e.createElement(e.Fragment, null, E, f) : s === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, f, E) : /* @__PURE__ */ e.createElement(e.Fragment, null, E, f)
+    o ? a === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, f, E) : /* @__PURE__ */ e.createElement(e.Fragment, null, E, f) : s === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, f, E) : /* @__PURE__ */ e.createElement(e.Fragment, null, E, f)
   );
 }, R4 = (a) => {
   var r = a, {
@@ -11482,7 +11490,7 @@ const b4 = (o) => {
     "children",
     "className"
   ]);
-  const u = Be(t), c = u.stepper, l = u.form, o = ce(), [m] = x2(o), g = m.width;
+  const u = Be(t), c = u.stepper, l = u.form, i = ce(), [m] = x2(i), g = m.width;
   document.documentElement.style.setProperty(
     "--stepper-layout-max-width",
     g + "px"
@@ -11492,7 +11500,7 @@ const b4 = (o) => {
     "div",
     {
       className: `${p}__stepper-container`,
-      ref: o
+      ref: i
     },
     c
   ), l && /* @__PURE__ */ e.createElement("div", { className: `${p}__form-container` }, l));
@@ -11508,7 +11516,7 @@ const b4 = (o) => {
     "verticalAlign",
     "className"
   ]);
-  const l = "pds-three-item-layout", o = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, m = `${l}--${s}`, g = Be(t), p = [
+  const l = "pds-three-item-layout", i = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, m = `${l}--${s}`, g = Be(t), p = [
     g["first-item"],
     g["second-item"],
     g["third-item"]
@@ -11518,18 +11526,18 @@ const b4 = (o) => {
     y({
       className: N([
         l,
-        o,
+        i,
         m,
         a
       ])
     }, r),
-    p.map((d, _) => /* @__PURE__ */ e.createElement(
+    p.map((o, _) => /* @__PURE__ */ e.createElement(
       "div",
       {
         key: _,
         className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
       },
-      d
+      o
     ))
   );
 }, F4 = (c) => {
@@ -11546,31 +11554,31 @@ const b4 = (o) => {
     "verticalAlign",
     "className"
   ]);
-  const o = "pds-two-item-layout", m = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, g = `${o}--${a}`, p = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], _ = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], v = ["pds-grid-item", "pds-grid-item--sm-4"];
+  const i = "pds-two-item-layout", m = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, g = `${i}--${a}`, p = ["pds-grid-item--md-6"], o = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], _ = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], v = ["pds-grid-item", "pds-grid-item--sm-4"];
   let w, b;
   switch (s) {
     case "equal":
       w = v.concat(p), b = v.concat(p);
       break;
     case "one-third-start":
-      w = v.concat(d), b = v.concat(_);
+      w = v.concat(o), b = v.concat(_);
       break;
     case "one-third-end":
-      w = v.concat(_), b = v.concat(d);
+      w = v.concat(_), b = v.concat(o);
   }
-  const E = Be(t), f = E["first-item"], i = E["second-item"];
+  const E = Be(t), f = E["first-item"], d = E["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: N([
-        o,
+        i,
         m,
         g,
         r
       ])
     }, u),
     /* @__PURE__ */ e.createElement("div", { className: w.join(" ").trim() }, f),
-    /* @__PURE__ */ e.createElement("div", { className: b.join(" ").trim() }, i)
+    /* @__PURE__ */ e.createElement("div", { className: b.join(" ").trim() }, d)
   );
 }, P4 = (t, n) => {
   const [s, a] = X(!1), r = j2(