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

package/_dist/index.js

@@ -1,22 +1,22 @@
-import './index.css';var O1 = Object.defineProperty, R1 = Object.defineProperties;
-var F1 = Object.getOwnPropertyDescriptors;
+import './index.css';var R1 = Object.defineProperty, F1 = Object.defineProperties;
+var P1 = Object.getOwnPropertyDescriptors;
 var Et = Object.getOwnPropertySymbols;
-var s1 = Object.prototype.hasOwnProperty, a1 = Object.prototype.propertyIsEnumerable;
-var n1 = (t, n, s) => n in t ? O1(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s, M = (t, n) => {
+var a1 = Object.prototype.hasOwnProperty, l1 = Object.prototype.propertyIsEnumerable;
+var s1 = (t, n, s) => n in t ? R1(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s, M = (t, n) => {
   for (var s in n || (n = {}))
-    s1.call(n, s) && n1(t, s, n[s]);
+    a1.call(n, s) && s1(t, s, n[s]);
   if (Et)
     for (var s of Et(n))
-      a1.call(n, s) && n1(t, s, n[s]);
+      l1.call(n, s) && s1(t, s, n[s]);
   return t;
-}, me = (t, n) => R1(t, F1(n));
+}, me = (t, n) => F1(t, P1(n));
 var A = (t, n) => {
   var s = {};
   for (var l in t)
-    s1.call(t, l) && n.indexOf(l) < 0 && (s[l] = t[l]);
+    a1.call(t, l) && n.indexOf(l) < 0 && (s[l] = t[l]);
   if (t != null && Et)
     for (var l of Et(t))
-      n.indexOf(l) < 0 && a1.call(t, l) && (s[l] = t[l]);
+      n.indexOf(l) < 0 && l1.call(t, l) && (s[l] = t[l]);
   return s;
 };
 var Vt = (t, n, s) => new Promise((l, r) => {
@@ -35,9 +35,9 @@ var Vt = (t, n, s) => new Promise((l, r) => {
   }, c = (o) => o.done ? l(o.value) : Promise.resolve(o.value).then(d, a);
   c((s = s.apply(t, n)).next());
 });
-import e, { Children as h1, isValidElement as ye, useState as U, cloneElement as Ie, createElement as P1, forwardRef as Ze, useEffect as oe, useRef as de, createContext as f1, useContext as ve, useLayoutEffect as B1, useCallback as W1, useMemo as g1, createRef as G1, Fragment as U1 } from "react";
-import _1 from "hash-sum";
-import { useFloating as Ve, offset as kt, flip as Ht, shift as zt, autoUpdate as Re, useHover as Ct, useFocus as E1, useDismiss as Se, useRole as Te, useInteractions as Ae, FloatingPortal as v1, useId as Z1, useClick as Ye, useListNavigation as it, useTransitionStyles as Qe, FloatingOverlay as q1, FloatingFocusManager as b1, safePolygon as C1, arrow as j1, FloatingArrow as K1 } from "@floating-ui/react";
+import e, { Children as f1, isValidElement as we, useState as U, cloneElement as Ie, createElement as B1, forwardRef as Ze, useEffect as oe, useRef as de, createContext as g1, useContext as ve, useLayoutEffect as W1, useCallback as Zt, useMemo as _1, createRef as G1, Fragment as U1 } from "react";
+import E1 from "hash-sum";
+import { useFloating as Ve, offset as kt, flip as Ht, shift as zt, autoUpdate as Re, useHover as Ct, useFocus as v1, useDismiss as Se, useRole as Te, useInteractions as Ae, FloatingPortal as b1, useId as Z1, useClick as Ye, useListNavigation as it, useTransitionStyles as Qe, FloatingOverlay as q1, FloatingFocusManager as C1, safePolygon as $1, arrow as j1, FloatingArrow as K1 } from "@floating-ui/react";
 import { useHotkeys as X1 } from "react-hotkeys-hook";
 import { useFloating as Y1, flip as Q1 } from "@floating-ui/react-dom";
 import { CodeBlock as mt } from "react-code-block";
@@ -45,18 +45,18 @@ import { useMultipleSelection as ut, useCombobox as st } from "downshift";
 import { isSafari as vt } from "react-device-detect";
 import { useMeasure as Nt } from "@reactuses/core";
 import J1 from "focus-trap-react";
-import { ToastContainer as e2, Slide as t2, cssTransition as n2, toast as l1 } from "react-toastify";
-const lt = () => Math.random().toString(32).substring(2, 13), $1 = (t, n) => {
+import { ToastContainer as e2, Slide as t2, cssTransition as n2, toast as c1 } from "react-toastify";
+const lt = () => Math.random().toString(32).substring(2, 13), w1 = (t, n) => {
   if (!(t != null && t.childNodes))
     return;
   let s;
   for (n = n || [], s = 0; s < t.childNodes.length; s++)
-    n.push(t.childNodes[s]), $1(t.childNodes[s], n);
+    n.push(t.childNodes[s]), w1(t.childNodes[s], n);
   return n;
 }, Fe = (t) => {
   const n = {};
-  return h1.forEach(t, (s) => {
-    if (ye(s)) {
+  return f1.forEach(t, (s) => {
+    if (we(s)) {
       const l = s.props.slot;
       l && (n[l] ? n[l].push(s) : n[l] = [s]);
     }
@@ -71,7 +71,7 @@ const lt = () => Math.random().toString(32).substring(2, 13), $1 = (t, n) => {
     "iconSize",
     "className"
   ]);
-  const a = `pds-icon pds-icon--${n} pds-icon--${t}`, c = `0 0 ${Zt[t].width} 512`, o = {
+  const a = `pds-icon pds-icon--${n} pds-icon--${t}`, c = `0 0 ${qt[t].width} 512`, o = {
     sm: "0.8rem",
     md: "1rem",
     lg: "1.2rem",
@@ -93,9 +93,9 @@ const lt = () => Math.random().toString(32).substring(2, 13), $1 = (t, n) => {
       focusable: "false",
       className: [a, s != null ? s : ""].join(" ").trim().replace(/\s+/g, " ")
     }, l),
-    /* @__PURE__ */ e.createElement("path", { d: Zt[t].path, fill: "currentColor" })
+    /* @__PURE__ */ e.createElement("path", { d: qt[t].path, fill: "currentColor" })
   );
-}, Zt = {
+}, qt = {
   angleDown: {
     path: "M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z",
     width: "440"
@@ -756,7 +756,7 @@ const lt = () => Math.random().toString(32).substring(2, 13), $1 = (t, n) => {
     path: "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z",
     width: "576"
   }
-}, mn = Object.keys(Zt), c1 = [
+}, mn = Object.keys(qt), r1 = [
   "dawn",
   "dragonfruit",
   "dusk",
@@ -774,9 +774,9 @@ const lt = () => Math.random().toString(32).substring(2, 13), $1 = (t, n) => {
   "twilight",
   "winter"
 ], a2 = (t) => {
-  const n = parseInt(_1(t), 16);
-  return c1[n % c1.length];
-}, qt = (o) => {
+  const n = parseInt(E1(t), 16);
+  return r1[n % r1.length];
+}, jt = (o) => {
   var m = o, {
     ariaLabel: t,
     hasUserFallback: n = !1,
@@ -811,7 +811,7 @@ const lt = () => Math.random().toString(32).substring(2, 13), $1 = (t, n) => {
       onLoad: () => E(!1),
       onError: () => E(!0)
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: b }, n && /* @__PURE__ */ e.createElement(P, { iconName: "user", className: `${f}__user-icon` })), g = /* @__PURE__ */ e.createElement("span", { className: `${f}__content` }, C), i = ye(l) ? Ie(
+  ) : /* @__PURE__ */ e.createElement("span", { style: b }, n && /* @__PURE__ */ e.createElement(P, { iconName: "user", className: `${f}__user-icon` })), g = /* @__PURE__ */ e.createElement("span", { className: `${f}__content` }, C), i = we(l) ? Ie(
     l,
     me(M({}, l.props), {
       className: `${f}__content ${f}__content--link`,
@@ -846,7 +846,7 @@ const lt = () => Math.random().toString(32).substring(2, 13), $1 = (t, n) => {
     }, r),
     /* @__PURE__ */ e.createElement("span", { className: `${c}__label` }, t)
   );
-}, Kt = (c) => {
+}, Xt = (c) => {
   var o = c, {
     color: t = "transparent",
     hasStatusIndicator: n = !1,
@@ -939,18 +939,18 @@ const St = 300, l2 = 400, xe = (p) => {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), k = E1(_), z = Se(_), y = Te(_, { role: "tooltip" }), { getReferenceProps: w, getFloatingProps: H } = Ae([
+  }), k = v1(_), z = Se(_), w = Te(_, { role: "tooltip" }), { getReferenceProps: y, getFloatingProps: H } = Ae([
     $,
     k,
     z,
-    y
+    w
   ]);
   return /* @__PURE__ */ e.createElement("div", M({ className: x([b, m != null ? m : ""]) }, f), n ? /* @__PURE__ */ e.createElement(
     "span",
     M({
       className: C,
       ref: i.setReference
-    }, w()),
+    }, y()),
     n
   ) : /* @__PURE__ */ e.createElement(
     "button",
@@ -959,7 +959,7 @@ const St = 300, l2 = 400, xe = (p) => {
       "aria-label": r,
       className: g,
       ref: i.setReference
-    }, w()),
+    }, y()),
     /* @__PURE__ */ e.createElement(
       P,
       {
@@ -968,7 +968,7 @@ const St = 300, l2 = 400, xe = (p) => {
         iconSize: c
       }
     )
-  ), v && /* @__PURE__ */ e.createElement(v1, null, /* @__PURE__ */ e.createElement(
+  ), v && /* @__PURE__ */ e.createElement(b1, null, /* @__PURE__ */ e.createElement(
     "div",
     M({
       className: `${b}__container`,
@@ -1050,12 +1050,12 @@ const St = 300, l2 = 400, xe = (p) => {
     "className"
   ]);
   const o = t ? `${t}__heading` : null;
-  return P1(
+  return B1(
     l,
     M({ className: x([o, r]), id: s }, d),
     n
   );
-}, Xt = (t) => typeof t == "string" || typeof t == "number" ? String(t) : e.isValidElement(t) ? e.Children.toArray(t.props.children).map(Xt).join("") : "", ee = {
+}, Yt = (t) => typeof t == "string" || typeof t == "number" ? String(t) : e.isValidElement(t) ? e.Children.toArray(t.props.children).map(Yt).join("") : "", ee = {
   base: "pds-input",
   disabled: "pds-is-disabled",
   required: "pds-is-required",
@@ -1120,13 +1120,13 @@ const St = 300, l2 = 400, xe = (p) => {
       className: `${n}__icon`
     }
   ));
-}, w1 = ({
+}, L1 = ({
   inputId: t,
   shortcutLabel: n
 }) => (X1("/", (l) => {
   const r = document.getElementById(t);
   r && r.focus(), l.preventDefault();
-}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(P, { iconName: "slashForward", iconSize: "md" }))), Yt = ({
+}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(P, { iconName: "slashForward", iconSize: "md" }))), Qt = ({
   id: t,
   clearLabel: n,
   handleClearInput: s
@@ -1140,7 +1140,7 @@ const St = 300, l2 = 400, xe = (p) => {
     onClick: s
   },
   /* @__PURE__ */ e.createElement(P, { iconName: "xmark", iconSize: "md" })
-), L1 = ({
+), M1 = ({
   id: t,
   currentLength: n,
   maxLength: s,
@@ -1158,10 +1158,10 @@ const St = 300, l2 = 400, xe = (p) => {
     s,
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden", "aria-live": "polite" }, r && `${l} ${d}`)
   );
-}, Qt = (s) => {
+}, Jt = (s) => {
   var l = s, { label: t } = l, n = A(l, ["label"]);
   return /* @__PURE__ */ e.createElement("span", M({ className: "visually-hidden" }, n), t);
-}, r1 = (t) => "options" in t, yt = Ze(
+}, o1 = (t) => "options" in t, wt = Ze(
   (d, r) => {
     var a = d, { children: t, isActive: n, className: s } = a, l = A(a, ["children", "isActive", "className"]);
     const c = Z1(), o = "pds-input__select-option", m = n ? `${o}--active` : null;
@@ -1202,7 +1202,7 @@ const St = 300, l2 = 400, xe = (p) => {
       "aria-hidden": "true"
     }, a),
     /* @__PURE__ */ e.createElement("span", { className: `${m}__icon` }),
-    l && !n ? /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, s) : /* @__PURE__ */ e.createElement(Qt, { label: s })
+    l && !n ? /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, s) : /* @__PURE__ */ e.createElement(Jt, { label: s })
   );
 }, gt = Ze(
   (L, E) => {
@@ -1257,7 +1257,7 @@ const St = 300, l2 = 400, xe = (p) => {
       }
     );
     let $ = [o];
-    return l == "icon-start" && r && $.unshift(_), l == "icon-end" && r && $.push(_), c && ($ = [_], t = Xt(o)), /* @__PURE__ */ e.createElement(
+    return l == "icon-start" && r && $.unshift(_), l == "icon-end" && r && $.push(_), c && ($ = [_], t = Yt(o)), /* @__PURE__ */ e.createElement(
       "button",
       M({
         type: n,
@@ -1277,7 +1277,7 @@ const St = 300, l2 = 400, xe = (p) => {
       $
     );
   }
-), wt = (o) => {
+), yt = (o) => {
   var m = o, {
     disabled: t = !1,
     displayType: n = "label-only",
@@ -1299,7 +1299,7 @@ const St = 300, l2 = 400, xe = (p) => {
     p,
     u,
     v
-  ]), L = ye(l) ? l.props.children : null, b = /* @__PURE__ */ e.createElement(
+  ]), L = we(l) ? l.props.children : null, b = /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: s,
@@ -1310,7 +1310,7 @@ const St = 300, l2 = 400, xe = (p) => {
   );
   let C = [L];
   n === "icon-start" && s ? C = [b, L] : n === "icon-end" && s && (C = [L, b]);
-  const g = ye(l) ? Ie(l, {
+  const g = we(l) ? Ie(l, {
     className: E,
     children: C
   }) : null;
@@ -1388,9 +1388,9 @@ const St = 300, l2 = 400, xe = (p) => {
           C.hide
         ), _.current.classList.add(C.scaleIn), $.current.classList.remove(C.scaleIn), $.current.classList.add(C.hide);
       }, 2e3);
-    }, z = (w) => {
-      h && k(), a && a(w);
-    }, y = h ? /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, /* @__PURE__ */ e.createElement("div", { ref: _, className: `${E}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+    }, z = (y) => {
+      h && k(), a && a(y);
+    }, w = h ? /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, /* @__PURE__ */ e.createElement("div", { ref: _, className: `${E}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: r,
@@ -1441,9 +1441,9 @@ const St = 300, l2 = 400, xe = (p) => {
           content: t,
           className: `${E}__tooltip`,
           offsetValue: g,
-          customTrigger: y
+          customTrigger: w
         }
-      ) : y
+      ) : w
     );
   }
 ), o2 = (a) => {
@@ -1475,7 +1475,7 @@ const St = 300, l2 = 400, xe = (p) => {
       variant: l
     }, d)
   );
-}, M1 = (d) => {
+}, k1 = (d) => {
   var a = d, {
     ariaLabel: t = "Close",
     iconSize: n = "xl",
@@ -1497,7 +1497,7 @@ const St = 300, l2 = 400, xe = (p) => {
     }, r),
     /* @__PURE__ */ e.createElement(P, { iconName: "xmark", iconSize: n })
   );
-}, k1 = () => {
+}, H1 = () => {
   const t = typeof window != "undefined", [n, s] = U(
     t && window.innerWidth !== void 0 ? window.innerWidth : 1024
   );
@@ -1511,18 +1511,18 @@ const St = 300, l2 = 400, xe = (p) => {
       window.removeEventListener("resize", l);
     };
   }, []), n;
-}, we = f1(null), i2 = ({
+}, ye = g1(null), i2 = ({
   children: t,
   mobileMenuMaxWidth: n = 640
 }) => {
-  const s = k1(), l = s <= n, r = {
+  const s = H1(), l = s <= n, r = {
     isMobile: l,
     mobileMenuMaxWidth: n,
     windowWidth: s
   };
   return oe(() => {
     l ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
-  }, [l]), /* @__PURE__ */ e.createElement(we.Provider, { value: r }, t);
+  }, [l]), /* @__PURE__ */ e.createElement(ye.Provider, { value: r }, t);
 }, Tt = (t) => t.isSeparator, At = (t) => t.isHeading, Dt = (t) => t.isLink, d2 = (t) => t.isNode, m2 = (b) => {
   var C = b, {
     disabled: t,
@@ -1565,16 +1565,16 @@ const St = 300, l2 = 400, xe = (p) => {
     strategy: $,
     update: k,
     placement: z,
-    refs: y
+    refs: w
   } = Y1({
     placement: "bottom-start",
     middleware: [Q1()]
   });
-  let w = !1;
-  const H = ve(we);
-  H && (w = H.isMobile);
-  const N = u === "navbar" && w, V = "pds-menu-button", I = N ? `${V}--isMobile` : null, D = v ? `${V}--navbar` : null, S = l, [T] = U(`menu-button-${l}`), W = y.floating, Z = de(null), [K, ne] = U(!1), [Y, j] = U(!1), [q, O] = U(""), [Q, X] = U(0), F = de([]), B = de([]), J = de([]);
-  B1(() => {
+  let y = !1;
+  const H = ve(ye);
+  H && (y = H.isMobile);
+  const N = u === "navbar" && y, V = "pds-menu-button", I = N ? `${V}--isMobile` : null, D = v ? `${V}--navbar` : null, S = l, [T] = U(`menu-button-${l}`), W = w.floating, Z = de(null), [K, ne] = U(!1), [Y, j] = U(!1), [q, O] = U(""), [Q, X] = U(0), F = de([]), B = de([]), J = de([]);
+  W1(() => {
     window.addEventListener("mousedown", ze, !0), k();
     const R = W.current;
     return R && (R.dataset.fuiPlacement = z), Y && (setTimeout(() => {
@@ -1786,18 +1786,18 @@ const St = 300, l2 = 400, xe = (p) => {
         },
         ue.map((ke, je) => {
           pe = F.current[je];
-          const We = ke[0].isHeading, Ge = We ? `${S}-group-${pe}-heading` : "", S1 = `${S}-group-${pe}`, T1 = We ? null : `${p} ${je + 1}`;
+          const We = ke[0].isHeading, Ge = We ? `${S}-group-${pe}-heading` : "", T1 = `${S}-group-${pe}`, A1 = We ? null : `${p} ${je + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
               role: "group",
               "aria-labelledby": Ge,
-              "aria-label": T1,
-              key: S1
+              "aria-label": A1,
+              key: T1
             },
-            ke.map((A1, D1) => Ne(
-              A1,
+            ke.map((D1, O1) => Ne(
               D1,
+              O1,
               pe,
               Ge
             ))
@@ -1851,7 +1851,7 @@ const St = 300, l2 = 400, xe = (p) => {
       ref: h
     }
   )), n === "icon-only") {
-    const R = Xt(d);
+    const R = Yt(d);
     Be = /* @__PURE__ */ e.createElement(
       Lt,
       {
@@ -2018,7 +2018,7 @@ const St = 300, l2 = 400, xe = (p) => {
   const m = "pds-split-button", f = `${m}--${r}`, p = t[0], u = t.slice(1);
   let v = null;
   return "isLink" in p && p.isLink === !0 ? v = /* @__PURE__ */ e.createElement(
-    wt,
+    yt,
     {
       className: `${m}__primary-action`,
       size: l,
@@ -2150,7 +2150,7 @@ const St = 300, l2 = 400, xe = (p) => {
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), n && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, n), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__main-content` }, t)))
   );
-}, Jt = (d) => {
+}, e1 = (d) => {
   var a = d, {
     background: t = "default",
     children: n,
@@ -2176,7 +2176,7 @@ const St = 300, l2 = 400, xe = (p) => {
     p && /* @__PURE__ */ e.createElement("div", { className: `${c}__image` }, p[0]),
     u && /* @__PURE__ */ e.createElement("div", { className: `${c}__main` }, u)
   );
-}, H1 = (a) => {
+}, z1 = (a) => {
   var c = a, {
     fontSize: t = "XL",
     fontWeight: n = "bold",
@@ -2285,8 +2285,8 @@ const St = 300, l2 = 400, xe = (p) => {
     "headingText",
     "className"
   ]);
-  const c = "pds-links-card", o = /* @__PURE__ */ e.createElement(Jt, null, /* @__PURE__ */ e.createElement("div", { slot: "main" }, s && /* @__PURE__ */ e.createElement(
-    H1,
+  const c = "pds-links-card", o = /* @__PURE__ */ e.createElement(e1, null, /* @__PURE__ */ e.createElement("div", { slot: "main" }, s && /* @__PURE__ */ e.createElement(
+    z1,
     {
       className: `${c}__heading`,
       fontSize: "XL",
@@ -2576,7 +2576,7 @@ const St = 300, l2 = 400, xe = (p) => {
       }
     )
   )
-}, o1 = {
+}, i1 = {
   "early-access": { label: "Early Access", color: "success" }
 }, En = (f) => {
   var p = f, {
@@ -2600,7 +2600,7 @@ const St = 300, l2 = 400, xe = (p) => {
     "supplementalLinks",
     "className"
   ]);
-  const u = "pds-new-site-card", v = a.type, E = /* @__PURE__ */ e.createElement(Jt, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${u}__main` }, /* @__PURE__ */ e.createElement(
+  const u = "pds-new-site-card", v = a.type, E = /* @__PURE__ */ e.createElement(e1, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${u}__main` }, /* @__PURE__ */ e.createElement(
     v,
     M({
       "aria-label": a.props.children,
@@ -2610,9 +2610,9 @@ const St = 300, l2 = 400, xe = (p) => {
     t && /* @__PURE__ */ e.createElement(
       ft,
       {
-        label: o1[t].label,
+        label: i1[t].label,
         size: "sm",
-        color: o1[t].color,
+        color: i1[t].color,
         className: `${u}__badge`
       }
     ),
@@ -2641,7 +2641,7 @@ const St = 300, l2 = 400, xe = (p) => {
   included: "circleCheck",
   notIncluded: "xmark",
   addon: "circlePlusOutline"
-}, i1 = (c) => {
+}, d1 = (c) => {
   var o = c, {
     listItems: t,
     listLabel: n,
@@ -2729,10 +2729,10 @@ const St = 300, l2 = 400, xe = (p) => {
     "className"
   ]);
   var ct, rt;
-  const _ = Je(l), $ = "pds-select", k = n ? ee.disabled : null, z = p && !n ? ee.required : null, y = L === "error" ? ee.error : null, w = L === "success" ? ee.success : null;
+  const _ = Je(l), $ = "pds-select", k = n ? ee.disabled : null, z = p && !n ? ee.required : null, w = L === "error" ? ee.error : null, y = L === "success" ? ee.success : null;
   let H = null;
   L === "error" && (H = "error"), L === "success" && (H = "success");
-  const N = E || a, V = typeof b != "undefined", I = typeof t != "undefined", S = ((Ce) => Ce.reduce((Le, _e) => r1(_e) ? [...Le, ..._e.options] : [...Le, _e], []))(f), T = (Ce) => S.findIndex((Le) => Le.value === Ce), W = V && T(b) >= 0 ? T(b) : null, Z = I ? T(t) : null, K = W || Z, [ne, Y] = U(!1), [j, q] = U(null), [O, Q] = U(
+  const N = E || a, V = typeof b != "undefined", I = typeof t != "undefined", S = ((Ce) => Ce.reduce((Le, _e) => o1(_e) ? [...Le, ..._e.options] : [...Le, _e], []))(f), T = (Ce) => S.findIndex((Le) => Le.value === Ce), W = V && T(b) >= 0 ? T(b) : null, Z = I ? T(t) : null, K = W || Z, [ne, Y] = U(!1), [j, q] = U(null), [O, Q] = U(
     K != null ? K : null
   ), X = O !== null ? (ct = S[O]) == null ? void 0 : ct.label : void 0, F = O !== null ? (rt = S[O]) == null ? void 0 : rt.value : void 0, B = de([]), { context: J, refs: te } = Ve({
     open: ne,
@@ -2782,11 +2782,11 @@ const St = 300, l2 = 400, xe = (p) => {
   }, Be = (Ce) => {
     let Le = 0;
     return Ce.map((_e) => {
-      if (r1(_e)) {
+      if (o1(_e)) {
         const Me = _e.options.map((R) => {
           const se = Le++;
           return /* @__PURE__ */ e.createElement(
-            yt,
+            wt,
             M({
               key: se,
               ref: (G) => {
@@ -2817,7 +2817,7 @@ const St = 300, l2 = 400, xe = (p) => {
       }
       const He = Le++;
       return /* @__PURE__ */ e.createElement(
-        yt,
+        wt,
         M({
           key: He,
           ref: (Me) => {
@@ -2847,8 +2847,8 @@ const St = 300, l2 = 400, xe = (p) => {
         $,
         k,
         z,
-        y,
         w,
+        y,
         C != null ? C : ""
       ]),
       style: l ? _ : null
@@ -2891,7 +2891,7 @@ const St = 300, l2 = 400, xe = (p) => {
           zIndex: "var(--pds-z-index-dropdown)"
         }
       })),
-      /* @__PURE__ */ e.createElement("div", { style: M({}, qe) }, /* @__PURE__ */ e.createElement("ul", { className: `${$}__options` }, Be(f)))
+      /* @__PURE__ */ e.createElement("div", { style: M({}, qe) }, /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${$}__options` }, Be(f)))
     ),
     N && /* @__PURE__ */ e.createElement(
       De,
@@ -2938,7 +2938,7 @@ const St = 300, l2 = 400, xe = (p) => {
   ), [$, k] = U(
     t.label
   );
-  let z = null, y = null;
+  let z = null, w = null;
   i || (z = /* @__PURE__ */ e.createElement("div", { className: `${E}__pricing-data` }, a[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${E}__price-prefix` }, a[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${E}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__price` }, a[0].price), a[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__details` }, a[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${E}__savings-line` }, a[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
     ft,
     {
@@ -2947,8 +2947,8 @@ const St = 300, l2 = 400, xe = (p) => {
       size: "sm",
       label: a[0].savingsBadgeLabel
     }
-  ), a[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, a[0].savingsDetails))), y = /* @__PURE__ */ e.createElement(
-    i1,
+  ), a[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, a[0].savingsDetails))), w = /* @__PURE__ */ e.createElement(
+    d1,
     {
       className: `${E}__list`,
       listLabel: a[0].listLabel,
@@ -2979,10 +2979,10 @@ const St = 300, l2 = 400, xe = (p) => {
         }
       ), I.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, I.savingsDetails))
     );
-  }), y = a.map((I) => {
+  }), w = a.map((I) => {
     const S = h === g(I.label) ? null : `${E}__list--hide`;
     return /* @__PURE__ */ e.createElement(
-      i1,
+      d1,
       {
         className: x([`${E}__list`, S]),
         listLabel: I.listLabel,
@@ -2992,7 +2992,7 @@ const St = 300, l2 = 400, xe = (p) => {
       }
     );
   }));
-  const w = (I) => {
+  const y = (I) => {
     const D = a.find(
       (S) => g(S.label) === I
     );
@@ -3012,7 +3012,7 @@ const St = 300, l2 = 400, xe = (p) => {
       })),
       defaultValue: g(a[0].label),
       onOptionSelect: (I) => {
-        _(I.value), k(w(I.value)), l && l(I.value);
+        _(I.value), k(y(I.value)), l && l(I.value);
       }
     }
   ));
@@ -3026,7 +3026,7 @@ const St = 300, l2 = 400, xe = (p) => {
       disabled: t.disabled
     }
   )), t.type === "link" && (N = /* @__PURE__ */ e.createElement(
-    wt,
+    yt,
     {
       variant: t.variant,
       linkContent: /* @__PURE__ */ e.createElement("a", { href: t.linkUrl, target: t.linkTarget }, t.label)
@@ -3041,7 +3041,7 @@ const St = 300, l2 = 400, xe = (p) => {
       onClick: n.buttonAction
     }
   )), n.type === "link" && (V = /* @__PURE__ */ e.createElement(
-    wt,
+    yt,
     {
       variant: "secondary",
       linkContent: /* @__PURE__ */ e.createElement(
@@ -3059,14 +3059,14 @@ const St = 300, l2 = 400, xe = (p) => {
       className: x([L, b, f])
     }, p),
     /* @__PURE__ */ e.createElement("div", { className: x([E, C]) }, m && /* @__PURE__ */ e.createElement(
-      Kt,
+      Xt,
       {
         className: `${E}__status-badge`,
         label: c[m],
         color: m === "mostPopular" ? "reverse" : "neutral"
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${E}__main-content` }, d && /* @__PURE__ */ e.createElement("div", { className: `${E}__plan pds-overline-text` }, d), z, r && /* @__PURE__ */ e.createElement("div", { className: `${E}__description` }, r), H), /* @__PURE__ */ e.createElement("div", { className: `${E}__actions` }, t && N, t && n && V)),
-    s && y
+    s && w
   );
 }, bn = (m) => {
   var f = m, {
@@ -3092,32 +3092,32 @@ const St = 300, l2 = 400, xe = (p) => {
   let u, v;
   a === "active" && (u = "Active", v = "success"), a === "frozen" && (u = "Frozen", v = "frozen");
   const E = /* @__PURE__ */ e.createElement(
-    Kt,
+    Xt,
     {
       label: u,
       statusType: v,
       hasStatusIndicator: !0
     }
-  ), L = /* @__PURE__ */ e.createElement(Jt, null, /* @__PURE__ */ e.createElement("img", { slot: "image", src: s, alt: "" }), /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${p}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__header` }, /* @__PURE__ */ e.createElement(
-    H1,
+  ), L = /* @__PURE__ */ e.createElement(e1, null, /* @__PURE__ */ e.createElement("img", { slot: "image", src: s, alt: "" }), /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${p}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__header` }, /* @__PURE__ */ e.createElement(
+    z1,
     {
       fontSize: "L",
       fontWeight: "semibold",
       level: n,
       text: r
     }
-  ), E), /* @__PURE__ */ e.createElement("div", { className: `${p}__plan` }, d))), b = ye(l) ? Ie(l, me(M({}, l.props), {
+  ), E), /* @__PURE__ */ e.createElement("div", { className: `${p}__plan` }, d))), b = we(l) ? Ie(l, me(M({}, l.props), {
     className: `${p}__link`,
     children: L,
     "aria-label": `${t} ${r} dashboard`
   })) : null;
   return /* @__PURE__ */ e.createElement("div", M({ className: x([p, c != null ? c : ""]) }, o), b);
 };
-var d1 = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
+var m1 = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
 function _2(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var z1 = { exports: {} };
+var N1 = { exports: {} };
 (function(t) {
   var n = typeof window != "undefined" ? window : typeof WorkerGlobalScope != "undefined" && self instanceof WorkerGlobalScope ? self : {};
   /**
@@ -3243,8 +3243,8 @@ var z1 = { exports: {} };
             case "Array":
               return $ = c.util.objId(i), h[$] ? h[$] : (_ = [], h[$] = _, /** @type {Array} */
               /** @type {any} */
-              i.forEach(function(z, y) {
-                _[y] = g(z, h);
+              i.forEach(function(z, w) {
+                _[w] = g(z, h);
               }), /** @type {any} */
               _);
             default:
@@ -3468,13 +3468,13 @@ var z1 = { exports: {} };
           for (var z in $)
             if ($.hasOwnProperty(z)) {
               if (z == i)
-                for (var y in h)
-                  h.hasOwnProperty(y) && (k[y] = h[y]);
+                for (var w in h)
+                  h.hasOwnProperty(w) && (k[w] = h[w]);
               h.hasOwnProperty(z) || (k[z] = $[z]);
             }
-          var w = _[g];
+          var y = _[g];
           return _[g] = k, c.languages.DFS(c.languages, function(H, N) {
-            N === w && H != g && (this[H] = k);
+            N === y && H != g && (this[H] = k);
           }), k;
         },
         // Traverse a language definition with Depth First Search
@@ -3484,8 +3484,8 @@ var z1 = { exports: {} };
           for (var z in i)
             if (i.hasOwnProperty(z)) {
               h.call(i, z, i[z], _ || z);
-              var y = i[z], w = c.util.type(y);
-              w === "Object" && !$[k(y)] ? ($[k(y)] = !0, g(y, h, null, $)) : w === "Array" && !$[k(y)] && ($[k(y)] = !0, g(y, h, z, $));
+              var w = i[z], y = c.util.type(w);
+              y === "Object" && !$[k(w)] ? ($[k(w)] = !0, g(w, h, null, $)) : y === "Array" && !$[k(w)] && ($[k(w)] = !0, g(w, h, z, $));
             }
         }
       },
@@ -3563,34 +3563,34 @@ var z1 = { exports: {} };
         c.util.setLanguage(g, _);
         var k = g.parentElement;
         k && k.nodeName.toLowerCase() === "pre" && c.util.setLanguage(k, _);
-        var z = g.textContent, y = {
+        var z = g.textContent, w = {
           element: g,
           language: _,
           grammar: $,
           code: z
         };
-        function w(N) {
-          y.highlightedCode = N, c.hooks.run("before-insert", y), y.element.innerHTML = y.highlightedCode, c.hooks.run("after-highlight", y), c.hooks.run("complete", y), h && h.call(y.element);
+        function y(N) {
+          w.highlightedCode = N, c.hooks.run("before-insert", w), w.element.innerHTML = w.highlightedCode, c.hooks.run("after-highlight", w), c.hooks.run("complete", w), h && h.call(w.element);
         }
-        if (c.hooks.run("before-sanity-check", y), k = y.element.parentElement, k && k.nodeName.toLowerCase() === "pre" && !k.hasAttribute("tabindex") && k.setAttribute("tabindex", "0"), !y.code) {
-          c.hooks.run("complete", y), h && h.call(y.element);
+        if (c.hooks.run("before-sanity-check", w), k = w.element.parentElement, k && k.nodeName.toLowerCase() === "pre" && !k.hasAttribute("tabindex") && k.setAttribute("tabindex", "0"), !w.code) {
+          c.hooks.run("complete", w), h && h.call(w.element);
           return;
         }
-        if (c.hooks.run("before-highlight", y), !y.grammar) {
-          w(c.util.encode(y.code));
+        if (c.hooks.run("before-highlight", w), !w.grammar) {
+          y(c.util.encode(w.code));
           return;
         }
         if (i && l.Worker) {
           var H = new Worker(c.filename);
           H.onmessage = function(N) {
-            w(N.data);
+            y(N.data);
           }, H.postMessage(JSON.stringify({
-            language: y.language,
-            code: y.code,
+            language: w.language,
+            code: w.code,
             immediateClose: !0
           }));
         } else
-          w(c.highlight(y.code, y.grammar, y.language));
+          y(c.highlight(w.code, w.grammar, w.language));
       },
       /**
        * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
@@ -3706,8 +3706,8 @@ var z1 = { exports: {} };
         return i;
       if (Array.isArray(i)) {
         var _ = "";
-        return i.forEach(function(w) {
-          _ += g(w, h);
+        return i.forEach(function(y) {
+          _ += g(y, h);
         }), _;
       }
       var $ = {
@@ -3720,8 +3720,8 @@ var z1 = { exports: {} };
       }, k = i.alias;
       k && (Array.isArray(k) ? Array.prototype.push.apply($.classes, k) : $.classes.push(k)), c.hooks.run("wrap", $);
       var z = "";
-      for (var y in $.attributes)
-        z += " " + y + '="' + ($.attributes[y] || "").replace(/"/g, "&quot;") + '"';
+      for (var w in $.attributes)
+        z += " " + w + '="' + ($.attributes[w] || "").replace(/"/g, "&quot;") + '"';
       return "<" + $.tag + ' class="' + $.classes.join(" ") + '"' + z + ">" + $.content + "</" + $.tag + ">";
     };
     function m(g, i, h, _) {
@@ -3736,12 +3736,12 @@ var z1 = { exports: {} };
     function f(g, i, h, _, $, k) {
       for (var z in h)
         if (!(!h.hasOwnProperty(z) || !h[z])) {
-          var y = h[z];
-          y = Array.isArray(y) ? y : [y];
-          for (var w = 0; w < y.length; ++w) {
-            if (k && k.cause == z + "," + w)
+          var w = h[z];
+          w = Array.isArray(w) ? w : [w];
+          for (var y = 0; y < w.length; ++y) {
+            if (k && k.cause == z + "," + y)
               return;
-            var H = y[w], N = H.inside, V = !!H.lookbehind, I = !!H.greedy, D = H.alias;
+            var H = w[y], N = H.inside, V = !!H.lookbehind, I = !!H.greedy, D = H.alias;
             if (I && !H.pattern.global) {
               var S = H.pattern.toString().match(/[imsuy]*$/)[0];
               H.pattern = RegExp(H.pattern.source, S + "g");
@@ -3772,7 +3772,7 @@ var z1 = { exports: {} };
                 var fe = new o(z, N ? c.tokenize(X, N) : X, D, X);
                 if (W = u(i, te, fe), B && u(i, W, B), ne > 1) {
                   var ie = {
-                    cause: z + "," + w,
+                    cause: z + "," + y,
                     reach: J
                   };
                   f(g, i, h, W.prev, Z, ie), k && ie.reach > k.reach && (k.reach = ie.reach);
@@ -3816,9 +3816,9 @@ var z1 = { exports: {} };
     }
     return c;
   }(n);
-  t.exports && (t.exports = s), typeof d1 != "undefined" && (d1.Prism = s);
-})(z1);
-var E2 = z1.exports;
+  t.exports && (t.exports = s), typeof m1 != "undefined" && (m1.Prism = s);
+})(N1);
+var E2 = N1.exports;
 const v2 = /* @__PURE__ */ _2(E2), b2 = {
   plain: {
     color: "var(--pds-color-code-block-dark-foreground)",
@@ -4365,7 +4365,7 @@ const Cn = (u) => {
       a
     ))
   );
-}, yn = (d) => {
+}, wn = (d) => {
   var a = d, {
     title: t,
     status: n,
@@ -4392,7 +4392,7 @@ const Cn = (u) => {
       className: `${c}__stat-status ${c}__stat-status--${n}`
     }
   ), s && /* @__PURE__ */ e.createElement("div", { className: `${c}__stat-value` }, s)));
-}, wn = (a) => {
+}, yn = (a) => {
   var c = a, {
     additions: t = 4,
     deletions: n = 2,
@@ -4483,7 +4483,7 @@ const Cn = (u) => {
     }, l),
     o
   );
-}, y2 = (r) => {
+}, w2 = (r) => {
   var d = r, {
     headingLevel: t = "h3",
     headingText: n,
@@ -4515,7 +4515,7 @@ const Cn = (u) => {
   ]);
   const c = "pds-footer-links";
   return /* @__PURE__ */ e.createElement("div", M({ className: x([c, l]) }, r), n && /* @__PURE__ */ e.createElement(
-    y2,
+    w2,
     {
       headingLevel: t,
       className: `${c}__heading`,
@@ -4543,7 +4543,7 @@ const Cn = (u) => {
   ]);
   const c = "pds-site-footer", o = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", m = (/* @__PURE__ */ new Date()).getFullYear(), f = s.includes("privacy"), p = s.includes("dataSubjectRequest"), u = s.includes("cookiePolicy"), v = s.includes("termsOfUse"), E = s.includes("acceptableUse"), L = s.includes("accessibilityStatement");
   return /* @__PURE__ */ e.createElement("footer", M({ className: x([c, l != null ? l : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: o }, n && /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${c}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${c}__copyright` }, "© ", m, " Pantheon Systems, Inc."), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), u && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), v && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), L && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
-}, w2 = Ze(
+}, y2 = Ze(
   (k, $) => {
     var z = k, {
       checked: t,
@@ -4590,18 +4590,18 @@ const Cn = (u) => {
       "value",
       "className"
     ]);
-    const y = a ? { width: `${a / 16}rem` } : null, w = "pds-checkbox", H = s ? ee.disabled : null, N = g === "error" ? ee.error : null, V = f > 0 ? `${w}--indent-${f}` : null, I = E && !s ? ee.required : null, D = b === "S" ? `${w}--sm` : null, S = g === "success" ? ee.success : null, T = C || o, W = typeof t != "undefined", Z = typeof n != "undefined", [K, ne] = U(
+    const w = a ? { width: `${a / 16}rem` } : null, y = "pds-checkbox", H = s ? ee.disabled : null, N = g === "error" ? ee.error : null, V = f > 0 ? `${y}--indent-${f}` : null, I = E && !s ? ee.required : null, D = b === "S" ? `${y}--sm` : null, S = g === "success" ? ee.success : null, T = C || o, W = typeof t != "undefined", Z = typeof n != "undefined", [K, ne] = U(
       Z ? n : !1
     ), Y = t || K, j = (F) => {
       W || ne(F.target.checked), u && u(F);
-    }, q = `${w}__box`, O = r ? null : Y ? `${q}--checked` : null, Q = r ? `${q}--indeterminate` : null, X = W1(() => {
+    }, q = `${y}__box`, O = r ? null : Y ? `${q}--checked` : null, Q = r ? `${q}--indeterminate` : null, X = Zt(() => {
       if (r)
         return /* @__PURE__ */ e.createElement(
           P,
           {
             iconName: "minus",
             iconSize: "sm",
-            className: `${w}__icon ${w}__icon--indeterminate`
+            className: `${y}__icon ${y}__icon--indeterminate`
           }
         );
       if (Y)
@@ -4610,7 +4610,7 @@ const Cn = (u) => {
           {
             iconName: "check",
             iconSize: "sm",
-            className: `${w}__icon ${w}__icon--checked`
+            className: `${y}__icon ${y}__icon--checked`
           }
         );
     }, [r, Y]);
@@ -4618,7 +4618,7 @@ const Cn = (u) => {
       "div",
       M({
         className: [
-          w,
+          y,
           H,
           I,
           N,
@@ -4627,9 +4627,9 @@ const Cn = (u) => {
           V,
           h != null ? h : ""
         ].join(" ").trim().replace(/\s+/g, " "),
-        style: a ? y : null
+        style: a ? w : null
       }, _),
-      /* @__PURE__ */ e.createElement("div", { className: `${w}__input-wrapper` }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${y}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "input",
         M(me(M({
           ref: $,
@@ -4647,7 +4647,7 @@ const Cn = (u) => {
           "aria-invalid": g === "error" ? !0 : null,
           "aria-describedby": T ? `${l}__message` : null
         }), d)
-      ), /* @__PURE__ */ e.createElement("label", { htmlFor: l, className: `${w}__label` }, /* @__PURE__ */ e.createElement(
+      ), /* @__PURE__ */ e.createElement("label", { htmlFor: l, className: `${y}__label` }, /* @__PURE__ */ e.createElement(
         "div",
         {
           className: x([
@@ -4661,7 +4661,7 @@ const Cn = (u) => {
         "div",
         {
           className: x([
-            `${w}__label-text`,
+            `${y}__label-text`,
             L ? "" : "visually-hidden"
           ])
         },
@@ -4786,20 +4786,20 @@ const Cn = (u) => {
   o.map((I) => {
     I.id || (I.id = I.value);
   });
-  const y = [];
+  const w = [];
   o.map((I) => {
-    I.checked === !0 && y.push(I.value);
+    I.checked === !0 && w.push(I.value);
   });
-  const [w, H] = U(y), N = (I) => {
-    const { value: D } = I.target, S = w.includes(D) ? w.filter((T) => T !== D) : [...w, D];
+  const [y, H] = U(w), N = (I) => {
+    const { value: D } = I.target, S = y.includes(D) ? y.filter((T) => T !== D) : [...y, D];
     H(S), c && c(S);
   };
   o.map((I) => {
-    w.includes(I.value) ? I.checked = !0 : I.checked = !1;
+    y.includes(I.value) ? I.checked = !0 : I.checked = !1;
   });
   const V = () => {
     a && setTimeout(() => {
-      o.some((I) => I.id === document.activeElement.id) || a(w);
+      o.some((I) => I.id === document.activeElement.id) || a(y);
     }, 1500);
   };
   return /* @__PURE__ */ e.createElement(
@@ -4827,7 +4827,7 @@ const Cn = (u) => {
         tooltipText: p
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${i}__options` }, o.map((I) => /* @__PURE__ */ e.createElement(
-      w2,
+      y2,
       {
         key: I.id,
         checked: I.checked,
@@ -4885,8 +4885,8 @@ const Cn = (u) => {
       showLabel: $ = !0,
       tooltipText: k = null,
       value: z,
-      validationMessage: y,
-      validationStatus: w,
+      validationMessage: w,
+      validationStatus: y,
       className: H
     } = D, N = A(D, [
       "defaultValue",
@@ -4918,10 +4918,10 @@ const Cn = (u) => {
       "validationStatus",
       "className"
     ]);
-    const S = Je(c), T = "pds-combobox", W = n ? ee.disabled : null, Z = _ && !n ? ee.required : null, K = w === "error" ? ee.error : null, ne = w === "success" ? ee.success : null;
+    const S = Je(c), T = "pds-combobox", W = n ? ee.disabled : null, Z = _ && !n ? ee.required : null, K = y === "error" ? ee.error : null, ne = y === "success" ? ee.success : null;
     let Y = null;
-    r && (Y = "search"), w === "error" && (Y = "error"), w === "success" && (Y = "success");
-    const j = y || u, q = typeof z != "undefined", O = typeof t != "undefined", Q = (G) => {
+    r && (Y = "search"), y === "error" && (Y = "error"), y === "success" && (Y = "success");
+    const j = w || u, q = typeof z != "undefined", O = typeof t != "undefined", Q = (G) => {
       const ae = i.find((re) => re.value === G);
       return ae ? ae.label : "";
     }, [X, F] = U(!1), [B, J] = U(null), [te, fe] = U(
@@ -4990,7 +4990,7 @@ const Cn = (u) => {
     const se = ie.map((G, ae) => {
       const { label: re, value: ue, optionDisplay: pe } = G;
       return /* @__PURE__ */ e.createElement(
-        yt,
+        wt,
         me(M({
           key: G
         }, tt({
@@ -5042,7 +5042,7 @@ const Cn = (u) => {
           id: a,
           "aria-disabled": n ? !0 : null,
           "aria-required": _ ? !0 : null,
-          "aria-invalid": w === "error" ? !0 : null,
+          "aria-invalid": y === "error" ? !0 : null,
           "aria-describedby": j ? `${a}__message` : null
         },
         Y && /* @__PURE__ */ e.createElement(dt, { variant: Y }),
@@ -5068,7 +5068,7 @@ const Cn = (u) => {
           }))
         ),
         $e && s && /* @__PURE__ */ e.createElement(
-          Yt,
+          Qt,
           {
             id: `input-${a}`,
             clearLabel: f.clearButton,
@@ -5076,7 +5076,7 @@ const Cn = (u) => {
           }
         ),
         d && !$e && /* @__PURE__ */ e.createElement(
-          w1,
+          L1,
           {
             inputId: `input-${a}`,
             shortcutLabel: f.searchShortcut
@@ -5114,16 +5114,16 @@ const Cn = (u) => {
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: M({}, ct) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${T}__loading` }, p) : ie.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${T}__options` }, se) : /* @__PURE__ */ e.createElement("div", { className: `${T}__no-results` }, v))
+        /* @__PURE__ */ e.createElement("div", { style: M({}, ct) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${T}__loading` }, p) : ie.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${T}__options` }, se) : /* @__PURE__ */ e.createElement("div", { className: `${T}__no-results` }, v))
       ),
       j && /* @__PURE__ */ e.createElement(
         De,
         {
           id: a,
           message: j,
-          hasValidationMessage: !!y,
+          hasValidationMessage: !!w,
           validationMessageHasDecorators: !1,
-          validationStatus: w
+          validationStatus: y
         }
       )
     );
@@ -5174,13 +5174,13 @@ const Cn = (u) => {
     "showLabel",
     "className"
   ]);
-  const g = Je(l), i = "pds-combobox-multi", h = t ? ee.disabled : null, _ = u && !t ? ee.required : null, [$, k] = U(""), [z, y] = U(s), [w, H] = U(
+  const g = Je(l), i = "pds-combobox-multi", h = t ? ee.disabled : null, _ = u && !t ? ee.required : null, [$, k] = U(""), [z, w] = U(s), [y, H] = U(
     null
-  ), N = g1(
+  ), N = _1(
     () => M2(f, z, $),
     [f, z, $]
   ), V = (F) => {
-    y(F), m == null || m(F);
+    w(F), m == null || m(F);
   }, { getSelectedItemProps: I, getDropdownProps: D, removeSelectedItem: S } = ut({
     selectedItems: z,
     onStateChange: ({ selectedItems: F, type: B }) => {
@@ -5240,15 +5240,15 @@ const Cn = (u) => {
         }
     }
   }), q = () => {
-    if (w === null)
+    if (y === null)
       H(z.length - 1);
     else {
       const F = [...z];
-      F.splice(w, 1), V(F), H(null);
+      F.splice(y, 1), V(F), H(null);
     }
   }, O = (F) => {
     var B, J;
-    if (!t && ((F.key === "Backspace" || F.key === "Delete") && !$ && z.length > 0 && (F.preventDefault(), q()), F.key === "Enter" && w !== null && (F.preventDefault(), q()), F.key === "ArrowDown" && !T)) {
+    if (!t && ((F.key === "Backspace" || F.key === "Delete") && !$ && z.length > 0 && (F.preventDefault(), q()), F.key === "Enter" && y !== null && (F.preventDefault(), q()), F.key === "ArrowDown" && !T)) {
       F.preventDefault();
       const te = F.nativeEvent;
       (J = (B = K()).onClick) == null || J.call(B, te);
@@ -5296,7 +5296,7 @@ const Cn = (u) => {
         M({
           className: `
                   ${i}__selected-item
-                  ${B === w ? `${i}__selected-item--marked-for-deletion` : ""}
+                  ${B === y ? `${i}__selected-item--marked-for-deletion` : ""}
                 `,
           key: `selected-item-${B}`
         }, I({
@@ -5345,7 +5345,7 @@ const Cn = (u) => {
         })
       )),
       r ? /* @__PURE__ */ e.createElement("div", { className: `${i}__loading` }, c) : N.length > 0 ? /* @__PURE__ */ e.createElement("ul", M({ className: `${i}__dropdown-list` }, ne()), N.map((F, B) => /* @__PURE__ */ e.createElement(
-        yt,
+        wt,
         M({
           className: `${i}__dropdown-item 
                   ${W === B ? `${i}__dropdown-item--highlighted` : ""} 
@@ -5409,9 +5409,9 @@ const Cn = (u) => {
       "validationStatus",
       "className"
     ]);
-    const [k, z] = U(!1), [y, w] = U(
+    const [k, z] = U(!1), [w, y] = U(
       !!(vt && n)
-    ), H = Je(a), N = "pds-file-upload", V = s ? ee.disabled : null, I = u && !s ? ee.required : null, D = C === "error" ? ee.error : null, S = C === "success" ? ee.success : null, T = y ? `${N}--safari-default` : null;
+    ), H = Je(a), N = "pds-file-upload", V = s ? ee.disabled : null, I = u && !s ? ee.required : null, D = C === "error" ? ee.error : null, S = C === "success" ? ee.success : null, T = w ? `${N}--safari-default` : null;
     let W = null;
     C === "error" && (W = "error"), C === "success" && (W = "success");
     const Z = b || o, K = n ? [n] : null, ne = n ? n.split("/").pop() : null, Y = v ? n : ne, j = n ? new File(K, Y) : null;
@@ -5436,12 +5436,12 @@ const Cn = (u) => {
         n ? q() : z(!1);
         return;
       }
-      vt && n && (n === X.target.value ? w(!0) : w(!1)), p && p(X.target.files), z(!0);
+      vt && n && (n === X.target.value ? y(!0) : y(!1)), p && p(X.target.files), z(!0);
     }, Q = () => {
       const X = document.getElementById(
         `${r}--input`
       );
-      X.value = "", vt && w(!1), f && f(), z(!1), X.focus();
+      X.value = "", vt && y(!1), f && f(), z(!1), X.focus();
     };
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -5494,7 +5494,7 @@ const Cn = (u) => {
           "aria-describedby": Z ? `${r}__message` : null
         }, d)
       ), k && /* @__PURE__ */ e.createElement(
-        Yt,
+        Qt,
         {
           id: r,
           clearLabel: c.clearButton,
@@ -5580,10 +5580,10 @@ const Cn = (u) => {
     "value",
     "className"
   ]);
-  const _ = "pds-radio-group", $ = n ? ee.disabled : null, k = p && !n ? ee.required : null, z = L === "error" ? ee.error : null, y = L === "success" ? ee.success : null, w = typeof b != "undefined", H = typeof t != "undefined", [N, V] = U(
+  const _ = "pds-radio-group", $ = n ? ee.disabled : null, k = p && !n ? ee.required : null, z = L === "error" ? ee.error : null, w = L === "success" ? ee.success : null, y = typeof b != "undefined", H = typeof t != "undefined", [N, V] = U(
     H ? t : ""
   ), I = E || a, D = (T) => {
-    w || V(T.target.value), o && o(T), m && m(T.target.value);
+    y || V(T.target.value), o && o(T), m && m(T.target.value);
   }, S = (T) => {
     c && c(T);
   };
@@ -5595,7 +5595,7 @@ const Cn = (u) => {
         $,
         k,
         z,
-        y,
+        w,
         C != null ? C : ""
       ]),
       style: Je(r)
@@ -5628,7 +5628,7 @@ const Cn = (u) => {
           disabled: n || T.disabled,
           onBlur: S,
           onChange: D,
-          checked: w ? b === T.value : N === T.value
+          checked: y ? b === T.value : N === T.value
         }
       ),
       /* @__PURE__ */ e.createElement("label", { htmlFor: T.id ? T.id : `${l}-option-${W}` }, T.label)
@@ -5644,7 +5644,7 @@ const Cn = (u) => {
       }
     )
   );
-}, k2 = ({ toggleStatusLabel: t, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Qt, { label: t }), /* @__PURE__ */ e.createElement(
+}, k2 = ({ toggleStatusLabel: t, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Jt, { label: t }), /* @__PURE__ */ e.createElement(
   "label",
   {
     htmlFor: n,
@@ -5652,7 +5652,7 @@ const Cn = (u) => {
     "aria-hidden": "true"
   },
   t
-)), H2 = ({ toggleStatusLabel: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Qt, { label: t }), /* @__PURE__ */ e.createElement(
+)), H2 = ({ toggleStatusLabel: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Jt, { label: t }), /* @__PURE__ */ e.createElement(
   "span",
   {
     className: "pds-switch__input-decor",
@@ -5705,7 +5705,7 @@ const Cn = (u) => {
       "showStatusLabel",
       "className"
     ]);
-    const h = Je(d), _ = "pds-switch", $ = s ? ee.disabled : null, k = u && !s ? ee.required : null, z = typeof t != "undefined", y = c == "below", w = c == "right", H = !z && n ? n : !1, [N, V] = U(H), I = t || N ? p : m, D = (ne) => {
+    const h = Je(d), _ = "pds-switch", $ = s ? ee.disabled : null, k = u && !s ? ee.required : null, z = typeof t != "undefined", w = c == "below", y = c == "right", H = !z && n ? n : !1, [N, V] = U(H), I = t || N ? p : m, D = (ne) => {
       z || V(ne.target.checked), f && f(ne);
     }, S = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -5746,7 +5746,7 @@ const Cn = (u) => {
       }
     );
     let Z, K;
-    return y ? Z = /* @__PURE__ */ e.createElement(e.Fragment, null, T, W, S) : w && (K = "pds-switch--placement-right", Z = o ? /* @__PURE__ */ e.createElement(e.Fragment, null, T, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, W, /* @__PURE__ */ e.createElement("div", null, S))) : /* @__PURE__ */ e.createElement(
+    return w ? Z = /* @__PURE__ */ e.createElement(e.Fragment, null, T, W, S) : y && (K = "pds-switch--placement-right", Z = o ? /* @__PURE__ */ e.createElement(e.Fragment, null, T, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, W, /* @__PURE__ */ e.createElement("div", null, S))) : /* @__PURE__ */ e.createElement(
       "div",
       {
         className: x([
@@ -5773,8 +5773,8 @@ const Cn = (u) => {
     );
   }
 ), Tn = Ze(
-  (y, z) => {
-    var w = y, {
+  (w, z) => {
+    var y = w, {
       counterMaxLength: t,
       defaultValue: n,
       disabled: s = !1,
@@ -5805,7 +5805,7 @@ const Cn = (u) => {
       validationStatus: h,
       value: _,
       className: $
-    } = w, k = A(w, [
+    } = y, k = A(y, [
       "counterMaxLength",
       "defaultValue",
       "disabled",
@@ -5864,7 +5864,7 @@ const Cn = (u) => {
           className: `${N}__inputlabel`
         }
       ), t && /* @__PURE__ */ e.createElement(
-        L1,
+        M1,
         {
           id: l,
           currentLength: q.length,
@@ -5904,7 +5904,7 @@ const Cn = (u) => {
       )
     );
   }
-), N1 = Ze(
+), x1 = Ze(
   (I, V) => {
     var D = I, {
       autoComplete: t,
@@ -5939,8 +5939,8 @@ const Cn = (u) => {
       },
       type: k = "text",
       validationMessage: z,
-      validationStatus: y,
-      value: w,
+      validationStatus: w,
+      value: y,
       className: H
     } = D, N = A(D, [
       "autoComplete",
@@ -5972,12 +5972,12 @@ const Cn = (u) => {
       "value",
       "className"
     ]);
-    const S = Je(o), T = "pds-text-input", W = l ? ee.disabled : null, Z = C && !l ? ee.required : null, K = y === "error" ? ee.error : null, ne = y === "success" ? ee.success : null, Y = b ? ee.readonly : null;
+    const S = Je(o), T = "pds-text-input", W = l ? ee.disabled : null, Z = C && !l ? ee.required : null, K = w === "error" ? ee.error : null, ne = w === "success" ? ee.success : null, Y = b ? ee.readonly : null;
     let j = null;
-    k === "search" && (j = "search"), k === "search" && g === "filter" && (j = "filter"), y === "error" && (j = "error"), y === "success" && (j = "success");
-    const q = z || f, O = typeof w != "undefined", Q = typeof s != "undefined", [X, F] = U(
+    k === "search" && (j = "search"), k === "search" && g === "filter" && (j = "filter"), w === "error" && (j = "error"), w === "success" && (j = "success");
+    const q = z || f, O = typeof y != "undefined", Q = typeof s != "undefined", [X, F] = U(
       Q ? s : ""
-    ), B = w || X, J = (le) => {
+    ), B = y || X, J = (le) => {
       h && ie && be(!1), p && p(le);
     }, te = (le) => {
       O || F(le.target.value), u && u(le);
@@ -6026,7 +6026,7 @@ const Cn = (u) => {
           id: a,
           name: a,
           type: ce,
-          value: O ? w : X,
+          value: O ? y : X,
           placeholder: L,
           readOnly: b,
           disabled: l,
@@ -6035,11 +6035,11 @@ const Cn = (u) => {
           onBlur: J,
           onChange: te,
           onFocus: E,
-          "aria-invalid": y === "error" ? !0 : null,
+          "aria-invalid": w === "error" ? !0 : null,
           "aria-describedby": q ? `${a}__message` : null
         }, c)
       ), r && B && /* @__PURE__ */ e.createElement(
-        Yt,
+        Qt,
         {
           id: a,
           clearLabel: $.clearButton,
@@ -6057,13 +6057,13 @@ const Cn = (u) => {
         },
         /* @__PURE__ */ e.createElement(P, { iconName: ie ? "eyeSlash" : "eye", iconSize: "md" })
       ), d && k === "search" && !B && /* @__PURE__ */ e.createElement(
-        w1,
+        L1,
         {
           inputId: a,
           shortcutLabel: $.searchShortcut
         }
       ), n && k !== "password" && /* @__PURE__ */ e.createElement(
-        L1,
+        M1,
         {
           id: a,
           currentLength: B.length,
@@ -6078,7 +6078,7 @@ const Cn = (u) => {
           message: q,
           hasValidationMessage: !!z,
           validationMessageHasDecorators: !1,
-          validationStatus: y
+          validationStatus: w
         }
       )
     );
@@ -6173,7 +6173,7 @@ const Cn = (u) => {
         position: "fixed"
       })
     },
-    /* @__PURE__ */ e.createElement(b1, { context: C }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(C1, { context: C }, /* @__PURE__ */ e.createElement(
       "div",
       M(me(M({
         ref: b.setFloating,
@@ -6186,7 +6186,7 @@ const Cn = (u) => {
         })
       }), m),
       l && /* @__PURE__ */ e.createElement("div", { className: `${u}__close-wrapper` }, /* @__PURE__ */ e.createElement(
-        M1,
+        k1,
         {
           ariaLabel: s,
           onClick: () => L(!1),
@@ -6211,7 +6211,7 @@ const Cn = (u) => {
     if (f < c - 1)
       return /* @__PURE__ */ e.createElement("li", { key: f, className: `${a}__crumb` }, m);
     {
-      const p = ye(m) ? Ie(m, {
+      const p = we(m) ? Ie(m, {
         "aria-current": "page"
       }) : null;
       return /* @__PURE__ */ e.createElement(
@@ -6232,8 +6232,8 @@ const Cn = (u) => {
     }, l),
     /* @__PURE__ */ e.createElement("ol", { className: `${a}__crumbs` }, o)
   );
-}, x1 = (t) => typeof t.linkContent != "string" ? !!(t.isActive || t.linkContent.props.className && t.linkContent.props.className.includes("pds-isActive")) : !1, Ee = (t) => {
-  if (x1(t))
+}, I1 = (t) => typeof t.linkContent != "string" ? !!(t.isActive || t.linkContent.props.className && t.linkContent.props.className.includes("pds-isActive")) : !1, Ee = (t) => {
+  if (I1(t))
     return !0;
   if (t.links) {
     for (let n = 0; n < t.links.length; n++)
@@ -6241,14 +6241,14 @@ const Cn = (u) => {
         return !0;
   }
   return !1;
-}, e1 = (t) => {
+}, t1 = (t) => {
   if (!t)
     return null;
   for (let n = 0; n < t.length; n++) {
-    if (x1(t[n]))
+    if (I1(t[n]))
       return typeof t[n].linkContent == "string" ? null : t[n].linkContent;
     if (t[n].links) {
-      const s = e1(t[n].links);
+      const s = t1(t[n].links);
       if (s)
         return s;
     }
@@ -6276,7 +6276,7 @@ const Cn = (u) => {
     "className"
   ]);
   let a = !1;
-  const c = ve(we);
+  const c = ve(ye);
   c && (a = c.isMobile);
   const o = "pds-button-nav", m = a ? `${o}--isMobile` : null, f = ({ isActive: E, linkContent: L }) => {
     const b = `${o}__item`;
@@ -6316,7 +6316,7 @@ const Cn = (u) => {
     }, l),
     a ? v : p
   );
-}, jt = (t, n, s, l) => {
+}, Kt = (t, n, s, l) => {
   let r = null;
   if (typeof n == "string") {
     const d = l ? [
@@ -6326,7 +6326,7 @@ const Cn = (u) => {
     ];
     if (s) {
       const a = s[0].linkContent;
-      ye(a) && (r = Ie(a, M({}, typeof n == "string" ? { children: d } : {})));
+      we(a) && (r = Ie(a, M({}, typeof n == "string" ? { children: d } : {})));
     } else
       r = null;
   }
@@ -6353,7 +6353,7 @@ const Cn = (u) => {
     }, l),
     n
   );
-}, It = f1(null), Fn = (u) => {
+}, It = g1(null), Fn = (u) => {
   var v = u, {
     children: t,
     hasSidebarToggle: n = !0,
@@ -6380,7 +6380,7 @@ const Cn = (u) => {
     "setIsSidebarExpanded",
     "className"
   ]);
-  const { isMobile: E, windowWidth: L } = ve(we), [b, C] = U(L > 1440 || o), g = de(), [i] = Nt(g), h = i.width;
+  const { isMobile: E, windowWidth: L } = ve(ye), [b, C] = U(L > 1440 || o), g = de(), [i] = Nt(g), h = i.width;
   oe(() => {
     o !== void 0 && C(o);
   }, [o]), oe(() => {
@@ -6391,11 +6391,11 @@ const Cn = (u) => {
     logoLinkContent: l,
     navbarWidth: h,
     isAdmin: s
-  }, $ = "pds-dashboard-global", k = s ? `${$}--isAdmin` : null, z = E ? `${$}--isMobile` : `${$}--notMobile`, y = E ? null : b ? `${$}--sidebarExpanded` : `${$}--sidebarCollapsed`, w = b ? `${d}rem` : `${r}rem`, H = {
-    width: w,
+  }, $ = "pds-dashboard-global", k = s ? `${$}--isAdmin` : null, z = E ? `${$}--isMobile` : `${$}--notMobile`, w = E ? null : b ? `${$}--sidebarExpanded` : `${$}--sidebarCollapsed`, y = b ? `${d}rem` : `${r}rem`, H = {
+    width: y,
     transition: "width 200ms ease-in-out"
   }, N = E ? {} : {
-    width: `calc(100% - ${w})`,
+    width: `calc(100% - ${y})`,
     transition: "width 200ms ease-in-out"
   }, V = () => {
     C(!b);
@@ -6416,7 +6416,7 @@ const Cn = (u) => {
         $,
         k,
         z,
-        y,
+        w,
         "pds-typography--product",
         f != null ? f : ""
       ])
@@ -6442,22 +6442,22 @@ const Cn = (u) => {
   linkContent: r,
   links: d
 }) => {
-  const a = "pds-dashboard-nav", c = `${a}__item`, o = `${a}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, jt(a, r, d, t)), f = (y, w) => /* @__PURE__ */ e.createElement(
+  const a = "pds-dashboard-nav", c = `${a}__item`, o = `${a}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Kt(a, r, d, t)), f = (w, y) => /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: x([
         o,
-        `${o}--${w}`,
+        `${o}--${y}`,
         n ? `${o}--expanded` : null
       ])
     },
-    y.map((H, N) => /* @__PURE__ */ e.createElement(
+    w.map((H, N) => /* @__PURE__ */ e.createElement(
       "li",
       {
         key: N,
         className: x([
           c,
-          `${c}--${w}`,
+          `${c}--${y}`,
           Ee(H) ? `${c}--active` : null
         ])
       },
@@ -6471,26 +6471,26 @@ const Cn = (u) => {
     whileElementsMounted: Re
   }), b = Ct(L, {
     move: !1,
-    handleClose: C1()
-  }), C = E1(L), g = Se(L), i = Te(L, { role: "menu" }), { getReferenceProps: h, getFloatingProps: _ } = Ae([
+    handleClose: $1()
+  }), C = v1(L), g = Se(L), i = Te(L, { role: "menu" }), { getReferenceProps: h, getFloatingProps: _ } = Ae([
     b,
     C,
     g,
     i
-  ]), $ = (y) => {
+  ]), $ = (w) => {
     var V;
-    const w = y.currentTarget, H = (V = w.parentElement) == null ? void 0 : V.nextElementSibling;
+    const y = w.currentTarget, H = (V = y.parentElement) == null ? void 0 : V.nextElementSibling;
     if (!H) return;
-    const N = w.getAttribute("aria-expanded") === "false";
-    w.classList.toggle(`${a}__toggle--expanded`, N), w.setAttribute("aria-expanded", N ? "true" : "false"), N ? k(H) : z(H);
-  }, k = (y) => {
-    y.style.display = "flex", y.style.height = "auto";
-    const w = `${y.scrollHeight}px`;
-    y.style.marginBlockStart = "0", y.animate(
+    const N = y.getAttribute("aria-expanded") === "false";
+    y.classList.toggle(`${a}__toggle--expanded`, N), y.setAttribute("aria-expanded", N ? "true" : "false"), N ? k(H) : z(H);
+  }, k = (w) => {
+    w.style.display = "flex", w.style.height = "auto";
+    const y = `${w.scrollHeight}px`;
+    w.style.marginBlockStart = "0", w.animate(
       [
         { height: "0px", opacity: "0", marginBlockStart: "0" },
         {
-          height: w,
+          height: y,
           opacity: "1",
           marginBlockStart: `${ot}rem`
         }
@@ -6500,18 +6500,18 @@ const Cn = (u) => {
         easing: Xe
       }
     ).onfinish = () => {
-      Object.assign(y.style, {
+      Object.assign(w.style, {
         height: "auto",
         opacity: "1",
         display: "flex",
         marginBlockStart: `${ot}rem`
-      }), y.classList.add(`${o}--expanded`);
+      }), w.classList.add(`${o}--expanded`);
     };
-  }, z = (y) => {
-    const w = `${y.scrollHeight}px`, H = y.animate(
+  }, z = (w) => {
+    const y = `${w.scrollHeight}px`, H = w.animate(
       [
         {
-          height: w,
+          height: y,
           opacity: "1",
           marginBlockStart: `${ot}rem`
         },
@@ -6523,7 +6523,7 @@ const Cn = (u) => {
       }
     );
     H.onfinish = () => {
-      y.classList.remove(`${o}--expanded`), Object.assign(y.style, {
+      w.classList.remove(`${o}--expanded`), Object.assign(w.style, {
         opacity: "0",
         height: "",
         // Clean height from inline style
@@ -6545,7 +6545,7 @@ const Cn = (u) => {
       ]),
       ref: s ? null : v.setReference
     }, h()),
-    d ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, jt(
+    d ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Kt(
       a,
       r,
       d,
@@ -6585,7 +6585,7 @@ const Cn = (u) => {
       }
     ))
   );
-}, t1 = (d) => {
+}, n1 = (d) => {
   var a = d, {
     headingText: t,
     menuItems: n,
@@ -6597,7 +6597,7 @@ const Cn = (u) => {
     "selectTextFallback",
     "className"
   ]);
-  const c = "pds-dropdown-menu", [o, m] = U(!1), [f, p] = U(null), u = e1(n), v = u ? u.props.children : s, E = /* @__PURE__ */ e.createElement(
+  const c = "pds-dropdown-menu", [o, m] = U(!1), [f, p] = U(null), u = t1(n), v = u ? u.props.children : s, E = /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: "check",
@@ -6658,8 +6658,8 @@ const Cn = (u) => {
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), k = Ye(h, { event: "mousedown" }), z = Se(h), y = Te(h, { role: "menu" }), { getReferenceProps: w, getFloatingProps: H, getItemProps: N } = Ae(
-    [z, y, k, $]
+  }), k = Ye(h, { event: "mousedown" }), z = Se(h), w = Te(h, { role: "menu" }), { getReferenceProps: y, getFloatingProps: H, getItemProps: N } = Ae(
+    [z, w, k, $]
   ), { isMounted: V, styles: I } = Qe(h, {
     duration: {
       open: 300,
@@ -6681,7 +6681,7 @@ const Cn = (u) => {
       className: `${c}__trigger`,
       ref: i.setReference,
       type: "button"
-    }, w()),
+    }, y()),
     /* @__PURE__ */ e.createElement("span", { className: `${c}__active-label` }, v),
     /* @__PURE__ */ e.createElement(
       P,
@@ -7003,7 +7003,7 @@ const Cn = (u) => {
       fill: "var(--pds-color-foreground-default)"
     }
   )
-), I1 = (a) => {
+), V1 = (a) => {
   var c = a, {
     colorType: t = "default",
     displayType: n = "full",
@@ -7070,7 +7070,7 @@ const Cn = (u) => {
     "className"
   ]);
   let o = !1;
-  const m = ve(we);
+  const m = ve(ye);
   m && (o = m.isMobile);
   const f = ve(It);
   let p = !0, u = null;
@@ -7087,14 +7087,14 @@ const Cn = (u) => {
       links: g.links
     }
   )))), b = s.map((g) => me(M({}, g), {
-    linkContent: jt(
+    linkContent: Kt(
       v,
       g.linkContent,
       g.links,
       g.icon
     )
   })), C = /* @__PURE__ */ e.createElement(
-    t1,
+    n1,
     {
       menuItems: b,
       selectTextFallback: l
@@ -7107,7 +7107,7 @@ const Cn = (u) => {
       className: x([v, E, r])
     }, d),
     !o && /* @__PURE__ */ e.createElement(
-      I1,
+      V1,
       {
         className: `${v}__logo`,
         displayType: p ? "full" : "icon",
@@ -7128,7 +7128,7 @@ const Cn = (u) => {
   wordpress: "WordPress",
   gatsby: "Gatsby",
   nextjs: "Next.js"
-}, V1 = {
+}, S1 = {
   drupal: "drupal",
   wordpress: "wordpress",
   gatsby: "bolt",
@@ -7141,7 +7141,7 @@ const Cn = (u) => {
     "option",
     "className"
   ]);
-  const d = "pds-dashboard-search", a = t.type ? V1[t.type] : "bolt", c = de(), [o] = Nt(c), m = o.width / 16 - 7.5;
+  const d = "pds-dashboard-search", a = t.type ? S1[t.type] : "bolt", c = de(), [o] = Nt(c), m = o.width / 16 - 7.5;
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
@@ -7175,7 +7175,7 @@ const Cn = (u) => {
         style: { pointerEvents: "none" }
       },
       /* @__PURE__ */ e.createElement(
-        Kt,
+        Xt,
         {
           color: "neutral",
           hasStatusIndicator: !0,
@@ -7221,13 +7221,13 @@ const Cn = (u) => {
   ]);
   const [b, C] = U(!1), [g, i] = U(null), h = de(null);
   let _ = !1;
-  const $ = ve(we);
+  const $ = ve(ye);
   $ && (_ = $.isMobile);
   let k = null, z = !1;
-  const y = ve(It);
-  y && (k = y.navbarWidth, z = y.isAdmin);
-  const w = 2.25, H = 22, N = z ? 14.5 : 9.625, V = k > 900 ? H : k / 16 - (N + p) - w * 0.675;
-  let I = w;
+  const w = ve(It);
+  w && (k = w.navbarWidth, z = w.isAdmin);
+  const y = 2.25, H = 22, N = z ? 14.5 : 9.625, V = k > 900 ? H : k / 16 - (N + p) - y * 0.675;
+  let I = y;
   b && !k && (I = H), b && k && (I = V);
   const D = {
     right: `${N + p}rem`,
@@ -7373,7 +7373,7 @@ const Cn = (u) => {
   ]);
   const [E, L] = U(!1);
   let b = !1;
-  const C = ve(we);
+  const C = ve(ye);
   C && (b = C.isMobile);
   const g = ve(It);
   g && (a = g.logoLinkContent);
@@ -7391,10 +7391,10 @@ const Cn = (u) => {
   oe(() => (window.addEventListener("keyup", k), () => {
     window.removeEventListener("keyup", k);
   }), []);
-  const z = () => L(!E), y = G1();
+  const z = () => L(!E), w = G1();
   oe(() => {
     if (b && t) {
-      const j = $1(
+      const j = w1(
         document.querySelector(".pds-navbar__mobile")
       ), q = ["a", "button", "input", "select", "textarea"];
       j && (E ? j.forEach((O) => {
@@ -7404,14 +7404,14 @@ const Cn = (u) => {
       }));
     }
   }, [E]);
-  const w = (j) => {
+  const y = (j) => {
     j.target.nodeName === "A" && L(!1);
   };
   oe(() => {
     if (E) {
       const j = document.querySelector(".pds-navbar__bar-mobile"), q = document.querySelector(".pds-navbar__mobile");
-      return j.addEventListener("click", w), q.addEventListener("click", w), () => {
-        j.removeEventListener("click", w), q.removeEventListener("click", w);
+      return j.addEventListener("click", y), q.addEventListener("click", y), () => {
+        j.removeEventListener("click", y), q.removeEventListener("click", y);
       };
     }
   }, [E]), oe(() => {
@@ -7420,11 +7420,11 @@ const Cn = (u) => {
   const H = Fe(t), N = H["items-left"], V = H["items-right"];
   let I = "default";
   (n === "reverse" || n === "reverse-transparent") && (I = "reverse");
-  const D = ye(a) ? a.props.children : null, S = ye(a) && D ? Ie(a, {
+  const D = we(a) ? a.props.children : null, S = we(a) && D ? Ie(a, {
     children: /* @__PURE__ */ e.createElement("img", { className: `${i}__custom-logo`, src: c }),
     "aria-label": D || null
   }) : /* @__PURE__ */ e.createElement("img", { className: `${i}__custom-logo`, src: c, alt: "" }), T = () => c ? S : /* @__PURE__ */ e.createElement(
-    I1,
+    V1,
     {
       colorType: I,
       displayType: d,
@@ -7441,13 +7441,13 @@ const Cn = (u) => {
     },
     /* @__PURE__ */ e.createElement(P, { iconName: E ? "xmark" : "bars", iconSize: "lg" })
   ), Z = e.Children.toArray(t).sort((j, q) => {
-    const O = ye(j) && parseInt(j.props["data-mobile-order"], 10) || 1 / 0, Q = ye(q) && parseInt(q.props["data-mobile-order"], 10) || 1 / 0;
+    const O = we(j) && parseInt(j.props["data-mobile-order"], 10) || 1 / 0, Q = we(q) && parseInt(q.props["data-mobile-order"], 10) || 1 / 0;
     return O - Q;
   }), K = /* @__PURE__ */ e.createElement(
     "div",
     {
       className: E ? `${i}__mobile ${i}__mobile--open` : `${i}__mobile ${i}__mobile--closed`,
-      ref: y
+      ref: w
     },
     /* @__PURE__ */ e.createElement(pt, null, Z)
   ), ne = /* @__PURE__ */ e.createElement(
@@ -7494,7 +7494,7 @@ const Cn = (u) => {
   o ? L = Ct(p, {
     enabled: !1
   }) : L = Ct(p, {
-    handleClose: C1({
+    handleClose: $1({
       requireIntent: !1,
       buffer: 10,
       blockPointerEvents: !0
@@ -7589,26 +7589,26 @@ const Cn = (u) => {
       }
     }[H.code];
     W && W();
-  }, y = (H) => {
+  }, w = (H) => {
     if (H.isActive || H.linkContent && H.linkContent.props.className && H.linkContent.props.className.includes("pds-isActive"))
       return !0;
     if (H.links) {
       for (let N = 0; N < H.links.length; N++)
-        if (y(H.links[N]))
+        if (w(H.links[N]))
           return !0;
     }
     return !1;
-  }, w = [];
+  }, y = [];
   return s.map((H, N) => {
     const V = `item-${lt()}`, I = H.id ? H.id : V;
-    H.links ? w.push(
+    H.links ? y.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
           key: `${N}-dropdown`,
           id: I,
           ref: (D) => k.current[N] = D,
-          className: `${h}__item ${h}__item--top-level ${h}__item--has-children ${y(H) === !0 ? `${h}__item--active` : ""}`
+          className: `${h}__item ${h}__item--top-level ${h}__item--has-children ${w(H) === !0 ? `${h}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
           O2,
@@ -7619,14 +7619,14 @@ const Cn = (u) => {
           }
         )
       )
-    ) : w.push(
+    ) : y.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
           key: N,
           id: I,
           ref: (D) => k.current[N] = D,
-          className: `${h}__item ${h}__item--top-level ${h}__item--has-link ${y(H) === !0 ? `${h}__item--active` : ""}`
+          className: `${h}__item ${h}__item--top-level ${h}__item--has-link ${w(H) === !0 ? `${h}__item--active` : ""}`
         },
         H.linkContent
       )
@@ -7640,7 +7640,7 @@ const Cn = (u) => {
         z(H);
       }
     }, d),
-    /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu` }, w)
+    /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu` }, y)
   );
 }, Zn = (m) => {
   var f = m, {
@@ -7671,20 +7671,20 @@ const Cn = (u) => {
   }), []);
   const b = () => {
     L(window.innerWidth);
-  }, C = E <= d, g = (y) => {
+  }, C = E <= d, g = (w) => {
     var V;
-    const w = y.currentTarget, H = (V = w.parentElement) == null ? void 0 : V.nextElementSibling;
+    const y = w.currentTarget, H = (V = y.parentElement) == null ? void 0 : V.nextElementSibling;
     if (!H) return;
-    const N = w.getAttribute("aria-expanded") === "false";
-    w.classList.toggle(`${p}__toggle--expanded`, N), w.setAttribute("aria-expanded", N ? "true" : "false"), N ? i(H) : h(H);
-  }, i = (y) => {
-    y.style.display = "flex", y.style.height = "auto";
-    const w = `${y.scrollHeight}px`;
-    y.style.marginBlockStart = "0", y.animate(
+    const N = y.getAttribute("aria-expanded") === "false";
+    y.classList.toggle(`${p}__toggle--expanded`, N), y.setAttribute("aria-expanded", N ? "true" : "false"), N ? i(H) : h(H);
+  }, i = (w) => {
+    w.style.display = "flex", w.style.height = "auto";
+    const y = `${w.scrollHeight}px`;
+    w.style.marginBlockStart = "0", w.animate(
       [
         { height: "0px", opacity: "0", marginBlockStart: "0" },
         {
-          height: w,
+          height: y,
           opacity: "1",
           marginBlockStart: `${ot}rem`
         }
@@ -7694,18 +7694,18 @@ const Cn = (u) => {
         easing: Xe
       }
     ).onfinish = () => {
-      Object.assign(y.style, {
+      Object.assign(w.style, {
         height: "auto",
         opacity: "1",
         display: "flex",
         marginBlockStart: `${ot}rem`
-      }), y.classList.add(`${v}--expanded`);
+      }), w.classList.add(`${v}--expanded`);
     };
-  }, h = (y) => {
-    const w = `${y.scrollHeight}px`, H = y.animate(
+  }, h = (w) => {
+    const y = `${w.scrollHeight}px`, H = w.animate(
       [
         {
-          height: w,
+          height: y,
           opacity: "1",
           marginBlockStart: `${ot}rem`
         },
@@ -7717,7 +7717,7 @@ const Cn = (u) => {
       }
     );
     H.onfinish = () => {
-      y.classList.remove(`${v}--expanded`), Object.assign(y.style, {
+      w.classList.remove(`${v}--expanded`), Object.assign(w.style, {
         opacity: "0",
         height: "",
         // Clean height from inline style
@@ -7726,17 +7726,17 @@ const Cn = (u) => {
         marginBlockStart: "0"
       });
     };
-  }, _ = (y) => h1.toArray(y).some((w) => ye(w) ? w.type && w.type.displayName === "Tally" ? !0 : _(w.props.children) : !1), $ = (y, w) => {
-    const { linkContent: H, links: N } = y, V = _(H);
+  }, _ = (w) => f1.toArray(w).some((y) => we(y) ? y.type && y.type.displayName === "Tally" ? !0 : _(y.props.children) : !1), $ = (w, y) => {
+    const { linkContent: H, links: N } = w, V = _(H);
     return /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: w,
+        key: y,
         className: x([
           u,
           `${u}--top-level`,
           N ? `${u}--has-children` : null,
-          Ee(y) ? `${u}--active` : null,
+          Ee(w) ? `${u}--active` : null,
           V ? "with-tally" : null
           // Add class if item contains a Tally component
         ])
@@ -7744,10 +7744,10 @@ const Cn = (u) => {
       N ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${u}-wrapper` }, Mt(H, N), /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-expanded": Ee(y),
+          "aria-expanded": Ee(w),
           className: x([
             `${p}__toggle`,
-            Ee(y) ? `${p}__toggle--expanded` : null
+            Ee(w) ? `${p}__toggle--expanded` : null
           ]),
           onClick: g,
           type: "button"
@@ -7760,7 +7760,7 @@ const Cn = (u) => {
           className: x([
             v,
             `${v}--second-level`,
-            Ee(y) ? `${v}--expanded` : null
+            Ee(w) ? `${v}--expanded` : null
           ])
         },
         N.map((I, D) => {
@@ -7790,8 +7790,8 @@ const Cn = (u) => {
         H
       )
     );
-  }, k = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${p}__heading` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, r.map((y, w) => $(y, w)))), z = /* @__PURE__ */ e.createElement(
-    t1,
+  }, k = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${p}__heading` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, r.map((w, y) => $(w, y)))), z = /* @__PURE__ */ e.createElement(
+    n1,
     {
       headingText: s,
       menuItems: r,
@@ -7835,16 +7835,16 @@ const Cn = (u) => {
   }), []);
   const b = () => {
     L(window.innerWidth);
-  }, C = E <= d, g = (w) => {
+  }, C = E <= d, g = (y) => {
     var I;
-    const H = w.currentTarget, N = (I = H.parentElement) == null ? void 0 : I.nextElementSibling;
+    const H = y.currentTarget, N = (I = H.parentElement) == null ? void 0 : I.nextElementSibling;
     if (!N) return;
     const V = H.getAttribute("aria-expanded") === "false";
     H.classList.toggle(`${p}__toggle--expanded`, V), H.setAttribute("aria-expanded", V ? "true" : "false"), V ? i(N) : h(N);
-  }, i = (w) => {
-    w.style.display = "flex", w.style.height = "auto";
-    const H = `${w.scrollHeight}px`;
-    w.style.marginBlockStart = "0", w.animate(
+  }, i = (y) => {
+    y.style.display = "flex", y.style.height = "auto";
+    const H = `${y.scrollHeight}px`;
+    y.style.marginBlockStart = "0", y.animate(
       [
         { height: "0px", opacity: "0", marginBlockStart: "0" },
         { height: H, opacity: "1", marginBlockStart: `${Ft}rem` }
@@ -7854,15 +7854,15 @@ const Cn = (u) => {
         easing: Xe
       }
     ).onfinish = () => {
-      Object.assign(w.style, {
+      Object.assign(y.style, {
         height: "auto",
         opacity: "1",
         display: "flex",
         marginBlockStart: `${Ft}rem`
-      }), w.classList.add(`${v}--expanded`);
+      }), y.classList.add(`${v}--expanded`);
     };
-  }, h = (w) => {
-    const H = `${w.scrollHeight}px`, N = w.animate(
+  }, h = (y) => {
+    const H = `${y.scrollHeight}px`, N = y.animate(
       [
         { height: H, opacity: "1", marginBlockStart: `${Ft}rem` },
         { height: "0px", opacity: "0", marginBlockStart: "0" }
@@ -7873,7 +7873,7 @@ const Cn = (u) => {
       }
     );
     N.onfinish = () => {
-      w.classList.remove(`${v}--expanded`), Object.assign(w.style, {
+      y.classList.remove(`${v}--expanded`), Object.assign(y.style, {
         opacity: "0",
         height: "",
         // Clean height from inline style
@@ -7882,8 +7882,8 @@ const Cn = (u) => {
         marginBlockStart: "0"
       });
     };
-  }, _ = { 2: "second", 3: "third", 4: "fourth" }, $ = (w, H, N) => {
-    const V = _[w], I = `${v}--${V}-level`, D = `${u}--${V}-level`, S = w + 1;
+  }, _ = { 2: "second", 3: "third", 4: "fourth" }, $ = (y, H, N) => {
+    const V = _[y], I = `${v}--${V}-level`, D = `${u}--${V}-level`, S = y + 1;
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${u}-wrapper` }, /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -7923,8 +7923,8 @@ const Cn = (u) => {
         ) : T.linkContent
       ))
     ));
-  }, k = (w, H) => {
-    const { linkContent: N, links: V } = w;
+  }, k = (y, H) => {
+    const { linkContent: N, links: V } = y;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -7932,13 +7932,13 @@ const Cn = (u) => {
         className: x([
           u,
           `${u}--top-level`,
-          Ee(w) ? `${u}--active` : null
+          Ee(y) ? `${u}--active` : null
         ])
       },
-      V ? $(2, w) : N
+      V ? $(2, y) : N
     );
-  }, z = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${p}__heading` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, r.map((w, H) => k(w, H)))), y = /* @__PURE__ */ e.createElement(
-    t1,
+  }, z = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${p}__heading` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, r.map((y, H) => k(y, H)))), w = /* @__PURE__ */ e.createElement(
+    n1,
     {
       headingText: s,
       menuItems: r,
@@ -7951,7 +7951,7 @@ const Cn = (u) => {
       "aria-label": t,
       className: x([p, c != null ? c : ""])
     }, o),
-    C && n ? y : z
+    C && n ? w : z
   );
 }, R2 = ({
   buttonLabel: t = "Toggle dropdown",
@@ -7967,15 +7967,15 @@ const Cn = (u) => {
     whileElementsMounted: Re
   }), $ = Ye(h, {
     event: "mousedown"
-  }), k = Se(h), z = Te(h, { role: "listbox" }), y = it(h, {
+  }), k = Se(h), z = Te(h, { role: "listbox" }), w = it(h, {
     listRef: i,
     activeIndex: o,
     onNavigate: m,
     loop: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
-  }), { getReferenceProps: w, getFloatingProps: H, getItemProps: N } = Ae(
-    [z, k, y, $]
+  }), { getReferenceProps: y, getFloatingProps: H, getItemProps: N } = Ae(
+    [z, k, w, $]
   ), { isMounted: V, styles: I } = Qe(h, {
     duration: {
       open: 300,
@@ -8013,7 +8013,7 @@ const Cn = (u) => {
       Z.linkContent
     ).length + 2}ch`
   }, Y = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${L}__active-icon` }), j = E && /* @__PURE__ */ e.createElement("div", { className: `${L}__filter` }, /* @__PURE__ */ e.createElement(
-    N1,
+    x1,
     {
       hasClearButton: !0,
       onClear: W,
@@ -8047,7 +8047,7 @@ const Cn = (u) => {
     me(M({
       className: `${L}__dropdown-trigger`,
       ref: _.setReference
-    }, w({
+    }, y({
       "aria-expanded": a,
       "aria-label": t
     })), {
@@ -8083,7 +8083,7 @@ const Cn = (u) => {
     "className"
   ]);
   let a = !1;
-  const c = ve(we);
+  const c = ve(ye);
   c && (a = c.isMobile);
   const o = "pds-tab-menu", m = a ? `${o}--isMobile` : null, f = ({
     dropdownSettings: u,
@@ -8093,7 +8093,7 @@ const Cn = (u) => {
     links: b,
     promoteActiveChildLink: C = !1
   }) => {
-    const g = `${o}__item`, i = e1(b), h = (_, $) => {
+    const g = `${o}__item`, i = t1(b), h = (_, $) => {
       let k = null;
       return typeof _ == "object" && ($ ? k = Ie(_, me(M({}, _.props), {
         children: [
@@ -8169,7 +8169,7 @@ const Cn = (u) => {
   ]);
   const [f, p] = U(null), [u, v] = U(!1), E = de([]), L = de([]);
   let b = !1;
-  const C = ve(we);
+  const C = ve(ye);
   C && (b = C.isMobile);
   const g = d && b, i = "pds-user-menu", h = g ? `${i}--isMobile` : null, _ = `${i}__menu`, { refs: $, floatingStyles: k, context: z } = Ve({
     placement: "bottom-end",
@@ -8177,7 +8177,7 @@ const Cn = (u) => {
     onOpenChange: v,
     middleware: [kt(12), Ht(), zt()],
     whileElementsMounted: Re
-  }), y = Ye(z, { event: "mousedown" }), w = Se(z), H = Te(z, { role: "menu" }), N = de([]), V = it(z, {
+  }), w = Ye(z, { event: "mousedown" }), y = Se(z), H = Te(z, { role: "menu" }), N = de([]), V = it(z, {
     listRef: N,
     activeIndex: f,
     onNavigate: p,
@@ -8186,7 +8186,7 @@ const Cn = (u) => {
     focusItemOnOpen: !1,
     focusItemOnHover: !0
   }), { getReferenceProps: I, getFloatingProps: D, getItemProps: S } = Ae(
-    [w, H, y, V]
+    [y, H, w, V]
   ), { isMounted: T, styles: W } = Qe(z, {
     duration: {
       open: 300,
@@ -8202,7 +8202,7 @@ const Cn = (u) => {
       opacity: 0
     }
   }), Z = /* @__PURE__ */ e.createElement(
-    qt,
+    jt,
     {
       hasUserFallback: !0,
       imageSrc: l,
@@ -8330,9 +8330,9 @@ const Cn = (u) => {
   ]);
   const [v, E] = U(!1), [L, b] = U(null), [C, g] = U(o), i = de([]), h = de(null), _ = o.length >= d;
   let $ = !1;
-  const k = ve(we);
+  const k = ve(ye);
   k && ($ = k.isMobile);
-  const z = c && $, y = "pds-workspace-selector", w = z ? `${y}--isMobile` : null, H = `${y}__menu`, N = _ ? `${H}--scroll` : null, { refs: V, floatingStyles: I, context: D } = Ve({
+  const z = c && $, w = "pds-workspace-selector", y = z ? `${w}--isMobile` : null, H = `${w}__menu`, N = _ ? `${H}--scroll` : null, { refs: V, floatingStyles: I, context: D } = Ve({
     open: v,
     onOpenChange: E,
     whileElementsMounted: Re
@@ -8375,15 +8375,15 @@ const Cn = (u) => {
   }, [o]);
   const X = (ce) => {
     ce.preventDefault(), ce.key === "Enter" && i.current[L].querySelector("a").click(), ce.key === "Tab" && (ce.shiftKey ? _ ? document.getElementById("workspace-filter").focus() : E(!1) : n ? h.current.querySelector("a").focus() : E(!1));
-  }, F = /* @__PURE__ */ e.createElement("div", { className: `${y}__button-content` }, /* @__PURE__ */ e.createElement(
-    qt,
+  }, F = /* @__PURE__ */ e.createElement("div", { className: `${w}__button-content` }, /* @__PURE__ */ e.createElement(
+    jt,
     {
       size: "sm",
       uniqueId: O.workspaceId,
       imageSrc: O.imageSrc,
-      className: `${y}__avatar`
+      className: `${w}__avatar`
     }
-  ), /* @__PURE__ */ e.createElement("span", { className: `${y}__name` }, O.displayName), O.planTier && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("span", { className: `${w}__name` }, O.displayName), O.planTier && /* @__PURE__ */ e.createElement(
     ft,
     {
       size: "sm",
@@ -8395,10 +8395,10 @@ const Cn = (u) => {
     {
       iconName: "angleDown",
       iconSize: "md",
-      className: `${y}__trigger-icon`
+      className: `${w}__trigger-icon`
     }
-  ), J = _ && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
-    N1,
+  ), J = _ && /* @__PURE__ */ e.createElement("div", { className: `${w}__filter` }, /* @__PURE__ */ e.createElement(
+    x1,
     {
       hasClearButton: !0,
       onClear: () => g(o),
@@ -8411,7 +8411,7 @@ const Cn = (u) => {
     }
   )), te = C.map(
     (ce, le) => {
-      const ge = `${y}__item`, Oe = ce.isActive ? `${ge}--active` : null, qe = ce.isUnprivileged ? `${ge}--unprivileged` : null, ze = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${y}__active-icon` }), Ne = ce.workspaceId, et = ce.workspaceLink.type, tt = ce.isUnprivileged ? null : (Be) => {
+      const ge = `${w}__item`, Oe = ce.isActive ? `${ge}--active` : null, qe = ce.isUnprivileged ? `${ge}--unprivileged` : null, ze = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${w}__active-icon` }), Ne = ce.workspaceId, et = ce.workspaceLink.type, tt = ce.isUnprivileged ? null : (Be) => {
         i.current[le] = Be;
       };
       return /* @__PURE__ */ e.createElement(
@@ -8434,21 +8434,21 @@ const Cn = (u) => {
           me(M({}, ce.workspaceLink.props), {
             onClick: () => E(!1)
           }),
-          /* @__PURE__ */ e.createElement("div", { className: `${y}__item-content` }, /* @__PURE__ */ e.createElement(
-            qt,
+          /* @__PURE__ */ e.createElement("div", { className: `${w}__item-content` }, /* @__PURE__ */ e.createElement(
+            jt,
             {
               size: "sm",
               uniqueId: ce.workspaceId,
               imageSrc: ce.imageSrc,
-              className: `${y}__list-avatar`
+              className: `${w}__list-avatar`
             }
           ), ce.displayName),
           ce.isActive && ze
         )
       );
     }
-  ), fe = n && /* @__PURE__ */ e.createElement("div", { className: `${y}__create-link`, ref: h }, /* @__PURE__ */ e.createElement(
-    wt,
+  ), fe = n && /* @__PURE__ */ e.createElement("div", { className: `${w}__create-link`, ref: h }, /* @__PURE__ */ e.createElement(
+    yt,
     {
       displayType: "icon-end",
       iconName: "plus",
@@ -8460,7 +8460,7 @@ const Cn = (u) => {
   )), ie = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     M({
-      className: `${y}__trigger`,
+      className: `${w}__trigger`,
       "aria-label": t,
       ref: V.setReference,
       type: "button"
@@ -8470,23 +8470,23 @@ const Cn = (u) => {
   ), j && /* @__PURE__ */ e.createElement(
     "div",
     M({
-      className: `${y}__dropdown`,
+      className: `${w}__dropdown`,
       ref: V.setFloating,
       style: {
         zIndex: "var(--pds-z-index-dropdown)"
       }
     }, ne()),
-    /* @__PURE__ */ e.createElement("div", { style: M({}, q) }, J, /* @__PURE__ */ e.createElement("ul", { className: x([H, N]), role: "menu" }, /* @__PURE__ */ e.createElement("li", { className: `${y}__item-heading`, role: "presentation" }, r), te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${y}__no-results` }, a) : te), fe)
+    /* @__PURE__ */ e.createElement("div", { style: M({}, q) }, J, /* @__PURE__ */ e.createElement("ul", { className: x([H, N]), role: "menu" }, /* @__PURE__ */ e.createElement("li", { className: `${w}__item-heading`, role: "presentation" }, r), te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${w}__no-results` }, a) : te), fe)
   )), be = (ce) => {
     const le = ce.target;
-    le.classList.toggle(`${y}__toggle--expanded`), le.setAttribute(
+    le.classList.toggle(`${w}__toggle--expanded`), le.setAttribute(
       "aria-expanded",
       le.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), le.nextElementSibling.classList.toggle(`${y}__mobile-menu--expanded`);
+    ), le.nextElementSibling.classList.toggle(`${w}__mobile-menu--expanded`);
   }, $e = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${y}__toggle`,
+      className: `${w}__toggle`,
       "aria-expanded": !1,
       "aria-label": t,
       onClick: be,
@@ -8494,19 +8494,19 @@ const Cn = (u) => {
     },
     F,
     B
-  ), /* @__PURE__ */ e.createElement("div", { className: `${y}__mobile-menu` }, J, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: `${w}__mobile-menu` }, J, /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: [H, `${H}--isMobile`].join(" ").trim(),
       role: "menu"
     },
-    /* @__PURE__ */ e.createElement("li", { className: `${y}__item-heading`, role: "presentation" }, r),
-    te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${y}__no-results` }, a) : te
+    /* @__PURE__ */ e.createElement("li", { className: `${w}__item-heading`, role: "presentation" }, r),
+    te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${w}__no-results` }, a) : te
   ), fe));
   return /* @__PURE__ */ e.createElement(
     "span",
     M({
-      className: x([y, w, m])
+      className: x([w, y, m])
     }, f),
     z ? $e : ie
   );
@@ -8570,22 +8570,22 @@ const Cn = (u) => {
       ]), document.getElementById(m[0].id).classList.remove(`${u}--fading`);
     }, 200);
   }, $ = (k, z) => {
-    const { id: y, isDismissible: w, message: H, onDismiss: N, type: V } = k, D = ["critical", "warning"].includes(V) ? "alert" : "status", S = `${r[V]}:  `, T = (W) => {
-      W.preventDefault(), document.getElementById(y).classList.add(`${u}--dismissing`), setTimeout(() => {
+    const { id: w, isDismissible: y, message: H, onDismiss: N, type: V } = k, D = ["critical", "warning"].includes(V) ? "alert" : "status", S = `${r[V]}:  `, T = (W) => {
+      W.preventDefault(), document.getElementById(w).classList.add(`${u}--dismissing`), setTimeout(() => {
         if (p === 1) {
           f([]);
           return;
         }
         f(
-          (Z) => Z.filter((K) => K.id !== y)
+          (Z) => Z.filter((K) => K.id !== w)
         ), N && k.onDismiss();
       }, 200);
     };
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        key: y,
-        id: y,
+        key: w,
+        id: w,
         className: x([u, E[V]]),
         role: D,
         style: {
@@ -8600,7 +8600,7 @@ const Cn = (u) => {
           className: `${u}__icon ${u}__icon--${k.type}`
         }
       ), /* @__PURE__ */ e.createElement("div", { className: `${u}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, S, " "), H)),
-      w && /* @__PURE__ */ e.createElement(
+      y && /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${u}__dismiss-button`,
@@ -8847,13 +8847,13 @@ const ts = () => {
       autoClose: !1,
       closeButton: !1,
       closeOnClick: !1
-    })), l1(d, a);
+    })), c1(d, a);
   }, n = n2({
     collapse: !1,
     enter: "pds-toast--bounceInPlace",
     exit: "pds-toast--slideOut"
   });
-  return [t, l1, n];
+  return [t, c1, n];
 }, ht = "...", bt = (t, n) => {
   const s = n - t + 1;
   return Array.from({ length: s }, (l, r) => r + t);
@@ -8862,7 +8862,7 @@ const ts = () => {
   currentPage: n,
   itemsPerPage: s,
   totalItemCount: l
-}) => g1(() => {
+}) => _1(() => {
   const d = Math.ceil(l / s), a = t + 5, c = 1, o = d;
   if (a >= d)
     return bt(1, d);
@@ -9026,32 +9026,32 @@ const ts = () => {
     const L = u.current, b = v.current, C = E.current;
     if (!L || !b || !C) return;
     let g = null, i = !1, h = !1;
-    const _ = (w) => {
-      w.preventDefault(), L.style.overflow = "hidden", i || !L.open ? k() : (h || L.open) && $();
+    const _ = (y) => {
+      y.preventDefault(), L.style.overflow = "hidden", i || !L.open ? k() : (h || L.open) && $();
     }, $ = () => {
       i = !0, m(!1);
-      const w = `${L.offsetHeight}px`, H = `${b.offsetHeight}px`;
+      const y = `${L.offsetHeight}px`, H = `${b.offsetHeight}px`;
       g && g.cancel(), g = L.animate(
-        { height: [w, H] },
+        { height: [y, H] },
         {
           duration: Ke,
           easing: Xe
         }
-      ), g.onfinish = () => y(!1), g.oncancel = () => i = !1;
+      ), g.onfinish = () => w(!1), g.oncancel = () => i = !1;
     }, k = () => {
       L.style.height = `${L.offsetHeight}px`, L.open = !0, m(!0), requestAnimationFrame(() => z());
     }, z = () => {
       h = !0;
-      const w = `${L.offsetHeight}px`, H = `${b.offsetHeight + C.offsetHeight}px`;
+      const y = `${L.offsetHeight}px`, H = `${b.offsetHeight + C.offsetHeight}px`;
       g && g.cancel(), g = L.animate(
-        { height: [w, H] },
+        { height: [y, H] },
         {
           duration: Ke,
           easing: Xe
         }
-      ), g.onfinish = () => y(!0), g.oncancel = () => h = !1;
-    }, y = (w) => {
-      L.open = w, g = null, i = !1, h = !1, L.style.height = L.style.overflow = "";
+      ), g.onfinish = () => w(!0), g.oncancel = () => h = !1;
+    }, w = (y) => {
+      L.open = y, g = null, i = !1, h = !1, L.style.height = L.style.overflow = "";
     };
     return b.addEventListener("click", _), () => b.removeEventListener("click", _);
   }, []), /* @__PURE__ */ e.createElement("div", M({ className: x([p, r]) }, d), /* @__PURE__ */ e.createElement(
@@ -9143,7 +9143,7 @@ const ts = () => {
   var r = l, { children: t, className: n } = r, s = A(r, ["children", "className"]);
   const d = "pds-panel-row", a = Fe(t), c = a["items-left"], o = a["items-right"];
   return /* @__PURE__ */ e.createElement("li", M({ className: x([d, n != null ? n : ""]) }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${d}__items ${d}__items--left` }, c), o && /* @__PURE__ */ e.createElement("div", { className: `${d}__items ${d}__items--right` }, o));
-}, at = 8, m1 = 14, Z2 = 6, os = (L) => {
+}, at = 8, u1 = 14, Z2 = 6, os = (L) => {
   var b = L, {
     content: t,
     closeButtonLabel: n = "Close",
@@ -9187,7 +9187,7 @@ const ts = () => {
   const i = typeof s, h = "pds-popover", _ = x([
     `${h}__trigger-custom`,
     i === "string" ? `${h}__trigger-text` : ""
-  ]), $ = s ? r : 0, k = de(null), { refs: z, floatingStyles: y, context: w, middlewareData: H } = Ve({
+  ]), $ = s ? r : 0, k = de(null), { refs: z, floatingStyles: w, context: y, middlewareData: H } = Ve({
     placement: a,
     open: C,
     onOpenChange(X) {
@@ -9202,11 +9202,11 @@ const ts = () => {
     whileElementsMounted: Re
   }), N = () => {
     g(!1), d && d();
-  }, V = Ye(w), I = Se(w), D = Te(w), { getReferenceProps: S, getFloatingProps: T } = Ae([
+  }, V = Ye(y), I = Se(y), D = Te(y), { getReferenceProps: S, getFloatingProps: T } = Ae([
     V,
     I,
     D
-  ]), W = (q = (j = H.arrow) == null ? void 0 : j.x) != null ? q : 0, Z = (Q = (O = H.arrow) == null ? void 0 : O.y) != null ? Q : 0, K = W + m1 / 2, ne = Z + at, { isMounted: Y } = Qe(w, {
+  ]), W = (q = (j = H.arrow) == null ? void 0 : j.x) != null ? q : 0, Z = (Q = (O = H.arrow) == null ? void 0 : O.y) != null ? Q : 0, K = W + u1 / 2, ne = Z + at, { isMounted: Y } = Qe(y, {
     initial: {
       transform: "scale(0)"
     },
@@ -9235,10 +9235,10 @@ const ts = () => {
         iconSize: "md"
       }
     ))
-  ), Y && /* @__PURE__ */ e.createElement(v1, null, /* @__PURE__ */ e.createElement(
-    b1,
+  ), Y && /* @__PURE__ */ e.createElement(b1, null, /* @__PURE__ */ e.createElement(
+    C1,
     {
-      context: w,
+      context: y,
       modal: l,
       initialFocus: -1
     },
@@ -9247,15 +9247,15 @@ const ts = () => {
       M({
         className: x([`${h}__container`, v]),
         ref: z.setFloating,
-        style: y
+        style: w
       }, T()),
       /* @__PURE__ */ e.createElement(
         K1,
         {
           ref: k,
-          context: w,
+          context: y,
           height: at,
-          width: m1,
+          width: u1,
           tipRadius: 0,
           fill: "var(--pds-color-background-default)",
           stroke: "var(--pds-color-border-default)",
@@ -9264,7 +9264,7 @@ const ts = () => {
         }
       ),
       /* @__PURE__ */ e.createElement("div", { className: `${h}__container-inner` }, c && /* @__PURE__ */ e.createElement("div", { className: `${h}__title` }, c), t && /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, t), l && /* @__PURE__ */ e.createElement("div", { className: `${h}__close-wrapper` }, /* @__PURE__ */ e.createElement(
-        M1,
+        k1,
         {
           ariaLabel: n,
           onClick: N,
@@ -9273,7 +9273,7 @@ const ts = () => {
       )))
     )
   )));
-}, u1 = {
+}, p1 = {
   neutral: "--pds-color-semantic-neutral-utility",
   info: "--pds-color-status-info-foreground",
   success: "--pds-color-status-success-foreground",
@@ -9324,7 +9324,7 @@ const ts = () => {
       {
         className: `${E}__percentage`,
         style: {
-          color: `hsl(from var(${u1[g]}) h s calc(l - 7))`
+          color: `hsl(from var(${p1[g]}) h s calc(l - 7))`
         }
       },
       d,
@@ -9344,7 +9344,7 @@ const ts = () => {
           className: `${E}__bar`,
           style: {
             width: `${C}%`,
-            backgroundColor: `var(${u1[g]})`
+            backgroundColor: `var(${p1[g]})`
           }
         }
       )
@@ -9505,16 +9505,16 @@ const ms = (o) => {
         return u.checking;
       case "checked":
         if (r) {
-          const _ = r instanceof Date ? r : new Date(r), $ = Date.now() - _.getTime(), k = Math.floor($ / 1e3), z = Math.floor(k / 60), y = Math.floor(z / 60), w = Math.floor(y / 24), H = {
+          const _ = r instanceof Date ? r : new Date(r), $ = Date.now() - _.getTime(), k = Math.floor($ / 1e3), z = Math.floor(k / 60), w = Math.floor(z / 60), y = Math.floor(w / 24), H = {
             year: "numeric",
             month: "short",
             day: "numeric"
           };
           let N = "";
-          return w > 7 ? N = _.toLocaleDateString(
+          return y > 7 ? N = _.toLocaleDateString(
             void 0,
             H
-          ) : w > 0 && w <= 7 ? N = `${w} day${w !== 1 ? "s" : ""} ago` : y > 0 ? N = `${y} hour${y !== 1 ? "s" : ""} ago` : z > 0 ? N = `${z} minute${z !== 1 ? "s" : ""} ago` : N = `${k} second${k !== 1 ? "s" : ""} ago`, `${u.checked} ${N}`;
+          ) : y > 0 && y <= 7 ? N = `${y} day${y !== 1 ? "s" : ""} ago` : w > 0 ? N = `${w} hour${w !== 1 ? "s" : ""} ago` : z > 0 ? N = `${z} minute${z !== 1 ? "s" : ""} ago` : N = `${k} second${k !== 1 ? "s" : ""} ago`, `${u.checked} ${N}`;
         }
         return u.checked;
     }
@@ -9587,7 +9587,7 @@ const ms = (o) => {
     "siteType",
     "className"
   ]);
-  const c = "pds-site-dashboard-heading", o = A2[n], m = s ? V1[s] : "bolt";
+  const c = "pds-site-dashboard-heading", o = A2[n], m = s ? S1[s] : "bolt";
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
@@ -9708,7 +9708,7 @@ const ms = (o) => {
   const a = "pds-stepper", c = "pds-stepper-mobile", o = de(), [m] = Nt(o), f = m.width, p = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
   ) * 16, u = -40, v = 2, E = 5, L = t.length, b = t.map((i) => i.isCurrent).lastIndexOf(!0), C = t.map((i, h) => {
-    const _ = h + 1, $ = h === b, k = h < b, z = i.hasError && $, w = (f - L * p) / (L + (L - 2)), H = p + w * 2, N = p + w, V = w + u * -1, I = h === 0, D = h === L - 1;
+    const _ = h + 1, $ = h === b, k = h < b, z = i.hasError && $, y = (f - L * p) / (L + (L - 2)), H = p + y * 2, N = p + y, V = y + u * -1, I = h === 0, D = h === L - 1;
     let S = H;
     (I || D) && (S = N);
     const T = `${a}__step`, W = [T];
@@ -9771,9 +9771,9 @@ const ms = (o) => {
       )
     );
   }), g = t.map((i, h) => {
-    const _ = h + 1, $ = h === b, k = h === L - 1, z = i.hasError && $, y = t[b + 1] ? t[b + 1].label : null;
+    const _ = h + 1, $ = h === b, k = h === L - 1, z = i.hasError && $, w = t[b + 1] ? t[b + 1].label : null;
     if ($) {
-      const w = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), _, " of ", L), H = _ / L * 100, N = z ? {
+      const y = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), _, " of ", L), H = _ / L * 100, N = z ? {
         "--pds-color-status-info-foreground": "var(--pds-color-status-critical-foreground)"
       } : {
         "--pds-color-status-info-foreground": "var(--pds-color-brand-primary-default)"
@@ -9791,7 +9791,7 @@ const ms = (o) => {
             label: "Step progress",
             size: "sm",
             percentage: H,
-            innerLabel: w,
+            innerLabel: y,
             style: N
           }
         )),
@@ -9802,7 +9802,7 @@ const ms = (o) => {
             iconSize: "md",
             className: `${c}__error-icon`
           }
-        )), i.label), !k && /* @__PURE__ */ e.createElement("div", { className: `${c}__next-step` }, `${n.next}: ${y}`))
+        )), i.label), !k && /* @__PURE__ */ e.createElement("div", { className: `${c}__next-step` }, `${n.next}: ${w}`))
       );
     }
   });
@@ -9908,40 +9908,40 @@ const ms = (o) => {
     "|",
     "~"
   ], v = `#${a} h2:not(.${r}), h3:not(.${r})`, E = () => {
-    const [z, y] = U([]);
+    const [z, w] = U([]);
     return oe(() => {
-      const w = Array.from(
+      const y = Array.from(
         document.querySelectorAll(v)
       );
-      w.map((N) => {
+      y.map((N) => {
         u.forEach((V) => {
           N.id.includes(V) && (N.id = N.id.replaceAll(V, "-"));
         });
-      }), w.map((N) => {
+      }), y.map((N) => {
         const V = `item-${lt()}`;
         N.id || (N.id = V);
       });
-      const H = L(w);
-      y(H);
+      const H = L(y);
+      w(H);
     }, []), { nestedHeadings: z };
   }, L = (z) => {
-    const y = [];
-    return z.forEach((w) => {
-      const { innerText: H, id: N } = w;
-      w.nodeName === "H2" ? y.push({ id: N, title: H, items: [] }) : w.nodeName === "H3" && y.length > 0 && y[y.length - 1].items.push({
+    const w = [];
+    return z.forEach((y) => {
+      const { innerText: H, id: N } = y;
+      y.nodeName === "H2" ? w.push({ id: N, title: H, items: [] }) : y.nodeName === "H3" && w.length > 0 && w[w.length - 1].items.push({
         id: N,
         title: H
       });
-    }), y;
+    }), w;
   }, { nestedHeadings: b } = E(), [C, g] = U();
   ((z) => {
-    const y = de({});
+    const w = de({});
     oe(() => {
-      const w = (V) => {
-        y.current = V.reduce((S, T) => (S[T.target.id] = T, S), y.current);
+      const y = (V) => {
+        w.current = V.reduce((S, T) => (S[T.target.id] = T, S), w.current);
         const I = [];
-        Object.keys(y.current).forEach((S) => {
-          const T = y.current[S];
+        Object.keys(w.current).forEach((S) => {
+          const T = w.current[S];
           T.isIntersecting && I.push(T);
         });
         const D = (S) => N.findIndex((T) => T.id === S);
@@ -9953,7 +9953,7 @@ const ms = (o) => {
           );
           z(S[0].target.id);
         }
-      }, H = new IntersectionObserver(w, {
+      }, H = new IntersectionObserver(y, {
         rootMargin: "0px 0px -20% 0px"
       }), N = Array.from(
         document.querySelectorAll(v)
@@ -9968,33 +9968,33 @@ const ms = (o) => {
       behavior: "smooth",
       block: "start"
     });
-  }, $ = (z, y) => {
-    z.preventDefault(), t && h(y), _(y);
-  }, k = ({ headings: z }) => /* @__PURE__ */ e.createElement("ul", { className: `${p}__list ${p}__list--top-level` }, z.map((y) => /* @__PURE__ */ e.createElement("li", { key: y.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
+  }, $ = (z, w) => {
+    z.preventDefault(), t && h(w), _(w);
+  }, k = ({ headings: z }) => /* @__PURE__ */ e.createElement("ul", { className: `${p}__list ${p}__list--top-level` }, z.map((w) => /* @__PURE__ */ e.createElement("li", { key: w.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
-      className: y.id === C ? `${p}__link ${p}__link--active` : `${p}__link`,
-      href: `#${y.id}`,
-      onClick: (w) => {
-        $(w, y.id);
+      className: w.id === C ? `${p}__link ${p}__link--active` : `${p}__link`,
+      href: `#${w.id}`,
+      onClick: (y) => {
+        $(y, w.id);
       }
     },
-    y.title
-  ), y.items.length > 0 && /* @__PURE__ */ e.createElement(
+    w.title
+  ), w.items.length > 0 && /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: `${p}__list ${p}__list--second-level`
     },
-    y.items.map((w) => /* @__PURE__ */ e.createElement("li", { key: w.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
+    w.items.map((y) => /* @__PURE__ */ e.createElement("li", { key: y.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        className: w.id === C ? `${p}__link ${p}__link--active` : `${p}__link`,
-        href: `#${w.id}`,
+        className: y.id === C ? `${p}__link ${p}__link--active` : `${p}__link`,
+        href: `#${y.id}`,
         onClick: (H) => {
-          $(H, w.id);
+          $(H, y.id);
         }
       },
-      w.title
+      y.title
     )))
   ))));
   return /* @__PURE__ */ e.createElement(
@@ -10159,7 +10159,7 @@ const ms = (o) => {
     )
   ))));
 };
-let p1 = [
+let h1 = [
   "color-1",
   "color-2",
   "color-3",
@@ -10182,8 +10182,8 @@ let p1 = [
   "color-20"
 ];
 const K2 = (t) => {
-  const n = parseInt(_1(t), 16);
-  return p1[n % p1.length];
+  const n = parseInt(E1(t), 16);
+  return h1[n % h1.length];
 }, X2 = (t, n) => t.length > n ? t.slice(0, n) + " ..." : t, vs = (o) => {
   var m = o, {
     linkContent: t,
@@ -10206,7 +10206,7 @@ const K2 = (t) => {
     p((i) => !i);
   };
   let b, C, g;
-  return t && !n && ye(t) ? (b = t.type, C = t.props.href ? "href" : "to", g = C === "href" ? t.props.href : t.props.to) : (b = "span", C = null, g = null), /* @__PURE__ */ e.createElement(
+  return t && !n && we(t) ? (b = t.type, C = t.props.href ? "href" : "to", g = C === "href" ? t.props.href : t.props.to) : (b = "span", C = null, g = null), /* @__PURE__ */ e.createElement(
     b,
     M({
       href: C === "href" ? g : null,
@@ -10248,7 +10248,7 @@ const K2 = (t) => {
     name: u,
     title: v,
     org: E
-  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, f && /* @__PURE__ */ e.createElement("div", { className: `${a}__image ${a}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: f, alt: p })), u && /* @__PURE__ */ e.createElement("div", { className: `${a}__name` }, u), v && /* @__PURE__ */ e.createElement("div", { className: `${a}__title` }, v), E && /* @__PURE__ */ e.createElement("div", { className: `${a}__org` }, E)), o = (f) => ye(f.linkContent) ? Ie(f.linkContent, {
+  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, f && /* @__PURE__ */ e.createElement("div", { className: `${a}__image ${a}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: f, alt: p })), u && /* @__PURE__ */ e.createElement("div", { className: `${a}__name` }, u), v && /* @__PURE__ */ e.createElement("div", { className: `${a}__title` }, v), E && /* @__PURE__ */ e.createElement("div", { className: `${a}__org` }, E)), o = (f) => we(f.linkContent) ? Ie(f.linkContent, {
     children: /* @__PURE__ */ e.createElement(c, M({}, f)),
     className: `${a}__item`
   }) : /* @__PURE__ */ e.createElement("span", { className: `${a}__item` }, /* @__PURE__ */ e.createElement(c, M({}, f))), m = () => t.map((f, p) => /* @__PURE__ */ e.createElement(U1, { key: `tile-${p}` }, o(f), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
@@ -10348,7 +10348,7 @@ const K2 = (t) => {
     "children",
     "className"
   ]);
-  const { isMobile: d } = ve(we), a = "pds-dashboard-inner", c = d ? `${a}--isMobile` : `${a}--notMobile`, o = Fe(t), m = o["header-left"], f = o["header-right"], p = o.content;
+  const { isMobile: d } = ve(ye), a = "pds-dashboard-inner", c = d ? `${a}--isMobile` : `${a}--notMobile`, o = Fe(t), m = o["header-left"], f = o["header-right"], p = o.content;
   return /* @__PURE__ */ e.createElement(
     "div",
     M({
@@ -10357,7 +10357,7 @@ const K2 = (t) => {
     (m || f) && /* @__PURE__ */ e.createElement("div", { className: `${a}__header` }, (m || f) && /* @__PURE__ */ e.createElement("div", { className: `${a}__header-top` }, m && /* @__PURE__ */ e.createElement("div", { className: `${a}__header-left` }, m), f && /* @__PURE__ */ e.createElement("div", { className: `${a}__header-right` }, f))),
     p && p
   );
-}, ys = (l) => {
+}, ws = (l) => {
   var r = l, {
     children: t,
     className: n
@@ -10366,7 +10366,7 @@ const K2 = (t) => {
     "className"
   ]);
   let d = !1;
-  const a = ve(we);
+  const a = ve(ye);
   a && (d = a.isMobile);
   const c = "pds-docs-layout", o = d ? `${c}--isMobile` : null, m = Fe(t), f = m.navigation ? /* @__PURE__ */ e.createElement("div", { key: "navigation", className: `${c}__nav` }, m.navigation) : null, p = /* @__PURE__ */ e.createElement("div", { key: "content", className: `${c}__content` }, m.content);
   return /* @__PURE__ */ e.createElement(
@@ -10376,7 +10376,7 @@ const K2 = (t) => {
     }, s),
     [f, p]
   );
-}, ws = (L) => {
+}, ys = (L) => {
   var b = L, {
     alignContent: t = "flex-start",
     alignItems: n = "stretch",
@@ -10408,18 +10408,18 @@ const K2 = (t) => {
     "children",
     "className"
   ]);
-  let g = k1() <= 640;
-  const i = ve(we);
+  let g = H1() <= 640;
+  const i = ve(ye);
   i && (g = i.isMobile);
   const h = "pds-flex", _ = `${h}-container`, $ = g ? `${_}--mobile` : null;
   let k = null;
   g ? k = `${h}-direction--${o}` : s !== "row" && (k = `${h}-direction--${s}`);
   let z = null;
   g ? m ? m !== "nowrap" && (z = `${h}-wrap--${m}`) : l !== "nowrap" && (z = `${h}-wrap--${l}`) : l !== "nowrap" && (z = `${h}-wrap--${l}`);
-  let y = null;
-  g ? p ? p !== "flex-start" && (y = `${h}-justify--${p}`) : d !== "flex-start" && (y = `${h}-justify--${d}`) : d !== "flex-start" && (y = `${h}-justify--${d}`);
   let w = null;
-  g ? a ? a !== "stretch" && (w = `${h}-align-items--${a}`) : n !== "stretch" && (w = `${h}-align-items--${n}`) : n !== "stretch" && (w = `${h}-align-items--${n}`);
+  g ? p ? p !== "flex-start" && (w = `${h}-justify--${p}`) : d !== "flex-start" && (w = `${h}-justify--${d}`) : d !== "flex-start" && (w = `${h}-justify--${d}`);
+  let y = null;
+  g ? a ? a !== "stretch" && (y = `${h}-align-items--${a}`) : n !== "stretch" && (y = `${h}-align-items--${n}`) : n !== "stretch" && (y = `${h}-align-items--${n}`);
   let H = null;
   g ? c ? c !== "flex-start" && (H = `${h}-align-content--${c}`) : t !== "flex-start" && (H = `${h}-align-content--${t}`) : t !== "flex-start" && (H = `${h}-align-content--${t}`);
   let N = null;
@@ -10431,8 +10431,8 @@ const K2 = (t) => {
         $,
         k,
         z,
-        y,
         w,
+        y,
         H,
         N,
         v != null ? v : ""
@@ -10461,7 +10461,7 @@ const K2 = (t) => {
   ]);
   const m = "pds-sidebar-layout", f = `pds-grid pds-grid--${n}`, p = `${m}--${r}`;
   let u = !1;
-  const v = ve(we);
+  const v = ve(ye);
   v && (u = v.isMobile);
   const E = Fe(t);
   let L = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", b = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
@@ -10591,47 +10591,62 @@ const K2 = (t) => {
     /* @__PURE__ */ e.createElement("div", { className: L.join(" ").trim() }, g),
     /* @__PURE__ */ e.createElement("div", { className: b.join(" ").trim() }, i)
   );
+}, Ns = (t, n) => {
+  const [s, l] = U(!1), r = Zt(
+    (a) => {
+      a.key === t && (l(!0), n && n(a));
+    },
+    [t, n]
+  ), d = Zt(
+    (a) => {
+      a.key === t && l(!1);
+    },
+    [t]
+  );
+  return oe(() => (window.addEventListener("keydown", r), window.addEventListener("keyup", d), () => {
+    window.removeEventListener("keydown", r), window.removeEventListener("keyup", d);
+  }), [r, d]), s;
 };
 export {
-  qt as Avatar,
+  jt as Avatar,
   bs as AvatarTileList,
   Yn as Banner,
   un as BranchDiff,
   On as Breadcrumb,
   gt as Button,
-  wt as ButtonLink,
+  yt as ButtonLink,
   Rn as ButtonNav,
   $2 as CTALink,
   $n as CTASlice,
   fn as Callout,
-  Jt as Card,
-  H1 as CardHeading,
+  e1 as Card,
+  z1 as CardHeading,
   gn as CardSelectGroup,
-  w2 as Checkbox,
+  y2 as Checkbox,
   Hn as CheckboxFieldset,
   zn as CheckboxGroup,
   o2 as ClipboardButton,
-  M1 as CloseButton,
+  k1 as CloseButton,
   Cn as CodeBlock,
   L2 as Combobox,
   Nn as ComboboxMultiselect,
-  i1 as ComparisonList,
+  d1 as ComparisonList,
   pt as Container,
   It as DashboardContext,
   Fn as DashboardGlobal,
   $s as DashboardInner,
   Pn as DashboardNav,
   Wn as DashboardSearch,
-  yn as DashboardStat,
-  ys as DocsLayout,
-  t1 as DropdownMenu,
+  wn as DashboardStat,
+  ws as DocsLayout,
+  n1 as DropdownMenu,
   ss as ExpansionPanel,
   as as ExpansionPanelGroup,
-  wn as FileDiff,
+  yn as FileDiff,
   xn as FileUpload,
-  ws as FlexContainer,
+  ys as FlexContainer,
   Ln as FlowSteps,
-  y2 as FooterHeading,
+  w2 as FooterHeading,
   Mn as FooterLinks,
   Ls as GlobalWrapper,
   P as Icon,
@@ -10650,7 +10665,7 @@ export {
   ls as Panel,
   cs as PanelList,
   rs as PanelRow,
-  I1 as PantheonLogo,
+  V1 as PantheonLogo,
   p2 as PlatformIcon,
   os as Popover,
   vn as PricingCard,
@@ -10660,7 +10675,7 @@ export {
   Vn as RadioGroup,
   ms as RefreshChecker,
   j2 as RefreshCheckerState,
-  we as ResponsiveContext,
+  ye as ResponsiveContext,
   Jn as SectionMessage,
   pn as SegmentedButton,
   g2 as Select,
@@ -10672,13 +10687,13 @@ export {
   us as SiteDashboardHeading,
   kn as SiteFooter,
   A2 as SitePlanLevelLabel,
-  V1 as SiteTypeIcon,
+  S1 as SiteTypeIcon,
   Bn as SiteTypeLabel,
   z2 as Skiplink,
   ps as SocialLinks,
   xt as Spinner,
   u2 as SplitButton,
-  Kt as StatusBadge,
+  Xt as StatusBadge,
   hs as StatusIndicator,
   fs as Stepper,
   ks as StepperLayout,
@@ -10689,7 +10704,7 @@ export {
   Es as Tabs,
   vs as Tag,
   $t as Tally,
-  N1 as TextInput,
+  x1 as TextInput,
   Tn as Textarea,
   Hs as ThreeItemLayout,
   Y2 as Tile,
@@ -10702,12 +10717,13 @@ export {
   Kn as UserMenu,
   hn as UtilityButton,
   Xn as WorkspaceSelector,
-  o1 as badgeTypes,
+  i1 as badgeTypes,
   M2 as getFilteredOptions,
   mn as iconList,
-  p1 as tagColors,
+  h1 as tagColors,
   r2 as useClipboard,
+  Ns as useKeyPress,
   ts as useToast,
-  k1 as useWindowWidth
+  H1 as useWindowWidth
 };
 //# sourceMappingURL=index.js.map