@pantheon-systems/pds-toolkit-react 1.0.0-dev.237 → 1.0.0-dev.238

package/_dist/index.js

@@ -794,7 +794,7 @@ const lt = () => Math.random().toString(32).substring(2, 13), w1 = (t, n) => {
     "uniqueId",
     "className"
   ]);
-  const f = "pds-avatar", p = `${f}--${r}`, u = s ? `${f}--image` : null, [v, E] = U(void 0), b = {
+  const f = "pds-avatar", p = `${f}--${r}`, u = s ? `${f}--image` : null, [b, E] = U(void 0), v = {
     backgroundImage: d ? `var(--pds-color-gradient-avatar-${a2(d)})` : null,
     borderRadius: "100%",
     height: "100%",
@@ -802,7 +802,7 @@ const lt = () => Math.random().toString(32).substring(2, 13), w1 = (t, n) => {
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
-  }, C = s2(s) && !v ? /* @__PURE__ */ e.createElement(
+  }, C = s2(s) && !b ? /* @__PURE__ */ e.createElement(
     "img",
     {
       src: `${s}`,
@@ -811,7 +811,7 @@ const lt = () => Math.random().toString(32).substring(2, 13), w1 = (t, n) => {
       onLoad: () => E(!1),
       onError: () => E(!0)
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: b }, n && /* @__PURE__ */ e.createElement(P, { iconName: "user", className: `${f}__user-icon` })), g = /* @__PURE__ */ e.createElement("span", { className: `${f}__content` }, C), i = we(l) ? Ie(
+  ) : /* @__PURE__ */ e.createElement("span", { style: v }, n && /* @__PURE__ */ e.createElement(P, { iconName: "user", className: `${f}__user-icon` })), h = /* @__PURE__ */ e.createElement("span", { className: `${f}__content` }, C), i = we(l) ? Ie(
     l,
     me(M({}, l.props), {
       className: `${f}__content ${f}__content--link`,
@@ -824,7 +824,7 @@ const lt = () => Math.random().toString(32).substring(2, 13), w1 = (t, n) => {
     M({
       className: x([f, p, u, a])
     }, c),
-    l ? i : g
+    l ? i : h
   );
 }, ft = (d) => {
   var a = d, {
@@ -923,15 +923,15 @@ const St = 300, l2 = 400, xe = (p) => {
     "zIndex",
     "className"
   ]);
-  const [v, E] = U(!1), L = typeof n, b = "pds-tooltip", C = x([
-    `${b}__trigger-custom`,
-    L === "string" ? `${b}__trigger-text` : null
-  ]), g = x([
-    `${b}__trigger`,
-    `${b}__trigger--${a}`
-  ]), { refs: i, floatingStyles: h, context: _ } = Ve({
+  const [b, E] = U(!1), L = typeof n, v = "pds-tooltip", C = x([
+    `${v}__trigger-custom`,
+    L === "string" ? `${v}__trigger-text` : null
+  ]), h = x([
+    `${v}__trigger`,
+    `${v}__trigger--${a}`
+  ]), { refs: i, floatingStyles: g, context: _ } = Ve({
     placement: l,
-    open: v,
+    open: b,
     onOpenChange: E,
     middleware: [kt(s), Ht(), zt()],
     whileElementsMounted: Re
@@ -945,7 +945,7 @@ const St = 300, l2 = 400, xe = (p) => {
     z,
     w
   ]);
-  return /* @__PURE__ */ e.createElement("div", M({ className: x([b, m != null ? m : ""]) }, f), n ? /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", M({ className: x([v, m != null ? m : ""]) }, f), n ? /* @__PURE__ */ e.createElement(
     "span",
     M({
       className: C,
@@ -957,23 +957,23 @@ const St = 300, l2 = 400, xe = (p) => {
     M({
       type: "button",
       "aria-label": r,
-      className: g,
+      className: h,
       ref: i.setReference
     }, y()),
     /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: d,
-        className: `${b}__icon`,
+        className: `${v}__icon`,
         iconSize: c
       }
     )
-  ), v && /* @__PURE__ */ e.createElement(b1, null, /* @__PURE__ */ e.createElement(
+  ), b && /* @__PURE__ */ e.createElement(b1, null, /* @__PURE__ */ e.createElement(
     "div",
     M({
-      className: `${b}__container`,
+      className: `${v}__container`,
       ref: i.setFloating,
-      style: me(M({}, h), { zIndex: o })
+      style: me(M({}, g), { zIndex: o })
     }, H()),
     t
   )));
@@ -995,8 +995,8 @@ const St = 300, l2 = 400, xe = (p) => {
   ]);
   const m = "pds-branch-diff", f = Math.max(t, s);
   let p = f > 0 ? s / f * 100 : 0, u = f > 0 ? t / f * 100 : 0;
-  const v = 10;
-  p < v ? (p = v, u = 100 - v) : u < v && (u = v, p = 100 - v);
+  const b = 10;
+  p < b ? (p = b, u = 100 - b) : u < b && (u = b, p = 100 - b);
   const E = r !== null && r > 0 ? `${r}rem` : "100%";
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -1206,7 +1206,7 @@ const St = 300, l2 = 400, xe = (p) => {
   );
 }, gt = Ze(
   (L, E) => {
-    var b = L, {
+    var v = L, {
       ariaLabel: t,
       buttonType: n = "button",
       disabled: s = !1,
@@ -1220,7 +1220,7 @@ const St = 300, l2 = 400, xe = (p) => {
       size: f = "md",
       variant: p = "primary",
       className: u = ""
-    } = b, v = A(b, [
+    } = v, b = A(v, [
       "ariaLabel",
       "buttonType",
       "disabled",
@@ -1235,46 +1235,46 @@ const St = 300, l2 = 400, xe = (p) => {
       "variant",
       "className"
     ]);
-    const C = "pds-button", g = f !== "md" ? `${C}--${f}` : null, i = p !== "primary" ? `${C}--${p}` : null;
-    let h;
+    const C = "pds-button", h = f !== "md" ? `${C}--${f}` : null, i = p !== "primary" ? `${C}--${p}` : null, g = d ? `${C}--full-width` : null;
+    let _;
     switch (f) {
       case "sm":
-        h = "sm";
+        _ = "sm";
         break;
       case "md":
-        h = "md";
+        _ = "md";
         break;
       case "lg":
-        h = "lg";
+        _ = "lg";
     }
-    const _ = /* @__PURE__ */ e.createElement(
+    const $ = /* @__PURE__ */ e.createElement(
       P,
       {
         key: "icon",
         iconName: r,
-        iconSize: h,
+        iconSize: _,
         className: `${C}__icon`
       }
     );
-    let $ = [o];
-    return l == "icon-start" && r && $.unshift(_), l == "icon-end" && r && $.push(_), c && ($ = [_], t = Yt(o)), /* @__PURE__ */ e.createElement(
+    let k = [o];
+    return l == "icon-start" && r && k.unshift($), l == "icon-end" && r && k.push($), c && (k = [$], t = Yt(o)), /* @__PURE__ */ e.createElement(
       "button",
       M({
         type: n,
         className: x([
           C,
-          g,
+          h,
           i,
-          d && `${C}--full-width`,
+          g,
           u
         ]),
         disabled: s || a,
         "aria-label": t,
         onClick: m,
         ref: E
-      }, v),
+      }, b),
       a && /* @__PURE__ */ e.createElement(xt, { className: `${C}__loading-indicator`, size: "md" }),
-      $
+      k
     );
   }
 ), yt = (o) => {
@@ -1295,11 +1295,11 @@ const St = 300, l2 = 400, xe = (p) => {
     "variant",
     "className"
   ]);
-  const f = "pds-button-link", p = "pds-button", u = r !== "md" ? `${p}--${r}` : null, v = d !== "primary" ? `${p}--${d}` : null, E = x([
+  const f = "pds-button-link", p = "pds-button", u = r !== "md" ? `${p}--${r}` : null, b = d !== "primary" ? `${p}--${d}` : null, E = x([
     p,
     u,
-    v
-  ]), L = we(l) ? l.props.children : null, b = /* @__PURE__ */ e.createElement(
+    b
+  ]), L = we(l) ? l.props.children : null, v = /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: s,
@@ -1309,8 +1309,8 @@ const St = 300, l2 = 400, xe = (p) => {
     }
   );
   let C = [L];
-  n === "icon-start" && s ? C = [b, L] : n === "icon-end" && s && (C = [L, b]);
-  const g = we(l) ? Ie(l, {
+  n === "icon-start" && s ? C = [v, L] : n === "icon-end" && s && (C = [L, v]);
+  const h = we(l) ? Ie(l, {
     className: E,
     children: C
   }) : null;
@@ -1323,7 +1323,7 @@ const St = 300, l2 = 400, xe = (p) => {
       size: r,
       variant: d
     }
-  ) : /* @__PURE__ */ e.createElement("span", M({ className: x([f, a != null ? a : ""]) }, c), g);
+  ) : /* @__PURE__ */ e.createElement("span", M({ className: x([f, a != null ? a : ""]) }, c), h);
 }, r2 = (t, n) => {
   const [s, l] = U(!1), r = n == null ? void 0 : n.duration;
   return oe(() => {
@@ -1342,7 +1342,7 @@ const St = 300, l2 = 400, xe = (p) => {
   })];
 }, Lt = Ze(
   (u, p) => {
-    var v = u, {
+    var b = u, {
       ariaLabel: t,
       buttonType: n = "button",
       disabled: s = !1,
@@ -1353,7 +1353,7 @@ const St = 300, l2 = 400, xe = (p) => {
       size: c = "md",
       variant: o = "standard",
       className: m
-    } = v, f = A(v, [
+    } = b, f = A(b, [
       "ariaLabel",
       "buttonType",
       "disabled",
@@ -1365,23 +1365,23 @@ const St = 300, l2 = 400, xe = (p) => {
       "variant",
       "className"
     ]);
-    const E = "pds-icon-button", L = c !== "md" ? `${E}--${c}` : null, b = o !== "standard" ? `${E}--${o}` : null, C = {
+    const E = "pds-icon-button", L = c !== "md" ? `${E}--${c}` : null, v = o !== "standard" ? `${E}--${o}` : null, C = {
       fadeOut: `${E}--fadeOut`,
       hide: `${E}--hide`,
       scaleIn: `${E}--scaleIn`
     };
-    let g, i;
+    let h, i;
     switch (c) {
       case "sm":
-        i = "md", g = 8;
+        i = "md", h = 8;
         break;
       case "md":
-        i = "md", g = 11;
+        i = "md", h = 11;
         break;
       case "lg":
-        i = "xl", g = 12;
+        i = "xl", h = 12;
     }
-    const h = d !== null, _ = de(null), $ = de(null), k = () => {
+    const g = d !== null, _ = de(null), $ = de(null), k = () => {
       _.current.classList.add(C.fadeOut), _.current.classList.add(C.hide), $.current.classList.remove(C.hide), $.current.classList.add(C.scaleIn), setTimeout(() => {
         _.current.classList.remove(
           C.fadeOut,
@@ -1389,8 +1389,8 @@ const St = 300, l2 = 400, xe = (p) => {
         ), _.current.classList.add(C.scaleIn), $.current.classList.remove(C.scaleIn), $.current.classList.add(C.hide);
       }, 2e3);
     }, z = (y) => {
-      h && k(), a && a(y);
-    }, w = h ? /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, /* @__PURE__ */ e.createElement("div", { ref: _, className: `${E}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+      g && k(), a && a(y);
+    }, w = g ? /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, /* @__PURE__ */ e.createElement("div", { ref: _, className: `${E}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: r,
@@ -1426,7 +1426,7 @@ const St = 300, l2 = 400, xe = (p) => {
         className: x([
           E,
           L,
-          b,
+          v,
           m
         ]),
         disabled: s,
@@ -1440,7 +1440,7 @@ const St = 300, l2 = 400, xe = (p) => {
         {
           content: t,
           className: `${E}__tooltip`,
-          offsetValue: g,
+          offsetValue: h,
           customTrigger: w
         }
       ) : w
@@ -1523,8 +1523,8 @@ const St = 300, l2 = 400, xe = (p) => {
   return oe(() => {
     l ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
   }, [l]), /* @__PURE__ */ e.createElement(ye.Provider, { value: r }, t);
-}, Tt = (t) => t.isSeparator, At = (t) => t.isHeading, Dt = (t) => t.isLink, d2 = (t) => t.isNode, m2 = (b) => {
-  var C = b, {
+}, Tt = (t) => t.isSeparator, At = (t) => t.isHeading, Dt = (t) => t.isLink, d2 = (t) => t.isNode, m2 = (v) => {
+  var C = v, {
     disabled: t,
     displayType: n = "icon-end",
     iconName: s = "ellipsisVertical",
@@ -1538,7 +1538,7 @@ const St = 300, l2 = 400, xe = (p) => {
     testId: f,
     undefinedLabel: p = "Unlabeled group",
     variant: u = "primary",
-    withinNavbar: v,
+    withinNavbar: b,
     className: E
   } = C, L = A(C, [
     "disabled",
@@ -1558,9 +1558,9 @@ const St = 300, l2 = 400, xe = (p) => {
     "className"
   ]);
   const {
-    x: g,
+    x: h,
     y: i,
-    reference: h,
+    reference: g,
     floating: _,
     strategy: $,
     update: k,
@@ -1573,7 +1573,7 @@ const St = 300, l2 = 400, xe = (p) => {
   let y = !1;
   const H = ve(ye);
   H && (y = H.isMobile);
-  const N = u === "navbar" && y, V = "pds-menu-button", I = N ? `${V}--isMobile` : null, D = v ? `${V}--navbar` : null, S = l, [T] = U(`menu-button-${l}`), W = w.floating, Z = de(null), [K, ne] = U(!1), [Y, j] = U(!1), [q, O] = U(""), [Q, X] = U(0), F = de([]), B = de([]), J = de([]);
+  const N = u === "navbar" && y, V = "pds-menu-button", I = N ? `${V}--isMobile` : null, D = b ? `${V}--navbar` : null, S = l, [T] = U(`menu-button-${l}`), W = w.floating, Z = de(null), [K, ne] = U(!1), [Y, j] = U(!1), [q, O] = U(""), [Q, X] = U(0), F = de([]), B = de([]), J = de([]);
   W1(() => {
     window.addEventListener("mousedown", ze, !0), k();
     const R = W.current;
@@ -1755,7 +1755,7 @@ const St = 300, l2 = 400, xe = (p) => {
       At || Tt
     ), ae = G.length > 0;
     let re = [`${V}__listbox`];
-    if (v && re.push(`${V}__listbox--navbar`), c === "end" && re.push(`${V}__listbox--end`), n === "icon-only" && re.push(`${V}__listbox--icon-only`), re = x(re), ae) {
+    if (b && re.push(`${V}__listbox--navbar`), c === "end" && re.push(`${V}__listbox--end`), n === "icon-only" && re.push(`${V}__listbox--icon-only`), re = x(re), ae) {
       const ue = et(R, G);
       ue.forEach(() => {
         F.current.push(lt());
@@ -1778,7 +1778,7 @@ const St = 300, l2 = 400, xe = (p) => {
             opacity: K ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: $,
-            transform: `translate(${Math.round(g)}px,${Math.round(i)}px)`,
+            transform: `translate(${Math.round(h)}px,${Math.round(i)}px)`,
             zIndex: "var(--pds-z-index-dropdown)"
           },
           onKeyDown: qe,
@@ -1820,7 +1820,7 @@ const St = 300, l2 = 400, xe = (p) => {
             opacity: K ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: $,
-            transform: `translate(${Math.round(g)}px,${Math.round(i)}px)`
+            transform: `translate(${Math.round(h)}px,${Math.round(i)}px)`
           },
           onKeyDown: qe,
           ref: _
@@ -1848,7 +1848,7 @@ const St = 300, l2 = 400, xe = (p) => {
       "aria-expanded": K,
       onClick: le,
       onKeyDown: Oe,
-      ref: h
+      ref: g
     }
   )), n === "icon-only") {
     const R = Yt(d);
@@ -1868,7 +1868,7 @@ const St = 300, l2 = 400, xe = (p) => {
         "aria-expanded": K,
         onClick: le,
         onKeyDown: Oe,
-        ref: h,
+        ref: g,
         hasTooltip: !1
       }
     );
@@ -1943,10 +1943,10 @@ const St = 300, l2 = 400, xe = (p) => {
     "value",
     "className"
   ]);
-  const u = "pds-segmented-button", v = t ? "pds-is-disabled" : null, E = a !== "md" ? `${u}--${a}` : null, L = typeof c != "undefined", b = typeof s != "undefined", [C, g] = U(
-    b ? s : ""
-  ), i = (h) => {
-    g(h.target.value), r && r(h.target.value);
+  const u = "pds-segmented-button", b = t ? "pds-is-disabled" : null, E = a !== "md" ? `${u}--${a}` : null, L = typeof c != "undefined", v = typeof s != "undefined", [C, h] = U(
+    v ? s : ""
+  ), i = (g) => {
+    h(g.target.value), r && r(g.target.value);
   };
   if (d.length >= 2 && d.length <= 6)
     return /* @__PURE__ */ e.createElement(
@@ -1955,13 +1955,13 @@ const St = 300, l2 = 400, xe = (p) => {
         className: x([
           u,
           E,
-          v,
+          b,
           o != null ? o : ""
         ])
       }, m),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, l),
-      /* @__PURE__ */ e.createElement("div", { className: `${u}__options` }, d.map((h, _) => {
-        const $ = L ? c === h.value : C === h.value, k = `${u}__option`, z = $ ? `${k}--checked` : null;
+      /* @__PURE__ */ e.createElement("div", { className: `${u}__options` }, d.map((g, _) => {
+        const $ = L ? c === g.value : C === g.value, k = `${u}__option`, z = $ ? `${k}--checked` : null;
         return /* @__PURE__ */ e.createElement(
           "div",
           {
@@ -1973,29 +1973,29 @@ const St = 300, l2 = 400, xe = (p) => {
             {
               className: "visually-hidden",
               type: "radio",
-              id: h.id ? h.id : `${n}-option-${_}`,
+              id: g.id ? g.id : `${n}-option-${_}`,
               name: n,
-              value: h.value,
-              disabled: t || h.disabled,
+              value: g.value,
+              disabled: t || g.disabled,
               onChange: i,
               checked: $
             }
           ),
-          /* @__PURE__ */ e.createElement("label", { htmlFor: h.id ? h.id : `${n}-option-${_}` }, h.tally ? /* @__PURE__ */ e.createElement(
+          /* @__PURE__ */ e.createElement("label", { htmlFor: g.id ? g.id : `${n}-option-${_}` }, g.tally ? /* @__PURE__ */ e.createElement(
             $t,
             {
-              label: h.tally.label,
-              type: h.tally.type,
+              label: g.tally.label,
+              type: g.tally.type,
               className: `${u}__tally`
             }
-          ) : h.iconName && /* @__PURE__ */ e.createElement(
+          ) : g.iconName && /* @__PURE__ */ e.createElement(
             P,
             {
-              iconName: h.iconName,
+              iconName: g.iconName,
               iconSize: a,
               className: `${u}__icon`
             }
-          ), /* @__PURE__ */ e.createElement("span", { className: `${u}__label-text` }, h.label))
+          ), /* @__PURE__ */ e.createElement("span", { className: `${u}__label-text` }, g.label))
         );
       }))
     );
@@ -2016,8 +2016,8 @@ const St = 300, l2 = 400, xe = (p) => {
     "className"
   ]);
   const m = "pds-split-button", f = `${m}--${r}`, p = t[0], u = t.slice(1);
-  let v = null;
-  return "isLink" in p && p.isLink === !0 ? v = /* @__PURE__ */ e.createElement(
+  let b = null;
+  return "isLink" in p && p.isLink === !0 ? b = /* @__PURE__ */ e.createElement(
     yt,
     {
       className: `${m}__primary-action`,
@@ -2027,7 +2027,7 @@ const St = 300, l2 = 400, xe = (p) => {
       disabled: n,
       linkContent: p.linkContent
     }
-  ) : "label" in p && (v = /* @__PURE__ */ e.createElement(
+  ) : "label" in p && (b = /* @__PURE__ */ e.createElement(
     gt,
     {
       className: `${m}__primary-action`,
@@ -2042,7 +2042,7 @@ const St = 300, l2 = 400, xe = (p) => {
     M({
       className: x([m, f, d])
     }, a),
-    v,
+    b,
     /* @__PURE__ */ e.createElement(
       m2,
       {
@@ -2082,7 +2082,7 @@ const St = 300, l2 = 400, xe = (p) => {
     "tooltipText",
     "className"
   ]);
-  const u = "pds-utility-button", v = l ? `${u}--critical` : null, E = n ? `${u}--disabled` : null, L = r ? `${u}--monospace` : null, b = /* @__PURE__ */ e.createElement(
+  const u = "pds-utility-button", b = l ? `${u}--critical` : null, E = n ? `${u}--disabled` : null, L = r ? `${u}--monospace` : null, v = /* @__PURE__ */ e.createElement(
     "button",
     M({
       className: `${u}__button`,
@@ -2098,13 +2098,13 @@ const St = 300, l2 = 400, xe = (p) => {
     M({
       className: x([
         u,
-        v,
+        b,
         E,
         L,
         o != null ? o : ""
       ])
     }, m),
-    c ? /* @__PURE__ */ e.createElement(xe, { content: c, customTrigger: b }) : b
+    c ? /* @__PURE__ */ e.createElement(xe, { content: c, customTrigger: v }) : v
   );
 }, Ot = {
   info: "circleInfo",
@@ -2227,11 +2227,11 @@ const St = 300, l2 = 400, xe = (p) => {
   const p = "pds-card-select-group";
   let u = `${p}__legend`;
   l === "center" && (u = `${p}__legend ${p}__legend--center`), l === "hidden" && (u = `${p}__legend visually-hidden`);
-  const [v, E] = U(n), L = (_) => {
+  const [b, E] = U(n), L = (_) => {
     E(_.currentTarget.value), d && d(_.currentTarget.value);
-  }, b = a.length, C = "pds-grid-item", g = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", i = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
-  let h = "";
-  return r === "twoAcross" ? h = g : r === "threeAcross" ? h = i : r === "auto" && (b === 1 ? h = C : b % 3 === 0 ? h = i : b % 2 === 0 ? h = g : h = i), /* @__PURE__ */ e.createElement(
+  }, v = a.length, C = "pds-grid-item", h = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", i = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  let g = "";
+  return r === "twoAcross" ? g = h : r === "threeAcross" ? g = i : r === "auto" && (v === 1 ? g = C : v % 3 === 0 ? g = i : v % 2 === 0 ? g = h : g = i), /* @__PURE__ */ e.createElement(
     "fieldset",
     M({
       className: [p, c].join(" ").trim().replace(/\s+/g, " "),
@@ -2241,7 +2241,7 @@ const St = 300, l2 = 400, xe = (p) => {
     /* @__PURE__ */ e.createElement("div", { className: `${p}__options pds-grid pds-grid--narrow` }, a.map((_, $) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [`${p}__option`, h].join(" ").trim().replace(/\s+/g, " "),
+        className: [`${p}__option`, g].join(" ").trim().replace(/\s+/g, " "),
         key: `${t}-option-${$}`
       },
       /* @__PURE__ */ e.createElement(
@@ -2252,21 +2252,21 @@ const St = 300, l2 = 400, xe = (p) => {
           name: t,
           value: _.value,
           onClick: L,
-          defaultChecked: v === _.value
+          defaultChecked: b === _.value
         }
       ),
       /* @__PURE__ */ e.createElement(
         "label",
         {
           htmlFor: _.id ? _.id : `${t}-option-${$}`,
-          className: v === _.value ? `${p}__option-label ${p}__option-label--selected` : `${p}__option-label`
+          className: b === _.value ? `${p}__option-label ${p}__option-label--selected` : `${p}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${p}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           P,
           {
-            iconName: v === _.value ? "circleCheck" : "circle",
+            iconName: b === _.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: v === _.value ? `${p}__option-icon ${p}__option-icon--selected` : `${p}__option-icon`
+            className: b === _.value ? `${p}__option-icon ${p}__option-icon--selected` : `${p}__option-icon`
           }
         )),
         /* @__PURE__ */ e.createElement("div", { className: `${p}__option-label-text` }, _.label, _.description && /* @__PURE__ */ e.createElement("div", { className: `${p}__option-description` }, _.description))
@@ -2600,8 +2600,8 @@ const St = 300, l2 = 400, xe = (p) => {
     "supplementalLinks",
     "className"
   ]);
-  const u = "pds-new-site-card", v = a.type, E = /* @__PURE__ */ e.createElement(e1, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${u}__main` }, /* @__PURE__ */ e.createElement(
-    v,
+  const u = "pds-new-site-card", b = a.type, E = /* @__PURE__ */ e.createElement(e1, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${u}__main` }, /* @__PURE__ */ e.createElement(
+    b,
     M({
       "aria-label": a.props.children,
       className: `${u}__selection-link`
@@ -2617,12 +2617,12 @@ const St = 300, l2 = 400, xe = (p) => {
       }
     ),
     d && /* @__PURE__ */ e.createElement("div", { className: `${u}__summary` }, d)
-  ), c && c.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${u}__links` }, c.map((L, b) => {
+  ), c && c.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${u}__links` }, c.map((L, v) => {
     const C = L.type;
     return /* @__PURE__ */ e.createElement(
       C,
       M({
-        key: b,
+        key: v,
         className: `${u}__link`
       }, L.props),
       L.props.children,
@@ -2686,7 +2686,7 @@ const St = 300, l2 = 400, xe = (p) => {
   const s = "pds-select";
   return /* @__PURE__ */ e.createElement("li", { role: "presentation", className: `${s}__group` }, /* @__PURE__ */ e.createElement("span", { className: `${s}__group-label` }, t), /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${s}__group-options` }, n));
 }, g2 = (i) => {
-  var h = i, {
+  var g = i, {
     defaultValue: t,
     disabled: n,
     id: s,
@@ -2703,12 +2703,12 @@ const St = 300, l2 = 400, xe = (p) => {
     options: f,
     required: p = !1,
     showLabel: u = !0,
-    tooltipText: v = null,
+    tooltipText: b = null,
     validationMessage: E,
     validationStatus: L,
-    value: b,
+    value: v,
     className: C
-  } = h, g = A(h, [
+  } = g, h = A(g, [
     "defaultValue",
     "disabled",
     "id",
@@ -2732,7 +2732,7 @@ const St = 300, l2 = 400, xe = (p) => {
   const _ = Je(l), $ = "pds-select", k = n ? ee.disabled : null, z = p && !n ? ee.required : null, w = L === "error" ? ee.error : null, y = L === "success" ? ee.success : null;
   let H = null;
   L === "error" && (H = "error"), L === "success" && (H = "success");
-  const N = E || a, V = typeof b != "undefined", I = typeof t != "undefined", S = ((Ce) => Ce.reduce((Le, _e) => o1(_e) ? [...Le, ..._e.options] : [...Le, _e], []))(f), T = (Ce) => S.findIndex((Le) => Le.value === Ce), W = V && T(b) >= 0 ? T(b) : null, Z = I ? T(t) : null, K = W || Z, [ne, Y] = U(!1), [j, q] = U(null), [O, Q] = U(
+  const N = E || a, V = typeof v != "undefined", I = typeof t != "undefined", S = ((Ce) => Ce.reduce((Le, _e) => o1(_e) ? [...Le, ..._e.options] : [...Le, _e], []))(f), T = (Ce) => S.findIndex((Le) => Le.value === Ce), W = V && T(v) >= 0 ? T(v) : null, Z = I ? T(t) : null, K = W || Z, [ne, Y] = U(!1), [j, q] = U(null), [O, Q] = U(
     K != null ? K : null
   ), X = O !== null ? (ct = S[O]) == null ? void 0 : ct.label : void 0, F = O !== null ? (rt = S[O]) == null ? void 0 : rt.value : void 0, B = de([]), { context: J, refs: te } = Ve({
     open: ne,
@@ -2769,10 +2769,10 @@ const St = 300, l2 = 400, xe = (p) => {
   };
   oe(() => {
     if (V) {
-      const Ce = T(b);
+      const Ce = T(v);
       Q(Ce), Y(!1);
     }
-  }, [b]);
+  }, [v]);
   const Ne = () => {
     c && c(F);
   }, et = () => {
@@ -2852,14 +2852,14 @@ const St = 300, l2 = 400, xe = (p) => {
         C != null ? C : ""
       ]),
       style: l ? _ : null
-    }, g),
+    }, h),
     /* @__PURE__ */ e.createElement(
       Pe,
       {
         id: s,
         label: r,
         showLabel: u,
-        tooltipText: v,
+        tooltipText: b,
         required: p,
         disabled: n
       }
@@ -2905,7 +2905,7 @@ const St = 300, l2 = 400, xe = (p) => {
     )
   );
 }, vn = (u) => {
-  var v = u, {
+  var b = u, {
     actionPrimary: t,
     actionSecondary: n,
     hasComparisonList: s = !0,
@@ -2920,7 +2920,7 @@ const St = 300, l2 = 400, xe = (p) => {
     selectLabel: o = "Select a plan size",
     statusBadgeType: m,
     className: f
-  } = v, p = A(v, [
+  } = b, p = A(b, [
     "actionPrimary",
     "actionSecondary",
     "hasComparisonList",
@@ -2933,8 +2933,8 @@ const St = 300, l2 = 400, xe = (p) => {
     "statusBadgeType",
     "className"
   ]);
-  const E = "pds-pricing-card", L = `${E}-container`, b = s ? `${L}--with-list` : null, C = m ? `${E}--${m}` : null, g = (I) => I.toLowerCase().replace(/\s/g, "-"), i = a && a.length > 1, [h, _] = U(
-    g(a[0].label)
+  const E = "pds-pricing-card", L = `${E}-container`, v = s ? `${L}--with-list` : null, C = m ? `${E}--${m}` : null, h = (I) => I.toLowerCase().replace(/\s/g, "-"), i = a && a.length > 1, [g, _] = U(
+    h(a[0].label)
   ), [$, k] = U(
     t.label
   );
@@ -2956,7 +2956,7 @@ const St = 300, l2 = 400, xe = (p) => {
       renderTypeLabels: !1
     }
   )), i && (z = a.map((I) => {
-    const S = h === g(I.label) ? null : `${E}__pricing-data--hide`;
+    const S = g === h(I.label) ? null : `${E}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -2964,8 +2964,8 @@ const St = 300, l2 = 400, xe = (p) => {
           `${E}__pricing-data`,
           S
         ]),
-        id: `data-${g(I.label)}`,
-        key: g(I.label)
+        id: `data-${h(I.label)}`,
+        key: h(I.label)
       },
       I.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${E}__price-prefix` }, I.pricePrefix),
       /* @__PURE__ */ e.createElement("div", { className: `${E}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__price` }, I.price), I.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__details` }, I.priceDetails)),
@@ -2980,7 +2980,7 @@ const St = 300, l2 = 400, xe = (p) => {
       ), I.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, I.savingsDetails))
     );
   }), w = a.map((I) => {
-    const S = h === g(I.label) ? null : `${E}__list--hide`;
+    const S = g === h(I.label) ? null : `${E}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       d1,
       {
@@ -2988,13 +2988,13 @@ const St = 300, l2 = 400, xe = (p) => {
         listLabel: I.listLabel,
         listItems: I.listItems,
         renderTypeLabels: !1,
-        key: `${g(I.label)}-list`
+        key: `${h(I.label)}-list`
       }
     );
   }));
   const y = (I) => {
     const D = a.find(
-      (S) => g(S.label) === I
+      (S) => h(S.label) === I
     );
     return D.customActionLabel ? D.customActionLabel : t.label;
   };
@@ -3007,10 +3007,10 @@ const St = 300, l2 = 400, xe = (p) => {
       label: o,
       showLabel: !1,
       options: a.map((I) => ({
-        value: g(I.label),
+        value: h(I.label),
         label: I.label
       })),
-      defaultValue: g(a[0].label),
+      defaultValue: h(a[0].label),
       onOptionSelect: (I) => {
         _(I.value), k(y(I.value)), l && l(I.value);
       }
@@ -3056,7 +3056,7 @@ const St = 300, l2 = 400, xe = (p) => {
   ))), /* @__PURE__ */ e.createElement(
     "div",
     M({
-      className: x([L, b, f])
+      className: x([L, v, f])
     }, p),
     /* @__PURE__ */ e.createElement("div", { className: x([E, C]) }, m && /* @__PURE__ */ e.createElement(
       Xt,
@@ -3089,13 +3089,13 @@ const St = 300, l2 = 400, xe = (p) => {
     "className"
   ]);
   const p = "pds-site-card";
-  let u, v;
-  a === "active" && (u = "Active", v = "success"), a === "frozen" && (u = "Frozen", v = "frozen");
+  let u, b;
+  a === "active" && (u = "Active", b = "success"), a === "frozen" && (u = "Frozen", b = "frozen");
   const E = /* @__PURE__ */ e.createElement(
     Xt,
     {
       label: u,
-      statusType: v,
+      statusType: b,
       hasStatusIndicator: !0
     }
   ), L = /* @__PURE__ */ e.createElement(e1, null, /* @__PURE__ */ e.createElement("img", { slot: "image", src: s, alt: "" }), /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${p}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__header` }, /* @__PURE__ */ e.createElement(
@@ -3106,12 +3106,12 @@ const St = 300, l2 = 400, xe = (p) => {
       level: n,
       text: r
     }
-  ), E), /* @__PURE__ */ e.createElement("div", { className: `${p}__plan` }, d))), b = we(l) ? Ie(l, me(M({}, l.props), {
+  ), E), /* @__PURE__ */ e.createElement("div", { className: `${p}__plan` }, d))), v = we(l) ? Ie(l, me(M({}, l.props), {
     className: `${p}__link`,
     children: L,
     "aria-label": `${t} ${r} dashboard`
   })) : null;
-  return /* @__PURE__ */ e.createElement("div", M({ className: x([p, c != null ? c : ""]) }, o), b);
+  return /* @__PURE__ */ e.createElement("div", M({ className: x([p, c != null ? c : ""]) }, o), v);
 };
 var m1 = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
 function _2(t) {
@@ -3184,8 +3184,8 @@ var N1 = { exports: {} };
        * @memberof Prism
        */
       util: {
-        encode: function g(i) {
-          return i instanceof o ? new o(i.type, g(i.content), i.alias) : Array.isArray(i) ? i.map(g) : i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+        encode: function h(i) {
+          return i instanceof o ? new o(i.type, h(i.content), i.alias) : Array.isArray(i) ? i.map(h) : i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
         },
         /**
          * Returns the name of the type of the given value.
@@ -3203,8 +3203,8 @@ var N1 = { exports: {} };
          * type(String)    === 'Function'
          * type(/abc+/)    === 'RegExp'
          */
-        type: function(g) {
-          return Object.prototype.toString.call(g).slice(8, -1);
+        type: function(h) {
+          return Object.prototype.toString.call(h).slice(8, -1);
         },
         /**
          * Returns a unique number for the given object. Later calls will still return the same number.
@@ -3212,8 +3212,8 @@ var N1 = { exports: {} };
          * @param {Object} obj
          * @returns {number}
          */
-        objId: function(g) {
-          return g.__id || Object.defineProperty(g, "__id", { value: ++d }), g.__id;
+        objId: function(h) {
+          return h.__id || Object.defineProperty(h, "__id", { value: ++d }), h.__id;
         },
         /**
          * Creates a deep clone of the given object.
@@ -3225,26 +3225,26 @@ var N1 = { exports: {} };
          * @returns {T}
          * @template T
          */
-        clone: function g(i, h) {
-          h = h || {};
+        clone: function h(i, g) {
+          g = g || {};
           var _, $;
           switch (c.util.type(i)) {
             case "Object":
-              if ($ = c.util.objId(i), h[$])
-                return h[$];
+              if ($ = c.util.objId(i), g[$])
+                return g[$];
               _ = /** @type {Record<string, any>} */
-              {}, h[$] = _;
+              {}, g[$] = _;
               for (var k in i)
-                i.hasOwnProperty(k) && (_[k] = g(i[k], h));
+                i.hasOwnProperty(k) && (_[k] = h(i[k], g));
               return (
                 /** @type {any} */
                 _
               );
             case "Array":
-              return $ = c.util.objId(i), h[$] ? h[$] : (_ = [], h[$] = _, /** @type {Array} */
+              return $ = c.util.objId(i), g[$] ? g[$] : (_ = [], g[$] = _, /** @type {Array} */
               /** @type {any} */
               i.forEach(function(z, w) {
-                _[w] = g(z, h);
+                _[w] = h(z, g);
               }), /** @type {any} */
               _);
             default:
@@ -3259,12 +3259,12 @@ var N1 = { exports: {} };
          * @param {Element} element
          * @returns {string}
          */
-        getLanguage: function(g) {
-          for (; g; ) {
-            var i = r.exec(g.className);
+        getLanguage: function(h) {
+          for (; h; ) {
+            var i = r.exec(h.className);
             if (i)
               return i[1].toLowerCase();
-            g = g.parentElement;
+            h = h.parentElement;
           }
           return "none";
         },
@@ -3275,8 +3275,8 @@ var N1 = { exports: {} };
          * @param {string} language
          * @returns {void}
          */
-        setLanguage: function(g, i) {
-          g.className = g.className.replace(RegExp(r, "gi"), ""), g.classList.add("language-" + i);
+        setLanguage: function(h, i) {
+          h.className = h.className.replace(RegExp(r, "gi"), ""), h.classList.add("language-" + i);
         },
         /**
          * Returns the script element that is currently executing.
@@ -3296,12 +3296,12 @@ var N1 = { exports: {} };
           try {
             throw new Error();
           } catch (_) {
-            var g = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(_.stack) || [])[1];
-            if (g) {
+            var h = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(_.stack) || [])[1];
+            if (h) {
               var i = document.getElementsByTagName("script");
-              for (var h in i)
-                if (i[h].src == g)
-                  return i[h];
+              for (var g in i)
+                if (i[g].src == h)
+                  return i[g];
             }
             return null;
           }
@@ -3325,16 +3325,16 @@ var N1 = { exports: {} };
          * @param {boolean} [defaultActivation=false]
          * @returns {boolean}
          */
-        isActive: function(g, i, h) {
-          for (var _ = "no-" + i; g; ) {
-            var $ = g.classList;
+        isActive: function(h, i, g) {
+          for (var _ = "no-" + i; h; ) {
+            var $ = h.classList;
             if ($.contains(i))
               return !0;
             if ($.contains(_))
               return !1;
-            g = g.parentElement;
+            h = h.parentElement;
           }
-          return !!h;
+          return !!g;
         }
       },
       /**
@@ -3380,11 +3380,11 @@ var N1 = { exports: {} };
          *     'color': /\b(?:red|green|blue)\b/
          * });
          */
-        extend: function(g, i) {
-          var h = c.util.clone(c.languages[g]);
+        extend: function(h, i) {
+          var g = c.util.clone(c.languages[h]);
           for (var _ in i)
-            h[_] = i[_];
-          return h;
+            g[_] = i[_];
+          return g;
         },
         /**
          * Inserts tokens _before_ another token in a language definition or any other grammar.
@@ -3461,31 +3461,31 @@ var N1 = { exports: {} };
          * @returns {Grammar} The new grammar object.
          * @public
          */
-        insertBefore: function(g, i, h, _) {
+        insertBefore: function(h, i, g, _) {
           _ = _ || /** @type {any} */
           c.languages;
-          var $ = _[g], k = {};
+          var $ = _[h], k = {};
           for (var z in $)
             if ($.hasOwnProperty(z)) {
               if (z == i)
-                for (var w in h)
-                  h.hasOwnProperty(w) && (k[w] = h[w]);
-              h.hasOwnProperty(z) || (k[z] = $[z]);
+                for (var w in g)
+                  g.hasOwnProperty(w) && (k[w] = g[w]);
+              g.hasOwnProperty(z) || (k[z] = $[z]);
             }
-          var y = _[g];
-          return _[g] = k, c.languages.DFS(c.languages, function(H, N) {
-            N === y && H != g && (this[H] = k);
+          var y = _[h];
+          return _[h] = k, c.languages.DFS(c.languages, function(H, N) {
+            N === y && H != h && (this[H] = k);
           }), k;
         },
         // Traverse a language definition with Depth First Search
-        DFS: function g(i, h, _, $) {
+        DFS: function h(i, g, _, $) {
           $ = $ || {};
           var k = c.util.objId;
           for (var z in i)
             if (i.hasOwnProperty(z)) {
-              h.call(i, z, i[z], _ || z);
+              g.call(i, z, i[z], _ || z);
               var w = i[z], y = c.util.type(w);
-              y === "Object" && !$[k(w)] ? ($[k(w)] = !0, g(w, h, null, $)) : y === "Array" && !$[k(w)] && ($[k(w)] = !0, g(w, h, z, $));
+              y === "Object" && !$[k(w)] ? ($[k(w)] = !0, h(w, g, null, $)) : y === "Array" && !$[k(w)] && ($[k(w)] = !0, h(w, g, z, $));
             }
         }
       },
@@ -3502,8 +3502,8 @@ var N1 = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAll: function(g, i) {
-        c.highlightAllUnder(document, g, i);
+      highlightAll: function(h, i) {
+        c.highlightAllUnder(document, h, i);
       },
       /**
        * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -3520,10 +3520,10 @@ var N1 = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAllUnder: function(g, i, h) {
+      highlightAllUnder: function(h, i, g) {
         var _ = {
-          callback: h,
-          container: g,
+          callback: g,
+          container: h,
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
         c.hooks.run("before-highlightall", _), _.elements = Array.prototype.slice.apply(_.container.querySelectorAll(_.selector)), c.hooks.run("before-all-elements-highlight", _);
@@ -3558,22 +3558,22 @@ var N1 = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightElement: function(g, i, h) {
-        var _ = c.util.getLanguage(g), $ = c.languages[_];
-        c.util.setLanguage(g, _);
-        var k = g.parentElement;
+      highlightElement: function(h, i, g) {
+        var _ = c.util.getLanguage(h), $ = c.languages[_];
+        c.util.setLanguage(h, _);
+        var k = h.parentElement;
         k && k.nodeName.toLowerCase() === "pre" && c.util.setLanguage(k, _);
-        var z = g.textContent, w = {
-          element: g,
+        var z = h.textContent, w = {
+          element: h,
           language: _,
           grammar: $,
           code: z
         };
         function y(N) {
-          w.highlightedCode = N, c.hooks.run("before-insert", w), w.element.innerHTML = w.highlightedCode, c.hooks.run("after-highlight", w), c.hooks.run("complete", w), h && h.call(w.element);
+          w.highlightedCode = N, c.hooks.run("before-insert", w), w.element.innerHTML = w.highlightedCode, c.hooks.run("after-highlight", w), c.hooks.run("complete", w), g && g.call(w.element);
         }
         if (c.hooks.run("before-sanity-check", w), k = w.element.parentElement, k && k.nodeName.toLowerCase() === "pre" && !k.hasAttribute("tabindex") && k.setAttribute("tabindex", "0"), !w.code) {
-          c.hooks.run("complete", w), h && h.call(w.element);
+          c.hooks.run("complete", w), g && g.call(w.element);
           return;
         }
         if (c.hooks.run("before-highlight", w), !w.grammar) {
@@ -3612,11 +3612,11 @@ var N1 = { exports: {} };
        * @example
        * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
        */
-      highlight: function(g, i, h) {
+      highlight: function(h, i, g) {
         var _ = {
-          code: g,
+          code: h,
           grammar: i,
-          language: h
+          language: g
         };
         if (c.hooks.run("before-tokenize", _), !_.grammar)
           throw new Error('The language "' + _.language + '" has no grammar.');
@@ -3646,15 +3646,15 @@ var N1 = { exports: {} };
        *     }
        * });
        */
-      tokenize: function(g, i) {
-        var h = i.rest;
-        if (h) {
-          for (var _ in h)
-            i[_] = h[_];
+      tokenize: function(h, i) {
+        var g = i.rest;
+        if (g) {
+          for (var _ in g)
+            i[_] = g[_];
           delete i.rest;
         }
         var $ = new p();
-        return u($, $.head, g), f(g, $, i, $.head, 0), E($);
+        return u($, $.head, h), f(h, $, i, $.head, 0), E($);
       },
       /**
        * @namespace
@@ -3675,9 +3675,9 @@ var N1 = { exports: {} };
          * @param {HookCallback} callback The callback function which is given environment variables.
          * @public
          */
-        add: function(g, i) {
-          var h = c.hooks.all;
-          h[g] = h[g] || [], h[g].push(i);
+        add: function(h, i) {
+          var g = c.hooks.all;
+          g[h] = g[h] || [], g[h].push(i);
         },
         /**
          * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -3688,35 +3688,35 @@ var N1 = { exports: {} };
          * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
          * @public
          */
-        run: function(g, i) {
-          var h = c.hooks.all[g];
-          if (!(!h || !h.length))
-            for (var _ = 0, $; $ = h[_++]; )
+        run: function(h, i) {
+          var g = c.hooks.all[h];
+          if (!(!g || !g.length))
+            for (var _ = 0, $; $ = g[_++]; )
               $(i);
         }
       },
       Token: o
     };
     l.Prism = c;
-    function o(g, i, h, _) {
-      this.type = g, this.content = i, this.alias = h, this.length = (_ || "").length | 0;
+    function o(h, i, g, _) {
+      this.type = h, this.content = i, this.alias = g, this.length = (_ || "").length | 0;
     }
-    o.stringify = function g(i, h) {
+    o.stringify = function h(i, g) {
       if (typeof i == "string")
         return i;
       if (Array.isArray(i)) {
         var _ = "";
         return i.forEach(function(y) {
-          _ += g(y, h);
+          _ += h(y, g);
         }), _;
       }
       var $ = {
         type: i.type,
-        content: g(i.content, h),
+        content: h(i.content, g),
         tag: "span",
         classes: ["token", i.type],
         attributes: {},
-        language: h
+        language: g
       }, k = i.alias;
       k && (Array.isArray(k) ? Array.prototype.push.apply($.classes, k) : $.classes.push(k)), c.hooks.run("wrap", $);
       var z = "";
@@ -3724,19 +3724,19 @@ var N1 = { exports: {} };
         z += " " + w + '="' + ($.attributes[w] || "").replace(/"/g, "&quot;") + '"';
       return "<" + $.tag + ' class="' + $.classes.join(" ") + '"' + z + ">" + $.content + "</" + $.tag + ">";
     };
-    function m(g, i, h, _) {
-      g.lastIndex = i;
-      var $ = g.exec(h);
+    function m(h, i, g, _) {
+      h.lastIndex = i;
+      var $ = h.exec(g);
       if ($ && _ && $[1]) {
         var k = $[1].length;
         $.index += k, $[0] = $[0].slice(k);
       }
       return $;
     }
-    function f(g, i, h, _, $, k) {
-      for (var z in h)
-        if (!(!h.hasOwnProperty(z) || !h[z])) {
-          var w = h[z];
+    function f(h, i, g, _, $, k) {
+      for (var z in g)
+        if (!(!g.hasOwnProperty(z) || !g[z])) {
+          var w = g[z];
           w = Array.isArray(w) ? w : [w];
           for (var y = 0; y < w.length; ++y) {
             if (k && k.cause == z + "," + y)
@@ -3748,12 +3748,12 @@ var N1 = { exports: {} };
             }
             for (var T = H.pattern || H, W = _.next, Z = $; W !== i.tail && !(k && Z >= k.reach); Z += W.value.length, W = W.next) {
               var K = W.value;
-              if (i.length > g.length)
+              if (i.length > h.length)
                 return;
               if (!(K instanceof o)) {
                 var ne = 1, Y;
                 if (I) {
-                  if (Y = m(T, Z, g, V), !Y || Y.index >= g.length)
+                  if (Y = m(T, Z, h, V), !Y || Y.index >= h.length)
                     break;
                   var Q = Y.index, j = Y.index + Y[0].length, q = Z;
                   for (q += W.value.length; Q >= q; )
@@ -3762,20 +3762,20 @@ var N1 = { exports: {} };
                     continue;
                   for (var O = W; O !== i.tail && (q < j || typeof O.value == "string"); O = O.next)
                     ne++, q += O.value.length;
-                  ne--, K = g.slice(Z, q), Y.index -= Z;
+                  ne--, K = h.slice(Z, q), Y.index -= Z;
                 } else if (Y = m(T, 0, K, V), !Y)
                   continue;
                 var Q = Y.index, X = Y[0], F = K.slice(0, Q), B = K.slice(Q + X.length), J = Z + K.length;
                 k && J > k.reach && (k.reach = J);
                 var te = W.prev;
-                F && (te = u(i, te, F), Z += F.length), v(i, te, ne);
+                F && (te = u(i, te, F), Z += F.length), b(i, te, ne);
                 var fe = new o(z, N ? c.tokenize(X, N) : X, D, X);
                 if (W = u(i, te, fe), B && u(i, W, B), ne > 1) {
                   var ie = {
                     cause: z + "," + y,
                     reach: J
                   };
-                  f(g, i, h, W.prev, Z, ie), k && ie.reach > k.reach && (k.reach = ie.reach);
+                  f(h, i, g, W.prev, Z, ie), k && ie.reach > k.reach && (k.reach = ie.reach);
                 }
               }
             }
@@ -3783,36 +3783,36 @@ var N1 = { exports: {} };
         }
     }
     function p() {
-      var g = { value: null, prev: null, next: null }, i = { value: null, prev: g, next: null };
-      g.next = i, this.head = g, this.tail = i, this.length = 0;
+      var h = { value: null, prev: null, next: null }, i = { value: null, prev: h, next: null };
+      h.next = i, this.head = h, this.tail = i, this.length = 0;
     }
-    function u(g, i, h) {
-      var _ = i.next, $ = { value: h, prev: i, next: _ };
-      return i.next = $, _.prev = $, g.length++, $;
+    function u(h, i, g) {
+      var _ = i.next, $ = { value: g, prev: i, next: _ };
+      return i.next = $, _.prev = $, h.length++, $;
     }
-    function v(g, i, h) {
-      for (var _ = i.next, $ = 0; $ < h && _ !== g.tail; $++)
+    function b(h, i, g) {
+      for (var _ = i.next, $ = 0; $ < g && _ !== h.tail; $++)
         _ = _.next;
-      i.next = _, _.prev = i, g.length -= $;
+      i.next = _, _.prev = i, h.length -= $;
     }
-    function E(g) {
-      for (var i = [], h = g.head.next; h !== g.tail; )
-        i.push(h.value), h = h.next;
+    function E(h) {
+      for (var i = [], g = h.head.next; g !== h.tail; )
+        i.push(g.value), g = g.next;
       return i;
     }
     if (!l.document)
-      return l.addEventListener && (c.disableWorkerMessageHandler || l.addEventListener("message", function(g) {
-        var i = JSON.parse(g.data), h = i.language, _ = i.code, $ = i.immediateClose;
-        l.postMessage(c.highlight(_, c.languages[h], h)), $ && l.close();
+      return l.addEventListener && (c.disableWorkerMessageHandler || l.addEventListener("message", function(h) {
+        var i = JSON.parse(h.data), g = i.language, _ = i.code, $ = i.immediateClose;
+        l.postMessage(c.highlight(_, c.languages[g], g)), $ && l.close();
       }, !1)), c;
     var L = c.util.currentScript();
     L && (c.filename = L.src, L.hasAttribute("data-manual") && (c.manual = !0));
-    function b() {
+    function v() {
       c.manual || c.highlightAll();
     }
     if (!c.manual) {
       var C = document.readyState;
-      C === "loading" || C === "interactive" && L && L.defer ? document.addEventListener("DOMContentLoaded", b) : window.requestAnimationFrame ? window.requestAnimationFrame(b) : window.setTimeout(b, 16);
+      C === "loading" || C === "interactive" && L && L.defer ? document.addEventListener("DOMContentLoaded", v) : window.requestAnimationFrame ? window.requestAnimationFrame(v) : window.setTimeout(v, 16);
     }
     return c;
   }(n);
@@ -4247,7 +4247,7 @@ const v2 = /* @__PURE__ */ _2(E2), b2 = {
   });
 })(Prism);
 const Cn = (u) => {
-  var v = u, {
+  var b = u, {
     code: t,
     colorType: n = "dark",
     copyButtonLabel: s = "Copy to clipboard",
@@ -4259,7 +4259,7 @@ const Cn = (u) => {
     promptSymbol: o = "$",
     shouldWrap: m = !1,
     className: f
-  } = v, p = A(v, [
+  } = b, p = A(b, [
     "code",
     "colorType",
     "copyButtonLabel",
@@ -4272,7 +4272,7 @@ const Cn = (u) => {
     "shouldWrap",
     "className"
   ]);
-  const E = "pds-code-block", L = `${E}--${n}`, b = m ? `${E}__line-wrapped` : "", C = c ? { maxHeight: `${c}rem` } : {}, g = n === "dark" ? "reverse" : "standard", i = n === "dark" ? b2 : C2, h = ["bash", "diff", "twig"], _ = /* @__PURE__ */ e.createElement(mt.LineContent, null, /* @__PURE__ */ e.createElement(mt.Token, null)), $ = /* @__PURE__ */ e.createElement("div", { className: `${E}__line ${b}` }, /* @__PURE__ */ e.createElement(mt.LineNumber, { className: `${E}__number` }), _), k = /* @__PURE__ */ e.createElement("div", { className: `${E}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__prompt` }, o), _);
+  const E = "pds-code-block", L = `${E}--${n}`, v = m ? `${E}__line-wrapped` : "", C = c ? { maxHeight: `${c}rem` } : {}, h = n === "dark" ? "reverse" : "standard", i = n === "dark" ? b2 : C2, g = ["bash", "diff", "twig"], _ = /* @__PURE__ */ e.createElement(mt.LineContent, null, /* @__PURE__ */ e.createElement(mt.Token, null)), $ = /* @__PURE__ */ e.createElement("div", { className: `${E}__line ${v}` }, /* @__PURE__ */ e.createElement(mt.LineNumber, { className: `${E}__number` }), _), k = /* @__PURE__ */ e.createElement("div", { className: `${E}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__prompt` }, o), _);
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
@@ -4285,7 +4285,7 @@ const Cn = (u) => {
         code: t,
         language: a || "",
         theme: i,
-        prism: h.includes(a) ? v2 : void 0
+        prism: g.includes(a) ? v2 : void 0
       },
       /* @__PURE__ */ e.createElement(mt.Code, { className: `${E}__code`, tabIndex: 0 }, r || d ? r ? $ : k : _)
     ),
@@ -4294,7 +4294,7 @@ const Cn = (u) => {
       {
         ariaLabel: s,
         clipboardText: t,
-        variant: g
+        variant: h
       }
     ))
   );
@@ -4344,13 +4344,13 @@ const Cn = (u) => {
     "secondaryLinkContent",
     "className"
   ]);
-  const p = "pds-cta-slice", u = t && t !== "default" ? `${p}--${t}` : null, v = n && n !== "standard" ? `pds-container pds-container--${n}` : "pds-container";
+  const p = "pds-cta-slice", u = t && t !== "default" ? `${p}--${t}` : null, b = n && n !== "standard" ? `pds-container pds-container--${n}` : "pds-container";
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
       className: x([p, u, c])
     }, o),
-    /* @__PURE__ */ e.createElement("div", { className: v }, l && /* @__PURE__ */ e.createElement(_t, { baseClass: p, className: "pds-ts-4xl", level: s }, l), r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: b }, l && /* @__PURE__ */ e.createElement(_t, { baseClass: p, className: "pds-ts-4xl", level: s }, l), r && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${p}__lead-text pds-lead-text pds-lead-text--sm`
@@ -4469,8 +4469,8 @@ const Cn = (u) => {
     "className"
   ]);
   const a = "pds-flow-steps", c = `${a}--${t}`, o = n.map(({ header: m, content: f }, p) => {
-    const u = /* @__PURE__ */ e.createElement("div", { className: `${a}__number` }, /* @__PURE__ */ e.createElement("span", null, p + 1)), v = /* @__PURE__ */ e.createElement("div", { className: `${a}__header` }, m), E = f ? /* @__PURE__ */ e.createElement("div", { className: `${a}__content` }, f) : null;
-    return /* @__PURE__ */ e.createElement("li", { key: p, className: `${a}__step` }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, u, /* @__PURE__ */ e.createElement("div", { className: `${a}__content-group` }, v, E)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${a}__header-group` }, u, v), E));
+    const u = /* @__PURE__ */ e.createElement("div", { className: `${a}__number` }, /* @__PURE__ */ e.createElement("span", null, p + 1)), b = /* @__PURE__ */ e.createElement("div", { className: `${a}__header` }, m), E = f ? /* @__PURE__ */ e.createElement("div", { className: `${a}__content` }, f) : null;
+    return /* @__PURE__ */ e.createElement("li", { key: p, className: `${a}__step` }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, u, /* @__PURE__ */ e.createElement("div", { className: `${a}__content-group` }, b, E)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${a}__header-group` }, u, b), E));
   });
   return /* @__PURE__ */ e.createElement(
     "ol",
@@ -4541,8 +4541,8 @@ const Cn = (u) => {
     "legalLinks",
     "className"
   ]);
-  const c = "pds-site-footer", o = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", m = (/* @__PURE__ */ new Date()).getFullYear(), f = s.includes("privacy"), p = s.includes("dataSubjectRequest"), u = s.includes("cookiePolicy"), v = s.includes("termsOfUse"), E = s.includes("acceptableUse"), L = s.includes("accessibilityStatement");
-  return /* @__PURE__ */ e.createElement("footer", M({ className: x([c, l != null ? l : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: o }, n && /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${c}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${c}__copyright` }, "© ", m, " Pantheon Systems, Inc."), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), u && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), v && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), L && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
+  const c = "pds-site-footer", o = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", m = (/* @__PURE__ */ new Date()).getFullYear(), f = s.includes("privacy"), p = s.includes("dataSubjectRequest"), u = s.includes("cookiePolicy"), b = s.includes("termsOfUse"), E = s.includes("acceptableUse"), L = s.includes("accessibilityStatement");
+  return /* @__PURE__ */ e.createElement("footer", M({ className: x([c, l != null ? l : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: o }, n && /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${c}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${c}__copyright` }, "© ", m, " Pantheon Systems, Inc."), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), u && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), L && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
 }, y2 = Ze(
   (k, $) => {
     var z = k, {
@@ -4559,14 +4559,14 @@ const Cn = (u) => {
       nestingLevel: f = 0,
       onBlur: p,
       onChange: u,
-      onFocus: v,
+      onFocus: b,
       required: E,
       showLabel: L = !0,
-      size: b = "M",
+      size: v = "M",
       validationMessage: C,
-      validationStatus: g,
+      validationStatus: h,
       value: i,
-      className: h
+      className: g
     } = z, _ = A(z, [
       "checked",
       "defaultChecked",
@@ -4590,7 +4590,7 @@ const Cn = (u) => {
       "value",
       "className"
     ]);
-    const w = a ? { width: `${a / 16}rem` } : null, y = "pds-checkbox", H = s ? ee.disabled : null, N = g === "error" ? ee.error : null, V = f > 0 ? `${y}--indent-${f}` : null, I = E && !s ? ee.required : null, D = b === "S" ? `${y}--sm` : null, S = g === "success" ? ee.success : null, T = C || o, W = typeof t != "undefined", Z = typeof n != "undefined", [K, ne] = U(
+    const w = a ? { width: `${a / 16}rem` } : null, y = "pds-checkbox", H = s ? ee.disabled : null, N = h === "error" ? ee.error : null, V = f > 0 ? `${y}--indent-${f}` : null, I = E && !s ? ee.required : null, D = v === "S" ? `${y}--sm` : null, S = h === "success" ? ee.success : null, T = C || o, W = typeof t != "undefined", Z = typeof n != "undefined", [K, ne] = U(
       Z ? n : !1
     ), Y = t || K, j = (F) => {
       W || ne(F.target.checked), u && u(F);
@@ -4625,7 +4625,7 @@ const Cn = (u) => {
           S,
           D,
           V,
-          h != null ? h : ""
+          g != null ? g : ""
         ].join(" ").trim().replace(/\s+/g, " "),
         style: a ? w : null
       }, _),
@@ -4643,8 +4643,8 @@ const Cn = (u) => {
           required: E,
           onBlur: p,
           onChange: j,
-          onFocus: v,
-          "aria-invalid": g === "error" ? !0 : null,
+          onFocus: b,
+          "aria-invalid": h === "error" ? !0 : null,
           "aria-describedby": T ? `${l}__message` : null
         }), d)
       ), /* @__PURE__ */ e.createElement("label", { htmlFor: l, className: `${y}__label` }, /* @__PURE__ */ e.createElement(
@@ -4676,7 +4676,7 @@ const Cn = (u) => {
           message: T,
           hasValidationMessage: !!C,
           validationMessageHasDecorators: !0,
-          validationStatus: g
+          validationStatus: h
         }
       )
     );
@@ -4696,7 +4696,7 @@ const Cn = (u) => {
     validationMessage: f,
     validationStatus: p,
     className: u
-  } = L, v = A(L, [
+  } = L, b = A(L, [
     "children",
     "disabled",
     "fieldsetProps",
@@ -4711,20 +4711,20 @@ const Cn = (u) => {
     "validationStatus",
     "className"
   ]);
-  const b = r ? { width: `${r / 16}rem` } : null, C = "pds-checkbox-group", g = n ? ee.disabled : null, i = c && !n ? ee.required : null, h = p === "error" ? ee.error : null, _ = p === "success" ? ee.success : null, $ = f || a;
+  const v = r ? { width: `${r / 16}rem` } : null, C = "pds-checkbox-group", h = n ? ee.disabled : null, i = c && !n ? ee.required : null, g = p === "error" ? ee.error : null, _ = p === "success" ? ee.success : null, $ = f || a;
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
       className: [
         C,
-        g,
-        i,
         h,
+        i,
+        g,
         _,
         u != null ? u : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: r ? b : null
-    }, v),
+      style: r ? v : null
+    }, b),
     /* @__PURE__ */ e.createElement("fieldset", M({ className: `${C}__fieldset`, id: l }, s), /* @__PURE__ */ e.createElement(
       Pe,
       {
@@ -4748,8 +4748,8 @@ const Cn = (u) => {
       }
     )
   );
-}, zn = (b) => {
-  var C = b, {
+}, zn = (v) => {
+  var C = v, {
     disabled: t = !1,
     fieldsetProps: n,
     id: s,
@@ -4763,7 +4763,7 @@ const Cn = (u) => {
     showLabel: f = !0,
     tooltipText: p = null,
     validationMessage: u,
-    validationStatus: v,
+    validationStatus: b,
     className: E
   } = C, L = A(C, [
     "disabled",
@@ -4782,7 +4782,7 @@ const Cn = (u) => {
     "validationStatus",
     "className"
   ]);
-  const g = l ? { width: `${l / 16}rem` } : null, i = "pds-checkbox-group", h = t ? ee.disabled : null, _ = m && !t ? ee.required : null, $ = v === "error" ? ee.error : null, k = v === "success" ? ee.success : null, z = u || d;
+  const h = l ? { width: `${l / 16}rem` } : null, i = "pds-checkbox-group", g = t ? ee.disabled : null, _ = m && !t ? ee.required : null, $ = b === "error" ? ee.error : null, k = b === "success" ? ee.success : null, z = u || d;
   o.map((I) => {
     I.id || (I.id = I.value);
   });
@@ -4807,13 +4807,13 @@ const Cn = (u) => {
     M({
       className: [
         i,
-        h,
+        g,
         _,
         $,
         k,
         E != null ? E : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: l ? g : null
+      style: l ? h : null
     }, L),
     /* @__PURE__ */ e.createElement("fieldset", M({ className: `${i}__fieldset`, id: s }, n), /* @__PURE__ */ e.createElement(
       Pe,
@@ -4848,7 +4848,7 @@ const Cn = (u) => {
         message: z,
         hasValidationMessage: !!u,
         validationMessageHasDecorators: !0,
-        validationStatus: v
+        validationStatus: b
       }
     )
   );
@@ -4873,14 +4873,14 @@ const Cn = (u) => {
       },
       loadingText: p = "Loading results...",
       message: u,
-      noResultsText: v = "No results found",
+      noResultsText: b = "No results found",
       onChange: E,
       onBlur: L,
-      onClear: b,
+      onClear: v,
       onFocus: C,
-      onOptionSelect: g,
+      onOptionSelect: h,
       options: i,
-      placeholder: h,
+      placeholder: g,
       required: _ = !1,
       showLabel: $ = !0,
       tooltipText: k = null,
@@ -4955,7 +4955,7 @@ const Cn = (u) => {
       F(!X);
     }, Ce = () => {
       var G;
-      !q && fe(""), J(null), F(!0), (G = ge.domReference.current) == null || G.focus(), b && b();
+      !q && fe(""), J(null), F(!0), (G = ge.domReference.current) == null || G.focus(), v && v();
     }, Le = (G) => {
       let ae = G.target.value;
       E && E(G), q || (ae.length > 0 && (ae = ae.trimStart()), fe(ae)), ae ? (J(null), F(!0)) : F(!1);
@@ -4965,7 +4965,7 @@ const Cn = (u) => {
       C && C(G);
     }, Me = (G) => {
       const ae = ie[G];
-      !q && fe(ae.label), J(null), F(!1), g && g(ae);
+      !q && fe(ae.label), J(null), F(!1), h && h(ae);
     }, R = (G) => G.map((re) => {
       const Ge = re, { label: ue, optionDisplay: pe, value: he, searchIndex: nt } = Ge, ke = A(Ge, ["label", "optionDisplay", "value", "searchIndex"]), je = he || ue, We = [ue, he];
       return nt && We.push(...nt), M({
@@ -5057,7 +5057,7 @@ const Cn = (u) => {
             "aria-autocomplete": "list",
             "aria-label": f.inputInstructions,
             disabled: n,
-            placeholder: h,
+            placeholder: g,
             value: $e,
             onBlur: _e,
             onChange: Le,
@@ -5114,7 +5114,7 @@ const Cn = (u) => {
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: M({}, ct) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${T}__loading` }, p) : ie.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${T}__options` }, se) : /* @__PURE__ */ e.createElement("div", { className: `${T}__no-results` }, v))
+        /* @__PURE__ */ e.createElement("div", { style: M({}, ct) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${T}__loading` }, p) : ie.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${T}__options` }, se) : /* @__PURE__ */ e.createElement("div", { className: `${T}__no-results` }, b))
       ),
       j && /* @__PURE__ */ e.createElement(
         De,
@@ -5137,8 +5137,8 @@ const Cn = (u) => {
       (d) => d.id === r.id
     )
   }));
-}, Nn = (b) => {
-  var C = b, {
+}, Nn = (v) => {
+  var C = v, {
     disabled: t = !1,
     id: n,
     initialSelectedItems: s = [],
@@ -5155,7 +5155,7 @@ const Cn = (u) => {
     options: f,
     placeholder: p = "Filter",
     required: u = !1,
-    showLabel: v = !0,
+    showLabel: b = !0,
     className: E
   } = C, L = A(C, [
     "disabled",
@@ -5174,7 +5174,7 @@ const Cn = (u) => {
     "showLabel",
     "className"
   ]);
-  const g = Je(l), i = "pds-combobox-multi", h = t ? ee.disabled : null, _ = u && !t ? ee.required : null, [$, k] = U(""), [z, w] = U(s), [y, H] = U(
+  const h = Je(l), i = "pds-combobox-multi", g = t ? ee.disabled : null, _ = u && !t ? ee.required : null, [$, k] = U(""), [z, w] = U(s), [y, H] = U(
     null
   ), N = _1(
     () => M2(f, z, $),
@@ -5265,18 +5265,18 @@ const Cn = (u) => {
       className: x([
         ee.base,
         i,
-        h,
+        g,
         _,
         E != null ? E : ""
       ]),
-      style: l ? g : null
+      style: l ? h : null
     }, L),
     /* @__PURE__ */ e.createElement(
       Pe,
       {
         id: n,
         label: d,
-        showLabel: v,
+        showLabel: b,
         required: u,
         disabled: t
       }
@@ -5319,7 +5319,7 @@ const Cn = (u) => {
         "button",
         M({
           "aria-label": a.triggerButton,
-          className: `${i}__trigger ${h}`,
+          className: `${i}__trigger ${g}`,
           disabled: t,
           tabIndex: -1,
           type: "button"
@@ -5364,7 +5364,7 @@ const Cn = (u) => {
     )
   );
 }, xn = Ze(
-  (_, h) => {
+  (_, g) => {
     var $ = _, {
       accept: t,
       defaultValue: n,
@@ -5382,12 +5382,12 @@ const Cn = (u) => {
       onClear: f,
       onFileChange: p,
       required: u = !1,
-      showFullPath: v,
+      showFullPath: b,
       showLabel: E = !0,
       tooltipText: L = null,
-      validationMessage: b,
+      validationMessage: v,
       validationStatus: C,
-      className: g
+      className: h
     } = $, i = A($, [
       "accept",
       "defaultValue",
@@ -5414,7 +5414,7 @@ const Cn = (u) => {
     ), H = Je(a), N = "pds-file-upload", V = s ? ee.disabled : null, I = u && !s ? ee.required : null, D = C === "error" ? ee.error : null, S = C === "success" ? ee.success : null, T = w ? `${N}--safari-default` : null;
     let W = null;
     C === "error" && (W = "error"), C === "success" && (W = "success");
-    const Z = b || o, K = n ? [n] : null, ne = n ? n.split("/").pop() : null, Y = v ? n : ne, j = n ? new File(K, Y) : null;
+    const Z = v || o, K = n ? [n] : null, ne = n ? n.split("/").pop() : null, Y = b ? n : ne, j = n ? new File(K, Y) : null;
     oe(() => {
       const X = new DataTransfer();
       if (j && X.items.add(j), X.files.length > 0) {
@@ -5423,7 +5423,7 @@ const Cn = (u) => {
         );
         F.files = X.files, vt && (F.dataset.file = `${Y}`), z(!0);
       }
-    }, [n, v]);
+    }, [n, b]);
     const q = () => {
       const X = document.getElementById(
         `${r}--input`
@@ -5454,7 +5454,7 @@ const Cn = (u) => {
           I,
           D,
           S,
-          g != null ? g : ""
+          h != null ? h : ""
         ]),
         style: a ? H : null
       }, i),
@@ -5481,7 +5481,7 @@ const Cn = (u) => {
       ), /* @__PURE__ */ e.createElement(
         "input",
         M({
-          ref: h,
+          ref: g,
           className: x([`${N}__input`]),
           type: "file",
           id: `${r}--input`,
@@ -5506,7 +5506,7 @@ const Cn = (u) => {
         {
           id: r,
           message: Z,
-          hasValidationMessage: !!b,
+          hasValidationMessage: !!v,
           validationMessageHasDecorators: !1,
           validationStatus: C
         }
@@ -5521,8 +5521,8 @@ const Cn = (u) => {
     "children",
     "className"
   ]);
-  var v, E, L, b;
-  const d = "pds-input-group", a = [t[0], t[1]], c = (v = t[0].props.id) != null ? v : null, o = (E = t[0].props.message) != null ? E : null, m = (L = t[0].props.validationMessage) != null ? L : null, f = (b = t[0].props.validationStatus) != null ? b : null, p = m || o, u = p ? `${d}--has-message` : null;
+  var b, E, L, v;
+  const d = "pds-input-group", a = [t[0], t[1]], c = (b = t[0].props.id) != null ? b : null, o = (E = t[0].props.message) != null ? E : null, m = (L = t[0].props.validationMessage) != null ? L : null, f = (v = t[0].props.validationStatus) != null ? v : null, p = m || o, u = p ? `${d}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
@@ -5541,7 +5541,7 @@ const Cn = (u) => {
     )
   );
 }, Vn = (i) => {
-  var h = i, {
+  var g = i, {
     defaultValue: t,
     disabled: n = !1,
     fieldsetProps: s,
@@ -5555,12 +5555,12 @@ const Cn = (u) => {
     options: f,
     required: p = !1,
     showLabel: u = !0,
-    tooltipText: v = null,
+    tooltipText: b = null,
     validationMessage: E,
     validationStatus: L,
-    value: b,
+    value: v,
     className: C
-  } = h, g = A(h, [
+  } = g, h = A(g, [
     "defaultValue",
     "disabled",
     "fieldsetProps",
@@ -5580,7 +5580,7 @@ const Cn = (u) => {
     "value",
     "className"
   ]);
-  const _ = "pds-radio-group", $ = n ? ee.disabled : null, k = p && !n ? ee.required : null, z = L === "error" ? ee.error : null, w = L === "success" ? ee.success : null, y = typeof b != "undefined", H = typeof t != "undefined", [N, V] = U(
+  const _ = "pds-radio-group", $ = n ? ee.disabled : null, k = p && !n ? ee.required : null, z = L === "error" ? ee.error : null, w = L === "success" ? ee.success : null, y = typeof v != "undefined", H = typeof t != "undefined", [N, V] = U(
     H ? t : ""
   ), I = E || a, D = (T) => {
     y || V(T.target.value), o && o(T), m && m(T.target.value);
@@ -5599,7 +5599,7 @@ const Cn = (u) => {
         C != null ? C : ""
       ]),
       style: Je(r)
-    }, g),
+    }, h),
     /* @__PURE__ */ e.createElement("fieldset", M({ className: `${_}__fieldset`, id: l }, s), /* @__PURE__ */ e.createElement(
       Pe,
       {
@@ -5609,7 +5609,7 @@ const Cn = (u) => {
         isLegend: !0,
         required: p,
         showLabel: u,
-        tooltipText: v
+        tooltipText: b
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${_}__options` }, f.map((T, W) => /* @__PURE__ */ e.createElement(
       "div",
@@ -5628,7 +5628,7 @@ const Cn = (u) => {
           disabled: n || T.disabled,
           onBlur: S,
           onChange: D,
-          checked: y ? b === T.value : N === T.value
+          checked: y ? v === T.value : N === T.value
         }
       ),
       /* @__PURE__ */ e.createElement("label", { htmlFor: T.id ? T.id : `${l}-option-${W}` }, T.label)
@@ -5669,8 +5669,8 @@ const Cn = (u) => {
   },
   /* @__PURE__ */ e.createElement(P, { iconName: "xmark", iconSize: "sm" })
 )), Sn = Ze(
-  (g, C) => {
-    var i = g, {
+  (h, C) => {
+    var i = h, {
       checked: t,
       defaultChecked: n,
       disabled: s = !1,
@@ -5684,10 +5684,10 @@ const Cn = (u) => {
       onChange: f,
       onLabel: p = "On",
       required: u = !1,
-      showLabel: v = !0,
+      showLabel: b = !0,
       showStatusLabel: E = !0,
       className: L
-    } = i, b = A(i, [
+    } = i, v = A(i, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -5705,7 +5705,7 @@ const Cn = (u) => {
       "showStatusLabel",
       "className"
     ]);
-    const h = Je(d), _ = "pds-switch", $ = s ? ee.disabled : null, k = u && !s ? ee.required : null, z = typeof t != "undefined", w = c == "below", y = c == "right", H = !z && n ? n : !1, [N, V] = U(H), I = t || N ? p : m, D = (ne) => {
+    const g = Je(d), _ = "pds-switch", $ = s ? ee.disabled : null, k = u && !s ? ee.required : null, z = typeof t != "undefined", w = c == "below", y = c == "right", H = !z && n ? n : !1, [N, V] = U(H), I = t || N ? p : m, D = (ne) => {
       z || V(ne.target.checked), f && f(ne);
     }, S = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -5727,7 +5727,7 @@ const Cn = (u) => {
       {
         id: l,
         label: a,
-        showLabel: v,
+        showLabel: b,
         required: u,
         disabled: s,
         className: x([
@@ -5767,8 +5767,8 @@ const Cn = (u) => {
           K,
           L
         ]),
-        style: d ? h : null
-      }, b),
+        style: d ? g : null
+      }, v),
       Z
     );
   }
@@ -5788,12 +5788,12 @@ const Cn = (u) => {
       onFocus: f,
       placeholder: p,
       readonly: u = !1,
-      required: v = !1,
+      required: b = !1,
       rows: E = 5,
       showLabel: L,
-      textareaProps: b,
+      textareaProps: v,
       tooltipText: C = null,
-      translationStrings: g = {
+      translationStrings: h = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
         searchShortcut: "Press / to focus the search field",
@@ -5802,7 +5802,7 @@ const Cn = (u) => {
         visibilityToggleShow: "Show input value"
       },
       validationMessage: i,
-      validationStatus: h,
+      validationStatus: g,
       value: _,
       className: $
     } = y, k = A(y, [
@@ -5830,7 +5830,7 @@ const Cn = (u) => {
       "value",
       "className"
     ]);
-    const H = Je(r), N = "pds-textarea", V = d ? "pds-is-resizable" : null, I = s ? ee.disabled : null, D = v && !s ? ee.required : null, S = h === "error" ? ee.error : null, T = h === "success" ? ee.success : null, W = u ? ee.readonly : null, Z = i || c, K = _ != null && m !== void 0, ne = typeof n != "undefined", [Y, j] = U(
+    const H = Je(r), N = "pds-textarea", V = d ? "pds-is-resizable" : null, I = s ? ee.disabled : null, D = b && !s ? ee.required : null, S = g === "error" ? ee.error : null, T = g === "success" ? ee.success : null, W = u ? ee.readonly : null, Z = i || c, K = _ != null && m !== void 0, ne = typeof n != "undefined", [Y, j] = U(
       ne ? n : ""
     ), q = _ || Y, O = (X) => {
       K || j(X.target.value), m && m(X);
@@ -5859,7 +5859,7 @@ const Cn = (u) => {
           label: a,
           showLabel: L,
           tooltipText: C,
-          required: v,
+          required: b,
           disabled: s,
           className: `${N}__inputlabel`
         }
@@ -5869,7 +5869,7 @@ const Cn = (u) => {
           id: l,
           currentLength: q.length,
           maxLength: t,
-          overLimitMessage: g.counterOverLimit
+          overLimitMessage: h.counterOverLimit
         }
       )),
       /* @__PURE__ */ e.createElement("div", { className: `${N}__input-wrapper` }, /* @__PURE__ */ e.createElement(
@@ -5880,7 +5880,7 @@ const Cn = (u) => {
           id: l,
           name: l,
           placeholder: p,
-          required: v,
+          required: b,
           readOnly: u,
           disabled: s,
           value: K ? _ : Y,
@@ -5888,9 +5888,9 @@ const Cn = (u) => {
           onChange: O,
           onBlur: Q,
           onFocus: f,
-          "aria-invalid": h === "error",
+          "aria-invalid": g === "error",
           "aria-describedby": Z ? `${l}__message` : null
-        }, b)
+        }, v)
       )),
       Z && /* @__PURE__ */ e.createElement(
         De,
@@ -5899,7 +5899,7 @@ const Cn = (u) => {
           message: Z,
           hasValidationMessage: !!i,
           validationMessageHasDecorators: !0,
-          validationStatus: h
+          validationStatus: g
         }
       )
     );
@@ -5920,14 +5920,14 @@ const Cn = (u) => {
       message: f,
       onBlur: p,
       onChange: u,
-      onClear: v,
+      onClear: b,
       onFocus: E,
       placeholder: L,
-      readonly: b = !1,
+      readonly: v = !1,
       required: C = !1,
-      searchIcon: g = "search",
+      searchIcon: h = "search",
       showLabel: i = !0,
-      showVisibilityToggle: h = !1,
+      showVisibilityToggle: g = !1,
       tooltipText: _ = null,
       translationStrings: $ = {
         clearButton: "Clear input text",
@@ -5972,17 +5972,17 @@ const Cn = (u) => {
       "value",
       "className"
     ]);
-    const S = Je(o), T = "pds-text-input", W = l ? ee.disabled : null, Z = C && !l ? ee.required : null, K = w === "error" ? ee.error : null, ne = w === "success" ? ee.success : null, Y = b ? ee.readonly : null;
+    const S = Je(o), T = "pds-text-input", W = l ? ee.disabled : null, Z = C && !l ? ee.required : null, K = w === "error" ? ee.error : null, ne = w === "success" ? ee.success : null, Y = v ? ee.readonly : null;
     let j = null;
-    k === "search" && (j = "search"), k === "search" && g === "filter" && (j = "filter"), w === "error" && (j = "error"), w === "success" && (j = "success");
+    k === "search" && (j = "search"), k === "search" && h === "filter" && (j = "filter"), w === "error" && (j = "error"), w === "success" && (j = "success");
     const q = z || f, O = typeof y != "undefined", Q = typeof s != "undefined", [X, F] = U(
       Q ? s : ""
     ), B = y || X, J = (le) => {
-      h && ie && be(!1), p && p(le);
+      g && ie && be(!1), p && p(le);
     }, te = (le) => {
       O || F(le.target.value), u && u(le);
     }, fe = () => {
-      O || F(""), v && v();
+      O || F(""), b && b();
       const le = document.getElementById(a);
       le && le.focus();
     }, [ie, be] = U(!1), $e = () => {
@@ -5991,7 +5991,7 @@ const Cn = (u) => {
       le && le.focus();
     };
     let ce = k;
-    return h && k === "password" && (ie ? ce = "text" : ce = "password"), /* @__PURE__ */ e.createElement(
+    return g && k === "password" && (ie ? ce = "text" : ce = "password"), /* @__PURE__ */ e.createElement(
       "div",
       M({
         className: x([
@@ -6017,7 +6017,7 @@ const Cn = (u) => {
           tooltipText: _
         }
       ),
-      h && k === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${$.visibilityStatus} ${ie ? "visible" : "hidden"}.`),
+      g && k === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${$.visibilityStatus} ${ie ? "visible" : "hidden"}.`),
       /* @__PURE__ */ e.createElement("div", { className: `${T}__input-wrapper` }, j && /* @__PURE__ */ e.createElement(dt, { variant: j }), /* @__PURE__ */ e.createElement(
         "input",
         M({
@@ -6028,7 +6028,7 @@ const Cn = (u) => {
           type: ce,
           value: O ? y : X,
           placeholder: L,
-          readOnly: b,
+          readOnly: v,
           disabled: l,
           required: C,
           autoComplete: k === "password" ? "off" : t,
@@ -6045,7 +6045,7 @@ const Cn = (u) => {
           clearLabel: $.clearButton,
           handleClearInput: fe
         }
-      ), h && k === "password" && /* @__PURE__ */ e.createElement(
+      ), g && k === "password" && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
@@ -6133,18 +6133,18 @@ const Cn = (u) => {
     "title",
     "className"
   ]);
-  const u = "pds-modal", v = a !== "md" ? `${u}--${a}` : null, [E, L] = U(r);
+  const u = "pds-modal", b = a !== "md" ? `${u}--${a}` : null, [E, L] = U(r);
   oe(() => {
     L(r);
   }, [r]), oe(() => {
     d(E);
   }, [E]);
-  const { refs: b, context: C, floatingStyles: g } = Ve({
+  const { refs: v, context: C, floatingStyles: h } = Ve({
     open: E,
     onOpenChange: L
-  }), i = Ye(C), h = Se(C, {
+  }), i = Ye(C), g = Se(C, {
     outsidePressEvent: "mousedown"
-  }), _ = Te(C), { getFloatingProps: $ } = Ae([i, h, _]), { isMounted: k, styles: z } = Qe(C, {
+  }), _ = Te(C), { getFloatingProps: $ } = Ae([i, g, _]), { isMounted: k, styles: z } = Qe(C, {
     duration: {
       open: 300,
       close: 300
@@ -6166,7 +6166,7 @@ const Cn = (u) => {
     q1,
     {
       lockScroll: !0,
-      style: me(M({}, g), {
+      style: me(M({}, h), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)",
@@ -6176,11 +6176,11 @@ const Cn = (u) => {
     /* @__PURE__ */ e.createElement(C1, { context: C }, /* @__PURE__ */ e.createElement(
       "div",
       M(me(M({
-        ref: b.setFloating,
+        ref: v.setFloating,
         "aria-label": t || c
       }, $()), {
-        className: [u, v, o].join(" ").trim().replace(/\s+/g, " "),
-        style: me(M(M({}, g), z), {
+        className: [u, b, o].join(" ").trim().replace(/\s+/g, " "),
+        style: me(M(M({}, h), z), {
           position: "relative",
           top: "5%"
         })
@@ -6265,56 +6265,70 @@ const Cn = (u) => {
   } else
     s = t;
   return s;
-}, Rn = (r) => {
-  var d = r, {
+}, Rn = (d) => {
+  var a = d, {
     ariaLabel: t,
     menuItems: n,
-    className: s
-  } = d, l = A(d, [
+    size: s = "md",
+    className: l
+  } = a, r = A(a, [
     "ariaLabel",
     "menuItems",
+    "size",
     "className"
   ]);
-  let a = !1;
-  const c = ve(ye);
-  c && (a = c.isMobile);
-  const o = "pds-button-nav", m = a ? `${o}--isMobile` : null, f = ({ isActive: E, linkContent: L }) => {
-    const b = `${o}__item`;
+  let c = !1;
+  const o = ve(ye);
+  o && (c = o.isMobile);
+  const m = "pds-button-nav", f = c ? `${m}--isMobile` : null, p = s !== "md" ? `${m}--${s}` : null, u = ({ isActive: v, linkContent: C }) => {
+    const h = `${m}__item`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
         className: x([
-          b,
-          E ? `${b}--active` : null
+          h,
+          v ? `${h}--active` : null
         ])
       },
-      L
+      C
     );
-  }, p = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, n.map((E, L) => /* @__PURE__ */ e.createElement(
-    f,
+  }, b = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu` }, n.map((v, C) => /* @__PURE__ */ e.createElement(
+    u,
     {
-      key: L,
-      linkContent: E.linkContent,
-      isActive: Ee(E)
+      key: C,
+      linkContent: v.linkContent,
+      isActive: Ee(v)
     }
-  ))) : null, u = [];
-  n.map((E) => {
-    E.linkContent && (Ee(E) ? u.unshift({
-      linkContent: E.linkContent,
+  ))) : null, E = [];
+  n.map((v) => {
+    v.linkContent && (Ee(v) ? E.unshift({
+      linkContent: v.linkContent,
       isLink: !0
-    }) : u.push({
-      linkContent: E.linkContent,
+    }) : E.push({
+      linkContent: v.linkContent,
       isLink: !0
     }));
   });
-  const v = u.length > 0 ? /* @__PURE__ */ e.createElement(u2, { actionItems: u, variant: "secondary" }) : null;
+  const L = E.length > 0 ? /* @__PURE__ */ e.createElement(
+    u2,
+    {
+      actionItems: E,
+      variant: "secondary",
+      size: s
+    }
+  ) : null;
   return /* @__PURE__ */ e.createElement(
     "nav",
     M({
       "aria-label": t,
-      className: x([o, m, s != null ? s : ""])
-    }, l),
-    a ? v : p
+      className: x([
+        m,
+        p,
+        f,
+        l != null ? l : ""
+      ])
+    }, r),
+    c ? L : b
   );
 }, Kt = (t, n, s, l) => {
   let r = null;
@@ -6354,7 +6368,7 @@ const Cn = (u) => {
     n
   );
 }, It = g1(null), Fn = (u) => {
-  var v = u, {
+  var b = u, {
     children: t,
     hasSidebarToggle: n = !0,
     isAdmin: s,
@@ -6367,7 +6381,7 @@ const Cn = (u) => {
     setIsSidebarExpanded: m = () => {
     },
     className: f
-  } = v, p = A(v, [
+  } = b, p = A(b, [
     "children",
     "hasSidebarToggle",
     "isAdmin",
@@ -6380,31 +6394,31 @@ const Cn = (u) => {
     "setIsSidebarExpanded",
     "className"
   ]);
-  const { isMobile: E, windowWidth: L } = ve(ye), [b, C] = U(L > 1440 || o), g = de(), [i] = Nt(g), h = i.width;
+  const { isMobile: E, windowWidth: L } = ve(ye), [v, C] = U(L > 1440 || o), h = de(), [i] = Nt(h), g = i.width;
   oe(() => {
     o !== void 0 && C(o);
   }, [o]), oe(() => {
-    m(b);
-  }, [b, m]);
+    m(v);
+  }, [v, m]);
   const _ = {
-    isSidebarExpanded: E ? !0 : b,
+    isSidebarExpanded: E ? !0 : v,
     logoLinkContent: l,
-    navbarWidth: h,
+    navbarWidth: g,
     isAdmin: s
-  }, $ = "pds-dashboard-global", k = s ? `${$}--isAdmin` : null, z = E ? `${$}--isMobile` : `${$}--notMobile`, w = E ? null : b ? `${$}--sidebarExpanded` : `${$}--sidebarCollapsed`, y = b ? `${d}rem` : `${r}rem`, H = {
+  }, $ = "pds-dashboard-global", k = s ? `${$}--isAdmin` : null, z = E ? `${$}--isMobile` : `${$}--notMobile`, w = E ? null : v ? `${$}--sidebarExpanded` : `${$}--sidebarCollapsed`, y = v ? `${d}rem` : `${r}rem`, H = {
     width: y,
     transition: "width 200ms ease-in-out"
   }, N = E ? {} : {
     width: `calc(100% - ${y})`,
     transition: "width 200ms ease-in-out"
   }, V = () => {
-    C(!b);
+    C(!v);
   }, I = Fe(t), D = I.header, S = I.sidebar, T = I.main, W = I.footer, Z = /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar` }, S), K = /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar`, style: H }, n && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${$}__sidebar-toggle-button`,
       onClick: V,
-      "aria-expanded": b,
+      "aria-expanded": v,
       "aria-label": a
     },
     /* @__PURE__ */ e.createElement("span", { className: `${$}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(P, { iconName: "angleLeft", iconSize: "sm" }))
@@ -6426,7 +6440,7 @@ const Cn = (u) => {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: g,
+        ref: h,
         className: `${$}__container`,
         style: N
       },
@@ -6463,19 +6477,19 @@ const Cn = (u) => {
       },
       H.linkContent
     ))
-  ), [p, u] = U(!1), { refs: v, floatingStyles: E, context: L } = Ve({
+  ), [p, u] = U(!1), { refs: b, floatingStyles: E, context: L } = Ve({
     placement: "right-start",
     open: p,
     onOpenChange: u,
     middleware: [kt(12), Ht(), zt()],
     whileElementsMounted: Re
-  }), b = Ct(L, {
+  }), v = Ct(L, {
     move: !1,
     handleClose: $1()
-  }), C = v1(L), g = Se(L), i = Te(L, { role: "menu" }), { getReferenceProps: h, getFloatingProps: _ } = Ae([
-    b,
+  }), C = v1(L), h = Se(L), i = Te(L, { role: "menu" }), { getReferenceProps: g, getFloatingProps: _ } = Ae([
+    v,
     C,
-    g,
+    h,
     i
   ]), $ = (w) => {
     var V;
@@ -6543,8 +6557,8 @@ const Cn = (u) => {
         s ? null : `${c}--collapsed`,
         n ? `${c}--active` : null
       ]),
-      ref: s ? null : v.setReference
-    }, h()),
+      ref: s ? null : b.setReference
+    }, g()),
     d ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Kt(
       a,
       r,
@@ -6567,7 +6581,7 @@ const Cn = (u) => {
       "div",
       M({
         className: `${a}__flyout`,
-        ref: v.setFloating,
+        ref: b.setFloating,
         style: E
       }, _()),
       /* @__PURE__ */ e.createElement("div", { className: `${a}__flyout-heading` }, Ue(r)),
@@ -6597,7 +6611,7 @@ const Cn = (u) => {
     "selectTextFallback",
     "className"
   ]);
-  const c = "pds-dropdown-menu", [o, m] = U(!1), [f, p] = U(null), u = t1(n), v = u ? u.props.children : s, E = /* @__PURE__ */ e.createElement(
+  const c = "pds-dropdown-menu", [o, m] = U(!1), [f, p] = U(null), u = t1(n), b = u ? u.props.children : s, E = /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: "check",
@@ -6607,14 +6621,14 @@ const Cn = (u) => {
   ), L = (D) => {
     var S;
     D.key === "Enter" && ((S = _.current[f].querySelector("a")) == null || S.click());
-  }, b = (D) => {
+  }, v = (D) => {
     D.target.nodeName === "A" && m(!1);
   };
   oe(() => {
     if (o) {
       const D = document.querySelector(".pds-dropdown-menu__dropdown");
-      return D.addEventListener("click", b), () => {
-        D.removeEventListener("click", b);
+      return D.addEventListener("click", v), () => {
+        D.removeEventListener("click", v);
       };
     }
   }, [o]);
@@ -6629,7 +6643,7 @@ const Cn = (u) => {
         tabIndex: -1
       }
     )
-  }), g = (D) => {
+  }), h = (D) => {
     const S = [];
     return D.forEach((T) => {
       T.links ? (S.push(C({ item: T, level: "top-level" })), T.links.forEach((W) => {
@@ -6646,21 +6660,21 @@ const Cn = (u) => {
         })) : S.push(C({ item: W, level: "second-level" }));
       })) : S.push(C({ item: T, level: "top-level" }));
     }), S;
-  }, { refs: i, context: h } = Ve({
+  }, { refs: i, context: g } = Ve({
     placement: "bottom-start",
     open: o,
     onOpenChange: m,
     whileElementsMounted: Re
-  }), _ = de([]), $ = it(h, {
+  }), _ = de([]), $ = it(g, {
     listRef: _,
     activeIndex: f,
     onNavigate: p,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), k = Ye(h, { event: "mousedown" }), z = Se(h), w = Te(h, { role: "menu" }), { getReferenceProps: y, getFloatingProps: H, getItemProps: N } = Ae(
+  }), k = Ye(g, { event: "mousedown" }), z = Se(g), w = Te(g, { role: "menu" }), { getReferenceProps: y, getFloatingProps: H, getItemProps: N } = Ae(
     [z, w, k, $]
-  ), { isMounted: V, styles: I } = Qe(h, {
+  ), { isMounted: V, styles: I } = Qe(g, {
     duration: {
       open: 300,
       close: 300
@@ -6682,7 +6696,7 @@ const Cn = (u) => {
       ref: i.setReference,
       type: "button"
     }, y()),
-    /* @__PURE__ */ e.createElement("span", { className: `${c}__active-label` }, v),
+    /* @__PURE__ */ e.createElement("span", { className: `${c}__active-label` }, b),
     /* @__PURE__ */ e.createElement(
       P,
       {
@@ -6700,7 +6714,7 @@ const Cn = (u) => {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, H()),
-    g(n).map((D, S) => /* @__PURE__ */ e.createElement(
+    h(n).map((D, S) => /* @__PURE__ */ e.createElement(
       "li",
       M({
         key: S,
@@ -7035,7 +7049,7 @@ const Cn = (u) => {
     case "sub-brand-small":
       p = Pt;
   }
-  const u = e.isValidElement(s) && typeof s.props.children == "string" ? s.props.children : "", v = e.isValidElement(s) ? Ie(s, {
+  const u = e.isValidElement(s) && typeof s.props.children == "string" ? s.props.children : "", b = e.isValidElement(s) ? Ie(s, {
     children: p,
     "aria-label": u || null
   }) : s;
@@ -7049,7 +7063,7 @@ const Cn = (u) => {
         r != null ? r : ""
       ])
     }, d),
-    s ? v : p,
+    s ? b : p,
     l && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__separator" }), /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__sub-brand-wordmark" }, l))
   );
 }, Pn = (a) => {
@@ -7075,28 +7089,28 @@ const Cn = (u) => {
   const f = ve(It);
   let p = !0, u = null;
   f && (p = f.isSidebarExpanded, u = f.logoLinkContent);
-  const v = "pds-dashboard-nav", E = p ? `${v}--expanded` : `${v}--collapsed`, L = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu ${v}__menu--top-level` }, s.map((g, i) => /* @__PURE__ */ e.createElement(
+  const b = "pds-dashboard-nav", E = p ? `${b}--expanded` : `${b}--collapsed`, L = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${b}__menu ${b}__menu--top-level` }, s.map((h, i) => /* @__PURE__ */ e.createElement(
     V2,
     {
       key: i,
-      icon: g.icon,
-      isActive: Ee(g),
+      icon: h.icon,
+      isActive: Ee(h),
       isSidebarExpanded: p,
       labels: n,
-      linkContent: g.linkContent,
-      links: g.links
+      linkContent: h.linkContent,
+      links: h.links
     }
-  )))), b = s.map((g) => me(M({}, g), {
+  )))), v = s.map((h) => me(M({}, h), {
     linkContent: Kt(
-      v,
-      g.linkContent,
-      g.links,
-      g.icon
+      b,
+      h.linkContent,
+      h.links,
+      h.icon
     )
   })), C = /* @__PURE__ */ e.createElement(
     n1,
     {
-      menuItems: b,
+      menuItems: v,
       selectTextFallback: l
     }
   );
@@ -7104,12 +7118,12 @@ const Cn = (u) => {
     "nav",
     M({
       "aria-label": t,
-      className: x([v, E, r])
+      className: x([b, E, r])
     }, d),
     !o && /* @__PURE__ */ e.createElement(
       V1,
       {
-        className: `${v}__logo`,
+        className: `${b}__logo`,
         displayType: p ? "full" : "icon",
         linkContent: u
       }
@@ -7204,7 +7218,7 @@ const Cn = (u) => {
     siteList: f,
     horizontalOffset: p = 0,
     className: u
-  } = L, v = A(L, [
+  } = L, b = A(L, [
     "disabled",
     "id",
     "isLoading",
@@ -7219,7 +7233,7 @@ const Cn = (u) => {
     "horizontalOffset",
     "className"
   ]);
-  const [b, C] = U(!1), [g, i] = U(null), h = de(null);
+  const [v, C] = U(!1), [h, i] = U(null), g = de(null);
   let _ = !1;
   const $ = ve(ye);
   $ && (_ = $.isMobile);
@@ -7228,13 +7242,13 @@ const Cn = (u) => {
   w && (k = w.navbarWidth, z = w.isAdmin);
   const y = 2.25, H = 22, N = z ? 14.5 : 9.625, V = k > 900 ? H : k / 16 - (N + p) - y * 0.675;
   let I = y;
-  b && !k && (I = H), b && k && (I = V);
+  v && !k && (I = H), v && k && (I = V);
   const D = {
     right: `${N + p}rem`,
     width: `${I}rem`
   }, S = "pds-dashboard-search", T = _ ? `${S}--isMobile` : null, W = () => {
     C(!0), setTimeout(() => {
-      h.current.querySelector("input").focus();
+      g.current.querySelector("input").focus();
     }, 500);
   }, Z = () => {
     setTimeout(() => {
@@ -7245,17 +7259,17 @@ const Cn = (u) => {
   };
   oe(() => {
     const O = (X) => {
-      h.current && !h.current.contains(X.target) && C(!1);
+      g.current && !g.current.contains(X.target) && C(!1);
     }, Q = (X) => {
       var B;
-      const F = (B = h.current) == null ? void 0 : B.querySelector("input");
-      X.key === "Tab" && b && F === document.activeElement && C(!1);
+      const F = (B = g.current) == null ? void 0 : B.querySelector("input");
+      X.key === "Tab" && v && F === document.activeElement && C(!1);
     };
-    if (b)
+    if (v)
       return document.addEventListener("mousedown", O), document.addEventListener("keydown", Q), () => {
         document.removeEventListener("mousedown", O), document.removeEventListener("keydown", Q);
       };
-  }, [b]);
+  }, [v]);
   const ne = f.map((O) => {
     const { id: Q, machineName: X, name: F } = O;
     return {
@@ -7264,13 +7278,13 @@ const Cn = (u) => {
       value: X != null ? X : F,
       optionDisplay: /* @__PURE__ */ e.createElement(D2, { option: O })
     };
-  }), Y = /* @__PURE__ */ e.createElement("div", { ref: h, className: `${S}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
+  }), Y = /* @__PURE__ */ e.createElement("div", { ref: g, className: `${S}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
     L2,
     {
       disabled: t,
       hasClearButton: !1,
       id: `${n}-combobox`,
-      defaultValue: g,
+      defaultValue: h,
       isLoading: s,
       label: l,
       labelStrings: r,
@@ -7286,7 +7300,7 @@ const Cn = (u) => {
   )), j = /* @__PURE__ */ e.createElement("div", { className: `${S}--inner` }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      style: b ? { visibility: "visible" } : { visibility: "hidden" }
+      style: v ? { visibility: "visible" } : { visibility: "hidden" }
     },
     Y
   ), /* @__PURE__ */ e.createElement(
@@ -7296,7 +7310,7 @@ const Cn = (u) => {
       "aria-label": r.openSearchButton,
       onClick: W,
       type: "button",
-      style: b ? { visibility: "hidden" } : { visibility: "visible" }
+      style: v ? { visibility: "hidden" } : { visibility: "visible" }
     },
     /* @__PURE__ */ e.createElement(
       xe,
@@ -7321,7 +7335,7 @@ const Cn = (u) => {
       onKeyDown: _ ? null : (O) => {
         O.key === "Escape" && Z();
       }
-    }, v),
+    }, b),
     _ ? q : j
   );
 }, pt = (r) => {
@@ -7343,7 +7357,7 @@ const Cn = (u) => {
     t
   );
 }, Gn = (u) => {
-  var v = u, {
+  var b = u, {
     children: t,
     colorType: n = "default",
     containerWidth: s = "x-wide",
@@ -7358,7 +7372,7 @@ const Cn = (u) => {
       openMobileNav: "Open navigation area"
     },
     className: f
-  } = v, p = A(v, [
+  } = b, p = A(b, [
     "children",
     "colorType",
     "containerWidth",
@@ -7372,12 +7386,12 @@ const Cn = (u) => {
     "className"
   ]);
   const [E, L] = U(!1);
-  let b = !1;
+  let v = !1;
   const C = ve(ye);
-  C && (b = C.isMobile);
-  const g = ve(It);
-  g && (a = g.logoLinkContent);
-  const i = "pds-navbar", h = l ? `${i}--noBorder` : "", _ = n !== "default" ? `${i}--${n}` : "", $ = b ? `${i}--isMobile` : `${i}--notMobile`, k = (j) => {
+  C && (v = C.isMobile);
+  const h = ve(It);
+  h && (a = h.logoLinkContent);
+  const i = "pds-navbar", g = l ? `${i}--noBorder` : "", _ = n !== "default" ? `${i}--${n}` : "", $ = v ? `${i}--isMobile` : `${i}--notMobile`, k = (j) => {
     const q = j.key;
     let O = !1;
     switch (q) {
@@ -7393,7 +7407,7 @@ const Cn = (u) => {
   }), []);
   const z = () => L(!E), w = G1();
   oe(() => {
-    if (b && t) {
+    if (v && t) {
       const j = w1(
         document.querySelector(".pds-navbar__mobile")
       ), q = ["a", "button", "input", "select", "textarea"];
@@ -7466,12 +7480,12 @@ const Cn = (u) => {
       className: x([
         i,
         _,
-        h,
+        g,
         $,
         f != null ? f : ""
       ])
     }, p),
-    b ? ne : Y
+    v ? ne : Y
   );
 }, O2 = ({
   items: t,
@@ -7489,7 +7503,7 @@ const Cn = (u) => {
     open: l,
     onOpenChange: r,
     whileElementsMounted: Re
-  }), u = Ye(p, { event: "mousedown" }), v = Se(p), E = Te(p, { role: "menu" });
+  }), u = Ye(p, { event: "mousedown" }), b = Se(p), E = Te(p, { role: "menu" });
   let L;
   o ? L = Ct(p, {
     enabled: !1
@@ -7501,19 +7515,19 @@ const Cn = (u) => {
     }),
     enabled: !0
   });
-  const { getReferenceProps: b, getFloatingProps: C } = Ae([
-    v,
+  const { getReferenceProps: v, getFloatingProps: C } = Ae([
+    b,
     E,
     u,
     L
-  ]), g = (i) => !!(i.isActive || i.linkContent && i.linkContent.props.className && i.linkContent.props.className.includes("pds-isActive"));
+  ]), h = (i) => !!(i.isActive || i.linkContent && i.linkContent.props.className && i.linkContent.props.className.includes("pds-isActive"));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     M({
       className: `${m}__trigger`,
       ref: f.setReference,
       type: "button"
-    }, b()),
+    }, v()),
     n,
     /* @__PURE__ */ e.createElement(P, { iconName: "angleDown", className: `${m}__trigger-icon` })
   ), l && /* @__PURE__ */ e.createElement(
@@ -7522,12 +7536,12 @@ const Cn = (u) => {
       className: `${m}__dropdown`,
       ref: f.setFloating
     }, C()),
-    t.map((i, h) => /* @__PURE__ */ e.createElement(
+    t.map((i, g) => /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: h,
+        key: g,
         role: i.isSeparator ? "separator" : "menuitem",
-        className: `${m}__item ${i.isSeparator ? `${m}__dropdown--separator` : `${m}__item--second-level`} ${g(i) ? `${m}__item--active` : null}`
+        className: `${m}__item ${i.isSeparator ? `${m}__dropdown--separator` : `${m}__item--second-level`} ${h(i) ? `${m}__item--active` : null}`
       },
       !i.isSeparator && i.linkContent
     ))
@@ -7546,46 +7560,46 @@ const Cn = (u) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [o, m] = U(1025), [f, p] = U(null), [u, v] = U(-1), [E, L] = U(null), [b, C] = U({
+  const [o, m] = U(1025), [f, p] = U(null), [u, b] = U(-1), [E, L] = U(null), [v, C] = U({
     container: null,
     containerChildren: []
   });
-  oe(() => (m(window.innerWidth), window.addEventListener("resize", g), () => {
-    window.removeEventListener("resize", g);
+  oe(() => (m(window.innerWidth), window.addEventListener("resize", h), () => {
+    window.removeEventListener("resize", h);
   }), []);
-  const g = () => {
+  const h = () => {
     m(window.innerWidth);
   }, i = o <= l;
   oe(() => {
-    b.containerChildren[f] && (b.containerChildren[f].classList.contains(
+    v.containerChildren[f] && (v.containerChildren[f].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && E == "down" ? p(f + 1) : b.containerChildren[f].classList.contains(
+    ) && E == "down" ? p(f + 1) : v.containerChildren[f].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && E == "up" ? p(f - 1) : b.containerChildren[f].children[0].focus());
+    ) && E == "up" ? p(f - 1) : v.containerChildren[f].children[0].focus());
   }, [f]), oe(() => {
     u != -1 && (k.current[u].children[0].blur(), k.current[u].children[0].focus({
       focusVisible: !0
     }));
   }, [u]);
-  const h = "pds-nav-menu", _ = n !== "default" ? `${h}--${n}` : "", $ = i ? `${h}--isMobile` : `${h}--notMobile`, k = de([]), z = (H) => {
+  const g = "pds-nav-menu", _ = n !== "default" ? `${g}--${n}` : "", $ = i ? `${g}--isMobile` : `${g}--notMobile`, k = de([]), z = (H) => {
     const N = k.current.length - 1, W = {
       ArrowRight: () => {
-        p(-1), v(u === -1 ? 1 : u === N ? 0 : u + 1);
+        p(-1), b(u === -1 ? 1 : u === N ? 0 : u + 1);
       },
       ArrowLeft: () => {
-        p(-1), v(u === 0 ? N : u - 1);
+        p(-1), b(u === 0 ? N : u - 1);
       },
       ArrowDown: () => {
         var ne, Y, j, q;
         L("down");
         const Z = H.target.parentNode.children[1], K = ((Y = (ne = H.target) == null ? void 0 : ne.parentNode.children[1]) == null ? void 0 : Y.children) || ((q = (j = H.target) == null ? void 0 : j.parentNode.parentNode.children[1]) == null ? void 0 : q.children);
-        b.container != Z && Z != null && C({
+        v.container != Z && Z != null && C({
           container: Z,
           containerChildren: [...K]
-        }), f === null || f == b.containerChildren.length - 1 ? p(0) : p(parseInt(f) + 1);
+        }), f === null || f == v.containerChildren.length - 1 ? p(0) : p(parseInt(f) + 1);
       },
       ArrowUp: () => {
-        L("up"), p(f === 0 ? b.containerChildren.length - 1 : parseInt(f) - 1);
+        L("up"), p(f === 0 ? v.containerChildren.length - 1 : parseInt(f) - 1);
       }
     }[H.code];
     W && W();
@@ -7608,7 +7622,7 @@ const Cn = (u) => {
           key: `${N}-dropdown`,
           id: I,
           ref: (D) => k.current[N] = D,
-          className: `${h}__item ${h}__item--top-level ${h}__item--has-children ${w(H) === !0 ? `${h}__item--active` : ""}`
+          className: `${g}__item ${g}__item--top-level ${g}__item--has-children ${w(H) === !0 ? `${g}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
           O2,
@@ -7626,7 +7640,7 @@ const Cn = (u) => {
           key: N,
           id: I,
           ref: (D) => k.current[N] = D,
-          className: `${h}__item ${h}__item--top-level ${h}__item--has-link ${w(H) === !0 ? `${h}__item--active` : ""}`
+          className: `${g}__item ${g}__item--top-level ${g}__item--has-link ${w(H) === !0 ? `${g}__item--active` : ""}`
         },
         H.linkContent
       )
@@ -7634,13 +7648,13 @@ const Cn = (u) => {
   }), /* @__PURE__ */ e.createElement(
     "nav",
     M({
-      className: x([h, _, $, r]),
+      className: x([g, _, $, r]),
       "aria-label": t,
       onKeyDown: (H) => {
         z(H);
       }
     }, d),
-    /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu` }, y)
+    /* @__PURE__ */ e.createElement("ul", { className: `${g}__menu` }, y)
   );
 }, Zn = (m) => {
   var f = m, {
@@ -7665,18 +7679,18 @@ const Cn = (u) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const p = "pds-side-nav", u = `${p}__item`, v = `${p}__menu`, [E, L] = U(1025);
-  oe(() => (L(window.innerWidth), window.addEventListener("resize", b), () => {
-    window.removeEventListener("resize", b);
+  const p = "pds-side-nav", u = `${p}__item`, b = `${p}__menu`, [E, L] = U(1025);
+  oe(() => (L(window.innerWidth), window.addEventListener("resize", v), () => {
+    window.removeEventListener("resize", v);
   }), []);
-  const b = () => {
+  const v = () => {
     L(window.innerWidth);
-  }, C = E <= d, g = (w) => {
+  }, C = E <= d, h = (w) => {
     var V;
     const y = w.currentTarget, H = (V = y.parentElement) == null ? void 0 : V.nextElementSibling;
     if (!H) return;
     const N = y.getAttribute("aria-expanded") === "false";
-    y.classList.toggle(`${p}__toggle--expanded`, N), y.setAttribute("aria-expanded", N ? "true" : "false"), N ? i(H) : h(H);
+    y.classList.toggle(`${p}__toggle--expanded`, N), y.setAttribute("aria-expanded", N ? "true" : "false"), N ? i(H) : g(H);
   }, i = (w) => {
     w.style.display = "flex", w.style.height = "auto";
     const y = `${w.scrollHeight}px`;
@@ -7699,9 +7713,9 @@ const Cn = (u) => {
         opacity: "1",
         display: "flex",
         marginBlockStart: `${ot}rem`
-      }), w.classList.add(`${v}--expanded`);
+      }), w.classList.add(`${b}--expanded`);
     };
-  }, h = (w) => {
+  }, g = (w) => {
     const y = `${w.scrollHeight}px`, H = w.animate(
       [
         {
@@ -7717,7 +7731,7 @@ const Cn = (u) => {
       }
     );
     H.onfinish = () => {
-      w.classList.remove(`${v}--expanded`), Object.assign(w.style, {
+      w.classList.remove(`${b}--expanded`), Object.assign(w.style, {
         opacity: "0",
         height: "",
         // Clean height from inline style
@@ -7749,7 +7763,7 @@ const Cn = (u) => {
             `${p}__toggle`,
             Ee(w) ? `${p}__toggle--expanded` : null
           ]),
-          onClick: g,
+          onClick: h,
           type: "button"
         },
         /* @__PURE__ */ e.createElement(P, { iconName: "angleDown", iconSize: "md" }),
@@ -7758,9 +7772,9 @@ const Cn = (u) => {
         "ul",
         {
           className: x([
-            v,
-            `${v}--second-level`,
-            Ee(w) ? `${v}--expanded` : null
+            b,
+            `${b}--second-level`,
+            Ee(w) ? `${b}--expanded` : null
           ])
         },
         N.map((I, D) => {
@@ -7829,18 +7843,18 @@ const Cn = (u) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const p = "pds-side-nav-compact", u = `${p}__item`, v = `${p}__menu`, [E, L] = U(1025);
-  oe(() => (L(window.innerWidth), window.addEventListener("resize", b), () => {
-    window.removeEventListener("resize", b);
+  const p = "pds-side-nav-compact", u = `${p}__item`, b = `${p}__menu`, [E, L] = U(1025);
+  oe(() => (L(window.innerWidth), window.addEventListener("resize", v), () => {
+    window.removeEventListener("resize", v);
   }), []);
-  const b = () => {
+  const v = () => {
     L(window.innerWidth);
-  }, C = E <= d, g = (y) => {
+  }, C = E <= d, h = (y) => {
     var I;
     const H = y.currentTarget, N = (I = H.parentElement) == null ? void 0 : I.nextElementSibling;
     if (!N) return;
     const V = H.getAttribute("aria-expanded") === "false";
-    H.classList.toggle(`${p}__toggle--expanded`, V), H.setAttribute("aria-expanded", V ? "true" : "false"), V ? i(N) : h(N);
+    H.classList.toggle(`${p}__toggle--expanded`, V), H.setAttribute("aria-expanded", V ? "true" : "false"), V ? i(N) : g(N);
   }, i = (y) => {
     y.style.display = "flex", y.style.height = "auto";
     const H = `${y.scrollHeight}px`;
@@ -7859,9 +7873,9 @@ const Cn = (u) => {
         opacity: "1",
         display: "flex",
         marginBlockStart: `${Ft}rem`
-      }), y.classList.add(`${v}--expanded`);
+      }), y.classList.add(`${b}--expanded`);
     };
-  }, h = (y) => {
+  }, g = (y) => {
     const H = `${y.scrollHeight}px`, N = y.animate(
       [
         { height: H, opacity: "1", marginBlockStart: `${Ft}rem` },
@@ -7873,7 +7887,7 @@ const Cn = (u) => {
       }
     );
     N.onfinish = () => {
-      y.classList.remove(`${v}--expanded`), Object.assign(y.style, {
+      y.classList.remove(`${b}--expanded`), Object.assign(y.style, {
         opacity: "0",
         height: "",
         // Clean height from inline style
@@ -7883,7 +7897,7 @@ const Cn = (u) => {
       });
     };
   }, _ = { 2: "second", 3: "third", 4: "fourth" }, $ = (y, H, N) => {
-    const V = _[y], I = `${v}--${V}-level`, D = `${u}--${V}-level`, S = y + 1;
+    const V = _[y], I = `${b}--${V}-level`, D = `${u}--${V}-level`, S = y + 1;
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${u}-wrapper` }, /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -7892,7 +7906,7 @@ const Cn = (u) => {
           `${p}__toggle`,
           Ee(H) ? `${p}__toggle--expanded` : null
         ]),
-        onClick: g,
+        onClick: h,
         type: "button"
       },
       /* @__PURE__ */ e.createElement(P, { iconName: "caretDown", iconSize: "md" }),
@@ -7901,9 +7915,9 @@ const Cn = (u) => {
       "ul",
       {
         className: x([
-          v,
+          b,
           I,
-          Ee(H) ? `${v}--expanded` : null
+          Ee(H) ? `${b}--expanded` : null
         ])
       },
       H.links.map((T, W) => /* @__PURE__ */ e.createElement(
@@ -7961,13 +7975,13 @@ const Cn = (u) => {
   minFilterItems: r = 5,
   noResultsText: d = "No results found"
 }) => {
-  const [a, c] = U(!1), [o, m] = U(null), [f, p] = U(l), [u, v] = U(""), E = l.length >= r, L = "pds-tab-menu", b = `${L}__dropdown-menu`, C = E ? `${b}--scroll` : null, g = `${L}__dropdown-item`, i = de([]), { context: h, refs: _ } = Ve({
+  const [a, c] = U(!1), [o, m] = U(null), [f, p] = U(l), [u, b] = U(""), E = l.length >= r, L = "pds-tab-menu", v = `${L}__dropdown-menu`, C = E ? `${v}--scroll` : null, h = `${L}__dropdown-item`, i = de([]), { context: g, refs: _ } = Ve({
     open: a,
     onOpenChange: c,
     whileElementsMounted: Re
-  }), $ = Ye(h, {
+  }), $ = Ye(g, {
     event: "mousedown"
-  }), k = Se(h), z = Te(h, { role: "listbox" }), w = it(h, {
+  }), k = Se(g), z = Te(g, { role: "listbox" }), w = it(g, {
     listRef: i,
     activeIndex: o,
     onNavigate: m,
@@ -7976,7 +7990,7 @@ const Cn = (u) => {
     focusItemOnOpen: !1
   }), { getReferenceProps: y, getFloatingProps: H, getItemProps: N } = Ae(
     [z, k, w, $]
-  ), { isMounted: V, styles: I } = Qe(h, {
+  ), { isMounted: V, styles: I } = Qe(g, {
     duration: {
       open: 300,
       close: 150
@@ -7995,7 +8009,7 @@ const Cn = (u) => {
     O.preventDefault(), O.key === "Enter" && ((Q = i.current[o].querySelector("a")) == null || Q.click()), O.key === "Tab" && O.shiftKey && (E ? document.getElementById("links-filter").focus() : c(!1));
   }, S = (O, Q) => Ue(O.linkContent).toLowerCase().includes(Q.toLowerCase()), T = (O) => {
     const Q = O.target.value;
-    v(Q);
+    b(Q);
     const X = l.filter((F) => S(F, Q));
     p(X);
   };
@@ -8004,7 +8018,7 @@ const Cn = (u) => {
     p(O);
   }, [l]);
   const W = () => {
-    v(""), p(l);
+    b(""), p(l);
   }, Z = l.reduce(
     (O, Q) => Ue(O.linkContent).length > Ue(Q.linkContent).length ? O : Q
   ), ne = {
@@ -8026,12 +8040,12 @@ const Cn = (u) => {
       autoComplete: "off"
     }
   )), q = f.map((O, Q) => {
-    const X = O.isActive ? `${g}--active` : null;
+    const X = O.isActive ? `${h}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       M({
         key: Q,
-        className: x([g, X]),
+        className: x([h, X]),
         ref: (F) => {
           i.current[Q] = F;
         },
@@ -8070,7 +8084,7 @@ const Cn = (u) => {
         zIndex: "var(--pds-z-index-dropdown)"
       }, ne)
     })),
-    /* @__PURE__ */ e.createElement("div", { style: M({}, I) }, j, /* @__PURE__ */ e.createElement("ul", { className: x([b, C]) }, q.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${L}__no-results` }, d) : q))
+    /* @__PURE__ */ e.createElement("div", { style: M({}, I) }, j, /* @__PURE__ */ e.createElement("ul", { className: x([v, C]) }, q.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${L}__no-results` }, d) : q))
   ));
 }, jn = (r) => {
   var d = r, {
@@ -8087,13 +8101,13 @@ const Cn = (u) => {
   c && (a = c.isMobile);
   const o = "pds-tab-menu", m = a ? `${o}--isMobile` : null, f = ({
     dropdownSettings: u,
-    icon: v,
+    icon: b,
     isActive: E,
     linkContent: L,
-    links: b,
+    links: v,
     promoteActiveChildLink: C = !1
   }) => {
-    const g = `${o}__item`, i = t1(b), h = (_, $) => {
+    const h = `${o}__item`, i = t1(v), g = (_, $) => {
       let k = null;
       return typeof _ == "object" && ($ ? k = Ie(_, me(M({}, _.props), {
         children: [
@@ -8112,15 +8126,15 @@ const Cn = (u) => {
       "li",
       {
         className: x([
-          g,
-          E ? `${g}--active` : null
+          h,
+          E ? `${h}--active` : null
         ])
       },
-      h(C ? i : L, v),
-      b && /* @__PURE__ */ e.createElement(
+      g(C ? i : L, b),
+      v && /* @__PURE__ */ e.createElement(
         R2,
         {
-          links: b,
+          links: v,
           buttonLabel: u == null ? void 0 : u.buttonLabel,
           filterLabel: u == null ? void 0 : u.filterLabel,
           filterPlaceholder: u == null ? void 0 : u.filterPlaceholder,
@@ -8129,10 +8143,10 @@ const Cn = (u) => {
         }
       )
     );
-  }, p = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, n.map((u, v) => /* @__PURE__ */ e.createElement(
+  }, p = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, n.map((u, b) => /* @__PURE__ */ e.createElement(
     f,
     {
-      key: v,
+      key: b,
       dropdownSettings: u.dropdownSettings,
       icon: u.icon,
       isActive: Ee(u),
@@ -8167,14 +8181,14 @@ const Cn = (u) => {
     "withinNavbar",
     "className"
   ]);
-  const [f, p] = U(null), [u, v] = U(!1), E = de([]), L = de([]);
-  let b = !1;
+  const [f, p] = U(null), [u, b] = U(!1), E = de([]), L = de([]);
+  let v = !1;
   const C = ve(ye);
-  C && (b = C.isMobile);
-  const g = d && b, i = "pds-user-menu", h = g ? `${i}--isMobile` : null, _ = `${i}__menu`, { refs: $, floatingStyles: k, context: z } = Ve({
+  C && (v = C.isMobile);
+  const h = d && v, i = "pds-user-menu", g = h ? `${i}--isMobile` : null, _ = `${i}__menu`, { refs: $, floatingStyles: k, context: z } = Ve({
     placement: "bottom-end",
     open: u,
-    onOpenChange: v,
+    onOpenChange: b,
     middleware: [kt(12), Ht(), zt()],
     whileElementsMounted: Re
   }), w = Ye(z, { event: "mousedown" }), y = Se(z), H = Te(z, { role: "menu" }), N = de([]), V = it(z, {
@@ -8210,14 +8224,14 @@ const Cn = (u) => {
       uniqueId: s,
       className: `${i}__avatar`
     }
-  ), K = /* @__PURE__ */ e.createElement(P, { iconName: "angleDown", className: `${i}__trigger-icon` }), ne = /* @__PURE__ */ e.createElement("li", { className: `${i}__user-details`, role: "presentation" }, g ? null : /* @__PURE__ */ e.createElement("div", { className: `${i}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${i}__user-email` }, s));
+  ), K = /* @__PURE__ */ e.createElement(P, { iconName: "angleDown", className: `${i}__trigger-icon` }), ne = /* @__PURE__ */ e.createElement("li", { className: `${i}__user-details`, role: "presentation" }, h ? null : /* @__PURE__ */ e.createElement("div", { className: `${i}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${i}__user-email` }, s));
   n.forEach((B) => {
     const J = B.id ? B.id : lt();
     E.current.push(J), L.current.push(B);
   });
   const Y = (B) => {
     const J = E.current.indexOf(B), te = L.current[J];
-    te.linkContent && !te.disabled && (N.current[J].querySelector("a").click(), v(!1)), te.callback && !te.disabled && (te.callback(te), v(!1));
+    te.linkContent && !te.disabled && (N.current[J].querySelector("a").click(), b(!1)), te.callback && !te.disabled && (te.callback(te), b(!1));
   }, j = (B) => {
     B.preventDefault(), B.key === "Enter" && Y(B.currentTarget.id);
   }, q = (B) => {
@@ -8295,9 +8309,9 @@ const Cn = (u) => {
   return /* @__PURE__ */ e.createElement(
     "span",
     M({
-      className: x([i, h, a != null ? a : ""])
+      className: x([i, g, a != null ? a : ""])
     }, c),
-    g ? F : Q
+    h ? F : Q
   );
 }, F2 = {
   silver: "Silver",
@@ -8328,18 +8342,18 @@ const Cn = (u) => {
     "workspaceList",
     "className"
   ]);
-  const [v, E] = U(!1), [L, b] = U(null), [C, g] = U(o), i = de([]), h = de(null), _ = o.length >= d;
+  const [b, E] = U(!1), [L, v] = U(null), [C, h] = U(o), i = de([]), g = de(null), _ = o.length >= d;
   let $ = !1;
   const k = ve(ye);
   k && ($ = k.isMobile);
   const z = c && $, w = "pds-workspace-selector", y = z ? `${w}--isMobile` : null, H = `${w}__menu`, N = _ ? `${H}--scroll` : null, { refs: V, floatingStyles: I, context: D } = Ve({
-    open: v,
+    open: b,
     onOpenChange: E,
     whileElementsMounted: Re
   }), S = Ye(D, { event: "mousedown" }), T = Se(D), W = Te(D, { role: "menu" }), Z = it(D, {
     listRef: i,
     activeIndex: L,
-    onNavigate: b,
+    onNavigate: v,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0,
@@ -8365,16 +8379,16 @@ const Cn = (u) => {
   O || (O = o[0]);
   const Q = (ce) => {
     const { value: le } = ce.target, ge = o.filter((Oe) => Oe.displayName.toLowerCase().includes(le.toLowerCase()));
-    g(ge);
+    h(ge);
   };
   oe(() => {
     const ce = o.map((le) => me(M({}, le), {
       isActive: le.isActive
     }));
-    g(ce);
+    h(ce);
   }, [o]);
   const X = (ce) => {
-    ce.preventDefault(), ce.key === "Enter" && i.current[L].querySelector("a").click(), ce.key === "Tab" && (ce.shiftKey ? _ ? document.getElementById("workspace-filter").focus() : E(!1) : n ? h.current.querySelector("a").focus() : E(!1));
+    ce.preventDefault(), ce.key === "Enter" && i.current[L].querySelector("a").click(), ce.key === "Tab" && (ce.shiftKey ? _ ? document.getElementById("workspace-filter").focus() : E(!1) : n ? g.current.querySelector("a").focus() : E(!1));
   }, F = /* @__PURE__ */ e.createElement("div", { className: `${w}__button-content` }, /* @__PURE__ */ e.createElement(
     jt,
     {
@@ -8401,7 +8415,7 @@ const Cn = (u) => {
     x1,
     {
       hasClearButton: !0,
-      onClear: () => g(o),
+      onClear: () => h(o),
       id: "workspace-filter",
       label: l,
       onChange: Q,
@@ -8447,7 +8461,7 @@ const Cn = (u) => {
         )
       );
     }
-  ), fe = n && /* @__PURE__ */ e.createElement("div", { className: `${w}__create-link`, ref: h }, /* @__PURE__ */ e.createElement(
+  ), fe = n && /* @__PURE__ */ e.createElement("div", { className: `${w}__create-link`, ref: g }, /* @__PURE__ */ e.createElement(
     yt,
     {
       displayType: "icon-end",
@@ -8541,19 +8555,19 @@ const Cn = (u) => {
   const p = m.length;
   if (p === 0)
     return null;
-  const u = "pds-banner", v = p > 1 ? `${u}-group--multiple` : null, E = {
+  const u = "pds-banner", b = p > 1 ? `${u}-group--multiple` : null, E = {
     info: `${u}--info`,
     warning: `${u}--warning`,
     critical: `${u}--critical`
-  }, L = p > 0 ? m[0].type : null, b = L ? `${u}-group--${L}` : null, C = (k) => ({
+  }, L = p > 0 ? m[0].type : null, v = L ? `${u}-group--${L}` : null, C = (k) => ({
     zIndex: St - k
-  }), g = (k) => k === 0 ? 0 : -1, i = () => {
+  }), h = (k) => k === 0 ? 0 : -1, i = () => {
     const k = document.getElementsByClassName(
       `${u}--fading`
     );
     for (; k.length; )
       k[0].classList.remove(`${u}--fading`);
-  }, h = () => {
+  }, g = () => {
     i(), document.getElementById(m[0].id).classList.add(`${u}--fading`), setTimeout(() => {
       f((k) => [
         ...k.slice(1),
@@ -8572,13 +8586,13 @@ const Cn = (u) => {
   }, $ = (k, z) => {
     const { id: w, isDismissible: y, message: H, onDismiss: N, type: V } = k, D = ["critical", "warning"].includes(V) ? "alert" : "status", S = `${r[V]}:  `, T = (W) => {
       W.preventDefault(), document.getElementById(w).classList.add(`${u}--dismissing`), setTimeout(() => {
-        if (p === 1) {
+        if (N && k.onDismiss(), p === 1) {
           f([]);
           return;
         }
         f(
           (Z) => Z.filter((K) => K.id !== w)
-        ), N && k.onDismiss();
+        );
       }, 200);
     };
     return /* @__PURE__ */ e.createElement(
@@ -8605,7 +8619,7 @@ const Cn = (u) => {
         {
           className: `${u}__dismiss-button`,
           onClick: T,
-          tabIndex: g(z),
+          tabIndex: h(z),
           type: "button"
         },
         n
@@ -8617,8 +8631,8 @@ const Cn = (u) => {
     M({
       className: x([
         `${u}-group`,
-        b,
         v,
+        b,
         d != null ? d : ""
       ])
     }, a),
@@ -8638,7 +8652,7 @@ const Cn = (u) => {
         size: "lg",
         className: `${u}__nav-button ${u}__nav-button--next`,
         ariaLabel: s,
-        onClick: h
+        onClick: g
       }
     ), m.map((k, z) => $(k, z))) : $(m[0], 0)
   );
@@ -8674,7 +8688,7 @@ const Cn = (u) => {
     info: `${o}--info`,
     critical: `${o}--critical`,
     working: `${o}--working`
-  }, f = t ? `${o}--hasTitle` : null, u = ["critical", "warning"].includes(s) ? "alert" : "status", v = `${l[s]}: `;
+  }, f = t ? `${o}--hasTitle` : null, u = ["critical", "warning"].includes(s) ? "alert" : "status", b = `${l[s]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
@@ -8687,7 +8701,7 @@ const Cn = (u) => {
         iconName: `${s}` in Bt ? Bt[s] : Bt.info,
         iconSize: "md"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, v), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${o}__secondaryText` }, n)))
+    )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${o}__secondaryText` }, n)))
   );
 }, Wt = {
   info: "circleInfo",
@@ -8723,20 +8737,20 @@ const Cn = (u) => {
     "typeLabels",
     "className"
   ]);
-  const u = de(null), v = "pds-section-message", E = {
-    error: `${v}--error`,
-    success: `${v}--success`,
-    warning: `${v}--warning`,
-    info: `${v}--info`,
-    critical: `${v}--critical`,
-    discovery: `${v}--discovery`,
-    dismissing: `${v}--dismissing`,
-    dismissed: `${v}--dismissed`
-  }, L = d ? `${v}--hasTitle` : null, C = ["critical", "warning"].includes(a) ? "alert" : "status", g = `${c[a]}: `, i = () => {
-    u.current.addEventListener("animationend", h, {
+  const u = de(null), b = "pds-section-message", E = {
+    error: `${b}--error`,
+    success: `${b}--success`,
+    warning: `${b}--warning`,
+    info: `${b}--info`,
+    critical: `${b}--critical`,
+    discovery: `${b}--discovery`,
+    dismissing: `${b}--dismissing`,
+    dismissed: `${b}--dismissed`
+  }, L = d ? `${b}--hasTitle` : null, C = ["critical", "warning"].includes(a) ? "alert" : "status", h = `${c[a]}: `, i = () => {
+    u.current.addEventListener("animationend", g, {
       once: !0
     });
-  }, h = ($) => {
+  }, g = ($) => {
     l($, n);
   }, _ = () => {
     i(), u.current.classList.toggle(E.dismissing), setTimeout(() => {
@@ -8746,22 +8760,22 @@ const Cn = (u) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
-      className: [v, E[a], L, o != null ? o : ""].join(" ").trim().replace(/\s+/g, " "),
+      className: [b, E[a], L, o != null ? o : ""].join(" ").trim().replace(/\s+/g, " "),
       id: n,
       ref: u,
       role: C
     }, m),
-    /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__icon ${v}__icon-${a}` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__icon ${b}__icon-${a}` }, /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: `${a}` in Wt ? Wt[a] : Wt.info,
         iconSize: "md"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), d && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, d), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, r))),
+    )), /* @__PURE__ */ e.createElement("div", { className: `${b}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h), d && /* @__PURE__ */ e.createElement("div", { className: `${b}__title` }, d), /* @__PURE__ */ e.createElement("div", { className: `${b}__message` }, r))),
     s && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `${v}__dismiss`,
+        className: `${b}__dismiss`,
         onClick: _,
         "aria-label": t,
         role: "button",
@@ -8871,22 +8885,22 @@ const ts = () => {
     d
   ), p = m > 2, u = f < d - 2;
   if (!p && u) {
-    const v = 3 + 2 * t;
-    return [...bt(1, v), ht, d];
+    const b = 3 + 2 * t;
+    return [...bt(1, b), ht, d];
   }
   if (p && !u) {
-    const v = 3 + 2 * t, E = bt(
-      d - v + 1,
+    const b = 3 + 2 * t, E = bt(
+      d - b + 1,
       d
     );
     return [c, ht, ...E];
   }
   if (p && u) {
-    const v = bt(m, f);
+    const b = bt(m, f);
     return [
       c,
       ht,
-      ...v,
+      ...b,
       ht,
       o
     ];
@@ -8921,28 +8935,28 @@ const ts = () => {
     totalItemCount: c,
     bufferCount: t,
     itemsPerPage: r
-  }), v = u[u.length - 1], E = () => {
+  }), b = u[u.length - 1], E = () => {
     a(n + 1);
   }, L = () => {
     a(n - 1);
-  }, b = "pds-pagination", C = `${b}__item`, g = `${C}--current`, i = `${C}--disabled`;
+  }, v = "pds-pagination", C = `${v}__item`, h = `${C}--current`, i = `${C}--disabled`;
   return n === 0 || u.length < 2 ? null : /* @__PURE__ */ e.createElement(
     "nav",
     M({
       "aria-labelledby": "pagination",
-      className: x([b, o != null ? o : ""])
+      className: x([v, o != null ? o : ""])
     }, m),
     /* @__PURE__ */ e.createElement(
       _t,
       {
         id: "pagination",
-        baseClass: b,
+        baseClass: v,
         className: "visually-hidden",
         level: s
       },
       l
     ),
-    /* @__PURE__ */ e.createElement("ul", { className: `${b}__list` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("ul", { className: `${v}__list` }, /* @__PURE__ */ e.createElement(
       "li",
       {
         className: x([
@@ -8961,7 +8975,7 @@ const ts = () => {
         },
         /* @__PURE__ */ e.createElement(P, { iconName: "arrowLeft" })
       )
-    ), u.map((h, _) => h === ht ? /* @__PURE__ */ e.createElement(
+    ), u.map((g, _) => g === ht ? /* @__PURE__ */ e.createElement(
       "li",
       {
         key: _,
@@ -8974,17 +8988,17 @@ const ts = () => {
         key: _,
         className: x([
           C,
-          n === h ? g : void 0
+          n === g ? h : void 0
         ])
       },
       /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-current": n === h ? "page" : void 0,
-          onClick: () => a(Number(h)),
+          "aria-current": n === g ? "page" : void 0,
+          onClick: () => a(Number(g)),
           type: "button"
         },
-        h
+        g
       )
     )), /* @__PURE__ */ e.createElement(
       "li",
@@ -8992,15 +9006,15 @@ const ts = () => {
         className: x([
           C,
           `${C}--next`,
-          n === v ? i : void 0
+          n === b ? i : void 0
         ])
       },
       /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-disabled": n === v ? !0 : void 0,
+          "aria-disabled": n === b ? !0 : void 0,
           "aria-label": d.next,
-          onClick: n === v ? void 0 : E,
+          onClick: n === b ? void 0 : E,
           type: "button"
         },
         /* @__PURE__ */ e.createElement(P, { iconName: "arrowRight" })
@@ -9021,39 +9035,39 @@ const ts = () => {
     "summary",
     "className"
   ]);
-  const [o, m] = U(s), f = n || `expansion-panel-${lt()}`, p = "pds-expansion-panel", u = de(null), v = de(null), E = de(null);
+  const [o, m] = U(s), f = n || `expansion-panel-${lt()}`, p = "pds-expansion-panel", u = de(null), b = de(null), E = de(null);
   return oe(() => {
-    const L = u.current, b = v.current, C = E.current;
-    if (!L || !b || !C) return;
-    let g = null, i = !1, h = !1;
+    const L = u.current, v = b.current, C = E.current;
+    if (!L || !v || !C) return;
+    let h = null, i = !1, g = !1;
     const _ = (y) => {
-      y.preventDefault(), L.style.overflow = "hidden", i || !L.open ? k() : (h || L.open) && $();
+      y.preventDefault(), L.style.overflow = "hidden", i || !L.open ? k() : (g || L.open) && $();
     }, $ = () => {
       i = !0, m(!1);
-      const y = `${L.offsetHeight}px`, H = `${b.offsetHeight}px`;
-      g && g.cancel(), g = L.animate(
+      const y = `${L.offsetHeight}px`, H = `${v.offsetHeight}px`;
+      h && h.cancel(), h = L.animate(
         { height: [y, H] },
         {
           duration: Ke,
           easing: Xe
         }
-      ), g.onfinish = () => w(!1), g.oncancel = () => i = !1;
+      ), h.onfinish = () => w(!1), h.oncancel = () => i = !1;
     }, k = () => {
       L.style.height = `${L.offsetHeight}px`, L.open = !0, m(!0), requestAnimationFrame(() => z());
     }, z = () => {
-      h = !0;
-      const y = `${L.offsetHeight}px`, H = `${b.offsetHeight + C.offsetHeight}px`;
-      g && g.cancel(), g = L.animate(
+      g = !0;
+      const y = `${L.offsetHeight}px`, H = `${v.offsetHeight + C.offsetHeight}px`;
+      h && h.cancel(), h = L.animate(
         { height: [y, H] },
         {
           duration: Ke,
           easing: Xe
         }
-      ), g.onfinish = () => w(!0), g.oncancel = () => h = !1;
+      ), h.onfinish = () => w(!0), h.oncancel = () => g = !1;
     }, w = (y) => {
-      L.open = y, g = null, i = !1, h = !1, L.style.height = L.style.overflow = "";
+      L.open = y, h = null, i = !1, g = !1, L.style.height = L.style.overflow = "";
     };
-    return b.addEventListener("click", _), () => b.removeEventListener("click", _);
+    return v.addEventListener("click", _), () => v.removeEventListener("click", _);
   }, []), /* @__PURE__ */ e.createElement("div", M({ className: x([p, r]) }, d), /* @__PURE__ */ e.createElement(
     "details",
     {
@@ -9062,7 +9076,7 @@ const ts = () => {
       open: s,
       ref: u
     },
-    /* @__PURE__ */ e.createElement("summary", { ref: v }, /* @__PURE__ */ e.createElement("span", null, l), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("summary", { ref: b }, /* @__PURE__ */ e.createElement("span", null, l), /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: "angleDown",
@@ -9105,14 +9119,14 @@ const ts = () => {
     "variant",
     "className"
   ]);
-  const m = "pds-panel", f = n ? `${m}__status ${m}__status-${l}` : null, p = `${m}--${r}`, u = `${m}__content`, v = s !== "standard" ? `${u}--pad-${s}` : null;
+  const m = "pds-panel", f = n ? `${m}__status ${m}__status-${l}` : null, p = `${m}--${r}`, u = `${m}__content`, b = s !== "standard" ? `${u}--pad-${s}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
       className: [m, p, d != null ? d : ""].join(" ").trim().replace(/\s+/g, " ")
     }, a),
     n && l && /* @__PURE__ */ e.createElement("span", { className: f }),
-    /* @__PURE__ */ e.createElement("div", { className: x([u, v]) }, t)
+    /* @__PURE__ */ e.createElement("div", { className: x([u, b]) }, t)
   );
 }, cs = (d) => {
   var a = d, {
@@ -9144,7 +9158,7 @@ const ts = () => {
   const d = "pds-panel-row", a = Fe(t), c = a["items-left"], o = a["items-right"];
   return /* @__PURE__ */ e.createElement("li", M({ className: x([d, n != null ? n : ""]) }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${d}__items ${d}__items--left` }, c), o && /* @__PURE__ */ e.createElement("div", { className: `${d}__items ${d}__items--right` }, o));
 }, at = 8, u1 = 14, Z2 = 6, os = (L) => {
-  var b = L, {
+  var v = L, {
     content: t,
     closeButtonLabel: n = "Close",
     customTrigger: s = !1,
@@ -9160,8 +9174,8 @@ const ts = () => {
     setPopoverIsOpen: p = () => {
     },
     className: u,
-    classNameContainer: v
-  } = b, E = A(b, [
+    classNameContainer: b
+  } = v, E = A(v, [
     "content",
     "closeButtonLabel",
     "customTrigger",
@@ -9178,20 +9192,20 @@ const ts = () => {
     "classNameContainer"
   ]);
   var j, q, O, Q;
-  const [C, g] = U(f);
+  const [C, h] = U(f);
   oe(() => {
-    g(f);
+    h(f);
   }, [f]), oe(() => {
     p(C);
   }, [C]);
-  const i = typeof s, h = "pds-popover", _ = x([
-    `${h}__trigger-custom`,
-    i === "string" ? `${h}__trigger-text` : ""
+  const i = typeof s, g = "pds-popover", _ = x([
+    `${g}__trigger-custom`,
+    i === "string" ? `${g}__trigger-text` : ""
   ]), $ = s ? r : 0, k = de(null), { refs: z, floatingStyles: w, context: y, middlewareData: H } = Ve({
     placement: a,
     open: C,
     onOpenChange(X) {
-      g(X), X || d();
+      h(X), X || d();
     },
     middleware: [
       kt(at + Z2 + $),
@@ -9201,7 +9215,7 @@ const ts = () => {
     ],
     whileElementsMounted: Re
   }), N = () => {
-    g(!1), d && d();
+    h(!1), d && d();
   }, V = Ye(y), I = Se(y), D = Te(y), { getReferenceProps: S, getFloatingProps: T } = Ae([
     V,
     I,
@@ -9219,10 +9233,10 @@ const ts = () => {
       }[X]
     })
   });
-  return /* @__PURE__ */ e.createElement("div", M({ className: x([h, u]) }, E), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", M({ className: x([g, u]) }, E), /* @__PURE__ */ e.createElement(
     "span",
     M({
-      className: `${h}__trigger`,
+      className: `${g}__trigger`,
       ref: z.setReference,
       role: "button",
       tabIndex: 0
@@ -9231,7 +9245,7 @@ const ts = () => {
       P,
       {
         iconName: o,
-        className: `${h}__icon`,
+        className: `${g}__icon`,
         iconSize: "md"
       }
     ))
@@ -9245,7 +9259,7 @@ const ts = () => {
     /* @__PURE__ */ e.createElement(
       "div",
       M({
-        className: x([`${h}__container`, v]),
+        className: x([`${g}__container`, b]),
         ref: z.setFloating,
         style: w
       }, T()),
@@ -9260,10 +9274,10 @@ const ts = () => {
           fill: "var(--pds-color-background-default)",
           stroke: "var(--pds-color-border-default)",
           strokeWidth: 1,
-          className: `${h}__arrow`
+          className: `${g}__arrow`
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: `${h}__container-inner` }, c && /* @__PURE__ */ e.createElement("div", { className: `${h}__title` }, c), t && /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, t), l && /* @__PURE__ */ e.createElement("div", { className: `${h}__close-wrapper` }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${g}__container-inner` }, c && /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, c), t && /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, t), l && /* @__PURE__ */ e.createElement("div", { className: `${g}__close-wrapper` }, /* @__PURE__ */ e.createElement(
         k1,
         {
           ariaLabel: n,
@@ -9306,25 +9320,25 @@ const ts = () => {
     "size",
     "className"
   ]);
-  const v = n || lt(), E = "pds-progress-bar", L = a ? `${E}__label` : "visually-hidden", b = `${E}__track ${E}__track--${o}`, C = d > 100 ? 100 : d;
-  let g = "neutral";
+  const b = n || lt(), E = "pds-progress-bar", L = a ? `${E}__label` : "visually-hidden", v = `${E}__track ${E}__track--${o}`, C = d > 100 ? 100 : d;
+  let h = "neutral";
   t.forEach(($) => {
-    d >= $.percentage && (g = $.colorType);
+    d >= $.percentage && (h = $.colorType);
   });
-  const i = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, l), h = l && r === "above", _ = l && r === "below";
+  const i = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, l), g = l && r === "above", _ = l && r === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
       className: [E, m].join(" ").trim().replace(/\s+/g, " "),
       style: { "--bar-percentage": `${C}%` }
     }, f),
-    /* @__PURE__ */ e.createElement("div", { id: v, className: L }, s),
-    (h || c) && /* @__PURE__ */ e.createElement("div", { className: `${E}__details` }, h && i, c && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { id: b, className: L }, s),
+    (g || c) && /* @__PURE__ */ e.createElement("div", { className: `${E}__details` }, g && i, c && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${E}__percentage`,
         style: {
-          color: `hsl(from var(${p1[g]}) h s calc(l - 7))`
+          color: `hsl(from var(${p1[h]}) h s calc(l - 7))`
         }
       },
       d,
@@ -9334,9 +9348,9 @@ const ts = () => {
       "div",
       {
         role: "progressbar",
-        "aria-labelledby": v,
+        "aria-labelledby": b,
         "aria-valuenow": C,
-        className: b
+        className: v
       },
       /* @__PURE__ */ e.createElement(
         "div",
@@ -9344,7 +9358,7 @@ const ts = () => {
           className: `${E}__bar`,
           style: {
             width: `${C}%`,
-            backgroundColor: `var(${p1[g]})`
+            backgroundColor: `var(${p1[h]})`
           }
         }
       )
@@ -9371,21 +9385,21 @@ const ts = () => {
     "size",
     "className"
   ]);
-  const p = t || lt(), u = "pds-progress-ring", v = r ? `${u}__label` : "visually-hidden", E = `${u}__loading-text ${u}__loading-text--${a}`, L = ($) => $ * 16;
-  let b = L(x2), C = 7;
-  a === "sm" && (b = L(N2), C = C / 1.25), a === "lg" && (b = L(I2), C = C * 1.25);
-  const g = b / 2 - C / 2, i = 2 * Math.PI * g, h = i - i * l / 100;
+  const p = t || lt(), u = "pds-progress-ring", b = r ? `${u}__label` : "visually-hidden", E = `${u}__loading-text ${u}__loading-text--${a}`, L = ($) => $ * 16;
+  let v = L(x2), C = 7;
+  a === "sm" && (v = L(N2), C = C / 1.25), a === "lg" && (v = L(I2), C = C * 1.25);
+  const h = v / 2 - C / 2, i = 2 * Math.PI * h, g = i - i * l / 100;
   let _;
   return n ? _ = n : d ? _ = `${l}%` : _ = "", /* @__PURE__ */ e.createElement(
     "div",
     M({
       className: [u, c].join(" ").trim().replace(/\s+/g, " "),
       style: {
-        "--ring-stroke-dashoffset": h,
+        "--ring-stroke-dashoffset": g,
         "--ring-stroke-dasharray": i
       }
     }, o),
-    /* @__PURE__ */ e.createElement("div", { id: p, className: v }, s),
+    /* @__PURE__ */ e.createElement("div", { id: p, className: b }, s),
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -9397,17 +9411,17 @@ const ts = () => {
       /* @__PURE__ */ e.createElement(
         "svg",
         {
-          height: b,
-          width: b,
-          viewBox: `0 0 ${b} ${b}`
+          height: v,
+          width: v,
+          viewBox: `0 0 ${v} ${v}`
         },
         /* @__PURE__ */ e.createElement(
           "circle",
           {
             className: `${u}__track`,
-            cx: b / 2,
-            cy: b / 2,
-            r: g,
+            cx: v / 2,
+            cy: v / 2,
+            r: h,
             strokeWidth: C
           }
         ),
@@ -9415,13 +9429,13 @@ const ts = () => {
           "circle",
           {
             className: `${u}__progress`,
-            cx: b / 2,
-            cy: b / 2,
-            r: g,
+            cx: v / 2,
+            cy: v / 2,
+            r: h,
             strokeWidth: C,
             strokeDasharray: i,
-            strokeDashoffset: h,
-            transform: `rotate(-90 ${b / 2} ${b / 2})`
+            strokeDashoffset: g,
+            transform: `rotate(-90 ${v / 2} ${v / 2})`
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -9497,7 +9511,7 @@ const ms = (o) => {
     checking: "Checking...",
     checked: "Last checked",
     ariaLabel: "Check for updates"
-  }, l), v = () => {
+  }, l), b = () => {
     switch (f) {
       case "default":
         return u.checkForUpdates;
@@ -9536,22 +9550,22 @@ const ms = (o) => {
         );
       }
     }
-  }), L = "pds-refresh-checker", b = `${L}--${t}`, C = x([
+  }), L = "pds-refresh-checker", v = `${L}--${t}`, C = x([
     `${L}__button`,
     f === "working" ? `${L}__button--spinning` : ""
-  ]), g = n !== null && n > 0 ? `${n}rem` : "100%", i = /* @__PURE__ */ e.createElement("span", { className: `${L}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
+  ]), h = n !== null && n > 0 ? `${n}rem` : "100%", i = /* @__PURE__ */ e.createElement("span", { className: `${L}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: "rotate",
       iconSize: "md",
       className: `${L}__icon ${f === "working" ? `${L}__icon--spinning` : ""}`
     }
-  )), h = /* @__PURE__ */ e.createElement("span", { className: `${L}__label` }, v());
+  )), g = /* @__PURE__ */ e.createElement("span", { className: `${L}__label` }, b());
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
-      className: x([L, b, a != null ? a : ""]),
-      style: { width: g }
+      className: x([L, v, a != null ? a : ""]),
+      style: { width: h }
     }, c),
     /* @__PURE__ */ e.createElement(
       "button",
@@ -9562,7 +9576,7 @@ const ms = (o) => {
         "aria-live": "polite",
         "aria-label": u.ariaLabel
       },
-      t === "right" && h,
+      t === "right" && g,
       /* @__PURE__ */ e.createElement(
         xe,
         {
@@ -9572,7 +9586,7 @@ const ms = (o) => {
           triggerIconSize: "sm"
         }
       ),
-      t === "left" && h
+      t === "left" && g
     )
   );
 }, us = (d) => {
@@ -9707,8 +9721,8 @@ const ms = (o) => {
   ]);
   const a = "pds-stepper", c = "pds-stepper-mobile", o = de(), [m] = Nt(o), f = m.width, p = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
-  ) * 16, u = -40, v = 2, E = 5, L = t.length, b = t.map((i) => i.isCurrent).lastIndexOf(!0), C = t.map((i, h) => {
-    const _ = h + 1, $ = h === b, k = h < b, z = i.hasError && $, y = (f - L * p) / (L + (L - 2)), H = p + y * 2, N = p + y, V = y + u * -1, I = h === 0, D = h === L - 1;
+  ) * 16, u = -40, b = 2, E = 5, L = t.length, v = t.map((i) => i.isCurrent).lastIndexOf(!0), C = t.map((i, g) => {
+    const _ = g + 1, $ = g === v, k = g < v, z = i.hasError && $, y = (f - L * p) / (L + (L - 2)), H = p + y * 2, N = p + y, V = y + u * -1, I = g === 0, D = g === L - 1;
     let S = H;
     (I || D) && (S = N);
     const T = `${a}__step`, W = [T];
@@ -9770,8 +9784,8 @@ const ms = (o) => {
         }
       )
     );
-  }), g = t.map((i, h) => {
-    const _ = h + 1, $ = h === b, k = h === L - 1, z = i.hasError && $, w = t[b + 1] ? t[b + 1].label : null;
+  }), h = t.map((i, g) => {
+    const _ = g + 1, $ = g === v, k = g === L - 1, z = i.hasError && $, w = t[v + 1] ? t[v + 1].label : null;
     if ($) {
       const y = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), _, " of ", L), H = _ / L * 100, N = z ? {
         "--pds-color-status-info-foreground": "var(--pds-color-status-critical-foreground)"
@@ -9806,7 +9820,7 @@ const ms = (o) => {
       );
     }
   });
-  if (L >= v && L <= E)
+  if (L >= b && L <= E)
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       M({
@@ -9820,7 +9834,7 @@ const ms = (o) => {
         className: [c, s].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": L
       }, l),
-      /* @__PURE__ */ e.createElement("div", { className: `${c}__steps` }, g)
+      /* @__PURE__ */ e.createElement("div", { className: `${c}__steps` }, h)
     ));
 }, gs = (r) => {
   var d = r, {
@@ -9832,26 +9846,26 @@ const ms = (o) => {
     "rowData",
     "className"
   ]);
-  const [a] = U(t), [c, o] = U(n), [m, f] = U({ order: "asc", key: "" }), p = (b) => {
-    o(c.sort((C, g) => C[b].localeCompare(g[b]))), f({ order: "desc", key: b });
-  }, u = (b) => {
-    o(c.sort((C, g) => g[b].localeCompare(C[b]))), f({ order: "asc", key: b });
-  }, v = (b, C) => {
+  const [a] = U(t), [c, o] = U(n), [m, f] = U({ order: "asc", key: "" }), p = (v) => {
+    o(c.sort((C, h) => C[v].localeCompare(h[v]))), f({ order: "desc", key: v });
+  }, u = (v) => {
+    o(c.sort((C, h) => h[v].localeCompare(C[v]))), f({ order: "asc", key: v });
+  }, b = (v, C) => {
     f(me(M({}, m), { key: C })), m.order === "asc" ? p(C) : u(C);
-  }, E = (b, C) => /* @__PURE__ */ e.createElement("tr", { id: C, key: `table-row-${C}` }, b.map((g, i) => /* @__PURE__ */ e.createElement("td", { key: `${C}-cell-${i}` }, /* @__PURE__ */ e.createElement("span", null, g)))), L = "pds-table";
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", M({ className: x([L, s]) }, l), /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, a.map((b, C) => /* @__PURE__ */ e.createElement("th", { key: `header-${C}` }, b.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${L}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+  }, E = (v, C) => /* @__PURE__ */ e.createElement("tr", { id: C, key: `table-row-${C}` }, v.map((h, i) => /* @__PURE__ */ e.createElement("td", { key: `${C}-cell-${i}` }, /* @__PURE__ */ e.createElement("span", null, h)))), L = "pds-table";
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", M({ className: x([L, s]) }, l), /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, a.map((v, C) => /* @__PURE__ */ e.createElement("th", { key: `header-${C}` }, v.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${L}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${L}__sort-header`,
-      onClick: (g) => v(g, C)
+      onClick: (h) => b(h, C)
     },
-    b.title
+    v.title
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${L}__sort-button`,
-      title: `Sort by ${b.title}`,
-      onClick: (g) => v(g, C),
+      title: `Sort by ${v.title}`,
+      onClick: (h) => b(h, C),
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
@@ -9868,7 +9882,7 @@ const ms = (o) => {
       },
       /* @__PURE__ */ e.createElement(P, { iconName: "caretDown", iconSize: "sm" })
     )
-  )) : /* @__PURE__ */ e.createElement("span", null, b.title))))), /* @__PURE__ */ e.createElement("tbody", null, c.map((b, C) => E(b, C)))));
+  )) : /* @__PURE__ */ e.createElement("span", null, v.title))))), /* @__PURE__ */ e.createElement("tbody", null, c.map((v, C) => E(v, C)))));
 }, _s = (m) => {
   var f = m, {
     appendIds: t = !1,
@@ -9907,11 +9921,11 @@ const ms = (o) => {
     "=",
     "|",
     "~"
-  ], v = `#${a} h2:not(.${r}), h3:not(.${r})`, E = () => {
+  ], b = `#${a} h2:not(.${r}), h3:not(.${r})`, E = () => {
     const [z, w] = U([]);
     return oe(() => {
       const y = Array.from(
-        document.querySelectorAll(v)
+        document.querySelectorAll(b)
       );
       y.map((N) => {
         u.forEach((V) => {
@@ -9933,7 +9947,7 @@ const ms = (o) => {
         title: H
       });
     }), w;
-  }, { nestedHeadings: b } = E(), [C, g] = U();
+  }, { nestedHeadings: v } = E(), [C, h] = U();
   ((z) => {
     const w = de({});
     oe(() => {
@@ -9956,12 +9970,12 @@ const ms = (o) => {
       }, H = new IntersectionObserver(y, {
         rootMargin: "0px 0px -20% 0px"
       }), N = Array.from(
-        document.querySelectorAll(v)
+        document.querySelectorAll(b)
       );
       return N.forEach((V) => H.observe(V)), () => H.disconnect();
     }, [z]);
-  })(g);
-  const h = (z) => {
+  })(h);
+  const g = (z) => {
     typeof window != "undefined" && window.location.hash !== `#${z}` && window.history.pushState({}, "", `#${z}`);
   }, _ = (z) => {
     document.querySelector(`#${z}`).scrollIntoView({
@@ -9969,7 +9983,7 @@ const ms = (o) => {
       block: "start"
     });
   }, $ = (z, w) => {
-    z.preventDefault(), t && h(w), _(w);
+    z.preventDefault(), t && g(w), _(w);
   }, k = ({ headings: z }) => /* @__PURE__ */ e.createElement("ul", { className: `${p}__list ${p}__list--top-level` }, z.map((w) => /* @__PURE__ */ e.createElement("li", { key: w.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
@@ -10012,7 +10026,7 @@ const ms = (o) => {
       },
       l
     ),
-    /* @__PURE__ */ e.createElement(k, { headings: b, activeID: C })
+    /* @__PURE__ */ e.createElement(k, { headings: v, activeID: C })
   );
 }, Es = (c) => {
   var o = c, {
@@ -10035,49 +10049,49 @@ const ms = (o) => {
   oe(() => {
     l !== void 0 && p(l);
   }, [l]);
-  const u = (b) => {
-    const C = b.currentTarget.getAttribute("data-tabnumber");
+  const u = (v) => {
+    const C = v.currentTarget.getAttribute("data-tabnumber");
     if (C) {
-      const g = parseInt(C, 10);
-      p(g);
+      const h = parseInt(C, 10);
+      p(h);
     }
-  }, v = de([]);
+  }, b = de([]);
   oe(() => {
     s(f);
   }, [f, s]), oe(() => {
-    const b = v.current.length - 1;
-    if (f > b) {
+    const v = b.current.length - 1;
+    if (f > v) {
       p(0);
       return;
     } else if (f < 0) {
-      p(b);
+      p(v);
       return;
     }
   }, [f]);
-  const E = (b, C) => {
-    const g = f;
-    let i = v.current[C === "next" ? g + 1 < v.current.length ? g + 1 : 0 : g - 1 >= 0 ? g - 1 : v.current.length - 1];
-    i || (i = C == "next" ? v.current[b + 1] == null ? v.current[0] : v.current[b + 1] : v.current[b - 1]), i.focus();
-  }, L = (b) => {
-    const C = v.current.length, g = () => {
+  const E = (v, C) => {
+    const h = f;
+    let i = b.current[C === "next" ? h + 1 < b.current.length ? h + 1 : 0 : h - 1 >= 0 ? h - 1 : b.current.length - 1];
+    i || (i = C == "next" ? b.current[v + 1] == null ? b.current[0] : b.current[v + 1] : b.current[v - 1]), i.focus();
+  }, L = (v) => {
+    const C = b.current.length, h = () => {
       E((f + 1) % C, "next"), p(f + 1);
     }, i = () => {
       E((f - 1 + C) % C, "prev"), p(f - 1);
-    }, h = () => {
+    }, g = () => {
       E(0), p(0);
     }, _ = () => {
       E(C - 1), p(C - 1);
     }, $ = () => {
-      v.current[f].focus();
+      b.current[f].focus();
     }, z = {
-      ArrowRight: g,
+      ArrowRight: h,
       ArrowLeft: i,
-      Home: h,
+      Home: g,
       End: _,
       Space: $,
       Enter: $
-    }[b.code];
-    z && (b.preventDefault(), z());
+    }[v.code];
+    z && (v.preventDefault(), z());
   };
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", M({ className: x([m, d]) }, a), /* @__PURE__ */ e.createElement(
     "div",
@@ -10087,28 +10101,28 @@ const ms = (o) => {
       "aria-label": t,
       "aria-orientation": "horizontal"
     },
-    r.map(({ disabled: b, icon: C, tabId: g, tabLabel: i, tally: h }, _) => /* @__PURE__ */ e.createElement(
+    r.map(({ disabled: v, icon: C, tabId: h, tabLabel: i, tally: g }, _) => /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${m}__tab`,
         "aria-selected": _ == f,
         "data-tabnumber": _,
         role: "tab",
-        id: g,
+        id: h,
         onKeyDown: ($) => {
           $.preventDefault(), L($);
         },
         key: _,
-        ref: ($) => b ? null : v.current[_] = $,
+        ref: ($) => v ? null : b.current[_] = $,
         "aria-controls": `${m}__tab--${_}`,
         tabIndex: f === _ ? 0 : -1,
-        "aria-disabled": !!b,
-        onClick: b ? null : u,
+        "aria-disabled": !!v,
+        onClick: v ? null : u,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: C, className: `${m}__tab-label` }, C ? /* @__PURE__ */ e.createElement(P, { iconName: C, iconSize: "md" }) : null, " ", i, r[_].tally ? /* @__PURE__ */ e.createElement($t, { label: h.label, type: h.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: C, className: `${m}__tab-label` }, C ? /* @__PURE__ */ e.createElement(P, { iconName: C, iconSize: "md" }) : null, " ", i, r[_].tally ? /* @__PURE__ */ e.createElement($t, { label: g.label, type: g.type }) : null)
     ))
-  ), r.map(({ disabled: b, icon: C, panelContent: g, tabLabel: i, tally: h }, _) => /* @__PURE__ */ e.createElement(
+  ), r.map(({ disabled: v, icon: C, panelContent: h, tabLabel: i, tally: g }, _) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${m}__panel`,
@@ -10126,13 +10140,13 @@ const ms = (o) => {
         "data-tabnumber": _,
         key: _,
         onKeyDown: L,
-        "aria-disabled": !!b,
+        "aria-disabled": !!v,
         "aria-controls": `tabpanel_${_}`,
         tabIndex: f === _ ? 1 : -1,
-        onClick: b ? null : u,
+        onClick: v ? null : u,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: C, className: `${m}__tab-label` }, C ? /* @__PURE__ */ e.createElement(P, { iconSize: "md", iconName: C }) : null, " ", i, r[_].tally ? /* @__PURE__ */ e.createElement($t, { label: h.label, type: h.type }) : null),
+      /* @__PURE__ */ e.createElement("div", { key: C, className: `${m}__tab-label` }, C ? /* @__PURE__ */ e.createElement(P, { iconSize: "md", iconName: C }) : null, " ", i, r[_].tally ? /* @__PURE__ */ e.createElement($t, { label: g.label, type: g.type }) : null),
       _ == f ? /* @__PURE__ */ e.createElement(
         P,
         {
@@ -10155,7 +10169,7 @@ const ms = (o) => {
         className: `${m}__panel-content`,
         hidden: _ != f
       },
-      g
+      h
     )
   ))));
 };
@@ -10202,16 +10216,16 @@ const K2 = (t) => {
     "tagLabel",
     "className"
   ]);
-  const [f, p] = U(!0), u = "pds-tag", v = r ? `${u}--${r}` : `${u}--${K2(d)}`, E = f ? null : "pds-tag--hide", L = () => {
+  const [f, p] = U(!0), u = "pds-tag", b = r ? `${u}--${r}` : `${u}--${K2(d)}`, E = f ? null : "pds-tag--hide", L = () => {
     p((i) => !i);
   };
-  let b, C, g;
-  return t && !n && we(t) ? (b = t.type, C = t.props.href ? "href" : "to", g = C === "href" ? t.props.href : t.props.to) : (b = "span", C = null, g = null), /* @__PURE__ */ e.createElement(
-    b,
+  let v, C, h;
+  return t && !n && we(t) ? (v = t.type, C = t.props.href ? "href" : "to", h = C === "href" ? t.props.href : t.props.to) : (v = "span", C = null, h = null), /* @__PURE__ */ e.createElement(
+    v,
     M({
-      href: C === "href" ? g : null,
-      to: C === "to" ? g : null,
-      className: [u, v, E, a].join(" ").trim().replace(/\s+/g, " ")
+      href: C === "href" ? h : null,
+      to: C === "to" ? h : null,
+      className: [u, b, E, a].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     /* @__PURE__ */ e.createElement("span", { className: `${u}__label`, title: d }, X2(d, 20)),
     n ? /* @__PURE__ */ e.createElement(
@@ -10246,9 +10260,9 @@ const K2 = (t) => {
     image: f,
     alt: p,
     name: u,
-    title: v,
+    title: b,
     org: E
-  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, f && /* @__PURE__ */ e.createElement("div", { className: `${a}__image ${a}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: f, alt: p })), u && /* @__PURE__ */ e.createElement("div", { className: `${a}__name` }, u), v && /* @__PURE__ */ e.createElement("div", { className: `${a}__title` }, v), E && /* @__PURE__ */ e.createElement("div", { className: `${a}__org` }, E)), o = (f) => we(f.linkContent) ? Ie(f.linkContent, {
+  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, f && /* @__PURE__ */ e.createElement("div", { className: `${a}__image ${a}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: f, alt: p })), u && /* @__PURE__ */ e.createElement("div", { className: `${a}__name` }, u), b && /* @__PURE__ */ e.createElement("div", { className: `${a}__title` }, b), E && /* @__PURE__ */ e.createElement("div", { className: `${a}__org` }, E)), o = (f) => we(f.linkContent) ? Ie(f.linkContent, {
     children: /* @__PURE__ */ e.createElement(c, M({}, f)),
     className: `${a}__item`
   }) : /* @__PURE__ */ e.createElement("span", { className: `${a}__item` }, /* @__PURE__ */ e.createElement(c, M({}, f))), m = () => t.map((f, p) => /* @__PURE__ */ e.createElement(U1, { key: `tile-${p}` }, o(f), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
@@ -10377,7 +10391,7 @@ const K2 = (t) => {
     [f, p]
   );
 }, ys = (L) => {
-  var b = L, {
+  var v = L, {
     alignContent: t = "flex-start",
     alignItems: n = "stretch",
     flexDirection: s = "row",
@@ -10391,8 +10405,8 @@ const K2 = (t) => {
     mobileGap: f,
     mobileJustifyContent: p,
     children: u,
-    className: v
-  } = b, E = A(b, [
+    className: b
+  } = v, E = A(v, [
     "alignContent",
     "alignItems",
     "flexDirection",
@@ -10408,22 +10422,22 @@ const K2 = (t) => {
     "children",
     "className"
   ]);
-  let g = H1() <= 640;
+  let h = H1() <= 640;
   const i = ve(ye);
-  i && (g = i.isMobile);
-  const h = "pds-flex", _ = `${h}-container`, $ = g ? `${_}--mobile` : null;
+  i && (h = i.isMobile);
+  const g = "pds-flex", _ = `${g}-container`, $ = h ? `${_}--mobile` : null;
   let k = null;
-  g ? k = `${h}-direction--${o}` : s !== "row" && (k = `${h}-direction--${s}`);
+  h ? k = `${g}-direction--${o}` : s !== "row" && (k = `${g}-direction--${s}`);
   let z = null;
-  g ? m ? m !== "nowrap" && (z = `${h}-wrap--${m}`) : l !== "nowrap" && (z = `${h}-wrap--${l}`) : l !== "nowrap" && (z = `${h}-wrap--${l}`);
+  h ? m ? m !== "nowrap" && (z = `${g}-wrap--${m}`) : l !== "nowrap" && (z = `${g}-wrap--${l}`) : l !== "nowrap" && (z = `${g}-wrap--${l}`);
   let w = null;
-  g ? p ? p !== "flex-start" && (w = `${h}-justify--${p}`) : d !== "flex-start" && (w = `${h}-justify--${d}`) : d !== "flex-start" && (w = `${h}-justify--${d}`);
+  h ? p ? p !== "flex-start" && (w = `${g}-justify--${p}`) : d !== "flex-start" && (w = `${g}-justify--${d}`) : d !== "flex-start" && (w = `${g}-justify--${d}`);
   let y = null;
-  g ? a ? a !== "stretch" && (y = `${h}-align-items--${a}`) : n !== "stretch" && (y = `${h}-align-items--${n}`) : n !== "stretch" && (y = `${h}-align-items--${n}`);
+  h ? a ? a !== "stretch" && (y = `${g}-align-items--${a}`) : n !== "stretch" && (y = `${g}-align-items--${n}`) : n !== "stretch" && (y = `${g}-align-items--${n}`);
   let H = null;
-  g ? c ? c !== "flex-start" && (H = `${h}-align-content--${c}`) : t !== "flex-start" && (H = `${h}-align-content--${t}`) : t !== "flex-start" && (H = `${h}-align-content--${t}`);
+  h ? c ? c !== "flex-start" && (H = `${g}-align-content--${c}`) : t !== "flex-start" && (H = `${g}-align-content--${t}`) : t !== "flex-start" && (H = `${g}-align-content--${t}`);
   let N = null;
-  return g ? f ? f !== "none" && (N = `${h}-gap--${f}`) : r !== "none" && (N = `${h}-gap--${r}`) : r !== "none" && (N = `${h}-gap--${r}`), /* @__PURE__ */ e.createElement(
+  return h ? f ? f !== "none" && (N = `${g}-gap--${f}`) : r !== "none" && (N = `${g}-gap--${r}`) : r !== "none" && (N = `${g}-gap--${r}`), /* @__PURE__ */ e.createElement(
     "div",
     M({
       className: x([
@@ -10435,7 +10449,7 @@ const K2 = (t) => {
         y,
         H,
         N,
-        v != null ? v : ""
+        b != null ? b : ""
       ])
     }, E),
     u
@@ -10461,11 +10475,11 @@ const K2 = (t) => {
   ]);
   const m = "pds-sidebar-layout", f = `pds-grid pds-grid--${n}`, p = `${m}--${r}`;
   let u = !1;
-  const v = ve(ye);
-  v && (u = v.isMobile);
+  const b = ve(ye);
+  b && (u = b.isMobile);
   const E = Fe(t);
-  let L = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", b = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
-  r === "narrow" && (L = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", b = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (L = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", b = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
+  let L = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", v = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
+  r === "narrow" && (L = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", v = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (L = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", v = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
   const C = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -10473,11 +10487,11 @@ const K2 = (t) => {
       className: `${m}__main ${u ? "pds-grid-item" : L}`
     },
     E.content
-  ), g = /* @__PURE__ */ e.createElement(
+  ), h = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "sidebar",
-      className: `${m}__side ${u ? "pds-grid-item" : b}`
+      className: `${m}__side ${u ? "pds-grid-item" : v}`
     },
     E.sidebar
   );
@@ -10491,7 +10505,7 @@ const K2 = (t) => {
         d != null ? d : ""
       ])
     }, a),
-    u ? l === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, g, C) : /* @__PURE__ */ e.createElement(e.Fragment, null, C, g) : s === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, g, C) : /* @__PURE__ */ e.createElement(e.Fragment, null, C, g)
+    u ? l === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, C) : /* @__PURE__ */ e.createElement(e.Fragment, null, C, h) : s === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, C) : /* @__PURE__ */ e.createElement(e.Fragment, null, C, h)
   );
 }, ks = (l) => {
   var r = l, {
@@ -10542,10 +10556,10 @@ const K2 = (t) => {
         l
       ])
     }, r),
-    p.map((u, v) => /* @__PURE__ */ e.createElement(
+    p.map((u, b) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        key: v,
+        key: b,
         className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
       },
       u
@@ -10565,19 +10579,19 @@ const K2 = (t) => {
     "verticalAlign",
     "className"
   ]);
-  const o = "pds-two-item-layout", m = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, f = `${o}--${l}`, p = ["pds-grid-item--md-6"], u = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], v = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], E = ["pds-grid-item", "pds-grid-item--sm-4"];
-  let L, b;
+  const o = "pds-two-item-layout", m = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, f = `${o}--${l}`, p = ["pds-grid-item--md-6"], u = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], b = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], E = ["pds-grid-item", "pds-grid-item--sm-4"];
+  let L, v;
   switch (s) {
     case "equal":
-      L = E.concat(p), b = E.concat(p);
+      L = E.concat(p), v = E.concat(p);
       break;
     case "one-third-start":
-      L = E.concat(u), b = E.concat(v);
+      L = E.concat(u), v = E.concat(b);
       break;
     case "one-third-end":
-      L = E.concat(v), b = E.concat(u);
+      L = E.concat(b), v = E.concat(u);
   }
-  const C = Fe(t), g = C["first-item"], i = C["second-item"];
+  const C = Fe(t), h = C["first-item"], i = C["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
@@ -10588,8 +10602,8 @@ const K2 = (t) => {
         r
       ])
     }, d),
-    /* @__PURE__ */ e.createElement("div", { className: L.join(" ").trim() }, g),
-    /* @__PURE__ */ e.createElement("div", { className: b.join(" ").trim() }, i)
+    /* @__PURE__ */ e.createElement("div", { className: L.join(" ").trim() }, h),
+    /* @__PURE__ */ e.createElement("div", { className: v.join(" ").trim() }, i)
   );
 }, Ns = (t, n) => {
   const [s, l] = U(!1), r = Zt(