npm - @pantheon-systems/pds-toolkit-react - Versions diffs - 1.0.0-dev.279 → 1.0.0-dev.280 - Mend

@pantheon-systems/pds-toolkit-react 1.0.0-dev.279 → 1.0.0-dev.280

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/_dist/components/Modal/Modal.d.ts +5 -1
package/_dist/css/component-css/pds-file-diff.css +1 -1
package/_dist/css/component-css/pds-index.css +2 -2
package/_dist/css/component-css/pds-inline-message.css +1 -1
package/_dist/css/pds-components.css +2 -2
package/_dist/index.css +1 -1
package/_dist/index.js +900 -898
package/_dist/index.js.map +1 -1
package/package.json +1 -1

package/_dist/index.js CHANGED Viewed

@@ -837,7 +837,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
     "uniqueId",
     "className"
   ]);
-  const g = "pds-avatar", u = `${g}--${r}`, p = s ? `${g}--image` : null, [$, C] = K(void 0), _ = {
+  const g = "pds-avatar", u = `${g}--${r}`, p = s ? `${g}--image` : null, [$, _] = K(void 0), C = {
     backgroundImage: d ? `var(--pds-color-gradient-avatar-${g1(d)})` : null,
     borderRadius: "100%",
     height: "100%",
@@ -851,10 +851,10 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
       src: `${s}`,
       className: `${g}__image`,
       alt: "",
-      onLoad: () => C(!1),
-      onError: () => C(!0)
+      onLoad: () => _(!1),
+      onError: () => _(!0)
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: _ }, n && /* @__PURE__ */ e.createElement(G, { iconName: "user", className: `${g}__user-icon` })), h = /* @__PURE__ */ e.createElement("span", { className: `${g}__content` }, E), o = Me(a) ? Ie(
+  ) : /* @__PURE__ */ e.createElement("span", { style: C }, n && /* @__PURE__ */ e.createElement(G, { iconName: "user", className: `${g}__user-icon` })), h = /* @__PURE__ */ e.createElement("span", { className: `${g}__content` }, E), o = Me(a) ? Ie(
     a,
     ae(y({}, a.props), {
       className: `${g}__content ${g}__content--link`,
@@ -971,29 +971,29 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     "zIndex",
     "className"
   ]);
-  const [$, C] = K(!1), w = typeof n, _ = "pds-tooltip", E = N([
-    `${_}__trigger-custom`,
-    w === "string" ? `${_}__trigger-text` : null
+  const [$, _] = K(!1), w = typeof n, C = "pds-tooltip", E = N([
+    `${C}__trigger-custom`,
+    w === "string" ? `${C}__trigger-text` : null
   ]), h = N([
-    `${_}__trigger`,
-    `${_}__trigger--${c}`
+    `${C}__trigger`,
+    `${C}__trigger--${c}`
   ]), { refs: o, floatingStyles: f, context: v } = Ae({
     placement: a,
     open: $,
-    onOpenChange: C,
+    onOpenChange: _,
     middleware: [i2(s), d2(), b2()],
     whileElementsMounted: Fe
   }), b = E2(v, {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), M = Y2(v), H = Te(v), L = De(v, { role: "tooltip" }), { getReferenceProps: k, getFloatingProps: z } = Re([
+  }), H = Y2(v), M = Te(v), L = De(v, { role: "tooltip" }), { getReferenceProps: k, getFloatingProps: z } = Re([
     b,
-    M,
     H,
+    M,
     L
   ]);
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([_, m != null ? m : ""]) }, g), n ? /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([C, m != null ? m : ""]) }, g), n ? /* @__PURE__ */ e.createElement(
     "span",
     y({
       className: E,
@@ -1012,14 +1012,14 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       G,
       {
         iconName: d,
-        className: `${_}__icon`,
+        className: `${C}__icon`,
         iconSize: l
       }
     )
   ), $ && /* @__PURE__ */ e.createElement(zt, null, /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: `${_}__container`,
+      className: `${C}__container`,
       ref: o.setFloating,
       style: ae(y({}, f), { zIndex: i })
     }, z()),
@@ -1045,19 +1045,19 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     "componentWidth",
     "className"
   ]);
-  const u = "pds-branch-diff", p = t ? `${u}--loading` : null, $ = t ? "pds-pulse" : null, C = c !== null && c > 0 ? `${c}rem` : "100%";
-  let w = Math.max(0, s), _ = Math.max(0, r);
-  t && (w = 1, _ = 1);
-  const E = Math.max(w, _);
-  let h = E > 0 ? _ / E * 100 : 0, o = E > 0 ? w / E * 100 : 0;
+  const u = "pds-branch-diff", p = t ? `${u}--loading` : null, $ = t ? "pds-pulse" : null, _ = c !== null && c > 0 ? `${c}rem` : "100%";
+  let w = Math.max(0, s), C = Math.max(0, r);
+  t && (w = 1, C = 1);
+  const E = Math.max(w, C);
+  let h = E > 0 ? C / E * 100 : 0, o = E > 0 ? w / E * 100 : 0;
   const f = 10;
   h < f ? (h = f, o = 100 - f) : o < f && (o = f, h = 100 - f);
-  const v = t ? n : `${_} ${d} & ${w} ${a}`;
+  const v = t ? n : `${C} ${d} & ${w} ${a}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: N([u, p, l != null ? l : ""]),
-      style: { width: C }
+      style: { width: _ }
     }, i),
     /* @__PURE__ */ e.createElement(
       Ve,
@@ -1069,8 +1069,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
           {
             className: `${u}__segment ${u}__segment--behind`
           },
-          /* @__PURE__ */ e.createElement("div", { className: `${u}__number` }, !t && _),
-          _ > 0 && /* @__PURE__ */ e.createElement(
+          /* @__PURE__ */ e.createElement("div", { className: `${u}__number` }, !t && C),
+          C > 0 && /* @__PURE__ */ e.createElement(
             "div",
             {
               className: N([
@@ -1271,8 +1271,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     a && !n ? /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, s) : /* @__PURE__ */ e.createElement(nt, { label: s })
   );
 }, qe = Ue(
-  (_, w) => {
-    var E = _, {
+  (C, w) => {
+    var E = C, {
       ariaLabel: t,
       buttonType: n = "button",
       disabled: s = !1,
@@ -1287,7 +1287,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       tooltipText: u,
       variant: p = "primary",
       className: $ = ""
-    } = E, C = D(E, [
+    } = E, _ = D(E, [
       "ariaLabel",
       "buttonType",
       "disabled",
@@ -1315,7 +1315,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       case "lg":
         b = "lg";
     }
-    const M = /* @__PURE__ */ e.createElement(
+    const H = /* @__PURE__ */ e.createElement(
       G,
       {
         key: "icon",
@@ -1324,8 +1324,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
         className: `${h}__icon`
       }
     );
-    let H = [i];
-    a == "icon-start" && r && H.unshift(M), a == "icon-end" && r && H.push(M), l && (H = [M], t = et(i));
+    let M = [i];
+    a == "icon-start" && r && M.unshift(H), a == "icon-end" && r && M.push(H), l && (M = [H], t = et(i));
     const L = /* @__PURE__ */ e.createElement(
       "button",
       y({
@@ -1341,9 +1341,9 @@ const D2 = 500, C1 = 700, Ve = (u) => {
         "aria-label": t,
         onClick: m,
         ref: w
-      }, C),
+      }, _),
       c && /* @__PURE__ */ e.createElement(w2, { className: `${h}__loading-indicator`, size: "md" }),
-      H
+      M
     );
     return (s || c) && u ? /* @__PURE__ */ e.createElement(Ve, { content: u, customTrigger: L }) : /* @__PURE__ */ e.createElement(e.Fragment, null, L);
   }
@@ -1367,11 +1367,11 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     "variant",
     "className"
   ]);
-  const u = "pds-button-link", p = "pds-button", $ = r !== "md" ? `${p}--${r}` : null, C = c !== "primary" ? `${p}--${c}` : null, w = N([
+  const u = "pds-button-link", p = "pds-button", $ = r !== "md" ? `${p}--${r}` : null, _ = c !== "primary" ? `${p}--${c}` : null, w = N([
     p,
     $,
-    C
-  ]), _ = Me(a) ? a.props.children : null, E = /* @__PURE__ */ e.createElement(
+    _
+  ]), C = Me(a) ? a.props.children : null, E = /* @__PURE__ */ e.createElement(
     G,
     {
       iconName: s,
@@ -1380,8 +1380,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       key: s
     }
   );
-  let h = [_];
-  n === "icon-start" && s ? h = [E, _] : n === "icon-end" && s && (h = [_, E]);
+  let h = [C];
+  n === "icon-start" && s ? h = [E, C] : n === "icon-end" && s && (h = [C, E]);
   const o = Me(a) ? Ie(a, {
     className: w,
     children: h
@@ -1438,10 +1438,10 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       "variant",
       "className"
     ]);
-    const C = "pds-icon-button", w = l !== "md" ? `${C}--${l}` : null, _ = i !== "standard" ? `${C}--${i}` : null, E = {
-      fadeOut: `${C}--fadeOut`,
-      hide: `${C}--hide`,
-      scaleIn: `${C}--scaleIn`
+    const _ = "pds-icon-button", w = l !== "md" ? `${_}--${l}` : null, C = i !== "standard" ? `${_}--${i}` : null, E = {
+      fadeOut: `${_}--fadeOut`,
+      hide: `${_}--hide`,
+      scaleIn: `${_}--scaleIn`
     };
     let h, o;
     switch (l) {
@@ -1454,42 +1454,42 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       case "lg":
         o = "xl", h = 12;
     }
-    const f = d !== null, v = oe(null), b = oe(null), M = () => {
+    const f = d !== null, v = oe(null), b = oe(null), H = () => {
       v.current.classList.add(E.fadeOut), v.current.classList.add(E.hide), b.current.classList.remove(E.hide), b.current.classList.add(E.scaleIn), setTimeout(() => {
         v.current.classList.remove(
           E.fadeOut,
           E.hide
         ), v.current.classList.add(E.scaleIn), b.current.classList.remove(E.scaleIn), b.current.classList.add(E.hide);
       }, 2e3);
-    }, H = (k) => {
-      f && M(), c && c(k);
-    }, L = f ? /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement("div", { ref: v, className: `${C}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+    }, M = (k) => {
+      f && H(), c && c(k);
+    }, L = f ? /* @__PURE__ */ e.createElement("div", { className: `${_}__content` }, /* @__PURE__ */ e.createElement("div", { ref: v, className: `${_}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
       G,
       {
         iconName: r,
         iconSize: o,
-        className: `${C}__icon`
+        className: `${_}__icon`
       }
     )), /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: b,
-        className: `${C}__icon-wrapper ${E.hide}`
+        className: `${_}__icon-wrapper ${E.hide}`
       },
       /* @__PURE__ */ e.createElement(
         G,
         {
           iconName: d,
           iconSize: o,
-          className: `${C}__icon`
+          className: `${_}__icon`
         }
       )
-    )) : /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement(
+    )) : /* @__PURE__ */ e.createElement("div", { className: `${_}__content` }, /* @__PURE__ */ e.createElement(
       G,
       {
         iconName: r,
         iconSize: o,
-        className: `${C}__icon`
+        className: `${_}__icon`
       }
     ));
     return /* @__PURE__ */ e.createElement(
@@ -1497,13 +1497,13 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       y({
         "aria-label": t,
         className: N([
-          C,
-          w,
           _,
+          w,
+          C,
           m
         ]),
         disabled: s,
-        onClick: H,
+        onClick: M,
         type: n,
         title: a && !s ? null : t,
         ref: u
@@ -1512,7 +1512,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
         Ve,
         {
           content: t,
-          className: `${C}__tooltip`,
+          className: `${_}__tooltip`,
           offsetValue: h,
           customTrigger: L
         }
@@ -1596,8 +1596,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
   return ce(() => {
     a ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
   }, [a]), /* @__PURE__ */ e.createElement(ye.Provider, { value: r }, t);
-}, R2 = (t) => t.isSeparator, O2 = (t) => t.isHeading, F2 = (t) => t.isLink, $1 = (t) => t.isNode, Rt = (_) => {
-  var E = _, {
+}, R2 = (t) => t.isSeparator, O2 = (t) => t.isHeading, F2 = (t) => t.isLink, $1 = (t) => t.isNode, Rt = (C) => {
+  var E = C, {
     disabled: t,
     displayType: n = "icon-end",
     iconName: s = "ellipsisVertical",
@@ -1612,7 +1612,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     undefinedLabel: u = "Unlabeled group",
     variant: p = "primary",
     withinNavbar: $,
-    className: C
+    className: _
   } = E, w = D(E, [
     "disabled",
     "displayType",
@@ -1636,8 +1636,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     reference: f,
     floating: v,
     strategy: b,
-    update: M,
-    placement: H,
+    update: H,
+    placement: M,
     refs: L
   } = i1({
     placement: "bottom-start",
@@ -1646,16 +1646,16 @@ const D2 = 500, C1 = 700, Ve = (u) => {
   let k = !1;
   const z = be(ye);
   z && (k = z.isMobile);
-  const x = p === "navbar" && k, A = "pds-menu-button", T = x ? `${A}--isMobile` : null, B = $ ? `${A}--navbar` : null, R = a, [F] = K(`menu-button-${a}`), P = L.floating, q = oe(null), [X, se] = K(!1), [Q, J] = K(!1), [Y, Z] = K(""), [I, V] = K(0), S = oe([]), O = oe([]), j = oe([]);
+  const x = p === "navbar" && k, I = "pds-menu-button", T = x ? `${I}--isMobile` : null, B = $ ? `${I}--navbar` : null, R = a, [F] = K(`menu-button-${a}`), P = L.floating, q = oe(null), [X, se] = K(!1), [Q, J] = K(!1), [Y, Z] = K(""), [A, V] = K(0), S = oe([]), O = oe([]), j = oe([]);
   e1(() => {
-    window.addEventListener("mousedown", Se, !0), M();
+    window.addEventListener("mousedown", Se, !0), H();
     const W = P.current;
-    return W && (W.dataset.fuiPlacement = H), Q && (setTimeout(() => {
+    return W && (W.dataset.fuiPlacement = M), Q && (setTimeout(() => {
       W.focus();
     }, 0), J(!1)), () => {
       window.removeEventListener("mousedown", Se, !0);
     };
-  }, [X, H]);
+  }, [X, M]);
   const ee = (W, le) => {
     Z(W), V(le);
   }, ue = () => {
@@ -1665,13 +1665,13 @@ const D2 = 500, C1 = 700, Ve = (u) => {
   }, Ce = (W) => {
     W = W.toLowerCase();
     let le = !1;
-    for (let U = I + 1; U < j.current.length; U++)
+    for (let U = A + 1; U < j.current.length; U++)
       if (j.current[U].label.toLowerCase().startsWith(W)) {
         ee(O.current[U], U), le = !0;
         break;
       }
     if (le === !1) {
-      for (let U = 0; U < I; U++)
+      for (let U = 0; U < A; U++)
         if (j.current[U].label.toLowerCase().startsWith(W)) {
           ee(O.current[U], U);
           break;
@@ -1684,7 +1684,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       ne && ne.click();
     }
   }, re = () => {
-    const W = O.current[I];
+    const W = O.current[A];
     _e(W);
   }, he = (W) => {
     X ? de() : ue(), i && i(), J((le) => !le), W.stopPropagation(), W.preventDefault();
@@ -1733,11 +1733,11 @@ const D2 = 500, C1 = 700, Ve = (u) => {
             break;
           case "Up":
           case "ArrowUp":
-            ie = I - 1, ie < 0 && (ie = O.current.length - 1), ne = O.current[ie], ee(ne, ie), U = !0;
+            ie = A - 1, ie < 0 && (ie = O.current.length - 1), ne = O.current[ie], ee(ne, ie), U = !0;
             break;
           case "ArrowDown":
           case "Down":
-            ie = I + 1, ie > O.current.length - 1 && (ie = 0), ne = O.current[ie], ee(ne, ie), U = !0;
+            ie = A + 1, ie > O.current.length - 1 && (ie = 0), ne = O.current[ie], ee(ne, ie), U = !0;
             break;
           case "Home":
           case "PageUp":
@@ -1771,7 +1771,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
           role: "presentation",
           id: ne || null,
           key: ne,
-          className: `${A}__listbox-heading`
+          className: `${I}__listbox-heading`
         },
         W.label
       );
@@ -1794,20 +1794,20 @@ const D2 = 500, C1 = 700, Ve = (u) => {
         ze.unshift(We);
       }
       let Ke;
-      W.description && (Ke = /* @__PURE__ */ e.createElement("span", { className: `${A}__item-description` }, W.description));
+      W.description && (Ke = /* @__PURE__ */ e.createElement("span", { className: `${I}__item-description` }, W.description));
       let Ge;
       if (F2(W)) {
         const We = W.linkContent.type;
-        Ge = /* @__PURE__ */ e.createElement(We, y({ tabIndex: -1 }, W.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${A}__item-label` }, ze), Ke);
+        Ge = /* @__PURE__ */ e.createElement(We, y({ tabIndex: -1 }, W.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${I}__item-label` }, ze), Ke);
       } else
-        Ge = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${A}__item-label` }, ze), Ke);
+        Ge = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${I}__item-label` }, ze), Ke);
       return /* @__PURE__ */ e.createElement(
         "li",
         y({
           id: Ee,
           key: Ee,
           "data-testid": W.testId,
-          className: s2 ? `${A}__item-focused` : null,
+          className: s2 ? `${I}__item-focused` : null,
           role: "menuitem",
           tabIndex: -1,
           onClick: pe,
@@ -1827,8 +1827,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     const le = W, U = W.filter(
       O2 || R2
     ), ne = U.length > 0;
-    let ie = [`${A}__listbox`];
-    if ($ && ie.push(`${A}__listbox--navbar`), l === "end" && ie.push(`${A}__listbox--end`), n === "icon-only" && ie.push(`${A}__listbox--icon-only`), ie = N(ie), ne) {
+    let ie = [`${I}__listbox`];
+    if ($ && ie.push(`${I}__listbox--navbar`), l === "end" && ie.push(`${I}__listbox--end`), n === "icon-only" && ie.push(`${I}__listbox--icon-only`), ie = N(ie), ne) {
       const fe = e2(W, U);
       fe.forEach(() => {
         S.current.push(c2());
@@ -1915,7 +1915,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       iconName: "angleDown",
       type: "button",
       disabled: t,
-      className: `${A}__trigger`,
+      className: `${I}__trigger`,
       "aria-haspopup": "true",
       "aria-controls": F,
       "aria-expanded": X,
@@ -1935,7 +1935,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
         iconName: s,
         type: "button",
         disabled: t,
-        className: `${A}__trigger ${A}__trigger--icon-only`,
+        className: `${I}__trigger ${I}__trigger--icon-only`,
         "aria-haspopup": "true",
         "aria-controls": F,
         "aria-expanded": X,
@@ -1948,14 +1948,14 @@ const D2 = 500, C1 = 700, Ve = (u) => {
   }
   const p2 = (W) => {
     const le = W.target;
-    le.classList.toggle(`${A}__toggle--expanded`), le.setAttribute(
+    le.classList.toggle(`${I}__toggle--expanded`), le.setAttribute(
       "aria-expanded",
       le.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), le.nextElementSibling.classList.toggle(`${A}__mobile-menu--expanded`);
-  }, r2 = () => /* @__PURE__ */ e.createElement("ul", { className: `${A}__mobile-menu`, role: "menu" }, c.map((W, le) => ke(W, le)));
+    ), le.nextElementSibling.classList.toggle(`${I}__mobile-menu--expanded`);
+  }, r2 = () => /* @__PURE__ */ e.createElement("ul", { className: `${I}__mobile-menu`, role: "menu" }, c.map((W, le) => ke(W, le)));
   let n2;
   const $e = n === "icon-end" ? "pds-button pds-button--navbar" : null, He = N([
-    `${A}__toggle`,
+    `${I}__toggle`,
     $e
   ]);
   x && (n2 = /* @__PURE__ */ e.createElement(
@@ -1968,26 +1968,26 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       "aria-expanded": !1,
       onClick: p2
     },
-    n === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${A}__icon-label` }, /* @__PURE__ */ e.createElement(G, { iconName: s }), " ", d) : d,
+    n === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${I}__icon-label` }, /* @__PURE__ */ e.createElement(G, { iconName: s }), " ", d) : d,
     /* @__PURE__ */ e.createElement(
       G,
       {
         iconName: "angleDown",
         iconSize: "md",
-        className: `${A}__toggle-icon ${A}__toggle-icon--${n}`
+        className: `${I}__toggle-icon ${I}__toggle-icon--${n}`
       }
     )
   ));
-  const ve = n2, Ne = X ? `${A}--expanded` : null;
+  const ve = n2, Ne = X ? `${I}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
       className: N([
-        A,
+        I,
         B,
         T,
         Ne,
-        C
+        _
       ]),
       "data-testid": g,
       ref: q
@@ -2016,8 +2016,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     "value",
     "className"
   ]);
-  const p = "pds-segmented-button", $ = t ? "pds-is-disabled" : null, C = c !== "md" ? `${p}--${c}` : null, w = typeof l != "undefined", _ = typeof s != "undefined", [E, h] = K(
-    _ ? s : ""
+  const p = "pds-segmented-button", $ = t ? "pds-is-disabled" : null, _ = c !== "md" ? `${p}--${c}` : null, w = typeof l != "undefined", C = typeof s != "undefined", [E, h] = K(
+    C ? s : ""
   ), o = (f) => {
     h(f.target.value), r && r(f.target.value);
   };
@@ -2027,18 +2027,18 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       y({
         className: N([
           p,
-          C,
+          _,
           $,
           i != null ? i : ""
         ])
       }, m),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, a),
       /* @__PURE__ */ e.createElement("div", { className: `${p}__options` }, d.map((f, v) => {
-        const b = w ? l === f.value : E === f.value, M = `${p}__option`, H = b ? `${M}--checked` : null;
+        const b = w ? l === f.value : E === f.value, H = `${p}__option`, M = b ? `${H}--checked` : null;
         return /* @__PURE__ */ e.createElement(
           "div",
           {
-            className: N([M, H]),
+            className: N([H, M]),
             key: `${n}-option-${v}`
           },
           /* @__PURE__ */ e.createElement(
@@ -2091,8 +2091,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     "className"
   ]);
   const g = "pds-split-button", u = `${g}--${d}`, p = t[0], $ = t.slice(1);
-  let C = null;
-  return "isLink" in p && p.isLink === !0 ? C = /* @__PURE__ */ e.createElement(
+  let _ = null;
+  return "isLink" in p && p.isLink === !0 ? _ = /* @__PURE__ */ e.createElement(
     $2,
     {
       className: `${g}__primary-action`,
@@ -2102,7 +2102,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       disabled: n,
       linkContent: p.linkContent
     }
-  ) : "label" in p && (C = /* @__PURE__ */ e.createElement(
+  ) : "label" in p && (_ = /* @__PURE__ */ e.createElement(
     qe,
     {
       className: `${g}__primary-action`,
@@ -2118,7 +2118,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       className: N([g, u, c]),
       id: s
     }, l),
-    C,
+    _,
     /* @__PURE__ */ e.createElement(
       Rt,
       {
@@ -2162,32 +2162,32 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     "tooltipText",
     "className"
   ]);
-  const C = "pds-utility-button", w = a ? `${C}--critical` : null, _ = n ? `${C}--disabled` : null, E = r ? `${C}--loading` : null, h = d ? `${C}--working` : null, o = c ? `${C}--monospace` : null, f = r ? "pds-pulse" : null, v = /* @__PURE__ */ e.createElement(
+  const _ = "pds-utility-button", w = a ? `${_}--critical` : null, C = n ? `${_}--disabled` : null, E = r ? `${_}--loading` : null, h = d ? `${_}--working` : null, o = c ? `${_}--monospace` : null, f = r ? "pds-pulse" : null, v = /* @__PURE__ */ e.createElement(
     "button",
     y({
-      className: N([`${C}__button`, f]),
+      className: N([`${_}__button`, f]),
       "aria-disabled": n || r || d,
       onClick: n ? void 0 : i,
       type: "button"
     }, t),
-    s && !d && /* @__PURE__ */ e.createElement(G, { iconName: s, className: `${C}__icon` }),
+    s && !d && /* @__PURE__ */ e.createElement(G, { iconName: s, className: `${_}__icon` }),
     d && /* @__PURE__ */ e.createElement(
       w2,
       {
-        className: `${C}__spinner`,
+        className: `${_}__spinner`,
         size: "sm",
         colorType: "monochromatic"
       }
     ),
-    /* @__PURE__ */ e.createElement("span", { className: `${C}__label` }, l)
+    /* @__PURE__ */ e.createElement("span", { className: `${_}__label` }, l)
   );
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: N([
-        C,
-        w,
         _,
+        w,
+        C,
         E,
         h,
         o,
@@ -2317,11 +2317,11 @@ const D2 = 500, C1 = 700, Ve = (u) => {
   const u = "pds-card-select-group";
   let p = `${u}__legend`;
   a === "center" && (p = `${u}__legend ${u}__legend--center`), a === "hidden" && (p = `${u}__legend visually-hidden`);
-  const [$, C] = K(n), w = (v) => {
-    C(v.currentTarget.value), d && d(v.currentTarget.value);
-  }, _ = c.length, E = "pds-grid-item", h = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", o = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  const [$, _] = K(n), w = (v) => {
+    _(v.currentTarget.value), d && d(v.currentTarget.value);
+  }, C = c.length, E = "pds-grid-item", h = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", o = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let f = "";
-  return r === "twoAcross" ? f = h : r === "threeAcross" ? f = o : r === "auto" && (_ === 1 ? f = E : _ % 3 === 0 ? f = o : _ % 2 === 0 ? f = h : f = o), /* @__PURE__ */ e.createElement(
+  return r === "twoAcross" ? f = h : r === "threeAcross" ? f = o : r === "auto" && (C === 1 ? f = E : C % 3 === 0 ? f = o : C % 2 === 0 ? f = h : f = o), /* @__PURE__ */ e.createElement(
     "fieldset",
     y({
       className: [u, l].join(" ").trim().replace(/\s+/g, " "),
@@ -2721,7 +2721,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     "supplementalLinks",
     "className"
   ]);
-  const p = "pds-new-site-card", $ = c.type, C = /* @__PURE__ */ e.createElement(I2, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${p}__main` }, /* @__PURE__ */ e.createElement(
+  const p = "pds-new-site-card", $ = c.type, _ = /* @__PURE__ */ e.createElement(I2, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${p}__main` }, /* @__PURE__ */ e.createElement(
     $,
     y({
       "aria-label": c.props.children,
@@ -2738,12 +2738,12 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       }
     ),
     d && /* @__PURE__ */ e.createElement("div", { className: `${p}__summary` }, d)
-  ), l && l.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${p}__links` }, l.map((w, _) => {
+  ), l && l.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${p}__links` }, l.map((w, C) => {
     const E = w.type;
     return /* @__PURE__ */ e.createElement(
       E,
       y({
-        key: _,
+        key: C,
         className: `${p}__link`
       }, w.props),
       w.props.children,
@@ -2757,7 +2757,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       ), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s))
     );
   }))));
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([p, i != null ? i : ""]) }, m), C);
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([p, i != null ? i : ""]) }, m), _);
 }, y1 = {
   amex: /* @__PURE__ */ e.createElement(
     "svg",
@@ -3207,9 +3207,9 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     required: u = !1,
     showLabel: p = !0,
     tooltipText: $ = null,
-    validationMessage: C,
+    validationMessage: _,
     validationStatus: w,
-    value: _,
+    value: C,
     className: E
   } = f, h = D(f, [
     "defaultValue",
@@ -3232,10 +3232,10 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     "className"
   ]);
   var r2, n2;
-  const v = Je(a), b = "pds-select", M = n ? te.disabled : null, H = u && !n ? te.required : null, L = w === "error" ? te.error : null, k = w === "success" ? te.success : null;
+  const v = Je(a), b = "pds-select", H = n ? te.disabled : null, M = u && !n ? te.required : null, L = w === "error" ? te.error : null, k = w === "success" ? te.success : null;
   let z = null;
   w === "error" && (z = "error"), w === "success" && (z = "success");
-  const x = C || c, A = typeof _ != "undefined", T = typeof t != "undefined", R = (($e) => $e.reduce((He, ve) => pt(ve) ? [...He, ...ve.options] : [...He, ve], []))(g), F = ($e) => R.findIndex((He) => He.value === $e), P = A && F(_) >= 0 ? F(_) : null, q = T ? F(t) : null, X = P || q, [se, Q] = K(!1), [J, Y] = K(null), [Z, I] = K(
+  const x = _ || c, I = typeof C != "undefined", T = typeof t != "undefined", R = (($e) => $e.reduce((He, ve) => pt(ve) ? [...He, ...ve.options] : [...He, ve], []))(g), F = ($e) => R.findIndex((He) => He.value === $e), P = I && F(C) >= 0 ? F(C) : null, q = T ? F(t) : null, X = P || q, [se, Q] = K(!1), [J, Y] = K(null), [Z, A] = K(
     X != null ? X : null
   ), V = Z !== null ? (r2 = R[Z]) == null ? void 0 : r2.label : void 0, S = Z !== null ? (n2 = R[Z]) == null ? void 0 : n2.value : void 0, O = oe([]), { context: j, refs: ee, floatingStyles: ue } = Ae({
     open: se,
@@ -3280,14 +3280,14 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     }
   }), ke = ($e) => {
     const He = R[$e];
-    A || (I($e), Q(!1)), m && m(He);
+    I || (A($e), Q(!1)), m && m(He);
   };
   ce(() => {
-    if (A) {
-      const $e = F(_);
-      I($e), Q(!1);
+    if (I) {
+      const $e = F(C);
+      A($e), Q(!1);
     }
-  }, [_]);
+  }, [C]);
   const e2 = () => {
     l && l(S);
   }, t2 = () => {
@@ -3360,8 +3360,8 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       className: N([
         te.base,
         b,
-        M,
         H,
+        M,
         L,
         k,
         E != null ? E : ""
@@ -3412,7 +3412,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       {
         id: s,
         message: x,
-        hasValidationMessage: !!C,
+        hasValidationMessage: !!_,
         validationMessageHasDecorators: !1,
         validationStatus: w
       }
@@ -3447,58 +3447,58 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     "statusBadgeType",
     "className"
   ]);
-  const C = "pds-pricing-card", w = `${C}-container`, _ = s ? `${w}--with-list` : null, E = m ? `${C}--${m}` : null, h = (T) => T.toLowerCase().replace(/\s/g, "-"), o = c && c.length > 1, [f, v] = K(
+  const _ = "pds-pricing-card", w = `${_}-container`, C = s ? `${w}--with-list` : null, E = m ? `${_}--${m}` : null, h = (T) => T.toLowerCase().replace(/\s/g, "-"), o = c && c.length > 1, [f, v] = K(
     h(c[0].label)
-  ), [b, M] = K(
+  ), [b, H] = K(
     t.label
   );
-  let H = null, L = null;
-  o || (H = /* @__PURE__ */ e.createElement("div", { className: `${C}__pricing-data` }, c[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${C}__price-prefix` }, c[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${C}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${C}__price` }, c[0].price), c[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${C}__details` }, c[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${C}__savings-line` }, c[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+  let M = null, L = null;
+  o || (M = /* @__PURE__ */ e.createElement("div", { className: `${_}__pricing-data` }, c[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${_}__price-prefix` }, c[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${_}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__price` }, c[0].price), c[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__details` }, c[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${_}__savings-line` }, c[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
     v2,
     {
-      className: `${C}__savings-badge`,
+      className: `${_}__savings-badge`,
       color: "neutral",
       size: "sm",
       label: c[0].savingsBadgeLabel
     }
-  ), c[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${C}__savings-details` }, c[0].savingsDetails))), L = /* @__PURE__ */ e.createElement(
+  ), c[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__savings-details` }, c[0].savingsDetails))), L = /* @__PURE__ */ e.createElement(
     gt,
     {
-      className: `${C}__list`,
+      className: `${_}__list`,
       listLabel: c[0].listLabel,
       listItems: c[0].listItems,
       renderTypeLabels: !1
     }
-  )), o && (H = c.map((T) => {
-    const R = f === h(T.label) ? null : `${C}__pricing-data--hide`;
+  )), o && (M = c.map((T) => {
+    const R = f === h(T.label) ? null : `${_}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
         className: N([
-          `${C}__pricing-data`,
+          `${_}__pricing-data`,
           R
         ]),
         id: `data-${h(T.label)}`,
         key: h(T.label)
       },
-      T.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${C}__price-prefix` }, T.pricePrefix),
-      /* @__PURE__ */ e.createElement("div", { className: `${C}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${C}__price` }, T.price), T.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${C}__details` }, T.priceDetails)),
-      /* @__PURE__ */ e.createElement("div", { className: `${C}__savings-line` }, T.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+      T.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${_}__price-prefix` }, T.pricePrefix),
+      /* @__PURE__ */ e.createElement("div", { className: `${_}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__price` }, T.price), T.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__details` }, T.priceDetails)),
+      /* @__PURE__ */ e.createElement("div", { className: `${_}__savings-line` }, T.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
         v2,
         {
-          className: `${C}__savings-badge`,
+          className: `${_}__savings-badge`,
           color: "neutral",
           size: "sm",
           label: T.savingsBadgeLabel
         }
-      ), T.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${C}__savings-details` }, T.savingsDetails))
+      ), T.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__savings-details` }, T.savingsDetails))
     );
   }), L = c.map((T) => {
-    const R = f === h(T.label) ? null : `${C}__list--hide`;
+    const R = f === h(T.label) ? null : `${_}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       gt,
       {
-        className: N([`${C}__list`, R]),
+        className: N([`${_}__list`, R]),
         listLabel: T.listLabel,
         listItems: T.listItems,
         renderTypeLabels: !1,
@@ -3517,7 +3517,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
     k1,
     {
       id: "plan-select",
-      className: `${C}__select`,
+      className: `${_}__select`,
       label: i,
       showLabel: !1,
       options: c.map((T) => ({
@@ -3526,7 +3526,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       })),
       defaultValue: h(c[0].label),
       onOptionSelect: (T) => {
-        v(T.value), M(k(T.value)), a && a(T.value);
+        v(T.value), H(k(T.value)), a && a(T.value);
       }
     }
   ));
@@ -3546,15 +3546,15 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       linkContent: /* @__PURE__ */ e.createElement("a", { href: t.linkUrl, target: t.linkTarget }, t.label)
     }
   )));
-  let A = null;
-  return n && (n.type === "button" && (A = /* @__PURE__ */ e.createElement(
+  let I = null;
+  return n && (n.type === "button" && (I = /* @__PURE__ */ e.createElement(
     qe,
     {
       variant: "secondary",
       label: n.label,
       onClick: n.buttonAction
     }
-  )), n.type === "link" && (A = /* @__PURE__ */ e.createElement(
+  )), n.type === "link" && (I = /* @__PURE__ */ e.createElement(
     $2,
     {
       variant: "secondary",
@@ -3570,16 +3570,16 @@ const D2 = 500, C1 = 700, Ve = (u) => {
   ))), /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([w, _, g])
+      className: N([w, C, g])
     }, u),
-    /* @__PURE__ */ e.createElement("div", { className: N([C, E]) }, m && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: N([_, E]) }, m && /* @__PURE__ */ e.createElement(
       J2,
       {
-        className: `${C}__status-badge`,
+        className: `${_}__status-badge`,
         label: l[m],
         color: m === "mostPopular" ? "reverse" : "neutral"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${C}__main-content` }, d && /* @__PURE__ */ e.createElement("div", { className: `${C}__plan pds-overline-text` }, d), H, r && /* @__PURE__ */ e.createElement("div", { className: `${C}__description` }, r), z), /* @__PURE__ */ e.createElement("div", { className: `${C}__actions` }, t && x, t && n && A)),
+    ), /* @__PURE__ */ e.createElement("div", { className: `${_}__main-content` }, d && /* @__PURE__ */ e.createElement("div", { className: `${_}__plan pds-overline-text` }, d), M, r && /* @__PURE__ */ e.createElement("div", { className: `${_}__description` }, r), z), /* @__PURE__ */ e.createElement("div", { className: `${_}__actions` }, t && x, t && n && I)),
     s && L
   );
 }, is = (m) => {
@@ -3605,7 +3605,7 @@ const D2 = 500, C1 = 700, Ve = (u) => {
   const u = "pds-site-card";
   let p, $;
   c === "active" && (p = "Active", $ = "success"), c === "frozen" && (p = "Frozen", $ = "frozen");
-  const C = /* @__PURE__ */ e.createElement(
+  const _ = /* @__PURE__ */ e.createElement(
     J2,
     {
       label: p,
@@ -3620,12 +3620,12 @@ const D2 = 500, C1 = 700, Ve = (u) => {
       level: n,
       text: r
     }
-  ), C), /* @__PURE__ */ e.createElement("div", { className: `${u}__plan` }, d))), _ = Me(a) ? Ie(a, ae(y({}, a.props), {
+  ), _), /* @__PURE__ */ e.createElement("div", { className: `${u}__plan` }, d))), C = Me(a) ? Ie(a, ae(y({}, a.props), {
     className: `${u}__link`,
     children: w,
     "aria-label": `${t} ${r} dashboard`
   })) : null;
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([u, l != null ? l : ""]) }, i), _);
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([u, l != null ? l : ""]) }, i), C);
 };
 var Ct = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
 function N1(t) {
@@ -3748,8 +3748,8 @@ var Ot = { exports: {} };
                 return f[b];
               v = /** @type {Record<string, any>} */
               {}, f[b] = v;
-              for (var M in o)
-                o.hasOwnProperty(M) && (v[M] = h(o[M], f));
+              for (var H in o)
+                o.hasOwnProperty(H) && (v[H] = h(o[H], f));
               return (
                 /** @type {any} */
                 v
@@ -3757,8 +3757,8 @@ var Ot = { exports: {} };
             case "Array":
               return b = l.util.objId(o), f[b] ? f[b] : (v = [], f[b] = v, /** @type {Array} */
               /** @type {any} */
-              o.forEach(function(H, L) {
-                v[L] = h(H, f);
+              o.forEach(function(M, L) {
+                v[L] = h(M, f);
               }), /** @type {any} */
               v);
             default:
@@ -3978,28 +3978,28 @@ var Ot = { exports: {} };
         insertBefore: function(h, o, f, v) {
           v = v || /** @type {any} */
           l.languages;
-          var b = v[h], M = {};
-          for (var H in b)
-            if (b.hasOwnProperty(H)) {
-              if (H == o)
+          var b = v[h], H = {};
+          for (var M in b)
+            if (b.hasOwnProperty(M)) {
+              if (M == o)
                 for (var L in f)
-                  f.hasOwnProperty(L) && (M[L] = f[L]);
-              f.hasOwnProperty(H) || (M[H] = b[H]);
+                  f.hasOwnProperty(L) && (H[L] = f[L]);
+              f.hasOwnProperty(M) || (H[M] = b[M]);
             }
           var k = v[h];
-          return v[h] = M, l.languages.DFS(l.languages, function(z, x) {
-            x === k && z != h && (this[z] = M);
-          }), M;
+          return v[h] = H, l.languages.DFS(l.languages, function(z, x) {
+            x === k && z != h && (this[z] = H);
+          }), H;
         },
         // Traverse a language definition with Depth First Search
         DFS: function h(o, f, v, b) {
           b = b || {};
-          var M = l.util.objId;
-          for (var H in o)
-            if (o.hasOwnProperty(H)) {
-              f.call(o, H, o[H], v || H);
-              var L = o[H], k = l.util.type(L);
-              k === "Object" && !b[M(L)] ? (b[M(L)] = !0, h(L, f, null, b)) : k === "Array" && !b[M(L)] && (b[M(L)] = !0, h(L, f, H, b));
+          var H = l.util.objId;
+          for (var M in o)
+            if (o.hasOwnProperty(M)) {
+              f.call(o, M, o[M], v || M);
+              var L = o[M], k = l.util.type(L);
+              k === "Object" && !b[H(L)] ? (b[H(L)] = !0, h(L, f, null, b)) : k === "Array" && !b[H(L)] && (b[H(L)] = !0, h(L, f, M, b));
             }
         }
       },
@@ -4041,8 +4041,8 @@ var Ot = { exports: {} };
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
         l.hooks.run("before-highlightall", v), v.elements = Array.prototype.slice.apply(v.container.querySelectorAll(v.selector)), l.hooks.run("before-all-elements-highlight", v);
-        for (var b = 0, M; M = v.elements[b++]; )
-          l.highlightElement(M, o === !0, v.callback);
+        for (var b = 0, H; H = v.elements[b++]; )
+          l.highlightElement(H, o === !0, v.callback);
       },
       /**
        * Highlights the code inside a single element.
@@ -4075,18 +4075,18 @@ var Ot = { exports: {} };
       highlightElement: function(h, o, f) {
         var v = l.util.getLanguage(h), b = l.languages[v];
         l.util.setLanguage(h, v);
-        var M = h.parentElement;
-        M && M.nodeName.toLowerCase() === "pre" && l.util.setLanguage(M, v);
-        var H = h.textContent, L = {
+        var H = h.parentElement;
+        H && H.nodeName.toLowerCase() === "pre" && l.util.setLanguage(H, v);
+        var M = h.textContent, L = {
           element: h,
           language: v,
           grammar: b,
-          code: H
+          code: M
         };
         function k(x) {
           L.highlightedCode = x, l.hooks.run("before-insert", L), L.element.innerHTML = L.highlightedCode, l.hooks.run("after-highlight", L), l.hooks.run("complete", L), f && f.call(L.element);
         }
-        if (l.hooks.run("before-sanity-check", L), M = L.element.parentElement, M && M.nodeName.toLowerCase() === "pre" && !M.hasAttribute("tabindex") && M.setAttribute("tabindex", "0"), !L.code) {
+        if (l.hooks.run("before-sanity-check", L), H = L.element.parentElement, H && H.nodeName.toLowerCase() === "pre" && !H.hasAttribute("tabindex") && H.setAttribute("tabindex", "0"), !L.code) {
           l.hooks.run("complete", L), f && f.call(L.element);
           return;
         }
@@ -4168,7 +4168,7 @@ var Ot = { exports: {} };
           delete o.rest;
         }
         var b = new u();
-        return p(b, b.head, h), g(h, b, o, b.head, 0), C(b);
+        return p(b, b.head, h), g(h, b, o, b.head, 0), _(b);
       },
       /**
        * @namespace
@@ -4231,65 +4231,65 @@ var Ot = { exports: {} };
         classes: ["token", o.type],
         attributes: {},
         language: f
-      }, M = o.alias;
-      M && (Array.isArray(M) ? Array.prototype.push.apply(b.classes, M) : b.classes.push(M)), l.hooks.run("wrap", b);
-      var H = "";
+      }, H = o.alias;
+      H && (Array.isArray(H) ? Array.prototype.push.apply(b.classes, H) : b.classes.push(H)), l.hooks.run("wrap", b);
+      var M = "";
       for (var L in b.attributes)
-        H += " " + L + '="' + (b.attributes[L] || "").replace(/"/g, "&quot;") + '"';
-      return "<" + b.tag + ' class="' + b.classes.join(" ") + '"' + H + ">" + b.content + "</" + b.tag + ">";
+        M += " " + L + '="' + (b.attributes[L] || "").replace(/"/g, "&quot;") + '"';
+      return "<" + b.tag + ' class="' + b.classes.join(" ") + '"' + M + ">" + b.content + "</" + b.tag + ">";
     };
     function m(h, o, f, v) {
       h.lastIndex = o;
       var b = h.exec(f);
       if (b && v && b[1]) {
-        var M = b[1].length;
-        b.index += M, b[0] = b[0].slice(M);
+        var H = b[1].length;
+        b.index += H, b[0] = b[0].slice(H);
       }
       return b;
     }
-    function g(h, o, f, v, b, M) {
-      for (var H in f)
-        if (!(!f.hasOwnProperty(H) || !f[H])) {
-          var L = f[H];
+    function g(h, o, f, v, b, H) {
+      for (var M in f)
+        if (!(!f.hasOwnProperty(M) || !f[M])) {
+          var L = f[M];
           L = Array.isArray(L) ? L : [L];
           for (var k = 0; k < L.length; ++k) {
-            if (M && M.cause == H + "," + k)
+            if (H && H.cause == M + "," + k)
               return;
-            var z = L[k], x = z.inside, A = !!z.lookbehind, T = !!z.greedy, B = z.alias;
+            var z = L[k], x = z.inside, I = !!z.lookbehind, T = !!z.greedy, B = z.alias;
             if (T && !z.pattern.global) {
               var R = z.pattern.toString().match(/[imsuy]*$/)[0];
               z.pattern = RegExp(z.pattern.source, R + "g");
             }
-            for (var F = z.pattern || z, P = v.next, q = b; P !== o.tail && !(M && q >= M.reach); q += P.value.length, P = P.next) {
+            for (var F = z.pattern || z, P = v.next, q = b; P !== o.tail && !(H && q >= H.reach); q += P.value.length, P = P.next) {
               var X = P.value;
               if (o.length > h.length)
                 return;
               if (!(X instanceof i)) {
                 var se = 1, Q;
                 if (T) {
-                  if (Q = m(F, q, h, A), !Q || Q.index >= h.length)
+                  if (Q = m(F, q, h, I), !Q || Q.index >= h.length)
                     break;
-                  var I = Q.index, J = Q.index + Q[0].length, Y = q;
-                  for (Y += P.value.length; I >= Y; )
+                  var A = Q.index, J = Q.index + Q[0].length, Y = q;
+                  for (Y += P.value.length; A >= Y; )
                     P = P.next, Y += P.value.length;
                   if (Y -= P.value.length, q = Y, P.value instanceof i)
                     continue;
                   for (var Z = P; Z !== o.tail && (Y < J || typeof Z.value == "string"); Z = Z.next)
                     se++, Y += Z.value.length;
                   se--, X = h.slice(q, Y), Q.index -= q;
-                } else if (Q = m(F, 0, X, A), !Q)
+                } else if (Q = m(F, 0, X, I), !Q)
                   continue;
-                var I = Q.index, V = Q[0], S = X.slice(0, I), O = X.slice(I + V.length), j = q + X.length;
-                M && j > M.reach && (M.reach = j);
+                var A = Q.index, V = Q[0], S = X.slice(0, A), O = X.slice(A + V.length), j = q + X.length;
+                H && j > H.reach && (H.reach = j);
                 var ee = P.prev;
                 S && (ee = p(o, ee, S), q += S.length), $(o, ee, se);
-                var ue = new i(H, x ? l.tokenize(V, x) : V, B, V);
+                var ue = new i(M, x ? l.tokenize(V, x) : V, B, V);
                 if (P = p(o, ee, ue), O && p(o, P, O), se > 1) {
                   var de = {
-                    cause: H + "," + k,
+                    cause: M + "," + k,
                     reach: j
                   };
-                  g(h, o, f, P.prev, q, de), M && de.reach > M.reach && (M.reach = de.reach);
+                  g(h, o, f, P.prev, q, de), H && de.reach > H.reach && (H.reach = de.reach);
                 }
               }
             }
@@ -4309,7 +4309,7 @@ var Ot = { exports: {} };
         v = v.next;
       o.next = v, v.prev = o, h.length -= b;
     }
-    function C(h) {
+    function _(h) {
       for (var o = [], f = h.head.next; f !== h.tail; )
         o.push(f.value), f = f.next;
       return o;
@@ -4321,12 +4321,12 @@ var Ot = { exports: {} };
       }, !1)), l;
     var w = l.util.currentScript();
     w && (l.filename = w.src, w.hasAttribute("data-manual") && (l.manual = !0));
-    function _() {
+    function C() {
       l.manual || l.highlightAll();
     }
     if (!l.manual) {
       var E = document.readyState;
-      E === "loading" || E === "interactive" && w && w.defer ? document.addEventListener("DOMContentLoaded", _) : window.requestAnimationFrame ? window.requestAnimationFrame(_) : window.setTimeout(_, 16);
+      E === "loading" || E === "interactive" && w && w.defer ? document.addEventListener("DOMContentLoaded", C) : window.requestAnimationFrame ? window.requestAnimationFrame(C) : window.setTimeout(C, 16);
     }
     return l;
   }(n);
@@ -4550,10 +4550,10 @@ const x1 = /* @__PURE__ */ N1(z1), V1 = {
     "textSize",
     "className"
   ]);
-  const u = "pds-skeleton", p = `${u}--${s}`, $ = n ? `pds-pulse pds-pulse--${t}` : `${u}--${t}`, C = ["text-block", "code-block", "code-block-prefix"], w = a != null && a.height ? typeof a.height == "number" ? `${a.height}rem` : `${_t[`SPACING_${a.height.toUpperCase()}`]}rem` : "1rem", _ = a != null && a.width ? typeof a.width == "number" ? `${a.width}rem` : `${_t[`SPACING_${a.width.toUpperCase()}`]}rem` : "100%";
+  const u = "pds-skeleton", p = `${u}--${s}`, $ = n ? `pds-pulse pds-pulse--${t}` : `${u}--${t}`, _ = ["text-block", "code-block", "code-block-prefix"], w = a != null && a.height ? typeof a.height == "number" ? `${a.height}rem` : `${_t[`SPACING_${a.height.toUpperCase()}`]}rem` : "1rem", C = a != null && a.width ? typeof a.width == "number" ? `${a.width}rem` : `${_t[`SPACING_${a.width.toUpperCase()}`]}rem` : "100%";
   let E = {
     height: w,
-    width: _
+    width: C
   };
   s === "circular" && (E = ae(y({}, E), {
     width: E.height
@@ -4572,15 +4572,15 @@ const x1 = /* @__PURE__ */ N1(z1), V1 = {
   ), v = Math.max(1, Math.min(d, s === "code-block" || s === "code-block-prefix" ? 15 : 5));
   let b = `${Et[`TYPE_SCALE_${c.toUpperCase()}`] * 0.75}rem`;
   (s === "code-block" || s === "code-block-prefix") && (b = `${Et[`TYPE_SCALE_${c.toUpperCase()}`] * 1.25}rem`);
-  const M = `calc(var(--pds-typography-size-${c}) * 0.75)`, H = (x) => {
+  const H = `calc(var(--pds-typography-size-${c}) * 0.75)`, M = (x) => {
     if (s === "text-block") {
       if (r || x === 0)
-        return _;
-      const A = x + 1;
-      return A === 2 ? `calc(${_} * 0.75)` : A % 2 === 1 ? `calc(${_} * 0.85)` : `calc(${_} * 0.75)`;
+        return C;
+      const I = x + 1;
+      return I === 2 ? `calc(${C} * 0.75)` : I % 2 === 1 ? `calc(${C} * 0.85)` : `calc(${C} * 0.75)`;
     }
     if (s === "code-block" || s === "code-block-prefix")
-      return x === v - 1 ? `calc(${_} * 0.80)` : _;
+      return x === v - 1 ? `calc(${C} * 0.80)` : C;
   }, L = () => `var(--pds-typography-size-${c})`, k = (x) => {
     if (!(s === "code-block" || s === "code-block-prefix") || v < 5)
       return 1;
@@ -4603,16 +4603,16 @@ const x1 = /* @__PURE__ */ N1(z1), V1 = {
         // Ensure container takes full width when no width specified
       }
     }, i),
-    Array.from({ length: v }, (x, A) => /* @__PURE__ */ e.createElement(
+    Array.from({ length: v }, (x, I) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        key: A,
+        key: I,
         className: N([`${u}-line`]),
         style: s === "code-block-prefix" ? {
-          gap: M,
-          opacity: k(A)
+          gap: H,
+          opacity: k(I)
         } : {
-          opacity: k(A)
+          opacity: k(I)
         }
       },
       s === "code-block-prefix" && /* @__PURE__ */ e.createElement(
@@ -4634,14 +4634,14 @@ const x1 = /* @__PURE__ */ N1(z1), V1 = {
         {
           className: N([u, $, p]),
           style: {
-            width: s === "code-block-prefix" ? `calc(${H(A)} - ${L()} - ${M})` : H(A),
+            width: s === "code-block-prefix" ? `calc(${M(I)} - ${L()} - ${H})` : M(I),
             height: `var(--pds-typography-size-${c})`
           }
         }
       )
     ))
   );
-  return C.includes(s) ? z : h;
+  return _.includes(s) ? z : h;
 };
 (function(t) {
   var n = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", s = {
@@ -4904,8 +4904,8 @@ const x1 = /* @__PURE__ */ N1(z1), V1 = {
     value: n
   });
 })(Prism);
-const ds = (_) => {
-  var E = _, {
+const ds = (C) => {
+  var E = C, {
     code: t,
     colorType: n = "dark",
     copyButtonLabel: s = "Copy to clipboard",
@@ -4920,7 +4920,7 @@ const ds = (_) => {
     promptSymbol: u = "$",
     renderAsLegacy: p = !1,
     shouldWrap: $ = !1,
-    className: C
+    className: _
   } = E, w = D(E, [
     "code",
     "colorType",
@@ -4940,7 +4940,7 @@ const ds = (_) => {
   ]);
   const h = "pds-code-block", o = `${h}--${n}`, f = $ ? `${h}__line-wrapped` : "", v = {};
   c && (v.height = `${c}rem`), g && (v.maxHeight = `${g}rem`);
-  const b = n === "dark" ? "reverse" : "standard", M = n === "dark" ? V1 : S1, H = ["bash", "diff", "twig"], L = /* @__PURE__ */ e.createElement("div", { className: `${h}__code` }, /* @__PURE__ */ e.createElement(
+  const b = n === "dark" ? "reverse" : "standard", H = n === "dark" ? V1 : S1, M = ["bash", "diff", "twig"], L = /* @__PURE__ */ e.createElement("div", { className: `${h}__code` }, /* @__PURE__ */ e.createElement(
     an,
     {
       className: `${h}__skeleton`,
@@ -4972,7 +4972,7 @@ const ds = (_) => {
     return /* @__PURE__ */ e.createElement(
       "div",
       y({
-        className: N([h, o, C != null ? C : ""]),
+        className: N([h, o, _ != null ? _ : ""]),
         style: v
       }, w),
       l ? L : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("pre", { className: `${h}__code`, tabIndex: 0 }, r || d ? r ? /* @__PURE__ */ e.createElement(e.Fragment, null, z(t)) : /* @__PURE__ */ e.createElement(e.Fragment, null, x(t)) : /* @__PURE__ */ e.createElement(
@@ -4991,11 +4991,11 @@ const ds = (_) => {
       )))
     );
   }
-  const A = /* @__PURE__ */ e.createElement(h2.LineContent, null, /* @__PURE__ */ e.createElement(h2.Token, null)), T = /* @__PURE__ */ e.createElement("div", { className: `${h}__line ${f}` }, /* @__PURE__ */ e.createElement(h2.LineNumber, { className: `${h}__number` }), A), B = /* @__PURE__ */ e.createElement("div", { className: `${h}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__prompt` }, u), A);
+  const I = /* @__PURE__ */ e.createElement(h2.LineContent, null, /* @__PURE__ */ e.createElement(h2.Token, null)), T = /* @__PURE__ */ e.createElement("div", { className: `${h}__line ${f}` }, /* @__PURE__ */ e.createElement(h2.LineNumber, { className: `${h}__number` }), I), B = /* @__PURE__ */ e.createElement("div", { className: `${h}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__prompt` }, u), I);
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([h, o, C != null ? C : ""]),
+      className: N([h, o, _ != null ? _ : ""]),
       style: v
     }, w),
     l ? L : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -5003,10 +5003,10 @@ const ds = (_) => {
       {
         code: t,
         language: i || "",
-        theme: M,
-        prism: H.includes(i) ? x1 : void 0
+        theme: H,
+        prism: M.includes(i) ? x1 : void 0
       },
-      /* @__PURE__ */ e.createElement(h2.Code, { className: `${h}__code`, tabIndex: 0 }, r || d ? r ? T : B : A)
+      /* @__PURE__ */ e.createElement(h2.Code, { className: `${h}__code`, tabIndex: 0 }, r || d ? r ? T : B : I)
     ), a && /* @__PURE__ */ e.createElement("div", { className: `${h}__copy` }, /* @__PURE__ */ e.createElement(
       ht,
       {
@@ -5219,20 +5219,20 @@ const ds = (_) => {
     "imageMarginLeft",
     "className"
   ]);
-  let C = !1;
+  let _ = !1;
   const w = be(ye);
-  w && (C = w.isMobile);
-  const _ = "pds-horizontal-empty-state", E = `${_}--${t}`, h = C ? `${_}--isMobile` : null, o = a ? `${_}--panel` : null, f = l ? `${_}--video` : null, v = {
+  w && (_ = w.isMobile);
+  const C = "pds-horizontal-empty-state", E = `${C}--${t}`, h = _ ? `${C}--isMobile` : null, o = a ? `${C}--panel` : null, f = l ? `${C}--video` : null, v = {
     width: i,
     marginLeft: m
   };
-  typeof c == "string" ? c = /* @__PURE__ */ e.createElement("p", { className: `${_}__message` }, c) : c = /* @__PURE__ */ e.createElement("div", { className: `${_}__message` }, c);
-  const b = l && /* @__PURE__ */ e.createElement("div", { className: `${_}__media` }, /* @__PURE__ */ e.createElement(rn, { platform: l.platform, videoId: l.videoId }));
+  typeof c == "string" ? c = /* @__PURE__ */ e.createElement("p", { className: `${C}__message` }, c) : c = /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, c);
+  const b = l && /* @__PURE__ */ e.createElement("div", { className: `${C}__media` }, /* @__PURE__ */ e.createElement(rn, { platform: l.platform, videoId: l.videoId }));
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: N([
-        _,
+        C,
         E,
         h,
         o,
@@ -5240,18 +5240,18 @@ const ds = (_) => {
         g != null ? g : ""
       ])
     }, u),
-    C && l && b,
-    /* @__PURE__ */ e.createElement("div", { className: `${_}__content` }, /* @__PURE__ */ e.createElement(
+    _ && l && b,
+    /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement(
       Qe,
       {
-        baseClass: _,
+        baseClass: C,
         className: `${a ? "pds-ts-2xl" : "pds-ts-4xl"} pds-fw-bold`,
         level: d
       },
       r
-    ), c && c, n && /* @__PURE__ */ e.createElement("div", { className: `${_}__cta` }, n)),
-    !C && s && !l && /* @__PURE__ */ e.createElement("div", { className: `${_}__media`, style: v }, typeof s == "string" ? /* @__PURE__ */ e.createElement("img", { className: `${_}__image`, src: s, alt: "" }) : s),
-    !C && l && b
+    ), c && c, n && /* @__PURE__ */ e.createElement("div", { className: `${C}__cta` }, n)),
+    !_ && s && !l && /* @__PURE__ */ e.createElement("div", { className: `${C}__media`, style: v }, typeof s == "string" ? /* @__PURE__ */ e.createElement("img", { className: `${C}__image`, src: s, alt: "" }) : s),
+    !_ && l && b
   );
 }, fs = (m) => {
   var g = m, {
@@ -5371,8 +5371,8 @@ const ds = (_) => {
     "className"
   ]);
   const l = "pds-flow-steps", i = `${l}--${t}`, m = n === "horizontal" ? `${l}--horizontal` : "", g = s.map(({ header: u, content: p }, $) => {
-    const C = /* @__PURE__ */ e.createElement("div", { className: `${l}__number` }, /* @__PURE__ */ e.createElement("span", null, $ + 1)), w = /* @__PURE__ */ e.createElement("div", { className: `${l}__header` }, u), _ = p ? /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, p) : null, E = `${l}__step`;
-    return /* @__PURE__ */ e.createElement("li", { key: $, className: E }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, C, /* @__PURE__ */ e.createElement("div", { className: `${l}__content-group` }, w, _)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}__header-group` }, C, w), _));
+    const _ = /* @__PURE__ */ e.createElement("div", { className: `${l}__number` }, /* @__PURE__ */ e.createElement("span", null, $ + 1)), w = /* @__PURE__ */ e.createElement("div", { className: `${l}__header` }, u), C = p ? /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, p) : null, E = `${l}__step`;
+    return /* @__PURE__ */ e.createElement("li", { key: $, className: E }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, _, /* @__PURE__ */ e.createElement("div", { className: `${l}__content-group` }, w, C)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}__header-group` }, _, w), C));
   });
   return /* @__PURE__ */ e.createElement(
     "ol",
@@ -5447,17 +5447,17 @@ const ds = (_) => {
     "legalLinks",
     "className"
   ]);
-  const i = "pds-site-footer", m = s ? `${i}--border` : null, g = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", u = (/* @__PURE__ */ new Date()).getFullYear(), p = a.includes("privacy"), $ = a.includes("dataSubjectRequest"), C = a.includes("cookiePolicy"), w = a.includes("termsOfUse"), _ = a.includes("acceptableUse"), E = a.includes("accessibilityStatement");
+  const i = "pds-site-footer", m = s ? `${i}--border` : null, g = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", u = (/* @__PURE__ */ new Date()).getFullYear(), p = a.includes("privacy"), $ = a.includes("dataSubjectRequest"), _ = a.includes("cookiePolicy"), w = a.includes("termsOfUse"), C = a.includes("acceptableUse"), E = a.includes("accessibilityStatement");
   return /* @__PURE__ */ e.createElement(
     "footer",
     y({
       className: N([i, m, r != null ? r : ""])
     }, d),
-    /* @__PURE__ */ e.createElement("div", { className: g }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${i}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__copyright` }, "© ", u, " Pantheon Systems, Inc."), p && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), $ && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), C && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), w && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
+    /* @__PURE__ */ e.createElement("div", { className: g }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${i}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__copyright` }, "© ", u, " Pantheon Systems, Inc."), p && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), $ && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), w && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), C && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
   );
 }, dn = Ue(
-  (M, b) => {
-    var H = M, {
+  (H, b) => {
+    var M = H, {
       checked: t,
       defaultChecked: n,
       disabled: s,
@@ -5472,14 +5472,14 @@ const ds = (_) => {
       onBlur: u,
       onChange: p,
       onFocus: $,
-      required: C,
+      required: _,
       showLabel: w = !0,
-      size: _ = "M",
+      size: C = "M",
       validationMessage: E,
       validationStatus: h,
       value: o,
       className: f
-    } = H, v = D(H, [
+    } = M, v = D(M, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -5502,11 +5502,11 @@ const ds = (_) => {
       "value",
       "className"
     ]);
-    const L = c ? { width: `${c / 16}rem` } : null, k = "pds-checkbox", z = s ? te.disabled : null, x = h === "error" ? te.error : null, A = g > 0 ? `${k}--indent-${g}` : null, T = C && !s ? te.required : null, B = _ === "S" ? `${k}--sm` : null, R = h === "success" ? te.success : null, F = E || i, P = typeof t != "undefined", q = typeof n != "undefined", [X, se] = K(
+    const L = c ? { width: `${c / 16}rem` } : null, k = "pds-checkbox", z = s ? te.disabled : null, x = h === "error" ? te.error : null, I = g > 0 ? `${k}--indent-${g}` : null, T = _ && !s ? te.required : null, B = C === "S" ? `${k}--sm` : null, R = h === "success" ? te.success : null, F = E || i, P = typeof t != "undefined", q = typeof n != "undefined", [X, se] = K(
       q ? n : !1
     ), Q = t || X, J = (S) => {
       P || se(S.target.checked), p && p(S);
-    }, Y = `${k}__box`, Z = r ? null : Q ? `${Y}--checked` : null, I = r ? `${Y}--indeterminate` : null, V = K2(() => {
+    }, Y = `${k}__box`, Z = r ? null : Q ? `${Y}--checked` : null, A = r ? `${Y}--indeterminate` : null, V = K2(() => {
       if (r)
         return /* @__PURE__ */ e.createElement(
           G,
@@ -5536,7 +5536,7 @@ const ds = (_) => {
           x,
           R,
           B,
-          A,
+          I,
           f != null ? f : ""
         ].join(" ").trim().replace(/\s+/g, " "),
         style: c ? L : null
@@ -5552,7 +5552,7 @@ const ds = (_) => {
           "aria-checked": r ? "mixed" : Q ? "true" : "false"
         }, o ? { value: o } : {}), {
           disabled: s,
-          required: C,
+          required: _,
           onBlur: u,
           onChange: J,
           onFocus: $,
@@ -5565,7 +5565,7 @@ const ds = (_) => {
           className: N([
             Y,
             Z,
-            I
+            A
           ])
         },
         /* @__PURE__ */ e.createElement(V, null)
@@ -5579,7 +5579,7 @@ const ds = (_) => {
         },
         l,
         " ",
-        C && !s && /* @__PURE__ */ e.createElement(St, null)
+        _ && !s && /* @__PURE__ */ e.createElement(St, null)
       ))),
       F && /* @__PURE__ */ e.createElement(
         Pe,
@@ -5593,8 +5593,8 @@ const ds = (_) => {
       )
     );
   }
-), vs = (C) => {
-  var w = C, {
+), vs = (_) => {
+  var w = _, {
     children: t,
     disabled: n = !1,
     fieldsetProps: s,
@@ -5623,7 +5623,7 @@ const ds = (_) => {
     "validationStatus",
     "className"
   ]);
-  const _ = r ? { width: `${r / 16}rem` } : null, E = "pds-checkbox-group", h = n ? te.disabled : null, o = l && !n ? te.required : null, f = u === "error" ? te.error : null, v = u === "success" ? te.success : null, b = g || c;
+  const C = r ? { width: `${r / 16}rem` } : null, E = "pds-checkbox-group", h = n ? te.disabled : null, o = l && !n ? te.required : null, f = u === "error" ? te.error : null, v = u === "success" ? te.success : null, b = g || c;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -5635,7 +5635,7 @@ const ds = (_) => {
         v,
         p != null ? p : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: r ? _ : null
+      style: r ? C : null
     }, $),
     /* @__PURE__ */ e.createElement("fieldset", y({ className: `${E}__fieldset`, id: a }, s), /* @__PURE__ */ e.createElement(
       Be,
@@ -5660,8 +5660,8 @@ const ds = (_) => {
       }
     )
   );
-}, $s = (_) => {
-  var E = _, {
+}, $s = (C) => {
+  var E = C, {
     disabled: t = !1,
     fieldsetProps: n,
     id: s,
@@ -5676,7 +5676,7 @@ const ds = (_) => {
     tooltipText: u = null,
     validationMessage: p,
     validationStatus: $,
-    className: C
+    className: _
   } = E, w = D(E, [
     "disabled",
     "fieldsetProps",
@@ -5694,7 +5694,7 @@ const ds = (_) => {
     "validationStatus",
     "className"
   ]);
-  const h = a ? { width: `${a / 16}rem` } : null, o = "pds-checkbox-group", f = t ? te.disabled : null, v = m && !t ? te.required : null, b = $ === "error" ? te.error : null, M = $ === "success" ? te.success : null, H = p || d;
+  const h = a ? { width: `${a / 16}rem` } : null, o = "pds-checkbox-group", f = t ? te.disabled : null, v = m && !t ? te.required : null, b = $ === "error" ? te.error : null, H = $ === "success" ? te.success : null, M = p || d;
   i.map((T) => {
     T.id || (T.id = T.value);
   });
@@ -5709,7 +5709,7 @@ const ds = (_) => {
   i.map((T) => {
     k.includes(T.value) ? T.checked = !0 : T.checked = !1;
   });
-  const A = () => {
+  const I = () => {
     c && setTimeout(() => {
       i.some((T) => T.id === document.activeElement.id) || c(k);
     }, 1500);
@@ -5722,8 +5722,8 @@ const ds = (_) => {
         f,
         v,
         b,
-        M,
-        C != null ? C : ""
+        H,
+        _ != null ? _ : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: a ? h : null
     }, w),
@@ -5750,14 +5750,14 @@ const ds = (_) => {
         disabled: T.disabled || t,
         className: `${o}__checkbox`,
         onChange: x,
-        onBlur: A
+        onBlur: I
       }
     )))),
-    H && /* @__PURE__ */ e.createElement(
+    M && /* @__PURE__ */ e.createElement(
       Pe,
       {
         id: s,
-        message: H,
+        message: M,
         hasValidationMessage: !!p,
         validationMessageHasDecorators: !0,
         validationStatus: $
@@ -5765,7 +5765,7 @@ const ds = (_) => {
     )
   );
 }, mn = Ue(
-  (T, A) => {
+  (T, I) => {
     var B = T, {
       defaultValue: t,
       disabled: n = !1,
@@ -5786,17 +5786,17 @@ const ds = (_) => {
       loadingText: u = "Loading results...",
       message: p,
       noResultsText: $ = "No results found",
-      onChange: C,
+      onChange: _,
       onBlur: w,
-      onClear: _,
+      onClear: C,
       onFocus: E,
       onOptionSelect: h,
       options: o,
       placeholder: f,
       required: v = !1,
       showLabel: b = !0,
-      tooltipText: M = null,
-      value: H,
+      tooltipText: H = null,
+      value: M,
       validationMessage: L,
       validationStatus: k,
       className: z
@@ -5833,12 +5833,12 @@ const ds = (_) => {
     const R = Je(l), F = "pds-combobox", P = n ? te.disabled : null, q = v && !n ? te.required : null, X = k === "error" ? te.error : null, se = k === "success" ? te.success : null;
     let Q = null;
     r && (Q = "search"), k === "error" && (Q = "error"), k === "success" && (Q = "success");
-    const J = L || p, Y = typeof H != "undefined", Z = typeof t != "undefined", I = (U) => {
+    const J = L || p, Y = typeof M != "undefined", Z = typeof t != "undefined", A = (U) => {
       const ne = o.find((ie) => ie.value === U);
       return ne ? ne.label : "";
     }, [V, S] = K(!1), [O, j] = K(null), [ee, ue] = K(
-      Z ? I(t) : ""
-    ), [de, Ce] = K([]), _e = Y ? H : ee, re = oe([]), { context: he, refs: pe } = Ae({
+      Z ? A(t) : ""
+    ), [de, Ce] = K([]), _e = Y ? M : ee, re = oe([]), { context: he, refs: pe } = Ae({
       open: V,
       onOpenChange: S,
       whileElementsMounted: Fe
@@ -5867,10 +5867,10 @@ const ds = (_) => {
       S(!V);
     }, n2 = () => {
       var U;
-      !Y && ue(""), j(null), S(!0), (U = pe.domReference.current) == null || U.focus(), _ && _();
+      !Y && ue(""), j(null), S(!0), (U = pe.domReference.current) == null || U.focus(), C && C();
     }, $e = (U) => {
       let ne = U.target.value;
-      C && C(U), Y || (ne.length > 0 && (ne = ne.trimStart()), ue(ne)), ne ? (j(null), S(!0)) : S(!1);
+      _ && _(U), Y || (ne.length > 0 && (ne = ne.trimStart()), ue(ne)), ne ? (j(null), S(!0)) : S(!1);
     }, He = (U) => {
       w && w(U);
     }, ve = (U) => {
@@ -5941,7 +5941,7 @@ const ds = (_) => {
           id: c,
           label: m,
           showLabel: b,
-          tooltipText: M,
+          tooltipText: H,
           required: v,
           disabled: n
         }
@@ -5950,7 +5950,7 @@ const ds = (_) => {
         "span",
         {
           className: `${F}__input-wrapper`,
-          ref: A,
+          ref: I,
           id: c,
           "aria-disabled": n ? !0 : null,
           "aria-required": v ? !0 : null,
@@ -6049,8 +6049,8 @@ const ds = (_) => {
       (d) => d.id === r.id
     )
   }));
-}, bs = (_) => {
-  var E = _, {
+}, bs = (C) => {
+  var E = C, {
     disabled: t = !1,
     id: n,
     initialSelectedItems: s = [],
@@ -6068,7 +6068,7 @@ const ds = (_) => {
     placeholder: u = "Filter",
     required: p = !1,
     showLabel: $ = !0,
-    className: C
+    className: _
   } = E, w = D(E, [
     "disabled",
     "id",
@@ -6086,15 +6086,15 @@ const ds = (_) => {
     "showLabel",
     "className"
   ]);
-  const h = Je(a), o = "pds-combobox-multi", f = t ? te.disabled : null, v = p && !t ? te.required : null, [b, M] = K(""), [H, L] = K(s), [k, z] = K(
+  const h = Je(a), o = "pds-combobox-multi", f = t ? te.disabled : null, v = p && !t ? te.required : null, [b, H] = K(""), [M, L] = K(s), [k, z] = K(
     null
   ), x = kt(
-    () => un(g, H, b),
-    [g, H, b]
-  ), A = (S) => {
+    () => un(g, M, b),
+    [g, M, b]
+  ), I = (S) => {
     L(S), m == null || m(S);
   }, { getSelectedItemProps: T, getDropdownProps: B, removeSelectedItem: R } = f2({
-    selectedItems: H,
+    selectedItems: M,
     onStateChange: ({ selectedItems: S, type: O }) => {
       if (!t)
         switch (O) {
@@ -6102,7 +6102,7 @@ const ds = (_) => {
           case f2.stateChangeTypes.SelectedItemKeyDownDelete:
           case f2.stateChangeTypes.DropdownKeyDownBackspace:
           case f2.stateChangeTypes.FunctionRemoveSelectedItem:
-            A(S || []);
+            I(S || []);
             break;
         }
     }
@@ -6142,35 +6142,35 @@ const ds = (_) => {
           case l2.stateChangeTypes.InputKeyDownEnter:
           case l2.stateChangeTypes.ItemClick:
           case l2.stateChangeTypes.InputBlur:
-            j && (j.isAlreadySelected ? A(
-              H.filter((ee) => ee.id !== j.id)
-            ) : A([...H, j]), M(""), z(null));
+            j && (j.isAlreadySelected ? I(
+              M.filter((ee) => ee.id !== j.id)
+            ) : I([...M, j]), H(""), z(null));
             break;
           case l2.stateChangeTypes.InputChange:
-            M(S || ""), z(null);
+            H(S || ""), z(null);
             break;
         }
     }
   }), Y = () => {
     if (k === null)
-      z(H.length - 1);
+      z(M.length - 1);
     else {
-      const S = [...H];
-      S.splice(k, 1), A(S), z(null);
+      const S = [...M];
+      S.splice(k, 1), I(S), z(null);
     }
   }, Z = (S) => {
     var O, j;
-    if (!t && ((S.key === "Backspace" || S.key === "Delete") && !b && H.length > 0 && (S.preventDefault(), Y()), S.key === "Enter" && k !== null && (S.preventDefault(), Y()), S.key === "ArrowDown" && !F)) {
+    if (!t && ((S.key === "Backspace" || S.key === "Delete") && !b && M.length > 0 && (S.preventDefault(), Y()), S.key === "Enter" && k !== null && (S.preventDefault(), Y()), S.key === "ArrowDown" && !F)) {
       S.preventDefault();
       const ee = S.nativeEvent;
       (j = (O = X()).onClick) == null || j.call(O, ee);
     }
-  }, I = Q(ae(y({}, B({
+  }, A = Q(ae(y({}, B({
     preventKeyAction: F
   })), {
     disabled: t,
     onKeyDown: Z
-  })), V = H.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-item` }, H.length - 1) : H.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-item` }, H.length - 1)) : H.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-item` }, H.length - 1)) : "";
+  })), V = M.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-item` }, M.length - 1) : M.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-item` }, M.length - 1)) : M.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-item` }, M.length - 1)) : "";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -6179,7 +6179,7 @@ const ds = (_) => {
         o,
         f,
         v,
-        C != null ? C : ""
+        _ != null ? _ : ""
       ]),
       style: a ? h : null
     }, w),
@@ -6202,8 +6202,8 @@ const ds = (_) => {
         tabIndex: 0,
         onKeyDown: Z
       },
-      H.length > 1 && /* @__PURE__ */ e.createElement("div", { className: `${o}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-wrapper` }, V)),
-      H.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${o}__items-wrapper` }, H.map((S, O) => /* @__PURE__ */ e.createElement(
+      M.length > 1 && /* @__PURE__ */ e.createElement("div", { className: `${o}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__counter-wrapper` }, V)),
+      M.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${o}__items-wrapper` }, M.map((S, O) => /* @__PURE__ */ e.createElement(
         "span",
         y({
           className: `
@@ -6250,7 +6250,7 @@ const ds = (_) => {
           placeholder: u,
           className: `${o}__dropdown-input`,
           "aria-label": c.inputInstructions
-        }, I), {
+        }, A), {
           onClick: (S) => {
             S.stopPropagation();
           }
@@ -6295,9 +6295,9 @@ const ds = (_) => {
       onFileChange: u,
       required: p = !1,
       showFullPath: $,
-      showLabel: C = !0,
+      showLabel: _ = !0,
       tooltipText: w = null,
-      validationMessage: _,
+      validationMessage: C,
       validationStatus: E,
       className: h
     } = b, o = D(b, [
@@ -6321,19 +6321,19 @@ const ds = (_) => {
       "validationStatus",
       "className"
     ]);
-    const [M, H] = K(!1), [L, k] = K(
+    const [H, M] = K(!1), [L, k] = K(
       !!(L2 && n)
-    ), z = Je(c), x = "pds-file-upload", A = s ? te.disabled : null, T = p && !s ? te.required : null, B = E === "error" ? te.error : null, R = E === "success" ? te.success : null, F = L ? `${x}--safari-default` : null;
+    ), z = Je(c), x = "pds-file-upload", I = s ? te.disabled : null, T = p && !s ? te.required : null, B = E === "error" ? te.error : null, R = E === "success" ? te.success : null, F = L ? `${x}--safari-default` : null;
     let P = null;
     E === "error" && (P = "error"), E === "success" && (P = "success");
-    const q = _ || i, X = n ? [n] : null, se = n ? n.split("/").pop() : null, Q = $ ? n : se, J = n ? new File(X, Q) : null;
+    const q = C || i, X = n ? [n] : null, se = n ? n.split("/").pop() : null, Q = $ ? n : se, J = n ? new File(X, Q) : null;
     ce(() => {
       const V = new DataTransfer();
       if (J && V.items.add(J), V.files.length > 0) {
         const S = document.getElementById(
           `${r}--input`
         );
-        S.files = V.files, L2 && (S.dataset.file = `${Q}`), H(!0);
+        S.files = V.files, L2 && (S.dataset.file = `${Q}`), M(!0);
       }
     }, [n, $]);
     const Y = () => {
@@ -6342,18 +6342,18 @@ const ds = (_) => {
       );
       if (!V || !n) return;
       const S = new DataTransfer();
-      S.items.add(J), V.files = S.files, H(!0);
+      S.items.add(J), V.files = S.files, M(!0);
     }, Z = (V) => {
       if (V.target.files.length === 0) {
-        n ? Y() : H(!1);
+        n ? Y() : M(!1);
         return;
       }
-      L2 && n && (n === V.target.value ? k(!0) : k(!1)), u && u(V.target.files), H(!0);
-    }, I = () => {
+      L2 && n && (n === V.target.value ? k(!0) : k(!1)), u && u(V.target.files), M(!0);
+    }, A = () => {
       const V = document.getElementById(
         `${r}--input`
       );
-      V.value = "", L2 && k(!1), g && g(), H(!1), V.focus();
+      V.value = "", L2 && k(!1), g && g(), M(!1), V.focus();
     };
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -6362,7 +6362,7 @@ const ds = (_) => {
           te.base,
           x,
           F,
-          A,
+          I,
           T,
           B,
           R,
@@ -6376,7 +6376,7 @@ const ds = (_) => {
           id: r,
           isPseudoLabel: !0,
           label: a,
-          showLabel: C,
+          showLabel: _,
           tooltipText: w,
           required: p,
           disabled: s
@@ -6386,7 +6386,7 @@ const ds = (_) => {
         "label",
         {
           htmlFor: `${r}--input`,
-          className: M ? "visually-hidden" : `${x}__input-label`
+          className: H ? "visually-hidden" : `${x}__input-label`
         },
         /* @__PURE__ */ e.createElement(G, { iconName: "paperclip", iconSize: "sm" }),
         l.chooseFile
@@ -6405,12 +6405,12 @@ const ds = (_) => {
           "aria-invalid": E === "error" ? !0 : null,
           "aria-describedby": q ? `${r}__message` : null
         }, d)
-      ), M && /* @__PURE__ */ e.createElement(
+      ), H && /* @__PURE__ */ e.createElement(
         tt,
         {
           id: r,
           clearLabel: l.clearButton,
-          handleClearInput: I
+          handleClearInput: A
         }
       )),
       q && /* @__PURE__ */ e.createElement(
@@ -6418,7 +6418,7 @@ const ds = (_) => {
         {
           id: r,
           message: q,
-          hasValidationMessage: !!_,
+          hasValidationMessage: !!C,
           validationMessageHasDecorators: !1,
           validationStatus: E
         }
@@ -6433,8 +6433,8 @@ const ds = (_) => {
     "children",
     "className"
   ]);
-  var $, C, w, _;
-  const d = "pds-input-group", c = [t[0], t[1]], l = ($ = t[0].props.id) != null ? $ : null, i = (C = t[0].props.message) != null ? C : null, m = (w = t[0].props.validationMessage) != null ? w : null, g = (_ = t[0].props.validationStatus) != null ? _ : null, u = m || i, p = u ? `${d}--has-message` : null;
+  var $, _, w, C;
+  const d = "pds-input-group", c = [t[0], t[1]], l = ($ = t[0].props.id) != null ? $ : null, i = (_ = t[0].props.message) != null ? _ : null, m = (w = t[0].props.validationMessage) != null ? w : null, g = (C = t[0].props.validationStatus) != null ? C : null, u = m || i, p = u ? `${d}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -6469,9 +6469,9 @@ const ds = (_) => {
     required: u = !1,
     showLabel: p = !0,
     tooltipText: $ = null,
-    validationMessage: C,
+    validationMessage: _,
     validationStatus: w,
-    value: _,
+    value: C,
     className: E
   } = f, h = D(f, [
     "defaultValue",
@@ -6493,10 +6493,10 @@ const ds = (_) => {
     "value",
     "className"
   ]);
-  const v = "pds-radio-group", b = n ? te.disabled : null, M = u && !n ? te.required : null, H = w === "error" ? te.error : null, L = w === "success" ? te.success : null, k = typeof _ != "undefined", z = typeof t != "undefined", [x, A] = K(
+  const v = "pds-radio-group", b = n ? te.disabled : null, H = u && !n ? te.required : null, M = w === "error" ? te.error : null, L = w === "success" ? te.success : null, k = typeof C != "undefined", z = typeof t != "undefined", [x, I] = K(
     z ? t : ""
-  ), T = C || c, B = (F) => {
-    k || A(F.target.value), i && i(F), m && m(F.target.value);
+  ), T = _ || c, B = (F) => {
+    k || I(F.target.value), i && i(F), m && m(F.target.value);
   }, R = (F) => {
     l && l(F);
   };
@@ -6506,8 +6506,8 @@ const ds = (_) => {
       className: N([
         v,
         b,
-        M,
         H,
+        M,
         L,
         E != null ? E : ""
       ]),
@@ -6541,7 +6541,7 @@ const ds = (_) => {
           disabled: n || F.disabled,
           onBlur: R,
           onChange: B,
-          checked: k ? _ === F.value : x === F.value
+          checked: k ? C === F.value : x === F.value
         }
       ),
       /* @__PURE__ */ e.createElement("label", { htmlFor: F.id ? F.id : `${a}-option-${P}` }, F.label)
@@ -6551,7 +6551,7 @@ const ds = (_) => {
       {
         id: a,
         message: T,
-        hasValidationMessage: !!C,
+        hasValidationMessage: !!_,
         validationMessageHasDecorators: !0,
         validationStatus: w
       }
@@ -6598,9 +6598,9 @@ const ds = (_) => {
       onLabel: u = "On",
       required: p = !1,
       showLabel: $ = !0,
-      showStatusLabel: C = !0,
+      showStatusLabel: _ = !0,
       className: w
-    } = o, _ = D(o, [
+    } = o, C = D(o, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -6618,8 +6618,8 @@ const ds = (_) => {
       "showStatusLabel",
       "className"
     ]);
-    const f = Je(d), v = "pds-switch", b = s ? te.disabled : null, M = p && !s ? te.required : null, H = typeof t != "undefined", L = l == "below", k = l == "right", z = !H && n ? n : !1, [x, A] = K(z), T = t || x ? u : m, B = (se) => {
-      H || A(se.target.checked), g && g(se);
+    const f = Je(d), v = "pds-switch", b = s ? te.disabled : null, H = p && !s ? te.required : null, M = typeof t != "undefined", L = l == "below", k = l == "right", z = !M && n ? n : !1, [x, I] = K(z), T = t || x ? u : m, B = (se) => {
+      M || I(se.target.checked), g && g(se);
     }, R = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
       y({
@@ -6635,7 +6635,7 @@ const ds = (_) => {
         checked: t !== void 0 ? t : x,
         "aria-describedby": i ? `${a}__message` : null
       }, r)
-    ), !C && /* @__PURE__ */ e.createElement(hn, { toggleStatusLabel: T }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), C && /* @__PURE__ */ e.createElement(pn, { toggleStatusLabel: T, id: a })), F = /* @__PURE__ */ e.createElement(
+    ), !_ && /* @__PURE__ */ e.createElement(hn, { toggleStatusLabel: T }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), _ && /* @__PURE__ */ e.createElement(pn, { toggleStatusLabel: T, id: a })), F = /* @__PURE__ */ e.createElement(
       Be,
       {
         id: a,
@@ -6676,17 +6676,17 @@ const ds = (_) => {
           te.base,
           v,
           b,
-          M,
+          H,
           X,
           w
         ]),
         style: d ? f : null
-      }, _),
+      }, C),
       q
     );
   }
 ), Ms = Ue(
-  (L, H) => {
+  (L, M) => {
     var k = L, {
       counterMaxLength: t,
       defaultValue: n,
@@ -6702,9 +6702,9 @@ const ds = (_) => {
       placeholder: u,
       readonly: p = !1,
       required: $ = !1,
-      rows: C = 5,
+      rows: _ = 5,
       showLabel: w,
-      textareaProps: _,
+      textareaProps: C,
       tooltipText: E = null,
       translationStrings: h = {
         clearButton: "Clear input text",
@@ -6718,7 +6718,7 @@ const ds = (_) => {
       validationStatus: f,
       value: v,
       className: b
-    } = k, M = D(k, [
+    } = k, H = D(k, [
       "counterMaxLength",
       "defaultValue",
       "disabled",
@@ -6743,11 +6743,11 @@ const ds = (_) => {
       "value",
       "className"
     ]);
-    const z = Je(r), x = "pds-textarea", A = d ? "pds-is-resizable" : null, T = s ? te.disabled : null, B = $ && !s ? te.required : null, R = f === "error" ? te.error : null, F = f === "success" ? te.success : null, P = p ? te.readonly : null, q = o || l, X = v != null && m !== void 0, se = typeof n != "undefined", [Q, J] = K(
+    const z = Je(r), x = "pds-textarea", I = d ? "pds-is-resizable" : null, T = s ? te.disabled : null, B = $ && !s ? te.required : null, R = f === "error" ? te.error : null, F = f === "success" ? te.success : null, P = p ? te.readonly : null, q = o || l, X = v != null && m !== void 0, se = typeof n != "undefined", [Q, J] = K(
       se ? n : ""
     ), Y = v || Q, Z = (V) => {
       X || J(V.target.value), m && m(V);
-    }, I = (V) => {
+    }, A = (V) => {
       i && i(V);
     };
     return /* @__PURE__ */ e.createElement(
@@ -6764,7 +6764,7 @@ const ds = (_) => {
           b != null ? b : ""
         ]),
         style: r ? z : null
-      }, M),
+      }, H),
       /* @__PURE__ */ e.createElement("div", { className: `${x}__inputlabel-wrapper` }, /* @__PURE__ */ e.createElement(
         Be,
         {
@@ -6788,8 +6788,8 @@ const ds = (_) => {
       /* @__PURE__ */ e.createElement("div", { className: `${x}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "textarea",
         y({
-          ref: H,
-          className: N([`${x}--textarea`, A]),
+          ref: M,
+          className: N([`${x}--textarea`, I]),
           id: a,
           name: a,
           placeholder: u,
@@ -6797,13 +6797,13 @@ const ds = (_) => {
           readOnly: p,
           disabled: s,
           value: X ? v : Q,
-          rows: C,
+          rows: _,
           onChange: Z,
-          onBlur: I,
+          onBlur: A,
           onFocus: g,
           "aria-invalid": f === "error",
           "aria-describedby": q ? `${a}__message` : null
-        }, _)
+        }, C)
       )),
       q && /* @__PURE__ */ e.createElement(
         Pe,
@@ -6834,16 +6834,16 @@ const ds = (_) => {
       message: u,
       onBlur: p,
       onChange: $,
-      onClear: C,
+      onClear: _,
       onFocus: w,
-      placeholder: _,
+      placeholder: C,
       readonly: E = !1,
       required: h = !1,
       searchIcon: o = "search",
       showLabel: f = !0,
       showVisibilityToggle: v = !1,
       tooltipText: b = null,
-      translationStrings: M = {
+      translationStrings: H = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
         searchShortcut: "Press / to focus the search field",
@@ -6851,12 +6851,12 @@ const ds = (_) => {
         visibilityToggleHide: "Hide input value",
         visibilityToggleShow: "Show input value"
       },
-      type: H = "text",
+      type: M = "text",
       validationMessage: L,
       validationStatus: k,
       value: z,
       className: x
-    } = R, A = D(R, [
+    } = R, I = D(R, [
       "autoComplete",
       "counterMaxLength",
       "defaultValue",
@@ -6887,13 +6887,13 @@ const ds = (_) => {
       "value",
       "className"
     ]);
-    const F = Je(m), P = "pds-text-input", q = a ? te.disabled : null, X = h && !a ? te.required : null, se = k === "error" ? te.error : null, Q = k === "success" ? te.success : null, J = E ? te.readonly : null, Y = c && H === "url" ? `${P}--has-url-prefix` : null;
+    const F = Je(m), P = "pds-text-input", q = a ? te.disabled : null, X = h && !a ? te.required : null, se = k === "error" ? te.error : null, Q = k === "success" ? te.success : null, J = E ? te.readonly : null, Y = c && M === "url" ? `${P}--has-url-prefix` : null;
     let Z = null;
-    H === "search" && (Z = "search"), H === "search" && o === "filter" && (Z = "filter"), k === "error" && (Z = "error"), k === "success" && (Z = "success");
-    const I = L || u, V = typeof z != "undefined", S = typeof s != "undefined", [O, j] = K(
+    M === "search" && (Z = "search"), M === "search" && o === "filter" && (Z = "filter"), k === "error" && (Z = "error"), k === "success" && (Z = "success");
+    const A = L || u, V = typeof z != "undefined", S = typeof s != "undefined", [O, j] = K(
       S ? s : ""
     ), ee = z || O, ue = (me) => {
-      if (v && _e && re(!1), c && H === "url") {
+      if (v && _e && re(!1), c && M === "url") {
         const Le = ut(me.target.value), Se = ae(y({}, me), {
           target: ae(y({}, me.target), {
             value: Le
@@ -6902,7 +6902,7 @@ const ds = (_) => {
         p && p(Se);
       } else p && p(me);
     }, de = (me) => {
-      if (c && H === "url") {
+      if (c && M === "url") {
         const Le = ut(me.target.value), Se = ae(y({}, me), {
           target: ae(y({}, me.target), {
             value: Le
@@ -6912,7 +6912,7 @@ const ds = (_) => {
       } else
         V || j(me.target.value), $ && $(me);
     }, Ce = () => {
-      V || j(""), C && C();
+      V || j(""), _ && _();
       const me = document.getElementById(l);
       me && me.focus();
     }, [_e, re] = K(!1), he = () => {
@@ -6920,8 +6920,8 @@ const ds = (_) => {
       const me = document.getElementById(l);
       me && me.focus();
     };
-    let pe = H;
-    return v && H === "password" && (_e ? pe = "text" : pe = "password"), /* @__PURE__ */ e.createElement(
+    let pe = M;
+    return v && M === "password" && (_e ? pe = "text" : pe = "password"), /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: N([
@@ -6936,7 +6936,7 @@ const ds = (_) => {
           x != null ? x : ""
         ]),
         style: m ? F : null
-      }, A),
+      }, I),
       /* @__PURE__ */ e.createElement(
         Be,
         {
@@ -6948,77 +6948,77 @@ const ds = (_) => {
           tooltipText: b
         }
       ),
-      v && H === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${M.visibilityStatus} ${_e ? "visible" : "hidden"}.`),
+      v && M === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${H.visibilityStatus} ${_e ? "visible" : "hidden"}.`),
       /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: `${P}__input-wrapper ${c && H === "url" ? `${P}__input-wrapper--has-prefix` : ""}`
+          className: `${P}__input-wrapper ${c && M === "url" ? `${P}__input-wrapper--has-prefix` : ""}`
         },
         Z && /* @__PURE__ */ e.createElement(u2, { variant: Z }),
-        c && H === "url" && /* @__PURE__ */ e.createElement(fn, null),
+        c && M === "url" && /* @__PURE__ */ e.createElement(fn, null),
         /* @__PURE__ */ e.createElement(
           "input",
           y({
             ref: T,
-            className: `${P}__input ${c && H === "url" ? `${P}__input--has-prefix` : ""}`,
+            className: `${P}__input ${c && M === "url" ? `${P}__input--has-prefix` : ""}`,
             id: l,
             name: l,
             type: pe,
             value: V ? z : O,
-            placeholder: _,
+            placeholder: C,
             readOnly: E,
             disabled: a,
             required: h,
-            autoComplete: H === "password" ? "off" : t,
+            autoComplete: M === "password" ? "off" : t,
             onBlur: ue,
             onChange: de,
             onFocus: w,
             "aria-invalid": k === "error" ? !0 : null,
-            "aria-describedby": I ? `${l}__message` : null
+            "aria-describedby": A ? `${l}__message` : null
           }, i)
         ),
         r && ee && /* @__PURE__ */ e.createElement(
           tt,
           {
             id: l,
-            clearLabel: M.clearButton,
+            clearLabel: H.clearButton,
             handleClearInput: Ce
           }
         ),
-        v && H === "password" && /* @__PURE__ */ e.createElement(
+        v && M === "password" && /* @__PURE__ */ e.createElement(
           "button",
           {
             type: "button",
             className: `${P}__visibility-toggle`,
-            title: _e ? M.visibilityToggleHide : M.visibilityToggleShow,
+            title: _e ? H.visibilityToggleHide : H.visibilityToggleShow,
             "aria-controls": l,
             onClick: he,
             onMouseDown: (me) => me.preventDefault()
           },
           /* @__PURE__ */ e.createElement(G, { iconName: _e ? "eyeSlash" : "eye", iconSize: "md" })
         ),
-        d && H === "search" && !ee && /* @__PURE__ */ e.createElement(
+        d && M === "search" && !ee && /* @__PURE__ */ e.createElement(
           It,
           {
             inputId: l,
-            shortcutLabel: M.searchShortcut
+            shortcutLabel: H.searchShortcut
           }
         ),
-        n && H !== "password" && /* @__PURE__ */ e.createElement(
+        n && M !== "password" && /* @__PURE__ */ e.createElement(
           At,
           {
             id: l,
             currentLength: ee.length,
             maxLength: n,
-            overLimitMessage: M.counterOverLimit
+            overLimitMessage: H.counterOverLimit
           }
         )
       ),
-      I && /* @__PURE__ */ e.createElement(
+      A && /* @__PURE__ */ e.createElement(
         Pe,
         {
           id: l,
-          message: I,
+          message: A,
           hasValidationMessage: !!L,
           validationMessageHasDecorators: !1,
           validationStatus: k
@@ -7068,22 +7068,24 @@ const ds = (_) => {
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `(${a})`),
     /* @__PURE__ */ e.createElement(G, { iconName: "externalLink", className: `${m}__icon` })
   );
-}, Ns = (g) => {
-  var u = g, {
+}, Ns = (u) => {
+  var p = u, {
     ariaLabel: t,
     children: n,
     closeButtonLabel: s = "Close modal",
-    hasCloseButton: a = !0,
-    modalIsOpen: r = !1,
-    setModalIsOpen: d = () => {
+    disableOutsideClick: a,
+    hasCloseButton: r = !0,
+    modalIsOpen: d = !1,
+    setModalIsOpen: c = () => {
     },
-    size: c = "md",
-    title: l,
-    className: i
-  } = u, m = D(u, [
+    size: l = "md",
+    title: i,
+    className: m
+  } = p, g = D(p, [
     "ariaLabel",
     "children",
     "closeButtonLabel",
+    "disableOutsideClick",
     "hasCloseButton",
     "modalIsOpen",
     "setModalIsOpen",
@@ -7091,18 +7093,18 @@ const ds = (_) => {
     "title",
     "className"
   ]);
-  const p = Oe(n), $ = p.__unslotted, C = p.footer, w = "pds-modal", _ = c !== "md" ? `${w}--${c}` : null, E = C ? `${w}--has-footer` : null, [h, o] = K(r);
+  const $ = Oe(n), _ = $.__unslotted, w = $.footer, C = "pds-modal", E = l !== "md" ? `${C}--${l}` : null, h = w ? `${C}--has-footer` : null, [o, f] = K(d);
   ce(() => {
-    o(r);
-  }, [r]), ce(() => {
-    d(h);
-  }, [h]);
-  const { refs: f, context: v, floatingStyles: b } = Ae({
-    open: h,
-    onOpenChange: o
-  }), M = Xe(v), H = Te(v, {
+    f(d);
+  }, [d]), ce(() => {
+    c(o);
+  }, [o]);
+  const { refs: v, context: b, floatingStyles: H } = Ae({
+    open: o,
+    onOpenChange: f
+  }), M = Xe(b), L = a ? void 0 : Te(b, {
     outsidePressEvent: "mousedown"
-  }), L = De(v), { getFloatingProps: k } = Re([M, H, L]), { isMounted: z, styles: x } = Ye(v, {
+  }), k = De(b), { getFloatingProps: z } = Re([M, L, k]), { isMounted: x, styles: I } = Ye(b, {
     duration: {
       open: 300,
       close: 300
@@ -7120,45 +7122,45 @@ const ds = (_) => {
       transform: "translateY(1rem)"
     }
   });
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, z && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, x && /* @__PURE__ */ e.createElement(
     a1,
     {
       lockScroll: !0,
-      style: ae(y({}, b), {
+      style: ae(y({}, H), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)",
         position: "fixed"
       })
     },
-    /* @__PURE__ */ e.createElement(xt, { context: v }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(xt, { context: b }, /* @__PURE__ */ e.createElement(
       "div",
       y(ae(y({
-        ref: f.setFloating,
-        "aria-label": t || l
-      }, k()), {
+        ref: v.setFloating,
+        "aria-label": t || i
+      }, z()), {
         className: N([
-          w,
-          _,
+          C,
           E,
-          i
+          h,
+          m
         ]),
-        style: ae(y(y({}, b), x), {
+        style: ae(y(y({}, H), I), {
           position: "relative",
           top: "5%"
         })
-      }), m),
-      a && /* @__PURE__ */ e.createElement("div", { className: `${w}__close-wrapper` }, /* @__PURE__ */ e.createElement(
+      }), g),
+      r && /* @__PURE__ */ e.createElement("div", { className: `${C}__close-wrapper` }, /* @__PURE__ */ e.createElement(
         Tt,
         {
           ariaLabel: s,
-          onClick: () => o(!1),
+          onClick: () => f(!1),
           iconSize: "xl"
         }
       )),
-      /* @__PURE__ */ e.createElement("div", { className: `${w}__title` }, l),
-      /* @__PURE__ */ e.createElement("div", { className: `${w}__content` }, $),
-      C && /* @__PURE__ */ e.createElement("div", { className: `${w}__footer` }, C)
+      /* @__PURE__ */ e.createElement("div", { className: `${C}__title` }, i),
+      /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, _),
+      w && /* @__PURE__ */ e.createElement("div", { className: `${C}__footer` }, w)
     ))
   ));
 }, zs = (r) => {
@@ -7290,12 +7292,12 @@ const ds = (_) => {
       if (b !== -1) {
         if (h.key === "ArrowRight") {
           h.preventDefault();
-          const M = (b + 1) % f.length;
-          f[M].focus();
+          const H = (b + 1) % f.length;
+          f[H].focus();
         } else if (h.key === "ArrowLeft") {
           h.preventDefault();
-          const M = (b - 1 + f.length) % f.length;
-          f[M].focus();
+          const H = (b - 1 + f.length) % f.length;
+          f[H].focus();
         }
       }
     };
@@ -7315,7 +7317,7 @@ const ds = (_) => {
       },
       h
     );
-  }, C = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${g}__menu` }, n.map((E, h) => /* @__PURE__ */ e.createElement(
+  }, _ = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${g}__menu` }, n.map((E, h) => /* @__PURE__ */ e.createElement(
     $,
     {
       key: h,
@@ -7332,7 +7334,7 @@ const ds = (_) => {
       isLink: !0
     }));
   });
-  const _ = w.length > 0 ? /* @__PURE__ */ e.createElement(
+  const C = w.length > 0 ? /* @__PURE__ */ e.createElement(
     b1,
     {
       id: "mobile-nav-split-button",
@@ -7353,7 +7355,7 @@ const ds = (_) => {
         a != null ? a : ""
       ])
     }, r),
-    l ? _ : C
+    l ? C : _
   );
 }, Cn = (r) => {
   var d = r, {
@@ -7400,31 +7402,31 @@ const ds = (_) => {
     "setIsSidebarExpanded",
     "className"
   ]);
-  const { isMobile: C, windowWidth: w } = be(ye), [_, E] = K(() => i !== void 0 ? i : w > 1440), h = oe(), [o] = S2(h), f = o.width;
+  const { isMobile: _, windowWidth: w } = be(ye), [C, E] = K(() => i !== void 0 ? i : w > 1440), h = oe(), [o] = S2(h), f = o.width;
   ce(() => {
     i !== void 0 && E(i);
   }, [i]), ce(() => {
-    m(_);
-  }, [_, m]);
+    m(C);
+  }, [C, m]);
   const v = {
-    isSidebarExpanded: C ? !0 : _,
+    isSidebarExpanded: _ ? !0 : C,
     logoLinkContent: a,
     navbarWidth: f,
     isAdmin: s
-  }, b = "pds-dashboard-global", M = s ? `${b}--isAdmin` : null, H = C ? `${b}--isMobile` : `${b}--notMobile`, L = C ? null : _ ? `${b}--sidebarExpanded` : `${b}--sidebarCollapsed`, k = _ ? `${d}rem` : `${r}rem`, z = {
+  }, b = "pds-dashboard-global", H = s ? `${b}--isAdmin` : null, M = _ ? `${b}--isMobile` : `${b}--notMobile`, L = _ ? null : C ? `${b}--sidebarExpanded` : `${b}--sidebarCollapsed`, k = C ? `${d}rem` : `${r}rem`, z = {
     width: k,
     transition: "width 200ms ease-in-out"
-  }, x = C ? {} : {
+  }, x = _ ? {} : {
     width: `calc(100% - ${k})`,
     transition: "width 200ms ease-in-out"
-  }, A = () => {
-    E(!_);
+  }, I = () => {
+    E(!C);
   }, T = Oe(t), B = T.header, R = T.sidebar, F = T.main, P = T.footer, q = /* @__PURE__ */ e.createElement(e.Fragment, null, B, /* @__PURE__ */ e.createElement("aside", { className: `${b}__sidebar` }, R), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${b}__main` }, F), P && /* @__PURE__ */ e.createElement("footer", { className: `${b}__footer` }, P)), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${b}__sidebar`, style: z }, n && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${b}__sidebar-toggle-button`,
-      onClick: A,
-      "aria-expanded": _,
+      onClick: I,
+      "aria-expanded": C,
       "aria-label": c
     },
     /* @__PURE__ */ e.createElement("span", { className: `${b}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(G, { iconName: "angleLeft", iconSize: "sm" }))
@@ -7443,14 +7445,14 @@ const ds = (_) => {
     y({
       className: N([
         b,
-        M,
         H,
+        M,
         L,
         "pds-typography--product",
         g != null ? g : ""
       ])
     }, u),
-    C ? q : X
+    _ ? q : X
   ));
 }, je = "ease-out", vt = 0, _n = ({
   icon: t,
@@ -7481,27 +7483,27 @@ const ds = (_) => {
       },
       z.linkContent
     ))
-  ), [u, p] = K(!1), { refs: $, floatingStyles: C, context: w } = Ae({
+  ), [u, p] = K(!1), { refs: $, floatingStyles: _, context: w } = Ae({
     placement: "right-start",
     open: u,
     onOpenChange: p,
     middleware: [i2(12), d2(), b2()],
     whileElementsMounted: Fe
-  }), _ = E2(w, {
+  }), C = E2(w, {
     move: !1,
     handleClose: Q2()
   }), E = Y2(w), h = Te(w), o = De(w, { role: "menu" }), { getReferenceProps: f, getFloatingProps: v } = Re([
-    _,
+    C,
     E,
     h,
     o
   ]), b = (L) => {
-    var A;
-    const k = L.currentTarget, z = (A = k.parentElement) == null ? void 0 : A.nextElementSibling;
+    var I;
+    const k = L.currentTarget, z = (I = k.parentElement) == null ? void 0 : I.nextElementSibling;
     if (!z) return;
     const x = k.getAttribute("aria-expanded") === "false";
-    k.classList.toggle(`${c}__toggle--expanded`, x), k.setAttribute("aria-expanded", x ? "true" : "false"), x ? M(z) : H(z);
-  }, M = (L) => {
+    k.classList.toggle(`${c}__toggle--expanded`, x), k.setAttribute("aria-expanded", x ? "true" : "false"), x ? H(z) : M(z);
+  }, H = (L) => {
     L.style.display = "flex", L.style.height = "auto";
     const k = `${L.scrollHeight}px`;
     L.style.marginBlockStart = "0", L.animate(
@@ -7525,7 +7527,7 @@ const ds = (_) => {
         marginBlockStart: `${N2}rem`
       }), L.classList.add(`${i}--expanded`);
     };
-  }, H = (L) => {
+  }, M = (L) => {
     const k = `${L.scrollHeight}px`, z = L.animate(
       [
         {
@@ -7586,7 +7588,7 @@ const ds = (_) => {
       y({
         className: `${c}__flyout`,
         ref: $.setFloating,
-        style: C
+        style: _
       }, v()),
       /* @__PURE__ */ e.createElement("div", { className: `${c}__flyout-heading` }, xe(r)),
       g(d, "second-level-flyout")
@@ -7615,7 +7617,7 @@ const ds = (_) => {
     "selectTextFallback",
     "className"
   ]);
-  const l = "pds-dropdown-menu", [i, m] = K(!1), [g, u] = K(null), p = lt(n), $ = p ? p.props.children : s, C = /* @__PURE__ */ e.createElement(
+  const l = "pds-dropdown-menu", [i, m] = K(!1), [g, u] = K(null), p = lt(n), $ = p ? p.props.children : s, _ = /* @__PURE__ */ e.createElement(
     G,
     {
       iconName: "check",
@@ -7625,14 +7627,14 @@ const ds = (_) => {
   ), w = (B) => {
     var R;
     B.key === "Enter" && ((R = v.current[g].querySelector("a")) == null || R.click());
-  }, _ = (B) => {
+  }, C = (B) => {
     B.target.nodeName === "A" && m(!1);
   };
   ce(() => {
     if (i) {
       const B = document.querySelector(".pds-dropdown-menu__dropdown");
-      return B.addEventListener("click", _), () => {
-        B.removeEventListener("click", _);
+      return B.addEventListener("click", C), () => {
+        B.removeEventListener("click", C);
       };
     }
   }, [i]);
@@ -7676,9 +7678,9 @@ const ds = (_) => {
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), M = Xe(f, { event: "mousedown" }), H = Te(f), L = De(f, { role: "menu" }), { getReferenceProps: k, getFloatingProps: z, getItemProps: x } = Re(
-    [H, L, M, b]
-  ), { isMounted: A, styles: T } = Ye(f, {
+  }), H = Xe(f, { event: "mousedown" }), M = Te(f), L = De(f, { role: "menu" }), { getReferenceProps: k, getFloatingProps: z, getItemProps: x } = Re(
+    [M, L, H, b]
+  ), { isMounted: I, styles: T } = Ye(f, {
     duration: {
       open: 300,
       close: 300
@@ -7709,7 +7711,7 @@ const ds = (_) => {
         className: `${l}__trigger-icon`
       }
     )
-  ), A && /* @__PURE__ */ e.createElement(
+  ), I && /* @__PURE__ */ e.createElement(
     "ul",
     y({
       className: `${l}__dropdown ${l}__menu ${l}__menu--top-level`,
@@ -7730,7 +7732,7 @@ const ds = (_) => {
         }
       }, x()),
       B.linkContent,
-      B.isActive === !0 && C
+      B.isActive === !0 && _
     ))
   ));
 }, En = /* @__PURE__ */ e.createElement(
@@ -8093,7 +8095,7 @@ const ds = (_) => {
   const g = be(A2);
   let u = !0, p = null;
   g && (u = g.isSidebarExpanded, p = g.logoLinkContent);
-  const $ = "pds-dashboard-nav", C = u ? `${$}--expanded` : `${$}--collapsed`, w = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${$}__menu ${$}__menu--top-level` }, s.map((h, o) => /* @__PURE__ */ e.createElement(
+  const $ = "pds-dashboard-nav", _ = u ? `${$}--expanded` : `${$}--collapsed`, w = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${$}__menu ${$}__menu--top-level` }, s.map((h, o) => /* @__PURE__ */ e.createElement(
     _n,
     {
       key: o,
@@ -8104,7 +8106,7 @@ const ds = (_) => {
       linkContent: h.linkContent,
       links: h.links
     }
-  )))), _ = s.map((h) => ae(y({}, h), {
+  )))), C = s.map((h) => ae(y({}, h), {
     linkContent: o2(
       $,
       h.linkContent,
@@ -8114,7 +8116,7 @@ const ds = (_) => {
   })), E = /* @__PURE__ */ e.createElement(
     T2,
     {
-      menuItems: _,
+      menuItems: C,
       selectTextFallback: a
     }
   );
@@ -8122,7 +8124,7 @@ const ds = (_) => {
     "nav",
     y({
       "aria-label": t,
-      className: N([$, C, r])
+      className: N([$, _, r])
     }, d),
     !i && /* @__PURE__ */ e.createElement(
       at,
@@ -8205,8 +8207,8 @@ const ds = (_) => {
       )
     )
   );
-}, As = (C) => {
-  var w = C, {
+}, As = (_) => {
+  var w = _, {
     disabled: t = !1,
     id: n,
     isLoading: s = !1,
@@ -8239,16 +8241,16 @@ const ds = (_) => {
     "horizontalOffset",
     "className"
   ]);
-  const [_, E] = K(!1), [h, o] = K(null), f = oe(null);
+  const [C, E] = K(!1), [h, o] = K(null), f = oe(null);
   let v = !1;
   const b = be(ye);
   b && (v = b.isMobile);
-  let M = null, H = !1;
+  let H = null, M = !1;
   const L = be(A2);
-  L && (M = L.navbarWidth, H = L.isAdmin);
-  const k = 2.25, z = 22, x = H ? 14.5 : 9.625, A = M > 900 ? z : M / 16 - (x + u) - k * 0.675;
+  L && (H = L.navbarWidth, M = L.isAdmin);
+  const k = 2.25, z = 22, x = M ? 14.5 : 9.625, I = H > 900 ? z : H / 16 - (x + u) - k * 0.675;
   let T = k;
-  _ && !M && (T = z), _ && M && (T = A);
+  C && !H && (T = z), C && H && (T = I);
   const B = {
     right: `${x + u}rem`,
     width: `${T}rem`
@@ -8266,20 +8268,20 @@ const ds = (_) => {
   ce(() => {
     const Z = (V) => {
       f.current && !f.current.contains(V.target) && E(!1);
-    }, I = (V) => {
+    }, A = (V) => {
       var O;
       const S = (O = f.current) == null ? void 0 : O.querySelector("input");
-      V.key === "Tab" && _ && S === document.activeElement && E(!1);
+      V.key === "Tab" && C && S === document.activeElement && E(!1);
     };
-    if (_)
-      return document.addEventListener("mousedown", Z), document.addEventListener("keydown", I), () => {
-        document.removeEventListener("mousedown", Z), document.removeEventListener("keydown", I);
+    if (C)
+      return document.addEventListener("mousedown", Z), document.addEventListener("keydown", A), () => {
+        document.removeEventListener("mousedown", Z), document.removeEventListener("keydown", A);
       };
-  }, [_]);
+  }, [C]);
   const se = g.map((Z) => {
-    const { id: I, machineName: V, name: S } = Z;
+    const { id: A, machineName: V, name: S } = Z;
     return {
-      id: I,
+      id: A,
       label: S,
       value: V != null ? V : S,
       optionDisplay: /* @__PURE__ */ e.createElement(bn, { option: Z })
@@ -8306,7 +8308,7 @@ const ds = (_) => {
   )), J = /* @__PURE__ */ e.createElement("div", { className: `${R}--inner` }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      style: _ ? { visibility: "visible" } : { visibility: "hidden" }
+      style: C ? { visibility: "visible" } : { visibility: "hidden" }
     },
     Q
   ), /* @__PURE__ */ e.createElement(
@@ -8316,7 +8318,7 @@ const ds = (_) => {
       "aria-label": r.openSearchButton,
       onClick: P,
       type: "button",
-      style: _ ? { visibility: "hidden" } : { visibility: "visible" }
+      style: C ? { visibility: "hidden" } : { visibility: "visible" }
     },
     /* @__PURE__ */ e.createElement(
       Ve,
@@ -8391,13 +8393,13 @@ const ds = (_) => {
     "translationStrings",
     "className"
   ]);
-  const [C, w] = K(!1);
-  let _ = !1;
+  const [_, w] = K(!1);
+  let C = !1;
   const E = be(ye);
-  E && (_ = E.isMobile);
+  E && (C = E.isMobile);
   const h = be(A2);
   h && (c = h.logoLinkContent);
-  const o = "pds-navbar", f = a ? `${o}--noBorder` : "", v = n !== "default" ? `${o}--${n}` : "", b = _ ? `${o}--isMobile` : `${o}--notMobile`, M = (J) => {
+  const o = "pds-navbar", f = a ? `${o}--noBorder` : "", v = n !== "default" ? `${o}--${n}` : "", b = C ? `${o}--isMobile` : `${o}--notMobile`, H = (J) => {
     const Y = J.key;
     let Z = !1;
     switch (Y) {
@@ -8408,36 +8410,36 @@ const ds = (_) => {
     }
     Z && (J.stopPropagation(), J.preventDefault());
   };
-  ce(() => (window.addEventListener("keyup", M), () => {
-    window.removeEventListener("keyup", M);
+  ce(() => (window.addEventListener("keyup", H), () => {
+    window.removeEventListener("keyup", H);
   }), []);
-  const H = () => w(!C), L = t1();
+  const M = () => w(!_), L = t1();
   ce(() => {
-    if (_ && t) {
+    if (C && t) {
       const J = Vt(
         document.querySelector(".pds-navbar__mobile")
       ), Y = ["a", "button", "input", "select", "textarea"];
-      J && (C ? J.forEach((Z) => {
+      J && (_ ? J.forEach((Z) => {
         Y.includes(Z.nodeName.toLowerCase()) && (Z.tabIndex = 0);
       }) : J.forEach((Z) => {
         Y.includes(Z.nodeName.toLowerCase()) && (Z.tabIndex = -1);
       }));
     }
-  }, [C]);
+  }, [_]);
   const k = (J) => {
     J.target.nodeName === "A" && w(!1);
   };
   ce(() => {
-    if (C) {
+    if (_) {
       const J = document.querySelector(".pds-navbar__bar-mobile"), Y = document.querySelector(".pds-navbar__mobile");
       return J.addEventListener("click", k), Y.addEventListener("click", k), () => {
         J.removeEventListener("click", k), Y.removeEventListener("click", k);
       };
     }
-  }, [C]), ce(() => {
-    C ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
-  }, [C]);
-  const z = Oe(t), x = z["items-left"], A = z["items-right"];
+  }, [_]), ce(() => {
+    _ ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
+  }, [_]);
+  const z = Oe(t), x = z["items-left"], I = z["items-right"];
   let T = "default";
   (n === "reverse" || n === "reverse-transparent") && (T = "reverse");
   const B = Me(c) ? c.props.children : null, R = Me(c) && B ? Ie(c, {
@@ -8455,18 +8457,18 @@ const ds = (_) => {
     "button",
     {
       className: `${o}__menu-toggle`,
-      "aria-label": C ? m.closeMobileNav : m.openMobileNav,
-      onClick: H,
+      "aria-label": _ ? m.closeMobileNav : m.openMobileNav,
+      onClick: M,
       type: "button"
     },
-    /* @__PURE__ */ e.createElement(G, { iconName: C ? "xmark" : "bars", iconSize: "lg" })
+    /* @__PURE__ */ e.createElement(G, { iconName: _ ? "xmark" : "bars", iconSize: "lg" })
   ), q = e.Children.toArray(t).sort((J, Y) => {
-    const Z = Me(J) && parseInt(J.props["data-mobile-order"], 10) || 1 / 0, I = Me(Y) && parseInt(Y.props["data-mobile-order"], 10) || 1 / 0;
-    return Z - I;
+    const Z = Me(J) && parseInt(J.props["data-mobile-order"], 10) || 1 / 0, A = Me(Y) && parseInt(Y.props["data-mobile-order"], 10) || 1 / 0;
+    return Z - A;
   }), X = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: C ? `${o}__mobile ${o}__mobile--open` : `${o}__mobile ${o}__mobile--closed`,
+      className: _ ? `${o}__mobile ${o}__mobile--open` : `${o}__mobile ${o}__mobile--closed`,
       ref: L
     },
     /* @__PURE__ */ e.createElement(g2, null, q)
@@ -8479,7 +8481,7 @@ const ds = (_) => {
       }
     },
     /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(g2, { className: `${o}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__inner-mobile` }, F(), t && P)), /* @__PURE__ */ e.createElement(g2, null, t && X))
-  ), Q = /* @__PURE__ */ e.createElement(g2, { width: s, className: `${o}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${o}__logo` }, F()), /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, x ? /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, x) : /* @__PURE__ */ e.createElement("span", null), A && /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, A)));
+  ), Q = /* @__PURE__ */ e.createElement(g2, { width: s, className: `${o}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${o}__logo` }, F()), /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, x ? /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, x) : /* @__PURE__ */ e.createElement("span", null), I && /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, I)));
   return /* @__PURE__ */ e.createElement(
     "header",
     y({
@@ -8491,7 +8493,7 @@ const ds = (_) => {
         g != null ? g : ""
       ])
     }, u),
-    _ ? se : Q
+    C ? se : Q
   );
 }, wn = ({
   items: t,
@@ -8509,7 +8511,7 @@ const ds = (_) => {
     open: a,
     onOpenChange: r,
     whileElementsMounted: Fe
-  }), p = Xe(u, { event: "mousedown" }), $ = Te(u), C = De(u, { role: "menu" });
+  }), p = Xe(u, { event: "mousedown" }), $ = Te(u), _ = De(u, { role: "menu" });
   let w;
   i ? w = E2(u, {
     enabled: !1
@@ -8521,9 +8523,9 @@ const ds = (_) => {
     }),
     enabled: !0
   });
-  const { getReferenceProps: _, getFloatingProps: E } = Re([
+  const { getReferenceProps: C, getFloatingProps: E } = Re([
     $,
-    C,
+    _,
     p,
     w
   ]), h = (o) => !!(o.isActive || o.linkContent && o.linkContent.props.className && o.linkContent.props.className.includes("pds-isActive"));
@@ -8533,7 +8535,7 @@ const ds = (_) => {
       className: `${m}__trigger`,
       ref: g.setReference,
       type: "button"
-    }, _()),
+    }, C()),
     n,
     /* @__PURE__ */ e.createElement(G, { iconName: "angleDown", className: `${m}__trigger-icon` })
   ), a && /* @__PURE__ */ e.createElement(
@@ -8566,7 +8568,7 @@ const ds = (_) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [i, m] = K(1025), [g, u] = K(null), [p, $] = K(-1), [C, w] = K(null), [_, E] = K({
+  const [i, m] = K(1025), [g, u] = K(null), [p, $] = K(-1), [_, w] = K(null), [C, E] = K({
     container: null,
     containerChildren: []
   });
@@ -8577,18 +8579,18 @@ const ds = (_) => {
     m(window.innerWidth);
   }, o = i <= a;
   ce(() => {
-    _.containerChildren[g] && (_.containerChildren[g].classList.contains(
+    C.containerChildren[g] && (C.containerChildren[g].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && C == "down" ? u(g + 1) : _.containerChildren[g].classList.contains(
+    ) && _ == "down" ? u(g + 1) : C.containerChildren[g].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && C == "up" ? u(g - 1) : _.containerChildren[g].children[0].focus());
+    ) && _ == "up" ? u(g - 1) : C.containerChildren[g].children[0].focus());
   }, [g]), ce(() => {
-    p != -1 && (M.current[p].children[0].blur(), M.current[p].children[0].focus({
+    p != -1 && (H.current[p].children[0].blur(), H.current[p].children[0].focus({
       focusVisible: !0
     }));
   }, [p]);
-  const f = "pds-nav-menu", v = n !== "default" ? `${f}--${n}` : "", b = o ? `${f}--isMobile` : `${f}--notMobile`, M = oe([]), H = (z) => {
-    const x = M.current.length - 1, P = {
+  const f = "pds-nav-menu", v = n !== "default" ? `${f}--${n}` : "", b = o ? `${f}--isMobile` : `${f}--notMobile`, H = oe([]), M = (z) => {
+    const x = H.current.length - 1, P = {
       ArrowRight: () => {
         u(-1), $(p === -1 ? 1 : p === x ? 0 : p + 1);
       },
@@ -8599,13 +8601,13 @@ const ds = (_) => {
         var se, Q, J, Y;
         w("down");
         const q = z.target.parentNode.children[1], X = ((Q = (se = z.target) == null ? void 0 : se.parentNode.children[1]) == null ? void 0 : Q.children) || ((Y = (J = z.target) == null ? void 0 : J.parentNode.parentNode.children[1]) == null ? void 0 : Y.children);
-        _.container != q && q != null && E({
+        C.container != q && q != null && E({
           container: q,
           containerChildren: [...X]
-        }), g === null || g == _.containerChildren.length - 1 ? u(0) : u(parseInt(g) + 1);
+        }), g === null || g == C.containerChildren.length - 1 ? u(0) : u(parseInt(g) + 1);
       },
       ArrowUp: () => {
-        w("up"), u(g === 0 ? _.containerChildren.length - 1 : parseInt(g) - 1);
+        w("up"), u(g === 0 ? C.containerChildren.length - 1 : parseInt(g) - 1);
       }
     }[z.code];
     P && P();
@@ -8620,14 +8622,14 @@ const ds = (_) => {
     return !1;
   }, k = [];
   return s.map((z, x) => {
-    const A = `item-${c2()}`, T = z.id ? z.id : A;
+    const I = `item-${c2()}`, T = z.id ? z.id : I;
     z.links ? k.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
           key: `${x}-dropdown`,
           id: T,
-          ref: (B) => M.current[x] = B,
+          ref: (B) => H.current[x] = B,
           className: `${f}__item ${f}__item--top-level ${f}__item--has-children ${L(z) === !0 ? `${f}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
@@ -8645,7 +8647,7 @@ const ds = (_) => {
         {
           key: x,
           id: T,
-          ref: (B) => M.current[x] = B,
+          ref: (B) => H.current[x] = B,
           className: `${f}__item ${f}__item--top-level ${f}__item--has-link ${L(z) === !0 ? `${f}__item--active` : ""}`
         },
         z.linkContent
@@ -8657,7 +8659,7 @@ const ds = (_) => {
       className: N([f, v, b, r]),
       "aria-label": t,
       onKeyDown: (z) => {
-        H(z);
+        M(z);
       }
     }, d),
     /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu` }, k)
@@ -8681,15 +8683,15 @@ const ds = (_) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const m = "pds-side-nav", g = `${m}__item`, u = `${m}__menu`, p = (_) => {
-    const E = _.currentTarget;
+  const m = "pds-side-nav", g = `${m}__item`, u = `${m}__menu`, p = (C) => {
+    const E = C.currentTarget;
     let h = null;
     const o = E.parentElement;
     if (o != null && o.classList.contains(`${g}-wrapper`) ? h = o.nextElementSibling : h = E.nextElementSibling, !h) return;
     const f = E.getAttribute("aria-expanded") === "false";
     E.classList.toggle(`${m}__toggle--expanded`, f), E.setAttribute("aria-expanded", f ? "true" : "false"), h.classList.toggle(`${u}--expanded`, f);
-  }, $ = (_, E) => {
-    const { linkContent: h, links: o } = _, f = we(_), v = gn(h), b = f;
+  }, $ = (C, E) => {
+    const { linkContent: h, links: o } = C, f = we(C), v = gn(h), b = f;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -8723,19 +8725,19 @@ const ds = (_) => {
             b ? `${u}--expanded` : null
           ])
         },
-        o.map((M, H) => /* @__PURE__ */ e.createElement(
+        o.map((H, M) => /* @__PURE__ */ e.createElement(
           "li",
           {
-            key: H,
+            key: M,
             className: N([
               g,
               `${g}--second-level`,
-              we(M) ? `${g}--active` : null
+              we(H) ? `${g}--active` : null
             ])
           },
           _2(
-            M.linkContent,
-            M.links
+            H.linkContent,
+            H.links
           )
         ))
       )) : (
@@ -8775,19 +8777,19 @@ const ds = (_) => {
               b ? `${u}--expanded` : null
             ])
           },
-          o.map((M, H) => /* @__PURE__ */ e.createElement(
+          o.map((H, M) => /* @__PURE__ */ e.createElement(
             "li",
             {
-              key: H,
+              key: M,
               className: N([
                 g,
                 `${g}--second-level`,
-                we(M) ? `${g}--active` : null
+                we(H) ? `${g}--active` : null
               ])
             },
             _2(
-              M.linkContent,
-              M.links
+              H.linkContent,
+              H.links
             )
           ))
         ))
@@ -8796,7 +8798,7 @@ const ds = (_) => {
         h
       )
     );
-  }, C = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading pds-ts-l` }, n), a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, a.map((_, E) => $(_, E)))), w = /* @__PURE__ */ e.createElement(
+  }, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading pds-ts-l` }, n), a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, a.map((C, E) => $(C, E)))), w = /* @__PURE__ */ e.createElement(
     T2,
     {
       headingText: n,
@@ -8810,7 +8812,7 @@ const ds = (_) => {
       "aria-label": t,
       className: N([m, d != null ? d : ""])
     }, c),
-    C,
+    _,
     w
   );
 }, H2 = 0, Os = (m) => {
@@ -8836,17 +8838,17 @@ const ds = (_) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const u = "pds-side-nav-compact", p = `${u}__item`, $ = `${u}__menu`, [C, w] = K(1025), [_, E] = K(!1), [h, o] = K([]), f = oe(null), v = oe(null), b = oe([]), M = oe(-1);
-  ce(() => (w(window.innerWidth), window.addEventListener("resize", H), () => {
-    window.removeEventListener("resize", H);
+  const u = "pds-side-nav-compact", p = `${u}__item`, $ = `${u}__menu`, [_, w] = K(1025), [C, E] = K(!1), [h, o] = K([]), f = oe(null), v = oe(null), b = oe([]), H = oe(-1);
+  ce(() => (w(window.innerWidth), window.addEventListener("resize", M), () => {
+    window.removeEventListener("resize", M);
   }), []), ce(() => {
     (!L || !n) && k();
-  }, [C, r, h]), ce(() => {
+  }, [_, r, h]), ce(() => {
     if (f.current) {
-      const I = f.current.querySelector(
+      const A = f.current.querySelector(
         ".pds-side-nav-compact__heading a"
       );
-      I && (v.current = I);
+      A && (v.current = A);
     }
   }, [s]), ce(() => {
     if (f.current && r.length > 0) {
@@ -8862,57 +8864,57 @@ const ds = (_) => {
       o(S);
     }
   }, [r]);
-  const H = () => {
+  const M = () => {
     w(window.innerWidth);
-  }, L = C <= d, k = () => {
+  }, L = _ <= d, k = () => {
     if (!f.current) return;
-    const I = Array.from(
+    const A = Array.from(
       f.current.querySelectorAll(
         ".pds-side-nav-compact__menu a, button.pds-side-nav-compact__toggle"
       )
     );
-    b.current = I.filter((V) => {
+    b.current = A.filter((V) => {
       if (window.getComputedStyle(V).display === "none") return !1;
       const O = V.closest(`.${$}`);
       return !(O && !O.classList.contains(`${$}--expanded`) && !O.classList.contains(`${$}--top-level`));
     });
-  }, z = (I) => {
-    const V = I.closest(`.${p}-wrapper`);
+  }, z = (A) => {
+    const V = A.closest(`.${p}-wrapper`);
     if (V)
       return V.querySelector(
         `.${u}__toggle`
       );
-    const S = I.closest(`.${p}`);
+    const S = A.closest(`.${p}`);
     return S ? S.querySelector(
       `.${u}__toggle`
     ) : null;
-  }, x = (I) => {
-    if (I.classList.contains(`${u}__toggle`)) {
-      const S = I.closest(`.${p}-wrapper`);
+  }, x = (A) => {
+    if (A.classList.contains(`${u}__toggle`)) {
+      const S = A.closest(`.${p}-wrapper`);
       return (S == null ? void 0 : S.nextElementSibling) || null;
     }
-    const V = I.closest(`.${p}`);
+    const V = A.closest(`.${p}`);
     return V ? V.querySelector(`.${$}`) : null;
-  }, A = (I) => {
-    if (I.classList.contains(`${u}__toggle`))
+  }, I = (A) => {
+    if (A.classList.contains(`${u}__toggle`))
       return !0;
-    const V = I.closest(`.${p}-wrapper`);
+    const V = A.closest(`.${p}-wrapper`);
     return V ? !!V.querySelector(`.${u}__toggle`) : !1;
-  }, T = (I) => {
-    if (!_) return;
-    const V = b.current[M.current];
+  }, T = (A) => {
+    if (!C) return;
+    const V = b.current[H.current];
     if (V)
-      switch (I.key) {
+      switch (A.key) {
         case "ArrowDown": {
-          I.preventDefault(), B(1);
+          A.preventDefault(), B(1);
           break;
         }
         case "ArrowUp": {
-          I.preventDefault(), B(-1);
+          A.preventDefault(), B(-1);
           break;
         }
         case "ArrowRight": {
-          if (I.preventDefault(), A(V)) {
+          if (A.preventDefault(), I(V)) {
             const S = V.classList.contains(
               `${u}__toggle`
             ) ? V : z(V);
@@ -8925,14 +8927,14 @@ const ds = (_) => {
                 const j = O.querySelector(
                   "a"
                 );
-                j && (j.focus(), M.current = b.current.indexOf(j));
+                j && (j.focus(), H.current = b.current.indexOf(j));
               }
             }, H2 + 50));
           }
           break;
         }
         case "ArrowLeft": {
-          I.preventDefault();
+          A.preventDefault();
           const S = V.closest(`.${$}`);
           if (S && !S.classList.contains(`${$}--top-level`)) {
             const O = S.parentElement;
@@ -8945,10 +8947,10 @@ const ds = (_) => {
               }), setTimeout(() => {
                 k();
                 const ue = O.querySelector("a") || j;
-                ue && (ue.focus(), M.current = b.current.indexOf(ue));
+                ue && (ue.focus(), H.current = b.current.indexOf(ue));
               }, H2));
             }
-          } else if (A(V)) {
+          } else if (I(V)) {
             const O = V.classList.contains(
               `${u}__toggle`
             ) ? V : z(V);
@@ -8959,15 +8961,15 @@ const ds = (_) => {
           break;
         }
       }
-  }, B = (I) => {
+  }, B = (A) => {
     var O;
     const V = b.current;
     if (V.length === 0) return;
-    let S = M.current + I;
-    S < 0 && (S = V.length - 1), S >= V.length && (S = 0), M.current = S, (O = V[S]) == null || O.focus();
-  }, R = (I) => {
-    if (I.key === "Tab" && _ && !I.shiftKey) {
-      I.preventDefault(), E(!1), M.current = -1;
+    let S = H.current + A;
+    S < 0 && (S = V.length - 1), S >= V.length && (S = 0), H.current = S, (O = V[S]) == null || O.focus();
+  }, R = (A) => {
+    if (A.key === "Tab" && C && !A.shiftKey) {
+      A.preventDefault(), E(!1), H.current = -1;
       const V = Array.from(
         document.querySelectorAll(
           'a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -8975,20 +8977,20 @@ const ds = (_) => {
       ), S = V.indexOf(f.current);
       S !== -1 && S < V.length - 1 && V[S + 1].focus();
     }
-  }, F = (I) => {
+  }, F = (A) => {
     var V;
-    if (I.target === f.current && !_)
-      I.preventDefault(), E(!0), k(), b.current.length > 0 && (M.current = 0, (V = b.current[0]) == null || V.focus());
-    else if (I.target !== f.current && !_) {
+    if (A.target === f.current && !C)
+      A.preventDefault(), E(!0), k(), b.current.length > 0 && (H.current = 0, (V = b.current[0]) == null || V.focus());
+    else if (A.target !== f.current && !C) {
       k();
       const S = b.current.indexOf(
-        I.target
+        A.target
       );
-      S !== -1 && (E(!0), M.current = S);
+      S !== -1 && (E(!0), H.current = S);
     }
-  }, P = (I) => {
+  }, P = (A) => {
     var ee, ue;
-    const V = I.currentTarget, S = (ee = V.parentElement) == null ? void 0 : ee.nextElementSibling;
+    const V = A.currentTarget, S = (ee = V.parentElement) == null ? void 0 : ee.nextElementSibling;
     if (!S) return;
     const O = V.getAttribute("aria-expanded") === "false";
     V.classList.toggle(`${u}__toggle--expanded`, O), V.setAttribute("aria-expanded", O ? "true" : "false");
@@ -9000,10 +9002,10 @@ const ds = (_) => {
       o((Ce) => O && !Ce.includes(de) && de !== -1 ? [...Ce, de] : O ? Ce : Ce.filter((_e) => _e !== de));
     }
     O ? q(S) : X(S);
-  }, q = (I) => {
-    I.style.display = "flex", I.style.height = "auto";
-    const V = `${I.scrollHeight}px`;
-    I.style.marginBlockStart = "0", I.animate(
+  }, q = (A) => {
+    A.style.display = "flex", A.style.height = "auto";
+    const V = `${A.scrollHeight}px`;
+    A.style.marginBlockStart = "0", A.animate(
       [
         { height: "0px", opacity: "0", marginBlockStart: "0" },
         {
@@ -9017,15 +9019,15 @@ const ds = (_) => {
         easing: je
       }
     ).onfinish = () => {
-      Object.assign(I.style, {
+      Object.assign(A.style, {
         height: "auto",
         opacity: "1",
         display: "flex",
         marginBlockStart: `${k2}rem`
-      }), I.classList.add(`${$}--expanded`), k();
+      }), A.classList.add(`${$}--expanded`), k();
     };
-  }, X = (I) => {
-    const V = `${I.scrollHeight}px`, S = I.animate(
+  }, X = (A) => {
+    const V = `${A.scrollHeight}px`, S = A.animate(
       [
         {
           height: V,
@@ -9040,7 +9042,7 @@ const ds = (_) => {
       }
     );
     S.onfinish = () => {
-      I.classList.remove(`${$}--expanded`), Object.assign(I.style, {
+      A.classList.remove(`${$}--expanded`), Object.assign(A.style, {
         opacity: "0",
         height: "",
         // Clean height from inline style
@@ -9049,9 +9051,9 @@ const ds = (_) => {
         marginBlockStart: "0"
       }), k();
     };
-  }, se = { 2: "second", 3: "third", 4: "fourth" }, Q = (I, V, S) => {
+  }, se = { 2: "second", 3: "third", 4: "fourth" }, Q = (A, V, S) => {
     var re, he;
-    const O = se[I], j = `${$}--${O}-level`, ee = `${p}--${O}-level`, ue = I + 1, de = we(V);
+    const O = se[A], j = `${$}--${O}-level`, ee = `${p}--${O}-level`, ue = A + 1, de = we(V);
     let Ce = !1;
     const _e = (re = f.current) == null ? void 0 : re.querySelector(
       `.${p}--top-level[data-item-path="${V.path}"]`
@@ -9110,8 +9112,8 @@ const ds = (_) => {
         ) : pe.linkContent
       ))
     ));
-  }, J = (I, V) => {
-    const { linkContent: S, links: O } = I;
+  }, J = (A, V) => {
+    const { linkContent: S, links: O } = A;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9119,13 +9121,13 @@ const ds = (_) => {
         className: N([
           p,
           `${p}--top-level`,
-          we(I) ? `${p}--active` : null
+          we(A) ? `${p}--active` : null
         ]),
-        "data-item-path": I.path || ""
+        "data-item-path": A.path || ""
       },
-      O ? Q(2, I) : S
+      O ? Q(2, A) : S
     );
-  }, Y = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((I, V) => J(I, V)))), Z = /* @__PURE__ */ e.createElement(
+  }, Y = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((A, V) => J(A, V)))), Z = /* @__PURE__ */ e.createElement(
     T2,
     {
       headingText: s,
@@ -9140,8 +9142,8 @@ const ds = (_) => {
       className: N([u, l != null ? l : ""]),
       ref: f,
       onFocus: F,
-      onKeyDown: (I) => {
-        T(I), R(I);
+      onKeyDown: (A) => {
+        T(A), R(A);
       },
       tabIndex: 0,
       role: "navigation"
@@ -9156,47 +9158,47 @@ const ds = (_) => {
   linkContent: r,
   links: d
 }) => {
-  const c = "pds-side-nav-global", l = `${c}__item`, i = `${c}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, o2(c, r, d, t)), g = (M, H) => /* @__PURE__ */ e.createElement(
+  const c = "pds-side-nav-global", l = `${c}__item`, i = `${c}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, o2(c, r, d, t)), g = (H, M) => /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: N([
         i,
-        `${i}--${H}`,
+        `${i}--${M}`,
         n ? `${i}--expanded` : null
       ])
     },
-    M.map((L, k) => /* @__PURE__ */ e.createElement(
+    H.map((L, k) => /* @__PURE__ */ e.createElement(
       "li",
       {
         key: k,
         className: N([
           l,
-          `${l}--${H}`,
+          `${l}--${M}`,
           we(L) ? `${l}--active` : null
         ])
       },
       L.linkContent
     ))
-  ), [u, p] = K(!1), { refs: $, floatingStyles: C, context: w } = Ae({
+  ), [u, p] = K(!1), { refs: $, floatingStyles: _, context: w } = Ae({
     placement: "right-start",
     open: u,
     onOpenChange: p,
     middleware: [i2(8), d2(), b2()],
     whileElementsMounted: Fe
-  }), _ = E2(w, {
+  }), C = E2(w, {
     move: !1,
     handleClose: Q2()
   }), E = Y2(w), h = Te(w), o = De(w, { role: "menu" }), { getReferenceProps: f, getFloatingProps: v } = Re([
-    _,
+    C,
     E,
     h,
     o
-  ]), b = (M) => {
+  ]), b = (H) => {
     var z;
-    const H = M.currentTarget, L = (z = H.parentElement) == null ? void 0 : z.nextElementSibling;
+    const M = H.currentTarget, L = (z = M.parentElement) == null ? void 0 : z.nextElementSibling;
     if (!L) return;
-    const k = H.getAttribute("aria-expanded") === "false";
-    H.classList.toggle(`${c}__toggle--expanded`, k), H.setAttribute("aria-expanded", k ? "true" : "false"), L.classList.toggle(`${i}--expanded`, k);
+    const k = M.getAttribute("aria-expanded") === "false";
+    M.classList.toggle(`${c}__toggle--expanded`, k), M.setAttribute("aria-expanded", k ? "true" : "false"), L.classList.toggle(`${i}--expanded`, k);
   };
   return /* @__PURE__ */ e.createElement(
     "li",
@@ -9233,7 +9235,7 @@ const ds = (_) => {
       y({
         className: `${c}__flyout`,
         ref: $.setFloating,
-        style: C
+        style: _
       }, v()),
       /* @__PURE__ */ e.createElement("div", { className: `${c}__flyout-heading` }, xe(r)),
       g(d, "second-level-flyout")
@@ -9280,28 +9282,28 @@ const ds = (_) => {
       displayType: s ? "icon" : "full",
       linkContent: r
     }
-  )), d.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, d.map((_, E) => /* @__PURE__ */ e.createElement(
+  )), d.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, d.map((C, E) => /* @__PURE__ */ e.createElement(
     yn,
     {
       key: E,
-      icon: _.icon,
-      isActive: we(_),
+      icon: C.icon,
+      isActive: we(C),
       isSidebarCollapsed: s,
       labels: a,
-      linkContent: _.linkContent,
-      links: _.links
+      linkContent: C.linkContent,
+      links: C.links
     }
-  )))), C = d.map((_) => ae(y({}, _), {
+  )))), _ = d.map((C) => ae(y({}, C), {
     linkContent: o2(
       u,
-      _.linkContent,
-      _.links,
-      _.icon
+      C.linkContent,
+      C.links,
+      C.icon
     )
   })), w = /* @__PURE__ */ e.createElement(
     T2,
     {
-      menuItems: C,
+      menuItems: _,
       selectTextFallback: c,
       className: `${u}__dropdown-menu`
     }
@@ -9323,13 +9325,13 @@ const ds = (_) => {
   minFilterItems: r = 5,
   noResultsText: d = "No results found"
 }) => {
-  const [c, l] = K(!1), [i, m] = K(null), [g, u] = K(a), [p, $] = K(""), C = a.length >= r, w = "pds-tab-menu", _ = `${w}__dropdown-menu`, E = C ? `${_}--scroll` : null, h = `${w}__dropdown-item`, o = oe([]), { context: f, refs: v } = Ae({
+  const [c, l] = K(!1), [i, m] = K(null), [g, u] = K(a), [p, $] = K(""), _ = a.length >= r, w = "pds-tab-menu", C = `${w}__dropdown-menu`, E = _ ? `${C}--scroll` : null, h = `${w}__dropdown-item`, o = oe([]), { context: f, refs: v } = Ae({
     open: c,
     onOpenChange: l,
     whileElementsMounted: Fe
   }), b = Xe(f, {
     event: "mousedown"
-  }), M = Te(f), H = De(f, { role: "listbox" }), L = m2(f, {
+  }), H = Te(f), M = De(f, { role: "listbox" }), L = m2(f, {
     listRef: o,
     activeIndex: i,
     onNavigate: m,
@@ -9337,8 +9339,8 @@ const ds = (_) => {
     focusItemOnHover: !0,
     focusItemOnOpen: !1
   }), { getReferenceProps: k, getFloatingProps: z, getItemProps: x } = Re(
-    [H, M, L, b]
-  ), { isMounted: A, styles: T } = Ye(f, {
+    [M, H, L, b]
+  ), { isMounted: I, styles: T } = Ye(f, {
     duration: {
       open: 300,
       close: 150
@@ -9353,28 +9355,28 @@ const ds = (_) => {
       opacity: 0
     }
   }), B = (Z) => {
-    var I;
-    Z.preventDefault(), Z.key === "Enter" && ((I = o.current[i].querySelector("a")) == null || I.click()), Z.key === "Tab" && Z.shiftKey && (C ? document.getElementById("links-filter").focus() : l(!1));
-  }, R = (Z, I) => xe(Z.linkContent).toLowerCase().includes(I.toLowerCase()), F = (Z) => {
-    const I = Z.target.value;
-    $(I);
-    const V = a.filter((S) => R(S, I));
+    var A;
+    Z.preventDefault(), Z.key === "Enter" && ((A = o.current[i].querySelector("a")) == null || A.click()), Z.key === "Tab" && Z.shiftKey && (_ ? document.getElementById("links-filter").focus() : l(!1));
+  }, R = (Z, A) => xe(Z.linkContent).toLowerCase().includes(A.toLowerCase()), F = (Z) => {
+    const A = Z.target.value;
+    $(A);
+    const V = a.filter((S) => R(S, A));
     u(V);
   };
   ce(() => {
-    const Z = a.filter((I) => R(I, p));
+    const Z = a.filter((A) => R(A, p));
     u(Z);
   }, [a]);
   const P = () => {
     $(""), u(a);
   }, q = a.reduce(
-    (Z, I) => xe(Z.linkContent).length > xe(I.linkContent).length ? Z : I
+    (Z, A) => xe(Z.linkContent).length > xe(A.linkContent).length ? Z : A
   ), se = {
     minWidth: "13rem",
     width: `${xe(
       q.linkContent
     ).length + 2}ch`
-  }, Q = /* @__PURE__ */ e.createElement(G, { iconName: "check", className: `${w}__active-icon` }), J = C && /* @__PURE__ */ e.createElement("div", { className: `${w}__filter` }, /* @__PURE__ */ e.createElement(
+  }, Q = /* @__PURE__ */ e.createElement(G, { iconName: "check", className: `${w}__active-icon` }), J = _ && /* @__PURE__ */ e.createElement("div", { className: `${w}__filter` }, /* @__PURE__ */ e.createElement(
     Zt,
     {
       hasClearButton: !0,
@@ -9387,17 +9389,17 @@ const ds = (_) => {
       type: "search",
       autoComplete: "off"
     }
-  )), Y = g.map((Z, I) => {
+  )), Y = g.map((Z, A) => {
     const V = Z.isActive ? `${h}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
-        key: I,
+        key: A,
         className: N([h, V]),
         ref: (S) => {
-          o.current[I] = S;
+          o.current[A] = S;
         },
-        tabIndex: I === i ? 0 : -1,
+        tabIndex: A === i ? 0 : -1,
         onKeyDown: B
       }, x()),
       Z.linkContent,
@@ -9422,7 +9424,7 @@ const ds = (_) => {
         className: `${w}__dropdown-trigger-icon`
       }
     )
-  ), A && /* @__PURE__ */ e.createElement(
+  ), I && /* @__PURE__ */ e.createElement(
     "div",
     y({
       ref: v.setFloating,
@@ -9432,7 +9434,7 @@ const ds = (_) => {
         zIndex: "var(--pds-z-index-dropdown)"
       }, se)
     })),
-    /* @__PURE__ */ e.createElement("div", { style: y({}, T) }, J, /* @__PURE__ */ e.createElement("ul", { className: N([_, E]) }, Y.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${w}__no-results` }, d) : Y))
+    /* @__PURE__ */ e.createElement("div", { style: y({}, T) }, J, /* @__PURE__ */ e.createElement("ul", { className: N([C, E]) }, Y.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${w}__no-results` }, d) : Y))
   ));
 }, Ps = (r) => {
   var d = r, {
@@ -9450,14 +9452,14 @@ const ds = (_) => {
   const i = "pds-tab-menu", m = c ? `${i}--isMobile` : null, g = ({
     dropdownSettings: p,
     icon: $,
-    isActive: C,
+    isActive: _,
     linkContent: w,
-    links: _,
+    links: C,
     promoteActiveChildLink: E = !1
   }) => {
-    const h = `${i}__item`, o = lt(_), f = (v, b) => {
-      let M = null;
-      return typeof v == "object" && (b ? M = Ie(v, ae(y({}, v.props), {
+    const h = `${i}__item`, o = lt(C), f = (v, b) => {
+      let H = null;
+      return typeof v == "object" && (b ? H = Ie(v, ae(y({}, v.props), {
         children: [
           /* @__PURE__ */ e.createElement("span", { key: b, className: `${i}__item-inner` }, /* @__PURE__ */ e.createElement(
             G,
@@ -9468,21 +9470,21 @@ const ds = (_) => {
             }
           ), v.props.children)
         ]
-      })) : M = v), M;
+      })) : H = v), H;
     };
     return /* @__PURE__ */ e.createElement(
       "li",
       {
         className: N([
           h,
-          C ? `${h}--active` : null
+          _ ? `${h}--active` : null
         ])
       },
       f(E ? o : w, $),
-      _ && /* @__PURE__ */ e.createElement(
+      C && /* @__PURE__ */ e.createElement(
         Ln,
         {
-          links: _,
+          links: C,
           buttonLabel: p == null ? void 0 : p.buttonLabel,
           filterLabel: p == null ? void 0 : p.filterLabel,
           filterPlaceholder: p == null ? void 0 : p.filterPlaceholder,
@@ -9529,17 +9531,17 @@ const ds = (_) => {
     "withinNavbar",
     "className"
   ]);
-  const [g, u] = K(null), [p, $] = K(!1), C = oe([]), w = oe([]);
-  let _ = !1;
+  const [g, u] = K(null), [p, $] = K(!1), _ = oe([]), w = oe([]);
+  let C = !1;
   const E = be(ye);
-  E && (_ = E.isMobile);
-  const h = d && _, o = "pds-user-menu", f = h ? `${o}--isMobile` : null, v = `${o}__menu`, { refs: b, floatingStyles: M, context: H } = Ae({
+  E && (C = E.isMobile);
+  const h = d && C, o = "pds-user-menu", f = h ? `${o}--isMobile` : null, v = `${o}__menu`, { refs: b, floatingStyles: H, context: M } = Ae({
     placement: "bottom-end",
     open: p,
     onOpenChange: $,
     middleware: [i2(12), d2(), b2()],
     whileElementsMounted: Fe
-  }), L = Xe(H, { event: "mousedown" }), k = Te(H), z = De(H, { role: "menu" }), x = oe([]), A = m2(H, {
+  }), L = Xe(M, { event: "mousedown" }), k = Te(M), z = De(M, { role: "menu" }), x = oe([]), I = m2(M, {
     listRef: x,
     activeIndex: g,
     onNavigate: u,
@@ -9548,8 +9550,8 @@ const ds = (_) => {
     focusItemOnOpen: !1,
     focusItemOnHover: !0
   }), { getReferenceProps: T, getFloatingProps: B, getItemProps: R } = Re(
-    [k, z, L, A]
-  ), { isMounted: F, styles: P } = Ye(H, {
+    [k, z, L, I]
+  ), { isMounted: F, styles: P } = Ye(M, {
     duration: {
       open: 300,
       close: 150
@@ -9575,17 +9577,17 @@ const ds = (_) => {
   ), X = /* @__PURE__ */ e.createElement(G, { iconName: "angleDown", className: `${o}__trigger-icon` }), se = /* @__PURE__ */ e.createElement("li", { className: `${o}__user-details`, role: "presentation" }, h ? null : /* @__PURE__ */ e.createElement("div", { className: `${o}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${o}__user-email` }, s));
   n.forEach((O) => {
     const j = O.id ? O.id : c2();
-    C.current.push(j), w.current.push(O);
+    _.current.push(j), w.current.push(O);
   });
   const Q = (O) => {
-    const j = C.current.indexOf(O), ee = w.current[j];
+    const j = _.current.indexOf(O), ee = w.current[j];
     ee.linkContent && !ee.disabled && (x.current[j].querySelector("a").click(), $(!1)), ee.callback && !ee.disabled && (ee.callback(ee), $(!1));
   }, J = (O) => {
     O.preventDefault(), O.key === "Enter" && Q(O.currentTarget.id);
   }, Y = (O) => {
     Q(O.currentTarget.id);
   }, Z = n.map((O, j) => {
-    const ee = C.current[j], ue = `${o}__item`, de = O.disabled ? `${ue}--disabled` : null;
+    const ee = _.current[j], ue = `${o}__item`, de = O.disabled ? `${ue}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
@@ -9609,7 +9611,7 @@ const ds = (_) => {
       ),
       O.linkContent ? O.linkContent : O.label
     );
-  }), I = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }), A = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
       className: `${o}__trigger`,
@@ -9623,7 +9625,7 @@ const ds = (_) => {
     y({
       className: `${o}__dropdown`,
       ref: b.setFloating,
-      style: ae(y({}, M), {
+      style: ae(y({}, H), {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, B()),
@@ -9659,7 +9661,7 @@ const ds = (_) => {
     y({
       className: N([o, f, c != null ? c : ""])
     }, l),
-    h ? S : I
+    h ? S : A
   );
 }, Hn = {
   silver: "Silver",
@@ -9690,18 +9692,18 @@ const ds = (_) => {
     "workspaceList",
     "className"
   ]);
-  const [$, C] = K(!1), [w, _] = K(null), [E, h] = K(i), o = oe([]), f = oe(null), v = i.length >= d;
+  const [$, _] = K(!1), [w, C] = K(null), [E, h] = K(i), o = oe([]), f = oe(null), v = i.length >= d;
   let b = !1;
-  const M = be(ye);
-  M && (b = M.isMobile);
-  const H = l && b, L = "pds-workspace-selector", k = H ? `${L}--isMobile` : null, z = `${L}__menu`, x = v ? `${z}--scroll` : null, { refs: A, floatingStyles: T, context: B } = Ae({
+  const H = be(ye);
+  H && (b = H.isMobile);
+  const M = l && b, L = "pds-workspace-selector", k = M ? `${L}--isMobile` : null, z = `${L}__menu`, x = v ? `${z}--scroll` : null, { refs: I, floatingStyles: T, context: B } = Ae({
     open: $,
-    onOpenChange: C,
+    onOpenChange: _,
     whileElementsMounted: Fe
   }), R = Xe(B, { event: "mousedown" }), F = Te(B), P = De(B, { role: "menu" }), q = m2(B, {
     listRef: o,
     activeIndex: w,
-    onNavigate: _,
+    onNavigate: C,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0,
@@ -9725,7 +9727,7 @@ const ds = (_) => {
   });
   let Z = i.find((re) => re.isActive);
   Z || (Z = i[0]);
-  const I = (re) => {
+  const A = (re) => {
     const { value: he } = re.target, pe = i.filter((me) => me.displayName.toLowerCase().includes(he.toLowerCase()));
     h(pe);
   };
@@ -9736,7 +9738,7 @@ const ds = (_) => {
     h(re);
   }, [i]);
   const V = (re) => {
-    re.preventDefault(), re.key === "Enter" && o.current[w].querySelector("a").click(), re.key === "Tab" && (re.shiftKey ? v ? document.getElementById("workspace-filter").focus() : C(!1) : n ? f.current.querySelector("a").focus() : C(!1));
+    re.preventDefault(), re.key === "Enter" && o.current[w].querySelector("a").click(), re.key === "Tab" && (re.shiftKey ? v ? document.getElementById("workspace-filter").focus() : _(!1) : n ? f.current.querySelector("a").focus() : _(!1));
   }, S = /* @__PURE__ */ e.createElement("div", { className: `${L}__button-content` }, /* @__PURE__ */ e.createElement(
     X2,
     {
@@ -9766,7 +9768,7 @@ const ds = (_) => {
       onClear: () => h(i),
       id: "workspace-filter",
       label: a,
-      onChange: I,
+      onChange: A,
       placeholder: s,
       showLabel: !1,
       type: "search"
@@ -9794,7 +9796,7 @@ const ds = (_) => {
         /* @__PURE__ */ e.createElement(
           e2,
           ae(y({}, re.workspaceLink.props), {
-            onClick: () => C(!1)
+            onClick: () => _(!1)
           }),
           /* @__PURE__ */ e.createElement("div", { className: `${L}__item-content` }, /* @__PURE__ */ e.createElement(
             X2,
@@ -9816,15 +9818,15 @@ const ds = (_) => {
       iconName: "plus",
       linkContent: n,
       variant: "subtle",
-      onBlur: C.bind(null, !1),
-      onClick: C.bind(null, !1)
+      onBlur: _.bind(null, !1),
+      onClick: _.bind(null, !1)
     }
   )), de = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
       className: `${L}__trigger`,
       "aria-label": t,
-      ref: A.setReference,
+      ref: I.setReference,
       type: "button"
     }, X()),
     S,
@@ -9833,7 +9835,7 @@ const ds = (_) => {
     "div",
     y({
       className: `${L}__dropdown`,
-      ref: A.setFloating,
+      ref: I.setFloating,
       style: {
         zIndex: "var(--pds-z-index-dropdown)"
       }
@@ -9870,7 +9872,7 @@ const ds = (_) => {
     y({
       className: N([L, k, m])
     }, g),
-    H ? _e : de
+    M ? _e : de
   );
 }, Mn = {
   info: "circleInfo",
@@ -9903,38 +9905,38 @@ const ds = (_) => {
   const u = m.length;
   if (u === 0)
     return null;
-  const p = "pds-banner", $ = u > 1 ? `${p}-group--multiple` : null, C = {
+  const p = "pds-banner", $ = u > 1 ? `${p}-group--multiple` : null, _ = {
     info: `${p}--info`,
     warning: `${p}--warning`,
     critical: `${p}--critical`
-  }, w = u > 0 ? m[0].type : null, _ = w ? `${p}-group--${w}` : null, E = (M) => ({
-    zIndex: D2 - M
-  }), h = (M) => M === 0 ? 0 : -1, o = () => {
-    const M = document.getElementsByClassName(
+  }, w = u > 0 ? m[0].type : null, C = w ? `${p}-group--${w}` : null, E = (H) => ({
+    zIndex: D2 - H
+  }), h = (H) => H === 0 ? 0 : -1, o = () => {
+    const H = document.getElementsByClassName(
       `${p}--fading`
     );
-    for (; M.length; )
-      M[0].classList.remove(`${p}--fading`);
+    for (; H.length; )
+      H[0].classList.remove(`${p}--fading`);
   }, f = () => {
     o(), document.getElementById(m[0].id).classList.add(`${p}--fading`), setTimeout(() => {
-      g((M) => [
-        ...M.slice(1),
-        M[0]
+      g((H) => [
+        ...H.slice(1),
+        H[0]
       ]);
     }, 200);
   }, v = () => {
     o(), document.getElementById(m[0].id).style.zIndex = (D2 + 2).toString(), document.getElementById(m[u - 1].id).style.zIndex = (D2 + 1).toString(), setTimeout(() => {
       document.getElementById(m[0].id).classList.add(`${p}--fading`);
     }, 50), setTimeout(() => {
-      g((M) => [
-        M[M.length - 1],
-        ...M.slice(0, M.length - 1)
+      g((H) => [
+        H[H.length - 1],
+        ...H.slice(0, H.length - 1)
       ]), document.getElementById(m[0].id).classList.remove(`${p}--fading`);
     }, 200);
-  }, b = (M, H) => {
-    const { id: L, isDismissible: k, message: z, onDismiss: x, type: A } = M, B = ["critical", "warning"].includes(A) ? "alert" : "status", R = `${r[A]}:  `, F = (P) => {
+  }, b = (H, M) => {
+    const { id: L, isDismissible: k, message: z, onDismiss: x, type: I } = H, B = ["critical", "warning"].includes(I) ? "alert" : "status", R = `${r[I]}:  `, F = (P) => {
       P.preventDefault(), document.getElementById(L).classList.add(`${p}--dismissing`), setTimeout(() => {
-        if (x && M.onDismiss(), u === 1) {
+        if (x && H.onDismiss(), u === 1) {
           g([]);
           return;
         }
@@ -9948,18 +9950,18 @@ const ds = (_) => {
       {
         key: L,
         id: L,
-        className: N([p, C[A]]),
+        className: N([p, _[I]]),
         role: B,
         style: {
-          zIndex: E(H).zIndex
+          zIndex: E(M).zIndex
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
         G,
         {
-          iconName: Mn[A],
+          iconName: Mn[I],
           iconSize: "md",
-          className: `${p}__icon ${p}__icon--${M.type}`
+          className: `${p}__icon ${p}__icon--${H.type}`
         }
       ), /* @__PURE__ */ e.createElement("div", { className: `${p}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, R, " "), z)),
       k && /* @__PURE__ */ e.createElement(
@@ -9967,7 +9969,7 @@ const ds = (_) => {
         {
           className: `${p}__dismiss-button`,
           onClick: F,
-          tabIndex: h(H),
+          tabIndex: h(M),
           type: "button"
         },
         n
@@ -9979,7 +9981,7 @@ const ds = (_) => {
     y({
       className: N([
         `${p}-group`,
-        _,
+        C,
         $,
         d != null ? d : ""
       ])
@@ -10002,7 +10004,7 @@ const ds = (_) => {
         ariaLabel: s,
         onClick: f
       }
-    ), m.map((M, H) => b(M, H))) : b(m[0], 0)
+    ), m.map((H, M) => b(H, M))) : b(m[0], 0)
   );
 }, G2 = {
   info: "circleInfo",
@@ -10088,22 +10090,22 @@ const ds = (_) => {
     "typeLabels",
     "className"
   ]);
-  const $ = oe(null), C = "pds-section-message", w = {
-    error: `${C}--error`,
-    success: `${C}--success`,
-    warning: `${C}--warning`,
-    info: `${C}--info`,
-    critical: `${C}--critical`,
-    discovery: `${C}--discovery`,
-    dismissing: `${C}--dismissing`,
-    dismissed: `${C}--dismissed`
-  }, _ = a ? `${C}--hasDismiss` : null, E = c ? `${C}--hasTitle` : null, o = ["critical", "warning"].includes(l) ? "alert" : "status", f = `${i[l]}: `, v = typeof d == "string" ? /* @__PURE__ */ e.createElement("p", null, d) : d, b = () => {
-    $.current.addEventListener("animationend", M, {
+  const $ = oe(null), _ = "pds-section-message", w = {
+    error: `${_}--error`,
+    success: `${_}--success`,
+    warning: `${_}--warning`,
+    info: `${_}--info`,
+    critical: `${_}--critical`,
+    discovery: `${_}--discovery`,
+    dismissing: `${_}--dismissing`,
+    dismissed: `${_}--dismissed`
+  }, C = a ? `${_}--hasDismiss` : null, E = c ? `${_}--hasTitle` : null, o = ["critical", "warning"].includes(l) ? "alert" : "status", f = `${i[l]}: `, v = typeof d == "string" ? /* @__PURE__ */ e.createElement("p", null, d) : d, b = () => {
+    $.current.addEventListener("animationend", H, {
       once: !0
     });
-  }, M = (L) => {
+  }, H = (L) => {
     r(L, s);
-  }, H = () => {
+  }, M = () => {
     b(), $.current.classList.toggle(w.dismissing), setTimeout(() => {
       $.current.classList.toggle(w.dismissing), $.current.classList.toggle(w.dismissed);
     }, 400);
@@ -10112,9 +10114,9 @@ const ds = (_) => {
     "div",
     y({
       className: N([
-        C,
-        w[l],
         _,
+        w[l],
+        C,
         E,
         m != null ? m : ""
       ]),
@@ -10122,25 +10124,25 @@ const ds = (_) => {
       ref: $,
       role: o
     }, g),
-    /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__icon ${C}__icon-${l}` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${_}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${_}__icon ${_}__icon-${l}` }, /* @__PURE__ */ e.createElement(
       G,
       {
         iconName: `${l}` in W2 ? W2[l] : W2.info,
         iconSize: "lg"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${C}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), c && /* @__PURE__ */ e.createElement("div", { className: `${C}__title` }, c), /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, v))),
-    (t || a) && /* @__PURE__ */ e.createElement("div", { className: `${C}__actions` }, t && /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: `${_}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), c && /* @__PURE__ */ e.createElement("div", { className: `${_}__title` }, c), /* @__PURE__ */ e.createElement("div", { className: `${_}__message` }, v))),
+    (t || a) && /* @__PURE__ */ e.createElement("div", { className: `${_}__actions` }, t && /* @__PURE__ */ e.createElement(
       qe,
       ae(y({}, t), {
-        className: `${C}__cta`,
+        className: `${_}__cta`,
         size: "sm",
         variant: "secondary"
       })
     ), a && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `${C}__dismiss`,
-        onClick: H,
+        className: `${_}__dismiss`,
+        onClick: M,
         "aria-label": n,
         role: "button",
         type: "button"
@@ -10253,11 +10255,11 @@ const Ks = () => {
     return [...M2(1, $), C2, d];
   }
   if (u && !p) {
-    const $ = 3 + 2 * t, C = M2(
+    const $ = 3 + 2 * t, _ = M2(
       d - $ + 1,
       d
     );
-    return [l, C2, ...C];
+    return [l, C2, ..._];
   }
   if (u && p) {
     const $ = M2(m, g);
@@ -10299,28 +10301,28 @@ const Ks = () => {
     totalItemCount: l,
     bufferCount: t,
     itemsPerPage: r
-  }), $ = p[p.length - 1], C = () => {
+  }), $ = p[p.length - 1], _ = () => {
     c(n + 1);
   }, w = () => {
     c(n - 1);
-  }, _ = "pds-pagination", E = `${_}__item`, h = `${E}--current`, o = `${E}--disabled`;
+  }, C = "pds-pagination", E = `${C}__item`, h = `${E}--current`, o = `${E}--disabled`;
   return n === 0 || p.length < 2 ? null : /* @__PURE__ */ e.createElement(
     "nav",
     y({
       "aria-labelledby": "pagination",
-      className: N([_, i != null ? i : ""])
+      className: N([C, i != null ? i : ""])
     }, m),
     /* @__PURE__ */ e.createElement(
       Qe,
       {
         id: "pagination",
-        baseClass: _,
+        baseClass: C,
         className: "visually-hidden",
         level: s
       },
       a
     ),
-    /* @__PURE__ */ e.createElement("ul", { className: `${_}__list` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("ul", { className: `${C}__list` }, /* @__PURE__ */ e.createElement(
       "li",
       {
         className: N([
@@ -10378,7 +10380,7 @@ const Ks = () => {
         {
           "aria-disabled": n === $ ? !0 : void 0,
           "aria-label": d.next,
-          onClick: n === $ ? void 0 : C,
+          onClick: n === $ ? void 0 : _,
           type: "button"
         },
         /* @__PURE__ */ e.createElement(G, { iconName: "arrowRight" })
@@ -10401,29 +10403,29 @@ const Ks = () => {
   ]);
   const [i, m] = K(s), u = oe(
     n || `expansion-panel-${c2()}`
-  ).current, p = "pds-expansion-panel", $ = oe(null), C = oe(null), w = oe(null);
+  ).current, p = "pds-expansion-panel", $ = oe(null), _ = oe(null), w = oe(null);
   return ce(() => {
-    const _ = $.current, E = C.current, h = w.current;
-    if (!_ || !E || !h) return;
+    const C = $.current, E = _.current, h = w.current;
+    if (!C || !E || !h) return;
     let o = null, f = !1, v = !1;
     const b = (z) => {
-      z.preventDefault(), _.style.overflow = "hidden", f || !_.open ? H() : (v || _.open) && M();
-    }, M = () => {
+      z.preventDefault(), C.style.overflow = "hidden", f || !C.open ? M() : (v || C.open) && H();
+    }, H = () => {
       f = !0, m(!1);
-      const z = `${_.offsetHeight}px`, x = `${E.offsetHeight}px`;
-      o && o.cancel(), o = _.animate(
+      const z = `${C.offsetHeight}px`, x = `${E.offsetHeight}px`;
+      o && o.cancel(), o = C.animate(
         { height: [z, x] },
         {
           duration: $t,
           easing: je
         }
       ), o.onfinish = () => k(!1), o.oncancel = () => f = !1;
-    }, H = () => {
-      _.style.height = `${_.offsetHeight}px`, _.open = !0, m(!0), requestAnimationFrame(() => L());
+    }, M = () => {
+      C.style.height = `${C.offsetHeight}px`, C.open = !0, m(!0), requestAnimationFrame(() => L());
     }, L = () => {
       v = !0;
-      const z = `${_.offsetHeight}px`, x = `${E.offsetHeight + h.offsetHeight}px`;
-      o && o.cancel(), o = _.animate(
+      const z = `${C.offsetHeight}px`, x = `${E.offsetHeight + h.offsetHeight}px`;
+      o && o.cancel(), o = C.animate(
         { height: [z, x] },
         {
           duration: $t,
@@ -10431,7 +10433,7 @@ const Ks = () => {
         }
       ), o.onfinish = () => k(!0), o.oncancel = () => v = !1;
     }, k = (z) => {
-      _.open = z, o = null, f = !1, v = !1, _.style.height = _.style.overflow = "";
+      C.open = z, o = null, f = !1, v = !1, C.style.height = C.style.overflow = "";
     };
     return E.addEventListener("click", b), () => E.removeEventListener("click", b);
   }, []), /* @__PURE__ */ e.createElement("div", y({ className: N([p, r]) }, d), /* @__PURE__ */ e.createElement(
@@ -10442,7 +10444,7 @@ const Ks = () => {
       open: s,
       ref: $
     },
-    /* @__PURE__ */ e.createElement("summary", { ref: C }, /* @__PURE__ */ e.createElement("span", null, a), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("summary", { ref: _ }, /* @__PURE__ */ e.createElement("span", null, a), /* @__PURE__ */ e.createElement(
       G,
       {
         iconName: "angleDown",
@@ -10531,7 +10533,7 @@ const Ks = () => {
     "isExpandable",
     "expandButtonAriaLabel"
   ]);
-  const l = "pds-panel-row", [i, m] = K(!1), g = oe(null), u = oe(null), p = Oe(t), $ = p["items-left"], C = p["items-right"], w = p["items-below"], _ = () => {
+  const l = "pds-panel-row", [i, m] = K(!1), g = oe(null), u = oe(null), p = Oe(t), $ = p["items-left"], _ = p["items-right"], w = p["items-below"], C = () => {
     const E = u.current, h = g.current;
     if (!E || !h) return;
     const o = !i;
@@ -10589,12 +10591,12 @@ const Ks = () => {
         ])
       },
       $ && /* @__PURE__ */ e.createElement("div", { className: `${l}__items ${l}__items--left` }, $),
-      C && /* @__PURE__ */ e.createElement("div", { className: `${l}__items ${l}__items--right` }, C),
+      _ && /* @__PURE__ */ e.createElement("div", { className: `${l}__items ${l}__items--right` }, _),
       s && /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${l}__expand-button`,
-          onClick: _,
+          onClick: C,
           "aria-expanded": i,
           "aria-label": a
         },
@@ -10645,7 +10647,7 @@ const Ks = () => {
     }, c)
   ));
 }, a2 = 8, wt = 14, Vn = 6, Sn = (w) => {
-  var _ = w, {
+  var C = w, {
     content: t,
     closeButtonLabel: n = "Close",
     customTrigger: s = !1,
@@ -10662,7 +10664,7 @@ const Ks = () => {
     },
     className: p,
     classNameContainer: $
-  } = _, C = D(_, [
+  } = C, _ = D(C, [
     "content",
     "closeButtonLabel",
     "customTrigger",
@@ -10678,7 +10680,7 @@ const Ks = () => {
     "className",
     "classNameContainer"
   ]);
-  var J, Y, Z, I;
+  var J, Y, Z, A;
   const [E, h] = K(g);
   ce(() => {
     h(g);
@@ -10688,7 +10690,7 @@ const Ks = () => {
   const o = typeof s, f = "pds-popover", v = N([
     `${f}__trigger-custom`,
     o === "string" ? `${f}__trigger-text` : ""
-  ]), b = s ? r : 0, M = oe(null), { refs: H, floatingStyles: L, context: k, middlewareData: z } = Ae({
+  ]), b = s ? r : 0, H = oe(null), { refs: M, floatingStyles: L, context: k, middlewareData: z } = Ae({
     placement: c,
     open: E,
     onOpenChange(V) {
@@ -10698,16 +10700,16 @@ const Ks = () => {
       i2(a2 + Vn + b),
       d2({ padding: 8 }),
       b2({ padding: 8 }),
-      c1({ element: M })
+      c1({ element: H })
     ],
     whileElementsMounted: Fe
   }), x = () => {
     h(!1), d && d();
-  }, A = Xe(k), T = Te(k), B = De(k), { getReferenceProps: R, getFloatingProps: F } = Re([
-    A,
+  }, I = Xe(k), T = Te(k), B = De(k), { getReferenceProps: R, getFloatingProps: F } = Re([
+    I,
     T,
     B
-  ]), P = (Y = (J = z.arrow) == null ? void 0 : J.x) != null ? Y : 0, q = (I = (Z = z.arrow) == null ? void 0 : Z.y) != null ? I : 0, X = P + wt / 2, se = q + a2, { isMounted: Q } = Ye(k, {
+  ]), P = (Y = (J = z.arrow) == null ? void 0 : J.x) != null ? Y : 0, q = (A = (Z = z.arrow) == null ? void 0 : Z.y) != null ? A : 0, X = P + wt / 2, se = q + a2, { isMounted: Q } = Ye(k, {
     initial: {
       transform: "scale(0)"
     },
@@ -10720,14 +10722,14 @@ const Ks = () => {
       }[V]
     })
   });
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([f, p]) }, C), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([f, p]) }, _), /* @__PURE__ */ e.createElement(
     "span",
     y(y({
       className: `${f}__trigger`,
-      ref: H.setReference,
+      ref: M.setReference,
       role: "button",
       tabIndex: 0
-    }, R()), C),
+    }, R()), _),
     s ? /* @__PURE__ */ e.createElement("span", { className: v }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), /* @__PURE__ */ e.createElement(
       G,
       {
@@ -10750,13 +10752,13 @@ const Ks = () => {
           `${f}__container`,
           $
         ]),
-        ref: H.setFloating,
+        ref: M.setFloating,
         style: L
       }, F()),
       /* @__PURE__ */ e.createElement(
         r1,
         {
-          ref: M,
+          ref: H,
           context: k,
           height: a2,
           width: wt,
@@ -10810,23 +10812,23 @@ const Ks = () => {
     "size",
     "className"
   ]);
-  const $ = n || c2(), C = "pds-progress-bar", w = c ? `${C}__label` : "visually-hidden", _ = `${C}__track ${C}__track--${i}`, E = d > 100 ? 100 : d;
+  const $ = n || c2(), _ = "pds-progress-bar", w = c ? `${_}__label` : "visually-hidden", C = `${_}__track ${_}__track--${i}`, E = d > 100 ? 100 : d;
   let h = "neutral";
   t.forEach((b) => {
     d >= b.percentage && (h = b.colorType);
   });
-  const o = /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, a), f = a && r === "above", v = a && r === "below";
+  const o = /* @__PURE__ */ e.createElement("div", { className: `${_}__message` }, a), f = a && r === "above", v = a && r === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [C, m].join(" ").trim().replace(/\s+/g, " "),
+      className: [_, m].join(" ").trim().replace(/\s+/g, " "),
       style: { "--bar-percentage": `${E}%` }
     }, g),
     /* @__PURE__ */ e.createElement("div", { id: $, className: w }, s),
-    (f || l) && /* @__PURE__ */ e.createElement("div", { className: `${C}__details` }, f && o, l && /* @__PURE__ */ e.createElement(
+    (f || l) && /* @__PURE__ */ e.createElement("div", { className: `${_}__details` }, f && o, l && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${C}__percentage`,
+        className: `${_}__percentage`,
         style: {
           color: `hsl(from var(${yt[h]}) h s calc(l - 7))`
         }
@@ -10834,18 +10836,18 @@ const Ks = () => {
       d,
       "%"
     )),
-    /* @__PURE__ */ e.createElement("div", { className: `${C}__wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${_}__wrapper` }, /* @__PURE__ */ e.createElement(
       "div",
       {
         role: "progressbar",
         "aria-labelledby": $,
         "aria-valuenow": E,
-        className: _
+        className: C
       },
       /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: `${C}__bar`,
+          className: `${_}__bar`,
           style: {
             width: `${E}%`,
             backgroundColor: `var(${yt[h]})`
@@ -10875,10 +10877,10 @@ const Ks = () => {
     "size",
     "className"
   ]);
-  const u = t || c2(), p = "pds-progress-ring", $ = r ? `${p}__label` : "visually-hidden", C = `${p}__loading-text ${p}__loading-text--${c}`, w = (b) => b * 16;
-  let _ = w(Pt), E = 7;
-  c === "sm" && (_ = w(Ft), E = E / 1.25), c === "lg" && (_ = w(Bt), E = E * 1.25);
-  const h = _ / 2 - E / 2, o = 2 * Math.PI * h, f = o - o * a / 100;
+  const u = t || c2(), p = "pds-progress-ring", $ = r ? `${p}__label` : "visually-hidden", _ = `${p}__loading-text ${p}__loading-text--${c}`, w = (b) => b * 16;
+  let C = w(Pt), E = 7;
+  c === "sm" && (C = w(Ft), E = E / 1.25), c === "lg" && (C = w(Bt), E = E * 1.25);
+  const h = C / 2 - E / 2, o = 2 * Math.PI * h, f = o - o * a / 100;
   let v;
   return n ? v = n : d ? v = `${a}%` : v = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -10903,16 +10905,16 @@ const Ks = () => {
       /* @__PURE__ */ e.createElement(
         "svg",
         {
-          height: _,
-          width: _,
-          viewBox: `0 0 ${_} ${_}`
+          height: C,
+          width: C,
+          viewBox: `0 0 ${C} ${C}`
         },
         /* @__PURE__ */ e.createElement(
           "circle",
           {
             className: `${p}__track`,
-            cx: _ / 2,
-            cy: _ / 2,
+            cx: C / 2,
+            cy: C / 2,
             r: h,
             strokeWidth: E
           }
@@ -10921,19 +10923,19 @@ const Ks = () => {
           "circle",
           {
             className: `${p}__progress`,
-            cx: _ / 2,
-            cy: _ / 2,
+            cx: C / 2,
+            cy: C / 2,
             r: h,
             strokeWidth: E,
             strokeDasharray: o,
             strokeDashoffset: f,
-            transform: `rotate(-90 ${_ / 2} ${_ / 2})`
+            transform: `rotate(-90 ${C / 2} ${C / 2})`
           }
         ),
         /* @__PURE__ */ e.createElement(
           "text",
           {
-            className: C,
+            className: _,
             fill: "var(--pds-color-fg-default)",
             x: "50%",
             y: "51%",
@@ -11015,7 +11017,7 @@ const l4 = (i) => {
         return p.checking;
       case "checked":
         if (a) {
-          const v = a instanceof Date ? a : new Date(a), b = Date.now() - v.getTime(), M = Math.floor(b / 1e3), H = Math.floor(M / 60), L = Math.floor(H / 60), k = Math.floor(L / 24), z = {
+          const v = a instanceof Date ? a : new Date(a), b = Date.now() - v.getTime(), H = Math.floor(b / 1e3), M = Math.floor(H / 60), L = Math.floor(M / 60), k = Math.floor(L / 24), z = {
             year: "numeric",
             month: "short",
             day: "numeric"
@@ -11024,13 +11026,13 @@ const l4 = (i) => {
           return k > 7 ? x = v.toLocaleDateString(
             void 0,
             z
-          ) : k > 0 && k <= 7 ? x = `${k} day${k !== 1 ? "s" : ""} ago` : L > 0 ? x = `${L} hour${L !== 1 ? "s" : ""} ago` : H > 0 ? x = `${H} minute${H !== 1 ? "s" : ""} ago` : x = `${M} second${M !== 1 ? "s" : ""} ago`, `${p.checked} ${x}`;
+          ) : k > 0 && k <= 7 ? x = `${k} day${k !== 1 ? "s" : ""} ago` : L > 0 ? x = `${L} hour${L !== 1 ? "s" : ""} ago` : M > 0 ? x = `${M} minute${M !== 1 ? "s" : ""} ago` : x = `${H} second${H !== 1 ? "s" : ""} ago`, `${p.checked} ${x}`;
         }
         return p.checked;
     }
-  }, C = () => {
+  }, _ = () => {
     r == null || r();
-  }, w = "pds-refresh-checker", _ = `${w}--${t}`, E = N([
+  }, w = "pds-refresh-checker", C = `${w}--${t}`, E = N([
     `${w}__button`,
     g === "working" ? `${w}__button--spinning` : ""
   ]), h = n !== null && n > 0 ? `${n}rem` : "100%", o = /* @__PURE__ */ e.createElement("span", { className: `${w}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
@@ -11044,7 +11046,7 @@ const l4 = (i) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: N([w, _, c != null ? c : ""]),
+      className: N([w, C, c != null ? c : ""]),
       style: { width: h }
     }, l),
     /* @__PURE__ */ e.createElement(
@@ -11052,7 +11054,7 @@ const l4 = (i) => {
       {
         type: "button",
         className: E,
-        onClick: C,
+        onClick: _,
         "aria-live": "polite",
         "aria-label": p.ariaLabel
       },
@@ -11095,8 +11097,8 @@ const l4 = (i) => {
     "upgradeLabel",
     "className"
   ]);
-  const C = "pds-site-dashboard-heading", w = $n[c], _ = l ? Wt[l] : "bolt";
-  return /* @__PURE__ */ e.createElement("div", y({ className: N([C, g != null ? g : ""]) }, u), /* @__PURE__ */ e.createElement(G, { iconName: _, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, d), /* @__PURE__ */ e.createElement("span", { className: `${C}__plan-level-badge` }, c === "sandbox" ? /* @__PURE__ */ e.createElement(
+  const _ = "pds-site-dashboard-heading", w = $n[c], C = l ? Wt[l] : "bolt";
+  return /* @__PURE__ */ e.createElement("div", y({ className: N([_, g != null ? g : ""]) }, u), /* @__PURE__ */ e.createElement(G, { iconName: C, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, d), /* @__PURE__ */ e.createElement("span", { className: `${_}__plan-level-badge` }, c === "sandbox" ? /* @__PURE__ */ e.createElement(
     qe,
     {
       displayType: "icon-start",
@@ -11229,15 +11231,15 @@ const l4 = (i) => {
   ]);
   const c = "pds-stepper", l = "pds-stepper-mobile", i = oe(), [m] = S2(i), g = m.width, u = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
-  ) * 16, p = -40, $ = 2, C = 5, w = t.length, _ = t.map((o) => o.isCurrent).lastIndexOf(!0), E = t.map((o, f) => {
-    const v = f + 1, b = f === _, M = f < _, H = o.hasError && b, k = (g - w * u) / (w + (w - 2)), z = u + k * 2, x = u + k, A = k + p * -1, T = f === 0, B = f === w - 1;
+  ) * 16, p = -40, $ = 2, _ = 5, w = t.length, C = t.map((o) => o.isCurrent).lastIndexOf(!0), E = t.map((o, f) => {
+    const v = f + 1, b = f === C, H = f < C, M = o.hasError && b, k = (g - w * u) / (w + (w - 2)), z = u + k * 2, x = u + k, I = k + p * -1, T = f === 0, B = f === w - 1;
     let R = z;
     (T || B) && (R = x);
     const F = `${c}__step`, P = [F];
-    b && P.push(`${F}--current`), M && P.push(`${F}--complete`), H && P.push(`${F}--error`);
+    b && P.push(`${F}--current`), H && P.push(`${F}--complete`), M && P.push(`${F}--error`);
     let q = `${n.step} ${v}`;
-    M && (q = `${n.step} ${v}, ${n.completed}`), H && (q = `${n.step} ${v}, ${n.hasError}`);
-    const X = M ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }, /* @__PURE__ */ e.createElement(
+    H && (q = `${n.step} ${v}, ${n.completed}`), M && (q = `${n.step} ${v}, ${n.hasError}`);
+    const X = H ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }, /* @__PURE__ */ e.createElement(
       G,
       {
         iconName: "check",
@@ -11246,7 +11248,7 @@ const l4 = (i) => {
       }
     )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }), se = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-label` }, o.label);
     let Q = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-content` }, se, X);
-    if (M && o.callback) {
+    if (H && o.callback) {
       const J = (Y) => {
         o.callback(o), Y.preventDefault();
       };
@@ -11278,7 +11280,7 @@ const l4 = (i) => {
         {
           className: `${c}__connector ${c}__connector--before`,
           style: {
-            width: A,
+            width: I,
             marginRight: p
           }
         }
@@ -11288,18 +11290,18 @@ const l4 = (i) => {
         "span",
         {
           className: `${c}__connector ${c}__connector--after`,
-          style: { width: A, marginLeft: p }
+          style: { width: I, marginLeft: p }
         }
       )
     );
   }), h = t.map((o, f) => {
-    const v = f + 1, b = f === _, M = f === w - 1, H = o.hasError && b, L = t[_ + 1] ? t[_ + 1].label : null;
+    const v = f + 1, b = f === C, H = f === w - 1, M = o.hasError && b, L = t[C + 1] ? t[C + 1].label : null;
     if (b) {
-      const k = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), v, " of ", w), z = v / w * 100, x = H ? {
+      const k = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), v, " of ", w), z = v / w * 100, x = M ? {
         "--pds-color-status-info-foreground": "var(--pds-color-status-critical-foreground)"
       } : {
         "--pds-color-status-info-foreground": "var(--pds-color-brand-primary-default)"
-      }, A = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, n.step, " ", v, ", ", n.hasError);
+      }, I = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, n.step, " ", v, ", ", n.hasError);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -11317,18 +11319,18 @@ const l4 = (i) => {
             style: x
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${l}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${l}__step-label` }, H && /* @__PURE__ */ e.createElement(e.Fragment, null, A, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("div", { className: `${l}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${l}__step-label` }, M && /* @__PURE__ */ e.createElement(e.Fragment, null, I, /* @__PURE__ */ e.createElement(
           G,
           {
             iconName: "diamondExclamation",
             iconSize: "md",
             className: `${l}__error-icon`
           }
-        )), o.label), !M && /* @__PURE__ */ e.createElement("div", { className: `${l}__next-step` }, `${n.next}: ${L}`))
+        )), o.label), !H && /* @__PURE__ */ e.createElement("div", { className: `${l}__next-step` }, `${n.next}: ${L}`))
       );
     }
   });
-  if (w >= $ && w <= C)
+  if (w >= $ && w <= _)
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       y({
@@ -11366,8 +11368,8 @@ const l4 = (i) => {
     "isComplete",
     "_isFirstStep"
   ]);
-  const p = "pds-vert-stepper", $ = `${p}__step`, C = [$];
-  return r && C.push(`${$}--current`), l && C.push(`${$}--complete`), s && C.push(`${$}--error`), /* @__PURE__ */ e.createElement("li", y({ id: a, className: N([...C]) }, m), /* @__PURE__ */ e.createElement("div", { className: `${p}__step-header` }, /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${p}__step-indicator` }, l && /* @__PURE__ */ e.createElement(
+  const p = "pds-vert-stepper", $ = `${p}__step`, _ = [$];
+  return r && _.push(`${$}--current`), l && _.push(`${$}--complete`), s && _.push(`${$}--error`), /* @__PURE__ */ e.createElement("li", y({ id: a, className: N([..._]) }, m), /* @__PURE__ */ e.createElement("div", { className: `${p}__step-header` }, /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${p}__step-indicator` }, l && /* @__PURE__ */ e.createElement(
     G,
     {
       iconName: "check",
@@ -11390,12 +11392,12 @@ const l4 = (i) => {
     "className"
   ]);
   const c = "pds-vert-stepper", m = n.length, g = n.findIndex(($) => $.isCurrent), u = n.map((p, $) => {
-    const C = $ + 1, w = $ === g, _ = $ === 0, E = p.isComplete || !1, h = p.hasError && w;
-    let o = `${t.step} ${C}`;
-    return E && (o = `${t.step} ${C}, ${t.completed}`), h && (o = `${t.step} ${C}, ${t.hasError}`), /* @__PURE__ */ e.createElement(
+    const _ = $ + 1, w = $ === g, C = $ === 0, E = p.isComplete || !1, h = p.hasError && w;
+    let o = `${t.step} ${_}`;
+    return E && (o = `${t.step} ${_}, ${t.completed}`), h && (o = `${t.step} ${_}, ${t.hasError}`), /* @__PURE__ */ e.createElement(
       Tn,
       {
-        key: `s${C}`,
+        key: `s${_}`,
         label: p.label,
         stepContent: p.stepContent,
         id: p.id,
@@ -11404,9 +11406,9 @@ const l4 = (i) => {
         hasError: h,
         isCurrent: w,
         isComplete: E,
-        _isFirstStep: _,
+        _isFirstStep: C,
         "aria-label": o,
-        "aria-posinset": C,
+        "aria-posinset": _,
         "aria-setsize": m,
         "aria-current": w ? "step" : null
       }
@@ -11424,25 +11426,25 @@ const l4 = (i) => {
     "rowData",
     "className"
   ]);
-  const [c] = K(t), [l, i] = K(n), [m, g] = K({ order: "asc", key: "" }), u = (_) => {
-    i(l.sort((E, h) => E[_].localeCompare(h[_]))), g({ order: "desc", key: _ });
-  }, p = (_) => {
-    i(l.sort((E, h) => h[_].localeCompare(E[_]))), g({ order: "asc", key: _ });
-  }, $ = (_, E) => {
+  const [c] = K(t), [l, i] = K(n), [m, g] = K({ order: "asc", key: "" }), u = (C) => {
+    i(l.sort((E, h) => E[C].localeCompare(h[C]))), g({ order: "desc", key: C });
+  }, p = (C) => {
+    i(l.sort((E, h) => h[C].localeCompare(E[C]))), g({ order: "asc", key: C });
+  }, $ = (C, E) => {
     g(ae(y({}, m), { key: E })), m.order === "asc" ? u(E) : p(E);
-  }, C = (_, E) => /* @__PURE__ */ e.createElement("tr", { id: E, key: `table-row-${E}` }, _.map((h, o) => /* @__PURE__ */ e.createElement("td", { key: `${E}-cell-${o}` }, /* @__PURE__ */ e.createElement("span", null, h)))), 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((_, E) => /* @__PURE__ */ e.createElement("th", { key: `header-${E}` }, _.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${w}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+  }, _ = (C, E) => /* @__PURE__ */ e.createElement("tr", { id: E, key: `table-row-${E}` }, C.map((h, o) => /* @__PURE__ */ e.createElement("td", { key: `${E}-cell-${o}` }, /* @__PURE__ */ e.createElement("span", null, h)))), 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((C, E) => /* @__PURE__ */ e.createElement("th", { key: `header-${E}` }, C.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${w}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${w}__sort-header`,
       onClick: (h) => $(h, E)
     },
-    _.title
+    C.title
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${w}__sort-button`,
-      title: `Sort by ${_.title}`,
+      title: `Sort by ${C.title}`,
       onClick: (h) => $(h, E),
       type: "button"
     },
@@ -11460,7 +11462,7 @@ const l4 = (i) => {
       },
       /* @__PURE__ */ e.createElement(G, { iconName: "caretDown", iconSize: "sm" })
     )
-  )) : /* @__PURE__ */ e.createElement("span", null, _.title))))), /* @__PURE__ */ e.createElement("tbody", null, l.map((_, E) => C(_, E)))));
+  )) : /* @__PURE__ */ e.createElement("span", null, C.title))))), /* @__PURE__ */ e.createElement("tbody", null, l.map((C, E) => _(C, E)))));
 }, m4 = (m) => {
   var g = m, {
     appendIds: t = !1,
@@ -11499,38 +11501,38 @@ const l4 = (i) => {
     "=",
     "|",
     "~"
-  ], $ = `#${c} h2:not(.${r}), h3:not(.${r})`, C = () => {
-    const [H, L] = K([]);
+  ], $ = `#${c} h2:not(.${r}), h3:not(.${r})`, _ = () => {
+    const [M, L] = K([]);
     return ce(() => {
       const k = Array.from(
         document.querySelectorAll($)
       );
       k.map((x) => {
-        p.forEach((A) => {
-          x.id.includes(A) && (x.id = x.id.replaceAll(A, "-"));
+        p.forEach((I) => {
+          x.id.includes(I) && (x.id = x.id.replaceAll(I, "-"));
         });
       }), k.map((x) => {
-        const A = `item-${c2()}`;
-        x.id || (x.id = A);
+        const I = `item-${c2()}`;
+        x.id || (x.id = I);
       });
       const z = w(k);
       L(z);
-    }, []), { nestedHeadings: H };
-  }, w = (H) => {
+    }, []), { nestedHeadings: M };
+  }, w = (M) => {
     const L = [];
-    return H.forEach((k) => {
+    return M.forEach((k) => {
       const { innerText: z, id: x } = k;
       k.nodeName === "H2" ? L.push({ id: x, title: z, items: [] }) : k.nodeName === "H3" && L.length > 0 && L[L.length - 1].items.push({
         id: x,
         title: z
       });
     }), L;
-  }, { nestedHeadings: _ } = C(), [E, h] = K();
-  ((H) => {
+  }, { nestedHeadings: C } = _(), [E, h] = K();
+  ((M) => {
     const L = oe({});
     ce(() => {
-      const k = (A) => {
-        L.current = A.reduce((R, F) => (R[F.target.id] = F, R), L.current);
+      const k = (I) => {
+        L.current = I.reduce((R, F) => (R[F.target.id] = F, R), L.current);
         const T = [];
         Object.keys(L.current).forEach((R) => {
           const F = L.current[R];
@@ -11538,31 +11540,31 @@ const l4 = (i) => {
         });
         const B = (R) => x.findIndex((F) => F.id === R);
         if (T.length === 1)
-          H(T[0].target.id);
+          M(T[0].target.id);
         else if (T.length > 1) {
           const R = T.sort(
             (F, P) => B(F.target.id) - B(P.target.id)
           );
-          H(R[0].target.id);
+          M(R[0].target.id);
         }
       }, z = new IntersectionObserver(k, {
         rootMargin: "0px 0px -20% 0px"
       }), x = Array.from(
         document.querySelectorAll($)
       );
-      return x.forEach((A) => z.observe(A)), () => z.disconnect();
-    }, [H]);
+      return x.forEach((I) => z.observe(I)), () => z.disconnect();
+    }, [M]);
   })(h);
-  const f = (H) => {
-    typeof window != "undefined" && window.location.hash !== `#${H}` && window.history.pushState({}, "", `#${H}`);
-  }, v = (H) => {
-    document.querySelector(`#${H}`).scrollIntoView({
+  const f = (M) => {
+    typeof window != "undefined" && window.location.hash !== `#${M}` && window.history.pushState({}, "", `#${M}`);
+  }, v = (M) => {
+    document.querySelector(`#${M}`).scrollIntoView({
       behavior: "smooth",
       block: "start"
     });
-  }, b = (H, L) => {
-    H.preventDefault(), t && f(L), v(L);
-  }, M = ({ headings: H }) => /* @__PURE__ */ e.createElement("ul", { className: `${u}__list ${u}__list--top-level` }, H.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${u}__list-item` }, /* @__PURE__ */ e.createElement(
+  }, b = (M, L) => {
+    M.preventDefault(), t && f(L), v(L);
+  }, H = ({ headings: M }) => /* @__PURE__ */ e.createElement("ul", { className: `${u}__list ${u}__list--top-level` }, M.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${u}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
       className: L.id === E ? `${u}__link ${u}__link--active` : `${u}__link`,
@@ -11604,7 +11606,7 @@ const l4 = (i) => {
       },
       a
     ),
-    /* @__PURE__ */ e.createElement(M, { headings: _, activeID: E })
+    /* @__PURE__ */ e.createElement(H, { headings: C, activeID: E })
   );
 }, u4 = (l) => {
   var i = l, {
@@ -11627,8 +11629,8 @@ const l4 = (i) => {
   ce(() => {
     a !== void 0 && u(a);
   }, [a]);
-  const p = (_) => {
-    const E = _.currentTarget.getAttribute("data-tabnumber");
+  const p = (C) => {
+    const E = C.currentTarget.getAttribute("data-tabnumber");
     if (E) {
       const h = parseInt(E, 10);
       u(h);
@@ -11637,39 +11639,39 @@ const l4 = (i) => {
   ce(() => {
     s(g);
   }, [g, s]), ce(() => {
-    const _ = $.current.length - 1;
-    if (g > _) {
+    const C = $.current.length - 1;
+    if (g > C) {
       u(0);
       return;
     } else if (g < 0) {
-      u(_);
+      u(C);
       return;
     }
   }, [g]);
-  const C = (_, E) => {
+  const _ = (C, E) => {
     const h = g;
     let o = $.current[E === "next" ? h + 1 < $.current.length ? h + 1 : 0 : h - 1 >= 0 ? h - 1 : $.current.length - 1];
-    o || (o = E == "next" ? $.current[_ + 1] == null ? $.current[0] : $.current[_ + 1] : $.current[_ - 1]), o.focus();
-  }, w = (_) => {
+    o || (o = E == "next" ? $.current[C + 1] == null ? $.current[0] : $.current[C + 1] : $.current[C - 1]), o.focus();
+  }, w = (C) => {
     const E = $.current.length, h = () => {
-      C((g + 1) % E, "next"), u(g + 1);
+      _((g + 1) % E, "next"), u(g + 1);
     }, o = () => {
-      C((g - 1 + E) % E, "prev"), u(g - 1);
+      _((g - 1 + E) % E, "prev"), u(g - 1);
     }, f = () => {
-      C(0), u(0);
+      _(0), u(0);
     }, v = () => {
-      C(E - 1), u(E - 1);
+      _(E - 1), u(E - 1);
     }, b = () => {
       $.current[g].focus();
-    }, H = {
+    }, M = {
       ArrowRight: h,
       ArrowLeft: o,
       Home: f,
       End: v,
       Space: b,
       Enter: b
-    }[_.code];
-    H && (_.preventDefault(), H());
+    }[C.code];
+    M && (C.preventDefault(), M());
   };
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", y({ className: N([m, d]) }, c), /* @__PURE__ */ e.createElement(
     "div",
@@ -11679,7 +11681,7 @@ const l4 = (i) => {
       "aria-label": t,
       "aria-orientation": "horizontal"
     },
-    r.map(({ disabled: _, icon: E, tabId: h, tabLabel: o, tally: f }, v) => /* @__PURE__ */ e.createElement(
+    r.map(({ disabled: C, icon: E, tabId: h, tabLabel: o, tally: f }, v) => /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${m}__tab`,
@@ -11691,16 +11693,16 @@ const l4 = (i) => {
           b.preventDefault(), w(b);
         },
         key: v,
-        ref: (b) => _ ? null : $.current[v] = b,
+        ref: (b) => C ? null : $.current[v] = b,
         "aria-controls": `${m}__tab--${v}`,
         tabIndex: g === v ? 0 : -1,
-        "aria-disabled": !!_,
-        onClick: _ ? null : p,
+        "aria-disabled": !!C,
+        onClick: C ? null : p,
         type: "button"
       },
       /* @__PURE__ */ e.createElement("div", { key: E, className: `${m}__tab-label` }, E ? /* @__PURE__ */ e.createElement(G, { iconName: E, iconSize: "md" }) : null, " ", o, r[v].tally ? /* @__PURE__ */ e.createElement(z2, { label: f.label, type: f.type }) : null)
     ))
-  ), r.map(({ disabled: _, icon: E, panelContent: h, tabLabel: o, tally: f }, v) => /* @__PURE__ */ e.createElement(
+  ), r.map(({ disabled: C, icon: E, panelContent: h, tabLabel: o, tally: f }, v) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${m}__panel`,
@@ -11718,10 +11720,10 @@ const l4 = (i) => {
         "data-tabnumber": v,
         key: v,
         onKeyDown: w,
-        "aria-disabled": !!_,
+        "aria-disabled": !!C,
         "aria-controls": `tabpanel_${v}`,
         tabIndex: g === v ? 1 : -1,
-        onClick: _ ? null : p,
+        onClick: C ? null : p,
         type: "button"
       },
       /* @__PURE__ */ e.createElement("div", { key: E, className: `${m}__tab-label` }, E ? /* @__PURE__ */ e.createElement(G, { iconSize: "md", iconName: E }) : null, " ", o, r[v].tally ? /* @__PURE__ */ e.createElement(z2, { label: f.label, type: f.type }) : null),
@@ -11792,16 +11794,16 @@ const l4 = (i) => {
     "tagLabel",
     "className"
   ]);
-  const [g, u] = K(!0), p = "pds-tag", $ = r ? `${p}--${r}` : `${p}--${Dn(d)}`, C = g ? null : "pds-tag--hide", w = () => {
+  const [g, u] = K(!0), p = "pds-tag", $ = r ? `${p}--${r}` : `${p}--${Dn(d)}`, _ = g ? null : "pds-tag--hide", w = () => {
     u((o) => !o);
   };
-  let _, E, h;
-  return t && !n && Me(t) ? (_ = t.type, E = t.props.href ? "href" : "to", h = E === "href" ? t.props.href : t.props.to) : (_ = "span", E = null, h = null), /* @__PURE__ */ e.createElement(
-    _,
+  let C, E, h;
+  return t && !n && Me(t) ? (C = t.type, E = t.props.href ? "href" : "to", h = E === "href" ? t.props.href : t.props.to) : (C = "span", E = null, h = null), /* @__PURE__ */ e.createElement(
+    C,
     y({
       href: E === "href" ? h : null,
       to: E === "to" ? h : null,
-      className: [p, $, C, c].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, $, _, c].join(" ").trim().replace(/\s+/g, " ")
     }, l),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__label`, title: d }, Rn(d, 20)),
     n ? /* @__PURE__ */ e.createElement(
@@ -11905,8 +11907,8 @@ const l4 = (i) => {
     alt: u,
     name: p,
     title: $,
-    org: C
-  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("div", { className: `${c}__image ${c}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: g, alt: u })), p && /* @__PURE__ */ e.createElement("div", { className: `${c}__name` }, p), $ && /* @__PURE__ */ e.createElement("div", { className: `${c}__title` }, $), C && /* @__PURE__ */ e.createElement("div", { className: `${c}__org` }, C)), i = (g) => Me(g.linkContent) ? Ie(g.linkContent, {
+    org: _
+  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("div", { className: `${c}__image ${c}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: g, alt: u })), p && /* @__PURE__ */ e.createElement("div", { className: `${c}__name` }, p), $ && /* @__PURE__ */ e.createElement("div", { className: `${c}__title` }, $), _ && /* @__PURE__ */ e.createElement("div", { className: `${c}__org` }, _)), i = (g) => Me(g.linkContent) ? Ie(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, u) => /* @__PURE__ */ e.createElement(n1, { key: `tile-${u}` }, i(g), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
@@ -12003,8 +12005,8 @@ const l4 = (i) => {
       }
     ))
   );
-}, C4 = (C) => {
-  var w = C, {
+}, C4 = (_) => {
+  var w = _, {
     children: t,
     containerWidth: n = "x-wide",
     hasSidebarToggle: s,
@@ -12036,16 +12038,16 @@ const l4 = (i) => {
     "sidebarProps",
     "className"
   ]);
-  let _ = !1;
+  let C = !1;
   const E = be(ye);
-  E && (_ = E.isMobile);
+  E && (C = E.isMobile);
   const [h, o] = K(
     a || !1
   );
   ce(() => {
     o(a || !1);
   }, [a]);
-  const f = "pds-app-layout", v = `pds-container pds-container--${n}`, b = _ ? `${f}--isMobile` : null, H = {
+  const f = "pds-app-layout", v = `pds-container pds-container--${n}`, b = C ? `${f}--isMobile` : null, M = {
     width: h ? `${i}rem` : `${m}`,
     minWidth: h ? `${i}rem` : `${g}rem`,
     transition: "all 200ms ease-in-out"
@@ -12055,7 +12057,7 @@ const l4 = (i) => {
       return;
     }
     o(!h);
-  }, k = Oe(t), z = k.__unslotted, x = k.sidebar, A = Ht(
+  }, k = Oe(t), z = k.__unslotted, x = k.sidebar, I = Ht(
     d,
     ae(y({}, c), {
       className: N([
@@ -12073,14 +12075,14 @@ const l4 = (i) => {
       ])
     }),
     x
-  ), A), B = /* @__PURE__ */ e.createElement(e.Fragment, null, x && /* @__PURE__ */ e.createElement(
+  ), I), B = /* @__PURE__ */ e.createElement(e.Fragment, null, x && /* @__PURE__ */ e.createElement(
     "div",
     ae(y({}, u), {
       className: N([
         `${f}__sidebar`,
         u == null ? void 0 : u.className
       ]),
-      style: H
+      style: M
     }),
     s && /* @__PURE__ */ e.createElement(
       "button",
@@ -12095,7 +12097,7 @@ const l4 = (i) => {
       /* @__PURE__ */ e.createElement("span", { className: `${f}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(G, { iconName: "angleLeft", iconSize: "sm", verticalAlign: "-1px" }))
     ),
     /* @__PURE__ */ e.createElement("div", { className: `${f}__sidebar-inner` }, x)
-  ), A);
+  ), I);
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -12106,7 +12108,7 @@ const l4 = (i) => {
         p != null ? p : ""
       ])
     }, $),
-    _ ? T : B
+    C ? T : B
   );
 }, _4 = (r) => {
   var d = r, {
@@ -12151,7 +12153,7 @@ const l4 = (i) => {
   const m = "pds-docs-layout", g = l ? `${m}--isMobile` : null, u = {
     width: n,
     minWidth: `${s}rem`
-  }, p = Oe(t), $ = p.__unslotted || p.content, C = p.sidebar, w = /* @__PURE__ */ e.createElement(e.Fragment, null, C && /* @__PURE__ */ e.createElement("aside", { className: `${m}__sidebar` }, C), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, $)), _ = /* @__PURE__ */ e.createElement(e.Fragment, null, C && /* @__PURE__ */ e.createElement("aside", { className: `${m}__sidebar`, style: u }, /* @__PURE__ */ e.createElement("div", { className: `${m}__sidebar-inner` }, C)), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, $));
+  }, p = Oe(t), $ = p.__unslotted || p.content, _ = p.sidebar, w = /* @__PURE__ */ e.createElement(e.Fragment, null, _ && /* @__PURE__ */ e.createElement("aside", { className: `${m}__sidebar` }, _), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, $)), C = /* @__PURE__ */ e.createElement(e.Fragment, null, _ && /* @__PURE__ */ e.createElement("aside", { className: `${m}__sidebar`, style: u }, /* @__PURE__ */ e.createElement("div", { className: `${m}__sidebar-inner` }, _)), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, $));
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -12162,10 +12164,10 @@ const l4 = (i) => {
         a != null ? a : ""
       ])
     }, r),
-    l ? w : _
+    l ? w : C
   );
 }, v4 = (w) => {
-  var _ = w, {
+  var C = w, {
     alignContent: t = "flex-start",
     alignItems: n = "stretch",
     flexDirection: s = "row",
@@ -12180,7 +12182,7 @@ const l4 = (i) => {
     mobileJustifyContent: u,
     children: p,
     className: $
-  } = _, C = D(_, [
+  } = C, _ = D(C, [
     "alignContent",
     "alignItems",
     "flexDirection",
@@ -12200,10 +12202,10 @@ const l4 = (i) => {
   const o = be(ye);
   o && (h = o.isMobile);
   const f = "pds-flex", v = `${f}-container`, b = h ? `${v}--mobile` : null;
-  let M = null;
-  h ? M = `${f}-direction--${i}` : s !== "row" && (M = `${f}-direction--${s}`);
   let H = null;
-  h ? m ? m !== "nowrap" && (H = `${f}-wrap--${m}`) : a !== "nowrap" && (H = `${f}-wrap--${a}`) : a !== "nowrap" && (H = `${f}-wrap--${a}`);
+  h ? H = `${f}-direction--${i}` : s !== "row" && (H = `${f}-direction--${s}`);
+  let M = null;
+  h ? m ? m !== "nowrap" && (M = `${f}-wrap--${m}`) : a !== "nowrap" && (M = `${f}-wrap--${a}`) : a !== "nowrap" && (M = `${f}-wrap--${a}`);
   let L = null;
   h ? u ? u !== "flex-start" && (L = `${f}-justify--${u}`) : d !== "flex-start" && (L = `${f}-justify--${d}`) : d !== "flex-start" && (L = `${f}-justify--${d}`);
   let k = null;
@@ -12217,15 +12219,15 @@ const l4 = (i) => {
       className: N([
         v,
         b,
-        M,
         H,
+        M,
         L,
         k,
         z,
         x,
         $ != null ? $ : ""
       ])
-    }, C),
+    }, _),
     p
   );
 }, $4 = ({
@@ -12251,23 +12253,23 @@ const l4 = (i) => {
   let p = !1;
   const $ = be(ye);
   $ && (p = $.isMobile);
-  const C = Oe(t);
-  let w = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", _ = "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", _ = "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", _ = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
+  const _ = Oe(t);
+  let w = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", C = "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", C = "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", C = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
   const E = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "content",
       className: `${m}__main ${p ? "pds-grid-item" : w}`
     },
-    C.content
+    _.content
   ), h = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "sidebar",
-      className: `${m}__side ${p ? "pds-grid-item" : _}`
+      className: `${m}__side ${p ? "pds-grid-item" : C}`
     },
-    C.sidebar
+    _.sidebar
   );
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -12353,17 +12355,17 @@ const l4 = (i) => {
     "verticalAlign",
     "className"
   ]);
-  const i = "pds-two-item-layout", m = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, g = `${i}--${a}`, u = ["pds-grid-item--md-6"], p = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], $ = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], C = ["pds-grid-item", "pds-grid-item--sm-4"];
-  let w, _;
+  const i = "pds-two-item-layout", m = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, g = `${i}--${a}`, u = ["pds-grid-item--md-6"], p = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], $ = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], _ = ["pds-grid-item", "pds-grid-item--sm-4"];
+  let w, C;
   switch (s) {
     case "equal":
-      w = C.concat(u), _ = C.concat(u);
+      w = _.concat(u), C = _.concat(u);
       break;
     case "one-third-start":
-      w = C.concat(p), _ = C.concat($);
+      w = _.concat(p), C = _.concat($);
       break;
     case "one-third-end":
-      w = C.concat($), _ = C.concat(p);
+      w = _.concat($), C = _.concat(p);
   }
   const E = Oe(t), h = E["first-item"], o = E["second-item"];
   return /* @__PURE__ */ e.createElement(
@@ -12377,7 +12379,7 @@ const l4 = (i) => {
       ])
     }, d),
     /* @__PURE__ */ e.createElement("div", { className: w.join(" ").trim() }, h),
-    /* @__PURE__ */ e.createElement("div", { className: _.join(" ").trim() }, o)
+    /* @__PURE__ */ e.createElement("div", { className: C.join(" ").trim() }, o)
   );
 }, H4 = (t, n) => {
   const [s, a] = K(!1), r = K2(