@pantheon-systems/pds-toolkit-react 1.0.0-alpha.10 → 1.0.0-alpha.11

package/_dist/index.js

@@ -787,7 +787,7 @@ import './index.css';const et = () => Math.random().toString(32).substring(2, 13
   className: l,
   ...n
 }) => {
-  const d = "pds-avatar", i = `${d}--${o}`, m = a ? `${d}--image` : null, [v, g] = Z(void 0), p = {
+  const d = "pds-avatar", i = `${d}--${o}`, m = a ? `${d}--image` : null, [v, f] = Z(void 0), p = {
     backgroundImage: r ? `var(--pds-color-gradient-avatar-${a1(r)})` : null,
     borderRadius: "100%",
     height: "100%",
@@ -795,22 +795,22 @@ import './index.css';const et = () => Math.random().toString(32).substring(2, 13
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
-  }, f = n1(a) && !v ? /* @__PURE__ */ e.createElement(
+  }, g = n1(a) && !v ? /* @__PURE__ */ e.createElement(
     "img",
     {
       src: `${a}`,
       className: `${d}__image`,
       alt: "",
-      onLoad: () => g(!1),
-      onError: () => g(!0)
+      onLoad: () => f(!1),
+      onError: () => f(!0)
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: p }, s && /* @__PURE__ */ e.createElement(O, { iconName: "user", className: `${d}__user-icon` })), _ = /* @__PURE__ */ e.createElement("span", { className: `${d}__content` }, f), C = c && fe(c) ? Oe(
+  ) : /* @__PURE__ */ e.createElement("span", { style: p }, s && /* @__PURE__ */ e.createElement(O, { iconName: "user", className: `${d}__user-icon` })), _ = /* @__PURE__ */ e.createElement("span", { className: `${d}__content` }, g), C = c && fe(c) ? Oe(
     c,
     Object.assign({}, c.props, {
       className: `${d}__content ${d}__content--link`,
       "aria-label": t
     }),
-    f
+    g
   ) : null;
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -897,7 +897,7 @@ const xt = 500, l1 = 700, He = ({
   className: i,
   ...m
 }) => {
-  const [v, g] = Z(!1), $ = typeof s, p = "pds-tooltip", f = H([
+  const [v, f] = Z(!1), $ = typeof s, p = "pds-tooltip", g = H([
     `${p}__trigger-custom`,
     $ === "string" ? `${p}__trigger-text` : null
   ]), _ = H([
@@ -906,7 +906,7 @@ const xt = 500, l1 = 700, He = ({
   ]), { refs: C, floatingStyles: u, context: h } = ke({
     placement: c,
     open: v,
-    onOpenChange: g,
+    onOpenChange: f,
     middleware: [nt(a), at(), Ct()],
     whileElementsMounted: Ae
   }), E = ht(h, {
@@ -922,7 +922,7 @@ const xt = 500, l1 = 700, He = ({
   return /* @__PURE__ */ e.createElement("div", { className: H([p, i ?? ""]), ...m }, s ? /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: f,
+      className: g,
       ref: C.setReference,
       ...y()
     },
@@ -965,11 +965,11 @@ const xt = 500, l1 = 700, He = ({
   className: n,
   ...d
 }) => {
-  const i = "pds-branch-diff", m = t ? `${i}--loading` : null, v = t ? "pds-pulse" : null, g = l !== null && l > 0 ? `${l}rem` : "100%";
+  const i = "pds-branch-diff", m = t ? `${i}--loading` : null, v = t ? "pds-pulse" : null, f = l !== null && l > 0 ? `${l}rem` : "100%";
   let $ = Math.max(0, a), p = Math.max(0, o);
   t && ($ = 1, p = 1);
-  const f = Math.max($, p);
-  let _ = f > 0 ? p / f * 100 : 0, C = f > 0 ? $ / f * 100 : 0;
+  const g = Math.max($, p);
+  let _ = g > 0 ? p / g * 100 : 0, C = g > 0 ? $ / g * 100 : 0;
   const u = 10;
   _ < u ? (_ = u, C = 100 - u) : C < u && (C = u, _ = 100 - u);
   const h = t ? s : `${p} ${r} & ${$} ${c}`;
@@ -977,7 +977,7 @@ const xt = 500, l1 = 700, He = ({
     "div",
     {
       className: H([i, m, n ?? ""]),
-      style: { width: g },
+      style: { width: f },
       ...d
     },
     /* @__PURE__ */ e.createElement(
@@ -1198,11 +1198,11 @@ const xt = 500, l1 = 700, He = ({
     onClick: i,
     size: m = "md",
     tooltipText: v,
-    variant: g = "primary",
+    variant: f = "primary",
     className: $ = "",
     ...p
-  }, f) => {
-    const _ = "pds-button", C = m !== "md" ? `${_}--${m}` : null, u = g !== "primary" ? `${_}--${g}` : null, h = r ? `${_}--full-width` : null;
+  }, g) => {
+    const _ = "pds-button", C = m !== "md" ? `${_}--${m}` : null, u = f !== "primary" ? `${_}--${f}` : null, h = r ? `${_}--full-width` : null;
     let E;
     switch (m) {
       case "sm":
@@ -1239,7 +1239,7 @@ const xt = 500, l1 = 700, He = ({
         disabled: a || l,
         "aria-label": t,
         onClick: i,
-        ref: f,
+        ref: g,
         ...p
       },
       l && /* @__PURE__ */ e.createElement(_t, { className: `${_}__loading-indicator`, size: "md" }),
@@ -1258,11 +1258,11 @@ const xt = 500, l1 = 700, He = ({
   className: n,
   ...d
 }) => {
-  const i = "pds-button-link", m = "pds-button", v = o !== "md" ? `${m}--${o}` : null, g = l !== "primary" ? `${m}--${l}` : null, $ = H([
+  const i = "pds-button-link", m = "pds-button", v = o !== "md" ? `${m}--${o}` : null, f = l !== "primary" ? `${m}--${l}` : null, $ = H([
     m,
     v,
-    g
-  ]), p = fe(c) ? c.props.children : null, f = /* @__PURE__ */ e.createElement(
+    f
+  ]), p = fe(c) ? c.props.children : null, g = /* @__PURE__ */ e.createElement(
     O,
     {
       iconName: a,
@@ -1272,7 +1272,7 @@ const xt = 500, l1 = 700, He = ({
     }
   );
   let _ = [p];
-  s === "icon-start" && a ? _ = [f, p] : s === "icon-end" && a && (_ = [p, f]);
+  s === "icon-start" && a ? _ = [g, p] : s === "icon-end" && a && (_ = [p, g]);
   const C = fe(c) ? Oe(
     c,
     Object.assign({}, c.props, {
@@ -1321,10 +1321,10 @@ const xt = 500, l1 = 700, He = ({
     className: i,
     ...m
   }, v) => {
-    const g = "pds-icon-button", $ = n !== "md" ? `${g}--${n}` : null, p = d !== "standard" ? `${g}--${d}` : null, f = {
-      fadeOut: `${g}--fadeOut`,
-      hide: `${g}--hide`,
-      scaleIn: `${g}--scaleIn`
+    const f = "pds-icon-button", $ = n !== "md" ? `${f}--${n}` : null, p = d !== "standard" ? `${f}--${d}` : null, g = {
+      fadeOut: `${f}--fadeOut`,
+      hide: `${f}--hide`,
+      scaleIn: `${f}--scaleIn`
     };
     let _, C;
     switch (n) {
@@ -1338,41 +1338,41 @@ const xt = 500, l1 = 700, He = ({
         C = "xl", _ = 12;
     }
     const u = r !== null, h = ne(null), E = ne(null), b = () => {
-      h.current.classList.add(f.fadeOut), h.current.classList.add(f.hide), E.current.classList.remove(f.hide), E.current.classList.add(f.scaleIn), setTimeout(() => {
+      h.current.classList.add(g.fadeOut), h.current.classList.add(g.hide), E.current.classList.remove(g.hide), E.current.classList.add(g.scaleIn), setTimeout(() => {
         h.current.classList.remove(
-          f.fadeOut,
-          f.hide
-        ), h.current.classList.add(f.scaleIn), E.current.classList.remove(f.scaleIn), E.current.classList.add(f.hide);
+          g.fadeOut,
+          g.hide
+        ), h.current.classList.add(g.scaleIn), E.current.classList.remove(g.scaleIn), E.current.classList.add(g.hide);
       }, 2e3);
     }, N = (y) => {
       u && b(), l && l(y);
-    }, L = u ? /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement("div", { ref: h, className: `${g}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+    }, L = u ? /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { ref: h, className: `${f}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
       O,
       {
         iconName: o,
         iconSize: C,
-        className: `${g}__icon`
+        className: `${f}__icon`
       }
     )), /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: E,
-        className: `${g}__icon-wrapper ${f.hide}`
+        className: `${f}__icon-wrapper ${g.hide}`
       },
       /* @__PURE__ */ e.createElement(
         O,
         {
           iconName: r,
           iconSize: C,
-          className: `${g}__icon`
+          className: `${f}__icon`
         }
       )
-    )) : /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement(
+    )) : /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement(
       O,
       {
         iconName: o,
         iconSize: C,
-        className: `${g}__icon`
+        className: `${f}__icon`
       }
     ));
     return /* @__PURE__ */ e.createElement(
@@ -1380,7 +1380,7 @@ const xt = 500, l1 = 700, He = ({
       {
         "aria-label": t,
         className: H([
-          g,
+          f,
           $,
           p,
           i
@@ -1396,7 +1396,7 @@ const xt = 500, l1 = 700, He = ({
         He,
         {
           content: t,
-          className: `${g}__tooltip`,
+          className: `${f}__tooltip`,
           offsetValue: _,
           customTrigger: L
         }
@@ -1482,10 +1482,10 @@ const xt = 500, l1 = 700, He = ({
   size: i = "md",
   testId: m,
   undefinedLabel: v = "Unlabeled group",
-  variant: g = "primary",
+  variant: f = "primary",
   withinNavbar: $,
   className: p,
-  ...f
+  ...g
 }) => {
   const {
     x: _,
@@ -1503,7 +1503,7 @@ const xt = 500, l1 = 700, He = ({
   let y = !1;
   const w = ge(be);
   w && (y = w.isMobile);
-  const M = g === "navbar" && y, k = "pds-menu-button", z = M ? `${k}--isMobile` : null, R = $ ? `${k}--navbar` : null, I = c, [S] = Z(`menu-button-${c}`), D = L.floating, B = ne(null), [F, K] = Z(!1), [X, U] = Z(!1), [j, q] = Z(""), [T, x] = Z(0), V = ne([]), A = ne([]), G = ne([]);
+  const M = f === "navbar" && y, k = "pds-menu-button", z = M ? `${k}--isMobile` : null, R = $ ? `${k}--navbar` : null, I = c, [S] = Z(`menu-button-${c}`), D = L.floating, B = ne(null), [F, K] = Z(!1), [X, U] = Z(!1), [j, q] = Z(""), [T, x] = Z(0), V = ne([]), A = ne([]), G = ne([]);
   B2(() => {
     window.addEventListener("mousedown", Me, !0), b();
     const P = D.current;
@@ -1768,7 +1768,7 @@ const xt = 500, l1 = 700, He = ({
       isSplitButton: o,
       label: r,
       size: i,
-      variant: g,
+      variant: f,
       displayType: s,
       iconName: "angleDown",
       type: "button",
@@ -1849,7 +1849,7 @@ const xt = 500, l1 = 700, He = ({
       ]),
       "data-testid": m,
       ref: B,
-      ...f
+      ...g
     },
     M ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ne, /* @__PURE__ */ e.createElement(ot, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Fe, Xe(l))
   );
@@ -1865,7 +1865,7 @@ const xt = 500, l1 = 700, He = ({
   className: d,
   ...i
 }) => {
-  const m = "pds-segmented-button", v = t ? "pds-is-disabled" : null, g = l !== "md" ? `${m}--${l}` : null, $ = typeof n < "u", p = typeof a < "u", [f, _] = Z(
+  const m = "pds-segmented-button", v = t ? "pds-is-disabled" : null, f = l !== "md" ? `${m}--${l}` : null, $ = typeof n < "u", p = typeof a < "u", [g, _] = Z(
     p ? a : ""
   ), C = (u) => {
     _(u.target.value), o && o(u.target.value);
@@ -1876,7 +1876,7 @@ const xt = 500, l1 = 700, He = ({
       {
         className: H([
           m,
-          g,
+          f,
           v,
           d ?? ""
         ]),
@@ -1884,7 +1884,7 @@ const xt = 500, l1 = 700, He = ({
       },
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
       /* @__PURE__ */ e.createElement("div", { className: `${m}__options` }, r.map((u, h) => {
-        const E = $ ? n === u.value : f === u.value, b = `${m}__option`, N = E ? `${b}--checked` : null;
+        const E = $ ? n === u.value : g === u.value, b = `${m}__option`, N = E ? `${b}--checked` : null;
         return /* @__PURE__ */ e.createElement(
           "div",
           {
@@ -1933,8 +1933,8 @@ const xt = 500, l1 = 700, He = ({
   ...n
 }) => {
   const d = "pds-split-button", i = `${d}--${r}`, m = t[0], v = t.slice(1);
-  let g = null;
-  return "isLink" in m && m.isLink === !0 ? g = /* @__PURE__ */ e.createElement(
+  let f = null;
+  return "isLink" in m && m.isLink === !0 ? f = /* @__PURE__ */ e.createElement(
     gt,
     {
       className: `${d}__primary-action`,
@@ -1944,7 +1944,7 @@ const xt = 500, l1 = 700, He = ({
       disabled: s,
       linkContent: m.linkContent
     }
-  ) : "label" in m && (g = /* @__PURE__ */ e.createElement(
+  ) : "label" in m && (f = /* @__PURE__ */ e.createElement(
     Be,
     {
       className: `${d}__primary-action`,
@@ -1961,7 +1961,7 @@ const xt = 500, l1 = 700, He = ({
       id: a,
       ...n
     },
-    g,
+    f,
     /* @__PURE__ */ e.createElement(
       k2,
       {
@@ -1992,10 +1992,10 @@ const xt = 500, l1 = 700, He = ({
   label: i,
   onClick: m,
   tooltipText: v,
-  className: g,
+  className: f,
   ...$
 }) => {
-  const p = "pds-utility-button", f = a ? `${p}--border` : null, _ = r ? `${p}--critical` : null, C = s ? `${p}--disabled` : null, u = l ? `${p}--loading` : null, h = n ? `${p}--working` : null, E = d ? `${p}--monospace` : null, b = l ? "pds-pulse" : null, N = /* @__PURE__ */ e.createElement(
+  const p = "pds-utility-button", g = a ? `${p}--border` : null, _ = r ? `${p}--critical` : null, C = s ? `${p}--disabled` : null, u = l ? `${p}--loading` : null, h = n ? `${p}--working` : null, E = d ? `${p}--monospace` : null, b = l ? "pds-pulse" : null, N = /* @__PURE__ */ e.createElement(
     "button",
     {
       className: H([`${p}__button`, b]),
@@ -2021,13 +2021,13 @@ const xt = 500, l1 = 700, He = ({
     {
       className: H([
         p,
-        f,
+        g,
         _,
         C,
         u,
         h,
         E,
-        g ?? ""
+        f ?? ""
       ]),
       ...$
     },
@@ -2131,11 +2131,11 @@ const xt = 500, l1 = 700, He = ({
   const i = "pds-card-select-group";
   let m = `${i}__legend`;
   c === "center" && (m = `${i}__legend ${i}__legend--center`), c === "hidden" && (m = `${i}__legend visually-hidden`);
-  const [v, g] = Z(s), $ = (h) => {
-    g(h.currentTarget.value), r && r(h.currentTarget.value);
-  }, p = l.length, f = "pds-grid-item", _ = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  const [v, f] = Z(s), $ = (h) => {
+    f(h.currentTarget.value), r && r(h.currentTarget.value);
+  }, p = l.length, g = "pds-grid-item", _ = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let u = "";
-  return o === "twoAcross" ? u = _ : o === "threeAcross" ? u = C : o === "auto" && (p === 1 ? u = f : p % 3 === 0 ? u = C : p % 2 === 0 ? u = _ : u = C), /* @__PURE__ */ e.createElement(
+  return o === "twoAcross" ? u = _ : o === "threeAcross" ? u = C : o === "auto" && (p === 1 ? u = g : p % 3 === 0 ? u = C : p % 2 === 0 ? u = _ : u = C), /* @__PURE__ */ e.createElement(
     "fieldset",
     {
       className: [i, n].join(" ").trim().replace(/\s+/g, " "),
@@ -2504,7 +2504,7 @@ const xt = 500, l1 = 700, He = ({
   className: d,
   ...i
 }) => {
-  const m = "pds-new-site-card", v = l.type, g = /* @__PURE__ */ e.createElement(Mt, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${m}__main` }, /* @__PURE__ */ e.createElement(
+  const m = "pds-new-site-card", v = l.type, f = /* @__PURE__ */ e.createElement(Mt, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${m}__main` }, /* @__PURE__ */ e.createElement(
     v,
     {
       "aria-label": l.props.children,
@@ -2523,9 +2523,9 @@ const xt = 500, l1 = 700, He = ({
     ),
     r && /* @__PURE__ */ e.createElement("div", { className: `${m}__summary` }, r)
   ), n && n.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${m}__links` }, n.map(($, p) => {
-    const f = $.type;
+    const g = $.type;
     return /* @__PURE__ */ e.createElement(
-      f,
+      g,
       {
         key: p,
         className: `${m}__link`,
@@ -2542,7 +2542,7 @@ const xt = 500, l1 = 700, He = ({
       ), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, a))
     );
   }))));
-  return /* @__PURE__ */ e.createElement("div", { className: H([m, d ?? ""]), ...i }, g);
+  return /* @__PURE__ */ e.createElement("div", { className: H([m, d ?? ""]), ...i }, f);
 }, u1 = {
   amex: /* @__PURE__ */ e.createElement(
     "svg",
@@ -2967,17 +2967,17 @@ const xt = 500, l1 = 700, He = ({
   onOptionSelect: i,
   options: m,
   required: v = !1,
-  showLabel: g = !0,
+  showLabel: f = !0,
   tooltipText: $ = null,
   validationMessage: p,
-  validationStatus: f,
+  validationStatus: g,
   value: _,
   className: C,
   ...u
 }) => {
-  const h = Ke(c), E = "pds-select", b = s ? Q.disabled : null, N = v && !s ? Q.required : null, L = f === "error" ? Q.error : null, y = f === "success" ? Q.success : null;
+  const h = Ke(c), E = "pds-select", b = s ? Q.disabled : null, N = v && !s ? Q.required : null, L = g === "error" ? Q.error : null, y = g === "success" ? Q.success : null;
   let w = null;
-  f === "error" && (w = "error"), f === "success" && (w = "success");
+  g === "error" && (w = "error"), g === "success" && (w = "success");
   const M = p || l, k = typeof _ < "u", z = typeof t < "u", I = ((de) => de.reduce((Ce, _e) => n2(_e) ? [...Ce, ..._e.options] : [...Ce, _e], []))(m), S = (de) => I.findIndex((Ce) => Ce.value === de), D = k && S(_) >= 0 ? S(_) : null, B = z ? S(t) : null, F = D || B, [K, X] = Z(!1), [U, j] = Z(null), [q, T] = Z(
     F ?? null
   ), x = q !== null ? I[q]?.label : void 0, V = q !== null ? I[q]?.value : void 0, A = ne([]), { context: G, refs: Y, floatingStyles: le } = ke({
@@ -3130,7 +3130,7 @@ const xt = 500, l1 = 700, He = ({
       {
         id: a,
         label: o,
-        showLabel: g,
+        showLabel: f,
         tooltipText: $,
         required: v,
         disabled: s
@@ -3174,7 +3174,7 @@ const xt = 500, l1 = 700, He = ({
         message: M,
         hasValidationMessage: !!p,
         validationMessageHasDecorators: !1,
-        validationStatus: f
+        validationStatus: g
       }
     )
   );
@@ -3195,58 +3195,58 @@ const xt = 500, l1 = 700, He = ({
   className: m,
   ...v
 }) => {
-  const g = "pds-pricing-card", $ = `${g}-container`, p = a ? `${$}--with-list` : null, f = i ? `${g}--${i}` : null, _ = (z) => z.toLowerCase().replace(/\s/g, "-"), C = l && l.length > 1, [u, h] = Z(
+  const f = "pds-pricing-card", $ = `${f}-container`, p = a ? `${$}--with-list` : null, g = i ? `${f}--${i}` : null, _ = (z) => z.toLowerCase().replace(/\s/g, "-"), C = l && l.length > 1, [u, h] = Z(
     _(l[0].label)
   ), [E, b] = Z(
     t.label
   );
   let N = null, L = null;
-  C || (N = /* @__PURE__ */ e.createElement("div", { className: `${g}__pricing-data` }, l[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${g}__price-prefix` }, l[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${g}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${g}__price` }, l[0].price), l[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${g}__details` }, l[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${g}__savings-line` }, l[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+  C || (N = /* @__PURE__ */ e.createElement("div", { className: `${f}__pricing-data` }, l[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${f}__price-prefix` }, l[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${f}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${f}__price` }, l[0].price), l[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${f}__details` }, l[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${f}__savings-line` }, l[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
     ft,
     {
-      className: `${g}__savings-badge`,
+      className: `${f}__savings-badge`,
       color: "neutral",
       size: "sm",
       label: l[0].savingsBadgeLabel
     }
-  ), l[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${g}__savings-details` }, l[0].savingsDetails))), L = /* @__PURE__ */ e.createElement(
+  ), l[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${f}__savings-details` }, l[0].savingsDetails))), L = /* @__PURE__ */ e.createElement(
     c2,
     {
-      className: `${g}__list`,
+      className: `${f}__list`,
       listLabel: l[0].listLabel,
       listItems: l[0].listItems,
       renderTypeLabels: !1
     }
   )), C && (N = l.map((z) => {
-    const I = u === _(z.label) ? null : `${g}__pricing-data--hide`;
+    const I = u === _(z.label) ? null : `${f}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
         className: H([
-          `${g}__pricing-data`,
+          `${f}__pricing-data`,
           I
         ]),
         id: `data-${_(z.label)}`,
         key: _(z.label)
       },
-      z.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${g}__price-prefix` }, z.pricePrefix),
-      /* @__PURE__ */ e.createElement("div", { className: `${g}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${g}__price` }, z.price), z.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${g}__details` }, z.priceDetails)),
-      /* @__PURE__ */ e.createElement("div", { className: `${g}__savings-line` }, z.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+      z.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${f}__price-prefix` }, z.pricePrefix),
+      /* @__PURE__ */ e.createElement("div", { className: `${f}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${f}__price` }, z.price), z.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${f}__details` }, z.priceDetails)),
+      /* @__PURE__ */ e.createElement("div", { className: `${f}__savings-line` }, z.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
         ft,
         {
-          className: `${g}__savings-badge`,
+          className: `${f}__savings-badge`,
           color: "neutral",
           size: "sm",
           label: z.savingsBadgeLabel
         }
-      ), z.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${g}__savings-details` }, z.savingsDetails))
+      ), z.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${f}__savings-details` }, z.savingsDetails))
     );
   }), L = l.map((z) => {
-    const I = u === _(z.label) ? null : `${g}__list--hide`;
+    const I = u === _(z.label) ? null : `${f}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       c2,
       {
-        className: H([`${g}__list`, I]),
+        className: H([`${f}__list`, I]),
         listLabel: z.listLabel,
         listItems: z.listItems,
         renderTypeLabels: !1,
@@ -3265,7 +3265,7 @@ const xt = 500, l1 = 700, He = ({
     g1,
     {
       id: "plan-select",
-      className: `${g}__select`,
+      className: `${f}__select`,
       label: d,
       showLabel: !1,
       options: l.map((z) => ({
@@ -3321,14 +3321,14 @@ const xt = 500, l1 = 700, He = ({
       className: H([$, p, m]),
       ...v
     },
-    /* @__PURE__ */ e.createElement("div", { className: H([g, f]) }, i && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: H([f, g]) }, i && /* @__PURE__ */ e.createElement(
       Ut,
       {
-        className: `${g}__status-badge`,
+        className: `${f}__status-badge`,
         label: n[i],
         color: i === "mostPopular" ? "reverse" : "neutral"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${g}__main-content` }, r && /* @__PURE__ */ e.createElement("div", { className: `${g}__plan pds-overline-text` }, r), N, o && /* @__PURE__ */ e.createElement("div", { className: `${g}__description` }, o), w), /* @__PURE__ */ e.createElement("div", { className: `${g}__actions` }, t && M, t && s && k)),
+    ), /* @__PURE__ */ e.createElement("div", { className: `${f}__main-content` }, r && /* @__PURE__ */ e.createElement("div", { className: `${f}__plan pds-overline-text` }, r), N, o && /* @__PURE__ */ e.createElement("div", { className: `${f}__description` }, o), w), /* @__PURE__ */ e.createElement("div", { className: `${f}__actions` }, t && M, t && s && k)),
     a && L
   );
 }, Ks = ({
@@ -3345,7 +3345,7 @@ const xt = 500, l1 = 700, He = ({
   const i = "pds-site-card";
   let m, v;
   l === "active" && (m = "Active", v = "success"), l === "frozen" && (m = "Frozen", v = "frozen"), l === "restricted" && (m = "Restricted", v = "critical");
-  const g = /* @__PURE__ */ e.createElement(
+  const f = /* @__PURE__ */ e.createElement(
     Ut,
     {
       label: m,
@@ -3360,7 +3360,7 @@ const xt = 500, l1 = 700, He = ({
       level: s,
       text: o
     }
-  ), g), /* @__PURE__ */ e.createElement("div", { className: `${i}__plan` }, r))), p = fe(c) ? Oe(
+  ), f), /* @__PURE__ */ e.createElement("div", { className: `${i}__plan` }, r))), p = fe(c) ? Oe(
     c,
     Object.assign({}, c.props, {
       className: `${i}__link`,
@@ -3911,7 +3911,7 @@ var z2 = { exports: {} };
           delete h.rest;
         }
         var N = new v();
-        return g(N, N.head, u), m(u, N, h, N.head, 0), p(N);
+        return f(N, N.head, u), m(u, N, h, N.head, 0), p(N);
       },
       /**
        * @namespace
@@ -4025,9 +4025,9 @@ var z2 = { exports: {} };
                 var V = j.index, A = j[0], G = X.slice(0, V), Y = X.slice(V + A.length), le = K + X.length;
                 L && le > L.reach && (L.reach = le);
                 var ce = F.prev;
-                G && (ce = g(h, ce, G), K += G.length), $(h, ce, U);
+                G && (ce = f(h, ce, G), K += G.length), $(h, ce, U);
                 var pe = new d(y, z ? n.tokenize(A, z) : A, S, A);
-                if (F = g(h, ce, pe), Y && g(h, F, Y), U > 1) {
+                if (F = f(h, ce, pe), Y && f(h, F, Y), U > 1) {
                   var ie = {
                     cause: y + "," + M,
                     reach: le
@@ -4043,7 +4043,7 @@ var z2 = { exports: {} };
       var u = { value: null, prev: null, next: null }, h = { value: null, prev: u, next: null };
       u.next = h, this.head = u, this.tail = h, this.length = 0;
     }
-    function g(u, h, E) {
+    function f(u, h, E) {
       var b = h.next, N = { value: E, prev: h, next: b };
       return h.next = N, b.prev = N, u.length++, N;
     }
@@ -4062,14 +4062,14 @@ var z2 = { exports: {} };
         var h = JSON.parse(u.data), E = h.language, b = h.code, N = h.immediateClose;
         c.postMessage(n.highlight(b, n.languages[E], E)), N && c.close();
       }, !1)), n;
-    var f = n.util.currentScript();
-    f && (n.filename = f.src, f.hasAttribute("data-manual") && (n.manual = !0));
+    var g = n.util.currentScript();
+    g && (n.filename = g.src, g.hasAttribute("data-manual") && (n.manual = !0));
     function _() {
       n.manual || n.highlightAll();
     }
     if (!n.manual) {
       var C = document.readyState;
-      C === "loading" || C === "interactive" && f && f.defer ? document.addEventListener("DOMContentLoaded", _) : window.requestAnimationFrame ? window.requestAnimationFrame(_) : window.setTimeout(_, 16);
+      C === "loading" || C === "interactive" && g && g.defer ? document.addEventListener("DOMContentLoaded", _) : window.requestAnimationFrame ? window.requestAnimationFrame(_) : window.setTimeout(_, 16);
     }
     return n;
   }(s);
@@ -4284,14 +4284,14 @@ const E1 = /* @__PURE__ */ C1(_1), v1 = {
   className: n,
   ...d
 }) => {
-  const i = "pds-skeleton", m = `${i}--${a}`, v = s ? `pds-pulse pds-pulse--${t}` : `${i}--${t}`, g = ["text-block", "code-block", "code-block-prefix"], $ = c?.height ? typeof c.height == "number" ? `${c.height}rem` : `${o2[`SPACING_${c.height.toUpperCase()}`]}rem` : "1rem", p = c?.width ? typeof c.width == "number" ? `${c.width}rem` : `${o2[`SPACING_${c.width.toUpperCase()}`]}rem` : "100%";
-  let f = {
+  const i = "pds-skeleton", m = `${i}--${a}`, v = s ? `pds-pulse pds-pulse--${t}` : `${i}--${t}`, f = ["text-block", "code-block", "code-block-prefix"], $ = c?.height ? typeof c.height == "number" ? `${c.height}rem` : `${o2[`SPACING_${c.height.toUpperCase()}`]}rem` : "1rem", p = c?.width ? typeof c.width == "number" ? `${c.width}rem` : `${o2[`SPACING_${c.width.toUpperCase()}`]}rem` : "100%";
+  let g = {
     height: $,
     width: p
   };
-  a === "circular" && (f = {
-    ...f,
-    width: f.height
+  a === "circular" && (g = {
+    ...g,
+    width: g.height
   });
   const _ = /* @__PURE__ */ e.createElement(
     "div",
@@ -4302,7 +4302,7 @@ const E1 = /* @__PURE__ */ C1(_1), v1 = {
         m,
         n ?? ""
       ]),
-      style: f,
+      style: g,
       ...d
     }
   ), h = Math.max(1, Math.min(r, a === "code-block" || a === "code-block-prefix" ? 15 : 5));
@@ -4378,7 +4378,7 @@ const E1 = /* @__PURE__ */ C1(_1), v1 = {
       )
     ))
   );
-  return g.includes(a) ? w : _;
+  return f.includes(a) ? w : _;
 };
 (function(t) {
   var s = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", a = {
@@ -4654,10 +4654,10 @@ const Xs = ({
   loadingLineCount: i = 1,
   maxHeight: m,
   promptSymbol: v = "$",
-  renderAsLegacy: g = !1,
+  renderAsLegacy: f = !1,
   shouldWrap: $ = !1,
   className: p,
-  ...f
+  ...g
 }) => {
   const _ = "pds-code-block", C = `${_}--${s}`, u = $ ? `${_}__line-wrapped` : "", h = {};
   l && (h.height = `${l}rem`), m && (h.maxHeight = `${m}rem`);
@@ -4688,14 +4688,14 @@ const Xs = ({
       dangerouslySetInnerHTML: { __html: D }
     }
   )));
-  if (g) {
+  if (f) {
     const I = y(t);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
         className: H([_, C, p ?? ""]),
         style: h,
-        ...f
+        ...g
       },
       n ? L : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("pre", { className: `${_}__code`, tabIndex: 0 }, o || r ? o ? /* @__PURE__ */ e.createElement(e.Fragment, null, w(t)) : /* @__PURE__ */ e.createElement(e.Fragment, null, M(t)) : /* @__PURE__ */ e.createElement(
         "div",
@@ -4719,7 +4719,7 @@ const Xs = ({
     {
       className: H([_, C, p ?? ""]),
       style: h,
-      ...f
+      ...g
     },
     n ? L : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       it,
@@ -4902,10 +4902,10 @@ const Xs = ({
   className: m,
   ...v
 }) => {
-  let g = !1;
+  let f = !1;
   const $ = ge(be);
-  $ && (g = $.isMobile);
-  const p = "pds-horizontal-empty-state", f = `${p}--${t}`, _ = g ? `${p}--isMobile` : null, C = c ? `${p}--panel` : null, u = n ? `${p}--video` : null, h = {
+  $ && (f = $.isMobile);
+  const p = "pds-horizontal-empty-state", g = `${p}--${t}`, _ = f ? `${p}--isMobile` : null, C = c ? `${p}--panel` : null, u = n ? `${p}--video` : null, h = {
     width: d,
     marginLeft: i
   };
@@ -4916,7 +4916,7 @@ const Xs = ({
     {
       className: H([
         p,
-        f,
+        g,
         _,
         C,
         u,
@@ -4924,7 +4924,7 @@ const Xs = ({
       ]),
       ...v
     },
-    g && n && E,
+    f && n && E,
     /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
       je,
       {
@@ -4934,8 +4934,8 @@ const Xs = ({
       },
       o
     ), l && l, s && /* @__PURE__ */ e.createElement("div", { className: `${p}__cta` }, s)),
-    !g && a && !n && /* @__PURE__ */ e.createElement("div", { className: `${p}__media`, style: h }, typeof a == "string" ? /* @__PURE__ */ e.createElement("img", { className: `${p}__image`, src: a, alt: "" }) : a),
-    !g && n && E
+    !f && a && !n && /* @__PURE__ */ e.createElement("div", { className: `${p}__media`, style: h }, typeof a == "string" ? /* @__PURE__ */ e.createElement("img", { className: `${p}__image`, src: a, alt: "" }) : a),
+    !f && n && E
   );
 }, tn = ({
   ctaRegion: t,
@@ -5036,8 +5036,8 @@ const Xs = ({
   ...o
 }) => {
   const r = "pds-flow-steps", l = `${r}--${t}`, n = s === "horizontal" ? `${r}--horizontal` : "", d = a.map(({ header: i, content: m }, v) => {
-    const g = /* @__PURE__ */ e.createElement("div", { className: `${r}__number` }, /* @__PURE__ */ e.createElement("span", null, v + 1)), $ = /* @__PURE__ */ e.createElement("div", { className: `${r}__header` }, i), p = m ? /* @__PURE__ */ e.createElement("div", { className: `${r}__content` }, m) : null, f = `${r}__step`;
-    return /* @__PURE__ */ e.createElement("li", { key: v, className: f }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, g, /* @__PURE__ */ e.createElement("div", { className: `${r}__content-group` }, $, p)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${r}__header-group` }, g, $), p));
+    const f = /* @__PURE__ */ e.createElement("div", { className: `${r}__number` }, /* @__PURE__ */ e.createElement("span", null, v + 1)), $ = /* @__PURE__ */ e.createElement("div", { className: `${r}__header` }, i), p = m ? /* @__PURE__ */ e.createElement("div", { className: `${r}__content` }, m) : null, g = `${r}__step`;
+    return /* @__PURE__ */ e.createElement("li", { key: v, className: g }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, f, /* @__PURE__ */ e.createElement("div", { className: `${r}__content-group` }, $, p)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${r}__header-group` }, f, $), p));
   });
   return /* @__PURE__ */ e.createElement(
     "ol",
@@ -5099,14 +5099,14 @@ const Xs = ({
   className: o,
   ...r
 }) => {
-  const l = "pds-site-footer", n = a ? `${l}--border` : null, d = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", i = (/* @__PURE__ */ new Date()).getFullYear(), m = c.includes("privacy"), v = c.includes("dataSubjectRequest"), g = c.includes("cookiePolicy"), $ = c.includes("termsOfUse"), p = c.includes("acceptableUse"), f = c.includes("accessibilityStatement");
+  const l = "pds-site-footer", n = a ? `${l}--border` : null, d = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", i = (/* @__PURE__ */ new Date()).getFullYear(), m = c.includes("privacy"), v = c.includes("dataSubjectRequest"), f = c.includes("cookiePolicy"), $ = c.includes("termsOfUse"), p = c.includes("acceptableUse"), g = c.includes("accessibilityStatement");
   return /* @__PURE__ */ e.createElement(
     "footer",
     {
       className: H([l, n, o ?? ""]),
       ...r
     },
-    /* @__PURE__ */ e.createElement("div", { className: d }, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, s), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", i, " Pantheon Systems, Inc."), m && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), v && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), g && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), $ && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), p && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
+    /* @__PURE__ */ e.createElement("div", { className: d }, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, s), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", i, " Pantheon Systems, Inc."), m && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), v && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), f && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), $ && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), p && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
   );
 }, Y1 = Ze(
   ({
@@ -5122,10 +5122,10 @@ const Xs = ({
     name: i,
     nestingLevel: m = 0,
     onBlur: v,
-    onChange: g,
+    onChange: f,
     onFocus: $,
     required: p,
-    showLabel: f = !0,
+    showLabel: g = !0,
     size: _ = "M",
     validationMessage: C,
     validationStatus: u,
@@ -5136,7 +5136,7 @@ const Xs = ({
     const L = l ? { width: `${l / 16}rem` } : null, y = "pds-checkbox", w = a ? Q.disabled : null, M = u === "error" ? Q.error : null, k = m > 0 ? `${y}--indent-${m}` : null, z = p && !a ? Q.required : null, R = _ === "S" ? `${y}--sm` : null, I = u === "success" ? Q.success : null, S = C || d, D = typeof t < "u", B = typeof s < "u", [F, K] = Z(
       B ? s : !1
     ), X = t || F, U = (V) => {
-      D || K(V.target.checked), g && g(V);
+      D || K(V.target.checked), f && f(V);
     }, j = `${y}__box`, q = o ? null : X ? `${j}--checked` : null, T = o ? `${j}--indeterminate` : null, x = Bt(() => {
       if (o)
         return /* @__PURE__ */ e.createElement(
@@ -5207,7 +5207,7 @@ const Xs = ({
         {
           className: H([
             `${y}__label-text`,
-            f ? "" : "visually-hidden"
+            g ? "" : "visually-hidden"
           ])
         },
         n,
@@ -5239,25 +5239,25 @@ const Xs = ({
   tooltipText: i = null,
   validationMessage: m,
   validationStatus: v,
-  className: g,
+  className: f,
   ...$
 }) => {
-  const p = o ? { width: `${o / 16}rem` } : null, f = "pds-checkbox-group", _ = s ? Q.disabled : null, C = n && !s ? Q.required : null, u = v === "error" ? Q.error : null, h = v === "success" ? Q.success : null, E = m || l;
+  const p = o ? { width: `${o / 16}rem` } : null, g = "pds-checkbox-group", _ = s ? Q.disabled : null, C = n && !s ? Q.required : null, u = v === "error" ? Q.error : null, h = v === "success" ? Q.success : null, E = m || l;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       className: [
-        f,
+        g,
         _,
         C,
         u,
         h,
-        g ?? ""
+        f ?? ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: o ? p : null,
       ...$
     },
-    /* @__PURE__ */ e.createElement("fieldset", { className: `${f}__fieldset`, id: c, ...a }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("fieldset", { className: `${g}__fieldset`, id: c, ...a }, /* @__PURE__ */ e.createElement(
       Re,
       {
         disabled: s,
@@ -5268,7 +5268,7 @@ const Xs = ({
         showLabel: d,
         tooltipText: i
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, t)),
+    ), /* @__PURE__ */ e.createElement("div", { className: `${g}__options` }, t)),
     E && /* @__PURE__ */ e.createElement(
       Te,
       {
@@ -5293,12 +5293,12 @@ const Xs = ({
   required: i = !1,
   showLabel: m = !0,
   tooltipText: v = null,
-  validationMessage: g,
+  validationMessage: f,
   validationStatus: $,
   className: p,
-  ...f
+  ...g
 }) => {
-  const _ = c ? { width: `${c / 16}rem` } : null, C = "pds-checkbox-group", u = t ? Q.disabled : null, h = i && !t ? Q.required : null, E = $ === "error" ? Q.error : null, b = $ === "success" ? Q.success : null, N = g || r;
+  const _ = c ? { width: `${c / 16}rem` } : null, C = "pds-checkbox-group", u = t ? Q.disabled : null, h = i && !t ? Q.required : null, E = $ === "error" ? Q.error : null, b = $ === "success" ? Q.success : null, N = f || r;
   d.map((z) => {
     z.id || (z.id = z.value);
   });
@@ -5330,7 +5330,7 @@ const Xs = ({
         p ?? ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: c ? _ : null,
-      ...f
+      ...g
     },
     /* @__PURE__ */ e.createElement("fieldset", { className: `${C}__fieldset`, id: a, ...s }, /* @__PURE__ */ e.createElement(
       Re,
@@ -5363,7 +5363,7 @@ const Xs = ({
       {
         id: a,
         message: N,
-        hasValidationMessage: !!g,
+        hasValidationMessage: !!f,
         validationMessageHasDecorators: !0,
         validationStatus: $
       }
@@ -5388,10 +5388,10 @@ const Xs = ({
       triggerButton: "Toggle dropdown menu"
     },
     loadingText: v = "Loading results...",
-    message: g,
+    message: f,
     noResultsText: $ = "No results found",
     onChange: p,
-    onBlur: f,
+    onBlur: g,
     onClear: _,
     onFocus: C,
     onOptionSelect: u,
@@ -5409,7 +5409,7 @@ const Xs = ({
     const I = Ke(n), S = "pds-combobox", D = s ? Q.disabled : null, B = b && !s ? Q.required : null, F = M === "error" ? Q.error : null, K = M === "success" ? Q.success : null;
     let X = null;
     o && (X = "search"), M === "error" && (X = "error"), M === "success" && (X = "success");
-    const U = w || g, j = typeof y < "u", q = typeof t < "u", T = (W) => {
+    const U = w || f, j = typeof y < "u", q = typeof t < "u", T = (W) => {
       const te = h.find((ae) => ae.value === W);
       return te ? te.label : "";
     }, [x, V] = Z(!1), [A, G] = Z(null), [Y, le] = Z(
@@ -5447,7 +5447,7 @@ const Xs = ({
       let te = W.target.value;
       p && p(W), j || (te.length > 0 && (te = te.trimStart()), le(te)), te ? (G(null), V(!0)) : V(!1);
     }, _e = (W) => {
-      f && f(W);
+      g && g(W);
     }, Ne = (W) => {
       C && C(W);
     }, we = (W) => {
@@ -5643,12 +5643,12 @@ const Xs = ({
   onChange: i,
   options: m,
   placeholder: v = "Filter",
-  required: g = !1,
+  required: f = !1,
   showLabel: $ = !0,
   className: p,
-  ...f
+  ...g
 }) => {
-  const _ = Ke(c), C = "pds-combobox-multi", u = t ? Q.disabled : null, h = g && !t ? Q.required : null, [E, b] = Z(""), [N, L] = Z(a), [y, w] = Z(
+  const _ = Ke(c), C = "pds-combobox-multi", u = t ? Q.disabled : null, h = f && !t ? Q.required : null, [E, b] = Z(""), [N, L] = Z(a), [y, w] = Z(
     null
   ), M = _2(
     () => J1(m, N, E),
@@ -5745,7 +5745,7 @@ const Xs = ({
         p ?? ""
       ]),
       style: c ? _ : null,
-      ...f
+      ...g
     },
     /* @__PURE__ */ e.createElement(
       Re,
@@ -5753,7 +5753,7 @@ const Xs = ({
         id: s,
         label: r,
         showLabel: $,
-        required: g,
+        required: f,
         disabled: t
       }
     ),
@@ -5761,7 +5761,7 @@ const Xs = ({
       "div",
       {
         "aria-disabled": t ? !0 : null,
-        "aria-required": g ? !0 : null,
+        "aria-required": f ? !0 : null,
         className: `${C}__input-wrapper`,
         tabIndex: 0,
         onKeyDown: q
@@ -5860,10 +5860,10 @@ const Xs = ({
     multiple: i = !1,
     onClear: m,
     onFileChange: v,
-    required: g = !1,
+    required: f = !1,
     showFullPath: $,
     showLabel: p = !0,
-    tooltipText: f = null,
+    tooltipText: g = null,
     validationMessage: _,
     validationStatus: C,
     className: u,
@@ -5871,7 +5871,7 @@ const Xs = ({
   }, E) => {
     const [b, N] = Z(!1), [L, y] = Z(
       !!(Et && s)
-    ), w = Ke(l), M = "pds-file-upload", k = a ? Q.disabled : null, z = g && !a ? Q.required : null, R = C === "error" ? Q.error : null, I = C === "success" ? Q.success : null, S = L ? `${M}--safari-default` : null;
+    ), w = Ke(l), M = "pds-file-upload", k = a ? Q.disabled : null, z = f && !a ? Q.required : null, R = C === "error" ? Q.error : null, I = C === "success" ? Q.success : null, S = L ? `${M}--safari-default` : null;
     let D = null;
     C === "error" && (D = "error"), C === "success" && (D = "success");
     const B = _ || d, F = s ? [s] : null, K = s ? s.split("/").pop() : null, X = $ ? s : K, U = s ? new File(F, X) : null;
@@ -5926,8 +5926,8 @@ const Xs = ({
           isPseudoLabel: !0,
           label: c,
           showLabel: p,
-          tooltipText: f,
-          required: g,
+          tooltipText: g,
+          required: f,
           disabled: a
         }
       ),
@@ -5949,7 +5949,7 @@ const Xs = ({
           accept: t || null,
           disabled: a,
           multiple: i,
-          required: g,
+          required: f,
           onChange: q,
           "aria-invalid": C === "error" ? !0 : null,
           "aria-describedby": B ? `${o}__message` : null,
@@ -6013,15 +6013,15 @@ const Xs = ({
   onValueChange: i,
   options: m,
   required: v = !1,
-  showLabel: g = !0,
+  showLabel: f = !0,
   tooltipText: $ = null,
   validationMessage: p,
-  validationStatus: f,
+  validationStatus: g,
   value: _,
   className: C,
   ...u
 }) => {
-  const h = "pds-radio-group", E = s ? Q.disabled : null, b = v && !s ? Q.required : null, N = f === "error" ? Q.error : null, L = f === "success" ? Q.success : null, y = typeof _ < "u", w = typeof t < "u", [M, k] = Z(
+  const h = "pds-radio-group", E = s ? Q.disabled : null, b = v && !s ? Q.required : null, N = g === "error" ? Q.error : null, L = g === "success" ? Q.success : null, y = typeof _ < "u", w = typeof t < "u", [M, k] = Z(
     w ? t : ""
   ), z = p || l, R = (S) => {
     y || k(S.target.value), d && d(S), i && i(S.target.value);
@@ -6050,7 +6050,7 @@ const Xs = ({
         id: c,
         isLegend: !0,
         required: v,
-        showLabel: g,
+        showLabel: f,
         tooltipText: $
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, m.map((S, D) => /* @__PURE__ */ e.createElement(
@@ -6082,7 +6082,7 @@ const Xs = ({
         message: z,
         hasValidationMessage: !!p,
         validationMessageHasDecorators: !0,
-        validationStatus: f
+        validationStatus: g
       }
     )
   );
@@ -6124,13 +6124,13 @@ const Xs = ({
     offLabel: i = "Off",
     onChange: m,
     onLabel: v = "On",
-    required: g = !1,
+    required: f = !1,
     showLabel: $ = !0,
     showStatusLabel: p = !0,
-    className: f,
+    className: g,
     ..._
   }, C) => {
-    const u = Ke(r), h = "pds-switch", E = a ? Q.disabled : null, b = g && !a ? Q.required : null, N = typeof t < "u", L = n == "below", y = n == "right", w = !N && s ? s : !1, [M, k] = Z(w), z = t || M ? v : i, R = (K) => {
+    const u = Ke(r), h = "pds-switch", E = a ? Q.disabled : null, b = f && !a ? Q.required : null, N = typeof t < "u", L = n == "below", y = n == "right", w = !N && s ? s : !1, [M, k] = Z(w), z = t || M ? v : i, R = (K) => {
       N || k(K.target.checked), m && m(K);
     }, I = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -6143,7 +6143,7 @@ const Xs = ({
         className: "visually-hidden",
         onChange: R,
         disabled: a,
-        required: g,
+        required: f,
         checked: t !== void 0 ? t : M,
         "aria-describedby": d ? `${c}__message` : null,
         ...o
@@ -6154,7 +6154,7 @@ const Xs = ({
         id: c,
         label: l,
         showLabel: $,
-        required: g,
+        required: f,
         disabled: a,
         className: H([
           "pds-input-label--disable-click",
@@ -6191,7 +6191,7 @@ const Xs = ({
           E,
           b,
           F,
-          f
+          g
         ]),
         style: r ? u : null,
         ..._
@@ -6213,10 +6213,10 @@ const Xs = ({
     onChange: i,
     onFocus: m,
     placeholder: v,
-    readonly: g = !1,
+    readonly: f = !1,
     required: $ = !1,
     rows: p = 5,
-    showLabel: f,
+    showLabel: g,
     textareaProps: _,
     tooltipText: C = null,
     translationStrings: u = {
@@ -6233,7 +6233,7 @@ const Xs = ({
     className: N,
     ...L
   }, y) => {
-    const w = Ke(o), M = "pds-textarea", k = r ? "pds-is-resizable" : null, z = a ? Q.disabled : null, R = $ && !a ? Q.required : null, I = E === "error" ? Q.error : null, S = E === "success" ? Q.success : null, D = g ? Q.readonly : null, B = h || n, F = b != null && i !== void 0, K = typeof s < "u", [X, U] = Z(
+    const w = Ke(o), M = "pds-textarea", k = r ? "pds-is-resizable" : null, z = a ? Q.disabled : null, R = $ && !a ? Q.required : null, I = E === "error" ? Q.error : null, S = E === "success" ? Q.success : null, D = f ? Q.readonly : null, B = h || n, F = b != null && i !== void 0, K = typeof s < "u", [X, U] = Z(
       K ? s : ""
     ), j = b || X, q = (x) => {
       F || U(x.target.value), i && i(x);
@@ -6261,7 +6261,7 @@ const Xs = ({
         {
           id: c,
           label: l,
-          showLabel: f,
+          showLabel: g,
           tooltipText: C,
           required: $,
           disabled: a,
@@ -6285,7 +6285,7 @@ const Xs = ({
           name: c,
           placeholder: v,
           required: $,
-          readOnly: g,
+          readOnly: f,
           disabled: a,
           value: F ? b : X,
           rows: p,
@@ -6323,10 +6323,10 @@ const Xs = ({
     inputWidth: i,
     label: m,
     message: v,
-    onBlur: g,
+    onBlur: f,
     onChange: $,
     onClear: p,
-    onFocus: f,
+    onFocus: g,
     placeholder: _,
     readonly: C = !1,
     required: u = !1,
@@ -6363,8 +6363,8 @@ const Xs = ({
             value: Ee
           }
         };
-        g && g(Me);
-      } else g && g(re);
+        f && f(Me);
+      } else f && f(re);
     }, ce = (re) => {
       if (l && y === "url") {
         const Ee = s2(re.target.value), Me = {
@@ -6439,7 +6439,7 @@ const Xs = ({
             autoComplete: y === "password" ? "off" : t,
             onBlur: le,
             onChange: ce,
-            onFocus: f,
+            onFocus: g,
             "aria-invalid": M === "error" ? !0 : null,
             "aria-describedby": T ? `${n}__message` : null,
             ...d
@@ -6545,7 +6545,7 @@ const Xs = ({
   className: m,
   ...v
 }) => {
-  const g = Se(s), $ = g.__unslotted, p = g.footer, f = "pds-modal", _ = d !== "md" ? `${f}--${d}` : null, C = c ? {
+  const f = Se(s), $ = f.__unslotted, p = f.footer, g = "pds-modal", _ = d !== "md" ? `${g}--${d}` : null, C = c ? {
     maxHeight: c,
     paddingInlineEnd: "1rem",
     marginInlineEnd: "-1rem",
@@ -6597,7 +6597,7 @@ const Xs = ({
         ref: E.setFloating,
         "aria-label": t || i,
         ...M(),
-        className: H([f, _, m]),
+        className: H([g, _, m]),
         style: {
           ...N,
           ...z,
@@ -6606,7 +6606,7 @@ const Xs = ({
         },
         ...v
       },
-      r && /* @__PURE__ */ e.createElement("div", { className: `${f}__close-wrapper` }, /* @__PURE__ */ e.createElement(
+      r && /* @__PURE__ */ e.createElement("div", { className: `${g}__close-wrapper` }, /* @__PURE__ */ e.createElement(
         H2,
         {
           ariaLabel: a,
@@ -6614,9 +6614,9 @@ const Xs = ({
           iconSize: "xl"
         }
       )),
-      /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, i),
-      /* @__PURE__ */ e.createElement("div", { className: `${f}__content`, style: C }, $),
-      p && /* @__PURE__ */ e.createElement("div", { className: `${f}__footer` }, p)
+      /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, i),
+      /* @__PURE__ */ e.createElement("div", { className: `${g}__content`, style: C }, $),
+      p && /* @__PURE__ */ e.createElement("div", { className: `${g}__footer` }, p)
     ))
   ));
 }, Cn = ({
@@ -6728,7 +6728,7 @@ const Xs = ({
   l && (r = l.isMobile);
   const n = ne(null), d = "pds-button-nav", i = r ? `${d}--isMobile` : null, m = a !== "md" ? `${d}--${a}` : null;
   se(() => {
-    const f = (_) => {
+    const g = (_) => {
       if (r) return;
       const C = n.current;
       if (!C) return;
@@ -6749,36 +6749,36 @@ const Xs = ({
         }
       }
     };
-    return document.addEventListener("keydown", f), () => {
-      document.removeEventListener("keydown", f);
+    return document.addEventListener("keydown", g), () => {
+      document.removeEventListener("keydown", g);
     };
   }, [r]);
-  const v = ({ isActive: f, linkContent: _ }) => {
+  const v = ({ isActive: g, linkContent: _ }) => {
     const C = `${d}__item`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
         className: H([
           C,
-          f ? `${C}--active` : null
+          g ? `${C}--active` : null
         ])
       },
       _
     );
-  }, g = s.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu` }, s.map((f, _) => /* @__PURE__ */ e.createElement(
+  }, f = s.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu` }, s.map((g, _) => /* @__PURE__ */ e.createElement(
     v,
     {
       key: _,
-      linkContent: f.linkContent,
-      isActive: ve(f)
+      linkContent: g.linkContent,
+      isActive: ve(g)
     }
   ))) : null, $ = [];
-  s.map((f) => {
-    f.linkContent && (ve(f) ? $.unshift({
-      linkContent: f.linkContent,
+  s.map((g) => {
+    g.linkContent && (ve(g) ? $.unshift({
+      linkContent: g.linkContent,
       isLink: !0
     }) : $.push({
-      linkContent: f.linkContent,
+      linkContent: g.linkContent,
       isLink: !0
     }));
   });
@@ -6804,7 +6804,7 @@ const Xs = ({
       ]),
       ...o
     },
-    r ? p : g
+    r ? p : f
   );
 }, as = ({
   destination: t = "main",
@@ -6834,25 +6834,25 @@ const Xs = ({
   className: m,
   ...v
 }) => {
-  const { isMobile: g, windowWidth: $ } = ge(be), [p, f] = Z(() => d !== void 0 ? d : $ > 1440), _ = ne(null), [C] = Ht(_), u = C.width;
+  const { isMobile: f, windowWidth: $ } = ge(be), [p, g] = Z(() => d !== void 0 ? d : $ > 1440), _ = ne(null), [C] = Ht(_), u = C.width;
   se(() => {
-    d !== void 0 && f(d);
+    d !== void 0 && g(d);
   }, [d]), se(() => {
     i(p);
   }, [p, i]);
   const h = {
-    isSidebarExpanded: g ? !0 : p,
+    isSidebarExpanded: f ? !0 : p,
     logoLinkContent: c,
     navbarWidth: u,
     isAdmin: a
-  }, E = "pds-dashboard-global", b = a ? `${E}--isAdmin` : null, N = g ? `${E}--isMobile` : `${E}--notMobile`, L = g ? null : p ? `${E}--sidebarExpanded` : `${E}--sidebarCollapsed`, y = p ? `${r}rem` : `${o}rem`, w = {
+  }, E = "pds-dashboard-global", b = a ? `${E}--isAdmin` : null, N = f ? `${E}--isMobile` : `${E}--notMobile`, L = f ? null : p ? `${E}--sidebarExpanded` : `${E}--sidebarCollapsed`, y = p ? `${r}rem` : `${o}rem`, w = {
     width: y,
     transition: "width 200ms ease-in-out"
-  }, M = g ? {} : {
+  }, M = f ? {} : {
     width: `calc(100% - ${y})`,
     transition: "width 200ms ease-in-out"
   }, k = () => {
-    f(!p);
+    g(!p);
   }, z = Se(t), R = z.header, I = z.sidebar, S = z.main, D = z.footer, B = /* @__PURE__ */ e.createElement(e.Fragment, null, R, /* @__PURE__ */ e.createElement("aside", { className: `${E}__sidebar` }, I), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${E}__main` }, S), D && /* @__PURE__ */ e.createElement("footer", { className: `${E}__footer` }, D)), F = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${E}__sidebar`, style: w }, s && /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -6885,7 +6885,7 @@ const Xs = ({
       ]),
       ...v
     },
-    g ? B : F
+    f ? B : F
   ));
 }, We = "ease-out", m2 = 0, ls = ({
   icon: t,
@@ -6916,16 +6916,16 @@ const Xs = ({
       },
       k.linkContent
     ))
-  ), [v, g] = Z(!1), { refs: $, floatingStyles: p, context: f } = ke({
+  ), [v, f] = Z(!1), { refs: $, floatingStyles: p, context: g } = ke({
     placement: "right-start",
     open: v,
-    onOpenChange: g,
+    onOpenChange: f,
     middleware: [nt(12), at(), Ct()],
     whileElementsMounted: Ae
-  }), _ = ht(f, {
+  }), _ = ht(g, {
     move: !1,
     handleClose: qt()
-  }), C = Wt(f), u = ze(f), h = xe(f, { role: "menu" }), { getReferenceProps: E, getFloatingProps: b } = Ve([
+  }), C = Wt(g), u = ze(g), h = xe(g, { role: "menu" }), { getReferenceProps: E, getFloatingProps: b } = Ve([
     _,
     C,
     u,
@@ -7046,7 +7046,7 @@ const Xs = ({
   className: c,
   ...o
 }) => {
-  const r = "pds-dropdown-menu", [l, n] = Z(!1), [d, i] = Z(null), m = Qt(s), v = m ? m.props.children : a, g = /* @__PURE__ */ e.createElement(
+  const r = "pds-dropdown-menu", [l, n] = Z(!1), [d, i] = Z(null), m = Qt(s), v = m ? m.props.children : a, f = /* @__PURE__ */ e.createElement(
     O,
     {
       iconName: "check",
@@ -7066,7 +7066,7 @@ const Xs = ({
       };
     }
   }, [l]);
-  const f = ({
+  const g = ({
     item: I,
     level: S
   }) => {
@@ -7087,19 +7087,19 @@ const Xs = ({
   }, _ = (I) => {
     const S = [];
     return I.forEach((D) => {
-      D.links ? (S.push(f({ item: D, level: "top-level" })), D.links.forEach((B) => {
-        B.links ? (S.push(f({ item: B, level: "second-level" })), B.links.forEach((F) => {
+      D.links ? (S.push(g({ item: D, level: "top-level" })), D.links.forEach((B) => {
+        B.links ? (S.push(g({ item: B, level: "second-level" })), B.links.forEach((F) => {
           F.links && (S.push(
-            f({ item: F, level: "third-level" })
+            g({ item: F, level: "third-level" })
           ), F.links.forEach((K) => {
             S.push(
-              f({ item: K, level: "fourth-level" })
+              g({ item: K, level: "fourth-level" })
             );
           })), S.push(
-            f({ item: F, level: "third-level" })
+            g({ item: F, level: "third-level" })
           );
-        })) : S.push(f({ item: B, level: "second-level" }));
-      })) : S.push(f({ item: D, level: "top-level" }));
+        })) : S.push(g({ item: B, level: "second-level" }));
+      })) : S.push(g({ item: D, level: "top-level" }));
     }), S;
   }, { refs: C, context: u } = ke({
     placement: "bottom-start",
@@ -7182,7 +7182,7 @@ const Xs = ({
         ...k()
       },
       I.linkContent,
-      I.isActive === !0 && g
+      I.isActive === !0 && f
     ))
   ));
 }, cs = /* @__PURE__ */ e.createElement(
@@ -7499,7 +7499,7 @@ const Xs = ({
     case "sub-brand-small":
       i = Dt;
   }
-  const m = fe(a) && typeof a.props.children == "string" ? a.props.children : "", v = fe(a) ? a.type : null, g = fe(a) && v ? /* @__PURE__ */ e.createElement(
+  const m = fe(a) && typeof a.props.children == "string" ? a.props.children : "", v = fe(a) ? a.type : null, f = fe(a) && v ? /* @__PURE__ */ e.createElement(
     v,
     {
       ...Object.assign({}, a.props, {
@@ -7519,7 +7519,7 @@ const Xs = ({
       ]),
       ...r
     },
-    a ? g : i,
+    a ? f : i,
     c && /* @__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" }, c))
   );
 }, vn = ({
@@ -7539,7 +7539,7 @@ const Xs = ({
   const d = ge(kt);
   let i = !0, m = null;
   d && (i = d.isSidebarExpanded, m = d.logoLinkContent);
-  const v = "pds-dashboard-nav", g = i ? `${v}--expanded` : `${v}--collapsed`, $ = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu ${v}__menu--top-level` }, a.map((_, C) => /* @__PURE__ */ e.createElement(
+  const v = "pds-dashboard-nav", f = i ? `${v}--expanded` : `${v}--collapsed`, $ = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu ${v}__menu--top-level` }, a.map((_, C) => /* @__PURE__ */ e.createElement(
     ls,
     {
       key: C,
@@ -7558,7 +7558,7 @@ const Xs = ({
       _.links,
       _.icon
     )
-  })), f = /* @__PURE__ */ e.createElement(
+  })), g = /* @__PURE__ */ e.createElement(
     zt,
     {
       menuItems: p,
@@ -7569,7 +7569,7 @@ const Xs = ({
     "nav",
     {
       "aria-label": t,
-      className: H([v, g, o]),
+      className: H([v, f, o]),
       ...r
     },
     !l && /* @__PURE__ */ e.createElement(
@@ -7580,7 +7580,7 @@ const Xs = ({
         linkContent: m
       }
     ),
-    l ? f : $
+    l ? g : $
   );
 }, os = {
   sandbox: "Sandbox",
@@ -7670,10 +7670,10 @@ const Xs = ({
   placeholder: i = "Search sites",
   siteList: m,
   horizontalOffset: v = 0,
-  className: g,
+  className: f,
   ...$
 }) => {
-  const [p, f] = Z(!1), [_, C] = Z(null), u = ne(null);
+  const [p, g] = Z(!1), [_, C] = Z(null), u = ne(null);
   let h = !1;
   const E = ge(be);
   E && (h = E.isMobile);
@@ -7687,22 +7687,22 @@ const Xs = ({
     right: `${M + v}rem`,
     width: `${z}rem`
   }, I = "pds-dashboard-search", S = h ? `${I}--isMobile` : null, D = () => {
-    f(!0), setTimeout(() => {
+    g(!0), setTimeout(() => {
       u.current.querySelector("input").focus();
     }, 500);
   }, B = () => {
     setTimeout(() => {
-      f(!1);
+      g(!1);
     }, 150);
   }, F = (q) => {
     C(q.value), d && d(q);
   };
   se(() => {
     const q = (x) => {
-      u.current && !u.current.contains(x.target) && f(!1);
+      u.current && !u.current.contains(x.target) && g(!1);
     }, T = (x) => {
       const V = u.current?.querySelector("input");
-      x.key === "Tab" && p && V === document.activeElement && f(!1);
+      x.key === "Tab" && p && V === document.activeElement && g(!1);
     };
     if (p)
       return document.addEventListener("mousedown", q), document.addEventListener("keydown", T), () => {
@@ -7768,7 +7768,7 @@ const Xs = ({
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: H([I, S, g ?? ""]),
+      className: H([I, S, f ?? ""]),
       id: s,
       style: h ? null : R,
       onKeyDown: h ? null : (q) => {
@@ -7810,10 +7810,10 @@ const Xs = ({
   className: m,
   ...v
 }) => {
-  const [g, $] = Z(!1);
+  const [f, $] = Z(!1);
   let p = !1;
-  const f = ge(be);
-  f && (p = f.isMobile);
+  const g = ge(be);
+  g && (p = g.isMobile);
   const _ = ge(kt);
   _ && (l = _.logoLinkContent);
   const C = "pds-navbar", u = c ? `${C}--noBorder` : "", h = s !== "default" ? `${C}--${s}` : "", E = p ? `${C}--isMobile` : `${C}--notMobile`, b = (U) => {
@@ -7830,32 +7830,32 @@ const Xs = ({
   se(() => (window.addEventListener("keyup", b), () => {
     window.removeEventListener("keyup", b);
   }), []);
-  const N = () => $(!g), L = Z2();
+  const N = () => $(!f), L = Z2();
   se(() => {
     if (p && t) {
       const U = N2(
         document.querySelector(".pds-navbar__mobile")
       ), j = ["a", "button", "input", "select", "textarea"];
-      U && (g ? U.forEach((q) => {
+      U && (f ? U.forEach((q) => {
         j.includes(q.nodeName.toLowerCase()) && (q.tabIndex = 0);
       }) : U.forEach((q) => {
         j.includes(q.nodeName.toLowerCase()) && (q.tabIndex = -1);
       }));
     }
-  }, [g]);
+  }, [f]);
   const y = (U) => {
     U.target.nodeName === "A" && $(!1);
   };
   se(() => {
-    if (g) {
+    if (f) {
       const U = document.querySelector(".pds-navbar__bar-mobile"), j = document.querySelector(".pds-navbar__mobile");
       return U.addEventListener("click", y), j.addEventListener("click", y), () => {
         U.removeEventListener("click", y), j.removeEventListener("click", y);
       };
     }
-  }, [g]), se(() => {
-    g ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
-  }, [g]);
+  }, [f]), se(() => {
+    f ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
+  }, [f]);
   const w = Se(t), M = w["items-left"], k = w["items-right"];
   let z = "default";
   (s === "reverse" || s === "reverse-transparent") && (z = "reverse");
@@ -7877,18 +7877,18 @@ const Xs = ({
     "button",
     {
       className: `${C}__menu-toggle`,
-      "aria-label": g ? i.closeMobileNav : i.openMobileNav,
+      "aria-label": f ? i.closeMobileNav : i.openMobileNav,
       onClick: N,
       type: "button"
     },
-    /* @__PURE__ */ e.createElement(O, { iconName: g ? "xmark" : "bars", iconSize: "lg" })
+    /* @__PURE__ */ e.createElement(O, { iconName: f ? "xmark" : "bars", iconSize: "lg" })
   ), B = e.Children.toArray(t).sort((U, j) => {
     const q = fe(U) && parseInt(U.props["data-mobile-order"], 10) || 1 / 0, T = fe(j) && parseInt(j.props["data-mobile-order"], 10) || 1 / 0;
     return q - T;
   }), F = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: g ? `${C}__mobile ${C}__mobile--open` : `${C}__mobile ${C}__mobile--closed`,
+      className: f ? `${C}__mobile ${C}__mobile--open` : `${C}__mobile ${C}__mobile--closed`,
       ref: L
     },
     /* @__PURE__ */ e.createElement(dt, null, B)
@@ -7932,11 +7932,11 @@ const Xs = ({
     open: c,
     onOpenChange: o,
     whileElementsMounted: Ae
-  }), g = qe(v, { event: "mousedown" }), $ = ze(v), p = xe(v, { role: "menu" });
-  let f;
-  d ? f = ht(v, {
+  }), f = qe(v, { event: "mousedown" }), $ = ze(v), p = xe(v, { role: "menu" });
+  let g;
+  d ? g = ht(v, {
     enabled: !1
-  }) : f = ht(v, {
+  }) : g = ht(v, {
     handleClose: qt({
       requireIntent: !1,
       buffer: 10,
@@ -7947,8 +7947,8 @@ const Xs = ({
   const { getReferenceProps: _, getFloatingProps: C } = Ve([
     $,
     p,
-    g,
-    f
+    f,
+    g
   ]), u = (h) => !!(h.isActive || h.linkContent && h.linkContent.props.className && h.linkContent.props.className.includes("pds-isActive"));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
@@ -7985,7 +7985,7 @@ const Xs = ({
   className: o,
   ...r
 }) => {
-  const [l, n] = Z(1025), [d, i] = Z(null), [m, v] = Z(-1), [g, $] = Z(null), [p, f] = Z({
+  const [l, n] = Z(1025), [d, i] = Z(null), [m, v] = Z(-1), [f, $] = Z(null), [p, g] = Z({
     container: null,
     containerChildren: []
   });
@@ -7998,9 +7998,9 @@ const Xs = ({
   se(() => {
     p.containerChildren[d] && (p.containerChildren[d].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && g == "down" ? i(d + 1) : p.containerChildren[d].classList.contains(
+    ) && f == "down" ? i(d + 1) : p.containerChildren[d].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && g == "up" ? i(d - 1) : p.containerChildren[d].children[0].focus());
+    ) && f == "up" ? i(d - 1) : p.containerChildren[d].children[0].focus());
   }, [d]), se(() => {
     m != -1 && (b.current[m].children[0].blur(), b.current[m].children[0].focus({
       focusVisible: !0
@@ -8017,7 +8017,7 @@ const Xs = ({
       ArrowDown: () => {
         $("down");
         const B = w.target.parentNode.children[1], F = w.target?.parentNode.children[1]?.children || w.target?.parentNode.parentNode.children[1]?.children;
-        p.container != B && B != null && f({
+        p.container != B && B != null && g({
           container: B,
           containerChildren: [...F]
         }), d === null || d == p.containerChildren.length - 1 ? i(0) : i(parseInt(d) + 1);
@@ -8098,18 +8098,18 @@ const Xs = ({
   ...l
 }) => {
   const n = "pds-side-nav", d = `${n}__item`, i = `${n}__menu`, m = (p) => {
-    const f = p.currentTarget;
+    const g = p.currentTarget;
     let _ = null;
-    const C = f.parentElement;
-    if (C?.classList.contains(`${d}-wrapper`) ? _ = C.nextElementSibling : _ = f.nextElementSibling, !_) return;
-    const u = f.getAttribute("aria-expanded") === "false";
-    f.classList.toggle(`${n}__toggle--expanded`, u), f.setAttribute("aria-expanded", u ? "true" : "false"), _.classList.toggle(`${i}--expanded`, u);
-  }, v = (p, f) => {
+    const C = g.parentElement;
+    if (C?.classList.contains(`${d}-wrapper`) ? _ = C.nextElementSibling : _ = g.nextElementSibling, !_) return;
+    const u = g.getAttribute("aria-expanded") === "false";
+    g.classList.toggle(`${n}__toggle--expanded`, u), g.setAttribute("aria-expanded", u ? "true" : "false"), _.classList.toggle(`${i}--expanded`, u);
+  }, v = (p, g) => {
     const { linkContent: _, links: C } = p, u = ve(p), h = ns(_), E = u;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: f,
+        key: g,
         className: H([
           d,
           `${d}--top-level`,
@@ -8212,7 +8212,7 @@ const Xs = ({
         _
       )
     );
-  }, g = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${n}__heading pds-ts-l` }, s), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${n}__menu ${n}__menu--top-level` }, c.map((p, f) => v(p, f)))), $ = /* @__PURE__ */ e.createElement(
+  }, f = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${n}__heading pds-ts-l` }, s), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${n}__menu ${n}__menu--top-level` }, c.map((p, g) => v(p, g)))), $ = /* @__PURE__ */ e.createElement(
     zt,
     {
       headingText: s,
@@ -8228,7 +8228,7 @@ const Xs = ({
       className: H([n, r ?? ""]),
       ...l
     },
-    g,
+    f,
     $
   );
 }, vt = 0, Ln = ({
@@ -8245,12 +8245,12 @@ const Xs = ({
   className: n,
   ...d
 }) => {
-  const i = "pds-side-nav-compact", m = `${i}__item`, v = `${i}__menu`, [g, $] = Z(1025), [p, f] = Z(!1), [_, C] = Z([]), u = ne(null), h = ne(null), E = ne([]), b = ne(-1);
+  const i = "pds-side-nav-compact", m = `${i}__item`, v = `${i}__menu`, [f, $] = Z(1025), [p, g] = Z(!1), [_, C] = Z([]), u = ne(null), h = ne(null), E = ne([]), b = ne(-1);
   se(() => ($(window.innerWidth), window.addEventListener("resize", N), () => {
     window.removeEventListener("resize", N);
   }), []), se(() => {
     (!L || !s) && y();
-  }, [g, o, _]), se(() => {
+  }, [f, o, _]), se(() => {
     if (u.current) {
       const T = u.current.querySelector(
         ".pds-side-nav-compact__heading a"
@@ -8272,7 +8272,7 @@ const Xs = ({
   }, [o]);
   const N = () => {
     $(window.innerWidth);
-  }, L = g <= r, y = () => {
+  }, L = f <= r, y = () => {
     if (!u.current) return;
     const T = Array.from(
       u.current.querySelectorAll(
@@ -8372,7 +8372,7 @@ const Xs = ({
     V < 0 && (V = x.length - 1), V >= x.length && (V = 0), b.current = V, x[V]?.focus();
   }, I = (T) => {
     if (T.key === "Tab" && p && !T.shiftKey) {
-      T.preventDefault(), f(!1), b.current = -1;
+      T.preventDefault(), g(!1), b.current = -1;
       const x = Array.from(
         document.querySelectorAll(
           'a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -8382,13 +8382,13 @@ const Xs = ({
     }
   }, S = (T) => {
     if (T.target === u.current && !p)
-      T.preventDefault(), f(!0), y(), E.current.length > 0 && (b.current = 0, E.current[0]?.focus());
+      T.preventDefault(), g(!0), y(), E.current.length > 0 && (b.current = 0, E.current[0]?.focus());
     else if (T.target !== u.current && !p) {
       y();
       const x = E.current.indexOf(
         T.target
       );
-      x !== -1 && (f(!0), b.current = x);
+      x !== -1 && (g(!0), b.current = x);
     }
   }, D = (T) => {
     const x = T.currentTarget, V = x.parentElement?.nextElementSibling;
@@ -8580,16 +8580,16 @@ const Xs = ({
       },
       w.linkContent
     ))
-  ), [v, g] = Z(!1), { refs: $, floatingStyles: p, context: f } = ke({
+  ), [v, f] = Z(!1), { refs: $, floatingStyles: p, context: g } = ke({
     placement: "right-start",
     open: v,
-    onOpenChange: g,
+    onOpenChange: f,
     middleware: [nt(8), at(), Ct()],
     whileElementsMounted: Ae
-  }), _ = ht(f, {
+  }), _ = ht(g, {
     move: !1,
     handleClose: qt()
-  }), C = Wt(f), u = ze(f), h = xe(f, { role: "menu" }), { getReferenceProps: E, getFloatingProps: b } = Ve([
+  }), C = Wt(g), u = ze(g), h = xe(g, { role: "menu" }), { getReferenceProps: E, getFloatingProps: b } = Ve([
     _,
     C,
     u,
@@ -8675,10 +8675,10 @@ const Xs = ({
       displayType: a ? "icon" : "full",
       linkContent: o
     }
-  )), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${i}__menu ${i}__menu--top-level` }, r.map((p, f) => /* @__PURE__ */ e.createElement(
+  )), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${i}__menu ${i}__menu--top-level` }, r.map((p, g) => /* @__PURE__ */ e.createElement(
     ds,
     {
-      key: f,
+      key: g,
       icon: p.icon,
       isActive: ve(p),
       isSidebarCollapsed: a,
@@ -8686,7 +8686,7 @@ const Xs = ({
       linkContent: p.linkContent,
       links: p.links
     }
-  )))), g = r.map((p) => ({
+  )))), f = r.map((p) => ({
     ...p,
     linkContent: st(
       i,
@@ -8697,7 +8697,7 @@ const Xs = ({
   })), $ = /* @__PURE__ */ e.createElement(
     zt,
     {
-      menuItems: g,
+      menuItems: f,
       selectTextFallback: l,
       className: `${i}__dropdown-menu`
     }
@@ -8720,7 +8720,7 @@ const Xs = ({
   minFilterItems: o = 5,
   noResultsText: r = "No results found"
 }) => {
-  const [l, n] = Z(!1), [d, i] = Z(null), [m, v] = Z(c), [g, $] = Z(""), p = c.length >= o, f = "pds-tab-menu", _ = `${f}__dropdown-menu`, C = p ? `${_}--scroll` : null, u = `${f}__dropdown-item`, h = ne([]), { context: E, refs: b } = ke({
+  const [l, n] = Z(!1), [d, i] = Z(null), [m, v] = Z(c), [f, $] = Z(""), p = c.length >= o, g = "pds-tab-menu", _ = `${g}__dropdown-menu`, C = p ? `${_}--scroll` : null, u = `${g}__dropdown-item`, h = ne([]), { context: E, refs: b } = ke({
     open: l,
     onOpenChange: n,
     whileElementsMounted: Ae
@@ -8758,7 +8758,7 @@ const Xs = ({
     v(A);
   };
   se(() => {
-    const x = c.filter((V) => D(V, g));
+    const x = c.filter((V) => D(V, f));
     v(x);
   }, [c]);
   const F = () => {
@@ -8770,7 +8770,7 @@ const Xs = ({
     width: `${Le(
       K.linkContent
     ).length + 2}ch`
-  }, j = /* @__PURE__ */ e.createElement(O, { iconName: "check", className: `${f}__active-icon` }), q = p && /* @__PURE__ */ e.createElement("div", { className: `${f}__filter` }, /* @__PURE__ */ e.createElement(
+  }, j = /* @__PURE__ */ e.createElement(O, { iconName: "check", className: `${g}__active-icon` }), q = p && /* @__PURE__ */ e.createElement("div", { className: `${g}__filter` }, /* @__PURE__ */ e.createElement(
     I2,
     {
       hasClearButton: !0,
@@ -8804,7 +8804,7 @@ const Xs = ({
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${f}__dropdown-trigger`,
+      className: `${g}__dropdown-trigger`,
       ref: b.setReference,
       ...M({
         "aria-expanded": l,
@@ -8816,14 +8816,14 @@ const Xs = ({
       O,
       {
         iconName: "angleDown",
-        className: `${f}__dropdown-trigger-icon`
+        className: `${g}__dropdown-trigger-icon`
       }
     )
   ), R && /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: b.setFloating,
-      className: `${f}__dropdown`,
+      className: `${g}__dropdown`,
       ...k({
         style: {
           zIndex: "var(--pds-z-index-dropdown)",
@@ -8831,7 +8831,7 @@ const Xs = ({
         }
       })
     },
-    /* @__PURE__ */ e.createElement("div", { style: { ...I } }, q, /* @__PURE__ */ e.createElement("ul", { className: H([_, C]) }, T.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${f}__no-results` }, r) : T))
+    /* @__PURE__ */ e.createElement("div", { style: { ...I } }, q, /* @__PURE__ */ e.createElement("ul", { className: H([_, C]) }, T.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${g}__no-results` }, r) : T))
   ));
 }, Mn = ({
   ariaLabel: t,
@@ -8845,10 +8845,10 @@ const Xs = ({
   const l = "pds-tab-menu", n = o ? `${l}--isMobile` : null, d = ({
     dropdownSettings: m,
     icon: v,
-    isActive: g,
+    isActive: f,
     linkContent: $,
     links: p,
-    promoteActiveChildLink: f = !1
+    promoteActiveChildLink: g = !1
   }) => {
     const _ = `${l}__item`, C = Qt(p), u = (h, E) => {
       let b = null;
@@ -8873,10 +8873,10 @@ const Xs = ({
       {
         className: H([
           _,
-          g ? `${_}--active` : null
+          f ? `${_}--active` : null
         ])
       },
-      u(f ? C : $, v),
+      u(g ? C : $, v),
       p && /* @__PURE__ */ e.createElement(
         us,
         {
@@ -8920,10 +8920,10 @@ const Xs = ({
   className: l,
   ...n
 }) => {
-  const [d, i] = Z(null), [m, v] = Z(!1), g = ne([]), $ = ne([]);
+  const [d, i] = Z(null), [m, v] = Z(!1), f = ne([]), $ = ne([]);
   let p = !1;
-  const f = ge(be);
-  f && (p = f.isMobile);
+  const g = ge(be);
+  g && (p = g.isMobile);
   const _ = r && p, C = "pds-user-menu", u = _ ? `${C}--isMobile` : null, h = `${C}__menu`, { refs: E, floatingStyles: b, context: N } = ke({
     placement: "bottom-end",
     open: m,
@@ -8966,17 +8966,17 @@ const Xs = ({
   ), F = /* @__PURE__ */ e.createElement(O, { iconName: "angleDown", className: `${C}__trigger-icon` }), K = /* @__PURE__ */ e.createElement("li", { className: `${C}__user-details`, role: "presentation" }, _ ? null : /* @__PURE__ */ e.createElement("div", { className: `${C}__user-name` }, o), /* @__PURE__ */ e.createElement("div", { className: `${C}__user-email` }, a));
   s.forEach((A) => {
     const G = A.id ? A.id : et();
-    g.current.push(G), $.current.push(A);
+    f.current.push(G), $.current.push(A);
   });
   const X = (A) => {
-    const G = g.current.indexOf(A), Y = $.current[G];
+    const G = f.current.indexOf(A), Y = $.current[G];
     Y.linkContent && !Y.disabled && (M.current[G].querySelector("a").click(), v(!1)), Y.callback && !Y.disabled && (Y.callback(Y), v(!1));
   }, U = (A) => {
     A.preventDefault(), A.key === "Enter" && X(A.currentTarget.id);
   }, j = (A) => {
     X(A.currentTarget.id);
   }, q = s.map((A, G) => {
-    const Y = g.current[G], le = `${C}__item`, ce = A.disabled ? `${le}--disabled` : null;
+    const Y = f.current[G], le = `${C}__item`, ce = A.disabled ? `${le}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9075,13 +9075,13 @@ const Xs = ({
   className: i,
   ...m
 }) => {
-  const [v, g] = Z(!1), [$, p] = Z(null), [f, _] = Z(d), C = ne([]), u = ne(null), h = d.length >= r;
+  const [v, f] = Z(!1), [$, p] = Z(null), [g, _] = Z(d), C = ne([]), u = ne(null), h = d.length >= r;
   let E = !1;
   const b = ge(be);
   b && (E = b.isMobile);
   const N = n && E, L = "pds-workspace-selector", y = N ? `${L}--isMobile` : null, w = `${L}__menu`, M = h ? `${w}--scroll` : null, { refs: k, floatingStyles: z, context: R } = ke({
     open: v,
-    onOpenChange: g,
+    onOpenChange: f,
     whileElementsMounted: Ae
   }), I = qe(R, { event: "mousedown" }), S = ze(R), D = xe(R, { role: "menu" }), B = lt(R, {
     listRef: C,
@@ -9122,7 +9122,7 @@ const Xs = ({
     _(J);
   }, [d]);
   const x = (J) => {
-    J.preventDefault(), J.key === "Enter" && C.current[$].querySelector("a").click(), J.key === "Tab" && (J.shiftKey ? h ? document.getElementById("workspace-filter").focus() : g(!1) : s ? u.current.querySelector("a").focus() : g(!1));
+    J.preventDefault(), J.key === "Enter" && C.current[$].querySelector("a").click(), J.key === "Tab" && (J.shiftKey ? h ? document.getElementById("workspace-filter").focus() : f(!1) : s ? u.current.querySelector("a").focus() : f(!1));
   }, V = /* @__PURE__ */ e.createElement("div", { className: `${L}__button-content` }, /* @__PURE__ */ e.createElement(
     Gt,
     {
@@ -9157,7 +9157,7 @@ const Xs = ({
       showLabel: !1,
       type: "search"
     }
-  )), Y = f.map(
+  )), Y = g.map(
     (J, oe) => {
       const he = `${L}__item`, re = J.isActive ? `${he}--active` : null, Ee = J.isUnprivileged ? `${he}--unprivileged` : null, Me = /* @__PURE__ */ e.createElement(O, { iconName: "check", className: `${L}__active-icon` }), Ie = J.workspaceId, De = J.workspaceLink.type, Xe = J.isUnprivileged ? null : (Fe) => {
         C.current[oe] = Fe;
@@ -9182,7 +9182,7 @@ const Xs = ({
           De,
           {
             ...Object.assign({}, J.workspaceLink.props, {
-              onClick: () => g(!1)
+              onClick: () => f(!1)
             })
           },
           /* @__PURE__ */ e.createElement("div", { className: `${L}__item-content` }, /* @__PURE__ */ e.createElement(
@@ -9205,8 +9205,8 @@ const Xs = ({
       iconName: "plus",
       linkContent: s,
       variant: "subtle",
-      onBlur: g.bind(null, !1),
-      onClick: g.bind(null, !1)
+      onBlur: f.bind(null, !1),
+      onClick: f.bind(null, !1)
     }
   )), ce = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
@@ -9288,11 +9288,11 @@ const Xs = ({
   const i = n.length;
   if (i === 0)
     return null;
-  const m = "pds-banner", v = i > 1 ? `${m}-group--multiple` : null, g = {
+  const m = "pds-banner", v = i > 1 ? `${m}-group--multiple` : null, f = {
     info: `${m}--info`,
     warning: `${m}--warning`,
     critical: `${m}--critical`
-  }, $ = i > 0 ? n[0].type : null, p = $ ? `${m}-group--${$}` : null, f = (b) => ({
+  }, $ = i > 0 ? n[0].type : null, p = $ ? `${m}-group--${$}` : null, g = (b) => ({
     zIndex: xt - b
   }), _ = (b) => b === 0 ? 0 : -1, C = () => {
     const b = document.getElementsByClassName(
@@ -9333,10 +9333,10 @@ const Xs = ({
       {
         key: L,
         id: L,
-        className: H([m, g[k]]),
+        className: H([m, f[k]]),
         role: R,
         style: {
-          zIndex: f(N).zIndex
+          zIndex: g(N).zIndex
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, /* @__PURE__ */ e.createElement(
@@ -9458,16 +9458,16 @@ const Xs = ({
   className: i,
   ...m
 }) => {
-  const v = ne(null), g = "pds-section-message", $ = {
-    error: `${g}--error`,
-    success: `${g}--success`,
-    warning: `${g}--warning`,
-    info: `${g}--info`,
-    critical: `${g}--critical`,
-    discovery: `${g}--discovery`,
-    dismissing: `${g}--dismissing`,
-    dismissed: `${g}--dismissed`
-  }, p = c ? `${g}--hasDismiss` : null, f = l ? `${g}--hasTitle` : null, C = ["critical", "warning"].includes(n) ? "alert" : "status", u = `${d[n]}: `, h = typeof r == "string" ? /* @__PURE__ */ e.createElement("p", null, r) : r, E = () => {
+  const v = ne(null), f = "pds-section-message", $ = {
+    error: `${f}--error`,
+    success: `${f}--success`,
+    warning: `${f}--warning`,
+    info: `${f}--info`,
+    critical: `${f}--critical`,
+    discovery: `${f}--discovery`,
+    dismissing: `${f}--dismissing`,
+    dismissed: `${f}--dismissed`
+  }, p = c ? `${f}--hasDismiss` : null, g = l ? `${f}--hasTitle` : null, C = ["critical", "warning"].includes(n) ? "alert" : "status", u = `${d[n]}: `, h = typeof r == "string" ? /* @__PURE__ */ e.createElement("p", null, r) : r, E = () => {
     v.current.addEventListener("animationend", b, {
       once: !0
     });
@@ -9482,10 +9482,10 @@ const Xs = ({
     "div",
     {
       className: H([
-        g,
+        f,
         $[n],
         p,
-        f,
+        g,
         i ?? ""
       ]),
       id: a,
@@ -9493,25 +9493,25 @@ const Xs = ({
       role: C,
       ...m
     },
-    /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__icon ${g}__icon-${n}` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__icon ${f}__icon-${n}` }, /* @__PURE__ */ e.createElement(
       O,
       {
         iconName: `${n}` in Rt ? Rt[n] : Rt.info,
         iconSize: "lg"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${g}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), l && /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${g}__message` }, h))),
-    (t || c) && /* @__PURE__ */ e.createElement("div", { className: `${g}__actions` }, t && /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: `${f}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), l && /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, h))),
+    (t || c) && /* @__PURE__ */ e.createElement("div", { className: `${f}__actions` }, t && /* @__PURE__ */ e.createElement(
       Be,
       {
         ...t,
-        className: `${g}__cta`,
+        className: `${f}__cta`,
         size: "sm",
         variant: "secondary"
       }
     ), c && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `${g}__dismiss`,
+        className: `${f}__dismiss`,
         onClick: N,
         "aria-label": s,
         role: "button",
@@ -9623,19 +9623,19 @@ const An = () => {
   const i = Math.max(s - t, 1), m = Math.min(
     s + t,
     r
-  ), v = i > 2, g = m < r - 2;
-  if (!v && g) {
+  ), v = i > 2, f = m < r - 2;
+  if (!v && f) {
     const $ = 3 + 2 * t;
     return [...bt(1, $), ut, r];
   }
-  if (v && !g) {
+  if (v && !f) {
     const $ = 3 + 2 * t, p = bt(
       r - $ + 1,
       r
     );
     return [n, ut, ...p];
   }
-  if (v && g) {
+  if (v && f) {
     const $ = bt(i, m);
     return [
       n,
@@ -9665,11 +9665,11 @@ const An = () => {
     totalItemCount: n,
     bufferCount: t,
     itemsPerPage: o
-  }), v = m[m.length - 1], g = () => {
+  }), v = m[m.length - 1], f = () => {
     l(s + 1);
   }, $ = () => {
     l(s - 1);
-  }, p = "pds-pagination", f = `${p}__item`, _ = `${f}--current`, C = `${f}--disabled`;
+  }, p = "pds-pagination", g = `${p}__item`, _ = `${g}--current`, C = `${g}--disabled`;
   return s === 0 || m.length < 2 ? null : /* @__PURE__ */ e.createElement(
     "nav",
     {
@@ -9691,8 +9691,8 @@ const An = () => {
       "li",
       {
         className: H([
-          f,
-          `${f}--prev`,
+          g,
+          `${g}--prev`,
           s === 1 ? C : void 0
         ])
       },
@@ -9710,7 +9710,7 @@ const An = () => {
       "li",
       {
         key: h,
-        className: H([f, `${f}--truncated`])
+        className: H([g, `${g}--truncated`])
       },
       /* @__PURE__ */ e.createElement("span", null, "…")
     ) : /* @__PURE__ */ e.createElement(
@@ -9718,7 +9718,7 @@ const An = () => {
       {
         key: h,
         className: H([
-          f,
+          g,
           s === u ? _ : void 0
         ])
       },
@@ -9735,8 +9735,8 @@ const An = () => {
       "li",
       {
         className: H([
-          f,
-          `${f}--next`,
+          g,
+          `${g}--next`,
           s === v ? C : void 0
         ])
       },
@@ -9745,7 +9745,7 @@ const An = () => {
         {
           "aria-disabled": s === v ? !0 : void 0,
           "aria-label": r.next,
-          onClick: s === v ? void 0 : g,
+          onClick: s === v ? void 0 : f,
           type: "button"
         },
         /* @__PURE__ */ e.createElement(O, { iconName: "arrowRight" })
@@ -9762,16 +9762,16 @@ const An = () => {
 }) => {
   const [l, n] = Z(a), i = ne(
     s || `expansion-panel-${et()}`
-  ).current, m = "pds-expansion-panel", v = ne(null), g = ne(null), $ = ne(null);
+  ).current, m = "pds-expansion-panel", v = ne(null), f = ne(null), $ = ne(null);
   return se(() => {
-    const p = v.current, f = g.current, _ = $.current;
-    if (!p || !f || !_) return;
+    const p = v.current, g = f.current, _ = $.current;
+    if (!p || !g || !_) return;
     let C = null, u = !1, h = !1;
     const E = (w) => {
       w.preventDefault(), p.style.overflow = "hidden", u || !p.open ? N() : (h || p.open) && b();
     }, b = () => {
       u = !0, n(!1);
-      const w = `${p.offsetHeight}px`, M = `${f.offsetHeight}px`;
+      const w = `${p.offsetHeight}px`, M = `${g.offsetHeight}px`;
       C && C.cancel(), C = p.animate(
         { height: [w, M] },
         {
@@ -9783,7 +9783,7 @@ const An = () => {
       p.style.height = `${p.offsetHeight}px`, p.open = !0, n(!0), requestAnimationFrame(() => L());
     }, L = () => {
       h = !0;
-      const w = `${p.offsetHeight}px`, M = `${f.offsetHeight + _.offsetHeight}px`;
+      const w = `${p.offsetHeight}px`, M = `${g.offsetHeight + _.offsetHeight}px`;
       C && C.cancel(), C = p.animate(
         { height: [w, M] },
         {
@@ -9794,7 +9794,7 @@ const An = () => {
     }, y = (w) => {
       p.open = w, C = null, u = !1, h = !1, p.style.height = p.style.overflow = "";
     };
-    return f.addEventListener("click", E), () => f.removeEventListener("click", E);
+    return g.addEventListener("click", E), () => g.removeEventListener("click", E);
   }, []), /* @__PURE__ */ e.createElement("div", { className: H([m, o]), ...r }, /* @__PURE__ */ e.createElement(
     "details",
     {
@@ -9803,7 +9803,7 @@ const An = () => {
       open: a,
       ref: v
     },
-    /* @__PURE__ */ e.createElement("summary", { ref: g }, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("summary", { ref: f }, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement(
       O,
       {
         iconName: "angleDown",
@@ -9874,14 +9874,14 @@ const An = () => {
   expandButtonAriaLabel: c,
   ...o
 }) => {
-  const r = "pds-panel-row", [l, n] = Z(!1), d = ne(null), i = ne(null), m = Se(t), v = m["items-left"], g = m["items-right"], $ = m["items-below"], p = () => {
-    const f = i.current, _ = d.current;
-    if (!f || !_) return;
+  const r = "pds-panel-row", [l, n] = Z(!1), d = ne(null), i = ne(null), m = Se(t), v = m["items-left"], f = m["items-right"], $ = m["items-below"], p = () => {
+    const g = i.current, _ = d.current;
+    if (!g || !_) return;
     const C = !l;
     if (n(C), C) {
-      f.style.display = "block", f.style.height = "auto";
-      const u = `${f.scrollHeight}px`;
-      f.animate(
+      g.style.display = "block", g.style.height = "auto";
+      const u = `${g.scrollHeight}px`;
+      g.animate(
         [
           { height: "0px", opacity: "0" },
           { height: u, opacity: "1" }
@@ -9891,14 +9891,14 @@ const An = () => {
           easing: We
         }
       ).onfinish = () => {
-        Object.assign(f.style, {
+        Object.assign(g.style, {
           height: "auto",
           opacity: "1"
         }), _.classList.add("is-expanded");
       };
     } else {
-      const u = `${f.scrollHeight}px`;
-      f.animate(
+      const u = `${g.scrollHeight}px`;
+      g.animate(
         [
           { height: u, opacity: "1" },
           { height: "0px", opacity: "0" }
@@ -9908,7 +9908,7 @@ const An = () => {
           easing: We
         }
       ).onfinish = () => {
-        Object.assign(f.style, {
+        Object.assign(g.style, {
           height: "0",
           opacity: "0",
           display: "none"
@@ -9932,7 +9932,7 @@ const An = () => {
         ])
       },
       v && /* @__PURE__ */ e.createElement("div", { className: `${r}__items ${r}__items--left` }, v),
-      g && /* @__PURE__ */ e.createElement("div", { className: `${r}__items ${r}__items--right` }, g),
+      f && /* @__PURE__ */ e.createElement("div", { className: `${r}__items ${r}__items--right` }, f),
       a && /* @__PURE__ */ e.createElement(
         "button",
         {
@@ -9996,22 +9996,22 @@ const An = () => {
   popoverIsOpen: m = !1,
   setPopoverIsOpen: v = () => {
   },
-  className: g,
+  className: f,
   classNameContainer: $,
   ...p
 }) => {
-  const [f, _] = Z(m);
+  const [g, _] = Z(m);
   se(() => {
     _(m);
   }, [m]), se(() => {
-    v(f);
-  }, [f]);
+    v(g);
+  }, [g]);
   const C = typeof a, u = "pds-popover", h = H([
     `${u}__trigger-custom`,
     C === "string" ? `${u}__trigger-text` : ""
   ]), E = a ? o : 0, b = ne(null), { refs: N, floatingStyles: L, context: y, middlewareData: w } = ke({
     placement: l,
-    open: f,
+    open: g,
     onOpenChange(U) {
       _(U), U || r();
     },
@@ -10041,7 +10041,7 @@ const An = () => {
       }[U]
     })
   });
-  return /* @__PURE__ */ e.createElement("div", { className: H([u, g]), ...p }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: H([u, f]), ...p }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${u}__trigger`,
@@ -10123,24 +10123,24 @@ const An = () => {
   className: i,
   ...m
 }) => {
-  const v = s || et(), g = "pds-progress-bar", $ = l ? `${g}__label` : "visually-hidden", p = `${g}__track ${g}__track--${d}`, f = r > 100 ? 100 : r;
+  const v = s || et(), f = "pds-progress-bar", $ = l ? `${f}__label` : "visually-hidden", p = `${f}__track ${f}__track--${d}`, g = r > 100 ? 100 : r;
   let _ = "neutral";
   t.forEach((E) => {
     r >= E.percentage && (_ = E.colorType);
   });
-  const C = /* @__PURE__ */ e.createElement("div", { className: `${g}__message` }, c), u = c && o === "above", h = c && o === "below";
+  const C = /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, c), u = c && o === "above", h = c && o === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: [g, i].join(" ").trim().replace(/\s+/g, " "),
-      style: { "--bar-percentage": `${f}%` },
+      className: [f, i].join(" ").trim().replace(/\s+/g, " "),
+      style: { "--bar-percentage": `${g}%` },
       ...m
     },
     /* @__PURE__ */ e.createElement("div", { id: v, className: $ }, a),
-    (u || n) && /* @__PURE__ */ e.createElement("div", { className: `${g}__details` }, u && C, n && /* @__PURE__ */ e.createElement(
+    (u || n) && /* @__PURE__ */ e.createElement("div", { className: `${f}__details` }, u && C, n && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${g}__percentage`,
+        className: `${f}__percentage`,
         style: {
           color: `hsl(from var(${h2[_]}) h s calc(l - 7))`
         }
@@ -10148,20 +10148,20 @@ const An = () => {
       r,
       "%"
     )),
-    /* @__PURE__ */ e.createElement("div", { className: `${g}__wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${f}__wrapper` }, /* @__PURE__ */ e.createElement(
       "div",
       {
         role: "progressbar",
         "aria-labelledby": v,
-        "aria-valuenow": f,
+        "aria-valuenow": g,
         className: p
       },
       /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: `${g}__bar`,
+          className: `${f}__bar`,
           style: {
-            width: `${f}%`,
+            width: `${g}%`,
             backgroundColor: `var(${h2[_]})`
           }
         }
@@ -10180,10 +10180,10 @@ const An = () => {
   className: n,
   ...d
 }) => {
-  const i = t || et(), m = "pds-progress-ring", v = o ? `${m}__label` : "visually-hidden", g = `${m}__loading-text ${m}__loading-text--${l}`, $ = (E) => E * 16;
-  let p = $(V2), f = 7;
-  l === "sm" && (p = $(x2), f = f / 1.25), l === "lg" && (p = $(S2), f = f * 1.25);
-  const _ = p / 2 - f / 2, C = 2 * Math.PI * _, u = C - C * c / 100;
+  const i = t || et(), m = "pds-progress-ring", v = o ? `${m}__label` : "visually-hidden", f = `${m}__loading-text ${m}__loading-text--${l}`, $ = (E) => E * 16;
+  let p = $(V2), g = 7;
+  l === "sm" && (p = $(x2), g = g / 1.25), l === "lg" && (p = $(S2), g = g * 1.25);
+  const _ = p / 2 - g / 2, C = 2 * Math.PI * _, u = C - C * c / 100;
   let h;
   return s ? h = s : r ? h = `${c}%` : h = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -10220,7 +10220,7 @@ const An = () => {
             cx: p / 2,
             cy: p / 2,
             r: _,
-            strokeWidth: f
+            strokeWidth: g
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -10230,7 +10230,7 @@ const An = () => {
             cx: p / 2,
             cy: p / 2,
             r: _,
-            strokeWidth: f,
+            strokeWidth: g,
             strokeDasharray: C,
             strokeDashoffset: u,
             transform: `rotate(-90 ${p / 2} ${p / 2})`
@@ -10239,7 +10239,7 @@ const An = () => {
         /* @__PURE__ */ e.createElement(
           "text",
           {
-            className: g,
+            className: f,
             fill: "var(--pds-color-fg-default)",
             x: "50%",
             y: "51%",
@@ -10288,80 +10288,73 @@ const Wn = ({
   className: l,
   ...n
 }) => {
-  const [d, i] = Z(
-    r ?? "default"
-    /* DEFAULT */
-  );
-  se(() => {
-    i(r);
-  }, [r, i]);
-  const m = {
+  const d = r ?? "default", i = {
     checkForUpdates: "Check for updates",
     checking: "Checking...",
     checked: "Last checked",
     ariaLabel: "Check for updates",
     ...a
-  }, v = () => {
+  }, m = () => {
     switch (d) {
       case "default":
-        return m.checkForUpdates;
+        return i.checkForUpdates;
       case "working":
-        return m.checking;
+        return i.checking;
       case "checked":
         if (c) {
-          const h = c instanceof Date ? c : new Date(c), E = Date.now() - h.getTime(), b = Math.floor(E / 1e3), N = Math.floor(b / 60), L = Math.floor(N / 60), y = Math.floor(L / 24), w = {
+          const u = c instanceof Date ? c : new Date(c), h = Date.now() - u.getTime(), E = Math.floor(h / 1e3), b = Math.floor(E / 60), N = Math.floor(b / 60), L = Math.floor(N / 24), y = {
             year: "numeric",
             month: "short",
             day: "numeric"
           };
-          let M = "";
-          return y > 7 ? M = h.toLocaleDateString(
+          let w = "";
+          return L > 7 ? w = u.toLocaleDateString(
             void 0,
-            w
-          ) : y > 0 && y <= 7 ? M = `${y} day${y !== 1 ? "s" : ""} ago` : L > 0 ? M = `${L} hour${L !== 1 ? "s" : ""} ago` : N > 0 ? M = `${N} minute${N !== 1 ? "s" : ""} ago` : M = `${b} second${b !== 1 ? "s" : ""} ago`, `${m.checked} ${M}`;
+            y
+          ) : L > 0 && L <= 7 ? w = `${L} day${L !== 1 ? "s" : ""} ago` : N > 0 ? w = `${N} hour${N !== 1 ? "s" : ""} ago` : b > 0 ? w = `${b} minute${b !== 1 ? "s" : ""} ago` : w = `${E} second${E !== 1 ? "s" : ""} ago`, `${i.checked} ${w}`;
         }
-        return m.checked;
+        return i.checked;
     }
-  }, g = () => {
+  }, v = () => {
     o?.();
-  }, $ = "pds-refresh-checker", p = `${$}--${t}`, f = H([
-    `${$}__button`,
-    d === "working" ? `${$}__button--spinning` : ""
-  ]), _ = s !== null && s > 0 ? `${s}rem` : "100%", C = /* @__PURE__ */ e.createElement("span", { className: `${$}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
+  }, f = "pds-refresh-checker", $ = `${f}--${t}`, p = H([
+    `${f}__button`,
+    d === "working" ? `${f}__button--spinning` : ""
+  ]), g = s !== null && s > 0 ? `${s}rem` : "100%", _ = /* @__PURE__ */ e.createElement("span", { className: `${f}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
     O,
     {
       iconName: "rotate",
       iconSize: "md",
-      className: `${$}__icon ${d === "working" ? `${$}__icon--spinning` : ""}`
+      className: `${f}__icon ${d === "working" ? `${f}__icon--spinning` : ""}`
     }
-  )), u = /* @__PURE__ */ e.createElement("span", { className: `${$}__label` }, v());
+  )), C = /* @__PURE__ */ e.createElement("span", { className: `${f}__label` }, m());
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: H([$, p, l ?? ""]),
-      style: { width: _ },
+      className: H([f, $, l ?? ""]),
+      style: { width: g },
       ...n
     },
     /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
-        className: f,
-        onClick: g,
+        className: p,
+        onClick: v,
         "aria-live": "polite",
-        "aria-label": m.ariaLabel
+        "aria-label": i.ariaLabel
       },
-      t === "right" && u,
+      t === "right" && C,
       /* @__PURE__ */ e.createElement(
         He,
         {
-          content: m.tooltipContent || m.ariaLabel,
-          customTrigger: C,
+          content: i.tooltipContent || i.ariaLabel,
+          customTrigger: _,
           triggerIconColor: "default",
           triggerIconSize: "sm"
         }
       ),
-      t === "left" && u
+      t === "left" && C
     )
   );
 }, qn = ({
@@ -10378,8 +10371,8 @@ const Wn = ({
   className: m,
   ...v
 }) => {
-  const g = "pds-site-dashboard-heading", $ = os[l], p = n ? T2[n] : "bolt";
-  return /* @__PURE__ */ e.createElement("div", { className: H([g, m ?? ""]), ...v }, /* @__PURE__ */ e.createElement(O, { iconName: p, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, r), /* @__PURE__ */ e.createElement("span", { className: `${g}__plan-level-badge` }, l === "sandbox" ? /* @__PURE__ */ e.createElement(
+  const f = "pds-site-dashboard-heading", $ = os[l], p = n ? T2[n] : "bolt";
+  return /* @__PURE__ */ e.createElement("div", { className: H([f, m ?? ""]), ...v }, /* @__PURE__ */ e.createElement(O, { iconName: p, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, r), /* @__PURE__ */ e.createElement("span", { className: `${f}__plan-level-badge` }, l === "sandbox" ? /* @__PURE__ */ e.createElement(
     Be,
     {
       displayType: "icon-start",
@@ -10503,7 +10496,7 @@ const Wn = ({
 }) => {
   const o = "pds-stepper", r = "pds-stepper-mobile", l = ne(null), [n] = Ht(l), d = n.width, i = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
-  ) * 16, m = -40, v = 2, g = 5, $ = t.length, p = t.map((C) => C.isCurrent).lastIndexOf(!0), f = t.map((C, u) => {
+  ) * 16, m = -40, v = 2, f = 5, $ = t.length, p = t.map((C) => C.isCurrent).lastIndexOf(!0), g = t.map((C, u) => {
     const h = u + 1, E = u === p, b = C.isComplete || u < p, N = C.hasError && E, y = (d - $ * i) / ($ + ($ - 2)), w = i + y * 2, M = i + y, k = y + m * -1, z = u === 0, R = u === $ - 1;
     let I = w;
     (z || R) && (I = M);
@@ -10602,7 +10595,7 @@ const Wn = ({
       );
     }
   });
-  if ($ >= v && $ <= g)
+  if ($ >= v && $ <= f)
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -10610,7 +10603,7 @@ const Wn = ({
         "data-steps": $,
         ...c
       },
-      /* @__PURE__ */ e.createElement("ol", { className: `${o}__steps`, ref: l }, f)
+      /* @__PURE__ */ e.createElement("ol", { className: `${o}__steps`, ref: l }, g)
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -10632,8 +10625,8 @@ const Wn = ({
   _isFirstStep: d,
   ...i
 }) => {
-  const m = "pds-vert-stepper", v = `${m}__step`, g = [v];
-  return o && g.push(`${v}--current`), n && g.push(`${v}--complete`), a && g.push(`${v}--error`), /* @__PURE__ */ e.createElement("li", { id: c, className: H([...g]), ...i }, /* @__PURE__ */ e.createElement("div", { className: `${m}__step-header` }, /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${m}__step-indicator` }, n && /* @__PURE__ */ e.createElement(
+  const m = "pds-vert-stepper", v = `${m}__step`, f = [v];
+  return o && f.push(`${v}--current`), n && f.push(`${v}--complete`), a && f.push(`${v}--error`), /* @__PURE__ */ e.createElement("li", { id: c, className: H([...f]), ...i }, /* @__PURE__ */ e.createElement("div", { className: `${m}__step-header` }, /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${m}__step-indicator` }, n && /* @__PURE__ */ e.createElement(
     O,
     {
       iconName: "check",
@@ -10652,12 +10645,12 @@ const Wn = ({
   ...c
 }) => {
   const o = "pds-vert-stepper", n = s.length, d = s.findIndex((v) => v.isCurrent), i = s.map((m, v) => {
-    const g = v + 1, $ = v === d, p = v === 0, f = m.isComplete || !1, _ = m.hasError && $;
-    let C = `${t.step} ${g}`;
-    return f && (C = `${t.step} ${g}, ${t.completed}`), _ && (C = `${t.step} ${g}, ${t.hasError}`), /* @__PURE__ */ e.createElement(
+    const f = v + 1, $ = v === d, p = v === 0, g = m.isComplete || !1, _ = m.hasError && $;
+    let C = `${t.step} ${f}`;
+    return g && (C = `${t.step} ${f}, ${t.completed}`), _ && (C = `${t.step} ${f}, ${t.hasError}`), /* @__PURE__ */ e.createElement(
       Ns,
       {
-        key: `s${g}`,
+        key: `s${f}`,
         label: m.label,
         stepContent: m.stepContent,
         id: m.id,
@@ -10665,10 +10658,10 @@ const Wn = ({
         forwardButton: m.forwardButton,
         hasError: _,
         isCurrent: $,
-        isComplete: f,
+        isComplete: g,
         _isFirstStep: p,
         "aria-label": C,
-        "aria-posinset": g,
+        "aria-posinset": f,
         "aria-setsize": n,
         "aria-current": $ ? "step" : null
       }
@@ -10683,17 +10676,17 @@ const Wn = ({
   ...c
 }) => {
   const [o] = Z(t), [r, l] = Z(s), [n, d] = Z({ order: "asc", key: "" }), i = (p) => {
-    l(r.sort((f, _) => f[p].localeCompare(_[p]))), d({ order: "desc", key: p });
+    l(r.sort((g, _) => g[p].localeCompare(_[p]))), d({ order: "desc", key: p });
   }, m = (p) => {
-    l(r.sort((f, _) => _[p].localeCompare(f[p]))), d({ order: "asc", key: p });
-  }, v = (p, f) => {
-    d({ ...n, key: f }), n.order === "asc" ? i(f) : m(f);
-  }, g = (p, f) => /* @__PURE__ */ e.createElement("tr", { id: f, key: `table-row-${f}` }, p.map((_, C) => /* @__PURE__ */ e.createElement("td", { key: `${f}-cell-${C}` }, /* @__PURE__ */ e.createElement("span", null, _)))), $ = "pds-table";
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", { className: H([$, a]), ...c }, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, o.map((p, f) => /* @__PURE__ */ e.createElement("th", { key: `header-${f}` }, p.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${$}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+    l(r.sort((g, _) => _[p].localeCompare(g[p]))), d({ order: "asc", key: p });
+  }, v = (p, g) => {
+    d({ ...n, key: g }), n.order === "asc" ? i(g) : m(g);
+  }, f = (p, g) => /* @__PURE__ */ e.createElement("tr", { id: g, key: `table-row-${g}` }, p.map((_, C) => /* @__PURE__ */ e.createElement("td", { key: `${g}-cell-${C}` }, /* @__PURE__ */ e.createElement("span", null, _)))), $ = "pds-table";
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", { className: H([$, a]), ...c }, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, o.map((p, g) => /* @__PURE__ */ e.createElement("th", { key: `header-${g}` }, p.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${$}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${$}__sort-header`,
-      onClick: (_) => v(_, f)
+      onClick: (_) => v(_, g)
     },
     p.title
   ), /* @__PURE__ */ e.createElement(
@@ -10701,24 +10694,24 @@ const Wn = ({
     {
       className: `${$}__sort-button`,
       title: `Sort by ${p.title}`,
-      onClick: (_) => v(_, f),
+      onClick: (_) => v(_, g),
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
       "span",
       {
-        className: `${$}__sort-button-top ${f != Number(n.key) && n.key !== "" ? "pds-table__sort-inactive" : Number(n.key) == f ? n.order : "asc"}`
+        className: `${$}__sort-button-top ${g != Number(n.key) && n.key !== "" ? "pds-table__sort-inactive" : Number(n.key) == g ? n.order : "asc"}`
       },
       /* @__PURE__ */ e.createElement(O, { iconName: "caretUp", iconSize: "sm" })
     ),
     /* @__PURE__ */ e.createElement(
       "span",
       {
-        className: `${$}__sort-button-bottom ${Number(n.key) == f ? n.order : "asc"}`
+        className: `${$}__sort-button-bottom ${Number(n.key) == g ? n.order : "asc"}`
       },
       /* @__PURE__ */ e.createElement(O, { iconName: "caretDown", iconSize: "sm" })
     )
-  )) : /* @__PURE__ */ e.createElement("span", null, p.title))))), /* @__PURE__ */ e.createElement("tbody", null, r.map((p, f) => g(p, f)))));
+  )) : /* @__PURE__ */ e.createElement("span", null, p.title))))), /* @__PURE__ */ e.createElement("tbody", null, r.map((p, g) => f(p, g)))));
 }, Qn = ({
   appendIds: t = !1,
   ariaLabel: s = "Table of contents",
@@ -10748,7 +10741,7 @@ const Wn = ({
     "=",
     "|",
     "~"
-  ], v = `#${l} h2:not(.${o}), h3:not(.${o})`, g = (L) => L.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), $ = () => {
+  ], v = `#${l} h2:not(.${o}), h3:not(.${o})`, f = (L) => L.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), $ = () => {
     const [L, y] = Z([]);
     return se(() => {
       const w = Array.from(
@@ -10757,7 +10750,7 @@ const Wn = ({
       w.map((k) => {
         m.forEach((z) => {
           k.id.includes(z) && (k.id = k.id.replace(
-            new RegExp(g(z), "g"),
+            new RegExp(f(z), "g"),
             "-"
           ));
         });
@@ -10777,7 +10770,7 @@ const Wn = ({
         title: M
       });
     }), y;
-  }, { nestedHeadings: f } = $(), [_, C] = Z();
+  }, { nestedHeadings: g } = $(), [_, C] = Z();
   ((L) => {
     const y = ne({});
     se(() => {
@@ -10857,7 +10850,7 @@ const Wn = ({
       },
       c
     ),
-    /* @__PURE__ */ e.createElement(N, { headings: f, activeID: _ })
+    /* @__PURE__ */ e.createElement(N, { headings: g, activeID: _ })
   );
 }, Jn = ({
   ariaLabel: t,
@@ -10874,9 +10867,9 @@ const Wn = ({
     c !== void 0 && i(c);
   }, [c]);
   const m = (p) => {
-    const f = p.currentTarget.getAttribute("data-tabnumber");
-    if (f) {
-      const _ = parseInt(f, 10);
+    const g = p.currentTarget.getAttribute("data-tabnumber");
+    if (g) {
+      const _ = parseInt(g, 10);
       i(_);
     }
   }, v = ne([]);
@@ -10892,19 +10885,19 @@ const Wn = ({
       return;
     }
   }, [d]);
-  const g = (p, f) => {
+  const f = (p, g) => {
     const _ = d;
-    let C = v.current[f === "next" ? _ + 1 < v.current.length ? _ + 1 : 0 : _ - 1 >= 0 ? _ - 1 : v.current.length - 1];
-    C || (C = f == "next" ? v.current[p + 1] == null ? v.current[0] : v.current[p + 1] : v.current[p - 1]), C.focus();
+    let C = v.current[g === "next" ? _ + 1 < v.current.length ? _ + 1 : 0 : _ - 1 >= 0 ? _ - 1 : v.current.length - 1];
+    C || (C = g == "next" ? v.current[p + 1] == null ? v.current[0] : v.current[p + 1] : v.current[p - 1]), C.focus();
   }, $ = (p) => {
-    const f = v.current.length, _ = () => {
-      g((d + 1) % f, "next"), i(d + 1);
+    const g = v.current.length, _ = () => {
+      f((d + 1) % g, "next"), i(d + 1);
     }, C = () => {
-      g((d - 1 + f) % f, "prev"), i(d - 1);
+      f((d - 1 + g) % g, "prev"), i(d - 1);
     }, u = () => {
-      g(0), i(0);
+      f(0), i(0);
     }, h = () => {
-      g(f - 1), i(f - 1);
+      f(g - 1), i(g - 1);
     }, E = () => {
       v.current[d].focus();
     }, N = {
@@ -10925,7 +10918,7 @@ const Wn = ({
       "aria-label": t,
       "aria-orientation": "horizontal"
     },
-    o.map(({ disabled: p, icon: f, tabId: _, tabLabel: C, tally: u }, h) => /* @__PURE__ */ e.createElement(
+    o.map(({ disabled: p, icon: g, tabId: _, tabLabel: C, tally: u }, h) => /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${n}__tab`,
@@ -10946,9 +10939,9 @@ const Wn = ({
         onClick: p ? null : m,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: f, className: `${n}__tab-label` }, f ? /* @__PURE__ */ e.createElement(O, { iconName: f, iconSize: "md" }) : null, " ", C, o[h].tally ? /* @__PURE__ */ e.createElement(wt, { label: u.label, type: u.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: g, className: `${n}__tab-label` }, g ? /* @__PURE__ */ e.createElement(O, { iconName: g, iconSize: "md" }) : null, " ", C, o[h].tally ? /* @__PURE__ */ e.createElement(wt, { label: u.label, type: u.type }) : null)
     ))
-  ), o.map(({ disabled: p, icon: f, panelContent: _, tabLabel: C, tally: u }, h) => /* @__PURE__ */ e.createElement(
+  ), o.map(({ disabled: p, icon: g, panelContent: _, tabLabel: C, tally: u }, h) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${n}__panel`,
@@ -10972,7 +10965,7 @@ const Wn = ({
         onClick: p ? null : m,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: f, className: `${n}__tab-label` }, f ? /* @__PURE__ */ e.createElement(O, { iconSize: "md", iconName: f }) : null, " ", C, o[h].tally ? /* @__PURE__ */ e.createElement(wt, { label: u.label, type: u.type }) : null),
+      /* @__PURE__ */ e.createElement("div", { key: g, className: `${n}__tab-label` }, g ? /* @__PURE__ */ e.createElement(O, { iconSize: "md", iconName: g }) : null, " ", C, o[h].tally ? /* @__PURE__ */ e.createElement(wt, { label: u.label, type: u.type }) : null),
       h == d ? /* @__PURE__ */ e.createElement(
         O,
         {
@@ -11032,22 +11025,22 @@ const Wn = ({
   className: l,
   ...n
 }) => {
-  const [d, i] = Z(!0), m = "pds-tag", v = o ? `${m}--${o}` : `${m}--${ws(r)}`, g = d ? null : "pds-tag--hide", $ = () => {
+  const [d, i] = Z(!0), m = "pds-tag", v = o ? `${m}--${o}` : `${m}--${ws(r)}`, f = d ? null : "pds-tag--hide", $ = () => {
     i((C) => !C);
   };
-  let p, f, _;
+  let p, g, _;
   if (t && !s && fe(t)) {
     p = t.type;
     const C = t.props;
-    f = C.href ? "href" : "to", _ = f === "href" ? C.href : C.to;
+    g = C.href ? "href" : "to", _ = g === "href" ? C.href : C.to;
   } else
-    p = "span", f = null, _ = null;
+    p = "span", g = null, _ = null;
   return /* @__PURE__ */ e.createElement(
     p,
     {
-      href: f === "href" ? _ : null,
-      to: f === "to" ? _ : null,
-      className: [m, v, g, l].join(" ").trim().replace(/\s+/g, " "),
+      href: g === "href" ? _ : null,
+      to: g === "to" ? _ : null,
+      className: [m, v, f, l].join(" ").trim().replace(/\s+/g, " "),
       ...n
     },
     /* @__PURE__ */ e.createElement("span", { className: `${m}__label`, title: r }, ys(r, 20)),
@@ -11143,8 +11136,8 @@ const Wn = ({
     alt: i,
     name: m,
     title: v,
-    org: g
-  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d && /* @__PURE__ */ e.createElement("div", { className: `${o}__image ${o}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: d, alt: i })), m && /* @__PURE__ */ e.createElement("div", { className: `${o}__name` }, m), v && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, v), g && /* @__PURE__ */ e.createElement("div", { className: `${o}__org` }, g)), l = (d) => {
+    org: f
+  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d && /* @__PURE__ */ e.createElement("div", { className: `${o}__image ${o}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: d, alt: i })), m && /* @__PURE__ */ e.createElement("div", { className: `${o}__name` }, m), v && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, v), f && /* @__PURE__ */ e.createElement("div", { className: `${o}__org` }, f)), l = (d) => {
     if (fe(d.linkContent)) {
       const i = d.linkContent, m = Object.assign({}, i.props, {
         children: /* @__PURE__ */ e.createElement(r, { ...d }),
@@ -11253,12 +11246,12 @@ const Wn = ({
   sidebarExpandedWidth: i = "15%",
   sidebarExpandedWidthMin: m = 13,
   sidebarProps: v,
-  className: g,
+  className: f,
   ...$
 }) => {
   let p = !1;
-  const f = ge(be);
-  f && (p = f.isMobile);
+  const g = ge(be);
+  g && (p = g.isMobile);
   const [_, C] = Z(
     c || !1
   );
@@ -11326,7 +11319,7 @@ const Wn = ({
         u,
         E,
         h,
-        g ?? ""
+        f ?? ""
       ]),
       ...$
     },
@@ -11367,7 +11360,7 @@ const Wn = ({
   const n = "pds-docs-layout", d = r ? `${n}--isMobile` : null, i = {
     width: s,
     minWidth: `${a}rem`
-  }, m = Se(t), v = m.__unslotted || m.content, g = m.sidebar, $ = /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar` }, g), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, v)), p = /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar`, style: i }, /* @__PURE__ */ e.createElement("div", { className: `${n}__sidebar-inner` }, g)), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, v));
+  }, m = Se(t), v = m.__unslotted || m.content, f = m.sidebar, $ = /* @__PURE__ */ e.createElement(e.Fragment, null, f && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar` }, f), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, v)), p = /* @__PURE__ */ e.createElement(e.Fragment, null, f && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar`, style: i }, /* @__PURE__ */ e.createElement("div", { className: `${n}__sidebar-inner` }, f)), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, v));
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -11394,7 +11387,7 @@ const Wn = ({
   mobileFlexWrap: i,
   mobileGap: m,
   mobileJustifyContent: v,
-  children: g,
+  children: f,
   className: $,
   ...p
 }) => {
@@ -11429,7 +11422,7 @@ const Wn = ({
       ]),
       ...p
     },
-    g
+    f
   );
 }, oa = ({
   children: t,
@@ -11447,23 +11440,23 @@ const Wn = ({
   let m = !1;
   const v = ge(be);
   v && (m = v.isMobile);
-  const g = Se(t);
+  const f = Se(t);
   let $ = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", p = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
   o === "narrow" && ($ = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", p = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), o === "wide" && ($ = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", p = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
-  const f = /* @__PURE__ */ e.createElement(
+  const g = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "content",
       className: `${n}__main ${m ? "pds-grid-item" : $}`
     },
-    g.content
+    f.content
   ), _ = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "sidebar",
       className: `${n}__side ${m ? "pds-grid-item" : p}`
     },
-    g.sidebar
+    f.sidebar
   );
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -11476,7 +11469,7 @@ const Wn = ({
       ]),
       ...l
     },
-    m ? c === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, _, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, f, _) : a === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, _, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, f, _)
+    m ? c === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, _, g) : /* @__PURE__ */ e.createElement(e.Fragment, null, g, _) : a === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, _, g) : /* @__PURE__ */ e.createElement(e.Fragment, null, g, _)
   );
 }, ma = ({
   children: t,
@@ -11537,19 +11530,19 @@ const Wn = ({
   className: o,
   ...r
 }) => {
-  const l = "pds-two-item-layout", n = s === "standard" ? "pds-grid" : `pds-grid pds-grid--${s}`, d = `${l}--${c}`, i = ["pds-grid-item--md-6"], m = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], v = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], g = ["pds-grid-item", "pds-grid-item--sm-4"];
+  const l = "pds-two-item-layout", n = s === "standard" ? "pds-grid" : `pds-grid pds-grid--${s}`, d = `${l}--${c}`, i = ["pds-grid-item--md-6"], m = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], v = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], f = ["pds-grid-item", "pds-grid-item--sm-4"];
   let $, p;
   switch (a) {
     case "equal":
-      $ = g.concat(i), p = g.concat(i);
+      $ = f.concat(i), p = f.concat(i);
       break;
     case "one-third-start":
-      $ = g.concat(m), p = g.concat(v);
+      $ = f.concat(m), p = f.concat(v);
       break;
     case "one-third-end":
-      $ = g.concat(v), p = g.concat(m);
+      $ = f.concat(v), p = f.concat(m);
   }
-  const f = Se(t), _ = f["first-item"], C = f["second-item"];
+  const g = Se(t), _ = g["first-item"], C = g["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     {