@pantheon-systems/pds-toolkit-react 1.0.0-beta.0 → 1.0.0-beta.1

package/_dist/index.js

@@ -1505,7 +1505,7 @@ const St = 500, o1 = 700, we = ({
   let L = !1;
   const $ = Ce($e);
   $ && (L = $.isMobile);
-  const M = b === "navbar" && L, k = "pds-menu-button", z = M ? `${k}--isMobile` : null, F = p ? `${k}--navbar` : null, I = r, [A] = Z(`menu-button-${r}`), D = f.floating, U = le(null), [P, Q] = Z(!1), [Y, j] = Z(!1), [K, X] = Z(""), [T, x] = Z(0), S = le([]), V = le([]), G = le([]);
+  const M = b === "navbar" && L, k = "pds-menu-button", z = M ? `${k}--isMobile` : null, P = p ? `${k}--navbar` : null, I = r, [A] = Z(`menu-button-${r}`), D = f.floating, U = le(null), [F, Q] = Z(!1), [Y, j] = Z(!1), [K, X] = Z(""), [T, x] = Z(0), S = le([]), V = le([]), G = le([]);
   G2(() => {
     window.addEventListener("mousedown", Le, !0), N();
     const B = D.current;
@@ -1514,7 +1514,7 @@ const St = 500, o1 = 700, we = ({
     }, 0), j(!1)), () => {
       window.removeEventListener("mousedown", Le, !0);
     };
-  }, [P, C]);
+  }, [F, C]);
   const O = (B, se) => {
     X(B), x(se);
   }, W = () => {
@@ -1546,7 +1546,7 @@ const St = 500, o1 = 700, we = ({
     const B = V.current[T];
     me(B);
   }, te = (B) => {
-    P ? ee() : W(), o && o(), j((se) => !se), B.stopPropagation(), B.preventDefault();
+    F ? ee() : W(), o && o(), j((se) => !se), B.stopPropagation(), B.preventDefault();
   }, ie = (B) => {
     me(B.currentTarget.id), M || ee();
   }, re = (B) => {
@@ -1621,8 +1621,8 @@ const St = 500, o1 = 700, we = ({
       q && (B.stopPropagation(), B.preventDefault());
     }
   }, Le = (B) => {
-    U.current && !U.current.contains(B.target) && P && ee();
-  }, Fe = (B, se, q = "", ne = "", ...oe) => {
+    U.current && !U.current.contains(B.target) && F && ee();
+  }, Pe = (B, se, q = "", ne = "", ...oe) => {
     const fe = q ? `-group-${q}` : "", de = I + fe + "-item-" + (se + 1), be = B.id ? B.id : de;
     if (Vt(B))
       return /* @__PURE__ */ e.createElement("li", { key: be, role: "separator" });
@@ -1711,8 +1711,8 @@ const St = 500, o1 = 700, we = ({
           onKeyDown: ge,
           role: "menu",
           style: {
-            visibility: P ? "visible" : "hidden",
-            opacity: P ? "1" : "0",
+            visibility: F ? "visible" : "hidden",
+            opacity: F ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: _,
             transform: `translate(${Math.round(y)}px,${Math.round(w)}px)`,
@@ -1722,16 +1722,16 @@ const St = 500, o1 = 700, we = ({
         },
         fe.map((He, qe) => {
           de = S.current[qe];
-          const Be = He[0].isHeading, lt = Be ? `${I}-group-${de}-heading` : "", P2 = `${I}-group-${de}`, B2 = Be ? null : `${g} ${qe + 1}`;
+          const Be = He[0].isHeading, lt = Be ? `${I}-group-${de}-heading` : "", F2 = `${I}-group-${de}`, B2 = Be ? null : `${g} ${qe + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
-              key: P2,
+              key: F2,
               "aria-label": B2,
               "aria-labelledby": lt,
               role: "group"
             },
-            He.map((Z2, W2) => Fe(
+            He.map((Z2, W2) => Pe(
               Z2,
               W2,
               de,
@@ -1753,25 +1753,25 @@ const St = 500, o1 = 700, we = ({
           onKeyDown: ge,
           role: "menu",
           style: {
-            visibility: P ? "visible" : "hidden",
-            opacity: P ? "1" : "0",
+            visibility: F ? "visible" : "hidden",
+            opacity: F ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: _,
             transform: `translate(${Math.round(y)}px,${Math.round(w)}px)`
           },
           tabIndex: -1
         },
-        se.map((de, be) => Fe(de, be))
+        se.map((de, be) => Pe(de, be))
       ));
     }
   };
-  let Pe;
-  if (s === "icon-end" && (Pe = /* @__PURE__ */ e.createElement(
+  let Fe;
+  if (s === "icon-end" && (Fe = /* @__PURE__ */ e.createElement(
     ze,
     {
       ref: u,
       "aria-controls": A,
-      "aria-expanded": P,
+      "aria-expanded": F,
       "aria-haspopup": "true",
       className: `${k}__trigger`,
       disabled: a,
@@ -1788,12 +1788,12 @@ const St = 500, o1 = 700, we = ({
     }
   )), s === "icon-only") {
     const B = Jt(i);
-    Pe = /* @__PURE__ */ e.createElement(
+    Fe = /* @__PURE__ */ e.createElement(
       Ht,
       {
         ref: u,
         "aria-controls": A,
-        "aria-expanded": P,
+        "aria-expanded": F,
         "aria-haspopup": "true",
         ariaLabel: B,
         className: `${k}__trigger ${k}__trigger--icon-only`,
@@ -1815,7 +1815,7 @@ const St = 500, o1 = 700, we = ({
       "aria-expanded",
       se.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), se.nextElementSibling.classList.toggle(`${k}__mobile-menu--expanded`);
-  }, dt = () => /* @__PURE__ */ e.createElement("ul", { className: `${k}__mobile-menu`, role: "menu" }, t.map((B, se) => Fe(B, se)));
+  }, dt = () => /* @__PURE__ */ e.createElement("ul", { className: `${k}__mobile-menu`, role: "menu" }, t.map((B, se) => Pe(B, se)));
   let pe;
   const _e = s === "icon-end" ? "pds-button pds-button--navbar" : null, Ee = H([
     `${k}__toggle`,
@@ -1841,14 +1841,14 @@ const St = 500, o1 = 700, we = ({
       }
     )
   ));
-  const Ne = pe, ye = P ? `${k}--expanded` : null;
+  const Ne = pe, ye = F ? `${k}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     {
       ref: U,
       className: H([
         k,
-        F,
+        P,
         z,
         ye,
         n
@@ -1856,7 +1856,7 @@ const St = 500, o1 = 700, we = ({
       "data-testid": v,
       ...h
     },
-    M ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ne, /* @__PURE__ */ e.createElement(dt, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Pe, Ge(t))
+    M ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ne, /* @__PURE__ */ e.createElement(dt, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Fe, Ge(t))
   );
 }, f1 = ({
   className: n,
@@ -3055,8 +3055,8 @@ const St = 500, o1 = 700, we = ({
   const f = We(r), _ = "pds-select", N = s ? J.disabled : null, y = g && !s ? J.required : null, w = E === "error" ? J.error : null, L = E === "success" ? J.success : null;
   let $ = null;
   E === "error" && ($ = "error"), E === "success" && ($ = "success");
-  const M = h || t, k = typeof C < "u", z = typeof a < "u", I = ((pe) => pe.reduce((_e, Ee) => o2(Ee) ? [..._e, ...Ee.options] : [..._e, Ee], []))(v), A = (pe) => I.findIndex((_e) => _e.value === pe), D = k && A(C) >= 0 ? A(C) : null, U = z ? A(a) : null, P = D || U, [Q, Y] = Z(!1), [j, K] = Z(null), [X, T] = Z(
-    P ?? null
+  const M = h || t, k = typeof C < "u", z = typeof a < "u", I = ((pe) => pe.reduce((_e, Ee) => o2(Ee) ? [..._e, ...Ee.options] : [..._e, Ee], []))(v), A = (pe) => I.findIndex((_e) => _e.value === pe), D = k && A(C) >= 0 ? A(C) : null, U = z ? A(a) : null, F = D || U, [Q, Y] = Z(!1), [j, K] = Z(null), [X, T] = Z(
+    F ?? null
   ), x = X !== null ? I[X]?.label : void 0, S = X !== null ? I[X]?.value : void 0, V = le([]), { context: G, floatingStyles: O, refs: W } = ke({
     open: Q,
     onOpenChange: Y,
@@ -3095,7 +3095,7 @@ const St = 500, o1 = 700, we = ({
     }
   }), { getFloatingProps: ie, getItemProps: re, getReferenceProps: ge } = Ae(
     [me, ce, he, ee, te]
-  ), { isMounted: Le, styles: Fe } = Xe(G, {
+  ), { isMounted: Le, styles: Pe } = Xe(G, {
     duration: {
       open: 300,
       close: 150
@@ -3121,7 +3121,7 @@ const St = 500, o1 = 700, we = ({
   }, [C]);
   const Ge = () => {
     d && d(S);
-  }, Pe = () => {
+  }, Fe = () => {
     o && o(S);
   }, Qe = () => {
     W.reference.current.focus();
@@ -3225,7 +3225,7 @@ const St = 500, o1 = 700, we = ({
         ...ge({
           onClick: Qe,
           onBlur: Ge,
-          onFocus: Pe
+          onFocus: Fe
         })
       },
       $ && /* @__PURE__ */ e.createElement(mt, { variant: $ }),
@@ -3242,7 +3242,7 @@ const St = 500, o1 = 700, we = ({
         },
         ...ie()
       },
-      /* @__PURE__ */ e.createElement("div", { style: { ...Fe } }, /* @__PURE__ */ e.createElement("ul", { className: `${_}__options`, role: "group" }, dt(v)))
+      /* @__PURE__ */ e.createElement("div", { style: { ...Pe } }, /* @__PURE__ */ e.createElement("ul", { className: `${_}__options`, role: "group" }, dt(v)))
     ),
     M && /* @__PURE__ */ e.createElement(
       Re,
@@ -3332,10 +3332,10 @@ const St = 500, o1 = 700, we = ({
     );
   }));
   const L = (z) => {
-    const F = t.find(
+    const P = t.find(
       (I) => E(I.label) === z
     );
-    return F.customActionLabel ? F.customActionLabel : n.label;
+    return P.customActionLabel ? P.customActionLabel : n.label;
   };
   let $ = null;
   C && ($ = /* @__PURE__ */ e.createElement(
@@ -4068,41 +4068,41 @@ function N1() {
             for (var M = 0; M < $.length; ++M) {
               if (w && w.cause == L + "," + M)
                 return;
-              var k = $[M], z = k.inside, F = !!k.lookbehind, I = !!k.greedy, A = k.alias;
+              var k = $[M], z = k.inside, P = !!k.lookbehind, I = !!k.greedy, A = k.alias;
               if (I && !k.pattern.global) {
                 var D = k.pattern.toString().match(/[imsuy]*$/)[0];
                 k.pattern = RegExp(k.pattern.source, D + "g");
               }
-              for (var U = k.pattern || k, P = N.next, Q = y; P !== f.tail && !(w && Q >= w.reach); Q += P.value.length, P = P.next) {
-                var Y = P.value;
+              for (var U = k.pattern || k, F = N.next, Q = y; F !== f.tail && !(w && Q >= w.reach); Q += F.value.length, F = F.next) {
+                var Y = F.value;
                 if (f.length > u.length)
                   return;
                 if (!(Y instanceof d)) {
                   var j = 1, K;
                   if (I) {
-                    if (K = o(U, Q, u, F), !K || K.index >= u.length)
+                    if (K = o(U, Q, u, P), !K || K.index >= u.length)
                       break;
                     var S = K.index, X = K.index + K[0].length, T = Q;
-                    for (T += P.value.length; S >= T; )
-                      P = P.next, T += P.value.length;
-                    if (T -= P.value.length, Q = T, P.value instanceof d)
+                    for (T += F.value.length; S >= T; )
+                      F = F.next, T += F.value.length;
+                    if (T -= F.value.length, Q = T, F.value instanceof d)
                       continue;
-                    for (var x = P; x !== f.tail && (T < X || typeof x.value == "string"); x = x.next)
+                    for (var x = F; x !== f.tail && (T < X || typeof x.value == "string"); x = x.next)
                       j++, T += x.value.length;
                     j--, Y = u.slice(Q, T), K.index -= Q;
-                  } else if (K = o(U, 0, Y, F), !K)
+                  } else if (K = o(U, 0, Y, P), !K)
                     continue;
                   var S = K.index, V = K[0], G = Y.slice(0, S), O = Y.slice(S + V.length), W = Q + Y.length;
                   w && W > w.reach && (w.reach = W);
-                  var ee = P.prev;
+                  var ee = F.prev;
                   G && (ee = g(f, ee, G), Q += G.length), b(f, ee, j);
                   var ce = new d(L, z ? t.tokenize(V, z) : V, A, V);
-                  if (P = g(f, ee, ce), O && g(f, P, O), j > 1) {
+                  if (F = g(f, ee, ce), O && g(f, F, O), j > 1) {
                     var me = {
                       cause: L + "," + M,
                       reach: W
                     };
-                    m(u, f, _, P.prev, Q, me), w && me.reach > w.reach && (w.reach = me.reach);
+                    m(u, f, _, F.prev, Q, me), w && me.reach > w.reach && (w.reach = me.reach);
                   }
                 }
               }
@@ -4427,11 +4427,11 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   SPACING_6XL: T2,
   SPACING_7XL: D2,
   SPACING_8XL: D1
-}, O1 = 0.64, R1 = 0.8, F1 = 1, P1 = 1.25, B1 = 1.563, Z1 = 1.953, W1 = 2.441, G1 = 3.052, q1 = 3.815, U1 = 4.678, j1 = 5.96, K1 = 7.451, X1 = 6.192, h2 = {
+}, O1 = 0.64, R1 = 0.8, P1 = 1, F1 = 1.25, B1 = 1.563, Z1 = 1.953, W1 = 2.441, G1 = 3.052, q1 = 3.815, U1 = 4.678, j1 = 5.96, K1 = 7.451, X1 = 6.192, h2 = {
   TYPE_SCALE_XS: O1,
   TYPE_SCALE_S: R1,
-  TYPE_SCALE_M: F1,
-  TYPE_SCALE_L: P1,
+  TYPE_SCALE_M: P1,
+  TYPE_SCALE_L: F1,
   TYPE_SCALE_XL: B1,
   TYPE_SCALE_2XL: Z1,
   TYPE_SCALE_3XL: W1,
@@ -4488,11 +4488,11 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   }, w = () => `var(--pds-typography-size-${t})`, L = (M) => {
     if (!(c === "code-block" || c === "code-block-prefix") || f < 5)
       return 1;
-    const z = Math.ceil(f / 2), F = Math.max(0, z - 1);
-    if (M < F)
+    const z = Math.ceil(f / 2), P = Math.max(0, z - 1);
+    if (M < P)
       return 1;
-    const I = f - F, A = M - F, D = 1 - 0.1, U = A / I, P = 1 - D * U;
-    return Math.max(0.1, P);
+    const I = f - P, A = M - P, D = 1 - 0.1, U = A / I, F = 1 - D * U;
+    return Math.max(0.1, F);
   }, $ = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -4740,19 +4740,19 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       shape: l || i ? "code-block-prefix" : "code-block",
       textLineCount: m
     }
-  )), w = (F) => {
+  )), w = (P) => {
     const I = document.createElement("div");
-    return I.innerHTML = F, I.querySelectorAll("br").forEach((D) => {
+    return I.innerHTML = P, I.querySelectorAll("br").forEach((D) => {
       D.replaceWith(`
 `);
     }), I.textContent || I.innerText || "";
-  }, L = (F) => F.split(/<br\s*\/?>/i).map((A, D) => /* @__PURE__ */ e.createElement("div", { key: D, className: `${E}__line ${u}` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__number` }, D + 1), /* @__PURE__ */ e.createElement(
+  }, L = (P) => P.split(/<br\s*\/?>/i).map((A, D) => /* @__PURE__ */ e.createElement("div", { key: D, className: `${E}__line ${u}` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__number` }, D + 1), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${E}__line-content`,
       dangerouslySetInnerHTML: { __html: A }
     }
-  ))), $ = (F) => F.split(/<br\s*\/?>/i).map((A, D) => /* @__PURE__ */ e.createElement("div", { key: D, className: `${E}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__prompt` }, g), /* @__PURE__ */ e.createElement(
+  ))), $ = (P) => P.split(/<br\s*\/?>/i).map((A, D) => /* @__PURE__ */ e.createElement("div", { key: D, className: `${E}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__prompt` }, g), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${E}__line-content`,
@@ -4760,7 +4760,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     }
   )));
   if (b) {
-    const F = w(a);
+    const P = w(a);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -4778,7 +4778,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         i2,
         {
           ariaLabel: c,
-          clipboardText: F,
+          clipboardText: P,
           variant: _
         }
       )))
@@ -5204,9 +5204,9 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     value: _,
     ...N
   }, y) => {
-    const w = t ? { width: `${t / 16}rem` } : null, L = "pds-checkbox", $ = c ? J.disabled : null, M = f === "error" ? J.error : null, k = v > 0 ? `${L}--indent-${v}` : null, z = h && !c ? J.required : null, F = C === "S" ? `${L}--sm` : null, I = f === "success" ? J.success : null, A = u || o, D = typeof n < "u", U = typeof s < "u", [P, Q] = Z(
+    const w = t ? { width: `${t / 16}rem` } : null, L = "pds-checkbox", $ = c ? J.disabled : null, M = f === "error" ? J.error : null, k = v > 0 ? `${L}--indent-${v}` : null, z = h && !c ? J.required : null, P = C === "S" ? `${L}--sm` : null, I = f === "success" ? J.success : null, A = u || o, D = typeof n < "u", U = typeof s < "u", [F, Q] = Z(
       U ? s : !1
-    ), Y = n || P, j = (S) => {
+    ), Y = n || F, j = (S) => {
       D || Q(S.target.checked), b && b(S);
     }, K = `${L}__box`, X = l ? null : Y ? `${K}--checked` : null, T = l ? `${K}--indeterminate` : null, x = Wt(() => {
       if (l)
@@ -5237,7 +5237,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           z,
           M,
           I,
-          F,
+          P,
           k,
           a ?? ""
         ].join(" ").trim().replace(/\s+/g, " "),
@@ -5249,7 +5249,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         {
           ref: y,
           "aria-checked": l ? "mixed" : Y ? "true" : "false",
-          checked: D ? n : P,
+          checked: D ? n : F,
           id: r,
           name: m,
           type: "checkbox",
@@ -5378,7 +5378,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     z.checked === !0 && w.push(z.value);
   });
   const [L, $] = Z(w), M = (z) => {
-    const { value: F } = z.target, I = L.includes(F) ? L.filter((A) => A !== F) : [...L, F];
+    const { value: P } = z.target, I = L.includes(P) ? L.filter((A) => A !== P) : [...L, P];
     $(I), d && d(I);
   };
   o.map((z) => {
@@ -5476,8 +5476,8 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     validationStatus: M,
     value: k,
     ...z
-  }, F) => {
-    const I = We(d), A = "pds-combobox", D = s ? J.disabled : null, U = y && !s ? J.required : null, P = M === "error" ? J.error : null, Q = M === "success" ? J.success : null;
+  }, P) => {
+    const I = We(d), A = "pds-combobox", D = s ? J.disabled : null, U = y && !s ? J.required : null, F = M === "error" ? J.error : null, Q = M === "success" ? J.success : null;
     let Y = null;
     l && (Y = "search"), M === "error" && (Y = "error"), M === "success" && (Y = "success");
     const j = $ || b, K = typeof k < "u", X = typeof a < "u", T = (q) => {
@@ -5496,7 +5496,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       virtual: !0,
       loop: !0,
       allowEscape: !0
-    }), { getFloatingProps: Fe, getItemProps: De, getReferenceProps: Ge } = Ae([re, ge, Le]), { isMounted: Pe, styles: Qe } = Xe(te, {
+    }), { getFloatingProps: Pe, getItemProps: De, getReferenceProps: Ge } = Ae([re, ge, Le]), { isMounted: Fe, styles: Qe } = Xe(te, {
       duration: {
         open: 300,
         close: 150
@@ -5574,7 +5574,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           A,
           D,
           U,
-          P,
+          F,
           Q,
           n ?? ""
         ]),
@@ -5595,7 +5595,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          ref: F,
+          ref: P,
           "aria-describedby": j ? `${t}__message` : null,
           "aria-disabled": s ? !0 : null,
           "aria-invalid": M === "error" ? !0 : null,
@@ -5663,12 +5663,12 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           )
         )
       ),
-      Pe && /* @__PURE__ */ e.createElement(
+      Fe && /* @__PURE__ */ e.createElement(
         "div",
         {
           ref: ie.setFloating,
           className: `${A}__dropdown`,
-          ...Fe({
+          ...Pe({
             style: {
               zIndex: "var(--pds-z-index-dropdown)"
             }
@@ -5726,7 +5726,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     [v, y, _]
   ), k = (S) => {
     w(S), m?.(S);
-  }, { getDropdownProps: z, getSelectedItemProps: F, removeSelectedItem: I } = pt({
+  }, { getDropdownProps: z, getSelectedItemProps: P, removeSelectedItem: I } = pt({
     selectedItems: y,
     onStateChange: ({ selectedItems: S, type: V }) => {
       if (!a)
@@ -5743,7 +5743,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     getInputProps: A,
     getItemProps: D,
     getMenuProps: U,
-    getToggleButtonProps: P,
+    getToggleButtonProps: F,
     highlightedIndex: Q,
     isOpen: Y,
     selectedItem: j
@@ -5796,7 +5796,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     if (!a && ((S.key === "Backspace" || S.key === "Delete") && !_ && y.length > 0 && (S.preventDefault(), K()), S.key === "Enter" && L !== null && (S.preventDefault(), K()), S.key === "ArrowDown" && !Y)) {
       S.preventDefault();
       const V = S.nativeEvent;
-      P().onClick?.(V);
+      F().onClick?.(V);
     }
   }, T = A({
     ...z({
@@ -5846,7 +5846,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
                   ${C}__selected-item
                   ${V === L ? `${C}__selected-item--marked-for-deletion` : ""}
                 `,
-          ...F({
+          ...P({
             selectedItem: S,
             index: V
           })
@@ -5871,7 +5871,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           disabled: a,
           tabIndex: -1,
           type: "button",
-          ...P()
+          ...F()
         },
         /* @__PURE__ */ e.createElement(R, { className: `${C}__trigger-icon`, iconName: "angleDown" })
       )
@@ -5943,7 +5943,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   value: p,
   ...h
 }) => {
-  const [E, C] = Z(p), [u, f] = Z(!1), [_, N] = Z(null), [y, w] = Z(""), L = We(r), $ = "pds-datepicker", M = a ? J.disabled : null, k = m && !a ? J.required : null, z = o && o.length > 0 && s ? "bottom-end" : "bottom-start", { floatingStyles: F, refs: I } = ke({
+  const [E, C] = Z(p), [u, f] = Z(!1), [_, N] = Z(null), [y, w] = Z(""), L = We(r), $ = "pds-datepicker", M = a ? J.disabled : null, k = m && !a ? J.required : null, z = o && o.length > 0 && s ? "bottom-end" : "bottom-start", { floatingStyles: P, refs: I } = ke({
     open: u,
     onOpenChange: f,
     placement: z,
@@ -6002,7 +6002,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     }, 300);
   }, U = (O) => {
     D(O);
-  }, P = (O) => {
+  }, F = (O) => {
     D(O);
   }, Q = () => {
     C(void 0), t?.(void 0), w("");
@@ -6115,7 +6115,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       {
         ref: I.setFloating,
         className: `${$}__popover`,
-        style: F
+        style: P
       },
       /* @__PURE__ */ e.createElement("div", { className: `${$}__calendar` }, s ? /* @__PURE__ */ e.createElement(
         a2,
@@ -6150,7 +6150,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           mode: "single",
           navLayout: "around",
           numberOfMonths: 1,
-          onSelect: P,
+          onSelect: F,
           selected: E
         }
       )),
@@ -6216,10 +6216,10 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   }, _) => {
     const [N, y] = Z(!1), [w, L] = Z(
       !!(vt && s)
-    ), $ = We(t), M = "pds-file-upload", k = c ? J.disabled : null, z = b && !c ? J.required : null, F = u === "error" ? J.error : null, I = u === "success" ? J.success : null, A = w ? `${M}--safari-default` : null;
+    ), $ = We(t), M = "pds-file-upload", k = c ? J.disabled : null, z = b && !c ? J.required : null, P = u === "error" ? J.error : null, I = u === "success" ? J.success : null, A = w ? `${M}--safari-default` : null;
     let D = null;
     u === "error" && (D = "error"), u === "success" && (D = "success");
-    const U = C || o, P = s ? [s] : null, Q = s ? s.split("/").pop() : null, Y = p ? s : Q, j = s ? new File(P, Y) : null;
+    const U = C || o, F = s ? [s] : null, Q = s ? s.split("/").pop() : null, Y = p ? s : Q, j = s ? new File(F, Y) : null;
     ae(() => {
       const x = new DataTransfer();
       if (j && x.items.add(j), x.files.length > 0) {
@@ -6257,7 +6257,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           A,
           k,
           z,
-          F,
+          P,
           I,
           a ?? ""
         ]),
@@ -6368,7 +6368,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
 }) => {
   const f = "pds-radio-group", _ = s ? J.disabled : null, N = g && !s ? J.required : null, y = E === "error" ? J.error : null, w = E === "success" ? J.success : null, L = typeof C < "u", $ = typeof a < "u", [M, k] = Z(
     $ ? a : ""
-  ), z = h || t, F = (A) => {
+  ), z = h || t, P = (A) => {
     L || k(A.target.value), o && o(A), m && m(A.target.value);
   }, I = (A) => {
     d?.(A);
@@ -6412,7 +6412,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           id: A.id ? A.id : `${r}-option-${D}`,
           name: r,
           onBlur: I,
-          onChange: F,
+          onChange: P,
           required: g,
           type: "radio",
           value: A.value
@@ -6452,9 +6452,9 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     switchPlacement: E = "right",
     ...C
   }, u) => {
-    const f = We(i), _ = "pds-switch", N = `${_}--${E}`, y = d ? `${_}--message` : null, w = c ? J.disabled : null, L = g && !c ? J.required : null, $ = typeof n < "u", M = !$ && s ? s : !1, [k, z] = Z(M), F = n || k ? v : o, I = (P) => {
-      $ || z(P.target.checked), m && m(P);
-    }, A = p ? /* @__PURE__ */ e.createElement("span", { className: `${_}__toggle-label` }, F) : null, D = /* @__PURE__ */ e.createElement(
+    const f = We(i), _ = "pds-switch", N = `${_}--${E}`, y = d ? `${_}--message` : null, w = c ? J.disabled : null, L = g && !c ? J.required : null, $ = typeof n < "u", M = !$ && s ? s : !1, [k, z] = Z(M), P = n || k ? v : o, I = (F) => {
+      $ || z(F.target.checked), m && m(F);
+    }, A = p ? /* @__PURE__ */ e.createElement("span", { className: `${_}__toggle-label` }, P) : null, D = /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${_}__control`,
@@ -6565,10 +6565,10 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     value: y,
     ...w
   }, L) => {
-    const $ = We(l), M = "pds-textarea", k = i ? "pds-is-resizable" : null, z = c ? J.disabled : null, F = p && !c ? J.required : null, I = N === "error" ? J.error : null, A = N === "success" ? J.success : null, D = b ? J.readonly : null, U = _ || d, P = y != null && m !== void 0, Q = typeof s < "u", [Y, j] = Z(
+    const $ = We(l), M = "pds-textarea", k = i ? "pds-is-resizable" : null, z = c ? J.disabled : null, P = p && !c ? J.required : null, I = N === "error" ? J.error : null, A = N === "success" ? J.success : null, D = b ? J.readonly : null, U = _ || d, F = y != null && m !== void 0, Q = typeof s < "u", [Y, j] = Z(
       Q ? s : ""
     ), K = y || Y, X = (x) => {
-      P || j(x.target.value), m && m(x);
+      F || j(x.target.value), m && m(x);
     }, T = (x) => {
       o && o(x);
     };
@@ -6579,7 +6579,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           J.base,
           M,
           z,
-          F,
+          P,
           I,
           A,
           D,
@@ -6625,7 +6625,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           readOnly: b,
           required: p,
           rows: h,
-          value: P ? y : Y,
+          value: F ? y : Y,
           ...C
         }
       )),
@@ -6679,9 +6679,9 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     validationMessage: M,
     validationStatus: k,
     value: z,
-    ...F
+    ...P
   }, I) => {
-    const A = We(m), D = "pds-text-input", U = r ? J.disabled : null, P = f && !r ? J.required : null, Q = k === "error" ? J.error : null, Y = k === "success" ? J.success : null, j = u ? J.readonly : null, K = t && $ === "url" ? `${D}--has-url-prefix` : null;
+    const A = We(m), D = "pds-text-input", U = r ? J.disabled : null, F = f && !r ? J.required : null, Q = k === "error" ? J.error : null, Y = k === "success" ? J.success : null, j = u ? J.readonly : null, K = t && $ === "url" ? `${D}--has-url-prefix` : null;
     let X = null;
     $ === "search" && (X = "search"), $ === "search" && _ === "filter" && (X = "filter"), k === "error" && (X = "error"), k === "success" && (X = "success");
     const T = M || g, x = typeof z < "u", S = typeof c < "u", [V, G] = Z(
@@ -6726,7 +6726,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           J.base,
           D,
           U,
-          P,
+          F,
           Q,
           Y,
           j,
@@ -6734,7 +6734,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           a ?? ""
         ]),
         style: m ? A : null,
-        ...F
+        ...P
       },
       /* @__PURE__ */ e.createElement(
         Oe,
@@ -7522,7 +7522,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     transition: "width 200ms ease-in-out"
   }, k = () => {
     h(!p);
-  }, z = Te(n), F = z.header, I = z.sidebar, A = z.main, D = z.footer, U = /* @__PURE__ */ e.createElement(e.Fragment, null, F, /* @__PURE__ */ e.createElement("aside", { className: `${_}__sidebar` }, I), /* @__PURE__ */ e.createElement("main", { className: `${_}__main`, id: "main" }, A), D && /* @__PURE__ */ e.createElement("footer", { className: `${_}__footer` }, D)), P = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${_}__sidebar`, style: $ }, s && /* @__PURE__ */ e.createElement(
+  }, z = Te(n), P = z.header, I = z.sidebar, A = z.main, D = z.footer, U = /* @__PURE__ */ e.createElement(e.Fragment, null, P, /* @__PURE__ */ e.createElement("aside", { className: `${_}__sidebar` }, I), /* @__PURE__ */ e.createElement("main", { className: `${_}__main`, id: "main" }, A), D && /* @__PURE__ */ e.createElement("footer", { className: `${_}__footer` }, D)), F = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${_}__sidebar`, style: $ }, s && /* @__PURE__ */ e.createElement(
     "button",
     {
       "aria-expanded": p,
@@ -7538,7 +7538,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       className: `${_}__right`,
       style: M
     },
-    /* @__PURE__ */ e.createElement("div", { className: `${_}__header` }, F),
+    /* @__PURE__ */ e.createElement("div", { className: `${_}__header` }, P),
     /* @__PURE__ */ e.createElement("div", { className: `${_}__inner` }, /* @__PURE__ */ e.createElement("main", { className: `${_}__main`, id: "main" }, A), D && /* @__PURE__ */ e.createElement("footer", { className: `${_}__footer` }, D))
   ));
   return /* @__PURE__ */ e.createElement(zt.Provider, { value: f }, /* @__PURE__ */ e.createElement(ds, { destination: "main", text: m }), /* @__PURE__ */ e.createElement(
@@ -7554,7 +7554,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       ]),
       ...v
     },
-    g ? U : P
+    g ? U : F
   ));
 }, xt = ({
   className: n,
@@ -7605,15 +7605,15 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     const A = [];
     return I.forEach((D) => {
       D.links ? (A.push(h({ item: D, level: "top-level" })), D.links.forEach((U) => {
-        U.links ? (A.push(h({ item: U, level: "second-level" })), U.links.forEach((P) => {
-          P.links && (A.push(
-            h({ item: P, level: "third-level" })
-          ), P.links.forEach((Q) => {
+        U.links ? (A.push(h({ item: U, level: "second-level" })), U.links.forEach((F) => {
+          F.links && (A.push(
+            h({ item: F, level: "third-level" })
+          ), F.links.forEach((Q) => {
             A.push(
               h({ item: Q, level: "fourth-level" })
             );
           })), A.push(
-            h({ item: P, level: "third-level" })
+            h({ item: F, level: "third-level" })
           );
         })) : A.push(h({ item: U, level: "second-level" }));
       })) : A.push(h({ item: D, level: "top-level" }));
@@ -7643,7 +7643,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     }
   }), { getFloatingProps: $, getItemProps: M, getReferenceProps: k } = Ae(
     [y, w, N, _, L]
-  ), { isMounted: z, styles: F } = Xe(C, {
+  ), { isMounted: z, styles: P } = Xe(C, {
     duration: {
       open: 300,
       close: 300
@@ -7681,7 +7681,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       ref: u.setFloating,
       className: `${l}__dropdown ${l}__menu ${l}__menu--top-level`,
       style: {
-        ...F,
+        ...P,
         zIndex: "var(--pds-z-index-dropdown)"
       },
       ...$()
@@ -7847,8 +7847,8 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         content: Me(r),
         customTrigger: o,
         offsetValue: {
-          mainAxis: -4,
-          crossAxis: -12
+          mainAxis: 5,
+          crossAxis: 0
         },
         preferredPlacement: "right"
       }
@@ -7922,13 +7922,16 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   "performance-large": "Performance Large",
   "performance-xl": "Performance XL",
   "performance-2xl": "Performance 2XL",
-  elite: "Elite"
+  elite: "Elite",
+  pro: "Professional",
+  business: "Business",
+  "flagship-performance": "Flagship Performance"
 }, Mn = {
   drupal: "Drupal",
   wordpress: "WordPress",
   gatsby: "Gatsby",
   nextjs: "Next.js"
-}, F2 = {
+}, P2 = {
   drupal: "drupal",
   wordpress: "wordpress",
   gatsby: "bolt",
@@ -7938,7 +7941,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   option: a,
   ...s
 }) => {
-  const c = "pds-dashboard-search", r = a.type ? F2[a.type] : "bolt", l = le(null), [i] = Mt(l), t = i.width / 16 - 7.5;
+  const c = "pds-dashboard-search", r = a.type ? P2[a.type] : "bolt", l = le(null), [i] = Mt(l), t = i.width / 16 - 7.5;
   let d, o;
   a.status === "active" && (d = "Active", o = "success"), a.status === "frozen" && (d = "Frozen", o = "frozen"), a.status === "restricted" && (d = "Restricted", o = "critical");
   const m = /* @__PURE__ */ e.createElement(
@@ -8015,7 +8018,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   const L = 2.25, $ = 22, M = y ? 14.5 : 9.625, k = N > 900 ? $ : N / 16 - (M + s) - L * 0.675;
   let z = L;
   p && !N && (z = $), p && N && (z = k);
-  const F = {
+  const P = {
     right: `${M + s}rem`,
     width: `${z}rem`
   }, I = "pds-dashboard-search", A = f ? `${I}--isMobile` : null, D = () => {
@@ -8026,7 +8029,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     setTimeout(() => {
       h(!1);
     }, 150);
-  }, P = (X) => {
+  }, F = (X) => {
     C(X.value), m && m(X);
   };
   ae(() => {
@@ -8063,7 +8066,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       loadingText: t,
       noResultsText: d,
       onFocus: o,
-      onOptionSelect: P,
+      onOptionSelect: F,
       options: Q,
       placeholder: v,
       showLabel: !1
@@ -8105,7 +8108,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       onKeyDown: f ? null : (X) => {
         X.key === "Escape" && U();
       },
-      style: f ? null : F,
+      style: f ? null : P,
       ...b
     },
     f ? K : j
@@ -8191,11 +8194,11 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   const $ = Te(n), M = $["items-left"], k = $["items-right"];
   let z = "default";
   (s === "reverse" || s === "reverse-transparent") && (z = "reverse");
-  const F = ue(t) ? t.props.children : null, I = ue(t) && F ? xe(
+  const P = ue(t) ? t.props.children : null, I = ue(t) && P ? xe(
     t,
     Object.assign({}, t.props, {
       children: /* @__PURE__ */ e.createElement("img", { className: `${C}__custom-logo`, src: d }),
-      "aria-label": F || null
+      "aria-label": P || null
     })
   ) : /* @__PURE__ */ e.createElement("img", { alt: "", className: `${C}__custom-logo`, src: d }), A = () => d ? I : /* @__PURE__ */ e.createElement(
     n2,
@@ -8217,7 +8220,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   ), U = Ut.toArray(n).sort((j, K) => {
     const X = ue(j) && parseInt(j.props["data-mobile-order"], 10) || 1 / 0, T = ue(K) && parseInt(K.props["data-mobile-order"], 10) || 1 / 0;
     return X - T;
-  }), P = /* @__PURE__ */ e.createElement(
+  }), F = /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: w,
@@ -8232,7 +8235,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         initialFocus: !1
       }
     },
-    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(ft, { className: `${C}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__inner-mobile` }, A(), n && D)), /* @__PURE__ */ e.createElement(ft, null, n && P))
+    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(ft, { className: `${C}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__inner-mobile` }, A(), n && D)), /* @__PURE__ */ e.createElement(ft, null, n && F))
   ), Y = /* @__PURE__ */ e.createElement(ft, { className: `${C}__inner`, width: c }, !l && /* @__PURE__ */ e.createElement("div", { className: `${C}__logo` }, A()), /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, M ? /* @__PURE__ */ e.createElement("div", { className: `${C}__items-left` }, M) : /* @__PURE__ */ e.createElement("span", null), k && /* @__PURE__ */ e.createElement("div", { className: `${C}__items-right` }, k)));
   return /* @__PURE__ */ e.createElement(
     "header",
@@ -8348,10 +8351,10 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       },
       ArrowDown: () => {
         b("down");
-        const U = $.target.parentNode.children[1], P = $.target?.parentNode.children[1]?.children || $.target?.parentNode.parentNode.children[1]?.children;
+        const U = $.target.parentNode.children[1], F = $.target?.parentNode.children[1]?.children || $.target?.parentNode.parentNode.children[1]?.children;
         p.container != U && U != null && h({
           container: U,
-          containerChildren: [...P]
+          containerChildren: [...F]
         }), d === null || d == p.containerChildren.length - 1 ? o(0) : o(parseInt(d) + 1);
       },
       ArrowUp: () => {
@@ -8376,8 +8379,8 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         "li",
         {
           key: `${M}-dropdown`,
-          ref: (F) => {
-            N.current[M] = F;
+          ref: (P) => {
+            N.current[M] = P;
           },
           className: `${u}__item ${u}__item--top-level ${u}__item--has-children ${w($) === !0 ? `${u}__item--active` : ""}`,
           id: z
@@ -8396,8 +8399,8 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         "li",
         {
           key: M,
-          ref: (F) => {
-            N.current[M] = F;
+          ref: (P) => {
+            N.current[M] = P;
           },
           className: `${u}__item ${u}__item--top-level ${u}__item--has-link ${w($) === !0 ? `${u}__item--active` : ""}`,
           id: z
@@ -8642,11 +8645,11 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     if (x)
       switch (T.key) {
         case "ArrowDown": {
-          T.preventDefault(), F(1);
+          T.preventDefault(), P(1);
           break;
         }
         case "ArrowUp": {
-          T.preventDefault(), F(-1);
+          T.preventDefault(), P(-1);
           break;
         }
         case "ArrowRight": {
@@ -8697,7 +8700,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
           break;
         }
       }
-  }, F = (T) => {
+  }, P = (T) => {
     const x = _.current;
     if (x.length === 0) return;
     let S = N.current + T;
@@ -8734,7 +8737,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       ).indexOf(G);
       C((W) => V && !W.includes(O) && O !== -1 ? [...W, O] : V ? W : W.filter((ee) => ee !== O));
     }
-    V ? U(S) : P(S);
+    V ? U(S) : F(S);
   }, U = (T) => {
     T.style.display = "flex", T.style.height = "auto";
     const x = `${T.scrollHeight}px`;
@@ -8759,7 +8762,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         marginBlockStart: `${Nt}rem`
       }), T.classList.add(`${v}--expanded`), L();
     };
-  }, P = (T) => {
+  }, F = (T) => {
     const x = `${T.scrollHeight}px`, S = T.animate(
       [
         {
@@ -8979,8 +8982,8 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         content: Me(r),
         customTrigger: o,
         offsetValue: {
-          mainAxis: -4,
-          crossAxis: -12
+          mainAxis: 5,
+          crossAxis: 0
         },
         preferredPlacement: "right"
       }
@@ -9067,7 +9070,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     focusItemOnOpen: !1
   }), { getFloatingProps: M, getItemProps: k, getReferenceProps: z } = Ae(
     [L, w, $, y]
-  ), { isMounted: F, styles: I } = Xe(_, {
+  ), { isMounted: P, styles: I } = Xe(_, {
     duration: {
       open: 300,
       close: 150
@@ -9093,7 +9096,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     const x = c.filter((S) => D(S, g));
     v(x);
   }, [c]);
-  const P = () => {
+  const F = () => {
     b(""), v(c);
   }, Q = c.reduce(
     (x, S) => Me(x.linkContent).length > Me(S.linkContent).length ? x : S
@@ -9110,7 +9113,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       id: "links-filter",
       label: a,
       onChange: U,
-      onClear: P,
+      onClear: F,
       placeholder: s,
       showLabel: !1,
       type: "search"
@@ -9151,7 +9154,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         iconName: "angleDown"
       }
     )
-  ), F && /* @__PURE__ */ e.createElement(
+  ), P && /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: N.setFloating,
@@ -9270,7 +9273,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     openOnArrowKeyDown: !0,
     focusItemOnOpen: !1,
     focusItemOnHover: !0
-  }), { getFloatingProps: z, getItemProps: F, getReferenceProps: I } = Ae(
+  }), { getFloatingProps: z, getItemProps: P, getReferenceProps: I } = Ae(
     [L, $, w, k]
   ), { isMounted: A, styles: D } = Xe(_, {
     duration: {
@@ -9295,7 +9298,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       size: "sm",
       uniqueId: c
     }
-  ), P = /* @__PURE__ */ e.createElement(R, { className: `${C}__trigger-icon`, iconName: "angleDown" }), Q = /* @__PURE__ */ e.createElement("li", { className: `${C}__user-details`, role: "presentation" }, E ? null : /* @__PURE__ */ e.createElement("div", { className: `${C}__user-name` }, l), /* @__PURE__ */ e.createElement("div", { className: `${C}__user-email` }, c));
+  ), F = /* @__PURE__ */ e.createElement(R, { className: `${C}__trigger-icon`, iconName: "angleDown" }), Q = /* @__PURE__ */ e.createElement("li", { className: `${C}__user-details`, role: "presentation" }, E ? null : /* @__PURE__ */ e.createElement("div", { className: `${C}__user-name` }, l), /* @__PURE__ */ e.createElement("div", { className: `${C}__user-email` }, c));
   s.forEach((V) => {
     const G = V.id ? V.id : at();
     g.current.push(G), b.current.push(V);
@@ -9321,7 +9324,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         onKeyDown: j,
         role: "menuitem",
         tabIndex: d === G ? 0 : -1,
-        ...F({ onClick: (ce) => K(ce) })
+        ...P({ onClick: (ce) => K(ce) })
       },
       V.iconName && /* @__PURE__ */ e.createElement(
         R,
@@ -9370,7 +9373,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       onClick: x
     },
     /* @__PURE__ */ e.createElement("span", { className: `${C}__toggle-left` }, U, l || c),
-    P
+    F
   ), /* @__PURE__ */ e.createElement("div", { className: `${C}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
     {
@@ -9411,7 +9414,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   let _ = !1;
   const N = Ce($e);
   N && (_ = N.isMobile);
-  const y = d && _, w = "pds-workspace-selector", L = y ? `${w}--isMobile` : null, $ = `${w}__menu`, M = f ? `${$}--scroll` : null, { context: k, floatingStyles: z, refs: F } = ke({
+  const y = d && _, w = "pds-workspace-selector", L = y ? `${w}--isMobile` : null, $ = `${w}__menu`, M = f ? `${$}--scroll` : null, { context: k, floatingStyles: z, refs: P } = ke({
     open: v,
     onOpenChange: g,
     whileElementsMounted: Se
@@ -9423,7 +9426,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
-  }), P = Xt(k, {
+  }), F = Xt(k, {
     listRef: C,
     activeIndex: b,
     onMatch: (te) => {
@@ -9434,7 +9437,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       return te.find((ge) => (ge?.textContent?.trim().toLowerCase() ?? "").startsWith(re));
     }
   }), { getFloatingProps: Q, getItemProps: Y, getReferenceProps: j } = Ae(
-    f ? [A, D, I, U] : [A, D, I, U, P]
+    f ? [A, D, I, U] : [A, D, I, U, F]
   ), { isMounted: K, styles: X } = Xe(k, {
     duration: {
       open: 300,
@@ -9501,14 +9504,14 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     }
   )), W = h.map(
     (te, ie) => {
-      const re = `${w}__item`, ge = te.isActive ? `${re}--active` : null, Le = te.isUnprivileged ? `${re}--unprivileged` : null, Fe = /* @__PURE__ */ e.createElement(R, { className: `${w}__active-icon`, iconName: "check" }), De = te.workspaceId, Ge = te.workspaceLink.type, Pe = te.isUnprivileged ? null : (Qe) => {
+      const re = `${w}__item`, ge = te.isActive ? `${re}--active` : null, Le = te.isUnprivileged ? `${re}--unprivileged` : null, Pe = /* @__PURE__ */ e.createElement(R, { className: `${w}__active-icon`, iconName: "check" }), De = te.workspaceId, Ge = te.workspaceLink.type, Fe = te.isUnprivileged ? null : (Qe) => {
         C.current[ie] = Qe;
       };
       return /* @__PURE__ */ e.createElement(
         "li",
         {
           key: De,
-          ref: Pe,
+          ref: Fe,
           className: H([
             re,
             ge,
@@ -9536,7 +9539,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
               uniqueId: te.workspaceId
             }
           ), te.displayName),
-          te.isActive && Fe
+          te.isActive && Pe
         )
       );
     }
@@ -9553,7 +9556,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   )), ce = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
-      ref: F.setReference,
+      ref: P.setReference,
       "aria-label": n,
       className: `${w}__trigger`,
       type: "button",
@@ -9564,7 +9567,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
   ), K && /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: F.setFloating,
+      ref: P.setFloating,
       className: `${w}__dropdown`,
       style: {
         zIndex: "var(--pds-z-index-dropdown)"
@@ -9659,14 +9662,14 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       ]), document.getElementById(t[0].id).classList.remove(`${m}--fading`);
     }, 200);
   }, _ = (N, y) => {
-    const { id: w, isDismissible: L, message: $, onDismiss: M, type: k } = N, F = ["critical", "warning"].includes(k) ? "alert" : "status", I = `${l[k]}:  `, A = (D) => {
+    const { id: w, isDismissible: L, message: $, onDismiss: M, type: k } = N, P = ["critical", "warning"].includes(k) ? "alert" : "status", I = `${l[k]}:  `, A = (D) => {
       D.preventDefault(), document.getElementById(w).classList.add(`${m}--dismissing`), setTimeout(() => {
         if (M?.(), o === 1) {
           d([]);
           return;
         }
         d(
-          (U) => U.filter((P) => P.id !== w)
+          (U) => U.filter((F) => F.id !== w)
         );
       }, 200);
     };
@@ -9676,7 +9679,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
         key: w,
         className: H([m, g[k]]),
         id: w,
-        role: F,
+        role: P,
         style: {
           zIndex: h(y).zIndex
         }
@@ -9732,7 +9735,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
       }
     ), t.map((N, y) => _(N, y))) : _(t[0], 0)
   );
-}, Ft = {
+}, Pt = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
@@ -9769,19 +9772,19 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     /* @__PURE__ */ e.createElement("div", { className: `${i}__icon ${i}__icon-${c}` }, c === "working" ? /* @__PURE__ */ e.createElement(ct, { colorType: "monochromatic", size: "lg" }) : /* @__PURE__ */ e.createElement(
       R,
       {
-        iconName: `${c}` in Ft ? Ft[c] : Ft.info,
+        iconName: `${c}` in Pt ? Pt[c] : Pt.info,
         iconSize: "lg"
       }
     )),
     /* @__PURE__ */ e.createElement("div", { className: `${i}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), /* @__PURE__ */ e.createElement("div", { className: `${i}__title` }, s), /* @__PURE__ */ e.createElement("div", { className: `${i}__message` }, v))
   );
-}, Pt = {
+}, Ft = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
   critical: "diamondExclamation",
   discovery: "squareQuestion"
-}, Fn = ({
+}, Pn = ({
   className: n,
   ctaButton: a,
   dismissLabel: s = "Dismiss",
@@ -9838,7 +9841,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__icon ${g}__icon-${d}` }, /* @__PURE__ */ e.createElement(
       R,
       {
-        iconName: `${d}` in Pt ? Pt[d] : Pt.info,
+        iconName: `${d}` in Ft ? Ft[d] : Ft.info,
         iconSize: "lg"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${g}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), t && /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${g}__message` }, f))),
@@ -9905,7 +9908,7 @@ const L1 = 0.125, H1 = 0.25, M1 = 0.328, k1 = 0.41, Nt = 0.512, z1 = 0.64, yt =
     )),
     /* @__PURE__ */ e.createElement("div", { className: `${l}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t), n)
   );
-}, Pn = ({
+}, Fn = ({
   autoCloseDuration: n = 5e3,
   className: a,
   limit: s = 5,
@@ -10366,18 +10369,18 @@ const Bn = () => {
     whileElementsMounted: Se
   }), M = () => {
     E(!1), t && t();
-  }, k = Ke(y), z = Ve(y), F = Ie(y), { getFloatingProps: I, getReferenceProps: A } = Ae([
+  }, k = Ke(y), z = Ve(y), P = Ie(y), { getFloatingProps: I, getReferenceProps: A } = Ae([
     k,
     z,
-    F
-  ]), D = L.arrow?.x ?? 0, U = L.arrow?.y ?? 0, P = D + E2 / 2, Q = U + tt, { isMounted: Y } = Xe(y, {
+    P
+  ]), D = L.arrow?.x ?? 0, U = L.arrow?.y ?? 0, F = D + E2 / 2, Q = U + tt, { isMounted: Y } = Xe(y, {
     initial: {
       transform: "scale(0)"
     },
     common: ({ side: j }) => ({
       transformOrigin: {
-        top: `${P}px calc(100% + ${tt}px)`,
-        bottom: `${P}px ${-tt}px`,
+        top: `${F}px calc(100% + ${tt}px)`,
+        bottom: `${F}px ${-tt}px`,
         left: `calc(100% + ${tt}px) ${Q}px`,
         right: `${-tt}px ${Q}px`
       }[j]
@@ -10714,7 +10717,7 @@ const Qn = ({
   workspaceName: v,
   ...g
 }) => {
-  const b = "pds-site-dashboard-heading", p = ps[t], h = d ? F2[d] : "bolt";
+  const b = "pds-site-dashboard-heading", p = ps[t], h = d ? P2[d] : "bolt";
   return /* @__PURE__ */ e.createElement("div", { className: H([b, n ?? ""]), ...g }, v && /* @__PURE__ */ e.createElement("div", { className: `${b}__workspace-name` }, v), /* @__PURE__ */ e.createElement("div", { className: `${b}__inner` }, /* @__PURE__ */ e.createElement(R, { iconName: h, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, i), /* @__PURE__ */ e.createElement("span", { className: `${b}__plan-level-badge` }, t === "sandbox" ? /* @__PURE__ */ e.createElement(
     ze,
     {
@@ -10840,14 +10843,14 @@ const Qn = ({
   const r = "pds-stepper", l = "pds-stepper-mobile", i = le(null), [t] = Mt(i), d = t.width, o = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
   ) * 16, m = -40, v = 2, g = 5, b = a.length, p = a.map((C) => C.isCurrent).lastIndexOf(!0), h = a.map((C, u) => {
-    const f = u + 1, _ = u === p, N = C.isComplete || u < p, y = C.hasError && _, L = (d - b * o) / (b + (b - 2)), $ = o + L * 2, M = o + L, k = L + m * -1, z = u === 0, F = u === b - 1;
+    const f = u + 1, _ = u === p, N = C.isComplete || u < p, y = C.hasError && _, L = (d - b * o) / (b + (b - 2)), $ = o + L * 2, M = o + L, k = L + m * -1, z = u === 0, P = u === b - 1;
     let I = $;
-    (z || F) && (I = M);
+    (z || P) && (I = M);
     const A = `${r}__step`, D = [A];
     _ && D.push(`${A}--current`), N && D.push(`${A}--complete`), y && D.push(`${A}--error`);
     let U = `${s.step} ${f}`;
     N && (U = `${s.step} ${f}, ${s.completed}`), y && (U = `${s.step} ${f}, ${s.hasError}`);
-    const P = N ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${r}__step-indicator` }, /* @__PURE__ */ e.createElement(
+    const F = N ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${r}__step-indicator` }, /* @__PURE__ */ e.createElement(
       R,
       {
         className: `${r}__step-complete-icon`,
@@ -10855,7 +10858,7 @@ const Qn = ({
         iconSize: "md"
       }
     )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${r}__step-indicator` }), Q = /* @__PURE__ */ e.createElement("div", { className: `${r}__step-label` }, C.label);
-    let Y = /* @__PURE__ */ e.createElement("div", { className: `${r}__step-content` }, Q, P);
+    let Y = /* @__PURE__ */ e.createElement("div", { className: `${r}__step-content` }, Q, F);
     if (N && C.callback) {
       const j = (K) => {
         C.callback(C), K.preventDefault();
@@ -10868,7 +10871,7 @@ const Qn = ({
           type: "button"
         },
         Q,
-        P
+        F
       );
     }
     return /* @__PURE__ */ e.createElement(
@@ -10894,7 +10897,7 @@ const Qn = ({
         }
       ),
       Y,
-      !F && /* @__PURE__ */ e.createElement(
+      !P && /* @__PURE__ */ e.createElement(
         "span",
         {
           className: `${r}__connector ${r}__connector--after`,
@@ -11130,16 +11133,16 @@ const Qn = ({
     ae(() => {
       const $ = (z) => {
         L.current = z.reduce((A, D) => (A[D.target.id] = D, A), L.current);
-        const F = [];
+        const P = [];
         Object.keys(L.current).forEach((A) => {
           const D = L.current[A];
-          D.isIntersecting && F.push(D);
+          D.isIntersecting && P.push(D);
         });
         const I = (A) => k.findIndex((D) => D.id === A);
-        if (F.length === 1)
-          w(F[0].target.id);
-        else if (F.length > 1) {
-          const A = F.sort(
+        if (P.length === 1)
+          w(P[0].target.id);
+        else if (P.length > 1) {
+          const A = P.sort(
             (D, U) => I(D.target.id) - I(U.target.id)
           );
           w(A[0].target.id);
@@ -11642,7 +11645,7 @@ const Qn = ({
       ])
     },
     M
-  ), k), F = /* @__PURE__ */ e.createElement(e.Fragment, null, M && /* @__PURE__ */ e.createElement(
+  ), k), P = /* @__PURE__ */ e.createElement(e.Fragment, null, M && /* @__PURE__ */ e.createElement(
     "div",
     {
       ...g,
@@ -11677,7 +11680,7 @@ const Qn = ({
       ]),
       ...b
     },
-    p ? z : F
+    p ? z : P
   );
 }, ua = ({
   children: n,
@@ -12005,7 +12008,7 @@ export {
   Qn as RefreshChecker,
   Hs as RefreshCheckerState,
   $e as ResponsiveContext,
-  Fn as SectionMessage,
+  Pn as SectionMessage,
   f1 as SegmentedButton,
   $1 as Select,
   v1 as SelectOptionGroup,
@@ -12018,7 +12021,7 @@ export {
   Jn as SiteDashboardHeading,
   un as SiteFooter,
   ps as SitePlanLevelLabel,
-  F2 as SiteTypeIcon,
+  P2 as SiteTypeIcon,
   Mn as SiteTypeLabel,
   Y1 as Skeleton,
   ds as Skiplink,
@@ -12044,7 +12047,7 @@ export {
   ma as TileGrid,
   $s as Toast,
   bs as ToastType,
-  Pn as Toaster,
+  Fn as Toaster,
   we as Tooltip,
   Ea as TwoItemLayout,
   Tn as UserMenu,