@pantheon-systems/pds-toolkit-react 1.0.0-alpha.14 → 1.0.0-alpha.15

package/_dist/index.js

@@ -1,4 +1,4 @@
-import e, { Children as G2, isValidElement as he, useState as Z, cloneElement as De, createElement as b2, forwardRef as Ze, useEffect as ae, useRef as le, createContext as $2, useContext as Ce, useLayoutEffect as q2, useCallback as Wt, useMemo as N2, createRef as U2, Fragment as j2 } from "react";
+import e, { Children as G2, isValidElement as he, useState as W, cloneElement as De, createElement as b2, forwardRef as Ze, useEffect as ae, useRef as le, createContext as $2, useContext as Ce, useLayoutEffect as q2, useCallback as Wt, useMemo as N2, createRef as U2, Fragment as j2 } from "react";
 import w2 from "hash-sum";
 import { useFloating as ke, autoUpdate as xe, offset as st, flip as nt, shift as ot, useHover as Ct, useFocus as Ut, useDismiss as Se, useRole as Ve, useInteractions as Ie, FloatingPortal as y2, useId as K2, size as X2, useClick as je, useListNavigation as it, useTypeahead as jt, useTransitionStyles as Ke, FloatingOverlay as Y2, FloatingFocusManager as L2, safePolygon as Kt, arrow as Q2, FloatingArrow as J2 } from "@floating-ui/react";
 import { useHotkeys as e1 } from "react-hotkeys-hook";
@@ -789,7 +789,7 @@ import './index.css';const at = () => Math.random().toString(32).substring(2, 13
   className: l,
   ...n
 }) => {
-  const d = "pds-avatar", i = `${d}--${o}`, m = a ? `${d}--image` : null, [v, h] = Z(void 0), g = {
+  const d = "pds-avatar", i = `${d}--${o}`, m = a ? `${d}--image` : null, [v, f] = W(void 0), g = {
     backgroundImage: r ? `var(--pds-color-gradient-avatar-${o1(r)})` : null,
     borderRadius: "100%",
     height: "100%",
@@ -803,8 +803,8 @@ import './index.css';const at = () => Math.random().toString(32).substring(2, 13
       src: `${a}`,
       className: `${d}__image`,
       alt: "",
-      onLoad: () => h(!1),
-      onError: () => h(!0)
+      onLoad: () => f(!1),
+      onError: () => f(!0)
     }
   ) : /* @__PURE__ */ e.createElement("span", { style: g }, s && /* @__PURE__ */ e.createElement(R, { iconName: "user", className: `${d}__user-icon` })), _ = /* @__PURE__ */ e.createElement("span", { className: `${d}__content` }, p), C = c && he(c) ? De(
     c,
@@ -899,23 +899,23 @@ const St = 500, i1 = 700, ye = ({
   className: i,
   ...m
 }) => {
-  const [v, h] = Z(!1), N = typeof s, g = "pds-tooltip", p = H([
+  const [v, f] = W(!1), N = typeof s, g = "pds-tooltip", p = H([
     `${g}__trigger-custom`,
     N === "string" ? `${g}__trigger-text` : null
   ]), _ = H([
     `${g}__trigger`,
     `${g}__trigger--${l}`
-  ]), { refs: C, floatingStyles: u, context: f } = ke({
+  ]), { refs: C, floatingStyles: u, context: h } = ke({
     placement: c,
     open: v,
-    onOpenChange: h,
+    onOpenChange: f,
     middleware: [st(a), nt(), ot()],
     whileElementsMounted: xe
-  }), E = Ct(f, {
+  }), E = Ct(h, {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), b = Ut(f), w = Se(f), y = Ve(f, { role: "tooltip" }), { getReferenceProps: L, getFloatingProps: $ } = Ie([
+  }), b = Ut(h), w = Se(h), y = Ve(h, { role: "tooltip" }), { getReferenceProps: L, getFloatingProps: $ } = Ie([
     E,
     b,
     w,
@@ -967,25 +967,25 @@ const St = 500, i1 = 700, ye = ({
   className: n,
   ...d
 }) => {
-  const i = "pds-branch-diff", m = t ? `${i}--loading` : null, v = t ? "pds-pulse" : null, h = 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 N = Math.max(0, a), g = Math.max(0, o);
   t && (N = 1, g = 1);
   const p = Math.max(N, g);
   let _ = p > 0 ? g / p * 100 : 0, C = p > 0 ? N / p * 100 : 0;
   const u = 10;
   _ < u ? (_ = u, C = 100 - u) : C < u && (C = u, _ = 100 - u);
-  const f = t ? s : `${g} ${r} & ${N} ${c}`;
+  const h = t ? s : `${g} ${r} & ${N} ${c}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       className: H([i, m, n ?? ""]),
-      style: { width: h },
+      style: { width: f },
       ...d
     },
     /* @__PURE__ */ e.createElement(
       ye,
       {
-        content: f,
+        content: h,
         preferredPlacement: "top",
         customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, /* @__PURE__ */ e.createElement(
           "div",
@@ -1200,11 +1200,11 @@ const St = 500, i1 = 700, ye = ({
     onClick: i,
     size: m = "md",
     tooltipText: v,
-    variant: h = "primary",
+    variant: f = "primary",
     className: N = "",
     ...g
   }, p) => {
-    const _ = "pds-button", C = m !== "md" ? `${_}--${m}` : null, u = h !== "primary" ? `${_}--${h}` : null, f = r ? `${_}--full-width` : null;
+    const _ = "pds-button", C = m !== "md" ? `${_}--${m}` : null, u = f !== "primary" ? `${_}--${f}` : null, h = r ? `${_}--full-width` : null;
     let E;
     switch (m) {
       case "sm":
@@ -1235,7 +1235,7 @@ const St = 500, i1 = 700, ye = ({
           _,
           C,
           u,
-          f,
+          h,
           N
         ]),
         disabled: a || l,
@@ -1260,10 +1260,10 @@ const St = 500, i1 = 700, ye = ({
   className: n,
   ...d
 }) => {
-  const i = "pds-button-link", m = "pds-button", v = o !== "md" ? `${m}--${o}` : null, h = l !== "primary" ? `${m}--${l}` : null, N = H([
+  const i = "pds-button-link", m = "pds-button", v = o !== "md" ? `${m}--${o}` : null, f = l !== "primary" ? `${m}--${l}` : null, N = H([
     m,
     v,
-    h
+    f
   ]), g = he(c) ? c.props.children : null, p = /* @__PURE__ */ e.createElement(
     R,
     {
@@ -1294,7 +1294,7 @@ const St = 500, i1 = 700, ye = ({
     }
   ) : /* @__PURE__ */ e.createElement("span", { className: H([i, n ?? ""]), ...d }, C);
 }, d1 = (t, s) => {
-  const [a, c] = Z(!1), o = s?.duration;
+  const [a, c] = W(!1), o = s?.duration;
   return ae(() => {
     let l;
     return a && o && (l = setTimeout(() => {
@@ -1323,10 +1323,10 @@ const St = 500, i1 = 700, ye = ({
     className: i,
     ...m
   }, v) => {
-    const h = "pds-icon-button", N = n !== "md" ? `${h}--${n}` : null, g = d !== "standard" ? `${h}--${d}` : null, p = {
-      fadeOut: `${h}--fadeOut`,
-      hide: `${h}--hide`,
-      scaleIn: `${h}--scaleIn`
+    const f = "pds-icon-button", N = n !== "md" ? `${f}--${n}` : null, g = d !== "standard" ? `${f}--${d}` : null, p = {
+      fadeOut: `${f}--fadeOut`,
+      hide: `${f}--hide`,
+      scaleIn: `${f}--scaleIn`
     };
     let _, C;
     switch (n) {
@@ -1339,42 +1339,42 @@ const St = 500, i1 = 700, ye = ({
       case "lg":
         C = "xl", _ = 12;
     }
-    const u = r !== null, f = le(null), E = le(null), b = () => {
-      f.current.classList.add(p.fadeOut), f.current.classList.add(p.hide), E.current.classList.remove(p.hide), E.current.classList.add(p.scaleIn), setTimeout(() => {
-        f.current.classList.remove(
+    const u = r !== null, h = le(null), E = le(null), b = () => {
+      h.current.classList.add(p.fadeOut), h.current.classList.add(p.hide), E.current.classList.remove(p.hide), E.current.classList.add(p.scaleIn), setTimeout(() => {
+        h.current.classList.remove(
           p.fadeOut,
           p.hide
-        ), f.current.classList.add(p.scaleIn), E.current.classList.remove(p.scaleIn), E.current.classList.add(p.hide);
+        ), h.current.classList.add(p.scaleIn), E.current.classList.remove(p.scaleIn), E.current.classList.add(p.hide);
       }, 2e3);
     }, w = (L) => {
       u && b(), l && l(L);
-    }, y = u ? /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, /* @__PURE__ */ e.createElement("div", { ref: f, className: `${h}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+    }, y = u ? /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { ref: h, className: `${f}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
       R,
       {
         iconName: o,
         iconSize: C,
-        className: `${h}__icon`
+        className: `${f}__icon`
       }
     )), /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: E,
-        className: `${h}__icon-wrapper ${p.hide}`
+        className: `${f}__icon-wrapper ${p.hide}`
       },
       /* @__PURE__ */ e.createElement(
         R,
         {
           iconName: r,
           iconSize: C,
-          className: `${h}__icon`
+          className: `${f}__icon`
         }
       )
-    )) : /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, /* @__PURE__ */ e.createElement(
+    )) : /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement(
       R,
       {
         iconName: o,
         iconSize: C,
-        className: `${h}__icon`
+        className: `${f}__icon`
       }
     ));
     return /* @__PURE__ */ e.createElement(
@@ -1382,7 +1382,7 @@ const St = 500, i1 = 700, ye = ({
       {
         "aria-label": t,
         className: H([
-          h,
+          f,
           N,
           g,
           i
@@ -1398,7 +1398,7 @@ const St = 500, i1 = 700, ye = ({
         ye,
         {
           content: t,
-          className: `${h}__tooltip`,
+          className: `${f}__tooltip`,
           offsetValue: _,
           customTrigger: y
         }
@@ -1446,7 +1446,7 @@ const St = 500, i1 = 700, ye = ({
   },
   /* @__PURE__ */ e.createElement(R, { iconName: "xmark", iconSize: s })
 ), V2 = () => {
-  const t = typeof window < "u", [s, a] = Z(
+  const t = typeof window < "u", [s, a] = W(
     t && window.innerWidth !== void 0 ? window.innerWidth : 1024
   );
   return ae(() => {
@@ -1484,7 +1484,7 @@ const St = 500, i1 = 700, ye = ({
   size: i = "md",
   testId: m,
   undefinedLabel: v = "Unlabeled group",
-  variant: h = "primary",
+  variant: f = "primary",
   withinNavbar: N,
   className: g,
   ...p
@@ -1493,7 +1493,7 @@ const St = 500, i1 = 700, ye = ({
     x: _,
     y: C,
     reference: u,
-    floating: f,
+    floating: h,
     strategy: E,
     update: b,
     placement: w,
@@ -1505,7 +1505,7 @@ const St = 500, i1 = 700, ye = ({
   let L = !1;
   const $ = Ce(be);
   $ && (L = $.isMobile);
-  const M = h === "navbar" && L, k = "pds-menu-button", z = M ? `${k}--isMobile` : null, F = N ? `${k}--navbar` : null, T = c, [V] = Z(`menu-button-${c}`), O = y.floating, W = le(null), [P, Y] = Z(!1), [Q, j] = Z(!1), [K, X] = Z(""), [I, x] = Z(0), S = le([]), A = le([]), G = le([]);
+  const M = f === "navbar" && L, k = "pds-menu-button", z = M ? `${k}--isMobile` : null, F = N ? `${k}--navbar` : null, I = c, [V] = W(`menu-button-${c}`), O = y.floating, Z = le(null), [P, Y] = W(!1), [Q, j] = W(!1), [K, X] = W(""), [A, x] = W(0), S = le([]), T = le([]), G = le([]);
   q2(() => {
     window.addEventListener("mousedown", Le, !0), b();
     const B = O.current;
@@ -1520,30 +1520,30 @@ const St = 500, i1 = 700, ye = ({
   }, U = () => {
     Y(!0), j(!0);
   }, ee = () => {
-    Y(!1), D(void 0, -1), W.current.querySelector(`#${T}`).focus();
+    Y(!1), D(void 0, -1), Z.current.querySelector(`#${I}`).focus();
   }, ce = (B) => {
     B = B.toLowerCase();
     let se = !1;
-    for (let q = I + 1; q < G.current.length; q++)
+    for (let q = A + 1; q < G.current.length; q++)
       if (G.current[q].label.toLowerCase().startsWith(B)) {
-        D(A.current[q], q), se = !0;
+        D(T.current[q], q), se = !0;
         break;
       }
     if (se === !1) {
-      for (let q = 0; q < I; q++)
+      for (let q = 0; q < A; q++)
         if (G.current[q].label.toLowerCase().startsWith(B)) {
-          D(A.current[q], q);
+          D(T.current[q], q);
           break;
         }
     }
   }, me = (B) => {
-    const se = A.current.indexOf(B), q = G.current[se];
+    const se = T.current.indexOf(B), q = G.current[se];
     if (q.callback && !q.disabled && q.callback(q), q.linkContent && !q.disabled) {
-      const ne = W.current.querySelector(`#${B} a`);
+      const ne = Z.current.querySelector(`#${B} a`);
       ne && ne.click();
     }
   }, fe = () => {
-    const B = A.current[I];
+    const B = T.current[A];
     me(B);
   }, te = (B) => {
     P ? ee() : U(), d && d(), j((se) => !se), B.stopPropagation(), B.preventDefault();
@@ -1558,7 +1558,7 @@ const St = 500, i1 = 700, ye = ({
       case "Enter":
       case "ArrowDown":
       case "Down":
-        U(), D(A.current[0], 0), q = !0, d && d();
+        U(), D(T.current[0], 0), q = !0, d && d();
         break;
       // close menu
       case "Esc":
@@ -1568,8 +1568,8 @@ const St = 500, i1 = 700, ye = ({
       // open menu and focus on last menu item
       case "Up":
       case "ArrowUp": {
-        const ne = A.current.length - 1;
-        U(), D(A.current[ne], ne), q = !0;
+        const ne = T.current.length - 1;
+        U(), D(T.current[ne], ne), q = !0;
         break;
       }
     }
@@ -1595,20 +1595,20 @@ const St = 500, i1 = 700, ye = ({
             break;
           case "Up":
           case "ArrowUp":
-            oe = I - 1, oe < 0 && (oe = A.current.length - 1), ne = A.current[oe], D(ne, oe), q = !0;
+            oe = A - 1, oe < 0 && (oe = T.current.length - 1), ne = T.current[oe], D(ne, oe), q = !0;
             break;
           case "ArrowDown":
           case "Down":
-            oe = I + 1, oe > A.current.length - 1 && (oe = 0), ne = A.current[oe], D(ne, oe), q = !0;
+            oe = A + 1, oe > T.current.length - 1 && (oe = 0), ne = T.current[oe], D(ne, oe), q = !0;
             break;
           case "Home":
           case "PageUp":
-            D(A.current[0], 0), q = !0;
+            D(T.current[0], 0), q = !0;
             break;
           case "End":
           case "PageDown": {
-            const de = A.current.length - 1;
-            D(A.current[de], de), q = !0;
+            const de = T.current.length - 1;
+            D(T.current[de], de), q = !0;
             break;
           }
           case "Tab":
@@ -1621,9 +1621,9 @@ const St = 500, i1 = 700, ye = ({
       q && (B.stopPropagation(), B.preventDefault());
     }
   }, Le = (B) => {
-    W.current && !W.current.contains(B.target) && P && ee();
+    Z.current && !Z.current.contains(B.target) && P && ee();
   }, Fe = (B, se, q = "", ne = "", ...oe) => {
-    const pe = q ? `-group-${q}` : "", de = T + pe + "-item-" + (se + 1), $e = B.id ? B.id : de;
+    const pe = q ? `-group-${q}` : "", de = I + pe + "-item-" + (se + 1), $e = B.id ? B.id : de;
     if (Vt(B))
       return /* @__PURE__ */ e.createElement("li", { role: "separator", key: $e });
     if (It(B))
@@ -1640,7 +1640,7 @@ const St = 500, i1 = 700, ye = ({
     if (p1(B))
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: $e }, B.nodeContent);
     if (At(B) || B.label) {
-      A.current.push($e), G.current.push(B);
+      T.current.push($e), G.current.push(B);
       let Je = !1;
       K !== "" && !B.disabled && (Je = K === $e);
       let He;
@@ -1648,7 +1648,7 @@ const St = 500, i1 = 700, ye = ({
         const lt = /* @__PURE__ */ e.createElement(
           R,
           {
-            key: `icon-${T}`,
+            key: `icon-${I}`,
             iconName: B.iconName,
             iconSize: "md"
           }
@@ -1686,7 +1686,7 @@ const St = 500, i1 = 700, ye = ({
       pe !== ne ? (oe.push(pe), de + 1 === B.length && q.push(oe)) : (q.push(oe), oe = [], oe.push(pe), ne = se.shift());
     }), q.filter((pe) => pe.length > 0);
   }, Ye = (B) => {
-    A.current = [], G.current = [];
+    T.current = [], G.current = [];
     const se = B, q = B.filter(
       It || Vt
     ), ne = q.length > 0;
@@ -1699,7 +1699,7 @@ const St = 500, i1 = 700, ye = ({
       let de = S.current[0];
       const $e = pe[0].findIndex(
         (He) => !Vt(He) && !It(He)
-      ), Je = `${T}-group-${de}-item-${$e + 1}`;
+      ), Je = `${I}-group-${de}-item-${$e + 1}`;
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -1707,7 +1707,7 @@ const St = 500, i1 = 700, ye = ({
           id: V,
           role: "menu",
           tabIndex: -1,
-          "aria-labelledby": T,
+          "aria-labelledby": I,
           "aria-activedescendant": K !== "" ? K : Je,
           style: {
             visibility: P ? "visible" : "hidden",
@@ -1718,11 +1718,11 @@ const St = 500, i1 = 700, ye = ({
             zIndex: "var(--pds-z-index-dropdown)"
           },
           onKeyDown: ge,
-          ref: f
+          ref: h
         },
         pe.map((He, Ge) => {
           de = S.current[Ge];
-          const Be = He[0].isHeading, lt = Be ? `${T}-group-${de}-heading` : "", P2 = `${T}-group-${de}`, B2 = Be ? null : `${v} ${Ge + 1}`;
+          const Be = He[0].isHeading, lt = Be ? `${I}-group-${de}-heading` : "", P2 = `${I}-group-${de}`, B2 = Be ? null : `${v} ${Ge + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
@@ -1741,7 +1741,7 @@ const St = 500, i1 = 700, ye = ({
         })
       );
     } else {
-      const pe = `${T}-item-1`;
+      const pe = `${I}-item-1`;
       return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
         "ul",
         {
@@ -1749,7 +1749,7 @@ const St = 500, i1 = 700, ye = ({
           id: V,
           role: "menu",
           tabIndex: -1,
-          "aria-labelledby": T,
+          "aria-labelledby": I,
           "aria-activedescendant": K !== "" ? K : pe,
           style: {
             visibility: P ? "visible" : "hidden",
@@ -1759,7 +1759,7 @@ const St = 500, i1 = 700, ye = ({
             transform: `translate(${Math.round(_)}px,${Math.round(C)}px)`
           },
           onKeyDown: ge,
-          ref: f
+          ref: h
         },
         se.map((de, $e) => Fe(de, $e))
       ));
@@ -1769,11 +1769,11 @@ const St = 500, i1 = 700, ye = ({
   if (s === "icon-end" && (Pe = /* @__PURE__ */ e.createElement(
     ze,
     {
-      id: T,
+      id: I,
       isSplitButton: o,
       label: r,
       size: i,
-      variant: h,
+      variant: f,
       displayType: s,
       iconName: "angleDown",
       type: "button",
@@ -1791,7 +1791,7 @@ const St = 500, i1 = 700, ye = ({
     Pe = /* @__PURE__ */ e.createElement(
       Ht,
       {
-        id: T,
+        id: I,
         ariaLabel: B,
         size: i,
         variant: "standard",
@@ -1824,7 +1824,7 @@ const St = 500, i1 = 700, ye = ({
   M && (ue = /* @__PURE__ */ e.createElement(
     "button",
     {
-      id: T,
+      id: I,
       type: "button",
       disabled: t,
       className: Ee,
@@ -1853,7 +1853,7 @@ const St = 500, i1 = 700, ye = ({
         g
       ]),
       "data-testid": m,
-      ref: W,
+      ref: Z,
       ...p
     },
     M ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ne, /* @__PURE__ */ e.createElement(dt, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Pe, Ye(l))
@@ -1870,7 +1870,7 @@ const St = 500, i1 = 700, ye = ({
   className: d,
   ...i
 }) => {
-  const m = "pds-segmented-button", v = t ? "pds-is-disabled" : null, h = l !== "md" ? `${m}--${l}` : null, N = typeof n < "u", g = typeof a < "u", [p, _] = Z(
+  const m = "pds-segmented-button", v = t ? "pds-is-disabled" : null, f = l !== "md" ? `${m}--${l}` : null, N = typeof n < "u", g = typeof a < "u", [p, _] = W(
     g ? a : ""
   ), C = (u) => {
     _(u.target.value), o && o(u.target.value);
@@ -1881,27 +1881,27 @@ const St = 500, i1 = 700, ye = ({
       {
         className: H([
           m,
-          h,
+          f,
           v,
           d ?? ""
         ]),
         ...i
       },
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${m}__options` }, r.map((u, f) => {
+      /* @__PURE__ */ e.createElement("div", { className: `${m}__options` }, r.map((u, h) => {
         const E = N ? n === u.value : p === u.value, b = `${m}__option`, w = E ? `${b}--checked` : null;
         return /* @__PURE__ */ e.createElement(
           "div",
           {
             className: H([b, w]),
-            key: `${s}-option-${f}`
+            key: `${s}-option-${h}`
           },
           /* @__PURE__ */ e.createElement(
             "input",
             {
               className: "visually-hidden",
               type: "radio",
-              id: u.id ? u.id : `${s}-option-${f}`,
+              id: u.id ? u.id : `${s}-option-${h}`,
               name: s,
               value: u.value,
               disabled: t || u.disabled,
@@ -1912,7 +1912,7 @@ const St = 500, i1 = 700, ye = ({
           /* @__PURE__ */ e.createElement(
             "label",
             {
-              htmlFor: u.id ? u.id : `${s}-option-${f}`,
+              htmlFor: u.id ? u.id : `${s}-option-${h}`,
               title: u.label
             },
             u.tally ? /* @__PURE__ */ e.createElement(
@@ -1946,8 +1946,8 @@ const St = 500, i1 = 700, ye = ({
   ...n
 }) => {
   const d = "pds-split-button", i = `${d}--${r}`, m = t[0], v = t.slice(1);
-  let h = null;
-  return "isLink" in m && m.isLink === !0 ? h = /* @__PURE__ */ e.createElement(
+  let f = null;
+  return "isLink" in m && m.isLink === !0 ? f = /* @__PURE__ */ e.createElement(
     Et,
     {
       className: `${d}__primary-action`,
@@ -1957,7 +1957,7 @@ const St = 500, i1 = 700, ye = ({
       disabled: s,
       linkContent: m.linkContent
     }
-  ) : "label" in m && (h = /* @__PURE__ */ e.createElement(
+  ) : "label" in m && (f = /* @__PURE__ */ e.createElement(
     ze,
     {
       className: `${d}__primary-action`,
@@ -1974,7 +1974,7 @@ const St = 500, i1 = 700, ye = ({
       id: a,
       ...n
     },
-    h,
+    f,
     /* @__PURE__ */ e.createElement(
       I2,
       {
@@ -2005,11 +2005,11 @@ const St = 500, i1 = 700, ye = ({
   label: i,
   linkContent: m,
   onClick: v,
-  tooltipText: h,
+  tooltipText: f,
   className: N,
   ...g
 }) => {
-  const p = "pds-utility-button", _ = a ? `${p}--border` : null, C = r ? `${p}--critical` : null, u = s ? `${p}--disabled` : null, f = l ? `${p}--loading` : null, E = n ? `${p}--working` : null, b = d ? `${p}--monospace` : null, w = l ? "pds-pulse" : null;
+  const p = "pds-utility-button", _ = a ? `${p}--border` : null, C = r ? `${p}--critical` : null, u = s ? `${p}--disabled` : null, h = l ? `${p}--loading` : null, E = n ? `${p}--working` : null, b = d ? `${p}--monospace` : null, w = l ? "pds-pulse" : null;
   if (m && !s) {
     const $ = he(m) ? m.props.children : null, M = [];
     o === "before" && c && !n && M.push(
@@ -2062,14 +2062,14 @@ const St = 500, i1 = 700, ye = ({
           _,
           C,
           u,
-          f,
+          h,
           E,
           b,
           N ?? ""
         ]),
         ...g
       },
-      h ? /* @__PURE__ */ e.createElement(ye, { content: h, customTrigger: k }) : k
+      f ? /* @__PURE__ */ e.createElement(ye, { content: f, customTrigger: k }) : k
     );
   }
   const y = m && he(m) ? m.props.children : i, L = /* @__PURE__ */ e.createElement(
@@ -2101,14 +2101,14 @@ const St = 500, i1 = 700, ye = ({
         _,
         C,
         u,
-        f,
+        h,
         E,
         b,
         N ?? ""
       ]),
       ...g
     },
-    h ? /* @__PURE__ */ e.createElement(ye, { content: h, customTrigger: L }) : L
+    f ? /* @__PURE__ */ e.createElement(ye, { content: f, customTrigger: L }) : L
   );
 }, Tt = {
   info: "circleInfo",
@@ -2208,8 +2208,8 @@ const St = 500, i1 = 700, ye = ({
   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, h] = Z(s), N = (f) => {
-    h(f.currentTarget.value), r && r(f.currentTarget.value);
+  const [v, f] = W(s), N = (h) => {
+    f(h.currentTarget.value), r && r(h.currentTarget.value);
   }, g = l.length, p = "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" && (g === 1 ? u = p : g % 3 === 0 ? u = C : g % 2 === 0 ? u = _ : u = C), /* @__PURE__ */ e.createElement(
@@ -2220,7 +2220,7 @@ const St = 500, i1 = 700, ye = ({
       ...d
     },
     /* @__PURE__ */ e.createElement("legend", { className: m }, a),
-    /* @__PURE__ */ e.createElement("div", { className: `${i}__options pds-grid pds-grid--narrow` }, l.map((f, E) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${i}__options pds-grid pds-grid--narrow` }, l.map((h, E) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: [`${i}__option`, u].join(" ").trim().replace(/\s+/g, " "),
@@ -2230,28 +2230,28 @@ const St = 500, i1 = 700, ye = ({
         "input",
         {
           type: "radio",
-          id: f.id ? f.id : `${t}-option-${E}`,
+          id: h.id ? h.id : `${t}-option-${E}`,
           name: t,
-          value: f.value,
+          value: h.value,
           onClick: N,
-          defaultChecked: v === f.value
+          defaultChecked: v === h.value
         }
       ),
       /* @__PURE__ */ e.createElement(
         "label",
         {
-          htmlFor: f.id ? f.id : `${t}-option-${E}`,
-          className: v === f.value ? `${i}__option-label ${i}__option-label--selected` : `${i}__option-label`
+          htmlFor: h.id ? h.id : `${t}-option-${E}`,
+          className: v === h.value ? `${i}__option-label ${i}__option-label--selected` : `${i}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${i}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           R,
           {
-            iconName: v === f.value ? "circleCheck" : "circle",
+            iconName: v === h.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: v === f.value ? `${i}__option-icon ${i}__option-icon--selected` : `${i}__option-icon`
+            className: v === h.value ? `${i}__option-icon ${i}__option-icon--selected` : `${i}__option-icon`
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${i}__option-label-text` }, f.label, f.description && /* @__PURE__ */ e.createElement("div", { className: `${i}__option-description` }, f.description))
+        /* @__PURE__ */ e.createElement("div", { className: `${i}__option-label-text` }, h.label, h.description && /* @__PURE__ */ e.createElement("div", { className: `${i}__option-description` }, h.description))
       )
     )))
   );
@@ -2581,7 +2581,7 @@ const St = 500, i1 = 700, ye = ({
   className: d,
   ...i
 }) => {
-  const m = "pds-new-site-card", v = l.type, h = /* @__PURE__ */ e.createElement(kt, { 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(kt, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${m}__main` }, /* @__PURE__ */ e.createElement(
     v,
     {
       "aria-label": l.props.children,
@@ -2619,7 +2619,7 @@ const St = 500, i1 = 700, ye = ({
       ), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, a))
     );
   }))));
-  return /* @__PURE__ */ e.createElement("div", { className: H([m, d ?? ""]), ...i }, h);
+  return /* @__PURE__ */ e.createElement("div", { className: H([m, d ?? ""]), ...i }, f);
 }, C1 = {
   amex: /* @__PURE__ */ e.createElement(
     "svg",
@@ -3044,7 +3044,7 @@ const St = 500, i1 = 700, ye = ({
   onOptionSelect: i,
   options: m,
   required: v = !1,
-  showLabel: h = !0,
+  showLabel: f = !0,
   tooltipText: N = null,
   validationMessage: g,
   validationStatus: p,
@@ -3052,12 +3052,12 @@ const St = 500, i1 = 700, ye = ({
   className: C,
   ...u
 }) => {
-  const f = We(c), E = "pds-select", b = s ? J.disabled : null, w = v && !s ? J.required : null, y = p === "error" ? J.error : null, L = p === "success" ? J.success : null;
+  const h = We(c), E = "pds-select", b = s ? J.disabled : null, w = v && !s ? J.required : null, y = p === "error" ? J.error : null, L = p === "success" ? J.success : null;
   let $ = null;
   p === "error" && ($ = "error"), p === "success" && ($ = "success");
-  const M = g || l, k = typeof _ < "u", z = typeof t < "u", T = ((ue) => ue.reduce((_e, Ee) => r2(Ee) ? [..._e, ...Ee.options] : [..._e, Ee], []))(m), V = (ue) => T.findIndex((_e) => _e.value === ue), O = k && V(_) >= 0 ? V(_) : null, W = z ? V(t) : null, P = O || W, [Y, Q] = Z(!1), [j, K] = Z(null), [X, I] = Z(
+  const M = g || l, k = typeof _ < "u", z = typeof t < "u", I = ((ue) => ue.reduce((_e, Ee) => r2(Ee) ? [..._e, ...Ee.options] : [..._e, Ee], []))(m), V = (ue) => I.findIndex((_e) => _e.value === ue), O = k && V(_) >= 0 ? V(_) : null, Z = z ? V(t) : null, P = O || Z, [Y, Q] = W(!1), [j, K] = W(null), [X, A] = W(
     P ?? null
-  ), x = X !== null ? T[X]?.label : void 0, S = X !== null ? T[X]?.value : void 0, A = le([]), { context: G, refs: D, floatingStyles: U } = ke({
+  ), x = X !== null ? I[X]?.label : void 0, S = X !== null ? I[X]?.value : void 0, T = le([]), { context: G, refs: D, floatingStyles: U } = ke({
     open: Y,
     onOpenChange: Q,
     whileElementsMounted: xe,
@@ -3077,13 +3077,13 @@ const St = 500, i1 = 700, ye = ({
     enabled: !s,
     event: "mousedown"
   }), ce = Se(G), me = Ve(G, { role: "listbox" }), fe = it(G, {
-    listRef: A,
+    listRef: T,
     activeIndex: j,
     selectedIndex: X,
     onNavigate: K,
     loop: !0
   }), te = jt(G, {
-    listRef: A,
+    listRef: T,
     activeIndex: j,
     selectedIndex: X,
     onMatch: (ue) => {
@@ -3110,13 +3110,13 @@ const St = 500, i1 = 700, ye = ({
       opacity: 0
     }
   }), Te = (ue) => {
-    const _e = T[ue];
-    k || (I(ue), Q(!1)), i && i(_e);
+    const _e = I[ue];
+    k || (A(ue), Q(!1)), i && i(_e);
   };
   ae(() => {
     if (k) {
       const ue = V(_);
-      I(ue), Q(!1);
+      A(ue), Q(!1);
     }
   }, [_]);
   const Ye = () => {
@@ -3136,7 +3136,7 @@ const St = 500, i1 = 700, ye = ({
             {
               key: se,
               ref: (q) => {
-                A.current[se] = q;
+                T.current[se] = q;
               },
               tabIndex: se === j ? 0 : -1,
               "aria-selected": se === X && se === j,
@@ -3168,7 +3168,7 @@ const St = 500, i1 = 700, ye = ({
         {
           key: Ne,
           ref: (we) => {
-            A.current[Ne] = we;
+            T.current[Ne] = we;
           },
           tabIndex: Ne === j ? 0 : -1,
           "aria-selected": Ne === X && Ne === j,
@@ -3199,7 +3199,7 @@ const St = 500, i1 = 700, ye = ({
         L,
         C ?? ""
       ]),
-      style: c ? f : null,
+      style: c ? h : null,
       ...u
     },
     /* @__PURE__ */ e.createElement(
@@ -3207,7 +3207,7 @@ const St = 500, i1 = 700, ye = ({
       {
         id: a,
         label: o,
-        showLabel: h,
+        showLabel: f,
         tooltipText: N,
         required: v,
         disabled: s
@@ -3272,58 +3272,58 @@ const St = 500, i1 = 700, ye = ({
   className: m,
   ...v
 }) => {
-  const h = "pds-pricing-card", N = `${h}-container`, g = a ? `${N}--with-list` : null, p = i ? `${h}--${i}` : null, _ = (z) => z.toLowerCase().replace(/\s/g, "-"), C = l && l.length > 1, [u, f] = Z(
+  const f = "pds-pricing-card", N = `${f}-container`, g = a ? `${N}--with-list` : null, p = i ? `${f}--${i}` : null, _ = (z) => z.toLowerCase().replace(/\s/g, "-"), C = l && l.length > 1, [u, h] = W(
     _(l[0].label)
-  ), [E, b] = Z(
+  ), [E, b] = W(
     t.label
   );
   let w = null, y = null;
-  C || (w = /* @__PURE__ */ e.createElement("div", { className: `${h}__pricing-data` }, l[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${h}__price-prefix` }, l[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${h}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__price` }, l[0].price), l[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__details` }, l[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${h}__savings-line` }, l[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+  C || (w = /* @__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(
     _t,
     {
-      className: `${h}__savings-badge`,
+      className: `${f}__savings-badge`,
       color: "neutral",
       size: "sm",
       label: l[0].savingsBadgeLabel
     }
-  ), l[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__savings-details` }, l[0].savingsDetails))), y = /* @__PURE__ */ e.createElement(
+  ), l[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${f}__savings-details` }, l[0].savingsDetails))), y = /* @__PURE__ */ e.createElement(
     m2,
     {
-      className: `${h}__list`,
+      className: `${f}__list`,
       listLabel: l[0].listLabel,
       listItems: l[0].listItems,
       renderTypeLabels: !1
     }
   )), C && (w = l.map((z) => {
-    const T = u === _(z.label) ? null : `${h}__pricing-data--hide`;
+    const I = u === _(z.label) ? null : `${f}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
         className: H([
-          `${h}__pricing-data`,
-          T
+          `${f}__pricing-data`,
+          I
         ]),
         id: `data-${_(z.label)}`,
         key: _(z.label)
       },
-      z.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${h}__price-prefix` }, z.pricePrefix),
-      /* @__PURE__ */ e.createElement("div", { className: `${h}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__price` }, z.price), z.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__details` }, z.priceDetails)),
-      /* @__PURE__ */ e.createElement("div", { className: `${h}__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(
         _t,
         {
-          className: `${h}__savings-badge`,
+          className: `${f}__savings-badge`,
           color: "neutral",
           size: "sm",
           label: z.savingsBadgeLabel
         }
-      ), z.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__savings-details` }, z.savingsDetails))
+      ), z.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${f}__savings-details` }, z.savingsDetails))
     );
   }), y = l.map((z) => {
-    const T = u === _(z.label) ? null : `${h}__list--hide`;
+    const I = u === _(z.label) ? null : `${f}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       m2,
       {
-        className: H([`${h}__list`, T]),
+        className: H([`${f}__list`, I]),
         listLabel: z.listLabel,
         listItems: z.listItems,
         renderTypeLabels: !1,
@@ -3333,7 +3333,7 @@ const St = 500, i1 = 700, ye = ({
   }));
   const L = (z) => {
     const F = l.find(
-      (T) => _(T.label) === z
+      (I) => _(I.label) === z
     );
     return F.customActionLabel ? F.customActionLabel : t.label;
   };
@@ -3342,7 +3342,7 @@ const St = 500, i1 = 700, ye = ({
     b1,
     {
       id: "plan-select",
-      className: `${h}__select`,
+      className: `${f}__select`,
       label: d,
       showLabel: !1,
       options: l.map((z) => ({
@@ -3351,7 +3351,7 @@ const St = 500, i1 = 700, ye = ({
       })),
       defaultValue: _(l[0].label),
       onOptionSelect: (z) => {
-        f(z.value), b(L(z.value)), c && c(z.value);
+        h(z.value), b(L(z.value)), c && c(z.value);
       }
     }
   ));
@@ -3398,14 +3398,14 @@ const St = 500, i1 = 700, ye = ({
       className: H([N, g, m]),
       ...v
     },
-    /* @__PURE__ */ e.createElement("div", { className: H([h, p]) }, i && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: H([f, p]) }, i && /* @__PURE__ */ e.createElement(
       Xt,
       {
-        className: `${h}__status-badge`,
+        className: `${f}__status-badge`,
         label: n[i],
         color: i === "mostPopular" ? "reverse" : "neutral"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${h}__main-content` }, r && /* @__PURE__ */ e.createElement("div", { className: `${h}__plan pds-overline-text` }, r), w, o && /* @__PURE__ */ e.createElement("div", { className: `${h}__description` }, o), $), /* @__PURE__ */ e.createElement("div", { className: `${h}__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), w, o && /* @__PURE__ */ e.createElement("div", { className: `${f}__description` }, o), $), /* @__PURE__ */ e.createElement("div", { className: `${f}__actions` }, t && M, t && s && k)),
     a && y
   );
 }, nn = ({
@@ -3422,7 +3422,7 @@ const St = 500, i1 = 700, ye = ({
   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 h = /* @__PURE__ */ e.createElement(
+  const f = /* @__PURE__ */ e.createElement(
     Xt,
     {
       label: m,
@@ -3437,7 +3437,7 @@ const St = 500, i1 = 700, ye = ({
       level: s,
       text: o
     }
-  ), h), /* @__PURE__ */ e.createElement("div", { className: `${i}__plan` }, r))), g = he(c) ? De(
+  ), f), /* @__PURE__ */ e.createElement("div", { className: `${i}__plan` }, r))), g = he(c) ? De(
     c,
     Object.assign({}, c.props, {
       className: `${i}__link`,
@@ -3511,8 +3511,8 @@ function N1() {
          * @memberof Prism
          */
         util: {
-          encode: function u(f) {
-            return f instanceof d ? new d(f.type, u(f.content), f.alias) : Array.isArray(f) ? f.map(u) : f.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+          encode: function u(h) {
+            return h instanceof d ? new d(h.type, u(h.content), h.alias) : Array.isArray(h) ? h.map(u) : h.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
           },
           /**
            * Returns the name of the type of the given value.
@@ -3552,30 +3552,30 @@ function N1() {
            * @returns {T}
            * @template T
            */
-          clone: function u(f, E) {
+          clone: function u(h, E) {
             E = E || {};
             var b, w;
-            switch (n.util.type(f)) {
+            switch (n.util.type(h)) {
               case "Object":
-                if (w = n.util.objId(f), E[w])
+                if (w = n.util.objId(h), E[w])
                   return E[w];
                 b = /** @type {Record<string, any>} */
                 {}, E[w] = b;
-                for (var y in f)
-                  f.hasOwnProperty(y) && (b[y] = u(f[y], E));
+                for (var y in h)
+                  h.hasOwnProperty(y) && (b[y] = u(h[y], E));
                 return (
                   /** @type {any} */
                   b
                 );
               case "Array":
-                return w = n.util.objId(f), E[w] ? E[w] : (b = [], E[w] = b, /** @type {Array} */
+                return w = n.util.objId(h), E[w] ? E[w] : (b = [], E[w] = b, /** @type {Array} */
                 /** @type {any} */
-                f.forEach(function(L, $) {
+                h.forEach(function(L, $) {
                   b[$] = u(L, E);
                 }), /** @type {any} */
                 b);
               default:
-                return f;
+                return h;
             }
           },
           /**
@@ -3588,9 +3588,9 @@ function N1() {
            */
           getLanguage: function(u) {
             for (; u; ) {
-              var f = o.exec(u.className);
-              if (f)
-                return f[1].toLowerCase();
+              var h = o.exec(u.className);
+              if (h)
+                return h[1].toLowerCase();
               u = u.parentElement;
             }
             return "none";
@@ -3602,8 +3602,8 @@ function N1() {
            * @param {string} language
            * @returns {void}
            */
-          setLanguage: function(u, f) {
-            u.className = u.className.replace(RegExp(o, "gi"), ""), u.classList.add("language-" + f);
+          setLanguage: function(u, h) {
+            u.className = u.className.replace(RegExp(o, "gi"), ""), u.classList.add("language-" + h);
           },
           /**
            * Returns the script element that is currently executing.
@@ -3625,10 +3625,10 @@ function N1() {
             } catch (b) {
               var u = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(b.stack) || [])[1];
               if (u) {
-                var f = document.getElementsByTagName("script");
-                for (var E in f)
-                  if (f[E].src == u)
-                    return f[E];
+                var h = document.getElementsByTagName("script");
+                for (var E in h)
+                  if (h[E].src == u)
+                    return h[E];
               }
               return null;
             }
@@ -3652,10 +3652,10 @@ function N1() {
            * @param {boolean} [defaultActivation=false]
            * @returns {boolean}
            */
-          isActive: function(u, f, E) {
-            for (var b = "no-" + f; u; ) {
+          isActive: function(u, h, E) {
+            for (var b = "no-" + h; u; ) {
               var w = u.classList;
-              if (w.contains(f))
+              if (w.contains(h))
                 return !0;
               if (w.contains(b))
                 return !1;
@@ -3707,10 +3707,10 @@ function N1() {
            *     'color': /\b(?:red|green|blue)\b/
            * });
            */
-          extend: function(u, f) {
+          extend: function(u, h) {
             var E = n.util.clone(n.languages[u]);
-            for (var b in f)
-              E[b] = f[b];
+            for (var b in h)
+              E[b] = h[b];
             return E;
           },
           /**
@@ -3788,13 +3788,13 @@ function N1() {
            * @returns {Grammar} The new grammar object.
            * @public
            */
-          insertBefore: function(u, f, E, b) {
+          insertBefore: function(u, h, E, b) {
             b = b || /** @type {any} */
             n.languages;
             var w = b[u], y = {};
             for (var L in w)
               if (w.hasOwnProperty(L)) {
-                if (L == f)
+                if (L == h)
                   for (var $ in E)
                     E.hasOwnProperty($) && (y[$] = E[$]);
                 E.hasOwnProperty(L) || (y[L] = w[L]);
@@ -3805,13 +3805,13 @@ function N1() {
             }), y;
           },
           // Traverse a language definition with Depth First Search
-          DFS: function u(f, E, b, w) {
+          DFS: function u(h, E, b, w) {
             w = w || {};
             var y = n.util.objId;
-            for (var L in f)
-              if (f.hasOwnProperty(L)) {
-                E.call(f, L, f[L], b || L);
-                var $ = f[L], M = n.util.type($);
+            for (var L in h)
+              if (h.hasOwnProperty(L)) {
+                E.call(h, L, h[L], b || L);
+                var $ = h[L], M = n.util.type($);
                 M === "Object" && !w[y($)] ? (w[y($)] = !0, u($, E, null, w)) : M === "Array" && !w[y($)] && (w[y($)] = !0, u($, E, L, w));
               }
           }
@@ -3829,8 +3829,8 @@ function N1() {
          * @memberof Prism
          * @public
          */
-        highlightAll: function(u, f) {
-          n.highlightAllUnder(document, u, f);
+        highlightAll: function(u, h) {
+          n.highlightAllUnder(document, u, h);
         },
         /**
          * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -3847,7 +3847,7 @@ function N1() {
          * @memberof Prism
          * @public
          */
-        highlightAllUnder: function(u, f, E) {
+        highlightAllUnder: function(u, h, E) {
           var b = {
             callback: E,
             container: u,
@@ -3855,7 +3855,7 @@ function N1() {
           };
           n.hooks.run("before-highlightall", b), b.elements = Array.prototype.slice.apply(b.container.querySelectorAll(b.selector)), n.hooks.run("before-all-elements-highlight", b);
           for (var w = 0, y; y = b.elements[w++]; )
-            n.highlightElement(y, f === !0, b.callback);
+            n.highlightElement(y, h === !0, b.callback);
         },
         /**
          * Highlights the code inside a single element.
@@ -3885,7 +3885,7 @@ function N1() {
          * @memberof Prism
          * @public
          */
-        highlightElement: function(u, f, E) {
+        highlightElement: function(u, h, E) {
           var b = n.util.getLanguage(u), w = n.languages[b];
           n.util.setLanguage(u, b);
           var y = u.parentElement;
@@ -3907,7 +3907,7 @@ function N1() {
             M(n.util.encode($.code));
             return;
           }
-          if (f && c.Worker) {
+          if (h && c.Worker) {
             var k = new Worker(n.filename);
             k.onmessage = function(z) {
               M(z.data);
@@ -3939,10 +3939,10 @@ function N1() {
          * @example
          * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
          */
-        highlight: function(u, f, E) {
+        highlight: function(u, h, E) {
           var b = {
             code: u,
-            grammar: f,
+            grammar: h,
             language: E
           };
           if (n.hooks.run("before-tokenize", b), !b.grammar)
@@ -3973,15 +3973,15 @@ function N1() {
          *     }
          * });
          */
-        tokenize: function(u, f) {
-          var E = f.rest;
+        tokenize: function(u, h) {
+          var E = h.rest;
           if (E) {
             for (var b in E)
-              f[b] = E[b];
-            delete f.rest;
+              h[b] = E[b];
+            delete h.rest;
           }
           var w = new v();
-          return h(w, w.head, u), m(u, w, f, w.head, 0), g(w);
+          return f(w, w.head, u), m(u, w, h, w.head, 0), g(w);
         },
         /**
          * @namespace
@@ -4002,9 +4002,9 @@ function N1() {
            * @param {HookCallback} callback The callback function which is given environment variables.
            * @public
            */
-          add: function(u, f) {
+          add: function(u, h) {
             var E = n.hooks.all;
-            E[u] = E[u] || [], E[u].push(f);
+            E[u] = E[u] || [], E[u].push(h);
           },
           /**
            * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -4015,44 +4015,44 @@ function N1() {
            * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
            * @public
            */
-          run: function(u, f) {
+          run: function(u, h) {
             var E = n.hooks.all[u];
             if (!(!E || !E.length))
               for (var b = 0, w; w = E[b++]; )
-                w(f);
+                w(h);
           }
         },
         Token: d
       };
       c.Prism = n;
-      function d(u, f, E, b) {
-        this.type = u, this.content = f, this.alias = E, this.length = (b || "").length | 0;
+      function d(u, h, E, b) {
+        this.type = u, this.content = h, this.alias = E, this.length = (b || "").length | 0;
       }
-      d.stringify = function u(f, E) {
-        if (typeof f == "string")
-          return f;
-        if (Array.isArray(f)) {
+      d.stringify = function u(h, E) {
+        if (typeof h == "string")
+          return h;
+        if (Array.isArray(h)) {
           var b = "";
-          return f.forEach(function(M) {
+          return h.forEach(function(M) {
             b += u(M, E);
           }), b;
         }
         var w = {
-          type: f.type,
-          content: u(f.content, E),
+          type: h.type,
+          content: u(h.content, E),
           tag: "span",
-          classes: ["token", f.type],
+          classes: ["token", h.type],
           attributes: {},
           language: E
-        }, y = f.alias;
+        }, y = h.alias;
         y && (Array.isArray(y) ? Array.prototype.push.apply(w.classes, y) : w.classes.push(y)), n.hooks.run("wrap", w);
         var L = "";
         for (var $ in w.attributes)
           L += " " + $ + '="' + (w.attributes[$] || "").replace(/"/g, "&quot;") + '"';
         return "<" + w.tag + ' class="' + w.classes.join(" ") + '"' + L + ">" + w.content + "</" + w.tag + ">";
       };
-      function i(u, f, E, b) {
-        u.lastIndex = f;
+      function i(u, h, E, b) {
+        u.lastIndex = h;
         var w = u.exec(E);
         if (w && b && w[1]) {
           var y = w[1].length;
@@ -4060,7 +4060,7 @@ function N1() {
         }
         return w;
       }
-      function m(u, f, E, b, w, y) {
+      function m(u, h, E, b, w, y) {
         for (var L in E)
           if (!(!E.hasOwnProperty(L) || !E[L])) {
             var $ = E[L];
@@ -4068,41 +4068,41 @@ function N1() {
             for (var M = 0; M < $.length; ++M) {
               if (y && y.cause == L + "," + M)
                 return;
-              var k = $[M], z = k.inside, F = !!k.lookbehind, T = !!k.greedy, V = k.alias;
-              if (T && !k.pattern.global) {
+              var k = $[M], z = k.inside, F = !!k.lookbehind, I = !!k.greedy, V = k.alias;
+              if (I && !k.pattern.global) {
                 var O = k.pattern.toString().match(/[imsuy]*$/)[0];
                 k.pattern = RegExp(k.pattern.source, O + "g");
               }
-              for (var W = k.pattern || k, P = b.next, Y = w; P !== f.tail && !(y && Y >= y.reach); Y += P.value.length, P = P.next) {
+              for (var Z = k.pattern || k, P = b.next, Y = w; P !== h.tail && !(y && Y >= y.reach); Y += P.value.length, P = P.next) {
                 var Q = P.value;
-                if (f.length > u.length)
+                if (h.length > u.length)
                   return;
                 if (!(Q instanceof d)) {
                   var j = 1, K;
-                  if (T) {
-                    if (K = i(W, Y, u, F), !K || K.index >= u.length)
+                  if (I) {
+                    if (K = i(Z, Y, u, F), !K || K.index >= u.length)
                       break;
-                    var S = K.index, X = K.index + K[0].length, I = Y;
-                    for (I += P.value.length; S >= I; )
-                      P = P.next, I += P.value.length;
-                    if (I -= P.value.length, Y = I, P.value instanceof d)
+                    var S = K.index, X = K.index + K[0].length, A = Y;
+                    for (A += P.value.length; S >= A; )
+                      P = P.next, A += P.value.length;
+                    if (A -= P.value.length, Y = A, P.value instanceof d)
                       continue;
-                    for (var x = P; x !== f.tail && (I < X || typeof x.value == "string"); x = x.next)
-                      j++, I += x.value.length;
-                    j--, Q = u.slice(Y, I), K.index -= Y;
-                  } else if (K = i(W, 0, Q, F), !K)
+                    for (var x = P; x !== h.tail && (A < X || typeof x.value == "string"); x = x.next)
+                      j++, A += x.value.length;
+                    j--, Q = u.slice(Y, A), K.index -= Y;
+                  } else if (K = i(Z, 0, Q, F), !K)
                     continue;
-                  var S = K.index, A = K[0], G = Q.slice(0, S), D = Q.slice(S + A.length), U = Y + Q.length;
+                  var S = K.index, T = K[0], G = Q.slice(0, S), D = Q.slice(S + T.length), U = Y + Q.length;
                   y && U > y.reach && (y.reach = U);
                   var ee = P.prev;
-                  G && (ee = h(f, ee, G), Y += G.length), N(f, ee, j);
-                  var ce = new d(L, z ? n.tokenize(A, z) : A, V, A);
-                  if (P = h(f, ee, ce), D && h(f, P, D), j > 1) {
+                  G && (ee = f(h, ee, G), Y += G.length), N(h, ee, j);
+                  var ce = new d(L, z ? n.tokenize(T, z) : T, V, T);
+                  if (P = f(h, ee, ce), D && f(h, P, D), j > 1) {
                     var me = {
                       cause: L + "," + M,
                       reach: U
                     };
-                    m(u, f, E, P.prev, Y, me), y && me.reach > y.reach && (y.reach = me.reach);
+                    m(u, h, E, P.prev, Y, me), y && me.reach > y.reach && (y.reach = me.reach);
                   }
                 }
               }
@@ -4110,26 +4110,26 @@ function N1() {
           }
       }
       function v() {
-        var u = { value: null, prev: null, next: null }, f = { value: null, prev: u, next: null };
-        u.next = f, this.head = u, this.tail = f, this.length = 0;
+        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 h(u, f, E) {
-        var b = f.next, w = { value: E, prev: f, next: b };
-        return f.next = w, b.prev = w, u.length++, w;
+      function f(u, h, E) {
+        var b = h.next, w = { value: E, prev: h, next: b };
+        return h.next = w, b.prev = w, u.length++, w;
       }
-      function N(u, f, E) {
-        for (var b = f.next, w = 0; w < E && b !== u.tail; w++)
+      function N(u, h, E) {
+        for (var b = h.next, w = 0; w < E && b !== u.tail; w++)
           b = b.next;
-        f.next = b, b.prev = f, u.length -= w;
+        h.next = b, b.prev = h, u.length -= w;
       }
       function g(u) {
-        for (var f = [], E = u.head.next; E !== u.tail; )
-          f.push(E.value), E = E.next;
-        return f;
+        for (var h = [], E = u.head.next; E !== u.tail; )
+          h.push(E.value), E = E.next;
+        return h;
       }
       if (!c.document)
         return c.addEventListener && (n.disableWorkerMessageHandler || c.addEventListener("message", function(u) {
-          var f = JSON.parse(u.data), E = f.language, b = f.code, w = f.immediateClose;
+          var h = JSON.parse(u.data), E = h.language, b = h.code, w = h.immediateClose;
           c.postMessage(n.highlight(b, n.languages[E], E)), w && c.close();
         }, !1)), n;
       var p = n.util.currentScript();
@@ -4355,7 +4355,7 @@ const y1 = /* @__PURE__ */ $1(w1), L1 = {
   className: n,
   ...d
 }) => {
-  const i = "pds-skeleton", m = `${i}--${a}`, v = s ? `pds-pulse pds-pulse--${t}` : `${i}--${t}`, h = ["text-block", "code-block", "code-block-prefix"], N = c?.height ? typeof c.height == "number" ? `${c.height}rem` : `${p2[`SPACING_${c.height.toUpperCase()}`]}rem` : "1rem", g = c?.width ? typeof c.width == "number" ? `${c.width}rem` : `${p2[`SPACING_${c.width.toUpperCase()}`]}rem` : "100%";
+  const i = "pds-skeleton", m = `${i}--${a}`, v = s ? `pds-pulse pds-pulse--${t}` : `${i}--${t}`, f = ["text-block", "code-block", "code-block-prefix"], N = c?.height ? typeof c.height == "number" ? `${c.height}rem` : `${p2[`SPACING_${c.height.toUpperCase()}`]}rem` : "1rem", g = c?.width ? typeof c.width == "number" ? `${c.width}rem` : `${p2[`SPACING_${c.width.toUpperCase()}`]}rem` : "100%";
   let p = {
     height: N,
     width: g
@@ -4376,7 +4376,7 @@ const y1 = /* @__PURE__ */ $1(w1), L1 = {
       style: p,
       ...d
     }
-  ), f = Math.max(1, Math.min(r, a === "code-block" || a === "code-block-prefix" ? 15 : 5));
+  ), h = Math.max(1, Math.min(r, a === "code-block" || a === "code-block-prefix" ? 15 : 5));
   let E = `${h2[`TYPE_SCALE_${l.toUpperCase()}`] * 0.75}rem`;
   (a === "code-block" || a === "code-block-prefix") && (E = `${h2[`TYPE_SCALE_${l.toUpperCase()}`] * 1.25}rem`);
   const b = `calc(var(--pds-typography-size-${l}) * 0.75)`, w = (M) => {
@@ -4387,14 +4387,14 @@ const y1 = /* @__PURE__ */ $1(w1), L1 = {
       return k === 2 ? `calc(${g} * 0.75)` : k % 2 === 1 ? `calc(${g} * 0.85)` : `calc(${g} * 0.75)`;
     }
     if (a === "code-block" || a === "code-block-prefix")
-      return M === f - 1 ? `calc(${g} * 0.80)` : g;
+      return M === h - 1 ? `calc(${g} * 0.80)` : g;
   }, y = () => `var(--pds-typography-size-${l})`, L = (M) => {
-    if (!(a === "code-block" || a === "code-block-prefix") || f < 5)
+    if (!(a === "code-block" || a === "code-block-prefix") || h < 5)
       return 1;
-    const z = Math.ceil(f / 2), F = Math.max(0, z - 1);
+    const z = Math.ceil(h / 2), F = Math.max(0, z - 1);
     if (M < F)
       return 1;
-    const T = f - F, V = M - F, O = 1 - 0.1, W = V / T, P = 1 - O * W;
+    const I = h - F, V = M - F, O = 1 - 0.1, Z = V / I, P = 1 - O * Z;
     return Math.max(0.1, P);
   }, $ = /* @__PURE__ */ e.createElement(
     "div",
@@ -4411,7 +4411,7 @@ const y1 = /* @__PURE__ */ $1(w1), L1 = {
       },
       ...d
     },
-    Array.from({ length: f }, (M, k) => /* @__PURE__ */ e.createElement(
+    Array.from({ length: h }, (M, k) => /* @__PURE__ */ e.createElement(
       "div",
       {
         key: k,
@@ -4449,7 +4449,7 @@ const y1 = /* @__PURE__ */ $1(w1), L1 = {
       )
     ))
   );
-  return h.includes(a) ? $ : _;
+  return f.includes(a) ? $ : _;
 };
 (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 = {
@@ -4725,13 +4725,13 @@ const an = ({
   loadingLineCount: i = 1,
   maxHeight: m,
   promptSymbol: v = "$",
-  renderAsLegacy: h = !1,
+  renderAsLegacy: f = !1,
   shouldWrap: N = !1,
   className: g,
   ...p
 }) => {
-  const _ = "pds-code-block", C = `${_}--${s}`, u = N ? `${_}__line-wrapped` : "", f = {};
-  l && (f.height = `${l}rem`), m && (f.maxHeight = `${m}rem`);
+  const _ = "pds-code-block", C = `${_}--${s}`, u = N ? `${_}__line-wrapped` : "", h = {};
+  l && (h.height = `${l}rem`), m && (h.maxHeight = `${m}rem`);
   const E = s === "dark" ? "reverse" : "standard", b = s === "dark" ? L1 : H1, w = ["bash", "diff", "twig"], y = /* @__PURE__ */ e.createElement("div", { className: `${_}__code` }, /* @__PURE__ */ e.createElement(
     J1,
     {
@@ -4740,32 +4740,32 @@ const an = ({
       shape: o || r ? "code-block-prefix" : "code-block",
       colorType: s === "dark" ? "bold" : "regular"
     }
-  )), L = (T) => {
+  )), L = (I) => {
     const V = document.createElement("div");
-    return V.innerHTML = T, V.querySelectorAll("br").forEach((W) => {
-      W.replaceWith(`
+    return V.innerHTML = I, V.querySelectorAll("br").forEach((Z) => {
+      Z.replaceWith(`
 `);
     }), V.textContent || V.innerText || "";
-  }, $ = (T) => T.split(/<br\s*\/?>/i).map((O, W) => /* @__PURE__ */ e.createElement("div", { key: W, className: `${_}__line ${u}` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__number` }, W + 1), /* @__PURE__ */ e.createElement(
+  }, $ = (I) => I.split(/<br\s*\/?>/i).map((O, Z) => /* @__PURE__ */ e.createElement("div", { key: Z, className: `${_}__line ${u}` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__number` }, Z + 1), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${_}__line-content`,
       dangerouslySetInnerHTML: { __html: O }
     }
-  ))), M = (T) => T.split(/<br\s*\/?>/i).map((O, W) => /* @__PURE__ */ e.createElement("div", { key: W, className: `${_}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__prompt` }, v), /* @__PURE__ */ e.createElement(
+  ))), M = (I) => I.split(/<br\s*\/?>/i).map((O, Z) => /* @__PURE__ */ e.createElement("div", { key: Z, className: `${_}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__prompt` }, v), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${_}__line-content`,
       dangerouslySetInnerHTML: { __html: O }
     }
   )));
-  if (h) {
-    const T = L(t);
+  if (f) {
+    const I = L(t);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
         className: H([_, C, g ?? ""]),
-        style: f,
+        style: h,
         ...p
       },
       n ? y : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("pre", { className: `${_}__code`, tabIndex: 0 }, o || r ? o ? /* @__PURE__ */ e.createElement(e.Fragment, null, $(t)) : /* @__PURE__ */ e.createElement(e.Fragment, null, M(t)) : /* @__PURE__ */ e.createElement(
@@ -4778,7 +4778,7 @@ const an = ({
         o2,
         {
           ariaLabel: a,
-          clipboardText: T,
+          clipboardText: I,
           variant: E
         }
       )))
@@ -4789,7 +4789,7 @@ const an = ({
     "div",
     {
       className: H([_, C, g ?? ""]),
-      style: f,
+      style: h,
       ...p
     },
     n ? y : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -4973,10 +4973,10 @@ const an = ({
   className: m,
   ...v
 }) => {
-  let h = !1;
+  let f = !1;
   const N = Ce(be);
-  N && (h = N.isMobile);
-  const g = "pds-horizontal-empty-state", p = `${g}--${t}`, _ = h ? `${g}--isMobile` : null, C = c ? `${g}--panel` : null, u = n ? `${g}--video` : null, f = {
+  N && (f = N.isMobile);
+  const g = "pds-horizontal-empty-state", p = `${g}--${t}`, _ = f ? `${g}--isMobile` : null, C = c ? `${g}--panel` : null, u = n ? `${g}--video` : null, h = {
     width: d,
     marginLeft: i
   };
@@ -4995,7 +4995,7 @@ const an = ({
       ]),
       ...v
     },
-    h && n && E,
+    f && n && E,
     /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement(
       Xe,
       {
@@ -5005,8 +5005,8 @@ const an = ({
       },
       o
     ), l && l, s && /* @__PURE__ */ e.createElement("div", { className: `${g}__cta` }, s)),
-    !h && a && !n && /* @__PURE__ */ e.createElement("div", { className: `${g}__media`, style: f }, typeof a == "string" ? /* @__PURE__ */ e.createElement("img", { className: `${g}__image`, src: a, alt: "" }) : a),
-    !h && n && E
+    !f && a && !n && /* @__PURE__ */ e.createElement("div", { className: `${g}__media`, style: h }, typeof a == "string" ? /* @__PURE__ */ e.createElement("img", { className: `${g}__image`, src: a, alt: "" }) : a),
+    !f && n && E
   );
 }, mn = ({
   ctaRegion: t,
@@ -5107,8 +5107,8 @@ const an = ({
   ...o
 }) => {
   const r = "pds-flow-steps", l = `${r}--${t}`, n = s === "horizontal" ? `${r}--horizontal` : "", d = a.map(({ header: i, content: m }, v) => {
-    const h = /* @__PURE__ */ e.createElement("div", { className: `${r}__number` }, /* @__PURE__ */ e.createElement("span", null, v + 1)), N = /* @__PURE__ */ e.createElement("div", { className: `${r}__header` }, i), g = m ? /* @__PURE__ */ e.createElement("div", { className: `${r}__content` }, m) : null, p = `${r}__step`;
-    return /* @__PURE__ */ e.createElement("li", { key: v, className: p }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, h, /* @__PURE__ */ e.createElement("div", { className: `${r}__content-group` }, N, g)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${r}__header-group` }, h, N), g));
+    const f = /* @__PURE__ */ e.createElement("div", { className: `${r}__number` }, /* @__PURE__ */ e.createElement("span", null, v + 1)), N = /* @__PURE__ */ e.createElement("div", { className: `${r}__header` }, i), g = m ? /* @__PURE__ */ e.createElement("div", { className: `${r}__content` }, m) : null, p = `${r}__step`;
+    return /* @__PURE__ */ e.createElement("li", { key: v, className: p }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, f, /* @__PURE__ */ e.createElement("div", { className: `${r}__content-group` }, N, g)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${r}__header-group` }, f, N), g));
   });
   return /* @__PURE__ */ e.createElement(
     "ol",
@@ -5170,14 +5170,14 @@ const an = ({
   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"), h = c.includes("cookiePolicy"), N = c.includes("termsOfUse"), g = c.includes("acceptableUse"), p = 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"), N = c.includes("termsOfUse"), g = c.includes("acceptableUse"), p = 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"), h && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), N && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), g && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), p && /* @__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"), N && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), g && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
   );
 }, ns = Ze(
   ({
@@ -5193,22 +5193,22 @@ const an = ({
     name: i,
     nestingLevel: m = 0,
     onBlur: v,
-    onChange: h,
+    onChange: f,
     onFocus: N,
     required: g,
     showLabel: p = !0,
     size: _ = "M",
     validationMessage: C,
     validationStatus: u,
-    value: f,
+    value: h,
     className: E,
     ...b
   }, w) => {
-    const y = l ? { width: `${l / 16}rem` } : null, L = "pds-checkbox", $ = a ? J.disabled : null, M = u === "error" ? J.error : null, k = m > 0 ? `${L}--indent-${m}` : null, z = g && !a ? J.required : null, F = _ === "S" ? `${L}--sm` : null, T = u === "success" ? J.success : null, V = C || d, O = typeof t < "u", W = typeof s < "u", [P, Y] = Z(
-      W ? s : !1
+    const y = l ? { width: `${l / 16}rem` } : null, L = "pds-checkbox", $ = a ? J.disabled : null, M = u === "error" ? J.error : null, k = m > 0 ? `${L}--indent-${m}` : null, z = g && !a ? J.required : null, F = _ === "S" ? `${L}--sm` : null, I = u === "success" ? J.success : null, V = C || d, O = typeof t < "u", Z = typeof s < "u", [P, Y] = W(
+      Z ? s : !1
     ), Q = t || P, j = (S) => {
-      O || Y(S.target.checked), h && h(S);
-    }, K = `${L}__box`, X = o ? null : Q ? `${K}--checked` : null, I = o ? `${K}--indeterminate` : null, x = Wt(() => {
+      O || Y(S.target.checked), f && f(S);
+    }, K = `${L}__box`, X = o ? null : Q ? `${K}--checked` : null, A = o ? `${K}--indeterminate` : null, x = Wt(() => {
       if (o)
         return /* @__PURE__ */ e.createElement(
           R,
@@ -5236,7 +5236,7 @@ const an = ({
           $,
           z,
           M,
-          T,
+          I,
           F,
           k,
           E ?? ""
@@ -5253,7 +5253,7 @@ const an = ({
           type: "checkbox",
           checked: O ? t : P,
           "aria-checked": o ? "mixed" : Q ? "true" : "false",
-          ...f ? { value: f } : {},
+          ...h ? { value: h } : {},
           disabled: a,
           required: g,
           onBlur: v,
@@ -5269,7 +5269,7 @@ const an = ({
           className: H([
             K,
             X,
-            I
+            A
           ])
         },
         /* @__PURE__ */ e.createElement(x, null)
@@ -5310,10 +5310,10 @@ const an = ({
   tooltipText: i = null,
   validationMessage: m,
   validationStatus: v,
-  className: h,
+  className: f,
   ...N
 }) => {
-  const g = o ? { width: `${o / 16}rem` } : null, p = "pds-checkbox-group", _ = s ? J.disabled : null, C = n && !s ? J.required : null, u = v === "error" ? J.error : null, f = v === "success" ? J.success : null, E = m || l;
+  const g = o ? { width: `${o / 16}rem` } : null, p = "pds-checkbox-group", _ = s ? J.disabled : null, C = n && !s ? J.required : null, u = v === "error" ? J.error : null, h = v === "success" ? J.success : null, E = m || l;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -5322,8 +5322,8 @@ const an = ({
         _,
         C,
         u,
-        f,
-        h ?? ""
+        h,
+        f ?? ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: o ? g : null,
       ...N
@@ -5364,12 +5364,12 @@ const an = ({
   required: i = !1,
   showLabel: m = !0,
   tooltipText: v = null,
-  validationMessage: h,
+  validationMessage: f,
   validationStatus: N,
   className: g,
   ...p
 }) => {
-  const _ = c ? { width: `${c / 16}rem` } : null, C = "pds-checkbox-group", u = t ? J.disabled : null, f = i && !t ? J.required : null, E = N === "error" ? J.error : null, b = N === "success" ? J.success : null, w = h || r;
+  const _ = c ? { width: `${c / 16}rem` } : null, C = "pds-checkbox-group", u = t ? J.disabled : null, h = i && !t ? J.required : null, E = N === "error" ? J.error : null, b = N === "success" ? J.success : null, w = f || r;
   d.map((z) => {
     z.id || (z.id = z.value);
   });
@@ -5377,9 +5377,9 @@ const an = ({
   d.map((z) => {
     z.checked === !0 && y.push(z.value);
   });
-  const [L, $] = Z(y), M = (z) => {
-    const { value: F } = z.target, T = L.includes(F) ? L.filter((V) => V !== F) : [...L, F];
-    $(T), n && n(T);
+  const [L, $] = W(y), M = (z) => {
+    const { value: F } = z.target, I = L.includes(F) ? L.filter((V) => V !== F) : [...L, F];
+    $(I), n && n(I);
   };
   d.map((z) => {
     L.includes(z.value) ? z.checked = !0 : z.checked = !1;
@@ -5395,7 +5395,7 @@ const an = ({
       className: [
         C,
         u,
-        f,
+        h,
         E,
         b,
         g ?? ""
@@ -5434,7 +5434,7 @@ const an = ({
       {
         id: a,
         message: w,
-        hasValidationMessage: !!h,
+        hasValidationMessage: !!f,
         validationMessageHasDecorators: !0,
         validationStatus: N
       }
@@ -5459,14 +5459,14 @@ const an = ({
       triggerButton: "Toggle dropdown menu"
     },
     loadingText: v = "Loading results...",
-    message: h,
+    message: f,
     noResultsText: N = "No results found",
     onChange: g,
     onBlur: p,
     onClear: _,
     onFocus: C,
     onOptionSelect: u,
-    options: f,
+    options: h,
     placeholder: E,
     required: b = !1,
     showLabel: w = !0,
@@ -5477,21 +5477,21 @@ const an = ({
     className: k,
     ...z
   }, F) => {
-    const T = We(n), V = "pds-combobox", O = s ? J.disabled : null, W = b && !s ? J.required : null, P = M === "error" ? J.error : null, Y = M === "success" ? J.success : null;
+    const I = We(n), V = "pds-combobox", O = s ? J.disabled : null, Z = b && !s ? J.required : null, P = M === "error" ? J.error : null, Y = M === "success" ? J.success : null;
     let Q = null;
     o && (Q = "search"), M === "error" && (Q = "error"), M === "success" && (Q = "success");
-    const j = $ || h, K = typeof L < "u", X = typeof t < "u", I = (q) => {
-      const ne = f.find((oe) => oe.value === q);
+    const j = $ || f, K = typeof L < "u", X = typeof t < "u", A = (q) => {
+      const ne = h.find((oe) => oe.value === q);
       return ne ? ne.label : "";
-    }, [x, S] = Z(!1), [A, G] = Z(null), [D, U] = Z(
-      X ? I(t) : ""
-    ), [ee, ce] = Z([]), me = K ? L : D, fe = le([]), { context: te, refs: ie } = ke({
+    }, [x, S] = W(!1), [T, G] = W(null), [D, U] = W(
+      X ? A(t) : ""
+    ), [ee, ce] = W([]), me = K ? L : D, fe = le([]), { context: te, refs: ie } = ke({
       open: x,
       onOpenChange: S,
       whileElementsMounted: xe
     }), re = Ve(te, { role: "listbox" }), ge = Se(te), Le = it(te, {
       listRef: fe,
-      activeIndex: A,
+      activeIndex: T,
       onNavigate: G,
       virtual: !0,
       loop: !0,
@@ -5535,7 +5535,7 @@ const an = ({
       };
     });
     ae(() => {
-      const q = B(f).filter(
+      const q = B(h).filter(
         (ne) => {
           const oe = ne.searchIndex?.map(
             (de) => de.toLowerCase()
@@ -5544,7 +5544,7 @@ const an = ({
         }
       );
       ce(q);
-    }, [me, d, f]);
+    }, [me, d, h]);
     const se = ee.map((q, ne) => {
       const { label: oe, value: pe, optionDisplay: de } = q;
       return /* @__PURE__ */ e.createElement(
@@ -5560,8 +5560,8 @@ const an = ({
               we(ne), ie.domReference.current?.focus();
             }
           }),
-          tabIndex: A === ne ? 0 : -1,
-          isActive: A === ne
+          tabIndex: T === ne ? 0 : -1,
+          isActive: T === ne
         },
         de || oe
       );
@@ -5573,12 +5573,12 @@ const an = ({
           J.base,
           V,
           O,
-          W,
+          Z,
           P,
           Y,
           k ?? ""
         ]),
-        style: n ? T : null,
+        style: n ? I : null,
         ...z
       },
       /* @__PURE__ */ e.createElement(
@@ -5621,7 +5621,7 @@ const an = ({
               onChange: _e,
               onFocus: Ne,
               onKeyDown(q) {
-                q.key === "Enter" && A != null && ee[A] && we(A);
+                q.key === "Enter" && T != null && ee[T] && we(T);
               }
             })
           }
@@ -5714,23 +5714,23 @@ const an = ({
   onChange: i,
   options: m,
   placeholder: v = "Filter",
-  required: h = !1,
+  required: f = !1,
   showLabel: N = !0,
   className: g,
   ...p
 }) => {
-  const _ = We(c), C = "pds-combobox-multi", u = t ? J.disabled : null, f = h && !t ? J.required : null, [E, b] = Z(""), [w, y] = Z(a), [L, $] = Z(
+  const _ = We(c), C = "pds-combobox-multi", u = t ? J.disabled : null, h = f && !t ? J.required : null, [E, b] = W(""), [w, y] = W(a), [L, $] = W(
     null
   ), M = N2(
     () => ls(m, w, E),
     [m, w, E]
   ), k = (S) => {
     y(S), i?.(S);
-  }, { getSelectedItemProps: z, getDropdownProps: F, removeSelectedItem: T } = pt({
+  }, { getSelectedItemProps: z, getDropdownProps: F, removeSelectedItem: I } = pt({
     selectedItems: w,
-    onStateChange: ({ selectedItems: S, type: A }) => {
+    onStateChange: ({ selectedItems: S, type: T }) => {
       if (!t)
-        switch (A) {
+        switch (T) {
           case pt.stateChangeTypes.SelectedItemKeyDownBackspace:
           case pt.stateChangeTypes.SelectedItemKeyDownDelete:
           case pt.stateChangeTypes.DropdownKeyDownBackspace:
@@ -5742,7 +5742,7 @@ const an = ({
   }), {
     isOpen: V,
     highlightedIndex: O,
-    selectedItem: W,
+    selectedItem: Z,
     getToggleButtonProps: P,
     getMenuProps: Y,
     getInputProps: Q,
@@ -5753,26 +5753,26 @@ const an = ({
     selectedItem: null,
     inputValue: E,
     isOpen: t ? !1 : void 0,
-    stateReducer: (S, { changes: A, type: G }) => {
+    stateReducer: (S, { changes: T, type: G }) => {
       if (t) return S;
       switch (G) {
         case et.stateChangeTypes.InputKeyDownEnter:
         case et.stateChangeTypes.ItemClick:
           return {
-            ...A,
+            ...T,
             isOpen: !0
           };
         default:
-          return A;
+          return T;
       }
     },
     onStateChange: ({
       inputValue: S,
-      type: A,
+      type: T,
       selectedItem: G
     }) => {
       if (!t)
-        switch (A) {
+        switch (T) {
           case et.stateChangeTypes.InputKeyDownEnter:
           case et.stateChangeTypes.ItemClick:
           case et.stateChangeTypes.InputBlur:
@@ -5795,10 +5795,10 @@ const an = ({
   }, X = (S) => {
     if (!t && ((S.key === "Backspace" || S.key === "Delete") && !E && w.length > 0 && (S.preventDefault(), K()), S.key === "Enter" && L !== null && (S.preventDefault(), K()), S.key === "ArrowDown" && !V)) {
       S.preventDefault();
-      const A = S.nativeEvent;
-      P().onClick?.(A);
+      const T = S.nativeEvent;
+      P().onClick?.(T);
     }
-  }, I = Q({
+  }, A = Q({
     ...F({
       preventKeyAction: V
     }),
@@ -5812,7 +5812,7 @@ const an = ({
         J.base,
         C,
         u,
-        f,
+        h,
         g ?? ""
       ]),
       style: c ? _ : null,
@@ -5824,7 +5824,7 @@ const an = ({
         id: s,
         label: r,
         showLabel: N,
-        required: h,
+        required: f,
         disabled: t
       }
     ),
@@ -5832,23 +5832,23 @@ const an = ({
       "div",
       {
         "aria-disabled": t ? !0 : null,
-        "aria-required": h ? !0 : null,
+        "aria-required": f ? !0 : null,
         className: `${C}__input-wrapper`,
         tabIndex: 0,
         onKeyDown: X
       },
       w.length > 1 && /* @__PURE__ */ e.createElement("div", { className: `${C}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${C}__counter-wrapper` }, x)),
-      w.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${C}__items-wrapper` }, w.map((S, A) => /* @__PURE__ */ e.createElement(
+      w.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${C}__items-wrapper` }, w.map((S, T) => /* @__PURE__ */ e.createElement(
         "span",
         {
           className: `
                   ${C}__selected-item
-                  ${A === L ? `${C}__selected-item--marked-for-deletion` : ""}
+                  ${T === L ? `${C}__selected-item--marked-for-deletion` : ""}
                 `,
-          key: `selected-item-${A}`,
+          key: `selected-item-${T}`,
           ...z({
             selectedItem: S,
-            index: A
+            index: T
           })
         },
         /* @__PURE__ */ e.createElement("span", { className: `${C}__selected-item-text` }, S.label),
@@ -5857,7 +5857,7 @@ const an = ({
           {
             className: `${C}__selected-item-remove`,
             onClick: (G) => {
-              G.stopPropagation(), T(S);
+              G.stopPropagation(), I(S);
             }
           },
           /* @__PURE__ */ e.createElement(R, { iconName: "xmark" })
@@ -5888,21 +5888,21 @@ const an = ({
           placeholder: v,
           className: `${C}__dropdown-input`,
           "aria-label": l.inputInstructions,
-          ...I,
+          ...A,
           onClick: (S) => {
             S.stopPropagation();
           }
         }
       )),
-      o ? /* @__PURE__ */ e.createElement("div", { className: `${C}__loading` }, n) : M.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${C}__dropdown-list`, ...Y() }, M.map((S, A) => /* @__PURE__ */ e.createElement(
+      o ? /* @__PURE__ */ e.createElement("div", { className: `${C}__loading` }, n) : M.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${C}__dropdown-list`, ...Y() }, M.map((S, T) => /* @__PURE__ */ e.createElement(
         Lt,
         {
           className: `${C}__dropdown-item 
-                  ${O === A ? `${C}__dropdown-item--highlighted` : ""} 
-                  ${W === S ? `${C}__dropdown-item--selected` : ""}
+                  ${O === T ? `${C}__dropdown-item--highlighted` : ""} 
+                  ${Z === S ? `${C}__dropdown-item--selected` : ""}
                   ${S.isAlreadySelected ? `${C}__dropdown-item--active` : ""}`,
-          key: `${S.id}-${A}`,
-          ...j({ item: S, index: A })
+          key: `${S.id}-${T}`,
+          ...j({ item: S, index: T })
         },
         /* @__PURE__ */ e.createElement("span", { className: `${C}__dropdown-item-label` }, S.label, S.isAlreadySelected && /* @__PURE__ */ e.createElement(
           R,
@@ -5938,14 +5938,14 @@ const an = ({
   required: i = !1,
   showLabel: m,
   tooltipText: v,
-  translationStrings: h = cs,
+  translationStrings: f = cs,
   value: N,
   className: g,
   ...p
 }) => {
-  const [_, C] = Z(N), [u, f] = Z(!1), [E, b] = Z(null), [w, y] = Z(""), L = We(c), $ = "pds-datepicker", M = t ? J.disabled : null, k = i && !t ? J.required : null, z = d && d.length > 0 && s ? "bottom-end" : "bottom-start", { refs: F, floatingStyles: T } = ke({
+  const [_, C] = W(N), [u, h] = W(!1), [E, b] = W(null), [w, y] = W(""), L = We(c), $ = "pds-datepicker", M = t ? J.disabled : null, k = i && !t ? J.required : null, z = d && d.length > 0 && s ? "bottom-end" : "bottom-start", { refs: F, floatingStyles: I } = ke({
     open: u,
-    onOpenChange: f,
+    onOpenChange: h,
     placement: z,
     middleware: [st(8), nt(), ot({ padding: 8 })],
     whileElementsMounted: xe
@@ -5998,28 +5998,28 @@ const an = ({
     }
   }, O = (D) => {
     C(D), l?.(D), y(""), s || setTimeout(() => {
-      f(!1);
+      h(!1);
     }, 300);
-  }, W = (D) => {
+  }, Z = (D) => {
     O(D);
   }, P = (D) => {
     O(D);
   }, Y = () => {
     C(void 0), l?.(void 0), y("");
   }, Q = () => {
-    f(!1);
+    h(!1);
   }, j = (D) => {
     const U = d?.find((ce) => ce.label === D);
     if (!U) return;
     y(D);
     const ee = V(U);
     C(ee), l?.(ee), s || setTimeout(() => {
-      f(!1);
+      h(!1);
     }, 300);
   }, K = () => s ? _?.from : _, X = ({
     className: D,
     orientation: U
-  }) => U === "left" ? /* @__PURE__ */ e.createElement(R, { iconName: "angleLeft", iconSize: "md", className: D }) : /* @__PURE__ */ e.createElement(R, { iconName: "angleRight", iconSize: "md", className: D }), I = (D) => H2(D, "EEEEE", { locale: r }), x = () => {
+  }) => U === "left" ? /* @__PURE__ */ e.createElement(R, { iconName: "angleLeft", iconSize: "md", className: D }) : /* @__PURE__ */ e.createElement(R, { iconName: "angleRight", iconSize: "md", className: D }), A = (D) => H2(D, "EEEEE", { locale: r }), x = () => {
     if (s) {
       const D = _;
       return D?.from ? D.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, qe(D.from, r), /* @__PURE__ */ e.createElement("span", { className: `${$}__separator` }, " – "), qe(D.to, r)) : qe(D.from, r) : n || "";
@@ -6027,16 +6027,16 @@ const an = ({
       const D = _;
       return D ? qe(D, r) : n || "";
     }
-  }, S = () => s ? !_?.from : !_, A = () => {
+  }, S = () => s ? !_?.from : !_, T = () => {
     if (s) {
       const D = _;
-      return D?.from ? D.to ? `${h.selectedDateRange}${qe(D.from, r)}${h.to}${qe(D.to, r)}` : `${h.selectedStartDate}${qe(D.from, r)}${h.pleaseSelectEndDate}` : h.noDateRangeSelected || "";
+      return D?.from ? D.to ? `${f.selectedDateRange}${qe(D.from, r)}${f.to}${qe(D.to, r)}` : `${f.selectedStartDate}${qe(D.from, r)}${f.pleaseSelectEndDate}` : f.noDateRangeSelected || "";
     } else {
       const D = _;
-      return D ? `${h.selectedDate}${qe(D, r)}` : h.noDateSelected || "";
+      return D ? `${f.selectedDate}${qe(D, r)}` : f.noDateSelected || "";
     }
   }, G = (D) => {
-    F.floating.current && !F.floating.current.contains(D.target) && E && !E.contains(D.target) && f(!1);
+    F.floating.current && !F.floating.current.contains(D.target) && E && !E.contains(D.target) && h(!1);
   };
   return ae(() => {
     if (u)
@@ -6087,7 +6087,7 @@ const an = ({
         },
         className: `${$}__trigger`,
         disabled: t,
-        onClick: () => f(!u),
+        onClick: () => h(!u),
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": u
@@ -6114,7 +6114,7 @@ const an = ({
       "div",
       {
         ref: F.setFloating,
-        style: T,
+        style: I,
         className: `${$}__popover`
       },
       /* @__PURE__ */ e.createElement("div", { className: `${$}__calendar` }, s ? /* @__PURE__ */ e.createElement(
@@ -6122,17 +6122,17 @@ const an = ({
         {
           mode: "range",
           selected: _,
-          onSelect: W,
+          onSelect: Z,
           numberOfMonths: 2,
           navLayout: "around",
           defaultMonth: K(),
           locale: r,
-          footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, A()),
+          footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, T()),
           components: {
             Chevron: X
           },
           formatters: {
-            formatWeekdayName: I
+            formatWeekdayName: A
           }
         }
       ) : /* @__PURE__ */ e.createElement(
@@ -6145,19 +6145,19 @@ const an = ({
           navLayout: "around",
           defaultMonth: K(),
           locale: r,
-          footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, A()),
+          footer: /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, T()),
           components: {
             Chevron: X
           },
           formatters: {
-            formatWeekdayName: I
+            formatWeekdayName: A
           }
         }
       )),
       !s && /* @__PURE__ */ e.createElement("div", { className: `${$}__actions` }, /* @__PURE__ */ e.createElement(
         ze,
         {
-          label: h.clearButton,
+          label: f.clearButton,
           variant: "secondary",
           size: "sm",
           onClick: Y,
@@ -6168,7 +6168,7 @@ const an = ({
       s && /* @__PURE__ */ e.createElement("div", { className: `${$}__actions` }, /* @__PURE__ */ e.createElement(
         ze,
         {
-          label: h.clearButton,
+          label: f.clearButton,
           variant: "secondary",
           size: "sm",
           onClick: Y,
@@ -6178,7 +6178,7 @@ const an = ({
       ), /* @__PURE__ */ e.createElement(
         ze,
         {
-          label: h.doneButton,
+          label: f.doneButton,
           variant: "primary",
           size: "sm",
           onClick: Q,
@@ -6205,21 +6205,21 @@ const an = ({
     multiple: i = !1,
     onClear: m,
     onFileChange: v,
-    required: h = !1,
+    required: f = !1,
     showFullPath: N,
     showLabel: g = !0,
     tooltipText: p = null,
     validationMessage: _,
     validationStatus: C,
     className: u,
-    ...f
+    ...h
   }, E) => {
-    const [b, w] = Z(!1), [y, L] = Z(
+    const [b, w] = W(!1), [y, L] = W(
       !!(vt && s)
-    ), $ = We(l), M = "pds-file-upload", k = a ? J.disabled : null, z = h && !a ? J.required : null, F = C === "error" ? J.error : null, T = C === "success" ? J.success : null, V = y ? `${M}--safari-default` : null;
+    ), $ = We(l), M = "pds-file-upload", k = a ? J.disabled : null, z = f && !a ? J.required : null, F = C === "error" ? J.error : null, I = C === "success" ? J.success : null, V = y ? `${M}--safari-default` : null;
     let O = null;
     C === "error" && (O = "error"), C === "success" && (O = "success");
-    const W = _ || d, P = s ? [s] : null, Y = s ? s.split("/").pop() : null, Q = N ? s : Y, j = s ? new File(P, Q) : null;
+    const Z = _ || d, P = s ? [s] : null, Y = s ? s.split("/").pop() : null, Q = N ? s : Y, j = s ? new File(P, Q) : null;
     ae(() => {
       const x = new DataTransfer();
       if (j && x.items.add(j), x.files.length > 0) {
@@ -6242,7 +6242,7 @@ const an = ({
         return;
       }
       vt && s && (s === x.target.value ? L(!0) : L(!1)), v && v(x.target.files), w(!0);
-    }, I = () => {
+    }, A = () => {
       const x = document.getElementById(
         `${o}--input`
       );
@@ -6258,11 +6258,11 @@ const an = ({
           k,
           z,
           F,
-          T,
+          I,
           u ?? ""
         ]),
         style: l ? $ : null,
-        ...f
+        ...h
       },
       /* @__PURE__ */ e.createElement(
         Oe,
@@ -6272,7 +6272,7 @@ const an = ({
           label: c,
           showLabel: g,
           tooltipText: p,
-          required: h,
+          required: f,
           disabled: a
         }
       ),
@@ -6294,10 +6294,10 @@ const an = ({
           accept: t || null,
           disabled: a,
           multiple: i,
-          required: h,
+          required: f,
           onChange: X,
           "aria-invalid": C === "error" ? !0 : null,
-          "aria-describedby": W ? `${o}__message` : null,
+          "aria-describedby": Z ? `${o}__message` : null,
           ...r
         }
       ), b && /* @__PURE__ */ e.createElement(
@@ -6305,14 +6305,14 @@ const an = ({
         {
           id: o,
           clearLabel: n.clearButton,
-          handleClearInput: I
+          handleClearInput: A
         }
       )),
-      W && /* @__PURE__ */ e.createElement(
+      Z && /* @__PURE__ */ e.createElement(
         Re,
         {
           id: o,
-          message: W,
+          message: Z,
           hasValidationMessage: !!_,
           validationMessageHasDecorators: !1,
           validationStatus: C
@@ -6358,7 +6358,7 @@ const an = ({
   onValueChange: i,
   options: m,
   required: v = !1,
-  showLabel: h = !0,
+  showLabel: f = !0,
   tooltipText: N = null,
   validationMessage: g,
   validationStatus: p,
@@ -6366,18 +6366,18 @@ const an = ({
   className: C,
   ...u
 }) => {
-  const f = "pds-radio-group", E = s ? J.disabled : null, b = v && !s ? J.required : null, w = p === "error" ? J.error : null, y = p === "success" ? J.success : null, L = typeof _ < "u", $ = typeof t < "u", [M, k] = Z(
+  const h = "pds-radio-group", E = s ? J.disabled : null, b = v && !s ? J.required : null, w = p === "error" ? J.error : null, y = p === "success" ? J.success : null, L = typeof _ < "u", $ = typeof t < "u", [M, k] = W(
     $ ? t : ""
   ), z = g || l, F = (V) => {
     L || k(V.target.value), d && d(V), i && i(V.target.value);
-  }, T = (V) => {
+  }, I = (V) => {
     n && n(V);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       className: H([
-        f,
+        h,
         E,
         b,
         w,
@@ -6387,7 +6387,7 @@ const an = ({
       style: We(o),
       ...u
     },
-    /* @__PURE__ */ e.createElement("fieldset", { className: `${f}__fieldset`, id: c, ...a }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("fieldset", { className: `${h}__fieldset`, id: c, ...a }, /* @__PURE__ */ e.createElement(
       Oe,
       {
         disabled: s,
@@ -6395,13 +6395,13 @@ const an = ({
         id: c,
         isLegend: !0,
         required: v,
-        showLabel: h,
+        showLabel: f,
         tooltipText: N
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, m.map((V, O) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, m.map((V, O) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${f}__option`,
+        className: `${h}__option`,
         key: `${c}-option-${O}`
       },
       /* @__PURE__ */ e.createElement(
@@ -6413,7 +6413,7 @@ const an = ({
           value: V.value,
           required: v,
           disabled: s || V.disabled,
-          onBlur: T,
+          onBlur: I,
           onChange: F,
           checked: L ? _ === V.value : M === V.value
         }
@@ -6469,15 +6469,15 @@ const an = ({
     offLabel: i = "Off",
     onChange: m,
     onLabel: v = "On",
-    required: h = !1,
+    required: f = !1,
     showLabel: N = !0,
     showStatusLabel: g = !0,
     className: p,
     ..._
   }, C) => {
-    const u = We(r), f = "pds-switch", E = a ? J.disabled : null, b = h && !a ? J.required : null, w = typeof t < "u", y = n == "below", L = n == "right", $ = !w && s ? s : !1, [M, k] = Z($), z = t || M ? v : i, F = (Y) => {
+    const u = We(r), h = "pds-switch", E = a ? J.disabled : null, b = f && !a ? J.required : null, w = typeof t < "u", y = n == "below", L = n == "right", $ = !w && s ? s : !1, [M, k] = W($), z = t || M ? v : i, F = (Y) => {
       w || k(Y.target.checked), m && m(Y);
-    }, T = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
+    }, I = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
       {
         ref: C,
@@ -6488,7 +6488,7 @@ const an = ({
         className: "visually-hidden",
         onChange: F,
         disabled: a,
-        required: h,
+        required: f,
         checked: t !== void 0 ? t : M,
         "aria-describedby": d ? `${c}__message` : null,
         ...o
@@ -6499,7 +6499,7 @@ const an = ({
         id: c,
         label: l,
         showLabel: N,
-        required: h,
+        required: f,
         disabled: a,
         className: H([
           "pds-input-label--disable-click",
@@ -6516,8 +6516,8 @@ const an = ({
         className: "pds-input-message--switch"
       }
     );
-    let W, P;
-    return y ? W = /* @__PURE__ */ e.createElement(e.Fragment, null, V, O, T) : L && (P = "pds-switch--placement-right", W = d ? /* @__PURE__ */ e.createElement(e.Fragment, null, V, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, O, /* @__PURE__ */ e.createElement("div", null, T))) : /* @__PURE__ */ e.createElement(
+    let Z, P;
+    return y ? Z = /* @__PURE__ */ e.createElement(e.Fragment, null, V, O, I) : L && (P = "pds-switch--placement-right", Z = d ? /* @__PURE__ */ e.createElement(e.Fragment, null, V, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, O, /* @__PURE__ */ e.createElement("div", null, I))) : /* @__PURE__ */ e.createElement(
       "div",
       {
         className: H([
@@ -6526,13 +6526,13 @@ const an = ({
         ])
       },
       V,
-      T
+      I
     )), /* @__PURE__ */ e.createElement(
       "div",
       {
         className: H([
           J.base,
-          f,
+          h,
           E,
           b,
           P,
@@ -6541,7 +6541,7 @@ const an = ({
         style: r ? u : null,
         ..._
       },
-      W
+      Z
     );
   }
 ), Nn = Ze(
@@ -6558,7 +6558,7 @@ const an = ({
     onChange: i,
     onFocus: m,
     placeholder: v,
-    readonly: h = !1,
+    readonly: f = !1,
     required: N = !1,
     rows: g = 5,
     showLabel: p,
@@ -6572,17 +6572,17 @@ const an = ({
       visibilityToggleHide: "Hide input value",
       visibilityToggleShow: "Show input value"
     },
-    validationMessage: f,
+    validationMessage: h,
     validationStatus: E,
     value: b,
     className: w,
     ...y
   }, L) => {
-    const $ = We(o), M = "pds-textarea", k = r ? "pds-is-resizable" : null, z = a ? J.disabled : null, F = N && !a ? J.required : null, T = E === "error" ? J.error : null, V = E === "success" ? J.success : null, O = h ? J.readonly : null, W = f || n, P = b != null && i !== void 0, Y = typeof s < "u", [Q, j] = Z(
+    const $ = We(o), M = "pds-textarea", k = r ? "pds-is-resizable" : null, z = a ? J.disabled : null, F = N && !a ? J.required : null, I = E === "error" ? J.error : null, V = E === "success" ? J.success : null, O = f ? J.readonly : null, Z = h || n, P = b != null && i !== void 0, Y = typeof s < "u", [Q, j] = W(
       Y ? s : ""
     ), K = b || Q, X = (x) => {
       P || j(x.target.value), i && i(x);
-    }, I = (x) => {
+    }, A = (x) => {
       d && d(x);
     };
     return /* @__PURE__ */ e.createElement(
@@ -6593,7 +6593,7 @@ const an = ({
           M,
           z,
           F,
-          T,
+          I,
           V,
           O,
           w ?? ""
@@ -6630,24 +6630,24 @@ const an = ({
           name: c,
           placeholder: v,
           required: N,
-          readOnly: h,
+          readOnly: f,
           disabled: a,
           value: P ? b : Q,
           rows: g,
           onChange: X,
-          onBlur: I,
+          onBlur: A,
           onFocus: m,
           "aria-invalid": E === "error",
-          "aria-describedby": W ? `${c}__message` : null,
+          "aria-describedby": Z ? `${c}__message` : null,
           ..._
         }
       )),
-      W && /* @__PURE__ */ e.createElement(
+      Z && /* @__PURE__ */ e.createElement(
         Re,
         {
           id: c,
-          message: W,
-          hasValidationMessage: !!f,
+          message: Z,
+          hasValidationMessage: !!h,
           validationMessageHasDecorators: !0,
           validationStatus: E
         }
@@ -6668,14 +6668,14 @@ const an = ({
     inputWidth: i,
     label: m,
     message: v,
-    onBlur: h,
+    onBlur: f,
     onChange: N,
     onClear: g,
     onFocus: p,
     placeholder: _,
     readonly: C = !1,
     required: u = !1,
-    searchIcon: f = "search",
+    searchIcon: h = "search",
     showLabel: E = !0,
     showVisibilityToggle: b = !1,
     tooltipText: w = null,
@@ -6693,13 +6693,13 @@ const an = ({
     value: k,
     className: z,
     ...F
-  }, T) => {
-    const V = We(i), O = "pds-text-input", W = c ? J.disabled : null, P = u && !c ? J.required : null, Y = M === "error" ? J.error : null, Q = M === "success" ? J.success : null, j = C ? J.readonly : null, K = l && L === "url" ? `${O}--has-url-prefix` : null;
+  }, I) => {
+    const V = We(i), O = "pds-text-input", Z = c ? J.disabled : null, P = u && !c ? J.required : null, Y = M === "error" ? J.error : null, Q = M === "success" ? J.success : null, j = C ? J.readonly : null, K = l && L === "url" ? `${O}--has-url-prefix` : null;
     let X = null;
-    L === "search" && (X = "search"), L === "search" && f === "filter" && (X = "filter"), M === "error" && (X = "error"), M === "success" && (X = "success");
-    const I = $ || v, x = typeof k < "u", S = typeof a < "u", [A, G] = Z(
+    L === "search" && (X = "search"), L === "search" && h === "filter" && (X = "filter"), M === "error" && (X = "error"), M === "success" && (X = "success");
+    const A = $ || v, x = typeof k < "u", S = typeof a < "u", [T, G] = W(
       S ? a : ""
-    ), D = k || A, U = (re) => {
+    ), D = k || T, U = (re) => {
       if (b && me && fe(!1), l && L === "url") {
         const ge = c2(re.target.value), Le = {
           ...re,
@@ -6708,8 +6708,8 @@ const an = ({
             value: ge
           }
         };
-        h && h(Le);
-      } else h && h(re);
+        f && f(Le);
+      } else f && f(re);
     }, ee = (re) => {
       if (l && L === "url") {
         const ge = c2(re.target.value), Le = {
@@ -6726,7 +6726,7 @@ const an = ({
       x || G(""), g && g();
       const re = document.getElementById(n);
       re && re.focus();
-    }, [me, fe] = Z(!1), te = () => {
+    }, [me, fe] = W(!1), te = () => {
       fe((ge) => !ge);
       const re = document.getElementById(n);
       re && re.focus();
@@ -6738,7 +6738,7 @@ const an = ({
         className: H([
           J.base,
           O,
-          W,
+          Z,
           P,
           Y,
           Q,
@@ -6771,12 +6771,12 @@ const an = ({
         /* @__PURE__ */ e.createElement(
           "input",
           {
-            ref: T,
+            ref: I,
             className: `${O}__input ${l && L === "url" ? `${O}__input--has-prefix` : ""}`,
             id: n,
             name: n,
             type: ie,
-            value: x ? k : A,
+            value: x ? k : T,
             placeholder: _,
             readOnly: C,
             disabled: c,
@@ -6786,7 +6786,7 @@ const an = ({
             onChange: ee,
             onFocus: p,
             "aria-invalid": M === "error" ? !0 : null,
-            "aria-describedby": I ? `${n}__message` : null,
+            "aria-describedby": A ? `${n}__message` : null,
             ...d
           }
         ),
@@ -6827,11 +6827,11 @@ const an = ({
           }
         )
       ),
-      I && /* @__PURE__ */ e.createElement(
+      A && /* @__PURE__ */ e.createElement(
         Re,
         {
           id: n,
-          message: I,
+          message: A,
           hasValidationMessage: !!$,
           validationMessageHasDecorators: !1,
           validationStatus: M
@@ -6890,20 +6890,20 @@ const an = ({
   className: m,
   ...v
 }) => {
-  const h = Ae(s), N = h.__unslotted, g = h.footer, p = "pds-modal", _ = d !== "md" ? `${p}--${d}` : null, C = c ? {
+  const f = Ae(s), N = f.__unslotted, g = f.footer, p = "pds-modal", _ = d !== "md" ? `${p}--${d}` : null, C = c ? {
     maxHeight: c,
     paddingInlineEnd: "1rem",
     marginInlineEnd: "-1rem",
     overflowY: "auto"
-  } : null, [u, f] = Z(l);
+  } : null, [u, h] = W(l);
   ae(() => {
-    f(l);
+    h(l);
   }, [l]), ae(() => {
     n(u);
   }, [u]);
   const { refs: E, context: b, floatingStyles: w } = ke({
     open: u,
-    onOpenChange: f
+    onOpenChange: h
   }), y = je(b), L = o ? void 0 : Se(b, {
     outsidePressEvent: "mousedown"
   }), $ = Ve(b), { getFloatingProps: M } = Ie([y, L, $]), { isMounted: k, styles: z } = Ke(b, {
@@ -6955,7 +6955,7 @@ const an = ({
         S2,
         {
           ariaLabel: a,
-          onClick: () => f(!1),
+          onClick: () => h(!1),
           iconSize: "xl"
         }
       )),
@@ -7081,7 +7081,7 @@ const an = ({
         C.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])')
       );
       if (u.length === 0) return;
-      const f = document.activeElement, E = u.indexOf(f);
+      const h = document.activeElement, E = u.indexOf(h);
       if (E !== -1) {
         if (_.key === "ArrowRight") {
           _.preventDefault();
@@ -7110,7 +7110,7 @@ const an = ({
       },
       _
     );
-  }, h = s.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu` }, s.map((p, _) => /* @__PURE__ */ e.createElement(
+  }, f = s.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu` }, s.map((p, _) => /* @__PURE__ */ e.createElement(
     v,
     {
       key: _,
@@ -7149,7 +7149,7 @@ const an = ({
       ]),
       ...o
     },
-    r ? g : h
+    r ? g : f
   );
 }, ds = ({
   destination: t = "main",
@@ -7179,26 +7179,26 @@ const an = ({
   className: m,
   ...v
 }) => {
-  const { isMobile: h, windowWidth: N } = Ce(be), [g, p] = Z(() => d !== void 0 ? d : N > 1440), _ = le(null), [C] = Mt(_), u = C.width;
+  const { isMobile: f, windowWidth: N } = Ce(be), [g, p] = W(() => d !== void 0 ? d : N > 1440), _ = le(null), [C] = Mt(_), u = C.width;
   ae(() => {
     d !== void 0 && p(d);
   }, [d]), ae(() => {
     i(g);
   }, [g, i]);
-  const f = {
-    isSidebarExpanded: h ? !0 : g,
+  const h = {
+    isSidebarExpanded: f ? !0 : g,
     logoLinkContent: c,
     navbarWidth: u,
     isAdmin: a
-  }, E = "pds-dashboard-global", b = a ? `${E}--isAdmin` : null, w = h ? `${E}--isMobile` : `${E}--notMobile`, y = h ? null : g ? `${E}--sidebarExpanded` : `${E}--sidebarCollapsed`, L = g ? `${r}rem` : `${o}rem`, $ = {
+  }, E = "pds-dashboard-global", b = a ? `${E}--isAdmin` : null, w = f ? `${E}--isMobile` : `${E}--notMobile`, y = f ? null : g ? `${E}--sidebarExpanded` : `${E}--sidebarCollapsed`, L = g ? `${r}rem` : `${o}rem`, $ = {
     width: L,
     transition: "width 200ms ease-in-out"
-  }, M = h ? {} : {
+  }, M = f ? {} : {
     width: `calc(100% - ${L})`,
     transition: "width 200ms ease-in-out"
   }, k = () => {
     p(!g);
-  }, z = Ae(t), F = z.header, T = z.sidebar, V = z.main, O = z.footer, W = /* @__PURE__ */ e.createElement(e.Fragment, null, F, /* @__PURE__ */ e.createElement("aside", { className: `${E}__sidebar` }, T), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${E}__main` }, V), O && /* @__PURE__ */ e.createElement("footer", { className: `${E}__footer` }, O)), P = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${E}__sidebar`, style: $ }, s && /* @__PURE__ */ e.createElement(
+  }, z = Ae(t), F = z.header, I = z.sidebar, V = z.main, O = z.footer, Z = /* @__PURE__ */ e.createElement(e.Fragment, null, F, /* @__PURE__ */ e.createElement("aside", { className: `${E}__sidebar` }, I), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${E}__main` }, V), O && /* @__PURE__ */ e.createElement("footer", { className: `${E}__footer` }, O)), P = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${E}__sidebar`, style: $ }, s && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${E}__sidebar-toggle-button`,
@@ -7207,7 +7207,7 @@ const an = ({
       "aria-label": l
     },
     /* @__PURE__ */ e.createElement("span", { className: `${E}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(R, { iconName: "angleLeft", iconSize: "sm" }))
-  ), /* @__PURE__ */ e.createElement("div", { className: `${E}__sidebar-inner` }, T)), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: `${E}__sidebar-inner` }, I)), /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: _,
@@ -7217,7 +7217,7 @@ const an = ({
     /* @__PURE__ */ e.createElement("div", { className: `${E}__header` }, F),
     /* @__PURE__ */ e.createElement("div", { className: `${E}__inner` }, /* @__PURE__ */ e.createElement("main", { id: "main", className: `${E}__main` }, V), O && /* @__PURE__ */ e.createElement("footer", { className: `${E}__footer` }, O))
   ));
-  return /* @__PURE__ */ e.createElement(zt.Provider, { value: f }, /* @__PURE__ */ e.createElement(ds, { text: n, destination: "main" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(zt.Provider, { value: h }, /* @__PURE__ */ e.createElement(ds, { text: n, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: H([
@@ -7230,7 +7230,7 @@ const an = ({
       ]),
       ...v
     },
-    h ? W : P
+    f ? Z : P
   ));
 }, Ue = "ease-out", f2 = 0, us = ({
   icon: t,
@@ -7261,20 +7261,20 @@ const an = ({
       },
       k.linkContent
     ))
-  ), [v, h] = Z(!1), { refs: N, floatingStyles: g, context: p } = ke({
+  ), [v, f] = W(!1), { refs: N, floatingStyles: g, context: p } = ke({
     placement: "right-start",
     open: v,
-    onOpenChange: h,
+    onOpenChange: f,
     middleware: [st(12), nt(), ot()],
     whileElementsMounted: xe
   }), _ = Ct(p, {
     move: !1,
     handleClose: Kt()
-  }), C = Ut(p), u = Se(p), f = Ve(p, { role: "menu" }), { getReferenceProps: E, getFloatingProps: b } = Ie([
+  }), C = Ut(p), u = Se(p), h = Ve(p, { role: "menu" }), { getReferenceProps: E, getFloatingProps: b } = Ie([
     _,
     C,
     u,
-    f
+    h
   ]), w = ($) => {
     const M = $.currentTarget, k = M.parentElement?.nextElementSibling;
     if (!k) return;
@@ -7391,36 +7391,36 @@ const an = ({
   className: c,
   ...o
 }) => {
-  const r = "pds-dropdown-menu", [l, n] = Z(!1), [d, i] = Z(null), m = t2(s), v = m ? m.props.children : a, h = /* @__PURE__ */ e.createElement(
+  const r = "pds-dropdown-menu", [l, n] = W(!1), [d, i] = W(null), m = t2(s), v = m ? m.props.children : a, f = /* @__PURE__ */ e.createElement(
     R,
     {
       iconName: "check",
       iconSize: "md",
       className: `${r}__active-icon`
     }
-  ), N = (T) => {
-    T.key === "Enter" && f.current[d].querySelector("a")?.click();
-  }, g = (T) => {
-    T.target.nodeName === "A" && n(!1);
+  ), N = (I) => {
+    I.key === "Enter" && h.current[d].querySelector("a")?.click();
+  }, g = (I) => {
+    I.target.nodeName === "A" && n(!1);
   };
   ae(() => {
     if (l) {
-      const T = document.querySelector(".pds-dropdown-menu__dropdown");
-      return T.addEventListener("click", g), () => {
-        T.removeEventListener("click", g);
+      const I = document.querySelector(".pds-dropdown-menu__dropdown");
+      return I.addEventListener("click", g), () => {
+        I.removeEventListener("click", g);
       };
     }
   }, [l]);
   const p = ({
-    item: T,
+    item: I,
     level: V
   }) => {
     const O = gt(
-      T.linkContent,
-      T.links
+      I.linkContent,
+      I.links
     );
     return {
-      ...T,
+      ...I,
       level: V,
       linkContent: De(
         O,
@@ -7429,11 +7429,11 @@ const an = ({
         })
       )
     };
-  }, _ = (T) => {
+  }, _ = (I) => {
     const V = [];
-    return T.forEach((O) => {
-      O.links ? (V.push(p({ item: O, level: "top-level" })), O.links.forEach((W) => {
-        W.links ? (V.push(p({ item: W, level: "second-level" })), W.links.forEach((P) => {
+    return I.forEach((O) => {
+      O.links ? (V.push(p({ item: O, level: "top-level" })), O.links.forEach((Z) => {
+        Z.links ? (V.push(p({ item: Z, level: "second-level" })), Z.links.forEach((P) => {
           P.links && (V.push(
             p({ item: P, level: "third-level" })
           ), P.links.forEach((Y) => {
@@ -7443,7 +7443,7 @@ const an = ({
           })), V.push(
             p({ item: P, level: "third-level" })
           );
-        })) : V.push(p({ item: W, level: "second-level" }));
+        })) : V.push(p({ item: Z, level: "second-level" }));
       })) : V.push(p({ item: O, level: "top-level" }));
     }), V;
   }, { refs: C, context: u } = ke({
@@ -7451,23 +7451,23 @@ const an = ({
     open: l,
     onOpenChange: n,
     whileElementsMounted: xe
-  }), f = le([]), E = it(u, {
-    listRef: f,
+  }), h = le([]), E = it(u, {
+    listRef: h,
     activeIndex: d,
     onNavigate: i,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
   }), b = je(u, { event: "mousedown" }), w = Se(u), y = Ve(u, { role: "menu" }), L = jt(u, {
-    listRef: f,
+    listRef: h,
     activeIndex: d,
     selectedIndex: null,
-    onMatch: (T) => {
-      l || n(!0), i(T);
+    onMatch: (I) => {
+      l || n(!0), i(I);
     },
-    findMatch: (T, V) => {
+    findMatch: (I, V) => {
       const O = V.toLowerCase();
-      return T.find((W) => (W?.textContent?.trim().toLowerCase() ?? "").startsWith(O));
+      return I.find((Z) => (Z?.textContent?.trim().toLowerCase() ?? "").startsWith(O));
     }
   }), { getReferenceProps: $, getFloatingProps: M, getItemProps: k } = Ie(
     [w, y, b, E, L]
@@ -7514,20 +7514,20 @@ const an = ({
       },
       ...M()
     },
-    _(s).map((T, V) => /* @__PURE__ */ e.createElement(
+    _(s).map((I, V) => /* @__PURE__ */ e.createElement(
       "li",
       {
         key: V,
         onKeyDown: N,
-        className: `${r}__item ${r}__item--${T.level} ${T.isActive === !0 ? `${r}__item--active` : ""}`,
+        className: `${r}__item ${r}__item--${I.level} ${I.isActive === !0 ? `${r}__item--active` : ""}`,
         tabIndex: d === V ? 0 : -1,
         ref: (O) => {
-          f.current[V] = O;
+          h.current[V] = O;
         },
         ...k()
       },
-      T.linkContent,
-      T.isActive === !0 && h
+      I.linkContent,
+      I.isActive === !0 && f
     ))
   ));
 }, ps = /* @__PURE__ */ e.createElement(
@@ -7844,7 +7844,7 @@ const an = ({
     case "sub-brand-small":
       i = Rt;
   }
-  const m = he(a) && typeof a.props.children == "string" ? a.props.children : "", v = he(a) ? a.type : null, h = he(a) && v ? /* @__PURE__ */ e.createElement(
+  const m = he(a) && typeof a.props.children == "string" ? a.props.children : "", v = he(a) ? a.type : null, f = he(a) && v ? /* @__PURE__ */ e.createElement(
     v,
     {
       ...Object.assign({}, a.props, {
@@ -7864,7 +7864,7 @@ const an = ({
       ]),
       ...r
     },
-    a ? h : 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))
   );
 }, kn = ({
@@ -7884,7 +7884,7 @@ const an = ({
   const d = Ce(zt);
   let i = !0, m = null;
   d && (i = d.isSidebarExpanded, m = d.logoLinkContent);
-  const v = "pds-dashboard-nav", h = i ? `${v}--expanded` : `${v}--collapsed`, N = /* @__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`, N = /* @__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(
     us,
     {
       key: C,
@@ -7914,7 +7914,7 @@ const an = ({
     "nav",
     {
       "aria-label": t,
-      className: H([v, h, o]),
+      className: H([v, f, o]),
       ...r
     },
     !l && /* @__PURE__ */ e.createElement(
@@ -8015,13 +8015,13 @@ const an = ({
   placeholder: i = "Search sites",
   siteList: m,
   horizontalOffset: v = 0,
-  className: h,
+  className: f,
   ...N
 }) => {
-  const [g, p] = Z(!1), [_, C] = Z(null), u = le(null);
-  let f = !1;
+  const [g, p] = W(!1), [_, C] = W(null), u = le(null);
+  let h = !1;
   const E = Ce(be);
-  E && (f = E.isMobile);
+  E && (h = E.isMobile);
   let b = null, w = !1;
   const y = Ce(zt);
   y && (b = y.navbarWidth, w = y.isAdmin);
@@ -8031,11 +8031,11 @@ const an = ({
   const F = {
     right: `${M + v}rem`,
     width: `${z}rem`
-  }, T = "pds-dashboard-search", V = f ? `${T}--isMobile` : null, O = () => {
+  }, I = "pds-dashboard-search", V = h ? `${I}--isMobile` : null, O = () => {
     p(!0), setTimeout(() => {
       u.current.querySelector("input").focus();
     }, 500);
-  }, W = () => {
+  }, Z = () => {
     setTimeout(() => {
       p(!1);
     }, 150);
@@ -8045,24 +8045,24 @@ const an = ({
   ae(() => {
     const X = (x) => {
       u.current && !u.current.contains(x.target) && p(!1);
-    }, I = (x) => {
+    }, A = (x) => {
       const S = u.current?.querySelector("input");
       x.key === "Tab" && g && S === document.activeElement && p(!1);
     };
     if (g)
-      return document.addEventListener("mousedown", X), document.addEventListener("keydown", I), () => {
-        document.removeEventListener("mousedown", X), document.removeEventListener("keydown", I);
+      return document.addEventListener("mousedown", X), document.addEventListener("keydown", A), () => {
+        document.removeEventListener("mousedown", X), document.removeEventListener("keydown", A);
       };
   }, [g]);
   const Y = m.map((X) => {
-    const { id: I, machineName: x, name: S } = X;
+    const { id: A, machineName: x, name: S } = X;
     return {
-      id: I,
+      id: A,
       label: S,
       value: x ?? S,
       optionDisplay: /* @__PURE__ */ e.createElement(gs, { option: X })
     };
-  }), Q = /* @__PURE__ */ e.createElement("div", { ref: u, className: `${T}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
+  }), Q = /* @__PURE__ */ e.createElement("div", { ref: u, className: `${I}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
     as,
     {
       disabled: t,
@@ -8079,9 +8079,9 @@ const an = ({
       placeholder: i,
       options: Y,
       showLabel: !1,
-      className: `${T}__combobox`
+      className: `${I}__combobox`
     }
-  )), j = /* @__PURE__ */ e.createElement("div", { className: `${T}--inner` }, /* @__PURE__ */ e.createElement(
+  )), j = /* @__PURE__ */ e.createElement("div", { className: `${I}--inner` }, /* @__PURE__ */ e.createElement(
     "span",
     {
       style: g ? { visibility: "visible" } : { visibility: "hidden" }
@@ -8090,7 +8090,7 @@ const an = ({
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${T}__search-toggle`,
+      className: `${I}__search-toggle`,
       "aria-label": o.openSearchButton,
       onClick: O,
       type: "button",
@@ -8104,24 +8104,24 @@ const an = ({
           R,
           {
             iconName: "magnifyingGlass",
-            className: `${T}__search-toggle-icon`
+            className: `${I}__search-toggle-icon`
           }
         )
       }
     )
-  )), K = /* @__PURE__ */ e.createElement("div", { className: `${T}--mobile-inner` }, Q);
+  )), K = /* @__PURE__ */ e.createElement("div", { className: `${I}--mobile-inner` }, Q);
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: H([T, V, h ?? ""]),
+      className: H([I, V, f ?? ""]),
       id: s,
-      style: f ? null : F,
-      onKeyDown: f ? null : (X) => {
-        X.key === "Escape" && W();
+      style: h ? null : F,
+      onKeyDown: h ? null : (X) => {
+        X.key === "Escape" && Z();
       },
       ...N
     },
-    f ? K : j
+    h ? K : j
   );
 }, ht = ({
   children: t,
@@ -8155,13 +8155,13 @@ const an = ({
   className: m,
   ...v
 }) => {
-  const [h, N] = Z(!1);
+  const [f, N] = W(!1);
   let g = !1;
   const p = Ce(be);
   p && (g = p.isMobile);
   const _ = Ce(zt);
   _ && (l = _.logoLinkContent);
-  const C = "pds-navbar", u = c ? `${C}--noBorder` : "", f = s !== "default" ? `${C}--${s}` : "", E = g ? `${C}--isMobile` : `${C}--notMobile`, b = (j) => {
+  const C = "pds-navbar", u = c ? `${C}--noBorder` : "", h = s !== "default" ? `${C}--${s}` : "", E = g ? `${C}--isMobile` : `${C}--notMobile`, b = (j) => {
     const K = j.key;
     let X = !1;
     switch (K) {
@@ -8175,42 +8175,42 @@ const an = ({
   ae(() => (window.addEventListener("keyup", b), () => {
     window.removeEventListener("keyup", b);
   }), []);
-  const w = () => N(!h), y = U2();
+  const w = () => N(!f), y = U2();
   ae(() => {
     if (g && t) {
       const j = M2(
         document.querySelector(".pds-navbar__mobile")
       ), K = ["a", "button", "input", "select", "textarea"];
-      j && (h ? j.forEach((X) => {
+      j && (f ? j.forEach((X) => {
         K.includes(X.nodeName.toLowerCase()) && (X.tabIndex = 0);
       }) : j.forEach((X) => {
         K.includes(X.nodeName.toLowerCase()) && (X.tabIndex = -1);
       }));
     }
-  }, [h]);
+  }, [f]);
   const L = (j) => {
     j.target.nodeName === "A" && N(!1);
   };
   ae(() => {
-    if (h) {
+    if (f) {
       const j = document.querySelector(".pds-navbar__bar-mobile"), K = document.querySelector(".pds-navbar__mobile");
       return j.addEventListener("click", L), K.addEventListener("click", L), () => {
         j.removeEventListener("click", L), K.removeEventListener("click", L);
       };
     }
-  }, [h]), ae(() => {
-    h ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
-  }, [h]);
+  }, [f]), ae(() => {
+    f ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
+  }, [f]);
   const $ = Ae(t), M = $["items-left"], k = $["items-right"];
   let z = "default";
   (s === "reverse" || s === "reverse-transparent") && (z = "reverse");
-  const F = he(l) ? l.props.children : null, T = he(l) && F ? De(
+  const F = he(l) ? l.props.children : null, I = he(l) && F ? De(
     l,
     Object.assign({}, l.props, {
       children: /* @__PURE__ */ e.createElement("img", { className: `${C}__custom-logo`, src: n }),
       "aria-label": F || null
     })
-  ) : /* @__PURE__ */ e.createElement("img", { className: `${C}__custom-logo`, src: n, alt: "" }), V = () => n ? T : /* @__PURE__ */ e.createElement(
+  ) : /* @__PURE__ */ e.createElement("img", { className: `${C}__custom-logo`, src: n, alt: "" }), V = () => n ? I : /* @__PURE__ */ e.createElement(
     s2,
     {
       colorType: z,
@@ -8222,21 +8222,21 @@ const an = ({
     "button",
     {
       className: `${C}__menu-toggle`,
-      "aria-label": h ? i.closeMobileNav : i.openMobileNav,
+      "aria-label": f ? i.closeMobileNav : i.openMobileNav,
       onClick: w,
       type: "button"
     },
-    /* @__PURE__ */ e.createElement(R, { iconName: h ? "xmark" : "bars", iconSize: "lg" })
-  ), W = e.Children.toArray(t).sort((j, K) => {
-    const X = he(j) && parseInt(j.props["data-mobile-order"], 10) || 1 / 0, I = he(K) && parseInt(K.props["data-mobile-order"], 10) || 1 / 0;
-    return X - I;
+    /* @__PURE__ */ e.createElement(R, { iconName: f ? "xmark" : "bars", iconSize: "lg" })
+  ), Z = e.Children.toArray(t).sort((j, K) => {
+    const X = he(j) && parseInt(j.props["data-mobile-order"], 10) || 1 / 0, A = he(K) && parseInt(K.props["data-mobile-order"], 10) || 1 / 0;
+    return X - A;
   }), P = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: h ? `${C}__mobile ${C}__mobile--open` : `${C}__mobile ${C}__mobile--closed`,
+      className: f ? `${C}__mobile ${C}__mobile--open` : `${C}__mobile ${C}__mobile--closed`,
       ref: y
     },
-    /* @__PURE__ */ e.createElement(ht, null, W)
+    /* @__PURE__ */ e.createElement(ht, null, Z)
   ), Y = /* @__PURE__ */ e.createElement(
     n1,
     {
@@ -8252,7 +8252,7 @@ const an = ({
     {
       className: H([
         C,
-        f,
+        h,
         u,
         E,
         m ?? ""
@@ -8266,7 +8266,7 @@ const an = ({
   label: s,
   mobileMenuMaxWidth: a = 640
 }) => {
-  const [c, o] = Z(!1), [r, l] = Z(0);
+  const [c, o] = W(!1), [r, l] = W(0);
   ae(() => (l(window.innerWidth), window.addEventListener("resize", n), () => {
     window.removeEventListener("resize", n);
   }), []);
@@ -8277,7 +8277,7 @@ const an = ({
     open: c,
     onOpenChange: o,
     whileElementsMounted: xe
-  }), h = je(v, { event: "mousedown" }), N = Se(v), g = Ve(v, { role: "menu" });
+  }), f = je(v, { event: "mousedown" }), N = Se(v), g = Ve(v, { role: "menu" });
   let p;
   d ? p = Ct(v, {
     enabled: !1
@@ -8292,9 +8292,9 @@ const an = ({
   const { getReferenceProps: _, getFloatingProps: C } = Ie([
     N,
     g,
-    h,
+    f,
     p
-  ]), u = (f) => !!(f.isActive || f.linkContent && f.linkContent.props.className && f.linkContent.props.className.includes("pds-isActive"));
+  ]), 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",
     {
@@ -8312,14 +8312,14 @@ const an = ({
       ref: m.setFloating,
       ...C()
     },
-    t.map((f, E) => /* @__PURE__ */ e.createElement(
+    t.map((h, E) => /* @__PURE__ */ e.createElement(
       "li",
       {
         key: E,
-        role: f.isSeparator ? "separator" : "menuitem",
-        className: `${i}__item ${f.isSeparator ? `${i}__dropdown--separator` : `${i}__item--second-level`} ${u(f) ? `${i}__item--active` : null}`
+        role: h.isSeparator ? "separator" : "menuitem",
+        className: `${i}__item ${h.isSeparator ? `${i}__dropdown--separator` : `${i}__item--second-level`} ${u(h) ? `${i}__item--active` : null}`
       },
-      !f.isSeparator && f.linkContent
+      !h.isSeparator && h.linkContent
     ))
   ));
 }, Vn = ({
@@ -8330,7 +8330,7 @@ const an = ({
   className: o,
   ...r
 }) => {
-  const [l, n] = Z(1025), [d, i] = Z(null), [m, v] = Z(-1), [h, N] = Z(null), [g, p] = Z({
+  const [l, n] = W(1025), [d, i] = W(null), [m, v] = W(-1), [f, N] = W(null), [g, p] = W({
     container: null,
     containerChildren: []
   });
@@ -8343,15 +8343,15 @@ const an = ({
   ae(() => {
     g.containerChildren[d] && (g.containerChildren[d].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && h == "down" ? i(d + 1) : g.containerChildren[d].classList.contains(
+    ) && f == "down" ? i(d + 1) : g.containerChildren[d].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && h == "up" ? i(d - 1) : g.containerChildren[d].children[0].focus());
+    ) && f == "up" ? i(d - 1) : g.containerChildren[d].children[0].focus());
   }, [d]), ae(() => {
     m != -1 && (b.current[m].children[0].blur(), b.current[m].children[0].focus({
       focusVisible: !0
     }));
   }, [m]);
-  const u = "pds-nav-menu", f = s !== "default" ? `${u}--${s}` : "", E = C ? `${u}--isMobile` : `${u}--notMobile`, b = le([]), w = ($) => {
+  const u = "pds-nav-menu", h = s !== "default" ? `${u}--${s}` : "", E = C ? `${u}--isMobile` : `${u}--notMobile`, b = le([]), w = ($) => {
     const M = b.current.length - 1, O = {
       ArrowRight: () => {
         i(-1), v(m === -1 ? 1 : m === M ? 0 : m + 1);
@@ -8361,9 +8361,9 @@ const an = ({
       },
       ArrowDown: () => {
         N("down");
-        const W = $.target.parentNode.children[1], P = $.target?.parentNode.children[1]?.children || $.target?.parentNode.parentNode.children[1]?.children;
-        g.container != W && W != null && p({
-          container: W,
+        const Z = $.target.parentNode.children[1], P = $.target?.parentNode.children[1]?.children || $.target?.parentNode.parentNode.children[1]?.children;
+        g.container != Z && Z != null && p({
+          container: Z,
           containerChildren: [...P]
         }), d === null || d == g.containerChildren.length - 1 ? i(0) : i(parseInt(d) + 1);
       },
@@ -8421,7 +8421,7 @@ const an = ({
   }), /* @__PURE__ */ e.createElement(
     "nav",
     {
-      className: H([u, f, E, o]),
+      className: H([u, h, E, o]),
       "aria-label": t,
       onKeyDown: ($) => {
         w($);
@@ -8450,7 +8450,7 @@ const an = ({
     const u = p.getAttribute("aria-expanded") === "false";
     p.classList.toggle(`${n}__toggle--expanded`, u), p.setAttribute("aria-expanded", u ? "true" : "false"), _.classList.toggle(`${i}--expanded`, u);
   }, v = (g, p) => {
-    const { linkContent: _, links: C } = g, u = ve(g), f = ms(_), E = u;
+    const { linkContent: _, links: C } = g, u = ve(g), h = ms(_), E = u;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -8462,7 +8462,7 @@ const an = ({
           u ? `${d}--active` : null
         ])
       },
-      C ? f ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}-wrapper` }, gt(_, C), /* @__PURE__ */ e.createElement(
+      C ? h ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}-wrapper` }, gt(_, C), /* @__PURE__ */ e.createElement(
         "button",
         {
           "aria-expanded": E,
@@ -8557,7 +8557,7 @@ const an = ({
         _
       )
     );
-  }, h = /* @__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((g, p) => v(g, p)))), N = /* @__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((g, p) => v(g, p)))), N = /* @__PURE__ */ e.createElement(
     xt,
     {
       headingText: s,
@@ -8573,7 +8573,7 @@ const an = ({
       className: H([n, r ?? ""]),
       ...l
     },
-    h,
+    f,
     N
   );
 }, bt = 0, An = ({
@@ -8590,80 +8590,80 @@ const an = ({
   className: n,
   ...d
 }) => {
-  const i = "pds-side-nav-compact", m = `${i}__item`, v = `${i}__menu`, [h, N] = Z(1025), [g, p] = Z(!1), [_, C] = Z([]), u = le(null), f = le(null), E = le([]), b = le(-1);
+  const i = "pds-side-nav-compact", m = `${i}__item`, v = `${i}__menu`, [f, N] = W(1025), [g, p] = W(!1), [_, C] = W([]), u = le(null), h = le(null), E = le([]), b = le(-1);
   ae(() => (N(window.innerWidth), window.addEventListener("resize", w), () => {
     window.removeEventListener("resize", w);
   }), []), ae(() => {
     (!y || !s) && L();
-  }, [h, o, _]), ae(() => {
+  }, [f, o, _]), ae(() => {
     if (u.current) {
-      const I = u.current.querySelector(
+      const A = u.current.querySelector(
         ".pds-side-nav-compact__heading a"
       );
-      I && (f.current = I);
+      A && (h.current = A);
     }
   }, [a]), ae(() => {
     if (u.current && o.length > 0) {
       const x = Array.from(
         u.current.querySelectorAll(`.${m}--active`)
-      ).map((A) => {
-        const G = A.closest(`.${m}--top-level`);
+      ).map((T) => {
+        const G = T.closest(`.${m}--top-level`);
         return G ? Array.from(
           u.current?.querySelectorAll(`.${m}--top-level`) || []
         ).indexOf(G) : -1;
-      }).filter((A) => A !== -1), S = Array.from(new Set(x));
+      }).filter((T) => T !== -1), S = Array.from(new Set(x));
       C(S);
     }
   }, [o]);
   const w = () => {
     N(window.innerWidth);
-  }, y = h <= r, L = () => {
+  }, y = f <= r, L = () => {
     if (!u.current) return;
-    const I = Array.from(
+    const A = Array.from(
       u.current.querySelectorAll(
         ".pds-side-nav-compact__menu a, button.pds-side-nav-compact__toggle"
       )
     );
-    E.current = I.filter((x) => {
+    E.current = A.filter((x) => {
       if (window.getComputedStyle(x).display === "none") return !1;
-      const A = x.closest(`.${v}`);
-      return !(A && !A.classList.contains(`${v}--expanded`) && !A.classList.contains(`${v}--top-level`));
+      const T = x.closest(`.${v}`);
+      return !(T && !T.classList.contains(`${v}--expanded`) && !T.classList.contains(`${v}--top-level`));
     });
-  }, $ = (I) => {
-    const x = I.closest(`.${m}-wrapper`);
+  }, $ = (A) => {
+    const x = A.closest(`.${m}-wrapper`);
     if (x)
       return x.querySelector(
         `.${i}__toggle`
       );
-    const S = I.closest(`.${m}`);
+    const S = A.closest(`.${m}`);
     return S ? S.querySelector(
       `.${i}__toggle`
     ) : null;
-  }, M = (I) => {
-    if (I.classList.contains(`${i}__toggle`))
-      return I.closest(`.${m}-wrapper`)?.nextElementSibling || null;
-    const x = I.closest(`.${m}`);
+  }, M = (A) => {
+    if (A.classList.contains(`${i}__toggle`))
+      return A.closest(`.${m}-wrapper`)?.nextElementSibling || null;
+    const x = A.closest(`.${m}`);
     return x ? x.querySelector(`.${v}`) : null;
-  }, k = (I) => {
-    if (I.classList.contains(`${i}__toggle`))
+  }, k = (A) => {
+    if (A.classList.contains(`${i}__toggle`))
       return !0;
-    const x = I.closest(`.${m}-wrapper`);
+    const x = A.closest(`.${m}-wrapper`);
     return x ? !!x.querySelector(`.${i}__toggle`) : !1;
-  }, z = (I) => {
+  }, z = (A) => {
     if (!g) return;
     const x = E.current[b.current];
     if (x)
-      switch (I.key) {
+      switch (A.key) {
         case "ArrowDown": {
-          I.preventDefault(), F(1);
+          A.preventDefault(), F(1);
           break;
         }
         case "ArrowUp": {
-          I.preventDefault(), F(-1);
+          A.preventDefault(), F(-1);
           break;
         }
         case "ArrowRight": {
-          if (I.preventDefault(), k(x)) {
+          if (A.preventDefault(), k(x)) {
             const S = x.classList.contains(
               `${i}__toggle`
             ) ? x : $(x);
@@ -8671,9 +8671,9 @@ const an = ({
               currentTarget: S
             }), setTimeout(() => {
               L();
-              const A = M(S);
-              if (A) {
-                const G = A.querySelector(
+              const T = M(S);
+              if (T) {
+                const G = T.querySelector(
                   "a"
                 );
                 G && (G.focus(), b.current = E.current.indexOf(G));
@@ -8683,41 +8683,41 @@ const an = ({
           break;
         }
         case "ArrowLeft": {
-          I.preventDefault();
+          A.preventDefault();
           const S = x.closest(`.${v}`);
           if (S && !S.classList.contains(`${v}--top-level`)) {
-            const A = S.parentElement;
-            if (A && A.classList.contains(m)) {
-              const G = A.querySelector(
+            const T = S.parentElement;
+            if (T && T.classList.contains(m)) {
+              const G = T.querySelector(
                 `.${i}__toggle`
               );
               G && G.getAttribute("aria-expanded") === "true" && (O({
                 currentTarget: G
               }), setTimeout(() => {
                 L();
-                const U = A.querySelector("a") || G;
+                const U = T.querySelector("a") || G;
                 U && (U.focus(), b.current = E.current.indexOf(U));
               }, bt));
             }
           } else if (k(x)) {
-            const A = x.classList.contains(
+            const T = x.classList.contains(
               `${i}__toggle`
             ) ? x : $(x);
-            A && A.getAttribute("aria-expanded") === "true" && O({
-              currentTarget: A
+            T && T.getAttribute("aria-expanded") === "true" && O({
+              currentTarget: T
             });
           }
           break;
         }
       }
-  }, F = (I) => {
+  }, F = (A) => {
     const x = E.current;
     if (x.length === 0) return;
-    let S = b.current + I;
+    let S = b.current + A;
     S < 0 && (S = x.length - 1), S >= x.length && (S = 0), b.current = S, x[S]?.focus();
-  }, T = (I) => {
-    if (I.key === "Tab" && g && !I.shiftKey) {
-      I.preventDefault(), p(!1), b.current = -1;
+  }, I = (A) => {
+    if (A.key === "Tab" && g && !A.shiftKey) {
+      A.preventDefault(), p(!1), b.current = -1;
       const x = Array.from(
         document.querySelectorAll(
           'a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -8725,33 +8725,33 @@ const an = ({
       ), S = x.indexOf(u.current);
       S !== -1 && S < x.length - 1 && x[S + 1].focus();
     }
-  }, V = (I) => {
-    if (I.target === u.current && !g)
-      I.preventDefault(), p(!0), L(), E.current.length > 0 && (b.current = 0, E.current[0]?.focus());
-    else if (I.target !== u.current && !g) {
+  }, V = (A) => {
+    if (A.target === u.current && !g)
+      A.preventDefault(), p(!0), L(), E.current.length > 0 && (b.current = 0, E.current[0]?.focus());
+    else if (A.target !== u.current && !g) {
       L();
       const x = E.current.indexOf(
-        I.target
+        A.target
       );
       x !== -1 && (p(!0), b.current = x);
     }
-  }, O = (I) => {
-    const x = I.currentTarget, S = x.parentElement?.nextElementSibling;
+  }, O = (A) => {
+    const x = A.currentTarget, S = x.parentElement?.nextElementSibling;
     if (!S) return;
-    const A = x.getAttribute("aria-expanded") === "false";
-    x.classList.toggle(`${i}__toggle--expanded`, A), x.setAttribute("aria-expanded", A ? "true" : "false");
+    const T = x.getAttribute("aria-expanded") === "false";
+    x.classList.toggle(`${i}__toggle--expanded`, T), x.setAttribute("aria-expanded", T ? "true" : "false");
     const G = x.closest(`.${m}`);
     if (G) {
       const D = Array.from(
         u.current?.querySelectorAll(`.${m}--top-level`) || []
       ).indexOf(G);
-      C((U) => A && !U.includes(D) && D !== -1 ? [...U, D] : A ? U : U.filter((ee) => ee !== D));
+      C((U) => T && !U.includes(D) && D !== -1 ? [...U, D] : T ? U : U.filter((ee) => ee !== D));
     }
-    A ? W(S) : P(S);
-  }, W = (I) => {
-    I.style.display = "flex", I.style.height = "auto";
-    const x = `${I.scrollHeight}px`;
-    I.style.marginBlockStart = "0", I.animate(
+    T ? Z(S) : P(S);
+  }, Z = (A) => {
+    A.style.display = "flex", A.style.height = "auto";
+    const x = `${A.scrollHeight}px`;
+    A.style.marginBlockStart = "0", A.animate(
       [
         { height: "0px", opacity: "0", marginBlockStart: "0" },
         {
@@ -8765,15 +8765,15 @@ const an = ({
         easing: Ue
       }
     ).onfinish = () => {
-      Object.assign(I.style, {
+      Object.assign(A.style, {
         height: "auto",
         opacity: "1",
         display: "flex",
         marginBlockStart: `${Nt}rem`
-      }), I.classList.add(`${v}--expanded`), L();
+      }), A.classList.add(`${v}--expanded`), L();
     };
-  }, P = (I) => {
-    const x = `${I.scrollHeight}px`, S = I.animate(
+  }, P = (A) => {
+    const x = `${A.scrollHeight}px`, S = A.animate(
       [
         {
           height: x,
@@ -8788,7 +8788,7 @@ const an = ({
       }
     );
     S.onfinish = () => {
-      I.classList.remove(`${v}--expanded`), Object.assign(I.style, {
+      A.classList.remove(`${v}--expanded`), Object.assign(A.style, {
         opacity: "0",
         height: "",
         // Clean height from inline style
@@ -8797,8 +8797,8 @@ const an = ({
         marginBlockStart: "0"
       }), L();
     };
-  }, Y = { 2: "second", 3: "third", 4: "fourth" }, Q = (I, x, S) => {
-    const A = Y[I], G = `${v}--${A}-level`, D = `${m}--${A}-level`, U = I + 1, ee = ve(x);
+  }, Y = { 2: "second", 3: "third", 4: "fourth" }, Q = (A, x, S) => {
+    const T = Y[A], G = `${v}--${T}-level`, D = `${m}--${T}-level`, U = A + 1, ee = ve(x);
     let ce = !1;
     const me = u.current?.querySelector(
       `.${m}--top-level[data-item-path="${x.path}"]`
@@ -8842,7 +8842,7 @@ const an = ({
       x.links.map((fe, te) => /* @__PURE__ */ e.createElement(
         "li",
         {
-          key: `${te}-${A}`,
+          key: `${te}-${T}`,
           className: H([
             m,
             D,
@@ -8857,8 +8857,8 @@ const an = ({
         ) : fe.linkContent
       ))
     ));
-  }, j = (I, x) => {
-    const { linkContent: S, links: A } = I;
+  }, j = (A, x) => {
+    const { linkContent: S, links: T } = A;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -8866,13 +8866,13 @@ const an = ({
         className: H([
           m,
           `${m}--top-level`,
-          ve(I) ? `${m}--active` : null
+          ve(A) ? `${m}--active` : null
         ]),
-        "data-item-path": I.path || ""
+        "data-item-path": A.path || ""
       },
-      A ? Q(2, I) : S
+      T ? Q(2, A) : S
     );
-  }, K = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${i}__heading pds-ts-l` }, a), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${i}__menu ${i}__menu--top-level` }, o.map((I, x) => j(I, x)))), X = /* @__PURE__ */ e.createElement(
+  }, K = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${i}__heading pds-ts-l` }, a), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${i}__menu ${i}__menu--top-level` }, o.map((A, x) => j(A, x)))), X = /* @__PURE__ */ e.createElement(
     xt,
     {
       headingText: a,
@@ -8887,8 +8887,8 @@ const an = ({
       className: H([i, n ?? ""]),
       ref: u,
       onFocus: V,
-      onKeyDown: (I) => {
-        z(I), T(I);
+      onKeyDown: (A) => {
+        z(A), I(A);
       },
       tabIndex: 0,
       role: "navigation",
@@ -8925,20 +8925,20 @@ const an = ({
       },
       $.linkContent
     ))
-  ), [v, h] = Z(!1), { refs: N, floatingStyles: g, context: p } = ke({
+  ), [v, f] = W(!1), { refs: N, floatingStyles: g, context: p } = ke({
     placement: "right-start",
     open: v,
-    onOpenChange: h,
+    onOpenChange: f,
     middleware: [st(8), nt(), ot()],
     whileElementsMounted: xe
   }), _ = Ct(p, {
     move: !1,
     handleClose: Kt()
-  }), C = Ut(p), u = Se(p), f = Ve(p, { role: "menu" }), { getReferenceProps: E, getFloatingProps: b } = Ie([
+  }), C = Ut(p), u = Se(p), h = Ve(p, { role: "menu" }), { getReferenceProps: E, getFloatingProps: b } = Ie([
     _,
     C,
     u,
-    f
+    h
   ]), w = (y) => {
     const L = y.currentTarget, $ = L.parentElement?.nextElementSibling;
     if (!$) return;
@@ -9031,7 +9031,7 @@ const an = ({
       linkContent: g.linkContent,
       links: g.links
     }
-  )))), h = r.map((g) => ({
+  )))), f = r.map((g) => ({
     ...g,
     linkContent: rt(
       i,
@@ -9042,7 +9042,7 @@ const an = ({
   })), N = /* @__PURE__ */ e.createElement(
     xt,
     {
-      menuItems: h,
+      menuItems: f,
       selectTextFallback: l,
       className: `${i}__dropdown-menu`
     }
@@ -9065,14 +9065,14 @@ const an = ({
   minFilterItems: o = 5,
   noResultsText: r = "No results found"
 }) => {
-  const [l, n] = Z(!1), [d, i] = Z(null), [m, v] = Z(c), [h, N] = Z(""), g = c.length >= o, p = "pds-tab-menu", _ = `${p}__dropdown-menu`, C = g ? `${_}--scroll` : null, u = `${p}__dropdown-item`, f = le([]), { context: E, refs: b } = ke({
+  const [l, n] = W(!1), [d, i] = W(null), [m, v] = W(c), [f, N] = W(""), g = c.length >= o, p = "pds-tab-menu", _ = `${p}__dropdown-menu`, C = g ? `${_}--scroll` : null, u = `${p}__dropdown-item`, h = le([]), { context: E, refs: b } = ke({
     open: l,
     onOpenChange: n,
     whileElementsMounted: xe
   }), w = je(E, {
     event: "mousedown"
   }), y = Se(E), L = Ve(E, { role: "listbox" }), $ = it(E, {
-    listRef: f,
+    listRef: h,
     activeIndex: d,
     onNavigate: i,
     loop: !0,
@@ -9080,7 +9080,7 @@ const an = ({
     focusItemOnOpen: !1
   }), { getReferenceProps: M, getFloatingProps: k, getItemProps: z } = Ie(
     [L, y, $, w]
-  ), { isMounted: F, styles: T } = Ke(E, {
+  ), { isMounted: F, styles: I } = Ke(E, {
     duration: {
       open: 300,
       close: 150
@@ -9095,15 +9095,15 @@ const an = ({
       opacity: 0
     }
   }), V = (x) => {
-    x.preventDefault(), x.key === "Enter" && f.current[d].querySelector("a")?.click(), x.key === "Tab" && x.shiftKey && (g ? document.getElementById("links-filter").focus() : n(!1));
-  }, O = (x, S) => Me(x.linkContent).toLowerCase().includes(S.toLowerCase()), W = (x) => {
+    x.preventDefault(), x.key === "Enter" && h.current[d].querySelector("a")?.click(), x.key === "Tab" && x.shiftKey && (g ? document.getElementById("links-filter").focus() : n(!1));
+  }, O = (x, S) => Me(x.linkContent).toLowerCase().includes(S.toLowerCase()), Z = (x) => {
     const S = x.target.value;
     N(S);
-    const A = c.filter((G) => O(G, S));
-    v(A);
+    const T = c.filter((G) => O(G, S));
+    v(T);
   };
   ae(() => {
-    const x = c.filter((S) => O(S, h));
+    const x = c.filter((S) => O(S, f));
     v(x);
   }, [c]);
   const P = () => {
@@ -9122,21 +9122,21 @@ const an = ({
       onClear: P,
       id: "links-filter",
       label: s,
-      onChange: W,
+      onChange: Z,
       placeholder: a,
       showLabel: !1,
       type: "search",
       autoComplete: "off"
     }
-  )), I = m.map((x, S) => {
-    const A = x.isActive ? `${u}--active` : null;
+  )), A = m.map((x, S) => {
+    const T = x.isActive ? `${u}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
         key: S,
-        className: H([u, A]),
+        className: H([u, T]),
         ref: (G) => {
-          f.current[S] = G;
+          h.current[S] = G;
         },
         tabIndex: S === d ? 0 : -1,
         onKeyDown: V,
@@ -9176,7 +9176,7 @@ const an = ({
         }
       })
     },
-    /* @__PURE__ */ e.createElement("div", { style: { ...T } }, X, /* @__PURE__ */ e.createElement("ul", { className: H([_, C]) }, I.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, r) : I))
+    /* @__PURE__ */ e.createElement("div", { style: { ...I } }, X, /* @__PURE__ */ e.createElement("ul", { className: H([_, C]) }, A.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, r) : A))
   ));
 }, Dn = ({
   ariaLabel: t,
@@ -9190,16 +9190,16 @@ const an = ({
   const l = "pds-tab-menu", n = o ? `${l}--isMobile` : null, d = ({
     dropdownSettings: m,
     icon: v,
-    isActive: h,
+    isActive: f,
     linkContent: N,
     links: g,
     promoteActiveChildLink: p = !1
   }) => {
-    const _ = `${l}__item`, C = t2(g), u = (f, E) => {
+    const _ = `${l}__item`, C = t2(g), u = (h, E) => {
       let b = null;
-      return he(f) && (E ? b = De(
-        f,
-        Object.assign({}, f.props, {
+      return he(h) && (E ? b = De(
+        h,
+        Object.assign({}, h.props, {
           children: [
             /* @__PURE__ */ e.createElement("span", { key: E, className: `${l}__item-inner` }, /* @__PURE__ */ e.createElement(
               R,
@@ -9208,17 +9208,17 @@ const an = ({
                 iconSize: o ? "sm" : "md",
                 className: `${l}__item-icon`
               }
-            ), f.props.children)
+            ), h.props.children)
           ]
         })
-      ) : b = f), b;
+      ) : b = h), b;
     };
     return /* @__PURE__ */ e.createElement(
       "li",
       {
         className: H([
           _,
-          h ? `${_}--active` : null
+          f ? `${_}--active` : null
         ])
       },
       u(p ? C : N, v),
@@ -9265,11 +9265,11 @@ const an = ({
   className: l,
   ...n
 }) => {
-  const [d, i] = Z(null), [m, v] = Z(!1), h = le([]), N = le([]);
+  const [d, i] = W(null), [m, v] = W(!1), f = le([]), N = le([]);
   let g = !1;
   const p = Ce(be);
   p && (g = p.isMobile);
-  const _ = r && g, C = "pds-user-menu", u = _ ? `${C}--isMobile` : null, f = `${C}__menu`, { refs: E, floatingStyles: b, context: w } = ke({
+  const _ = r && g, C = "pds-user-menu", u = _ ? `${C}--isMobile` : null, h = `${C}__menu`, { refs: E, floatingStyles: b, context: w } = ke({
     placement: "bottom-end",
     open: m,
     onOpenChange: v,
@@ -9283,7 +9283,7 @@ const an = ({
     openOnArrowKeyDown: !0,
     focusItemOnOpen: !1,
     focusItemOnHover: !0
-  }), { getReferenceProps: z, getFloatingProps: F, getItemProps: T } = Ie(
+  }), { getReferenceProps: z, getFloatingProps: F, getItemProps: I } = Ie(
     [L, $, y, k]
   ), { isMounted: V, styles: O } = Ke(w, {
     duration: {
@@ -9299,7 +9299,7 @@ const an = ({
     close: {
       opacity: 0
     }
-  }), W = /* @__PURE__ */ e.createElement(
+  }), Z = /* @__PURE__ */ e.createElement(
     qt,
     {
       hasUserFallback: !0,
@@ -9309,19 +9309,19 @@ const an = ({
       className: `${C}__avatar`
     }
   ), P = /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", className: `${C}__trigger-icon` }), Y = /* @__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 : at();
-    h.current.push(G), N.current.push(A);
+  s.forEach((T) => {
+    const G = T.id ? T.id : at();
+    f.current.push(G), N.current.push(T);
   });
-  const Q = (A) => {
-    const G = h.current.indexOf(A), D = N.current[G];
+  const Q = (T) => {
+    const G = f.current.indexOf(T), D = N.current[G];
     D.linkContent && !D.disabled && (M.current[G].querySelector("a").click(), v(!1)), D.callback && !D.disabled && (D.callback(D), v(!1));
-  }, j = (A) => {
-    A.preventDefault(), A.key === "Enter" && Q(A.currentTarget.id);
-  }, K = (A) => {
-    Q(A.currentTarget.id);
-  }, X = s.map((A, G) => {
-    const D = h.current[G], U = `${C}__item`, ee = A.disabled ? `${U}--disabled` : null;
+  }, j = (T) => {
+    T.preventDefault(), T.key === "Enter" && Q(T.currentTarget.id);
+  }, K = (T) => {
+    Q(T.currentTarget.id);
+  }, X = s.map((T, G) => {
+    const D = f.current[G], U = `${C}__item`, ee = T.disabled ? `${U}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9334,19 +9334,19 @@ const an = ({
           M.current[G] = ce;
         },
         onKeyDown: j,
-        ...T({ onClick: (ce) => K(ce) })
+        ...I({ onClick: (ce) => K(ce) })
       },
-      A.iconName && /* @__PURE__ */ e.createElement(
+      T.iconName && /* @__PURE__ */ e.createElement(
         R,
         {
-          iconName: A.iconName,
+          iconName: T.iconName,
           className: `${C}__icon`,
           iconSize: "sm"
         }
       ),
-      A.linkContent ? A.linkContent : A.label
+      T.linkContent ? T.linkContent : T.label
     );
-  }), I = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }), A = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${C}__trigger`,
@@ -9355,7 +9355,7 @@ const an = ({
       type: "button",
       ...z()
     },
-    W
+    Z
   ), V && /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -9367,9 +9367,9 @@ const an = ({
       },
       ...F()
     },
-    /* @__PURE__ */ e.createElement("div", { style: { ...O } }, /* @__PURE__ */ e.createElement("ul", { className: f, role: "menu" }, Y, /* @__PURE__ */ e.createElement("li", { role: "separator" }), X))
-  )), x = (A) => {
-    const G = A.currentTarget;
+    /* @__PURE__ */ e.createElement("div", { style: { ...O } }, /* @__PURE__ */ e.createElement("ul", { className: h, role: "menu" }, Y, /* @__PURE__ */ e.createElement("li", { role: "separator" }), X))
+  )), x = (T) => {
+    const G = T.currentTarget;
     G.classList.toggle(`${C}__toggle--expanded`), G.setAttribute(
       "aria-expanded",
       G.getAttribute("aria-expanded") === "true" ? "false" : "true"
@@ -9382,12 +9382,12 @@ const an = ({
       "aria-label": t,
       onClick: x
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${C}__toggle-left` }, W, o || a),
+    /* @__PURE__ */ e.createElement("span", { className: `${C}__toggle-left` }, Z, o || a),
     P
   ), /* @__PURE__ */ e.createElement("div", { className: `${C}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
     {
-      className: [f, `${f}--isMobile`].join(" ").trim(),
+      className: [h, `${h}--isMobile`].join(" ").trim(),
       role: "menu"
     },
     Y,
@@ -9400,7 +9400,7 @@ const an = ({
       className: H([C, u, l ?? ""]),
       ...n
     },
-    _ ? S : I
+    _ ? S : A
   );
 }, vs = {
   silver: "Silver",
@@ -9420,15 +9420,15 @@ const an = ({
   className: i,
   ...m
 }) => {
-  const [v, h] = Z(!1), [N, g] = Z(null), [p, _] = Z(d), C = le([]), u = le(null), f = d.length >= r;
+  const [v, f] = W(!1), [N, g] = W(null), [p, _] = W(d), C = le([]), u = le(null), h = d.length >= r;
   let E = !1;
   const b = Ce(be);
   b && (E = b.isMobile);
-  const w = n && E, y = "pds-workspace-selector", L = w ? `${y}--isMobile` : null, $ = `${y}__menu`, M = f ? `${$}--scroll` : null, { refs: k, floatingStyles: z, context: F } = ke({
+  const w = n && E, y = "pds-workspace-selector", L = w ? `${y}--isMobile` : null, $ = `${y}__menu`, M = h ? `${$}--scroll` : null, { refs: k, floatingStyles: z, context: F } = ke({
     open: v,
-    onOpenChange: h,
+    onOpenChange: f,
     whileElementsMounted: xe
-  }), T = je(F, { event: "mousedown" }), V = Se(F), O = Ve(F, { role: "menu" }), W = it(F, {
+  }), I = je(F, { event: "mousedown" }), V = Se(F), O = Ve(F, { role: "menu" }), Z = it(F, {
     listRef: C,
     activeIndex: N,
     onNavigate: g,
@@ -9440,14 +9440,14 @@ const an = ({
     listRef: C,
     activeIndex: N,
     onMatch: (te) => {
-      v || h(!0), g(te);
+      v || f(!0), g(te);
     },
     findMatch: (te, ie) => {
       const re = ie.toLowerCase();
       return te.find((ge) => (ge?.textContent?.trim().toLowerCase() ?? "").startsWith(re));
     }
   }), { getReferenceProps: Y, getFloatingProps: Q, getItemProps: j } = Ie(
-    [V, O, T, W, P]
+    h ? [V, O, I, Z] : [V, O, I, Z, P]
   ), { isMounted: K, styles: X } = Ke(F, {
     duration: {
       open: 300,
@@ -9463,8 +9463,8 @@ const an = ({
       opacity: 0
     }
   });
-  let I = d.find((te) => te.isActive);
-  I || (I = d[0]);
+  let A = d.find((te) => te.isActive);
+  A || (A = d[0]);
   const x = (te) => {
     const { value: ie } = te.target, re = d.filter((ge) => ge.displayName.toLowerCase().includes(ie.toLowerCase()));
     _(re);
@@ -9477,21 +9477,21 @@ const an = ({
     _(te);
   }, [d]);
   const S = (te) => {
-    te.preventDefault(), te.key === "Enter" && C.current[N].querySelector("a").click(), te.key === "Tab" && (te.shiftKey ? f ? document.getElementById("workspace-filter").focus() : h(!1) : s ? u.current.querySelector("a").focus() : h(!1));
-  }, A = /* @__PURE__ */ e.createElement("div", { className: `${y}__button-content` }, /* @__PURE__ */ e.createElement(
+    te.preventDefault(), te.key === "Enter" && C.current[N].querySelector("a").click(), te.key === "Tab" && (te.shiftKey ? h ? document.getElementById("workspace-filter").focus() : f(!1) : s ? u.current.querySelector("a").focus() : f(!1));
+  }, T = /* @__PURE__ */ e.createElement("div", { className: `${y}__button-content` }, /* @__PURE__ */ e.createElement(
     qt,
     {
       size: "sm",
-      uniqueId: I.workspaceId,
-      imageSrc: I.imageSrc,
+      uniqueId: A.workspaceId,
+      imageSrc: A.imageSrc,
       className: `${y}__avatar`
     }
-  ), /* @__PURE__ */ e.createElement("span", { className: `${y}__name` }, I.displayName), I.planTier && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("span", { className: `${y}__name` }, A.displayName), A.planTier && /* @__PURE__ */ e.createElement(
     _t,
     {
       size: "sm",
-      color: I.planTier,
-      label: vs[I.planTier]
+      color: A.planTier,
+      label: vs[A.planTier]
     }
   )), G = /* @__PURE__ */ e.createElement(
     R,
@@ -9500,7 +9500,7 @@ const an = ({
       iconSize: "md",
       className: `${y}__trigger-icon`
     }
-  ), D = f && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
+  ), D = h && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
     O2,
     {
       hasClearButton: !0,
@@ -9537,7 +9537,7 @@ const an = ({
           Ye,
           {
             ...Object.assign({}, te.workspaceLink.props, {
-              onClick: () => h(!1)
+              onClick: () => f(!1)
             })
           },
           /* @__PURE__ */ e.createElement("div", { className: `${y}__item-content` }, /* @__PURE__ */ e.createElement(
@@ -9560,8 +9560,8 @@ const an = ({
       iconName: "plus",
       linkContent: s,
       variant: "subtle",
-      onBlur: h.bind(null, !1),
-      onClick: h.bind(null, !1)
+      onBlur: f.bind(null, !1),
+      onClick: f.bind(null, !1)
     }
   )), ce = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
@@ -9572,7 +9572,7 @@ const an = ({
       type: "button",
       ...Y()
     },
-    A,
+    T,
     G
   ), K && /* @__PURE__ */ e.createElement(
     "div",
@@ -9600,7 +9600,7 @@ const an = ({
       onClick: me,
       type: "button"
     },
-    A,
+    T,
     G
   ), /* @__PURE__ */ e.createElement("div", { className: `${y}__mobile-menu` }, D, /* @__PURE__ */ e.createElement(
     "ul",
@@ -9636,14 +9636,14 @@ const an = ({
   className: r,
   ...l
 }) => {
-  const [n, d] = Z(t);
+  const [n, d] = W(t);
   ae(() => {
     d(t);
   }, [t]);
   const i = n.length;
   if (i === 0)
     return null;
-  const m = "pds-banner", v = i > 1 ? `${m}-group--multiple` : null, h = {
+  const m = "pds-banner", v = i > 1 ? `${m}-group--multiple` : null, f = {
     info: `${m}--info`,
     warning: `${m}--warning`,
     critical: `${m}--critical`
@@ -9662,7 +9662,7 @@ const an = ({
         b[0]
       ]);
     }, 200);
-  }, f = () => {
+  }, h = () => {
     C(), document.getElementById(n[0].id).style.zIndex = (St + 2).toString(), document.getElementById(n[i - 1].id).style.zIndex = (St + 1).toString(), setTimeout(() => {
       document.getElementById(n[0].id).classList.add(`${m}--fading`);
     }, 50), setTimeout(() => {
@@ -9672,14 +9672,14 @@ const an = ({
       ]), document.getElementById(n[0].id).classList.remove(`${m}--fading`);
     }, 200);
   }, E = (b, w) => {
-    const { id: y, isDismissible: L, message: $, onDismiss: M, type: k } = b, F = ["critical", "warning"].includes(k) ? "alert" : "status", T = `${o[k]}:  `, V = (O) => {
+    const { id: y, isDismissible: L, message: $, onDismiss: M, type: k } = b, F = ["critical", "warning"].includes(k) ? "alert" : "status", I = `${o[k]}:  `, V = (O) => {
       O.preventDefault(), document.getElementById(y).classList.add(`${m}--dismissing`), setTimeout(() => {
         if (M && b.onDismiss(), i === 1) {
           d([]);
           return;
         }
         d(
-          (W) => W.filter((P) => P.id !== y)
+          (Z) => Z.filter((P) => P.id !== y)
         );
       }, 200);
     };
@@ -9688,7 +9688,7 @@ const an = ({
       {
         key: y,
         id: y,
-        className: H([m, h[k]]),
+        className: H([m, f[k]]),
         role: F,
         style: {
           zIndex: p(w).zIndex
@@ -9701,7 +9701,7 @@ const an = ({
           iconSize: "md",
           className: `${m}__icon ${m}__icon--${b.type}`
         }
-      ), /* @__PURE__ */ e.createElement("div", { className: `${m}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, T, " "), $)),
+      ), /* @__PURE__ */ e.createElement("div", { className: `${m}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, I, " "), $)),
       L && /* @__PURE__ */ e.createElement(
         "button",
         {
@@ -9732,7 +9732,7 @@ const an = ({
         size: "lg",
         className: `${m}__nav-button ${m}__nav-button--prev`,
         ariaLabel: c,
-        onClick: f
+        onClick: h
       }
     ), /* @__PURE__ */ e.createElement(
       Ht,
@@ -9813,16 +9813,16 @@ const an = ({
   className: i,
   ...m
 }) => {
-  const v = le(null), h = "pds-section-message", N = {
-    error: `${h}--error`,
-    success: `${h}--success`,
-    warning: `${h}--warning`,
-    info: `${h}--info`,
-    critical: `${h}--critical`,
-    discovery: `${h}--discovery`,
-    dismissing: `${h}--dismissing`,
-    dismissed: `${h}--dismissed`
-  }, g = c ? `${h}--hasDismiss` : null, p = l ? `${h}--hasTitle` : null, C = ["critical", "warning"].includes(n) ? "alert" : "status", u = `${d[n]}: `, f = typeof r == "string" ? /* @__PURE__ */ e.createElement("p", null, r) : r, E = () => {
+  const v = le(null), f = "pds-section-message", N = {
+    error: `${f}--error`,
+    success: `${f}--success`,
+    warning: `${f}--warning`,
+    info: `${f}--info`,
+    critical: `${f}--critical`,
+    discovery: `${f}--discovery`,
+    dismissing: `${f}--dismissing`,
+    dismissed: `${f}--dismissed`
+  }, g = c ? `${f}--hasDismiss` : null, p = 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
     });
@@ -9837,7 +9837,7 @@ const an = ({
     "div",
     {
       className: H([
-        h,
+        f,
         N[n],
         g,
         p,
@@ -9848,25 +9848,25 @@ const an = ({
       role: C,
       ...m
     },
-    /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${h}__icon ${h}__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(
       R,
       {
         iconName: `${n}` in Pt ? Pt[n] : Pt.info,
         iconSize: "lg"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${h}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), l && /* @__PURE__ */ e.createElement("div", { className: `${h}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${h}__message` }, f))),
-    (t || c) && /* @__PURE__ */ e.createElement("div", { className: `${h}__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(
       ze,
       {
         ...t,
-        className: `${h}__cta`,
+        className: `${f}__cta`,
         size: "sm",
         variant: "secondary"
       }
     ), c && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `${h}__dismiss`,
+        className: `${f}__dismiss`,
         onClick: w,
         "aria-label": s,
         role: "button",
@@ -9978,19 +9978,19 @@ const Wn = () => {
   const i = Math.max(s - t, 1), m = Math.min(
     s + t,
     r
-  ), v = i > 2, h = m < r - 2;
-  if (!v && h) {
+  ), v = i > 2, f = m < r - 2;
+  if (!v && f) {
     const N = 3 + 2 * t;
     return [...$t(1, N), ft, r];
   }
-  if (v && !h) {
+  if (v && !f) {
     const N = 3 + 2 * t, g = $t(
       r - N + 1,
       r
     );
     return [n, ft, ...g];
   }
-  if (v && h) {
+  if (v && f) {
     const N = $t(i, m);
     return [
       n,
@@ -10020,7 +10020,7 @@ const Wn = () => {
     totalItemCount: n,
     bufferCount: t,
     itemsPerPage: o
-  }), v = m[m.length - 1], h = () => {
+  }), v = m[m.length - 1], f = () => {
     l(s + 1);
   }, N = () => {
     l(s - 1);
@@ -10061,17 +10061,17 @@ const Wn = () => {
         },
         /* @__PURE__ */ e.createElement(R, { iconName: "arrowLeft" })
       )
-    ), m.map((u, f) => u === ft ? /* @__PURE__ */ e.createElement(
+    ), m.map((u, h) => u === ft ? /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: f,
+        key: h,
         className: H([p, `${p}--truncated`])
       },
       /* @__PURE__ */ e.createElement("span", null, "…")
     ) : /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: f,
+        key: h,
         className: H([
           p,
           s === u ? _ : void 0
@@ -10100,7 +10100,7 @@ const Wn = () => {
         {
           "aria-disabled": s === v ? !0 : void 0,
           "aria-label": r.next,
-          onClick: s === v ? void 0 : h,
+          onClick: s === v ? void 0 : f,
           type: "button"
         },
         /* @__PURE__ */ e.createElement(R, { iconName: "arrowRight" })
@@ -10115,15 +10115,15 @@ const Wn = () => {
   className: o,
   ...r
 }) => {
-  const [l, n] = Z(a), i = le(
+  const [l, n] = W(a), i = le(
     s || `expansion-panel-${at()}`
-  ).current, m = "pds-expansion-panel", v = le(null), h = le(null), N = le(null);
+  ).current, m = "pds-expansion-panel", v = le(null), f = le(null), N = le(null);
   return ae(() => {
-    const g = v.current, p = h.current, _ = N.current;
+    const g = v.current, p = f.current, _ = N.current;
     if (!g || !p || !_) return;
-    let C = null, u = !1, f = !1;
+    let C = null, u = !1, h = !1;
     const E = ($) => {
-      $.preventDefault(), g.style.overflow = "hidden", u || !g.open ? w() : (f || g.open) && b();
+      $.preventDefault(), g.style.overflow = "hidden", u || !g.open ? w() : (h || g.open) && b();
     }, b = () => {
       u = !0, n(!1);
       const $ = `${g.offsetHeight}px`, M = `${p.offsetHeight}px`;
@@ -10137,7 +10137,7 @@ const Wn = () => {
     }, w = () => {
       g.style.height = `${g.offsetHeight}px`, g.open = !0, n(!0), requestAnimationFrame(() => y());
     }, y = () => {
-      f = !0;
+      h = !0;
       const $ = `${g.offsetHeight}px`, M = `${p.offsetHeight + _.offsetHeight}px`;
       C && C.cancel(), C = g.animate(
         { height: [$, M] },
@@ -10145,9 +10145,9 @@ const Wn = () => {
           duration: g2,
           easing: Ue
         }
-      ), C.onfinish = () => L(!0), C.oncancel = () => f = !1;
+      ), C.onfinish = () => L(!0), C.oncancel = () => h = !1;
     }, L = ($) => {
-      g.open = $, C = null, u = !1, f = !1, g.style.height = g.style.overflow = "";
+      g.open = $, C = null, u = !1, h = !1, g.style.height = g.style.overflow = "";
     };
     return p.addEventListener("click", E), () => p.removeEventListener("click", E);
   }, []), /* @__PURE__ */ e.createElement("div", { className: H([m, o]), ...r }, /* @__PURE__ */ e.createElement(
@@ -10158,7 +10158,7 @@ const Wn = () => {
       open: a,
       ref: v
     },
-    /* @__PURE__ */ e.createElement("summary", { ref: h }, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("summary", { ref: f }, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement(
       R,
       {
         iconName: "angleDown",
@@ -10205,31 +10205,35 @@ const Wn = () => {
   background: t = "default",
   children: s,
   hasBorder: a = !0,
-  className: c,
-  ...o
+  labelStrings: c,
+  className: o,
+  ...r
 }) => {
-  const r = "pds-panel-list", l = t !== "default" ? `${r}--${t}` : null, n = a ? null : `${r}--borderless`;
+  const l = "pds-panel-list", n = t !== "default" ? `${l}--${t}` : null, d = a ? null : `${l}--borderless`, i = c ? e.Children.map(s, (m) => e.isValidElement(m) && !m.props.labelStrings ? e.cloneElement(m, { labelStrings: c }) : m) : s;
   return /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: H([
-        r,
         l,
         n,
-        c ?? ""
+        d,
+        o ?? ""
       ]),
-      ...o
+      ...r
     },
-    s
+    i
   );
 }, C2 = 0, Xn = ({
   children: t,
   className: s,
   isExpandable: a = !1,
-  expandButtonAriaLabel: c,
+  labelStrings: c = {
+    buttonExpand: "Expand",
+    buttonCollapse: "Collapse"
+  },
   ...o
 }) => {
-  const r = "pds-panel-row", [l, n] = Z(!1), d = le(null), i = le(null), m = Ae(t), v = m["items-left"], h = m["items-right"], N = m["items-below"], g = () => {
+  const r = "pds-panel-row", [l, n] = W(!1), d = le(null), i = le(null), m = Ae(t), v = m["items-left"], f = m["items-right"], N = m["items-below"], g = () => {
     const p = i.current, _ = d.current;
     if (!p || !_) return;
     const C = !l;
@@ -10287,14 +10291,14 @@ const Wn = () => {
         ])
       },
       v && /* @__PURE__ */ e.createElement("div", { className: `${r}__items ${r}__items--left` }, v),
-      h && /* @__PURE__ */ e.createElement("div", { className: `${r}__items ${r}__items--right` }, h),
+      f && /* @__PURE__ */ e.createElement("div", { className: `${r}__items ${r}__items--right` }, f),
       a && /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${r}__expand-button`,
           onClick: g,
           "aria-expanded": l,
-          "aria-label": c
+          "aria-label": l ? c.buttonCollapse : c.buttonExpand
         },
         /* @__PURE__ */ e.createElement(
           R,
@@ -10351,17 +10355,17 @@ const Wn = () => {
   popoverIsOpen: m = !1,
   setPopoverIsOpen: v = () => {
   },
-  className: h,
+  className: f,
   classNameContainer: N,
   ...g
 }) => {
-  const [p, _] = Z(m);
+  const [p, _] = W(m);
   ae(() => {
     _(m);
   }, [m]), ae(() => {
     v(p);
   }, [p]);
-  const C = typeof a, u = "pds-popover", f = H([
+  const C = typeof a, u = "pds-popover", h = H([
     `${u}__trigger-custom`,
     C === "string" ? `${u}__trigger-text` : ""
   ]), E = a ? o : 0, b = le(null), { refs: w, floatingStyles: y, context: L, middlewareData: $ } = ke({
@@ -10379,11 +10383,11 @@ const Wn = () => {
     whileElementsMounted: xe
   }), M = () => {
     _(!1), r && r();
-  }, k = je(L), z = Se(L), F = Ve(L), { getReferenceProps: T, getFloatingProps: V } = Ie([
+  }, k = je(L), z = Se(L), F = Ve(L), { getReferenceProps: I, getFloatingProps: V } = Ie([
     k,
     z,
     F
-  ]), O = $.arrow?.x ?? 0, W = $.arrow?.y ?? 0, P = O + _2 / 2, Y = W + tt, { isMounted: Q } = Ke(L, {
+  ]), O = $.arrow?.x ?? 0, Z = $.arrow?.y ?? 0, P = O + _2 / 2, Y = Z + tt, { isMounted: Q } = Ke(L, {
     initial: {
       transform: "scale(0)"
     },
@@ -10396,17 +10400,17 @@ const Wn = () => {
       }[j]
     })
   });
-  return /* @__PURE__ */ e.createElement("div", { className: H([u, h]), ...g }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: H([u, f]), ...g }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${u}__trigger`,
       ref: w.setReference,
       role: "button",
       tabIndex: 0,
-      ...T(),
+      ...I(),
       ...g
     },
-    a ? /* @__PURE__ */ e.createElement("span", { className: f }, a) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, i), /* @__PURE__ */ e.createElement(
+    a ? /* @__PURE__ */ e.createElement("span", { className: h }, a) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, i), /* @__PURE__ */ e.createElement(
       R,
       {
         iconName: d,
@@ -10478,24 +10482,24 @@ const Wn = () => {
   className: i,
   ...m
 }) => {
-  const v = s || at(), h = "pds-progress-bar", N = l ? `${h}__label` : "visually-hidden", g = `${h}__track ${h}__track--${d}`, p = r > 100 ? 100 : r;
+  const v = s || at(), f = "pds-progress-bar", N = l ? `${f}__label` : "visually-hidden", g = `${f}__track ${f}__track--${d}`, p = r > 100 ? 100 : r;
   let _ = "neutral";
   t.forEach((E) => {
     r >= E.percentage && (_ = E.colorType);
   });
-  const C = /* @__PURE__ */ e.createElement("div", { className: `${h}__message` }, c), u = c && o === "above", f = 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: [h, i].join(" ").trim().replace(/\s+/g, " "),
+      className: [f, i].join(" ").trim().replace(/\s+/g, " "),
       style: { "--bar-percentage": `${p}%` },
       ...m
     },
     /* @__PURE__ */ e.createElement("div", { id: v, className: N }, a),
-    (u || n) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, u && C, n && /* @__PURE__ */ e.createElement(
+    (u || n) && /* @__PURE__ */ e.createElement("div", { className: `${f}__details` }, u && C, n && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${h}__percentage`,
+        className: `${f}__percentage`,
         style: {
           color: `hsl(from var(${E2[_]}) h s calc(l - 7))`
         }
@@ -10503,7 +10507,7 @@ const Wn = () => {
       r,
       "%"
     )),
-    /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${f}__wrapper` }, /* @__PURE__ */ e.createElement(
       "div",
       {
         role: "progressbar",
@@ -10514,7 +10518,7 @@ const Wn = () => {
       /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: `${h}__bar`,
+          className: `${f}__bar`,
           style: {
             width: `${p}%`,
             backgroundColor: `var(${E2[_]})`
@@ -10522,7 +10526,7 @@ const Wn = () => {
         }
       )
     )),
-    f && C
+    h && C
   );
 }, Ms = ({
   id: t,
@@ -10535,12 +10539,12 @@ const Wn = () => {
   className: n,
   ...d
 }) => {
-  const i = t || at(), m = "pds-progress-ring", v = o ? `${m}__label` : "visually-hidden", h = `${m}__loading-text ${m}__loading-text--${l}`, N = (E) => E * 16;
+  const i = t || at(), m = "pds-progress-ring", v = o ? `${m}__label` : "visually-hidden", f = `${m}__loading-text ${m}__loading-text--${l}`, N = (E) => E * 16;
   let g = N(T2), p = 7;
   l === "sm" && (g = N(A2), p = p / 1.25), l === "lg" && (g = N(D2), p = p * 1.25);
   const _ = g / 2 - p / 2, C = 2 * Math.PI * _, u = C - C * c / 100;
-  let f;
-  return s ? f = s : r ? f = `${c}%` : f = "", /* @__PURE__ */ e.createElement(
+  let h;
+  return s ? h = s : r ? h = `${c}%` : h = "", /* @__PURE__ */ e.createElement(
     "div",
     {
       className: [m, n].join(" ").trim().replace(/\s+/g, " "),
@@ -10594,7 +10598,7 @@ const Wn = () => {
         /* @__PURE__ */ e.createElement(
           "text",
           {
-            className: h,
+            className: f,
             fill: "var(--pds-color-fg-default)",
             x: "50%",
             y: "51%",
@@ -10602,7 +10606,7 @@ const Wn = () => {
             dominantBaseline: "middle",
             alignmentBaseline: "middle"
           },
-          f
+          h
         )
       )
     )
@@ -10657,7 +10661,7 @@ const ea = ({
         return i.checking;
       case "checked":
         if (c) {
-          const u = c instanceof Date ? c : new Date(c), f = Date.now() - u.getTime(), E = Math.floor(f / 1e3), b = Math.floor(E / 60), w = Math.floor(b / 60), y = Math.floor(w / 24), L = {
+          const u = c instanceof Date ? c : new Date(c), h = Date.now() - u.getTime(), E = Math.floor(h / 1e3), b = Math.floor(E / 60), w = Math.floor(b / 60), y = Math.floor(w / 24), L = {
             year: "numeric",
             month: "short",
             day: "numeric"
@@ -10672,21 +10676,21 @@ const ea = ({
     }
   }, v = () => {
     o?.();
-  }, h = "pds-refresh-checker", N = `${h}--${t}`, g = H([
-    `${h}__button`,
-    d === "working" ? `${h}__button--spinning` : ""
-  ]), p = s !== null && s > 0 ? `${s}rem` : "100%", _ = /* @__PURE__ */ e.createElement("span", { className: `${h}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
+  }, f = "pds-refresh-checker", N = `${f}--${t}`, g = H([
+    `${f}__button`,
+    d === "working" ? `${f}__button--spinning` : ""
+  ]), p = s !== null && s > 0 ? `${s}rem` : "100%", _ = /* @__PURE__ */ e.createElement("span", { className: `${f}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
     R,
     {
       iconName: "rotate",
       iconSize: "md",
-      className: `${h}__icon ${d === "working" ? `${h}__icon--spinning` : ""}`
+      className: `${f}__icon ${d === "working" ? `${f}__icon--spinning` : ""}`
     }
-  )), C = /* @__PURE__ */ e.createElement("span", { className: `${h}__label` }, m());
+  )), C = /* @__PURE__ */ e.createElement("span", { className: `${f}__label` }, m());
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: H([h, N, l ?? ""]),
+      className: H([f, N, l ?? ""]),
       style: { width: p },
       ...n
     },
@@ -10725,10 +10729,10 @@ const ea = ({
   upgradeLabel: i,
   workspaceName: m,
   className: v,
-  ...h
+  ...f
 }) => {
   const N = "pds-site-dashboard-heading", g = fs[l], p = n ? F2[n] : "bolt";
-  return /* @__PURE__ */ e.createElement("div", { className: H([N, v ?? ""]), ...h }, m && /* @__PURE__ */ e.createElement("div", { className: `${N}__workspace-name` }, m), /* @__PURE__ */ e.createElement("div", { className: `${N}__inner` }, /* @__PURE__ */ e.createElement(R, { iconName: p, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, r), /* @__PURE__ */ e.createElement("span", { className: `${N}__plan-level-badge` }, l === "sandbox" ? /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: H([N, v ?? ""]), ...f }, m && /* @__PURE__ */ e.createElement("div", { className: `${N}__workspace-name` }, m), /* @__PURE__ */ e.createElement("div", { className: `${N}__inner` }, /* @__PURE__ */ e.createElement(R, { iconName: p, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, r), /* @__PURE__ */ e.createElement("span", { className: `${N}__plan-level-badge` }, l === "sandbox" ? /* @__PURE__ */ e.createElement(
     ze,
     {
       displayType: "icon-start",
@@ -10852,14 +10856,14 @@ const ea = ({
 }) => {
   const o = "pds-stepper", r = "pds-stepper-mobile", l = le(null), [n] = Mt(l), d = n.width, i = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
-  ) * 16, m = -40, v = 2, h = 5, N = t.length, g = t.map((C) => C.isCurrent).lastIndexOf(!0), p = t.map((C, u) => {
-    const f = u + 1, E = u === g, b = C.isComplete || u < g, w = C.hasError && E, L = (d - N * i) / (N + (N - 2)), $ = i + L * 2, M = i + L, k = L + m * -1, z = u === 0, F = u === N - 1;
-    let T = $;
-    (z || F) && (T = M);
+  ) * 16, m = -40, v = 2, f = 5, N = t.length, g = t.map((C) => C.isCurrent).lastIndexOf(!0), p = t.map((C, u) => {
+    const h = u + 1, E = u === g, b = C.isComplete || u < g, w = C.hasError && E, L = (d - N * i) / (N + (N - 2)), $ = i + L * 2, M = i + L, k = L + m * -1, z = u === 0, F = u === N - 1;
+    let I = $;
+    (z || F) && (I = M);
     const V = `${o}__step`, O = [V];
     E && O.push(`${V}--current`), b && O.push(`${V}--complete`), w && O.push(`${V}--error`);
-    let W = `${s.step} ${f}`;
-    b && (W = `${s.step} ${f}, ${s.completed}`), w && (W = `${s.step} ${f}, ${s.hasError}`);
+    let Z = `${s.step} ${h}`;
+    b && (Z = `${s.step} ${h}, ${s.completed}`), w && (Z = `${s.step} ${h}, ${s.hasError}`);
     const P = b ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${o}__step-indicator` }, /* @__PURE__ */ e.createElement(
       R,
       {
@@ -10889,12 +10893,12 @@ const ea = ({
       {
         key: C.id,
         id: C.id,
-        "aria-label": W,
-        "aria-posinset": f,
+        "aria-label": Z,
+        "aria-posinset": h,
         "aria-setsize": N,
         "aria-current": E ? "step" : null,
         className: H(O),
-        style: { width: T }
+        style: { width: I }
       },
       !z && /* @__PURE__ */ e.createElement(
         "span",
@@ -10916,13 +10920,13 @@ const ea = ({
       )
     );
   }), _ = t.map((C, u) => {
-    const f = u + 1, E = u === g, b = u === N - 1, w = C.hasError && E, y = t[g + 1] ? t[g + 1].label : null;
+    const h = u + 1, E = u === g, b = u === N - 1, w = C.hasError && E, y = t[g + 1] ? t[g + 1].label : null;
     if (E) {
-      const L = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s.step, " "), f, " of ", N), $ = f / N * 100, M = w ? {
+      const L = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s.step, " "), h, " of ", N), $ = h / N * 100, M = w ? {
         "--pds-color-status-info-foreground": "var(--pds-color-status-critical-foreground)"
       } : {
         "--pds-color-status-info-foreground": "var(--pds-color-brand-primary-default)"
-      }, k = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, s.step, " ", f, ", ", s.hasError);
+      }, k = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, s.step, " ", h, ", ", s.hasError);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -10951,7 +10955,7 @@ const ea = ({
       );
     }
   });
-  if (N >= v && N <= h)
+  if (N >= v && N <= f)
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -10981,8 +10985,8 @@ const ea = ({
   _isFirstStep: d,
   ...i
 }) => {
-  const m = "pds-vert-stepper", v = `${m}__step`, h = [v];
-  return o && h.push(`${v}--current`), n && h.push(`${v}--complete`), a && h.push(`${v}--error`), /* @__PURE__ */ e.createElement("li", { id: c, className: H([...h]), ...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(
     R,
     {
       iconName: "check",
@@ -11001,12 +11005,12 @@ const ea = ({
   ...c
 }) => {
   const o = "pds-vert-stepper", n = s.length, d = s.findIndex((v) => v.isCurrent), i = s.map((m, v) => {
-    const h = v + 1, N = v === d, g = v === 0, p = m.isComplete || !1, _ = m.hasError && N;
-    let C = `${t.step} ${h}`;
-    return p && (C = `${t.step} ${h}, ${t.completed}`), _ && (C = `${t.step} ${h}, ${t.hasError}`), /* @__PURE__ */ e.createElement(
+    const f = v + 1, N = v === d, g = v === 0, p = m.isComplete || !1, _ = m.hasError && N;
+    let C = `${t.step} ${f}`;
+    return p && (C = `${t.step} ${f}, ${t.completed}`), _ && (C = `${t.step} ${f}, ${t.hasError}`), /* @__PURE__ */ e.createElement(
       zs,
       {
-        key: `s${h}`,
+        key: `s${f}`,
         label: m.label,
         stepContent: m.stepContent,
         id: m.id,
@@ -11017,7 +11021,7 @@ const ea = ({
         isComplete: p,
         _isFirstStep: g,
         "aria-label": C,
-        "aria-posinset": h,
+        "aria-posinset": f,
         "aria-setsize": n,
         "aria-current": N ? "step" : null
       }
@@ -11031,13 +11035,13 @@ const ea = ({
   className: a,
   ...c
 }) => {
-  const [o] = Z(t), [r, l] = Z(s), [n, d] = Z({ order: "asc", key: "" }), i = (g) => {
+  const [o] = W(t), [r, l] = W(s), [n, d] = W({ order: "asc", key: "" }), i = (g) => {
     l(r.sort((p, _) => p[g].localeCompare(_[g]))), d({ order: "desc", key: g });
   }, m = (g) => {
     l(r.sort((p, _) => _[g].localeCompare(p[g]))), d({ order: "asc", key: g });
   }, v = (g, p) => {
     d({ ...n, key: p }), n.order === "asc" ? i(p) : m(p);
-  }, h = (g, p) => /* @__PURE__ */ e.createElement("tr", { id: p, key: `table-row-${p}` }, g.map((_, C) => /* @__PURE__ */ e.createElement("td", { key: `${p}-cell-${C}` }, /* @__PURE__ */ e.createElement("span", null, _)))), N = "pds-table";
+  }, f = (g, p) => /* @__PURE__ */ e.createElement("tr", { id: p, key: `table-row-${p}` }, g.map((_, C) => /* @__PURE__ */ e.createElement("td", { key: `${p}-cell-${C}` }, /* @__PURE__ */ e.createElement("span", null, _)))), N = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", { className: H([N, a]), ...c }, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, o.map((g, p) => /* @__PURE__ */ e.createElement("th", { key: `header-${p}` }, g.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${N}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
     "span",
     {
@@ -11067,7 +11071,7 @@ const ea = ({
       },
       /* @__PURE__ */ e.createElement(R, { iconName: "caretDown", iconSize: "sm" })
     )
-  )) : /* @__PURE__ */ e.createElement("span", null, g.title))))), /* @__PURE__ */ e.createElement("tbody", null, r.map((g, p) => h(g, p)))));
+  )) : /* @__PURE__ */ e.createElement("span", null, g.title))))), /* @__PURE__ */ e.createElement("tbody", null, r.map((g, p) => f(g, p)))));
 }, ra = ({
   appendIds: t = !1,
   ariaLabel: s = "Table of contents",
@@ -11097,8 +11101,8 @@ const ea = ({
     "=",
     "|",
     "~"
-  ], v = `#${l} h2:not(.${o}), h3:not(.${o})`, h = (y) => y.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), N = () => {
-    const [y, L] = Z([]);
+  ], v = `#${l} h2:not(.${o}), h3:not(.${o})`, f = (y) => y.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), N = () => {
+    const [y, L] = W([]);
     return ae(() => {
       const $ = Array.from(
         document.querySelectorAll(v)
@@ -11106,7 +11110,7 @@ const ea = ({
       $.map((k) => {
         m.forEach((z) => {
           k.id.includes(z) && (k.id = k.id.replace(
-            new RegExp(h(z), "g"),
+            new RegExp(f(z), "g"),
             "-"
           ));
         });
@@ -11126,7 +11130,7 @@ const ea = ({
         title: M
       });
     }), L;
-  }, { nestedHeadings: p } = N(), [_, C] = Z();
+  }, { nestedHeadings: p } = N(), [_, C] = W();
   ((y) => {
     const L = le({});
     ae(() => {
@@ -11137,12 +11141,12 @@ const ea = ({
           const O = L.current[V];
           O.isIntersecting && F.push(O);
         });
-        const T = (V) => k.findIndex((O) => O.id === V);
+        const I = (V) => k.findIndex((O) => O.id === V);
         if (F.length === 1)
           y(F[0].target.id);
         else if (F.length > 1) {
           const V = F.sort(
-            (O, W) => T(O.target.id) - T(W.target.id)
+            (O, Z) => I(O.target.id) - I(Z.target.id)
           );
           y(V[0].target.id);
         }
@@ -11154,7 +11158,7 @@ const ea = ({
       return k.forEach((z) => M.observe(z)), () => M.disconnect();
     }, [y]);
   })(C);
-  const f = (y) => {
+  const h = (y) => {
     typeof window < "u" && window.location.hash !== `#${y}` && window.history.pushState({}, "", `#${y}`);
   }, E = (y) => {
     document.querySelector(`#${y}`).scrollIntoView({
@@ -11162,7 +11166,7 @@ const ea = ({
       block: "start"
     });
   }, b = (y, L) => {
-    y.preventDefault(), t && f(L), E(L);
+    y.preventDefault(), t && h(L), E(L);
   }, w = ({ headings: y }) => /* @__PURE__ */ e.createElement("ul", { className: `${i}__list ${i}__list--top-level` }, y.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${i}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
@@ -11218,7 +11222,7 @@ const ea = ({
   className: r,
   ...l
 }) => {
-  const n = "pds-tabs", [d, i] = Z(c ?? s);
+  const n = "pds-tabs", [d, i] = W(c ?? s);
   ae(() => {
     c !== void 0 && i(c);
   }, [c]);
@@ -11241,26 +11245,26 @@ const ea = ({
       return;
     }
   }, [d]);
-  const h = (g, p) => {
+  const f = (g, p) => {
     const _ = d;
     let C = v.current[p === "next" ? _ + 1 < v.current.length ? _ + 1 : 0 : _ - 1 >= 0 ? _ - 1 : v.current.length - 1];
     C || (C = p == "next" ? v.current[g + 1] == null ? v.current[0] : v.current[g + 1] : v.current[g - 1]), C.focus();
   }, N = (g) => {
     const p = v.current.length, _ = () => {
-      h((d + 1) % p, "next"), i(d + 1);
+      f((d + 1) % p, "next"), i(d + 1);
     }, C = () => {
-      h((d - 1 + p) % p, "prev"), i(d - 1);
+      f((d - 1 + p) % p, "prev"), i(d - 1);
     }, u = () => {
-      h(0), i(0);
-    }, f = () => {
-      h(p - 1), i(p - 1);
+      f(0), i(0);
+    }, h = () => {
+      f(p - 1), i(p - 1);
     }, E = () => {
       v.current[d].focus();
     }, w = {
       ArrowRight: _,
       ArrowLeft: C,
       Home: u,
-      End: f,
+      End: h,
       Space: E,
       Enter: E
     }[g.code];
@@ -11274,55 +11278,55 @@ const ea = ({
       "aria-label": t,
       "aria-orientation": "horizontal"
     },
-    o.map(({ disabled: g, icon: p, tabId: _, tabLabel: C, tally: u }, f) => /* @__PURE__ */ e.createElement(
+    o.map(({ disabled: g, icon: p, tabId: _, tabLabel: C, tally: u }, h) => /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${n}__tab`,
-        "aria-selected": f == d,
-        "data-tabnumber": f,
+        "aria-selected": h == d,
+        "data-tabnumber": h,
         role: "tab",
         id: _,
         onKeyDown: (E) => {
           E.preventDefault(), N(E);
         },
-        key: f,
+        key: h,
         ref: (E) => {
-          g || (v.current[f] = E);
+          g || (v.current[h] = E);
         },
-        "aria-controls": `${n}__tab--${f}`,
-        tabIndex: d === f ? 0 : -1,
+        "aria-controls": `${n}__tab--${h}`,
+        tabIndex: d === h ? 0 : -1,
         "aria-disabled": !!g,
         onClick: g ? null : m,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: p, className: `${n}__tab-label` }, p ? /* @__PURE__ */ e.createElement(R, { iconName: p, iconSize: "md" }) : null, " ", C, o[f].tally ? /* @__PURE__ */ e.createElement(yt, { label: u.label, type: u.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: p, className: `${n}__tab-label` }, p ? /* @__PURE__ */ e.createElement(R, { iconName: p, iconSize: "md" }) : null, " ", C, o[h].tally ? /* @__PURE__ */ e.createElement(yt, { label: u.label, type: u.type }) : null)
     ))
-  ), o.map(({ disabled: g, icon: p, panelContent: _, tabLabel: C, tally: u }, f) => /* @__PURE__ */ e.createElement(
+  ), o.map(({ disabled: g, icon: p, panelContent: _, tabLabel: C, tally: u }, h) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${n}__panel`,
       role: "tabpanel",
-      key: f,
-      id: `${n}__tab--${f}`,
-      "aria-labelledby": `${n}__tab--${f}`
+      key: h,
+      id: `${n}__tab--${h}`,
+      "aria-labelledby": `${n}__tab--${h}`
     },
     /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${n}__trigger`,
-        "aria-selected": f == d,
+        "aria-selected": h == d,
         role: "tab",
-        "data-tabnumber": f,
-        key: f,
+        "data-tabnumber": h,
+        key: h,
         onKeyDown: N,
         "aria-disabled": !!g,
-        "aria-controls": `tabpanel_${f}`,
-        tabIndex: d === f ? 1 : -1,
+        "aria-controls": `tabpanel_${h}`,
+        tabIndex: d === h ? 1 : -1,
         onClick: g ? null : m,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: p, className: `${n}__tab-label` }, p ? /* @__PURE__ */ e.createElement(R, { iconSize: "md", iconName: p }) : null, " ", C, o[f].tally ? /* @__PURE__ */ e.createElement(yt, { label: u.label, type: u.type }) : null),
-      f == d ? /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { key: p, className: `${n}__tab-label` }, p ? /* @__PURE__ */ e.createElement(R, { iconSize: "md", iconName: p }) : null, " ", C, o[h].tally ? /* @__PURE__ */ e.createElement(yt, { label: u.label, type: u.type }) : null),
+      h == d ? /* @__PURE__ */ e.createElement(
         R,
         {
           iconName: "angleUp",
@@ -11342,7 +11346,7 @@ const ea = ({
       "section",
       {
         className: `${n}__panel-content`,
-        hidden: f != d
+        hidden: h != d
       },
       _
     )
@@ -11381,7 +11385,7 @@ const ea = ({
   className: l,
   ...n
 }) => {
-  const [d, i] = Z(!0), m = "pds-tag", v = o ? `${m}--${o}` : `${m}--${xs(r)}`, h = d ? null : "pds-tag--hide", N = () => {
+  const [d, i] = W(!0), m = "pds-tag", v = o ? `${m}--${o}` : `${m}--${xs(r)}`, f = d ? null : "pds-tag--hide", N = () => {
     i((C) => !C);
   };
   let g, p, _;
@@ -11396,7 +11400,7 @@ const ea = ({
     {
       href: p === "href" ? _ : null,
       to: p === "to" ? _ : null,
-      className: [m, v, h, l].join(" ").trim().replace(/\s+/g, " "),
+      className: [m, v, f, l].join(" ").trim().replace(/\s+/g, " "),
       ...n
     },
     /* @__PURE__ */ e.createElement("span", { className: `${m}__label`, title: r }, Ss(r, 20)),
@@ -11423,11 +11427,16 @@ const ea = ({
 }, ma = ({
   theme: t = "light",
   onChange: s,
-  translations: a = { light: "Light", dark: "Dark", system: "System" },
+  translations: a = {
+    light: "Light",
+    dark: "Dark",
+    system: "System",
+    tooltip: "Switch Theme"
+  },
   className: c,
   ...o
 }) => {
-  const r = "pds-theme-switcher", [l, n] = Z(t ?? "light");
+  const r = "pds-theme-switcher", [l, n] = W(t ?? "light");
   ae(() => {
     n(t ?? "system");
   }, [t]);
@@ -11466,15 +11475,15 @@ const ea = ({
   return /* @__PURE__ */ e.createElement("div", { className: H([r, c ?? ""]), ...o }, /* @__PURE__ */ e.createElement(
     ye,
     {
-      content: a.tooltip ?? "change theme",
+      content: a.tooltip,
       preferredPlacement: "top",
       offsetValue: 0,
       customTrigger: /* @__PURE__ */ e.createElement(
         I2,
         {
           id: "theme-switcher-menu",
-          "aria-label": a.tooltip ?? "change theme",
-          label: "",
+          "aria-label": a.tooltip,
+          label: a.tooltip,
           iconName: i,
           menuItems: d,
           displayType: "icon-only"
@@ -11492,8 +11501,8 @@ const ea = ({
     alt: i,
     name: m,
     title: v,
-    org: h
-  }) => /* @__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), h && /* @__PURE__ */ e.createElement("div", { className: `${o}__org` }, h)), 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 (he(d.linkContent)) {
       const i = d.linkContent, m = Object.assign({}, i.props, {
         children: /* @__PURE__ */ e.createElement(r, { ...d }),
@@ -11602,19 +11611,19 @@ const ea = ({
   sidebarExpandedWidth: i = "15%",
   sidebarExpandedWidthMin: m = 13,
   sidebarProps: v,
-  className: h,
+  className: f,
   ...N
 }) => {
   let g = !1;
   const p = Ce(be);
   p && (g = p.isMobile);
-  const [_, C] = Z(
+  const [_, C] = W(
     c || !1
   );
   ae(() => {
     C(c || !1);
   }, [c]);
-  const u = "pds-app-layout", f = `pds-container pds-container--${s}`, E = g ? `${u}--isMobile` : null, w = {
+  const u = "pds-app-layout", h = `pds-container pds-container--${s}`, E = g ? `${u}--isMobile` : null, w = {
     width: _ ? `${d}rem` : `${i}`,
     minWidth: _ ? `${d}rem` : `${m}rem`,
     transition: "all 200ms ease-in-out"
@@ -11674,8 +11683,8 @@ const ea = ({
       className: H([
         u,
         E,
-        f,
-        h ?? ""
+        h,
+        f ?? ""
       ]),
       ...N
     },
@@ -11716,7 +11725,7 @@ const ea = ({
   const n = "pds-docs-layout", d = r ? `${n}--isMobile` : null, i = {
     width: s,
     minWidth: `${a}rem`
-  }, m = Ae(t), v = m.__unslotted || m.content, h = m.sidebar, N = /* @__PURE__ */ e.createElement(e.Fragment, null, h && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar` }, h), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, v)), g = /* @__PURE__ */ e.createElement(e.Fragment, null, h && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar`, style: i }, /* @__PURE__ */ e.createElement("div", { className: `${n}__sidebar-inner` }, h)), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, v));
+  }, m = Ae(t), v = m.__unslotted || m.content, f = m.sidebar, N = /* @__PURE__ */ e.createElement(e.Fragment, null, f && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar` }, f), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, v)), g = /* @__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",
     {
@@ -11743,14 +11752,14 @@ const ea = ({
   mobileFlexWrap: i,
   mobileGap: m,
   mobileJustifyContent: v,
-  children: h,
+  children: f,
   className: N,
   ...g
 }) => {
   let _ = V2() <= 640;
   const C = Ce(be);
   C && (_ = C.isMobile);
-  const u = "pds-flex", f = `${u}-container`, E = _ ? `${f}--mobile` : null;
+  const u = "pds-flex", h = `${u}-container`, E = _ ? `${h}--mobile` : null;
   let b = null;
   _ ? b = `${u}-direction--${d}` : a !== "row" && (b = `${u}-direction--${a}`);
   let w = null;
@@ -11766,7 +11775,7 @@ const ea = ({
     "div",
     {
       className: H([
-        f,
+        h,
         E,
         b,
         w,
@@ -11778,7 +11787,7 @@ const ea = ({
       ]),
       ...g
     },
-    h
+    f
   );
 }, Ca = ({
   children: t,
@@ -11796,7 +11805,7 @@ const ea = ({
   let m = !1;
   const v = Ce(be);
   v && (m = v.isMobile);
-  const h = Ae(t);
+  const f = Ae(t);
   let N = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", g = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
   o === "narrow" && (N = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", g = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), o === "wide" && (N = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", g = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
   const p = /* @__PURE__ */ e.createElement(
@@ -11805,14 +11814,14 @@ const ea = ({
       key: "content",
       className: `${n}__main ${m ? "pds-grid-item" : N}`
     },
-    h.content
+    f.content
   ), _ = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "sidebar",
       className: `${n}__side ${m ? "pds-grid-item" : g}`
     },
-    h.sidebar
+    f.sidebar
   );
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -11886,17 +11895,17 @@ const ea = ({
   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"], h = ["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 N, g;
   switch (a) {
     case "equal":
-      N = h.concat(i), g = h.concat(i);
+      N = f.concat(i), g = f.concat(i);
       break;
     case "one-third-start":
-      N = h.concat(m), g = h.concat(v);
+      N = f.concat(m), g = f.concat(v);
       break;
     case "one-third-end":
-      N = h.concat(v), g = h.concat(m);
+      N = f.concat(v), g = f.concat(m);
   }
   const p = Ae(t), _ = p["first-item"], C = p["second-item"];
   return /* @__PURE__ */ e.createElement(
@@ -11914,7 +11923,7 @@ const ea = ({
     /* @__PURE__ */ e.createElement("div", { className: g.join(" ").trim() }, C)
   );
 }, $a = (t, s) => {
-  const [a, c] = Z(!1), o = Wt(
+  const [a, c] = W(!1), o = Wt(
     (l) => {
       l.key === t && (c(!0), s && s(l));
     },