@pantheon-systems/pds-toolkit-react 1.0.0-dev.263 → 1.0.0-dev.265

package/_dist/index.js

@@ -37,7 +37,7 @@ var rt = (t, n, s) => new Promise((a, r) => {
 });
 import e, { Children as wt, isValidElement as Me, useState as Q, cloneElement as Se, createElement as e1, forwardRef as Ue, useEffect as le, useRef as ce, createContext as Lt, useContext as $e, useLayoutEffect as t1, useCallback as U2, useMemo as Ht, createRef as n1, Fragment as s1 } from "react";
 import Mt from "hash-sum";
-import { useFloating as Ie, offset as E2, flip as v2, shift as V2, autoUpdate as Pe, useHover as M2, useFocus as kt, useDismiss as Ae, useRole as Te, useInteractions as De, FloatingPortal as Nt, useId as l1, size as a1, useClick as Ke, useListNavigation as o2, useTransitionStyles as Xe, FloatingOverlay as c1, FloatingFocusManager as zt, safePolygon as xt, arrow as r1, FloatingArrow as o1 } from "@floating-ui/react";
+import { useFloating as Ie, offset as E2, flip as v2, shift as V2, autoUpdate as Fe, useHover as M2, useFocus as kt, useDismiss as Ae, useRole as Te, useInteractions as De, FloatingPortal as Nt, useId as l1, size as a1, useClick as Ke, useListNavigation as o2, useTransitionStyles as Xe, FloatingOverlay as c1, FloatingFocusManager as zt, safePolygon as xt, arrow as r1, FloatingArrow as o1 } from "@floating-ui/react";
 import { useHotkeys as i1 } from "react-hotkeys-hook";
 import { useFloating as d1, flip as m1 } from "@floating-ui/react-dom";
 import { CodeBlock as m2 } from "react-code-block";
@@ -53,14 +53,15 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
   for (n = n || [], s = 0; s < t.childNodes.length; s++)
     n.push(t.childNodes[s]), Vt(t.childNodes[s], n);
   return n;
-}, Fe = (t) => {
-  const n = {};
-  return wt.forEach(t, (s) => {
-    if (Me(s)) {
-      const a = s.props.slot;
-      a && (n[a] ? n[a].push(s) : n[a] = [s]);
-    }
-  }), n;
+}, Re = (t) => {
+  const n = {}, s = [];
+  return wt.forEach(t, (a) => {
+    if (Me(a)) {
+      const r = a.props.slot;
+      r ? n[r] ? n[r].push(a) : n[r] = [a] : s.push(a);
+    } else
+      s.push(a);
+  }), s.length > 0 && (n.__unslotted = s), n;
 }, N = (t) => t.join(" ").trim().replace(/\s+/g, " "), g1 = (t) => t ? t.startsWith("data:") ? /^data:image\/(png|jpeg|jpg|gif|bmp|webp);base64,[A-Za-z0-9+/]+=*$/.test(t) : !0 : !1, j = (c) => {
   var l = c, {
     display: t = "inline-block",
@@ -794,7 +795,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (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"
   }
-}, Kn = Object.keys(j2), it = [
+}, Xn = Object.keys(j2), it = [
   "dawn",
   "dragonfruit",
   "dusk",
@@ -832,7 +833,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
     "uniqueId",
     "className"
   ]);
-  const g = "pds-avatar", u = `${g}--${r}`, m = s ? `${g}--image` : null, [b, v] = Q(void 0), C = {
+  const g = "pds-avatar", u = `${g}--${r}`, m = s ? `${g}--image` : null, [b, v] = Q(void 0), _ = {
     backgroundImage: d ? `var(--pds-color-gradient-avatar-${C1(d)})` : null,
     borderRadius: "100%",
     height: "100%",
@@ -849,7 +850,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
       onLoad: () => v(!1),
       onError: () => v(!0)
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: C }, n && /* @__PURE__ */ e.createElement(j, { iconName: "user", className: `${g}__user-icon` })), h = /* @__PURE__ */ e.createElement("span", { className: `${g}__content` }, E), i = Me(a) ? Se(
+  ) : /* @__PURE__ */ e.createElement("span", { style: _ }, n && /* @__PURE__ */ e.createElement(j, { iconName: "user", className: `${g}__user-icon` })), h = /* @__PURE__ */ e.createElement("span", { className: `${g}__content` }, E), i = Me(a) ? Se(
     a,
     ie(w({}, a.props), {
       className: `${g}__content ${g}__content--link`,
@@ -880,7 +881,12 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
   return /* @__PURE__ */ e.createElement(
     "span",
     w({
-      className: [l, o, p, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: N([
+        l,
+        o,
+        p,
+        a != null ? a : ""
+      ])
     }, r),
     /* @__PURE__ */ e.createElement("span", { className: `${l}__label` }, t)
   );
@@ -961,29 +967,29 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     "zIndex",
     "className"
   ]);
-  const [b, v] = Q(!1), y = typeof n, C = "pds-tooltip", E = N([
-    `${C}__trigger-custom`,
-    y === "string" ? `${C}__trigger-text` : null
+  const [b, v] = Q(!1), y = typeof n, _ = "pds-tooltip", E = N([
+    `${_}__trigger-custom`,
+    y === "string" ? `${_}__trigger-text` : null
   ]), h = N([
-    `${C}__trigger`,
-    `${C}__trigger--${c}`
-  ]), { refs: i, floatingStyles: f, context: _ } = Ie({
+    `${_}__trigger`,
+    `${_}__trigger--${c}`
+  ]), { refs: i, floatingStyles: f, context: C } = Ie({
     placement: a,
     open: b,
     onOpenChange: v,
     middleware: [E2(s), v2(), V2()],
-    whileElementsMounted: Pe
-  }), $ = M2(_, {
+    whileElementsMounted: Fe
+  }), $ = M2(C, {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), H = kt(_), M = Ae(_), L = Te(_, { role: "tooltip" }), { getReferenceProps: k, getFloatingProps: z } = De([
+  }), H = kt(C), M = Ae(C), L = Te(C, { role: "tooltip" }), { getReferenceProps: k, getFloatingProps: z } = De([
     $,
     H,
     M,
     L
   ]);
-  return /* @__PURE__ */ e.createElement("div", w({ className: N([C, p != null ? p : ""]) }, g), n ? /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", w({ className: N([_, p != null ? p : ""]) }, g), n ? /* @__PURE__ */ e.createElement(
     "span",
     w({
       className: E,
@@ -1002,20 +1008,20 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       j,
       {
         iconName: d,
-        className: `${C}__icon`,
+        className: `${_}__icon`,
         iconSize: l
       }
     )
   ), b && /* @__PURE__ */ e.createElement(Nt, null, /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: `${C}__container`,
+      className: `${_}__container`,
       ref: i.setFloating,
       style: ie(w({}, f), { zIndex: o })
     }, z()),
     t
   )));
-}, Xn = (p) => {
+}, Yn = (p) => {
   var g = p, {
     isLoading: t,
     loadingText: n = "Loading...",
@@ -1036,13 +1042,13 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     "className"
   ]);
   const u = "pds-branch-diff", m = t ? `${u}--loading` : null, b = t ? "pds-pulse" : null, v = c !== null && c > 0 ? `${c}rem` : "100%";
-  let y = Math.max(0, s), C = Math.max(0, r);
-  t && (y = 1, C = 1);
-  const E = Math.max(y, C);
-  let h = E > 0 ? C / E * 100 : 0, i = E > 0 ? y / E * 100 : 0;
+  let y = Math.max(0, s), _ = Math.max(0, r);
+  t && (y = 1, _ = 1);
+  const E = Math.max(y, _);
+  let h = E > 0 ? _ / E * 100 : 0, i = E > 0 ? y / E * 100 : 0;
   const f = 10;
   h < f ? (h = f, i = 100 - f) : i < f && (i = f, h = 100 - f);
-  const _ = t ? n : `${C} ${d} & ${y} ${a}`;
+  const C = t ? n : `${_} ${d} & ${y} ${a}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -1052,15 +1058,15 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     /* @__PURE__ */ e.createElement(
       Ve,
       {
-        content: _,
+        content: C,
         preferredPlacement: "top",
         customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, /* @__PURE__ */ e.createElement(
           "div",
           {
             className: `${u}__segment ${u}__segment--behind`
           },
-          /* @__PURE__ */ e.createElement("div", { className: `${u}__number` }, !t && C),
-          C > 0 && /* @__PURE__ */ e.createElement(
+          /* @__PURE__ */ e.createElement("div", { className: `${u}__number` }, !t && _),
+          _ > 0 && /* @__PURE__ */ e.createElement(
             "div",
             {
               className: N([
@@ -1141,7 +1147,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     o != null ? o : ""
   ]), g = /* @__PURE__ */ e.createElement(e.Fragment, null, n, a && !r && /* @__PURE__ */ e.createElement(St, null), l && /* @__PURE__ */ e.createElement(Ve, { content: l }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(j, { iconName: "circleInfo", iconSize: "sm" }))));
   return d ? /* @__PURE__ */ e.createElement("legend", { className: p, id: `${t}-legend` }, g) : c ? /* @__PURE__ */ e.createElement("span", { className: p, id: `${t}-field-label` }, g) : /* @__PURE__ */ e.createElement("label", { htmlFor: t, className: p, id: `${t}-label` }, g);
-}, Re = ({
+}, Oe = ({
   forInputGroup: t = !1,
   id: n,
   message: s,
@@ -1261,8 +1267,8 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     a && !n ? /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, s) : /* @__PURE__ */ e.createElement(et, { label: s })
   );
 }, C2 = Ue(
-  (C, y) => {
-    var E = C, {
+  (_, y) => {
+    var E = _, {
       ariaLabel: t,
       buttonType: n = "button",
       disabled: s = !1,
@@ -1293,7 +1299,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       "variant",
       "className"
     ]);
-    const h = "pds-button", i = g !== "md" ? `${h}--${g}` : null, f = m !== "primary" ? `${h}--${m}` : null, _ = d ? `${h}--full-width` : null;
+    const h = "pds-button", i = g !== "md" ? `${h}--${g}` : null, f = m !== "primary" ? `${h}--${m}` : null, C = d ? `${h}--full-width` : null;
     let $;
     switch (g) {
       case "sm":
@@ -1324,7 +1330,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
           h,
           i,
           f,
-          _,
+          C,
           b
         ]),
         disabled: s || c,
@@ -1361,7 +1367,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     m,
     b,
     v
-  ]), C = Me(a) ? a.props.children : null, E = /* @__PURE__ */ e.createElement(
+  ]), _ = Me(a) ? a.props.children : null, E = /* @__PURE__ */ e.createElement(
     j,
     {
       iconName: s,
@@ -1370,8 +1376,8 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       key: s
     }
   );
-  let h = [C];
-  n === "icon-start" && s ? h = [E, C] : n === "icon-end" && s && (h = [C, E]);
+  let h = [_];
+  n === "icon-start" && s ? h = [E, _] : n === "icon-end" && s && (h = [_, E]);
   const i = Me(a) ? Se(a, {
     className: y,
     children: h
@@ -1428,7 +1434,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       "variant",
       "className"
     ]);
-    const v = "pds-icon-button", y = l !== "md" ? `${v}--${l}` : null, C = o !== "standard" ? `${v}--${o}` : null, E = {
+    const v = "pds-icon-button", y = l !== "md" ? `${v}--${l}` : null, _ = o !== "standard" ? `${v}--${o}` : null, E = {
       fadeOut: `${v}--fadeOut`,
       hide: `${v}--hide`,
       scaleIn: `${v}--scaleIn`
@@ -1444,16 +1450,16 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       case "lg":
         i = "xl", h = 12;
     }
-    const f = d !== null, _ = ce(null), $ = ce(null), H = () => {
-      _.current.classList.add(E.fadeOut), _.current.classList.add(E.hide), $.current.classList.remove(E.hide), $.current.classList.add(E.scaleIn), setTimeout(() => {
-        _.current.classList.remove(
+    const f = d !== null, C = ce(null), $ = ce(null), H = () => {
+      C.current.classList.add(E.fadeOut), C.current.classList.add(E.hide), $.current.classList.remove(E.hide), $.current.classList.add(E.scaleIn), setTimeout(() => {
+        C.current.classList.remove(
           E.fadeOut,
           E.hide
-        ), _.current.classList.add(E.scaleIn), $.current.classList.remove(E.scaleIn), $.current.classList.add(E.hide);
+        ), C.current.classList.add(E.scaleIn), $.current.classList.remove(E.scaleIn), $.current.classList.add(E.hide);
       }, 2e3);
     }, M = (k) => {
       f && H(), c && c(k);
-    }, L = f ? /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { ref: _, className: `${v}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+    }, L = f ? /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { ref: C, className: `${v}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
       j,
       {
         iconName: r,
@@ -1489,7 +1495,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
         className: N([
           v,
           y,
-          C,
+          _,
           p
         ]),
         disabled: s,
@@ -1586,8 +1592,8 @@ const T2 = 500, _1 = 700, Ve = (u) => {
   return le(() => {
     a ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
   }, [a]), /* @__PURE__ */ e.createElement(Le.Provider, { value: r }, t);
-}, D2 = (t) => t.isSeparator, R2 = (t) => t.isHeading, O2 = (t) => t.isLink, $1 = (t) => t.isNode, Rt = (C) => {
-  var E = C, {
+}, D2 = (t) => t.isSeparator, R2 = (t) => t.isHeading, O2 = (t) => t.isLink, $1 = (t) => t.isNode, Rt = (_) => {
+  var E = _, {
     disabled: t,
     displayType: n = "icon-end",
     iconName: s = "ellipsisVertical",
@@ -1624,7 +1630,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     x: h,
     y: i,
     reference: f,
-    floating: _,
+    floating: C,
     strategy: $,
     update: H,
     placement: M,
@@ -1845,7 +1851,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
             zIndex: "var(--pds-z-index-dropdown)"
           },
           onKeyDown: ye,
-          ref: _
+          ref: C
         },
         fe.map((Ne, je) => {
           ge = V.current[je];
@@ -1886,7 +1892,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
             transform: `translate(${Math.round(h)}px,${Math.round(i)}px)`
           },
           onKeyDown: ye,
-          ref: _
+          ref: C
         },
         ae.map((ge, Ee) => He(ge, Ee))
       ));
@@ -1984,7 +1990,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     }, y),
     x ? /* @__PURE__ */ e.createElement(e.Fragment, null, ve, /* @__PURE__ */ e.createElement(r2, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Ze, e2(c))
   );
-}, Yn = (g) => {
+}, Qn = (g) => {
   var u = g, {
     disabled: t = !1,
     id: n,
@@ -2006,8 +2012,8 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     "value",
     "className"
   ]);
-  const m = "pds-segmented-button", b = t ? "pds-is-disabled" : null, v = c !== "md" ? `${m}--${c}` : null, y = typeof l != "undefined", C = typeof s != "undefined", [E, h] = Q(
-    C ? s : ""
+  const m = "pds-segmented-button", b = t ? "pds-is-disabled" : null, v = c !== "md" ? `${m}--${c}` : null, y = typeof l != "undefined", _ = typeof s != "undefined", [E, h] = Q(
+    _ ? s : ""
   ), i = (f) => {
     h(f.target.value), r && r(f.target.value);
   };
@@ -2023,20 +2029,20 @@ const T2 = 500, _1 = 700, Ve = (u) => {
         ])
       }, p),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, a),
-      /* @__PURE__ */ e.createElement("div", { className: `${m}__options` }, d.map((f, _) => {
+      /* @__PURE__ */ e.createElement("div", { className: `${m}__options` }, d.map((f, C) => {
         const $ = y ? l === f.value : E === f.value, H = `${m}__option`, M = $ ? `${H}--checked` : null;
         return /* @__PURE__ */ e.createElement(
           "div",
           {
             className: N([H, M]),
-            key: `${n}-option-${_}`
+            key: `${n}-option-${C}`
           },
           /* @__PURE__ */ e.createElement(
             "input",
             {
               className: "visually-hidden",
               type: "radio",
-              id: f.id ? f.id : `${n}-option-${_}`,
+              id: f.id ? f.id : `${n}-option-${C}`,
               name: n,
               value: f.value,
               disabled: t || f.disabled,
@@ -2044,7 +2050,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
               checked: $
             }
           ),
-          /* @__PURE__ */ e.createElement("label", { htmlFor: f.id ? f.id : `${n}-option-${_}` }, f.tally ? /* @__PURE__ */ e.createElement(
+          /* @__PURE__ */ e.createElement("label", { htmlFor: f.id ? f.id : `${n}-option-${C}` }, f.tally ? /* @__PURE__ */ e.createElement(
             k2,
             {
               label: f.tally.label,
@@ -2126,7 +2132,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       }
     )
   );
-}, Qn = (m) => {
+}, Jn = (m) => {
   var b = m, {
     buttonProps: t,
     disabled: n = !1,
@@ -2152,7 +2158,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     "tooltipText",
     "className"
   ]);
-  const v = "pds-utility-button", y = a ? `${v}--critical` : null, C = n ? `${v}--disabled` : null, E = r ? `${v}--loading` : null, h = d ? `${v}--working` : null, i = c ? `${v}--monospace` : null, f = r ? "pds-pulse" : null, _ = /* @__PURE__ */ e.createElement(
+  const v = "pds-utility-button", y = a ? `${v}--critical` : null, _ = n ? `${v}--disabled` : null, E = r ? `${v}--loading` : null, h = d ? `${v}--working` : null, i = c ? `${v}--monospace` : null, f = r ? "pds-pulse" : null, C = /* @__PURE__ */ e.createElement(
     "button",
     w({
       className: N([`${v}__button`, f]),
@@ -2177,14 +2183,14 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       className: N([
         v,
         y,
-        C,
+        _,
         E,
         h,
         i,
         g != null ? g : ""
       ])
     }, u),
-    p ? /* @__PURE__ */ e.createElement(Ve, { content: p, customTrigger: _ }) : _
+    p ? /* @__PURE__ */ e.createElement(Ve, { content: p, customTrigger: C }) : C
   );
 }, P2 = {
   info: "circleInfo",
@@ -2194,7 +2200,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
   discovery: "squareQuestion",
   code: "squareTerminal",
   earlyAccess: "leaf"
-}, Jn = (c) => {
+}, es = (c) => {
   var l = c, {
     children: t,
     title: n,
@@ -2242,7 +2248,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     "padding",
     "className"
   ]);
-  const l = "pds-card", o = t !== "default" ? `${l}--${t}` : null, p = s !== "standard" ? `${l}--pad-${s}` : null, g = Fe(n), u = g.image, m = g.main;
+  const l = "pds-card", o = t !== "default" ? `${l}--${t}` : null, p = s !== "standard" ? `${l}--pad-${s}` : null, g = Re(n), u = g.image, m = g.main;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -2284,7 +2290,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     }, d),
     a
   );
-}, e4 = (p) => {
+}, ts = (p) => {
   var g = p, {
     id: t,
     defaultValue: n,
@@ -2307,18 +2313,18 @@ const T2 = 500, _1 = 700, Ve = (u) => {
   const u = "pds-card-select-group";
   let m = `${u}__legend`;
   a === "center" && (m = `${u}__legend ${u}__legend--center`), a === "hidden" && (m = `${u}__legend visually-hidden`);
-  const [b, v] = Q(n), y = (_) => {
-    v(_.currentTarget.value), d && d(_.currentTarget.value);
-  }, C = c.length, E = "pds-grid-item", h = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", i = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  const [b, v] = Q(n), y = (C) => {
+    v(C.currentTarget.value), d && d(C.currentTarget.value);
+  }, _ = c.length, E = "pds-grid-item", h = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", i = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let f = "";
-  return r === "twoAcross" ? f = h : r === "threeAcross" ? f = i : r === "auto" && (C === 1 ? f = E : C % 3 === 0 ? f = i : C % 2 === 0 ? f = h : f = i), /* @__PURE__ */ e.createElement(
+  return r === "twoAcross" ? f = h : r === "threeAcross" ? f = i : r === "auto" && (_ === 1 ? f = E : _ % 3 === 0 ? f = i : _ % 2 === 0 ? f = h : f = i), /* @__PURE__ */ e.createElement(
     "fieldset",
     w({
       className: [u, l].join(" ").trim().replace(/\s+/g, " "),
       id: t
     }, o),
     /* @__PURE__ */ e.createElement("legend", { className: m }, s),
-    /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, c.map((_, $) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, c.map((C, $) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: [`${u}__option`, f].join(" ").trim().replace(/\s+/g, " "),
@@ -2328,32 +2334,32 @@ const T2 = 500, _1 = 700, Ve = (u) => {
         "input",
         {
           type: "radio",
-          id: _.id ? _.id : `${t}-option-${$}`,
+          id: C.id ? C.id : `${t}-option-${$}`,
           name: t,
-          value: _.value,
+          value: C.value,
           onClick: y,
-          defaultChecked: b === _.value
+          defaultChecked: b === C.value
         }
       ),
       /* @__PURE__ */ e.createElement(
         "label",
         {
-          htmlFor: _.id ? _.id : `${t}-option-${$}`,
-          className: b === _.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
+          htmlFor: C.id ? C.id : `${t}-option-${$}`,
+          className: b === C.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           j,
           {
-            iconName: b === _.value ? "circleCheck" : "circle",
+            iconName: b === C.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: b === _.value ? `${u}__option-icon ${u}__option-icon--selected` : `${u}__option-icon`
+            className: b === C.value ? `${u}__option-icon ${u}__option-icon--selected` : `${u}__option-icon`
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-text` }, _.label, _.description && /* @__PURE__ */ e.createElement("div", { className: `${u}__option-description` }, _.description))
+        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-text` }, C.label, C.description && /* @__PURE__ */ e.createElement("div", { className: `${u}__option-description` }, C.description))
       )
     )))
   );
-}, t4 = (l) => {
+}, ns = (l) => {
   var o = l, {
     headingLevel: t = "h2",
     headingText: n,
@@ -2390,7 +2396,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       className: `${p}__cta`
     }
   ));
-}, n4 = (d) => {
+}, ss = (d) => {
   var c = d, {
     linkItems: t,
     headingLevel: n = "h3",
@@ -2689,7 +2695,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
   )
 }, pt = {
   "early-access": { label: "Early Access", color: "success" }
-}, s4 = (g) => {
+}, ls = (g) => {
   var u = g, {
     badge: t,
     icon: n,
@@ -2728,12 +2734,12 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       }
     ),
     d && /* @__PURE__ */ e.createElement("div", { className: `${m}__summary` }, d)
-  ), l && l.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${m}__links` }, l.map((y, C) => {
+  ), l && l.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${m}__links` }, l.map((y, _) => {
     const E = y.type;
     return /* @__PURE__ */ e.createElement(
       E,
       w({
-        key: C,
+        key: _,
         className: `${m}__link`
       }, y.props),
       y.props.children,
@@ -3084,7 +3090,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     "className"
   ]);
   return /* @__PURE__ */ e.createElement("div", w({ className: N(["pds-payment-icon", n != null ? n : ""]) }, s), L1[t]);
-}, l4 = (g) => {
+}, as = (g) => {
   var u = g, {
     cardType: t,
     cardNumber: n,
@@ -3199,7 +3205,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     tooltipText: b = null,
     validationMessage: v,
     validationStatus: y,
-    value: C,
+    value: _,
     className: E
   } = f, h = P(f, [
     "defaultValue",
@@ -3222,15 +3228,15 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     "className"
   ]);
   var r2, t2;
-  const _ = Qe(a), $ = "pds-select", H = n ? ne.disabled : null, M = u && !n ? ne.required : null, L = y === "error" ? ne.error : null, k = y === "success" ? ne.success : null;
+  const C = Qe(a), $ = "pds-select", H = n ? ne.disabled : null, M = u && !n ? ne.required : null, L = y === "error" ? ne.error : null, k = y === "success" ? ne.success : null;
   let z = null;
   y === "error" && (z = "error"), y === "success" && (z = "success");
-  const x = v || c, R = typeof C != "undefined", D = typeof t != "undefined", O = ((be) => be.reduce((we, ve) => mt(ve) ? [...we, ...ve.options] : [...we, ve], []))(g), F = (be) => O.findIndex((we) => we.value === be), G = R && F(C) >= 0 ? F(C) : null, K = D ? F(t) : null, J = G || K, [te, Z] = Q(!1), [B, q] = Q(null), [A, I] = Q(
+  const x = v || c, R = typeof _ != "undefined", D = typeof t != "undefined", O = ((be) => be.reduce((we, ve) => mt(ve) ? [...we, ...ve.options] : [...we, ve], []))(g), F = (be) => O.findIndex((we) => we.value === be), G = R && F(_) >= 0 ? F(_) : null, K = D ? F(t) : null, J = G || K, [te, Z] = Q(!1), [B, q] = Q(null), [A, I] = Q(
     J != null ? J : null
   ), S = A !== null ? (r2 = O[A]) == null ? void 0 : r2.label : void 0, V = A !== null ? (t2 = O[A]) == null ? void 0 : t2.value : void 0, T = ce([]), { context: X, refs: ee, floatingStyles: ue } = Ie({
     open: te,
     onOpenChange: Z,
-    whileElementsMounted: Pe,
+    whileElementsMounted: Fe,
     middleware: [
       E2(({ placement: be }) => be.startsWith("top") ? 16 : 0),
       a1({
@@ -3274,10 +3280,10 @@ const T2 = 500, _1 = 700, Ve = (u) => {
   };
   le(() => {
     if (R) {
-      const be = F(C);
+      const be = F(_);
       I(be), Z(!1);
     }
-  }, [C]);
+  }, [_]);
   const Je = () => {
     l && l(V);
   }, e2 = () => {
@@ -3356,7 +3362,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
         k,
         E != null ? E : ""
       ]),
-      style: a ? _ : null
+      style: a ? C : null
     }, h),
     /* @__PURE__ */ e.createElement(
       Be,
@@ -3398,7 +3404,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       /* @__PURE__ */ e.createElement("div", { style: w({}, xe) }, /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${$}__options` }, d2(g)))
     ),
     x && /* @__PURE__ */ e.createElement(
-      Re,
+      Oe,
       {
         id: s,
         message: x,
@@ -3408,7 +3414,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       }
     )
   );
-}, a4 = (m) => {
+}, cs = (m) => {
   var b = m, {
     actionPrimary: t,
     actionSecondary: n,
@@ -3437,7 +3443,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     "statusBadgeType",
     "className"
   ]);
-  const v = "pds-pricing-card", y = `${v}-container`, C = s ? `${y}--with-list` : null, E = p ? `${v}--${p}` : null, h = (D) => D.toLowerCase().replace(/\s/g, "-"), i = c && c.length > 1, [f, _] = Q(
+  const v = "pds-pricing-card", y = `${v}-container`, _ = s ? `${y}--with-list` : null, E = p ? `${v}--${p}` : null, h = (D) => D.toLowerCase().replace(/\s/g, "-"), i = c && c.length > 1, [f, C] = Q(
     h(c[0].label)
   ), [$, H] = Q(
     t.label
@@ -3516,7 +3522,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       })),
       defaultValue: h(c[0].label),
       onOptionSelect: (D) => {
-        _(D.value), H(k(D.value)), a && a(D.value);
+        C(D.value), H(k(D.value)), a && a(D.value);
       }
     }
   ));
@@ -3560,7 +3566,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
   ))), /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: N([y, C, g])
+      className: N([y, _, g])
     }, u),
     /* @__PURE__ */ e.createElement("div", { className: N([v, E]) }, p && /* @__PURE__ */ e.createElement(
       Y2,
@@ -3572,7 +3578,7 @@ const T2 = 500, _1 = 700, Ve = (u) => {
     ), /* @__PURE__ */ e.createElement("div", { className: `${v}__main-content` }, d && /* @__PURE__ */ e.createElement("div", { className: `${v}__plan pds-overline-text` }, d), M, r && /* @__PURE__ */ e.createElement("div", { className: `${v}__description` }, r), z), /* @__PURE__ */ e.createElement("div", { className: `${v}__actions` }, t && x, t && n && R)),
     s && L
   );
-}, c4 = (p) => {
+}, rs = (p) => {
   var g = p, {
     gotoText: t = "Go to",
     headingLevel: n = "h3",
@@ -3610,12 +3616,12 @@ const T2 = 500, _1 = 700, Ve = (u) => {
       level: n,
       text: r
     }
-  ), v), /* @__PURE__ */ e.createElement("div", { className: `${u}__plan` }, d))), C = Me(a) ? Se(a, ie(w({}, a.props), {
+  ), v), /* @__PURE__ */ e.createElement("div", { className: `${u}__plan` }, d))), _ = Me(a) ? Se(a, ie(w({}, a.props), {
     className: `${u}__link`,
     children: y,
     "aria-label": `${t} ${r} dashboard`
   })) : null;
-  return /* @__PURE__ */ e.createElement("div", w({ className: N([u, l != null ? l : ""]) }, o), C);
+  return /* @__PURE__ */ e.createElement("div", w({ className: N([u, l != null ? l : ""]) }, o), _);
 };
 var ft = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
 function z1(t) {
@@ -3731,26 +3737,26 @@ var Ot = { exports: {} };
          */
         clone: function h(i, f) {
           f = f || {};
-          var _, $;
+          var C, $;
           switch (l.util.type(i)) {
             case "Object":
               if ($ = l.util.objId(i), f[$])
                 return f[$];
-              _ = /** @type {Record<string, any>} */
-              {}, f[$] = _;
+              C = /** @type {Record<string, any>} */
+              {}, f[$] = C;
               for (var H in i)
-                i.hasOwnProperty(H) && (_[H] = h(i[H], f));
+                i.hasOwnProperty(H) && (C[H] = h(i[H], f));
               return (
                 /** @type {any} */
-                _
+                C
               );
             case "Array":
-              return $ = l.util.objId(i), f[$] ? f[$] : (_ = [], f[$] = _, /** @type {Array} */
+              return $ = l.util.objId(i), f[$] ? f[$] : (C = [], f[$] = C, /** @type {Array} */
               /** @type {any} */
               i.forEach(function(M, L) {
-                _[L] = h(M, f);
+                C[L] = h(M, f);
               }), /** @type {any} */
-              _);
+              C);
             default:
               return i;
           }
@@ -3799,8 +3805,8 @@ var Ot = { exports: {} };
             );
           try {
             throw new Error();
-          } catch (_) {
-            var h = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(_.stack) || [])[1];
+          } catch (C) {
+            var h = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(C.stack) || [])[1];
             if (h) {
               var i = document.getElementsByTagName("script");
               for (var f in i)
@@ -3830,11 +3836,11 @@ var Ot = { exports: {} };
          * @returns {boolean}
          */
         isActive: function(h, i, f) {
-          for (var _ = "no-" + i; h; ) {
+          for (var C = "no-" + i; h; ) {
             var $ = h.classList;
             if ($.contains(i))
               return !0;
-            if ($.contains(_))
+            if ($.contains(C))
               return !1;
             h = h.parentElement;
           }
@@ -3886,8 +3892,8 @@ var Ot = { exports: {} };
          */
         extend: function(h, i) {
           var f = l.util.clone(l.languages[h]);
-          for (var _ in i)
-            f[_] = i[_];
+          for (var C in i)
+            f[C] = i[C];
           return f;
         },
         /**
@@ -3965,10 +3971,10 @@ var Ot = { exports: {} };
          * @returns {Grammar} The new grammar object.
          * @public
          */
-        insertBefore: function(h, i, f, _) {
-          _ = _ || /** @type {any} */
+        insertBefore: function(h, i, f, C) {
+          C = C || /** @type {any} */
           l.languages;
-          var $ = _[h], H = {};
+          var $ = C[h], H = {};
           for (var M in $)
             if ($.hasOwnProperty(M)) {
               if (M == i)
@@ -3976,18 +3982,18 @@ var Ot = { exports: {} };
                   f.hasOwnProperty(L) && (H[L] = f[L]);
               f.hasOwnProperty(M) || (H[M] = $[M]);
             }
-          var k = _[h];
-          return _[h] = H, l.languages.DFS(l.languages, function(z, x) {
+          var k = C[h];
+          return C[h] = H, l.languages.DFS(l.languages, function(z, x) {
             x === k && z != h && (this[z] = H);
           }), H;
         },
         // Traverse a language definition with Depth First Search
-        DFS: function h(i, f, _, $) {
+        DFS: function h(i, f, C, $) {
           $ = $ || {};
           var H = l.util.objId;
           for (var M in i)
             if (i.hasOwnProperty(M)) {
-              f.call(i, M, i[M], _ || M);
+              f.call(i, M, i[M], C || M);
               var L = i[M], k = l.util.type(L);
               k === "Object" && !$[H(L)] ? ($[H(L)] = !0, h(L, f, null, $)) : k === "Array" && !$[H(L)] && ($[H(L)] = !0, h(L, f, M, $));
             }
@@ -4025,14 +4031,14 @@ var Ot = { exports: {} };
        * @public
        */
       highlightAllUnder: function(h, i, f) {
-        var _ = {
+        var C = {
           callback: f,
           container: h,
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
-        l.hooks.run("before-highlightall", _), _.elements = Array.prototype.slice.apply(_.container.querySelectorAll(_.selector)), l.hooks.run("before-all-elements-highlight", _);
-        for (var $ = 0, H; H = _.elements[$++]; )
-          l.highlightElement(H, i === !0, _.callback);
+        l.hooks.run("before-highlightall", C), C.elements = Array.prototype.slice.apply(C.container.querySelectorAll(C.selector)), l.hooks.run("before-all-elements-highlight", C);
+        for (var $ = 0, H; H = C.elements[$++]; )
+          l.highlightElement(H, i === !0, C.callback);
       },
       /**
        * Highlights the code inside a single element.
@@ -4063,13 +4069,13 @@ var Ot = { exports: {} };
        * @public
        */
       highlightElement: function(h, i, f) {
-        var _ = l.util.getLanguage(h), $ = l.languages[_];
-        l.util.setLanguage(h, _);
+        var C = l.util.getLanguage(h), $ = l.languages[C];
+        l.util.setLanguage(h, C);
         var H = h.parentElement;
-        H && H.nodeName.toLowerCase() === "pre" && l.util.setLanguage(H, _);
+        H && H.nodeName.toLowerCase() === "pre" && l.util.setLanguage(H, C);
         var M = h.textContent, L = {
           element: h,
-          language: _,
+          language: C,
           grammar: $,
           code: M
         };
@@ -4117,14 +4123,14 @@ var Ot = { exports: {} };
        * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
        */
       highlight: function(h, i, f) {
-        var _ = {
+        var C = {
           code: h,
           grammar: i,
           language: f
         };
-        if (l.hooks.run("before-tokenize", _), !_.grammar)
-          throw new Error('The language "' + _.language + '" has no grammar.');
-        return _.tokens = l.tokenize(_.code, _.grammar), l.hooks.run("after-tokenize", _), o.stringify(l.util.encode(_.tokens), _.language);
+        if (l.hooks.run("before-tokenize", C), !C.grammar)
+          throw new Error('The language "' + C.language + '" has no grammar.');
+        return C.tokens = l.tokenize(C.code, C.grammar), l.hooks.run("after-tokenize", C), o.stringify(l.util.encode(C.tokens), C.language);
       },
       /**
        * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
@@ -4153,8 +4159,8 @@ var Ot = { exports: {} };
       tokenize: function(h, i) {
         var f = i.rest;
         if (f) {
-          for (var _ in f)
-            i[_] = f[_];
+          for (var C in f)
+            i[C] = f[C];
           delete i.rest;
         }
         var $ = new u();
@@ -4195,24 +4201,24 @@ var Ot = { exports: {} };
         run: function(h, i) {
           var f = l.hooks.all[h];
           if (!(!f || !f.length))
-            for (var _ = 0, $; $ = f[_++]; )
+            for (var C = 0, $; $ = f[C++]; )
               $(i);
         }
       },
       Token: o
     };
     a.Prism = l;
-    function o(h, i, f, _) {
-      this.type = h, this.content = i, this.alias = f, this.length = (_ || "").length | 0;
+    function o(h, i, f, C) {
+      this.type = h, this.content = i, this.alias = f, this.length = (C || "").length | 0;
     }
     o.stringify = function h(i, f) {
       if (typeof i == "string")
         return i;
       if (Array.isArray(i)) {
-        var _ = "";
+        var C = "";
         return i.forEach(function(k) {
-          _ += h(k, f);
-        }), _;
+          C += h(k, f);
+        }), C;
       }
       var $ = {
         type: i.type,
@@ -4228,16 +4234,16 @@ var Ot = { exports: {} };
         M += " " + L + '="' + ($.attributes[L] || "").replace(/"/g, "&quot;") + '"';
       return "<" + $.tag + ' class="' + $.classes.join(" ") + '"' + M + ">" + $.content + "</" + $.tag + ">";
     };
-    function p(h, i, f, _) {
+    function p(h, i, f, C) {
       h.lastIndex = i;
       var $ = h.exec(f);
-      if ($ && _ && $[1]) {
+      if ($ && C && $[1]) {
         var H = $[1].length;
         $.index += H, $[0] = $[0].slice(H);
       }
       return $;
     }
-    function g(h, i, f, _, $, H) {
+    function g(h, i, f, C, $, H) {
       for (var M in f)
         if (!(!f.hasOwnProperty(M) || !f[M])) {
           var L = f[M];
@@ -4250,7 +4256,7 @@ var Ot = { exports: {} };
               var O = z.pattern.toString().match(/[imsuy]*$/)[0];
               z.pattern = RegExp(z.pattern.source, O + "g");
             }
-            for (var F = z.pattern || z, G = _.next, K = $; G !== i.tail && !(H && K >= H.reach); K += G.value.length, G = G.next) {
+            for (var F = z.pattern || z, G = C.next, K = $; G !== i.tail && !(H && K >= H.reach); K += G.value.length, G = G.next) {
               var J = G.value;
               if (i.length > h.length)
                 return;
@@ -4291,13 +4297,13 @@ var Ot = { exports: {} };
       h.next = i, this.head = h, this.tail = i, this.length = 0;
     }
     function m(h, i, f) {
-      var _ = i.next, $ = { value: f, prev: i, next: _ };
-      return i.next = $, _.prev = $, h.length++, $;
+      var C = i.next, $ = { value: f, prev: i, next: C };
+      return i.next = $, C.prev = $, h.length++, $;
     }
     function b(h, i, f) {
-      for (var _ = i.next, $ = 0; $ < f && _ !== h.tail; $++)
-        _ = _.next;
-      i.next = _, _.prev = i, h.length -= $;
+      for (var C = i.next, $ = 0; $ < f && C !== h.tail; $++)
+        C = C.next;
+      i.next = C, C.prev = i, h.length -= $;
     }
     function v(h) {
       for (var i = [], f = h.head.next; f !== h.tail; )
@@ -4306,17 +4312,17 @@ var Ot = { exports: {} };
     }
     if (!a.document)
       return a.addEventListener && (l.disableWorkerMessageHandler || a.addEventListener("message", function(h) {
-        var i = JSON.parse(h.data), f = i.language, _ = i.code, $ = i.immediateClose;
-        a.postMessage(l.highlight(_, l.languages[f], f)), $ && a.close();
+        var i = JSON.parse(h.data), f = i.language, C = i.code, $ = i.immediateClose;
+        a.postMessage(l.highlight(C, l.languages[f], f)), $ && a.close();
       }, !1)), l;
     var y = l.util.currentScript();
     y && (l.filename = y.src, y.hasAttribute("data-manual") && (l.manual = !0));
-    function C() {
+    function _() {
       l.manual || l.highlightAll();
     }
     if (!l.manual) {
       var E = document.readyState;
-      E === "loading" || E === "interactive" && y && y.defer ? document.addEventListener("DOMContentLoaded", C) : window.requestAnimationFrame ? window.requestAnimationFrame(C) : window.setTimeout(C, 16);
+      E === "loading" || E === "interactive" && y && y.defer ? document.addEventListener("DOMContentLoaded", _) : window.requestAnimationFrame ? window.requestAnimationFrame(_) : window.setTimeout(_, 16);
     }
     return l;
   }(n);
@@ -4540,10 +4546,10 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
     "textSize",
     "className"
   ]);
-  const u = "pds-skeleton", m = `${u}--${s}`, b = n ? `pds-pulse pds-pulse--${t}` : `${u}--${t}`, v = ["text-block", "code-block", "code-block-prefix"], y = a != null && a.height ? typeof a.height == "number" ? `${a.height}rem` : `${gt[`SPACING_${a.height.toUpperCase()}`]}rem` : "1rem", C = a != null && a.width ? typeof a.width == "number" ? `${a.width}rem` : `${gt[`SPACING_${a.width.toUpperCase()}`]}rem` : "100%";
+  const u = "pds-skeleton", m = `${u}--${s}`, b = n ? `pds-pulse pds-pulse--${t}` : `${u}--${t}`, v = ["text-block", "code-block", "code-block-prefix"], y = a != null && a.height ? typeof a.height == "number" ? `${a.height}rem` : `${gt[`SPACING_${a.height.toUpperCase()}`]}rem` : "1rem", _ = a != null && a.width ? typeof a.width == "number" ? `${a.width}rem` : `${gt[`SPACING_${a.width.toUpperCase()}`]}rem` : "100%";
   let E = {
     height: y,
-    width: C
+    width: _
   };
   s === "circular" && (E = ie(w({}, E), {
     width: E.height
@@ -4559,25 +4565,25 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
       ]),
       style: E
     }, o)
-  ), _ = Math.max(1, Math.min(d, s === "code-block" || s === "code-block-prefix" ? 15 : 5));
+  ), C = Math.max(1, Math.min(d, s === "code-block" || s === "code-block-prefix" ? 15 : 5));
   let $ = `${Ct[`TYPE_SCALE_${c.toUpperCase()}`] * 0.75}rem`;
   (s === "code-block" || s === "code-block-prefix") && ($ = `${Ct[`TYPE_SCALE_${c.toUpperCase()}`] * 1.25}rem`);
   const H = `calc(var(--pds-typography-size-${c}) * 0.75)`, M = (x) => {
     if (s === "text-block") {
       if (r || x === 0)
-        return C;
+        return _;
       const R = x + 1;
-      return R === 2 ? `calc(${C} * 0.75)` : R % 2 === 1 ? `calc(${C} * 0.85)` : `calc(${C} * 0.75)`;
+      return R === 2 ? `calc(${_} * 0.75)` : R % 2 === 1 ? `calc(${_} * 0.85)` : `calc(${_} * 0.75)`;
     }
     if (s === "code-block" || s === "code-block-prefix")
-      return x === _ - 1 ? `calc(${C} * 0.80)` : C;
+      return x === C - 1 ? `calc(${_} * 0.80)` : _;
   }, L = () => `var(--pds-typography-size-${c})`, k = (x) => {
-    if (!(s === "code-block" || s === "code-block-prefix") || _ < 5)
+    if (!(s === "code-block" || s === "code-block-prefix") || C < 5)
       return 1;
-    const D = Math.ceil(_ / 2), W = Math.max(0, D - 1);
+    const D = Math.ceil(C / 2), W = Math.max(0, D - 1);
     if (x < W)
       return 1;
-    const O = _ - W, F = x - W, G = 1 - 0.1, K = F / O, J = 1 - G * K;
+    const O = C - W, F = x - W, G = 1 - 0.1, K = F / O, J = 1 - G * K;
     return Math.max(0.1, J);
   }, z = /* @__PURE__ */ e.createElement(
     "div",
@@ -4593,7 +4599,7 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
         // Ensure container takes full width when no width specified
       }
     }, o),
-    Array.from({ length: _ }, (x, R) => /* @__PURE__ */ e.createElement(
+    Array.from({ length: C }, (x, R) => /* @__PURE__ */ e.createElement(
       "div",
       {
         key: R,
@@ -4894,8 +4900,8 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
     value: n
   });
 })(Prism);
-const r4 = (C) => {
-  var E = C, {
+const os = (_) => {
+  var E = _, {
     code: t,
     colorType: n = "dark",
     copyButtonLabel: s = "Copy to clipboard",
@@ -4928,8 +4934,8 @@ const r4 = (C) => {
     "shouldWrap",
     "className"
   ]);
-  const h = "pds-code-block", i = `${h}--${n}`, f = b ? `${h}__line-wrapped` : "", _ = {};
-  c && (_.height = `${c}rem`), g && (_.maxHeight = `${g}rem`);
+  const h = "pds-code-block", i = `${h}--${n}`, f = b ? `${h}__line-wrapped` : "", C = {};
+  c && (C.height = `${c}rem`), g && (C.maxHeight = `${g}rem`);
   const $ = n === "dark" ? "reverse" : "standard", H = n === "dark" ? S1 : I1, M = ["bash", "diff", "twig"], L = /* @__PURE__ */ e.createElement("div", { className: `${h}__code` }, /* @__PURE__ */ e.createElement(
     cn,
     {
@@ -4963,7 +4969,7 @@ const r4 = (C) => {
       "div",
       w({
         className: N([h, i, v != null ? v : ""]),
-        style: _
+        style: C
       }, y),
       l ? L : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("pre", { className: `${h}__code`, tabIndex: 0 }, r || d ? r ? /* @__PURE__ */ e.createElement(e.Fragment, null, z(t)) : /* @__PURE__ */ e.createElement(e.Fragment, null, x(t)) : /* @__PURE__ */ e.createElement(
         "div",
@@ -4986,7 +4992,7 @@ const r4 = (C) => {
     "div",
     w({
       className: N([h, i, v != null ? v : ""]),
-      style: _
+      style: C
     }, y),
     l ? L : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       m2,
@@ -5032,7 +5038,7 @@ const r4 = (C) => {
       }
     )
   );
-}, o4 = (p) => {
+}, is = (p) => {
   var g = p, {
     backgroundColor: t = "default",
     containerWidth: n = "standard",
@@ -5073,7 +5079,7 @@ const r4 = (C) => {
       c
     ))
   );
-}, i4 = (d) => {
+}, ds = (d) => {
   var c = d, {
     title: t,
     status: n,
@@ -5100,7 +5106,7 @@ const r4 = (C) => {
       className: `${l}__stat-status ${l}__stat-status--${n}`
     }
   ), s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stat-value` }, s)));
-}, d4 = (l) => {
+}, ms = (l) => {
   var o = l, {
     iconName: t,
     linkContent: n,
@@ -5161,7 +5167,7 @@ const r4 = (C) => {
     }
   );
   return /* @__PURE__ */ e.createElement("div", w({ className: N([c, s != null ? s : ""]) }, a), t === "vimeo" ? o : l);
-}, m4 = (m) => {
+}, us = (m) => {
   var b = m, {
     alignment: t = "center",
     ctaRegion: n,
@@ -5190,17 +5196,17 @@ const r4 = (C) => {
   let v = !1;
   const y = $e(Le);
   y && (v = y.isMobile);
-  const C = "pds-horizontal-empty-state", E = `${C}--${t}`, h = v ? `${C}--isMobile` : null, i = a ? `${C}--panel` : null, f = l ? `${C}--video` : null, _ = {
+  const _ = "pds-horizontal-empty-state", E = `${_}--${t}`, h = v ? `${_}--isMobile` : null, i = a ? `${_}--panel` : null, f = l ? `${_}--video` : null, C = {
     width: o,
     marginLeft: p
   };
-  typeof c == "string" ? c = /* @__PURE__ */ e.createElement("p", { className: `${C}__message` }, c) : c = /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, c);
-  const $ = l && /* @__PURE__ */ e.createElement("div", { className: `${C}__media` }, /* @__PURE__ */ e.createElement(on, { platform: l.platform, videoId: l.videoId }));
+  typeof c == "string" ? c = /* @__PURE__ */ e.createElement("p", { className: `${_}__message` }, c) : c = /* @__PURE__ */ e.createElement("div", { className: `${_}__message` }, c);
+  const $ = l && /* @__PURE__ */ e.createElement("div", { className: `${_}__media` }, /* @__PURE__ */ e.createElement(on, { platform: l.platform, videoId: l.videoId }));
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: N([
-        C,
+        _,
         E,
         h,
         i,
@@ -5209,19 +5215,19 @@ const r4 = (C) => {
       ])
     }, u),
     v && l && $,
-    /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${_}__content` }, /* @__PURE__ */ e.createElement(
       Ye,
       {
-        baseClass: C,
+        baseClass: _,
         className: `${a ? "pds-ts-2xl" : "pds-ts-4xl"} pds-fw-bold`,
         level: d
       },
       r
-    ), c && c, n && /* @__PURE__ */ e.createElement("div", { className: `${C}__cta` }, n)),
-    !v && s && !l && /* @__PURE__ */ e.createElement("div", { className: `${C}__media`, style: _ }, typeof s == "string" ? /* @__PURE__ */ e.createElement("img", { className: `${C}__image`, src: s, alt: "" }) : s),
+    ), c && c, n && /* @__PURE__ */ e.createElement("div", { className: `${_}__cta` }, n)),
+    !v && s && !l && /* @__PURE__ */ e.createElement("div", { className: `${_}__media`, style: C }, typeof s == "string" ? /* @__PURE__ */ e.createElement("img", { className: `${_}__image`, src: s, alt: "" }) : s),
     !v && l && $
   );
-}, u4 = (p) => {
+}, ps = (p) => {
   var g = p, {
     ctaRegion: t,
     image: n,
@@ -5260,7 +5266,7 @@ const r4 = (C) => {
     },
     r
   ), c && c), t && /* @__PURE__ */ e.createElement("div", { className: `${u}__cta` }, t));
-}, p4 = (c) => {
+}, hs = (c) => {
   var l = c, {
     additions: t = 4,
     deletions: n = 2,
@@ -5326,7 +5332,7 @@ const r4 = (C) => {
       )
     ))
   );
-}, h4 = (r) => {
+}, fs = (r) => {
   var d = r, {
     contentAlignment: t = "indented",
     steps: n,
@@ -5369,7 +5375,7 @@ const r4 = (C) => {
     }, a),
     n
   );
-}, f4 = (d) => {
+}, gs = (d) => {
   var c = d, {
     headingLevel: t,
     headingText: n,
@@ -5390,7 +5396,7 @@ const r4 = (C) => {
       headingText: n
     }
   ), /* @__PURE__ */ e.createElement("ul", { className: `${l}__list`, role: "list" }, s.map((o, p) => /* @__PURE__ */ e.createElement("li", { key: p, className: `${l}__item` }, o))));
-}, g4 = (d) => {
+}, Cs = (d) => {
   var c = d, {
     containerWidth: t = "standard",
     children: n,
@@ -5430,12 +5436,12 @@ const r4 = (C) => {
       onFocus: b,
       required: v,
       showLabel: y = !0,
-      size: C = "M",
+      size: _ = "M",
       validationMessage: E,
       validationStatus: h,
       value: i,
       className: f
-    } = M, _ = P(M, [
+    } = M, C = P(M, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -5458,7 +5464,7 @@ const r4 = (C) => {
       "value",
       "className"
     ]);
-    const L = c ? { width: `${c / 16}rem` } : null, k = "pds-checkbox", z = s ? ne.disabled : null, x = h === "error" ? ne.error : null, R = g > 0 ? `${k}--indent-${g}` : null, D = v && !s ? ne.required : null, W = C === "S" ? `${k}--sm` : null, O = h === "success" ? ne.success : null, F = E || o, G = typeof t != "undefined", K = typeof n != "undefined", [J, te] = Q(
+    const L = c ? { width: `${c / 16}rem` } : null, k = "pds-checkbox", z = s ? ne.disabled : null, x = h === "error" ? ne.error : null, R = g > 0 ? `${k}--indent-${g}` : null, D = v && !s ? ne.required : null, W = _ === "S" ? `${k}--sm` : null, O = h === "success" ? ne.success : null, F = E || o, G = typeof t != "undefined", K = typeof n != "undefined", [J, te] = Q(
       K ? n : !1
     ), Z = t || J, B = (V) => {
       G || te(V.target.checked), m && m(V);
@@ -5496,7 +5502,7 @@ const r4 = (C) => {
           f != null ? f : ""
         ].join(" ").trim().replace(/\s+/g, " "),
         style: c ? L : null
-      }, _),
+      }, C),
       /* @__PURE__ */ e.createElement("div", { className: `${k}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "input",
         w(ie(w({
@@ -5538,7 +5544,7 @@ const r4 = (C) => {
         v && !s && /* @__PURE__ */ e.createElement(St, null)
       ))),
       F && /* @__PURE__ */ e.createElement(
-        Re,
+        Oe,
         {
           id: a,
           message: F,
@@ -5549,7 +5555,7 @@ const r4 = (C) => {
       )
     );
   }
-), C4 = (v) => {
+), _s = (v) => {
   var y = v, {
     children: t,
     disabled: n = !1,
@@ -5579,7 +5585,7 @@ const r4 = (C) => {
     "validationStatus",
     "className"
   ]);
-  const C = r ? { width: `${r / 16}rem` } : null, E = "pds-checkbox-group", h = n ? ne.disabled : null, i = l && !n ? ne.required : null, f = u === "error" ? ne.error : null, _ = u === "success" ? ne.success : null, $ = g || c;
+  const _ = r ? { width: `${r / 16}rem` } : null, E = "pds-checkbox-group", h = n ? ne.disabled : null, i = l && !n ? ne.required : null, f = u === "error" ? ne.error : null, C = u === "success" ? ne.success : null, $ = g || c;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -5588,10 +5594,10 @@ const r4 = (C) => {
         h,
         i,
         f,
-        _,
+        C,
         m != null ? m : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: r ? C : null
+      style: r ? _ : null
     }, b),
     /* @__PURE__ */ e.createElement("fieldset", w({ className: `${E}__fieldset`, id: a }, s), /* @__PURE__ */ e.createElement(
       Be,
@@ -5606,7 +5612,7 @@ const r4 = (C) => {
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${E}__options` }, t)),
     $ && /* @__PURE__ */ e.createElement(
-      Re,
+      Oe,
       {
         id: a,
         message: $,
@@ -5616,8 +5622,8 @@ const r4 = (C) => {
       }
     )
   );
-}, _4 = (C) => {
-  var E = C, {
+}, Es = (_) => {
+  var E = _, {
     disabled: t = !1,
     fieldsetProps: n,
     id: s,
@@ -5650,7 +5656,7 @@ const r4 = (C) => {
     "validationStatus",
     "className"
   ]);
-  const h = a ? { width: `${a / 16}rem` } : null, i = "pds-checkbox-group", f = t ? ne.disabled : null, _ = p && !t ? ne.required : null, $ = b === "error" ? ne.error : null, H = b === "success" ? ne.success : null, M = m || d;
+  const h = a ? { width: `${a / 16}rem` } : null, i = "pds-checkbox-group", f = t ? ne.disabled : null, C = p && !t ? ne.required : null, $ = b === "error" ? ne.error : null, H = b === "success" ? ne.success : null, M = m || d;
   o.map((D) => {
     D.id || (D.id = D.value);
   });
@@ -5676,7 +5682,7 @@ const r4 = (C) => {
       className: [
         i,
         f,
-        _,
+        C,
         $,
         H,
         v != null ? v : ""
@@ -5710,7 +5716,7 @@ const r4 = (C) => {
       }
     )))),
     M && /* @__PURE__ */ e.createElement(
-      Re,
+      Oe,
       {
         id: s,
         message: M,
@@ -5744,12 +5750,12 @@ const r4 = (C) => {
       noResultsText: b = "No results found",
       onChange: v,
       onBlur: y,
-      onClear: C,
+      onClear: _,
       onFocus: E,
       onOptionSelect: h,
       options: i,
       placeholder: f,
-      required: _ = !1,
+      required: C = !1,
       showLabel: $ = !0,
       tooltipText: H = null,
       value: M,
@@ -5786,7 +5792,7 @@ const r4 = (C) => {
       "validationStatus",
       "className"
     ]);
-    const O = Qe(l), F = "pds-combobox", G = n ? ne.disabled : null, K = _ && !n ? ne.required : null, J = k === "error" ? ne.error : null, te = k === "success" ? ne.success : null;
+    const O = Qe(l), F = "pds-combobox", G = n ? ne.disabled : null, K = C && !n ? ne.required : null, J = k === "error" ? ne.error : null, te = k === "success" ? ne.success : null;
     let Z = null;
     r && (Z = "search"), k === "error" && (Z = "error"), k === "success" && (Z = "success");
     const B = L || m, q = typeof M != "undefined", A = typeof t != "undefined", I = (Y) => {
@@ -5797,7 +5803,7 @@ const r4 = (C) => {
     ), [de, Ce] = Q([]), _e = q ? M : ee, re = ce([]), { context: he, refs: pe } = Ie({
       open: S,
       onOpenChange: V,
-      whileElementsMounted: Pe
+      whileElementsMounted: Fe
     }), me = Te(he, { role: "listbox" }), ye = Ae(he), xe = o2(he, {
       listRef: re,
       activeIndex: T,
@@ -5823,7 +5829,7 @@ const r4 = (C) => {
       V(!S);
     }, t2 = () => {
       var Y;
-      !q && ue(""), X(null), V(!0), (Y = pe.domReference.current) == null || Y.focus(), C && C();
+      !q && ue(""), X(null), V(!0), (Y = pe.domReference.current) == null || Y.focus(), _ && _();
     }, be = (Y) => {
       let se = Y.target.value;
       v && v(Y), q || (se.length > 0 && (se = se.trimStart()), ue(se)), se ? (X(null), V(!0)) : V(!1);
@@ -5898,7 +5904,7 @@ const r4 = (C) => {
           label: p,
           showLabel: $,
           tooltipText: H,
-          required: _,
+          required: C,
           disabled: n
         }
       ),
@@ -5909,7 +5915,7 @@ const r4 = (C) => {
           ref: R,
           id: c,
           "aria-disabled": n ? !0 : null,
-          "aria-required": _ ? !0 : null,
+          "aria-required": C ? !0 : null,
           "aria-invalid": k === "error" ? !0 : null,
           "aria-describedby": B ? `${c}__message` : null
         },
@@ -5985,7 +5991,7 @@ const r4 = (C) => {
         /* @__PURE__ */ e.createElement("div", { style: w({}, d2) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${F}__loading` }, u) : de.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${F}__options` }, ae) : /* @__PURE__ */ e.createElement("div", { className: `${F}__no-results` }, b))
       ),
       B && /* @__PURE__ */ e.createElement(
-        Re,
+        Oe,
         {
           id: c,
           message: B,
@@ -6005,8 +6011,8 @@ const r4 = (C) => {
       (d) => d.id === r.id
     )
   }));
-}, E4 = (C) => {
-  var E = C, {
+}, vs = (_) => {
+  var E = _, {
     disabled: t = !1,
     id: n,
     initialSelectedItems: s = [],
@@ -6042,7 +6048,7 @@ const r4 = (C) => {
     "showLabel",
     "className"
   ]);
-  const h = Qe(a), i = "pds-combobox-multi", f = t ? ne.disabled : null, _ = m && !t ? ne.required : null, [$, H] = Q(""), [M, L] = Q(s), [k, z] = Q(
+  const h = Qe(a), i = "pds-combobox-multi", f = t ? ne.disabled : null, C = m && !t ? ne.required : null, [$, H] = Q(""), [M, L] = Q(s), [k, z] = Q(
     null
   ), x = Ht(
     () => pn(g, M, $),
@@ -6134,7 +6140,7 @@ const r4 = (C) => {
         ne.base,
         i,
         f,
-        _,
+        C,
         v != null ? v : ""
       ]),
       style: a ? h : null
@@ -6231,9 +6237,9 @@ const r4 = (C) => {
       ))) : /* @__PURE__ */ e.createElement("div", { className: `${i}__no-results` }, o)
     )
   );
-}, v4 = Ue(
-  (_, f) => {
-    var $ = _, {
+}, bs = Ue(
+  (C, f) => {
+    var $ = C, {
       accept: t,
       defaultValue: n,
       disabled: s = !1,
@@ -6253,7 +6259,7 @@ const r4 = (C) => {
       showFullPath: b,
       showLabel: v = !0,
       tooltipText: y = null,
-      validationMessage: C,
+      validationMessage: _,
       validationStatus: E,
       className: h
     } = $, i = P($, [
@@ -6282,7 +6288,7 @@ const r4 = (C) => {
     ), z = Qe(c), x = "pds-file-upload", R = s ? ne.disabled : null, D = m && !s ? ne.required : null, W = E === "error" ? ne.error : null, O = E === "success" ? ne.success : null, F = L ? `${x}--safari-default` : null;
     let G = null;
     E === "error" && (G = "error"), E === "success" && (G = "success");
-    const K = C || o, J = n ? [n] : null, te = n ? n.split("/").pop() : null, Z = b ? n : te, B = n ? new File(J, Z) : null;
+    const K = _ || o, J = n ? [n] : null, te = n ? n.split("/").pop() : null, Z = b ? n : te, B = n ? new File(J, Z) : null;
     le(() => {
       const S = new DataTransfer();
       if (B && S.items.add(B), S.files.length > 0) {
@@ -6370,18 +6376,18 @@ const r4 = (C) => {
         }
       )),
       K && /* @__PURE__ */ e.createElement(
-        Re,
+        Oe,
         {
           id: r,
           message: K,
-          hasValidationMessage: !!C,
+          hasValidationMessage: !!_,
           validationMessageHasDecorators: !1,
           validationStatus: E
         }
       )
     );
   }
-), b4 = (a) => {
+), $s = (a) => {
   var r = a, {
     children: t,
     className: n
@@ -6389,8 +6395,8 @@ const r4 = (C) => {
     "children",
     "className"
   ]);
-  var b, v, y, C;
-  const d = "pds-input-group", c = [t[0], t[1]], l = (b = t[0].props.id) != null ? b : null, o = (v = t[0].props.message) != null ? v : null, p = (y = t[0].props.validationMessage) != null ? y : null, g = (C = t[0].props.validationStatus) != null ? C : null, u = p || o, m = u ? `${d}--has-message` : null;
+  var b, v, y, _;
+  const d = "pds-input-group", c = [t[0], t[1]], l = (b = t[0].props.id) != null ? b : null, o = (v = t[0].props.message) != null ? v : null, p = (y = t[0].props.validationMessage) != null ? y : null, g = (_ = t[0].props.validationStatus) != null ? _ : null, u = p || o, m = u ? `${d}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -6398,7 +6404,7 @@ const r4 = (C) => {
     }, s),
     /* @__PURE__ */ e.createElement("div", { className: `${d}__inner` }, c),
     u && /* @__PURE__ */ e.createElement(
-      Re,
+      Oe,
       {
         forInputGroup: !0,
         id: l,
@@ -6409,7 +6415,7 @@ const r4 = (C) => {
       }
     )
   );
-}, $4 = (i) => {
+}, ys = (i) => {
   var f = i, {
     defaultValue: t,
     disabled: n = !1,
@@ -6427,7 +6433,7 @@ const r4 = (C) => {
     tooltipText: b = null,
     validationMessage: v,
     validationStatus: y,
-    value: C,
+    value: _,
     className: E
   } = f, h = P(f, [
     "defaultValue",
@@ -6449,7 +6455,7 @@ const r4 = (C) => {
     "value",
     "className"
   ]);
-  const _ = "pds-radio-group", $ = n ? ne.disabled : null, H = u && !n ? ne.required : null, M = y === "error" ? ne.error : null, L = y === "success" ? ne.success : null, k = typeof C != "undefined", z = typeof t != "undefined", [x, R] = Q(
+  const C = "pds-radio-group", $ = n ? ne.disabled : null, H = u && !n ? ne.required : null, M = y === "error" ? ne.error : null, L = y === "success" ? ne.success : null, k = typeof _ != "undefined", z = typeof t != "undefined", [x, R] = Q(
     z ? t : ""
   ), D = v || c, W = (F) => {
     k || R(F.target.value), o && o(F), p && p(F.target.value);
@@ -6460,7 +6466,7 @@ const r4 = (C) => {
     "div",
     w({
       className: N([
-        _,
+        C,
         $,
         H,
         M,
@@ -6469,7 +6475,7 @@ const r4 = (C) => {
       ]),
       style: Qe(r)
     }, h),
-    /* @__PURE__ */ e.createElement("fieldset", w({ className: `${_}__fieldset`, id: a }, s), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("fieldset", w({ className: `${C}__fieldset`, id: a }, s), /* @__PURE__ */ e.createElement(
       Be,
       {
         disabled: n,
@@ -6480,10 +6486,10 @@ const r4 = (C) => {
         showLabel: m,
         tooltipText: b
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${_}__options` }, g.map((F, G) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${C}__options` }, g.map((F, G) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${_}__option`,
+        className: `${C}__option`,
         key: `${a}-option-${G}`
       },
       /* @__PURE__ */ e.createElement(
@@ -6497,13 +6503,13 @@ const r4 = (C) => {
           disabled: n || F.disabled,
           onBlur: O,
           onChange: W,
-          checked: k ? C === F.value : x === F.value
+          checked: k ? _ === F.value : x === F.value
         }
       ),
       /* @__PURE__ */ e.createElement("label", { htmlFor: F.id ? F.id : `${a}-option-${G}` }, F.label)
     )))),
     D && /* @__PURE__ */ e.createElement(
-      Re,
+      Oe,
       {
         id: a,
         message: D,
@@ -6537,7 +6543,7 @@ const r4 = (C) => {
     "aria-hidden": "true"
   },
   /* @__PURE__ */ e.createElement(j, { iconName: "xmark", iconSize: "sm" })
-)), y4 = Ue(
+)), ws = Ue(
   (h, E) => {
     var i = h, {
       checked: t,
@@ -6556,7 +6562,7 @@ const r4 = (C) => {
       showLabel: b = !0,
       showStatusLabel: v = !0,
       className: y
-    } = i, C = P(i, [
+    } = i, _ = P(i, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -6574,7 +6580,7 @@ const r4 = (C) => {
       "showStatusLabel",
       "className"
     ]);
-    const f = Qe(d), _ = "pds-switch", $ = s ? ne.disabled : null, H = m && !s ? ne.required : null, M = typeof t != "undefined", L = l == "below", k = l == "right", z = !M && n ? n : !1, [x, R] = Q(z), D = t || x ? u : p, W = (te) => {
+    const f = Qe(d), C = "pds-switch", $ = s ? ne.disabled : null, H = m && !s ? ne.required : null, M = typeof t != "undefined", L = l == "below", k = l == "right", z = !M && n ? n : !1, [x, R] = Q(z), D = t || x ? u : p, W = (te) => {
       M || R(te.target.checked), g && g(te);
     }, O = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -6605,7 +6611,7 @@ const r4 = (C) => {
         ])
       }
     ), G = o && /* @__PURE__ */ e.createElement(
-      Re,
+      Oe,
       {
         id: a,
         message: o,
@@ -6630,18 +6636,18 @@ const r4 = (C) => {
       w({
         className: N([
           ne.base,
-          _,
+          C,
           $,
           H,
           J,
           y
         ]),
         style: d ? f : null
-      }, C),
+      }, _),
       K
     );
   }
-), w4 = Ue(
+), Ls = Ue(
   (L, M) => {
     var k = L, {
       counterMaxLength: t,
@@ -6660,7 +6666,7 @@ const r4 = (C) => {
       required: b = !1,
       rows: v = 5,
       showLabel: y,
-      textareaProps: C,
+      textareaProps: _,
       tooltipText: E = null,
       translationStrings: h = {
         clearButton: "Clear input text",
@@ -6672,7 +6678,7 @@ const r4 = (C) => {
       },
       validationMessage: i,
       validationStatus: f,
-      value: _,
+      value: C,
       className: $
     } = k, H = P(k, [
       "counterMaxLength",
@@ -6699,9 +6705,9 @@ const r4 = (C) => {
       "value",
       "className"
     ]);
-    const z = Qe(r), x = "pds-textarea", R = d ? "pds-is-resizable" : null, D = s ? ne.disabled : null, W = b && !s ? ne.required : null, O = f === "error" ? ne.error : null, F = f === "success" ? ne.success : null, G = m ? ne.readonly : null, K = i || l, J = _ != null && p !== void 0, te = typeof n != "undefined", [Z, B] = Q(
+    const z = Qe(r), x = "pds-textarea", R = d ? "pds-is-resizable" : null, D = s ? ne.disabled : null, W = b && !s ? ne.required : null, O = f === "error" ? ne.error : null, F = f === "success" ? ne.success : null, G = m ? ne.readonly : null, K = i || l, J = C != null && p !== void 0, te = typeof n != "undefined", [Z, B] = Q(
       te ? n : ""
-    ), q = _ || Z, A = (S) => {
+    ), q = C || Z, A = (S) => {
       J || B(S.target.value), p && p(S);
     }, I = (S) => {
       o && o(S);
@@ -6752,17 +6758,17 @@ const r4 = (C) => {
           required: b,
           readOnly: m,
           disabled: s,
-          value: J ? _ : Z,
+          value: J ? C : Z,
           rows: v,
           onChange: A,
           onBlur: I,
           onFocus: g,
           "aria-invalid": f === "error",
           "aria-describedby": K ? `${a}__message` : null
-        }, C)
+        }, _)
       )),
       K && /* @__PURE__ */ e.createElement(
-        Re,
+        Oe,
         {
           id: a,
           message: K,
@@ -6792,12 +6798,12 @@ const r4 = (C) => {
       onChange: b,
       onClear: v,
       onFocus: y,
-      placeholder: C,
+      placeholder: _,
       readonly: E = !1,
       required: h = !1,
       searchIcon: i = "search",
       showLabel: f = !0,
-      showVisibilityToggle: _ = !1,
+      showVisibilityToggle: C = !1,
       tooltipText: $ = null,
       translationStrings: H = {
         clearButton: "Clear input text",
@@ -6849,7 +6855,7 @@ const r4 = (C) => {
     const I = L || u, S = typeof z != "undefined", V = typeof s != "undefined", [T, X] = Q(
       V ? s : ""
     ), ee = z || T, ue = (me) => {
-      if (_ && _e && re(!1), c && M === "url") {
+      if (C && _e && re(!1), c && M === "url") {
         const ye = dt(me.target.value), xe = ie(w({}, me), {
           target: ie(w({}, me.target), {
             value: ye
@@ -6877,7 +6883,7 @@ const r4 = (C) => {
       me && me.focus();
     };
     let pe = M;
-    return _ && M === "password" && (_e ? pe = "text" : pe = "password"), /* @__PURE__ */ e.createElement(
+    return C && M === "password" && (_e ? pe = "text" : pe = "password"), /* @__PURE__ */ e.createElement(
       "div",
       w({
         className: N([
@@ -6904,7 +6910,7 @@ const r4 = (C) => {
           tooltipText: $
         }
       ),
-      _ && M === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${H.visibilityStatus} ${_e ? "visible" : "hidden"}.`),
+      C && M === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${H.visibilityStatus} ${_e ? "visible" : "hidden"}.`),
       /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -6921,7 +6927,7 @@ const r4 = (C) => {
             name: l,
             type: pe,
             value: S ? z : T,
-            placeholder: C,
+            placeholder: _,
             readOnly: E,
             disabled: a,
             required: h,
@@ -6941,7 +6947,7 @@ const r4 = (C) => {
             handleClearInput: Ce
           }
         ),
-        _ && M === "password" && /* @__PURE__ */ e.createElement(
+        C && M === "password" && /* @__PURE__ */ e.createElement(
           "button",
           {
             type: "button",
@@ -6971,7 +6977,7 @@ const r4 = (C) => {
         )
       ),
       I && /* @__PURE__ */ e.createElement(
-        Re,
+        Oe,
         {
           id: l,
           message: I,
@@ -6982,7 +6988,7 @@ const r4 = (C) => {
       )
     );
   }
-), L4 = (l) => {
+), Hs = (l) => {
   var o = l, {
     children: t,
     fontSize: n,
@@ -7024,7 +7030,7 @@ const r4 = (C) => {
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `(${a})`),
     /* @__PURE__ */ e.createElement(j, { iconName: "externalLink", className: `${p}__icon` })
   );
-}, H4 = (g) => {
+}, Ms = (g) => {
   var u = g, {
     ariaLabel: t,
     children: n,
@@ -7047,18 +7053,18 @@ const r4 = (C) => {
     "title",
     "className"
   ]);
-  const m = "pds-modal", b = c !== "md" ? `${m}--${c}` : null, [v, y] = Q(r);
+  const m = Re(n), b = m.__unslotted, v = m.footer, y = "pds-modal", _ = c !== "md" ? `${y}--${c}` : null, E = v ? `${y}--has-footer` : null, [h, i] = Q(r);
   le(() => {
-    y(r);
+    i(r);
   }, [r]), le(() => {
-    d(v);
-  }, [v]);
-  const { refs: C, context: E, floatingStyles: h } = Ie({
-    open: v,
-    onOpenChange: y
-  }), i = Ke(E), f = Ae(E, {
+    d(h);
+  }, [h]);
+  const { refs: f, context: C, floatingStyles: $ } = Ie({
+    open: h,
+    onOpenChange: i
+  }), H = Ke(C), M = Ae(C, {
     outsidePressEvent: "mousedown"
-  }), _ = Te(E), { getFloatingProps: $ } = De([i, f, _]), { isMounted: H, styles: M } = Xe(E, {
+  }), L = Te(C), { getFloatingProps: k } = De([H, M, L]), { isMounted: z, styles: x } = Xe(C, {
     duration: {
       open: 300,
       close: 300
@@ -7076,42 +7082,48 @@ const r4 = (C) => {
       transform: "translateY(1rem)"
     }
   });
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, H && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, z && /* @__PURE__ */ e.createElement(
     c1,
     {
       lockScroll: !0,
-      style: ie(w({}, h), {
+      style: ie(w({}, $), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)",
         position: "fixed"
       })
     },
-    /* @__PURE__ */ e.createElement(zt, { context: E }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(zt, { context: C }, /* @__PURE__ */ e.createElement(
       "div",
       w(ie(w({
-        ref: C.setFloating,
+        ref: f.setFloating,
         "aria-label": t || l
-      }, $()), {
-        className: [m, b, o].join(" ").trim().replace(/\s+/g, " "),
-        style: ie(w(w({}, h), M), {
+      }, k()), {
+        className: N([
+          y,
+          _,
+          E,
+          o
+        ]),
+        style: ie(w(w({}, $), x), {
           position: "relative",
           top: "5%"
         })
       }), p),
-      a && /* @__PURE__ */ e.createElement("div", { className: `${m}__close-wrapper` }, /* @__PURE__ */ e.createElement(
+      a && /* @__PURE__ */ e.createElement("div", { className: `${y}__close-wrapper` }, /* @__PURE__ */ e.createElement(
         Tt,
         {
           ariaLabel: s,
-          onClick: () => y(!1),
+          onClick: () => i(!1),
           iconSize: "xl"
         }
       )),
-      /* @__PURE__ */ e.createElement("div", { className: `${m}__title` }, l),
-      /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, n)
+      /* @__PURE__ */ e.createElement("div", { className: `${y}__title` }, l),
+      /* @__PURE__ */ e.createElement("div", { className: `${y}__content` }, b),
+      v && /* @__PURE__ */ e.createElement("div", { className: `${y}__footer` }, v)
     ))
   ));
-}, M4 = (r) => {
+}, ks = (r) => {
   var d = r, {
     ariaLabel: t = "Breadcrumb",
     crumbs: n,
@@ -7179,7 +7191,7 @@ const r4 = (C) => {
   } else
     s = t;
   return s;
-}, k4 = (d) => {
+}, Ns = (d) => {
   var c = d, {
     ariaLabel: t,
     menuItems: n,
@@ -7204,7 +7216,7 @@ const r4 = (C) => {
         i.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])')
       );
       if (f.length === 0) return;
-      const _ = document.activeElement, $ = f.indexOf(_);
+      const C = document.activeElement, $ = f.indexOf(C);
       if ($ !== -1) {
         if (h.key === "ArrowRight") {
           h.preventDefault();
@@ -7250,7 +7262,7 @@ const r4 = (C) => {
       isLink: !0
     }));
   });
-  const C = y.length > 0 ? /* @__PURE__ */ e.createElement(
+  const _ = y.length > 0 ? /* @__PURE__ */ e.createElement(
     y1,
     {
       actionItems: y,
@@ -7270,7 +7282,7 @@ const r4 = (C) => {
         a != null ? a : ""
       ])
     }, r),
-    l ? C : v
+    l ? _ : v
   );
 }, X2 = (t, n, s, a) => {
   let r = null;
@@ -7309,7 +7321,7 @@ const r4 = (C) => {
     }, a),
     n
   );
-}, A2 = Lt(null), N4 = (m) => {
+}, A2 = Lt(null), zs = (m) => {
   var b = m, {
     children: t,
     hasSidebarToggle: n = !0,
@@ -7336,31 +7348,31 @@ const r4 = (C) => {
     "setIsSidebarExpanded",
     "className"
   ]);
-  const { isMobile: v, windowWidth: y } = $e(Le), [C, E] = Q(() => o !== void 0 ? o : y > 1440), h = ce(), [i] = S2(h), f = i.width;
+  const { isMobile: v, windowWidth: y } = $e(Le), [_, E] = Q(() => o !== void 0 ? o : y > 1440), h = ce(), [i] = S2(h), f = i.width;
   le(() => {
     o !== void 0 && E(o);
   }, [o]), le(() => {
-    p(C);
-  }, [C, p]);
-  const _ = {
-    isSidebarExpanded: v ? !0 : C,
+    p(_);
+  }, [_, p]);
+  const C = {
+    isSidebarExpanded: v ? !0 : _,
     logoLinkContent: a,
     navbarWidth: f,
     isAdmin: s
-  }, $ = "pds-dashboard-global", H = s ? `${$}--isAdmin` : null, M = v ? `${$}--isMobile` : `${$}--notMobile`, L = v ? null : C ? `${$}--sidebarExpanded` : `${$}--sidebarCollapsed`, k = C ? `${d}rem` : `${r}rem`, z = {
+  }, $ = "pds-dashboard-global", H = s ? `${$}--isAdmin` : null, M = v ? `${$}--isMobile` : `${$}--notMobile`, L = v ? null : _ ? `${$}--sidebarExpanded` : `${$}--sidebarCollapsed`, k = _ ? `${d}rem` : `${r}rem`, z = {
     width: k,
     transition: "width 200ms ease-in-out"
   }, x = v ? {} : {
     width: `calc(100% - ${k})`,
     transition: "width 200ms ease-in-out"
   }, R = () => {
-    E(!C);
-  }, D = Fe(t), W = D.header, O = D.sidebar, F = D.main, G = D.footer, K = /* @__PURE__ */ e.createElement(e.Fragment, null, W, /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar` }, O), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${$}__main` }, F), G && /* @__PURE__ */ e.createElement("footer", { className: `${$}__footer` }, G)), J = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar`, style: z }, n && /* @__PURE__ */ e.createElement(
+    E(!_);
+  }, D = Re(t), W = D.header, O = D.sidebar, F = D.main, G = D.footer, K = /* @__PURE__ */ e.createElement(e.Fragment, null, W, /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar` }, O), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${$}__main` }, F), G && /* @__PURE__ */ e.createElement("footer", { className: `${$}__footer` }, G)), J = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar`, style: z }, n && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${$}__sidebar-toggle-button`,
       onClick: R,
-      "aria-expanded": C,
+      "aria-expanded": _,
       "aria-label": c
     },
     /* @__PURE__ */ e.createElement("span", { className: `${$}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(j, { iconName: "angleLeft", iconSize: "sm" }))
@@ -7374,7 +7386,7 @@ const r4 = (C) => {
     /* @__PURE__ */ e.createElement("div", { className: `${$}__header` }, W),
     /* @__PURE__ */ e.createElement("div", { className: `${$}__inner` }, /* @__PURE__ */ e.createElement("main", { id: "main", className: `${$}__main` }, F), G && /* @__PURE__ */ e.createElement("footer", { className: `${$}__footer` }, G))
   ));
-  return /* @__PURE__ */ e.createElement(A2.Provider, { value: _ }, /* @__PURE__ */ e.createElement(Cn, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(A2.Provider, { value: C }, /* @__PURE__ */ e.createElement(Cn, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: N([
@@ -7388,7 +7400,7 @@ const r4 = (C) => {
     }, u),
     v ? K : J
   ));
-}, Oe = "ease-out", _t = 0, _n = ({
+}, Pe = "ease-out", _t = 0, _n = ({
   icon: t,
   isActive: n,
   isSidebarExpanded: s,
@@ -7422,12 +7434,12 @@ const r4 = (C) => {
     open: u,
     onOpenChange: m,
     middleware: [E2(12), v2(), V2()],
-    whileElementsMounted: Pe
-  }), C = M2(y, {
+    whileElementsMounted: Fe
+  }), _ = M2(y, {
     move: !1,
     handleClose: xt()
-  }), E = kt(y), h = Ae(y), i = Te(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: _ } = De([
-    C,
+  }), E = kt(y), h = Ae(y), i = Te(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: C } = De([
+    _,
     E,
     h,
     i
@@ -7451,7 +7463,7 @@ const r4 = (C) => {
       ],
       {
         duration: _t,
-        easing: Oe
+        easing: Pe
       }
     ).onfinish = () => {
       Object.assign(L.style, {
@@ -7473,7 +7485,7 @@ const r4 = (C) => {
       ],
       {
         duration: _t,
-        easing: Oe
+        easing: Pe
       }
     );
     z.onfinish = () => {
@@ -7523,7 +7535,7 @@ const r4 = (C) => {
         className: `${c}__flyout`,
         ref: b.setFloating,
         style: v
-      }, _()),
+      }, C()),
       /* @__PURE__ */ e.createElement("div", { className: `${c}__flyout-heading` }, We(r)),
       g(d, "second-level-flyout")
     )) : /* @__PURE__ */ e.createElement(e.Fragment, null, s ? p : /* @__PURE__ */ e.createElement(
@@ -7560,15 +7572,15 @@ const r4 = (C) => {
     }
   ), y = (W) => {
     var O;
-    W.key === "Enter" && ((O = _.current[g].querySelector("a")) == null || O.click());
-  }, C = (W) => {
+    W.key === "Enter" && ((O = C.current[g].querySelector("a")) == null || O.click());
+  }, _ = (W) => {
     W.target.nodeName === "A" && p(!1);
   };
   le(() => {
     if (o) {
       const W = document.querySelector(".pds-dropdown-menu__dropdown");
-      return W.addEventListener("click", C), () => {
-        W.removeEventListener("click", C);
+      return W.addEventListener("click", _), () => {
+        W.removeEventListener("click", _);
       };
     }
   }, [o]);
@@ -7604,9 +7616,9 @@ const r4 = (C) => {
     placement: "bottom-start",
     open: o,
     onOpenChange: p,
-    whileElementsMounted: Pe
-  }), _ = ce([]), $ = o2(f, {
-    listRef: _,
+    whileElementsMounted: Fe
+  }), C = ce([]), $ = o2(f, {
+    listRef: C,
     activeIndex: g,
     onNavigate: u,
     loop: !0,
@@ -7662,7 +7674,7 @@ const r4 = (C) => {
         className: `${l}__item ${l}__item--${W.level} ${W.isActive === !0 ? `${l}__item--active` : ""}`,
         tabIndex: g === O ? 0 : -1,
         ref: (F) => {
-          _.current[O] = F;
+          C.current[O] = F;
         }
       }, x()),
       W.linkContent,
@@ -8006,7 +8018,7 @@ const r4 = (C) => {
     s ? b : u,
     a && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__separator" }), /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__sub-brand-wordmark" }, a))
   );
-}, z4 = (c) => {
+}, xs = (c) => {
   var l = c, {
     ariaLabel: t,
     labels: n = {
@@ -8040,7 +8052,7 @@ const r4 = (C) => {
       linkContent: h.linkContent,
       links: h.links
     }
-  )))), C = s.map((h) => ie(w({}, h), {
+  )))), _ = s.map((h) => ie(w({}, h), {
     linkContent: X2(
       b,
       h.linkContent,
@@ -8050,7 +8062,7 @@ const r4 = (C) => {
   })), E = /* @__PURE__ */ e.createElement(
     st,
     {
-      menuItems: C,
+      menuItems: _,
       selectTextFallback: a
     }
   );
@@ -8077,7 +8089,7 @@ const r4 = (C) => {
   "performance-large": "Performance Large",
   "performance-xl": "Performance Extra Large",
   elite: "Elite"
-}, x4 = {
+}, Vs = {
   drupal: "Drupal",
   wordpress: "WordPress",
   gatsby: "Gatsby",
@@ -8139,7 +8151,7 @@ const r4 = (C) => {
       )
     )
   );
-}, V4 = (v) => {
+}, Ss = (v) => {
   var y = v, {
     disabled: t = !1,
     id: n,
@@ -8173,20 +8185,20 @@ const r4 = (C) => {
     "horizontalOffset",
     "className"
   ]);
-  const [C, E] = Q(!1), [h, i] = Q(null), f = ce(null);
-  let _ = !1;
+  const [_, E] = Q(!1), [h, i] = Q(null), f = ce(null);
+  let C = !1;
   const $ = $e(Le);
-  $ && (_ = $.isMobile);
+  $ && (C = $.isMobile);
   let H = null, M = !1;
   const L = $e(A2);
   L && (H = L.navbarWidth, M = L.isAdmin);
   const k = 2.25, z = 22, x = M ? 14.5 : 9.625, R = H > 900 ? z : H / 16 - (x + u) - k * 0.675;
   let D = k;
-  C && !H && (D = z), C && H && (D = R);
+  _ && !H && (D = z), _ && H && (D = R);
   const W = {
     right: `${x + u}rem`,
     width: `${D}rem`
-  }, O = "pds-dashboard-search", F = _ ? `${O}--isMobile` : null, G = () => {
+  }, O = "pds-dashboard-search", F = C ? `${O}--isMobile` : null, G = () => {
     E(!0), setTimeout(() => {
       f.current.querySelector("input").focus();
     }, 500);
@@ -8203,13 +8215,13 @@ const r4 = (C) => {
     }, I = (S) => {
       var T;
       const V = (T = f.current) == null ? void 0 : T.querySelector("input");
-      S.key === "Tab" && C && V === document.activeElement && E(!1);
+      S.key === "Tab" && _ && V === document.activeElement && E(!1);
     };
-    if (C)
+    if (_)
       return document.addEventListener("mousedown", A), document.addEventListener("keydown", I), () => {
         document.removeEventListener("mousedown", A), document.removeEventListener("keydown", I);
       };
-  }, [C]);
+  }, [_]);
   const te = g.map((A) => {
     const { id: I, machineName: S, name: V } = A;
     return {
@@ -8240,7 +8252,7 @@ const r4 = (C) => {
   )), B = /* @__PURE__ */ e.createElement("div", { className: `${O}--inner` }, /* @__PURE__ */ e.createElement(
     "span",
     {
-      style: C ? { visibility: "visible" } : { visibility: "hidden" }
+      style: _ ? { visibility: "visible" } : { visibility: "hidden" }
     },
     Z
   ), /* @__PURE__ */ e.createElement(
@@ -8250,7 +8262,7 @@ const r4 = (C) => {
       "aria-label": r.openSearchButton,
       onClick: G,
       type: "button",
-      style: C ? { visibility: "hidden" } : { visibility: "visible" }
+      style: _ ? { visibility: "hidden" } : { visibility: "visible" }
     },
     /* @__PURE__ */ e.createElement(
       Ve,
@@ -8271,12 +8283,12 @@ const r4 = (C) => {
     w({
       className: N([O, F, m != null ? m : ""]),
       id: n,
-      style: _ ? null : W,
-      onKeyDown: _ ? null : (A) => {
+      style: C ? null : W,
+      onKeyDown: C ? null : (A) => {
         A.key === "Escape" && K();
       }
     }, b),
-    _ ? q : B
+    C ? q : B
   );
 }, h2 = (r) => {
   var d = r, {
@@ -8296,7 +8308,7 @@ const r4 = (C) => {
     }, a),
     t
   );
-}, S4 = (m) => {
+}, Is = (m) => {
   var b = m, {
     children: t,
     colorType: n = "default",
@@ -8326,12 +8338,12 @@ const r4 = (C) => {
     "className"
   ]);
   const [v, y] = Q(!1);
-  let C = !1;
+  let _ = !1;
   const E = $e(Le);
-  E && (C = E.isMobile);
+  E && (_ = E.isMobile);
   const h = $e(A2);
   h && (c = h.logoLinkContent);
-  const i = "pds-navbar", f = a ? `${i}--noBorder` : "", _ = n !== "default" ? `${i}--${n}` : "", $ = C ? `${i}--isMobile` : `${i}--notMobile`, H = (B) => {
+  const i = "pds-navbar", f = a ? `${i}--noBorder` : "", C = n !== "default" ? `${i}--${n}` : "", $ = _ ? `${i}--isMobile` : `${i}--notMobile`, H = (B) => {
     const q = B.key;
     let A = !1;
     switch (q) {
@@ -8347,7 +8359,7 @@ const r4 = (C) => {
   }), []);
   const M = () => y(!v), L = n1();
   le(() => {
-    if (C && t) {
+    if (_ && t) {
       const B = Vt(
         document.querySelector(".pds-navbar__mobile")
       ), q = ["a", "button", "input", "select", "textarea"];
@@ -8371,7 +8383,7 @@ const r4 = (C) => {
   }, [v]), le(() => {
     v ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [v]);
-  const z = Fe(t), x = z["items-left"], R = z["items-right"];
+  const z = Re(t), x = z["items-left"], R = z["items-right"];
   let D = "default";
   (n === "reverse" || n === "reverse-transparent") && (D = "reverse");
   const W = Me(c) ? c.props.children : null, O = Me(c) && W ? Se(c, {
@@ -8419,13 +8431,13 @@ const r4 = (C) => {
     w({
       className: N([
         i,
-        _,
+        C,
         f,
         $,
         g != null ? g : ""
       ])
     }, u),
-    C ? te : Z
+    _ ? te : Z
   );
 }, yn = ({
   items: t,
@@ -8442,7 +8454,7 @@ const r4 = (C) => {
     placement: "bottom-start",
     open: a,
     onOpenChange: r,
-    whileElementsMounted: Pe
+    whileElementsMounted: Fe
   }), m = Ke(u, { event: "mousedown" }), b = Ae(u), v = Te(u, { role: "menu" });
   let y;
   o ? y = M2(u, {
@@ -8455,7 +8467,7 @@ const r4 = (C) => {
     }),
     enabled: !0
   });
-  const { getReferenceProps: C, getFloatingProps: E } = De([
+  const { getReferenceProps: _, getFloatingProps: E } = De([
     b,
     v,
     m,
@@ -8467,7 +8479,7 @@ const r4 = (C) => {
       className: `${p}__trigger`,
       ref: g.setReference,
       type: "button"
-    }, C()),
+    }, _()),
     n,
     /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${p}__trigger-icon` })
   ), a && /* @__PURE__ */ e.createElement(
@@ -8486,7 +8498,7 @@ const r4 = (C) => {
       !i.isSeparator && i.linkContent
     ))
   ));
-}, I4 = (c) => {
+}, As = (c) => {
   var l = c, {
     ariaLabel: t = "Main Navigation",
     colorType: n = "default",
@@ -8500,7 +8512,7 @@ const r4 = (C) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [o, p] = Q(1025), [g, u] = Q(null), [m, b] = Q(-1), [v, y] = Q(null), [C, E] = Q({
+  const [o, p] = Q(1025), [g, u] = Q(null), [m, b] = Q(-1), [v, y] = Q(null), [_, E] = Q({
     container: null,
     containerChildren: []
   });
@@ -8511,17 +8523,17 @@ const r4 = (C) => {
     p(window.innerWidth);
   }, i = o <= a;
   le(() => {
-    C.containerChildren[g] && (C.containerChildren[g].classList.contains(
+    _.containerChildren[g] && (_.containerChildren[g].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && v == "down" ? u(g + 1) : C.containerChildren[g].classList.contains(
+    ) && v == "down" ? u(g + 1) : _.containerChildren[g].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && v == "up" ? u(g - 1) : C.containerChildren[g].children[0].focus());
+    ) && v == "up" ? u(g - 1) : _.containerChildren[g].children[0].focus());
   }, [g]), le(() => {
     m != -1 && (H.current[m].children[0].blur(), H.current[m].children[0].focus({
       focusVisible: !0
     }));
   }, [m]);
-  const f = "pds-nav-menu", _ = n !== "default" ? `${f}--${n}` : "", $ = i ? `${f}--isMobile` : `${f}--notMobile`, H = ce([]), M = (z) => {
+  const f = "pds-nav-menu", C = n !== "default" ? `${f}--${n}` : "", $ = i ? `${f}--isMobile` : `${f}--notMobile`, H = ce([]), M = (z) => {
     const x = H.current.length - 1, G = {
       ArrowRight: () => {
         u(-1), b(m === -1 ? 1 : m === x ? 0 : m + 1);
@@ -8533,13 +8545,13 @@ const r4 = (C) => {
         var te, Z, B, q;
         y("down");
         const K = z.target.parentNode.children[1], J = ((Z = (te = z.target) == null ? void 0 : te.parentNode.children[1]) == null ? void 0 : Z.children) || ((q = (B = z.target) == null ? void 0 : B.parentNode.parentNode.children[1]) == null ? void 0 : q.children);
-        C.container != K && K != null && E({
+        _.container != K && K != null && E({
           container: K,
           containerChildren: [...J]
-        }), g === null || g == C.containerChildren.length - 1 ? u(0) : u(parseInt(g) + 1);
+        }), g === null || g == _.containerChildren.length - 1 ? u(0) : u(parseInt(g) + 1);
       },
       ArrowUp: () => {
-        y("up"), u(g === 0 ? C.containerChildren.length - 1 : parseInt(g) - 1);
+        y("up"), u(g === 0 ? _.containerChildren.length - 1 : parseInt(g) - 1);
       }
     }[z.code];
     G && G();
@@ -8588,7 +8600,7 @@ const r4 = (C) => {
   }), /* @__PURE__ */ e.createElement(
     "nav",
     w({
-      className: N([f, _, $, r]),
+      className: N([f, C, $, r]),
       "aria-label": t,
       onKeyDown: (z) => {
         M(z);
@@ -8596,7 +8608,7 @@ const r4 = (C) => {
     }, d),
     /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu` }, k)
   );
-}, p2 = 0, A4 = (p) => {
+}, p2 = 0, Ts = (p) => {
   var g = p, {
     ariaLabel: t,
     hasMobileMenu: n = !0,
@@ -8619,7 +8631,7 @@ const r4 = (C) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const u = "pds-side-nav", m = `${u}__item`, b = `${u}__menu`, [v, y] = Q(1025), [C, E] = Q(!1), [h, i] = Q([]), f = ce(null), _ = ce(null), $ = ce([]), H = ce(-1);
+  const u = "pds-side-nav", m = `${u}__item`, b = `${u}__menu`, [v, y] = Q(1025), [_, E] = Q(!1), [h, i] = Q([]), f = ce(null), C = ce(null), $ = ce([]), H = ce(-1);
   le(() => (y(window.innerWidth), window.addEventListener("resize", M), () => {
     window.removeEventListener("resize", M);
   }), []), le(() => {
@@ -8629,7 +8641,7 @@ const r4 = (C) => {
       const Z = f.current.querySelector(
         ".pds-side-nav__heading a"
       );
-      Z && (_.current = Z);
+      Z && (C.current = Z);
     }
   }, [s]);
   const M = () => {
@@ -8647,7 +8659,7 @@ const r4 = (C) => {
       return A ? A.classList.contains(`${b}--expanded`) : !0;
     });
   }, z = (Z) => {
-    if (C)
+    if (_)
       switch (Z.key) {
         case "ArrowDown": {
           Z.preventDefault(), x(1);
@@ -8730,7 +8742,7 @@ const r4 = (C) => {
     q < 0 && (q = B.length - 1), q >= B.length && (q = 0), H.current = q, (A = B[q]) == null || A.focus();
   }, R = (Z) => {
     var B;
-    if (Z.key === "Tab" && C) {
+    if (Z.key === "Tab" && _) {
       Z.preventDefault(), E(!1), H.current = -1;
       const q = (B = f.current) == null ? void 0 : B.querySelector(
         ".pds-side-nav__heading a"
@@ -8739,7 +8751,7 @@ const r4 = (C) => {
     }
   }, D = (Z) => {
     var B;
-    !C && Z.target !== _.current && (Z.target.closest(`.${u}__heading`) || (E(!0), k(), $.current.length > 0 && (H.current = 0, (B = $.current[0]) == null || B.focus())));
+    !_ && Z.target !== C.current && (Z.target.closest(`.${u}__heading`) || (E(!0), k(), $.current.length > 0 && (H.current = 0, (B = $.current[0]) == null || B.focus())));
   }, W = (Z) => {
     var S, V;
     const B = Z.currentTarget, q = (S = B.parentElement) == null ? void 0 : S.nextElementSibling;
@@ -8768,7 +8780,7 @@ const r4 = (C) => {
       ],
       {
         duration: p2,
-        easing: Oe
+        easing: Pe
       }
     ).onfinish = () => {
       Object.assign(Z.style, {
@@ -8790,7 +8802,7 @@ const r4 = (C) => {
       ],
       {
         duration: p2,
-        easing: Oe
+        easing: Pe
       }
     );
     q.onfinish = () => {
@@ -8891,7 +8903,7 @@ const r4 = (C) => {
     }, o),
     L && n ? te : J
   );
-}, w2 = 0, T4 = (p) => {
+}, w2 = 0, Ds = (p) => {
   var g = p, {
     ariaLabel: t,
     hasMobileMenu: n = !0,
@@ -8914,7 +8926,7 @@ const r4 = (C) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const u = "pds-side-nav-compact", m = `${u}__item`, b = `${u}__menu`, [v, y] = Q(1025), [C, E] = Q(!1), [h, i] = Q([]), f = ce(null), _ = ce(null), $ = ce([]), H = ce(-1);
+  const u = "pds-side-nav-compact", m = `${u}__item`, b = `${u}__menu`, [v, y] = Q(1025), [_, E] = Q(!1), [h, i] = Q([]), f = ce(null), C = ce(null), $ = ce([]), H = ce(-1);
   le(() => (y(window.innerWidth), window.addEventListener("resize", M), () => {
     window.removeEventListener("resize", M);
   }), []), le(() => {
@@ -8924,7 +8936,7 @@ const r4 = (C) => {
       const I = f.current.querySelector(
         ".pds-side-nav-compact__heading a"
       );
-      I && (_.current = I);
+      I && (C.current = I);
     }
   }, [s]), le(() => {
     if (f.current && r.length > 0) {
@@ -8977,7 +8989,7 @@ const r4 = (C) => {
     const S = I.closest(`.${m}-wrapper`);
     return S ? !!S.querySelector(`.${u}__toggle`) : !1;
   }, D = (I) => {
-    if (!C) return;
+    if (!_) return;
     const S = $.current[H.current];
     if (S)
       switch (I.key) {
@@ -9044,7 +9056,7 @@ const r4 = (C) => {
     let V = H.current + I;
     V < 0 && (V = S.length - 1), V >= S.length && (V = 0), H.current = V, (T = S[V]) == null || T.focus();
   }, O = (I) => {
-    if (I.key === "Tab" && C && !I.shiftKey) {
+    if (I.key === "Tab" && _ && !I.shiftKey) {
       I.preventDefault(), E(!1), H.current = -1;
       const S = Array.from(
         document.querySelectorAll(
@@ -9055,9 +9067,9 @@ const r4 = (C) => {
     }
   }, F = (I) => {
     var S;
-    if (I.target === f.current && !C)
+    if (I.target === f.current && !_)
       I.preventDefault(), E(!0), k(), $.current.length > 0 && (H.current = 0, (S = $.current[0]) == null || S.focus());
-    else if (I.target !== f.current && !C) {
+    else if (I.target !== f.current && !_) {
       k();
       const V = $.current.indexOf(
         I.target
@@ -9092,7 +9104,7 @@ const r4 = (C) => {
       ],
       {
         duration: w2,
-        easing: Oe
+        easing: Pe
       }
     ).onfinish = () => {
       Object.assign(I.style, {
@@ -9114,7 +9126,7 @@ const r4 = (C) => {
       ],
       {
         duration: w2,
-        easing: Oe
+        easing: Pe
       }
     );
     V.onfinish = () => {
@@ -9227,10 +9239,10 @@ const r4 = (C) => {
   minFilterItems: r = 5,
   noResultsText: d = "No results found"
 }) => {
-  const [c, l] = Q(!1), [o, p] = Q(null), [g, u] = Q(a), [m, b] = Q(""), v = a.length >= r, y = "pds-tab-menu", C = `${y}__dropdown-menu`, E = v ? `${C}--scroll` : null, h = `${y}__dropdown-item`, i = ce([]), { context: f, refs: _ } = Ie({
+  const [c, l] = Q(!1), [o, p] = Q(null), [g, u] = Q(a), [m, b] = Q(""), v = a.length >= r, y = "pds-tab-menu", _ = `${y}__dropdown-menu`, E = v ? `${_}--scroll` : null, h = `${y}__dropdown-item`, i = ce([]), { context: f, refs: C } = Ie({
     open: c,
     onOpenChange: l,
-    whileElementsMounted: Pe
+    whileElementsMounted: Fe
   }), $ = Ke(f, {
     event: "mousedown"
   }), H = Ae(f), M = Te(f, { role: "listbox" }), L = o2(f, {
@@ -9312,7 +9324,7 @@ const r4 = (C) => {
     "button",
     ie(w({
       className: `${y}__dropdown-trigger`,
-      ref: _.setReference
+      ref: C.setReference
     }, k({
       "aria-expanded": c,
       "aria-label": t
@@ -9329,16 +9341,16 @@ const r4 = (C) => {
   ), R && /* @__PURE__ */ e.createElement(
     "div",
     w({
-      ref: _.setFloating,
+      ref: C.setFloating,
       className: `${y}__dropdown`
     }, z({
       style: w({
         zIndex: "var(--pds-z-index-dropdown)"
       }, te)
     })),
-    /* @__PURE__ */ e.createElement("div", { style: w({}, D) }, B, /* @__PURE__ */ e.createElement("ul", { className: N([C, E]) }, q.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${y}__no-results` }, d) : q))
+    /* @__PURE__ */ e.createElement("div", { style: w({}, D) }, B, /* @__PURE__ */ e.createElement("ul", { className: N([_, E]) }, q.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${y}__no-results` }, d) : q))
   ));
-}, D4 = (r) => {
+}, Rs = (r) => {
   var d = r, {
     ariaLabel: t,
     menuItems: n,
@@ -9356,12 +9368,12 @@ const r4 = (C) => {
     icon: b,
     isActive: v,
     linkContent: y,
-    links: C,
+    links: _,
     promoteActiveChildLink: E = !1
   }) => {
-    const h = `${o}__item`, i = nt(C), f = (_, $) => {
+    const h = `${o}__item`, i = nt(_), f = (C, $) => {
       let H = null;
-      return typeof _ == "object" && ($ ? H = Se(_, ie(w({}, _.props), {
+      return typeof C == "object" && ($ ? H = Se(C, ie(w({}, C.props), {
         children: [
           /* @__PURE__ */ e.createElement("span", { key: $, className: `${o}__item-inner` }, /* @__PURE__ */ e.createElement(
             j,
@@ -9370,9 +9382,9 @@ const r4 = (C) => {
               iconSize: c ? "sm" : "md",
               className: `${o}__item-icon`
             }
-          ), _.props.children)
+          ), C.props.children)
         ]
-      })) : H = _), H;
+      })) : H = C), H;
     };
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -9383,10 +9395,10 @@ const r4 = (C) => {
         ])
       },
       f(E ? i : y, b),
-      C && /* @__PURE__ */ e.createElement(
+      _ && /* @__PURE__ */ e.createElement(
         wn,
         {
-          links: C,
+          links: _,
           buttonLabel: m == null ? void 0 : m.buttonLabel,
           filterLabel: m == null ? void 0 : m.filterLabel,
           filterPlaceholder: m == null ? void 0 : m.filterPlaceholder,
@@ -9415,7 +9427,7 @@ const r4 = (C) => {
     }, a),
     c ? /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu-wrapper` }, u) : u
   );
-}, R4 = (o) => {
+}, Os = (o) => {
   var p = o, {
     ariaLabel: t = "User menu",
     menuItems: n,
@@ -9434,15 +9446,15 @@ const r4 = (C) => {
     "className"
   ]);
   const [g, u] = Q(null), [m, b] = Q(!1), v = ce([]), y = ce([]);
-  let C = !1;
+  let _ = !1;
   const E = $e(Le);
-  E && (C = E.isMobile);
-  const h = d && C, i = "pds-user-menu", f = h ? `${i}--isMobile` : null, _ = `${i}__menu`, { refs: $, floatingStyles: H, context: M } = Ie({
+  E && (_ = E.isMobile);
+  const h = d && _, i = "pds-user-menu", f = h ? `${i}--isMobile` : null, C = `${i}__menu`, { refs: $, floatingStyles: H, context: M } = Ie({
     placement: "bottom-end",
     open: m,
     onOpenChange: b,
     middleware: [E2(12), v2(), V2()],
-    whileElementsMounted: Pe
+    whileElementsMounted: Fe
   }), L = Ke(M, { event: "mousedown" }), k = Ae(M), z = Te(M, { role: "menu" }), x = ce([]), R = o2(M, {
     listRef: x,
     activeIndex: g,
@@ -9531,7 +9543,7 @@ const r4 = (C) => {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, W()),
-    /* @__PURE__ */ e.createElement("div", { style: w({}, G) }, /* @__PURE__ */ e.createElement("ul", { className: _, role: "menu" }, te, /* @__PURE__ */ e.createElement("li", { role: "separator" }), A))
+    /* @__PURE__ */ e.createElement("div", { style: w({}, G) }, /* @__PURE__ */ e.createElement("ul", { className: C, role: "menu" }, te, /* @__PURE__ */ e.createElement("li", { role: "separator" }), A))
   )), S = (T) => {
     const X = T.currentTarget;
     X.classList.toggle(`${i}__toggle--expanded`), X.setAttribute(
@@ -9551,7 +9563,7 @@ const r4 = (C) => {
   ), /* @__PURE__ */ e.createElement("div", { className: `${i}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
     {
-      className: [_, `${_}--isMobile`].join(" ").trim(),
+      className: [C, `${C}--isMobile`].join(" ").trim(),
       role: "menu"
     },
     te,
@@ -9570,7 +9582,7 @@ const r4 = (C) => {
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, O4 = (u) => {
+}, Ps = (u) => {
   var m = u, {
     ariaLabel: t = "Workspace selector menu",
     createWorkspaceLink: n,
@@ -9594,18 +9606,18 @@ const r4 = (C) => {
     "workspaceList",
     "className"
   ]);
-  const [b, v] = Q(!1), [y, C] = Q(null), [E, h] = Q(o), i = ce([]), f = ce(null), _ = o.length >= d;
+  const [b, v] = Q(!1), [y, _] = Q(null), [E, h] = Q(o), i = ce([]), f = ce(null), C = o.length >= d;
   let $ = !1;
   const H = $e(Le);
   H && ($ = H.isMobile);
-  const M = l && $, L = "pds-workspace-selector", k = M ? `${L}--isMobile` : null, z = `${L}__menu`, x = _ ? `${z}--scroll` : null, { refs: R, floatingStyles: D, context: W } = Ie({
+  const M = l && $, L = "pds-workspace-selector", k = M ? `${L}--isMobile` : null, z = `${L}__menu`, x = C ? `${z}--scroll` : null, { refs: R, floatingStyles: D, context: W } = Ie({
     open: b,
     onOpenChange: v,
-    whileElementsMounted: Pe
+    whileElementsMounted: Fe
   }), O = Ke(W, { event: "mousedown" }), F = Ae(W), G = Te(W, { role: "menu" }), K = o2(W, {
     listRef: i,
     activeIndex: y,
-    onNavigate: C,
+    onNavigate: _,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0,
@@ -9640,7 +9652,7 @@ const r4 = (C) => {
     h(re);
   }, [o]);
   const S = (re) => {
-    re.preventDefault(), re.key === "Enter" && i.current[y].querySelector("a").click(), re.key === "Tab" && (re.shiftKey ? _ ? document.getElementById("workspace-filter").focus() : v(!1) : n ? f.current.querySelector("a").focus() : v(!1));
+    re.preventDefault(), re.key === "Enter" && i.current[y].querySelector("a").click(), re.key === "Tab" && (re.shiftKey ? C ? document.getElementById("workspace-filter").focus() : v(!1) : n ? f.current.querySelector("a").focus() : v(!1));
   }, V = /* @__PURE__ */ e.createElement("div", { className: `${L}__button-content` }, /* @__PURE__ */ e.createElement(
     K2,
     {
@@ -9663,7 +9675,7 @@ const r4 = (C) => {
       iconSize: "md",
       className: `${L}__trigger-icon`
     }
-  ), X = _ && /* @__PURE__ */ e.createElement("div", { className: `${L}__filter` }, /* @__PURE__ */ e.createElement(
+  ), X = C && /* @__PURE__ */ e.createElement("div", { className: `${L}__filter` }, /* @__PURE__ */ e.createElement(
     Zt,
     {
       hasClearButton: !0,
@@ -9780,7 +9792,7 @@ const r4 = (C) => {
   info: "circleInfo",
   warning: "triangleExclamation",
   critical: "diamondExclamation"
-}, P4 = (l) => {
+}, Fs = (l) => {
   var o = l, {
     banners: t,
     dismissLabel: n = "Dismiss",
@@ -9811,7 +9823,7 @@ const r4 = (C) => {
     info: `${m}--info`,
     warning: `${m}--warning`,
     critical: `${m}--critical`
-  }, y = u > 0 ? p[0].type : null, C = y ? `${m}-group--${y}` : null, E = (H) => ({
+  }, y = u > 0 ? p[0].type : null, _ = y ? `${m}-group--${y}` : null, E = (H) => ({
     zIndex: T2 - H
   }), h = (H) => H === 0 ? 0 : -1, i = () => {
     const H = document.getElementsByClassName(
@@ -9826,7 +9838,7 @@ const r4 = (C) => {
         H[0]
       ]);
     }, 200);
-  }, _ = () => {
+  }, C = () => {
     i(), document.getElementById(p[0].id).style.zIndex = (T2 + 2).toString(), document.getElementById(p[u - 1].id).style.zIndex = (T2 + 1).toString(), setTimeout(() => {
       document.getElementById(p[0].id).classList.add(`${m}--fading`);
     }, 50), setTimeout(() => {
@@ -9883,7 +9895,7 @@ const r4 = (C) => {
     w({
       className: N([
         `${m}-group`,
-        C,
+        _,
         b,
         d != null ? d : ""
       ])
@@ -9895,7 +9907,7 @@ const r4 = (C) => {
         size: "lg",
         className: `${m}__nav-button ${m}__nav-button--prev`,
         ariaLabel: a,
-        onClick: _
+        onClick: C
       }
     ), /* @__PURE__ */ e.createElement(
       z2,
@@ -9913,7 +9925,7 @@ const r4 = (C) => {
   warning: "triangleExclamation",
   success: "circleCheck",
   critical: "diamondExclamation"
-}, F4 = (c) => {
+}, Bs = (c) => {
   var l = c, {
     title: t,
     secondaryText: n,
@@ -9961,7 +9973,7 @@ const r4 = (C) => {
   success: "circleCheck",
   critical: "diamondExclamation",
   discovery: "squareQuestion"
-}, B4 = (g) => {
+}, Zs = (g) => {
   var u = g, {
     dismissLabel: t = "Dismiss",
     id: n,
@@ -10004,7 +10016,7 @@ const r4 = (C) => {
     });
   }, f = ($) => {
     a($, n);
-  }, _ = () => {
+  }, C = () => {
     i(), m.current.classList.toggle(v.dismissing), setTimeout(() => {
       m.current.classList.toggle(v.dismissing), m.current.classList.toggle(v.dismissed);
     }, 400);
@@ -10028,7 +10040,7 @@ const r4 = (C) => {
       "button",
       {
         className: `${b}__dismiss`,
-        onClick: _,
+        onClick: C,
         "aria-label": t,
         role: "button",
         type: "button"
@@ -10079,7 +10091,7 @@ const r4 = (C) => {
     )),
     /* @__PURE__ */ e.createElement("div", { className: `${d}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, l), t)
   );
-}, Z4 = ({
+}, Gs = ({
   autoCloseDuration: t = 5e3,
   limit: n = 5,
   position: s = "bottom-right",
@@ -10102,7 +10114,7 @@ const r4 = (C) => {
   ));
 };
 var Nn = /* @__PURE__ */ ((t) => (t.Critical = "critical", t.Warning = "warning", t.Working = "working", t.Success = "success", t.Info = "info", t))(Nn || {});
-const G4 = () => {
+const qs = () => {
   const t = (s, a, r = {}) => {
     const d = /* @__PURE__ */ e.createElement(kn, { type: s }, a);
     let c = w({}, r);
@@ -10157,7 +10169,7 @@ const G4 = () => {
       o
     ];
   }
-}, [a, s, t, n]), q4 = (g) => {
+}, [a, s, t, n]), Ws = (g) => {
   var u = g, {
     bufferCount: t = 1,
     currentPage: n,
@@ -10191,24 +10203,24 @@ const G4 = () => {
     c(n + 1);
   }, y = () => {
     c(n - 1);
-  }, C = "pds-pagination", E = `${C}__item`, h = `${E}--current`, i = `${E}--disabled`;
+  }, _ = "pds-pagination", E = `${_}__item`, h = `${E}--current`, i = `${E}--disabled`;
   return n === 0 || m.length < 2 ? null : /* @__PURE__ */ e.createElement(
     "nav",
     w({
       "aria-labelledby": "pagination",
-      className: N([C, o != null ? o : ""])
+      className: N([_, o != null ? o : ""])
     }, p),
     /* @__PURE__ */ e.createElement(
       Ye,
       {
         id: "pagination",
-        baseClass: C,
+        baseClass: _,
         className: "visually-hidden",
         level: s
       },
       a
     ),
-    /* @__PURE__ */ e.createElement("ul", { className: `${C}__list` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("ul", { className: `${_}__list` }, /* @__PURE__ */ e.createElement(
       "li",
       {
         className: N([
@@ -10227,17 +10239,17 @@ const G4 = () => {
         },
         /* @__PURE__ */ e.createElement(j, { iconName: "arrowLeft" })
       )
-    ), m.map((f, _) => f === f2 ? /* @__PURE__ */ e.createElement(
+    ), m.map((f, C) => f === f2 ? /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: _,
+        key: C,
         className: N([E, `${E}--truncated`])
       },
       /* @__PURE__ */ e.createElement("span", null, "…")
     ) : /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: _,
+        key: C,
         className: N([
           E,
           n === f ? h : void 0
@@ -10273,7 +10285,7 @@ const G4 = () => {
       )
     ))
   );
-}, Et = 0, W4 = (c) => {
+}, Et = 0, Us = (c) => {
   var l = c, {
     children: t,
     id: n,
@@ -10291,35 +10303,35 @@ const G4 = () => {
     n || `expansion-panel-${c2()}`
   ).current, m = "pds-expansion-panel", b = ce(null), v = ce(null), y = ce(null);
   return le(() => {
-    const C = b.current, E = v.current, h = y.current;
-    if (!C || !E || !h) return;
-    let i = null, f = !1, _ = !1;
+    const _ = b.current, E = v.current, h = y.current;
+    if (!_ || !E || !h) return;
+    let i = null, f = !1, C = !1;
     const $ = (z) => {
-      z.preventDefault(), C.style.overflow = "hidden", f || !C.open ? M() : (_ || C.open) && H();
+      z.preventDefault(), _.style.overflow = "hidden", f || !_.open ? M() : (C || _.open) && H();
     }, H = () => {
       f = !0, p(!1);
-      const z = `${C.offsetHeight}px`, x = `${E.offsetHeight}px`;
-      i && i.cancel(), i = C.animate(
+      const z = `${_.offsetHeight}px`, x = `${E.offsetHeight}px`;
+      i && i.cancel(), i = _.animate(
         { height: [z, x] },
         {
           duration: Et,
-          easing: Oe
+          easing: Pe
         }
       ), i.onfinish = () => k(!1), i.oncancel = () => f = !1;
     }, M = () => {
-      C.style.height = `${C.offsetHeight}px`, C.open = !0, p(!0), requestAnimationFrame(() => L());
+      _.style.height = `${_.offsetHeight}px`, _.open = !0, p(!0), requestAnimationFrame(() => L());
     }, L = () => {
-      _ = !0;
-      const z = `${C.offsetHeight}px`, x = `${E.offsetHeight + h.offsetHeight}px`;
-      i && i.cancel(), i = C.animate(
+      C = !0;
+      const z = `${_.offsetHeight}px`, x = `${E.offsetHeight + h.offsetHeight}px`;
+      i && i.cancel(), i = _.animate(
         { height: [z, x] },
         {
           duration: Et,
-          easing: Oe
+          easing: Pe
         }
-      ), i.onfinish = () => k(!0), i.oncancel = () => _ = !1;
+      ), i.onfinish = () => k(!0), i.oncancel = () => C = !1;
     }, k = (z) => {
-      C.open = z, i = null, f = !1, _ = !1, C.style.height = C.style.overflow = "";
+      _.open = z, i = null, f = !1, C = !1, _.style.height = _.style.overflow = "";
     };
     return E.addEventListener("click", $), () => E.removeEventListener("click", $);
   }, []), /* @__PURE__ */ e.createElement("div", w({ className: N([m, r]) }, d), /* @__PURE__ */ e.createElement(
@@ -10339,7 +10351,7 @@ const G4 = () => {
     )),
     /* @__PURE__ */ e.createElement("div", { className: `${m}__content`, ref: y }, t)
   ));
-}, U4 = (r) => {
+}, js = (r) => {
   var d = r, {
     children: t,
     displayType: n = "standard",
@@ -10357,7 +10369,7 @@ const G4 = () => {
     }, a),
     t
   );
-}, j4 = (l) => {
+}, Ks = (l) => {
   var o = l, {
     children: t,
     hasStatusIndicator: n = !1,
@@ -10382,7 +10394,7 @@ const G4 = () => {
     n && a && /* @__PURE__ */ e.createElement("span", { className: g }),
     /* @__PURE__ */ e.createElement("div", { className: N([m, b]) }, t)
   );
-}, K4 = (d) => {
+}, Xs = (d) => {
   var c = d, {
     background: t = "default",
     children: n,
@@ -10407,7 +10419,7 @@ const G4 = () => {
     }, r),
     n
   );
-}, vt = 0, X4 = (d) => {
+}, vt = 0, Ys = (d) => {
   var c = d, {
     children: t,
     className: n,
@@ -10419,7 +10431,7 @@ const G4 = () => {
     "isExpandable",
     "expandButtonAriaLabel"
   ]);
-  const l = "pds-panel-row", [o, p] = Q(!1), g = ce(null), u = ce(null), m = Fe(t), b = m["items-left"], v = m["items-right"], y = m["items-below"], C = () => {
+  const l = "pds-panel-row", [o, p] = Q(!1), g = ce(null), u = ce(null), m = Re(t), b = m["items-left"], v = m["items-right"], y = m["items-below"], _ = () => {
     const E = u.current, h = g.current;
     if (!E || !h) return;
     const i = !o;
@@ -10433,7 +10445,7 @@ const G4 = () => {
         ],
         {
           duration: vt,
-          easing: Oe
+          easing: Pe
         }
       ).onfinish = () => {
         Object.assign(E.style, {
@@ -10450,7 +10462,7 @@ const G4 = () => {
         ],
         {
           duration: vt,
-          easing: Oe
+          easing: Pe
         }
       ).onfinish = () => {
         Object.assign(E.style, {
@@ -10482,7 +10494,7 @@ const G4 = () => {
         "button",
         {
           className: `${l}__expand-button`,
-          onClick: C,
+          onClick: _,
           "aria-expanded": o,
           "aria-label": a
         },
@@ -10505,7 +10517,7 @@ const G4 = () => {
       /* @__PURE__ */ e.createElement("div", { className: `${l}__items-inside` }, y)
     )
   );
-}, Y4 = (l) => {
+}, Qs = (l) => {
   var o = l, {
     srcWebp: t,
     srcFallback: n,
@@ -10532,8 +10544,8 @@ const G4 = () => {
       className: `${p}__img`
     }, c)
   ));
-}, l2 = 8, bt = 14, xn = 6, Q4 = (y) => {
-  var C = y, {
+}, l2 = 8, bt = 14, xn = 6, Vn = (y) => {
+  var _ = y, {
     content: t,
     closeButtonLabel: n = "Close",
     customTrigger: s = !1,
@@ -10550,7 +10562,7 @@ const G4 = () => {
     },
     className: m,
     classNameContainer: b
-  } = C, v = P(C, [
+  } = _, v = P(_, [
     "content",
     "closeButtonLabel",
     "customTrigger",
@@ -10573,7 +10585,7 @@ const G4 = () => {
   }, [g]), le(() => {
     u(E);
   }, [E]);
-  const i = typeof s, f = "pds-popover", _ = N([
+  const i = typeof s, f = "pds-popover", C = N([
     `${f}__trigger-custom`,
     i === "string" ? `${f}__trigger-text` : ""
   ]), $ = s ? r : 0, H = ce(null), { refs: M, floatingStyles: L, context: k, middlewareData: z } = Ie({
@@ -10588,7 +10600,7 @@ const G4 = () => {
       V2({ padding: 8 }),
       r1({ element: H })
     ],
-    whileElementsMounted: Pe
+    whileElementsMounted: Fe
   }), x = () => {
     h(!1), d && d();
   }, R = Ke(k), D = Ae(k), W = Te(k), { getReferenceProps: O, getFloatingProps: F } = De([
@@ -10616,7 +10628,7 @@ const G4 = () => {
       role: "button",
       tabIndex: 0
     }, O()),
-    s ? /* @__PURE__ */ e.createElement("span", { className: _ }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), /* @__PURE__ */ e.createElement(
+    s ? /* @__PURE__ */ e.createElement("span", { className: C }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), /* @__PURE__ */ e.createElement(
       j,
       {
         iconName: o,
@@ -10634,7 +10646,10 @@ const G4 = () => {
     /* @__PURE__ */ e.createElement(
       "div",
       w({
-        className: N([`${f}__container`, b]),
+        className: N([
+          `${f}__container`,
+          b
+        ]),
         ref: M.setFloating,
         style: L
       }, F()),
@@ -10668,7 +10683,7 @@ const G4 = () => {
   success: "--pds-color-status-success-foreground",
   warning: "--pds-color-status-warning-foreground",
   critical: "--pds-color-status-critical-foreground"
-}, J4 = (u) => {
+}, Js = (u) => {
   var m = u, {
     colorBreakpoints: t = [
       { colorType: "info", percentage: 0 },
@@ -10695,12 +10710,12 @@ const G4 = () => {
     "size",
     "className"
   ]);
-  const b = n || c2(), v = "pds-progress-bar", y = c ? `${v}__label` : "visually-hidden", C = `${v}__track ${v}__track--${o}`, E = d > 100 ? 100 : d;
+  const b = n || c2(), v = "pds-progress-bar", y = c ? `${v}__label` : "visually-hidden", _ = `${v}__track ${v}__track--${o}`, E = d > 100 ? 100 : d;
   let h = "neutral";
   t.forEach(($) => {
     d >= $.percentage && (h = $.colorType);
   });
-  const i = /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, a), f = a && r === "above", _ = a && r === "below";
+  const i = /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, a), f = a && r === "above", C = a && r === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -10725,7 +10740,7 @@ const G4 = () => {
         role: "progressbar",
         "aria-labelledby": b,
         "aria-valuenow": E,
-        className: C
+        className: _
       },
       /* @__PURE__ */ e.createElement(
         "div",
@@ -10738,9 +10753,9 @@ const G4 = () => {
         }
       )
     )),
-    _ && i
+    C && i
   );
-}, Vn = (p) => {
+}, Sn = (p) => {
   var g = p, {
     id: t,
     innerLabel: n,
@@ -10761,11 +10776,11 @@ const G4 = () => {
     "className"
   ]);
   const u = t || c2(), m = "pds-progress-ring", b = r ? `${m}__label` : "visually-hidden", v = `${m}__loading-text ${m}__loading-text--${c}`, y = ($) => $ * 16;
-  let C = y(Ft), E = 7;
-  c === "sm" && (C = y(Pt), E = E / 1.25), c === "lg" && (C = y(Bt), E = E * 1.25);
-  const h = C / 2 - E / 2, i = 2 * Math.PI * h, f = i - i * a / 100;
-  let _;
-  return n ? _ = n : d ? _ = `${a}%` : _ = "", /* @__PURE__ */ e.createElement(
+  let _ = y(Ft), E = 7;
+  c === "sm" && (_ = y(Pt), E = E / 1.25), c === "lg" && (_ = y(Bt), E = E * 1.25);
+  const h = _ / 2 - E / 2, i = 2 * Math.PI * h, f = i - i * a / 100;
+  let C;
+  return n ? C = n : d ? C = `${a}%` : C = "", /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: [m, l].join(" ").trim().replace(/\s+/g, " "),
@@ -10788,16 +10803,16 @@ const G4 = () => {
       /* @__PURE__ */ e.createElement(
         "svg",
         {
-          height: C,
-          width: C,
-          viewBox: `0 0 ${C} ${C}`
+          height: _,
+          width: _,
+          viewBox: `0 0 ${_} ${_}`
         },
         /* @__PURE__ */ e.createElement(
           "circle",
           {
             className: `${m}__track`,
-            cx: C / 2,
-            cy: C / 2,
+            cx: _ / 2,
+            cy: _ / 2,
             r: h,
             strokeWidth: E
           }
@@ -10806,13 +10821,13 @@ const G4 = () => {
           "circle",
           {
             className: `${m}__progress`,
-            cx: C / 2,
-            cy: C / 2,
+            cx: _ / 2,
+            cy: _ / 2,
             r: h,
             strokeWidth: E,
             strokeDasharray: i,
             strokeDashoffset: f,
-            transform: `rotate(-90 ${C / 2} ${C / 2})`
+            transform: `rotate(-90 ${_ / 2} ${_ / 2})`
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -10826,12 +10841,12 @@ const G4 = () => {
             dominantBaseline: "middle",
             alignmentBaseline: "middle"
           },
-          _
+          C
         )
       )
     )
   );
-}, es = (c) => {
+}, e4 = (c) => {
   var l = c, {
     attribution: t,
     image: n,
@@ -10861,8 +10876,8 @@ const G4 = () => {
     ), /* @__PURE__ */ e.createElement("div", { className: `${o}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__name` }, t.name), t.title && /* @__PURE__ */ e.createElement("span", { className: `${o}__title` }, ", ", t.title), t.org && /* @__PURE__ */ e.createElement("span", { className: `${o}__org` }, ", ", t.org))), /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--after` }, /* @__PURE__ */ e.createElement(j, { iconName: "quotesRight", iconSize: "4xl" })))
   );
 };
-var Sn = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.WORKING = "working", t.CHECKED = "checked", t))(Sn || {});
-const ts = (o) => {
+var In = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.WORKING = "working", t.CHECKED = "checked", t))(In || {});
+const t4 = (o) => {
   var p = o, {
     alignment: t = "left",
     componentWidth: n,
@@ -10900,13 +10915,13 @@ const ts = (o) => {
         return m.checking;
       case "checked":
         if (a) {
-          const _ = a instanceof Date ? a : new Date(a), $ = Date.now() - _.getTime(), H = Math.floor($ / 1e3), M = Math.floor(H / 60), L = Math.floor(M / 60), k = Math.floor(L / 24), z = {
+          const C = a instanceof Date ? a : new Date(a), $ = Date.now() - C.getTime(), H = Math.floor($ / 1e3), M = Math.floor(H / 60), L = Math.floor(M / 60), k = Math.floor(L / 24), z = {
             year: "numeric",
             month: "short",
             day: "numeric"
           };
           let x = "";
-          return k > 7 ? x = _.toLocaleDateString(
+          return k > 7 ? x = C.toLocaleDateString(
             void 0,
             z
           ) : k > 0 && k <= 7 ? x = `${k} day${k !== 1 ? "s" : ""} ago` : L > 0 ? x = `${L} hour${L !== 1 ? "s" : ""} ago` : M > 0 ? x = `${M} minute${M !== 1 ? "s" : ""} ago` : x = `${H} second${H !== 1 ? "s" : ""} ago`, `${m.checked} ${x}`;
@@ -10915,7 +10930,7 @@ const ts = (o) => {
     }
   }, v = () => {
     r == null || r();
-  }, y = "pds-refresh-checker", C = `${y}--${t}`, E = N([
+  }, y = "pds-refresh-checker", _ = `${y}--${t}`, E = N([
     `${y}__button`,
     g === "working" ? `${y}__button--spinning` : ""
   ]), h = n !== null && n > 0 ? `${n}rem` : "100%", i = /* @__PURE__ */ e.createElement("span", { className: `${y}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
@@ -10929,7 +10944,7 @@ const ts = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: N([y, C, c != null ? c : ""]),
+      className: N([y, _, c != null ? c : ""]),
       style: { width: h }
     }, l),
     /* @__PURE__ */ e.createElement(
@@ -10954,20 +10969,45 @@ const ts = (o) => {
       t === "left" && f
     )
   );
-}, ns = (d) => {
-  var c = d, {
+}, n4 = (p) => {
+  var g = p, {
     siteName: t,
     sitePlanLevel: n,
     siteType: s,
-    className: a
-  } = c, r = P(c, [
+    className: a,
+    popoverContent: r,
+    popoverTitle: d,
+    popoverIsOpen: c,
+    setPopoverIsOpen: l
+  } = g, o = P(g, [
     "siteName",
     "sitePlanLevel",
     "siteType",
-    "className"
+    "className",
+    "popoverContent",
+    "popoverTitle",
+    "popoverIsOpen",
+    "setPopoverIsOpen"
   ]);
-  const l = "pds-site-dashboard-heading", o = bn[n], p = s ? Wt[s] : "bolt";
-  return /* @__PURE__ */ e.createElement("div", w({ className: N([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement(j, { iconName: p, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, t), n && /* @__PURE__ */ e.createElement(g2, { label: o, color: "neutral", size: "md" }));
+  const u = "pds-site-dashboard-heading", m = bn[n], b = s ? Wt[s] : "bolt";
+  return /* @__PURE__ */ e.createElement("div", w({ className: N([u, a != null ? a : ""]) }, o), /* @__PURE__ */ e.createElement(j, { iconName: b, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, t), /* @__PURE__ */ e.createElement("span", { className: `${u}__plan-level-badge` }, n && /* @__PURE__ */ e.createElement(
+    g2,
+    {
+      label: m,
+      color: "neutral",
+      size: "md"
+    }
+  ), r && /* @__PURE__ */ e.createElement(
+    Vn,
+    {
+      placement: "bottom",
+      triggerIcon: "circleInfo",
+      content: r,
+      title: d,
+      popoverIsOpen: c,
+      setPopoverIsOpen: l
+    }
+  )));
 }, W2 = {
   bluesky: {
     icon: "bluesky",
@@ -11004,7 +11044,7 @@ const ts = (o) => {
     url: "https://www.youtube.com/user/GetPantheon",
     label: "Pantheon on YouTube"
   }
-}, ss = (a) => {
+}, s4 = (a) => {
   var r = a, {
     linkItems: t = ["facebook", "x", "bluesky", "linkedin", "youtube", "instagram"],
     className: n
@@ -11029,7 +11069,7 @@ const ts = (o) => {
       /* @__PURE__ */ e.createElement(j, { iconName: W2[c].icon, iconSize: "xl" })
     )))
   );
-}, ls = (d) => {
+}, l4 = (d) => {
   var c = d, {
     label: t = null,
     size: n = "md",
@@ -11057,7 +11097,7 @@ const ts = (o) => {
     ) : /* @__PURE__ */ e.createElement("span", { className: `${l}__icon`, role: "img", "aria-hidden": "true" }),
     t && /* @__PURE__ */ e.createElement("span", { className: "pds-status-indicator__label" }, t)
   );
-}, as = (r) => {
+}, a4 = (r) => {
   var d = r, {
     steps: t,
     translatableLabels: n = {
@@ -11074,14 +11114,14 @@ const ts = (o) => {
   ]);
   const c = "pds-stepper", l = "pds-stepper-mobile", o = ce(), [p] = S2(o), g = p.width, u = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
-  ) * 16, m = -40, b = 2, v = 5, y = t.length, C = t.map((i) => i.isCurrent).lastIndexOf(!0), E = t.map((i, f) => {
-    const _ = f + 1, $ = f === C, H = f < C, M = i.hasError && $, k = (g - y * u) / (y + (y - 2)), z = u + k * 2, x = u + k, R = k + m * -1, D = f === 0, W = f === y - 1;
+  ) * 16, m = -40, b = 2, v = 5, y = t.length, _ = t.map((i) => i.isCurrent).lastIndexOf(!0), E = t.map((i, f) => {
+    const C = f + 1, $ = f === _, H = f < _, M = i.hasError && $, k = (g - y * u) / (y + (y - 2)), z = u + k * 2, x = u + k, R = k + m * -1, D = f === 0, W = f === y - 1;
     let O = z;
     (D || W) && (O = x);
     const F = `${c}__step`, G = [F];
     $ && G.push(`${F}--current`), H && G.push(`${F}--complete`), M && G.push(`${F}--error`);
-    let K = `${n.step} ${_}`;
-    H && (K = `${n.step} ${_}, ${n.completed}`), M && (K = `${n.step} ${_}, ${n.hasError}`);
+    let K = `${n.step} ${C}`;
+    H && (K = `${n.step} ${C}, ${n.completed}`), M && (K = `${n.step} ${C}, ${n.hasError}`);
     const J = H ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }, /* @__PURE__ */ e.createElement(
       j,
       {
@@ -11112,7 +11152,7 @@ const ts = (o) => {
         key: i.id,
         id: i.id,
         "aria-label": K,
-        "aria-posinset": _,
+        "aria-posinset": C,
         "aria-setsize": y,
         "aria-current": $ ? "step" : null,
         className: G.join(" ").trim().replace(/\s+/g, " "),
@@ -11138,13 +11178,13 @@ const ts = (o) => {
       )
     );
   }), h = t.map((i, f) => {
-    const _ = f + 1, $ = f === C, H = f === y - 1, M = i.hasError && $, L = t[C + 1] ? t[C + 1].label : null;
+    const C = f + 1, $ = f === _, H = f === y - 1, M = i.hasError && $, L = t[_ + 1] ? t[_ + 1].label : null;
     if ($) {
-      const k = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), _, " of ", y), z = _ / y * 100, x = M ? {
+      const k = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), C, " of ", y), z = C / y * 100, x = M ? {
         "--pds-color-status-info-foreground": "var(--pds-color-status-critical-foreground)"
       } : {
         "--pds-color-status-info-foreground": "var(--pds-color-brand-primary-default)"
-      }, R = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, n.step, " ", _, ", ", n.hasError);
+      }, R = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, n.step, " ", C, ", ", n.hasError);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -11153,7 +11193,7 @@ const ts = (o) => {
           className: `${l}__step`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${l}__progress-indicator` }, /* @__PURE__ */ e.createElement(
-          Vn,
+          Sn,
           {
             label: "Step progress",
             size: "sm",
@@ -11189,7 +11229,7 @@ const ts = (o) => {
       }, a),
       /* @__PURE__ */ e.createElement("div", { className: `${l}__steps` }, h)
     ));
-}, cs = (r) => {
+}, c4 = (r) => {
   var d = r, {
     headers: t,
     rowData: n,
@@ -11199,25 +11239,25 @@ const ts = (o) => {
     "rowData",
     "className"
   ]);
-  const [c] = Q(t), [l, o] = Q(n), [p, g] = Q({ order: "asc", key: "" }), u = (C) => {
-    o(l.sort((E, h) => E[C].localeCompare(h[C]))), g({ order: "desc", key: C });
-  }, m = (C) => {
-    o(l.sort((E, h) => h[C].localeCompare(E[C]))), g({ order: "asc", key: C });
-  }, b = (C, E) => {
+  const [c] = Q(t), [l, o] = Q(n), [p, g] = Q({ order: "asc", key: "" }), u = (_) => {
+    o(l.sort((E, h) => E[_].localeCompare(h[_]))), g({ order: "desc", key: _ });
+  }, m = (_) => {
+    o(l.sort((E, h) => h[_].localeCompare(E[_]))), g({ order: "asc", key: _ });
+  }, b = (_, E) => {
     g(ie(w({}, p), { key: E })), p.order === "asc" ? u(E) : m(E);
-  }, v = (C, E) => /* @__PURE__ */ e.createElement("tr", { id: E, key: `table-row-${E}` }, C.map((h, i) => /* @__PURE__ */ e.createElement("td", { key: `${E}-cell-${i}` }, /* @__PURE__ */ e.createElement("span", null, h)))), y = "pds-table";
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", w({ className: N([y, s]) }, a), /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, c.map((C, E) => /* @__PURE__ */ e.createElement("th", { key: `header-${E}` }, C.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${y}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+  }, v = (_, E) => /* @__PURE__ */ e.createElement("tr", { id: E, key: `table-row-${E}` }, _.map((h, i) => /* @__PURE__ */ e.createElement("td", { key: `${E}-cell-${i}` }, /* @__PURE__ */ e.createElement("span", null, h)))), y = "pds-table";
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", w({ className: N([y, s]) }, a), /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, c.map((_, E) => /* @__PURE__ */ e.createElement("th", { key: `header-${E}` }, _.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${y}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${y}__sort-header`,
       onClick: (h) => b(h, E)
     },
-    C.title
+    _.title
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${y}__sort-button`,
-      title: `Sort by ${C.title}`,
+      title: `Sort by ${_.title}`,
       onClick: (h) => b(h, E),
       type: "button"
     },
@@ -11235,8 +11275,8 @@ const ts = (o) => {
       },
       /* @__PURE__ */ e.createElement(j, { iconName: "caretDown", iconSize: "sm" })
     )
-  )) : /* @__PURE__ */ e.createElement("span", null, C.title))))), /* @__PURE__ */ e.createElement("tbody", null, l.map((C, E) => v(C, E)))));
-}, rs = (p) => {
+  )) : /* @__PURE__ */ e.createElement("span", null, _.title))))), /* @__PURE__ */ e.createElement("tbody", null, l.map((_, E) => v(_, E)))));
+}, r4 = (p) => {
   var g = p, {
     appendIds: t = !1,
     ariaLabel: n = "Table of contents",
@@ -11300,7 +11340,7 @@ const ts = (o) => {
         title: z
       });
     }), L;
-  }, { nestedHeadings: C } = v(), [E, h] = Q();
+  }, { nestedHeadings: _ } = v(), [E, h] = Q();
   ((M) => {
     const L = ce({});
     le(() => {
@@ -11330,13 +11370,13 @@ const ts = (o) => {
   })(h);
   const f = (M) => {
     typeof window != "undefined" && window.location.hash !== `#${M}` && window.history.pushState({}, "", `#${M}`);
-  }, _ = (M) => {
+  }, C = (M) => {
     document.querySelector(`#${M}`).scrollIntoView({
       behavior: "smooth",
       block: "start"
     });
   }, $ = (M, L) => {
-    M.preventDefault(), t && f(L), _(L);
+    M.preventDefault(), t && f(L), C(L);
   }, H = ({ headings: M }) => /* @__PURE__ */ e.createElement("ul", { className: `${u}__list ${u}__list--top-level` }, M.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${u}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
@@ -11379,9 +11419,9 @@ const ts = (o) => {
       },
       a
     ),
-    /* @__PURE__ */ e.createElement(H, { headings: C, activeID: E })
+    /* @__PURE__ */ e.createElement(H, { headings: _, activeID: E })
   );
-}, os = (l) => {
+}, o4 = (l) => {
   var o = l, {
     ariaLabel: t,
     defaultSelected: n = 0,
@@ -11402,8 +11442,8 @@ const ts = (o) => {
   le(() => {
     a !== void 0 && u(a);
   }, [a]);
-  const m = (C) => {
-    const E = C.currentTarget.getAttribute("data-tabnumber");
+  const m = (_) => {
+    const E = _.currentTarget.getAttribute("data-tabnumber");
     if (E) {
       const h = parseInt(E, 10);
       u(h);
@@ -11412,27 +11452,27 @@ const ts = (o) => {
   le(() => {
     s(g);
   }, [g, s]), le(() => {
-    const C = b.current.length - 1;
-    if (g > C) {
+    const _ = b.current.length - 1;
+    if (g > _) {
       u(0);
       return;
     } else if (g < 0) {
-      u(C);
+      u(_);
       return;
     }
   }, [g]);
-  const v = (C, E) => {
+  const v = (_, E) => {
     const h = g;
     let i = b.current[E === "next" ? h + 1 < b.current.length ? h + 1 : 0 : h - 1 >= 0 ? h - 1 : b.current.length - 1];
-    i || (i = E == "next" ? b.current[C + 1] == null ? b.current[0] : b.current[C + 1] : b.current[C - 1]), i.focus();
-  }, y = (C) => {
+    i || (i = E == "next" ? b.current[_ + 1] == null ? b.current[0] : b.current[_ + 1] : b.current[_ - 1]), i.focus();
+  }, y = (_) => {
     const E = b.current.length, h = () => {
       v((g + 1) % E, "next"), u(g + 1);
     }, i = () => {
       v((g - 1 + E) % E, "prev"), u(g - 1);
     }, f = () => {
       v(0), u(0);
-    }, _ = () => {
+    }, C = () => {
       v(E - 1), u(E - 1);
     }, $ = () => {
       b.current[g].focus();
@@ -11440,11 +11480,11 @@ const ts = (o) => {
       ArrowRight: h,
       ArrowLeft: i,
       Home: f,
-      End: _,
+      End: C,
       Space: $,
       Enter: $
-    }[C.code];
-    M && (C.preventDefault(), M());
+    }[_.code];
+    M && (_.preventDefault(), M());
   };
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", w({ className: N([p, d]) }, c), /* @__PURE__ */ e.createElement(
     "div",
@@ -11454,53 +11494,53 @@ const ts = (o) => {
       "aria-label": t,
       "aria-orientation": "horizontal"
     },
-    r.map(({ disabled: C, icon: E, tabId: h, tabLabel: i, tally: f }, _) => /* @__PURE__ */ e.createElement(
+    r.map(({ disabled: _, icon: E, tabId: h, tabLabel: i, tally: f }, C) => /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${p}__tab`,
-        "aria-selected": _ == g,
-        "data-tabnumber": _,
+        "aria-selected": C == g,
+        "data-tabnumber": C,
         role: "tab",
         id: h,
         onKeyDown: ($) => {
           $.preventDefault(), y($);
         },
-        key: _,
-        ref: ($) => C ? null : b.current[_] = $,
-        "aria-controls": `${p}__tab--${_}`,
-        tabIndex: g === _ ? 0 : -1,
-        "aria-disabled": !!C,
-        onClick: C ? null : m,
+        key: C,
+        ref: ($) => _ ? null : b.current[C] = $,
+        "aria-controls": `${p}__tab--${C}`,
+        tabIndex: g === C ? 0 : -1,
+        "aria-disabled": !!_,
+        onClick: _ ? null : m,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: E, className: `${p}__tab-label` }, E ? /* @__PURE__ */ e.createElement(j, { iconName: E, iconSize: "md" }) : null, " ", i, r[_].tally ? /* @__PURE__ */ e.createElement(k2, { label: f.label, type: f.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: E, className: `${p}__tab-label` }, E ? /* @__PURE__ */ e.createElement(j, { iconName: E, iconSize: "md" }) : null, " ", i, r[C].tally ? /* @__PURE__ */ e.createElement(k2, { label: f.label, type: f.type }) : null)
     ))
-  ), r.map(({ disabled: C, icon: E, panelContent: h, tabLabel: i, tally: f }, _) => /* @__PURE__ */ e.createElement(
+  ), r.map(({ disabled: _, icon: E, panelContent: h, tabLabel: i, tally: f }, C) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${p}__panel`,
       role: "tabpanel",
-      key: _,
-      id: `${p}__tab--${_}`,
-      "aria-labelledby": `${p}__tab--${_}`
+      key: C,
+      id: `${p}__tab--${C}`,
+      "aria-labelledby": `${p}__tab--${C}`
     },
     /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${p}__trigger`,
-        "aria-selected": _ == g,
+        "aria-selected": C == g,
         role: "tab",
-        "data-tabnumber": _,
-        key: _,
+        "data-tabnumber": C,
+        key: C,
         onKeyDown: y,
-        "aria-disabled": !!C,
-        "aria-controls": `tabpanel_${_}`,
-        tabIndex: g === _ ? 1 : -1,
-        onClick: C ? null : m,
+        "aria-disabled": !!_,
+        "aria-controls": `tabpanel_${C}`,
+        tabIndex: g === C ? 1 : -1,
+        onClick: _ ? null : m,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: E, className: `${p}__tab-label` }, E ? /* @__PURE__ */ e.createElement(j, { iconSize: "md", iconName: E }) : null, " ", i, r[_].tally ? /* @__PURE__ */ e.createElement(k2, { label: f.label, type: f.type }) : null),
-      _ == g ? /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { key: E, className: `${p}__tab-label` }, E ? /* @__PURE__ */ e.createElement(j, { iconSize: "md", iconName: E }) : null, " ", i, r[C].tally ? /* @__PURE__ */ e.createElement(k2, { label: f.label, type: f.type }) : null),
+      C == g ? /* @__PURE__ */ e.createElement(
         j,
         {
           iconName: "angleUp",
@@ -11520,7 +11560,7 @@ const ts = (o) => {
       "section",
       {
         className: `${p}__panel-content`,
-        hidden: _ != g
+        hidden: C != g
       },
       h
     )
@@ -11546,10 +11586,10 @@ const ts = (o) => {
   "color-18",
   "color-19",
   "color-20"
-], In = (t) => {
+], An = (t) => {
   const n = parseInt(Mt(t), 16);
   return yt[n % yt.length];
-}, An = (t, n) => t.length > n ? t.slice(0, n) + " ..." : t, is = (o) => {
+}, Tn = (t, n) => t.length > n ? t.slice(0, n) + " ..." : t, i4 = (o) => {
   var p = o, {
     linkContent: t,
     isRemovable: n,
@@ -11567,18 +11607,18 @@ const ts = (o) => {
     "tagLabel",
     "className"
   ]);
-  const [g, u] = Q(!0), m = "pds-tag", b = r ? `${m}--${r}` : `${m}--${In(d)}`, v = g ? null : "pds-tag--hide", y = () => {
+  const [g, u] = Q(!0), m = "pds-tag", b = r ? `${m}--${r}` : `${m}--${An(d)}`, v = g ? null : "pds-tag--hide", y = () => {
     u((i) => !i);
   };
-  let C, E, h;
-  return t && !n && Me(t) ? (C = t.type, E = t.props.href ? "href" : "to", h = E === "href" ? t.props.href : t.props.to) : (C = "span", E = null, h = null), /* @__PURE__ */ e.createElement(
-    C,
+  let _, E, h;
+  return t && !n && Me(t) ? (_ = t.type, E = t.props.href ? "href" : "to", h = E === "href" ? t.props.href : t.props.to) : (_ = "span", E = null, h = null), /* @__PURE__ */ e.createElement(
+    _,
     w({
       href: E === "href" ? h : null,
       to: E === "to" ? h : null,
       className: [m, b, v, c].join(" ").trim().replace(/\s+/g, " ")
     }, l),
-    /* @__PURE__ */ e.createElement("span", { className: `${m}__label`, title: d }, An(d, 20)),
+    /* @__PURE__ */ e.createElement("span", { className: `${m}__label`, title: d }, Tn(d, 20)),
     n ? /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -11599,7 +11639,7 @@ const ts = (o) => {
       )
     ) : null
   );
-}, ds = (d) => {
+}, d4 = (d) => {
   var c = d, {
     theme: t = "light",
     onChange: n,
@@ -11667,7 +11707,7 @@ const ts = (o) => {
       )
     }
   ));
-}, ms = (a) => {
+}, m4 = (a) => {
   var r = a, {
     listItems: t,
     className: n
@@ -11697,7 +11737,7 @@ const ts = (o) => {
     }, s),
     p()
   );
-}, Tn = (o) => {
+}, Dn = (o) => {
   var p = o, {
     displayType: t = "border",
     headingLevel: n = "span",
@@ -11741,7 +11781,7 @@ const ts = (o) => {
       }
     )
   ), /* @__PURE__ */ e.createElement("span", { className: `${g}__separator` }));
-}, us = (d) => {
+}, u4 = (d) => {
   var c = d, {
     displayType: t = "border",
     headingLevel: n = "h2",
@@ -11765,7 +11805,7 @@ const ts = (o) => {
       ])
     }, r),
     s.map((u, m) => /* @__PURE__ */ e.createElement(
-      Tn,
+      Dn,
       {
         key: m,
         displayType: t,
@@ -11778,7 +11818,7 @@ const ts = (o) => {
       }
     ))
   );
-}, ps = (r) => {
+}, p4 = (r) => {
   var d = r, {
     children: t,
     hasContentSpacing: n,
@@ -11788,7 +11828,7 @@ const ts = (o) => {
     "hasContentSpacing",
     "className"
   ]);
-  const { isMobile: c } = $e(Le), l = "pds-dashboard-inner", o = c ? `${l}--isMobile` : `${l}--notMobile`, p = Fe(t), g = p["header-left"], u = p["header-right"], m = p.content;
+  const { isMobile: c } = $e(Le), l = "pds-dashboard-inner", o = c ? `${l}--isMobile` : `${l}--notMobile`, p = Re(t), g = p["header-left"], u = p["header-right"], m = p.content;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -11803,7 +11843,7 @@ const ts = (o) => {
       m
     )
   );
-}, hs = (a) => {
+}, h4 = (a) => {
   var r = a, {
     children: t,
     className: n
@@ -11814,7 +11854,7 @@ const ts = (o) => {
   let d = !1;
   const c = $e(Le);
   c && (d = c.isMobile);
-  const l = "pds-docs-layout", o = d ? `${l}--isMobile` : null, p = Fe(t), g = p.navigation ? /* @__PURE__ */ e.createElement("div", { key: "navigation", className: `${l}__nav` }, p.navigation) : null, u = /* @__PURE__ */ e.createElement("div", { key: "content", className: `${l}__content` }, p.content);
+  const l = "pds-docs-layout", o = d ? `${l}--isMobile` : null, p = Re(t), g = p.navigation ? /* @__PURE__ */ e.createElement("div", { key: "navigation", className: `${l}__nav` }, p.navigation) : null, u = /* @__PURE__ */ e.createElement("div", { key: "content", className: `${l}__content` }, p.content);
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -11822,8 +11862,8 @@ const ts = (o) => {
     }, s),
     [g, u]
   );
-}, fs = (y) => {
-  var C = y, {
+}, f4 = (y) => {
+  var _ = y, {
     alignContent: t = "flex-start",
     alignItems: n = "stretch",
     flexDirection: s = "row",
@@ -11838,7 +11878,7 @@ const ts = (o) => {
     mobileJustifyContent: u,
     children: m,
     className: b
-  } = C, v = P(C, [
+  } = _, v = P(_, [
     "alignContent",
     "alignItems",
     "flexDirection",
@@ -11857,7 +11897,7 @@ const ts = (o) => {
   let h = Dt() <= 640;
   const i = $e(Le);
   i && (h = i.isMobile);
-  const f = "pds-flex", _ = `${f}-container`, $ = h ? `${_}--mobile` : null;
+  const f = "pds-flex", C = `${f}-container`, $ = h ? `${C}--mobile` : null;
   let H = null;
   h ? H = `${f}-direction--${o}` : s !== "row" && (H = `${f}-direction--${s}`);
   let M = null;
@@ -11873,7 +11913,7 @@ const ts = (o) => {
     "div",
     w({
       className: N([
-        _,
+        C,
         $,
         H,
         M,
@@ -11886,10 +11926,10 @@ const ts = (o) => {
     }, v),
     m
   );
-}, gs = ({
+}, g4 = ({
   children: t,
   mobileMenuMaxWidth: n = 640
-}) => /* @__PURE__ */ e.createElement(b1, { mobileMenuMaxWidth: n }, t), Cs = (l) => {
+}) => /* @__PURE__ */ e.createElement(b1, { mobileMenuMaxWidth: n }, t), C4 = (l) => {
   var o = l, {
     children: t,
     gridGap: n = "standard",
@@ -11909,9 +11949,9 @@ const ts = (o) => {
   let m = !1;
   const b = $e(Le);
   b && (m = b.isMobile);
-  const v = Fe(t);
-  let y = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", C = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
-  r === "narrow" && (y = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", C = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (y = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", C = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
+  const v = Re(t);
+  let y = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", _ = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
+  r === "narrow" && (y = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", _ = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (y = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", _ = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
   const E = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -11923,7 +11963,7 @@ const ts = (o) => {
     "div",
     {
       key: "sidebar",
-      className: `${p}__side ${m ? "pds-grid-item" : C}`
+      className: `${p}__side ${m ? "pds-grid-item" : _}`
     },
     v.sidebar
   );
@@ -11939,7 +11979,7 @@ const ts = (o) => {
     }, c),
     m ? a === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, E) : /* @__PURE__ */ e.createElement(e.Fragment, null, E, h) : s === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, E) : /* @__PURE__ */ e.createElement(e.Fragment, null, E, h)
   );
-}, _s = (a) => {
+}, _4 = (a) => {
   var r = a, {
     children: t,
     className: n
@@ -11947,7 +11987,7 @@ const ts = (o) => {
     "children",
     "className"
   ]);
-  const d = Fe(t), c = d.stepper, l = d.form, o = ce(), [p] = S2(o), g = p.width;
+  const d = Re(t), c = d.stepper, l = d.form, o = ce(), [p] = S2(o), g = p.width;
   document.documentElement.style.setProperty(
     "--stepper-layout-max-width",
     g + "px"
@@ -11961,7 +12001,7 @@ const ts = (o) => {
     },
     c
   ), l && /* @__PURE__ */ e.createElement("div", { className: `${u}__form-container` }, l));
-}, Es = (d) => {
+}, E4 = (d) => {
   var c = d, {
     children: t,
     gridGap: n = "standard",
@@ -11973,7 +12013,7 @@ const ts = (o) => {
     "verticalAlign",
     "className"
   ]);
-  const l = "pds-three-item-layout", o = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, p = `${l}--${s}`, g = Fe(t), u = [
+  const l = "pds-three-item-layout", o = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, p = `${l}--${s}`, g = Re(t), u = [
     g["first-item"],
     g["second-item"],
     g["third-item"]
@@ -11997,7 +12037,7 @@ const ts = (o) => {
       m
     ))
   );
-}, vs = (c) => {
+}, v4 = (c) => {
   var l = c, {
     children: t,
     gridGap: n = "standard",
@@ -12012,18 +12052,18 @@ const ts = (o) => {
     "className"
   ]);
   const o = "pds-two-item-layout", p = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, g = `${o}--${a}`, u = ["pds-grid-item--md-6"], m = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], b = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], v = ["pds-grid-item", "pds-grid-item--sm-4"];
-  let y, C;
+  let y, _;
   switch (s) {
     case "equal":
-      y = v.concat(u), C = v.concat(u);
+      y = v.concat(u), _ = v.concat(u);
       break;
     case "one-third-start":
-      y = v.concat(m), C = v.concat(b);
+      y = v.concat(m), _ = v.concat(b);
       break;
     case "one-third-end":
-      y = v.concat(b), C = v.concat(m);
+      y = v.concat(b), _ = v.concat(m);
   }
-  const E = Fe(t), h = E["first-item"], i = E["second-item"];
+  const E = Re(t), h = E["first-item"], i = E["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -12035,9 +12075,9 @@ const ts = (o) => {
       ])
     }, d),
     /* @__PURE__ */ e.createElement("div", { className: y.join(" ").trim() }, h),
-    /* @__PURE__ */ e.createElement("div", { className: C.join(" ").trim() }, i)
+    /* @__PURE__ */ e.createElement("div", { className: _.join(" ").trim() }, i)
   );
-}, bs = (t, n) => {
+}, b4 = (t, n) => {
   const [s, a] = Q(!1), r = U2(
     (c) => {
       c.key === t && (a(!0), n && n(c));
@@ -12055,131 +12095,131 @@ const ts = (o) => {
 };
 export {
   K2 as Avatar,
-  ms as AvatarTileList,
-  P4 as Banner,
-  Xn as BranchDiff,
-  M4 as Breadcrumb,
+  m4 as AvatarTileList,
+  Fs as Banner,
+  Yn as BranchDiff,
+  ks as Breadcrumb,
   C2 as Button,
   _2 as ButtonLink,
-  k4 as ButtonNav,
+  Ns as ButtonNav,
   rn as CTALink,
-  o4 as CTASlice,
-  Jn as Callout,
+  is as CTASlice,
+  es as Callout,
   I2 as Card,
   tt as CardHeading,
-  e4 as CardSelectGroup,
+  ts as CardSelectGroup,
   mn as Checkbox,
-  C4 as CheckboxFieldset,
-  _4 as CheckboxGroup,
+  _s as CheckboxFieldset,
+  Es as CheckboxGroup,
   ut as ClipboardButton,
   Tt as CloseButton,
-  r4 as CodeBlock,
+  os as CodeBlock,
   un as Combobox,
-  E4 as ComboboxMultiselect,
-  d4 as CompactEmptyState,
+  vs as ComboboxMultiselect,
+  ms as CompactEmptyState,
   ht as ComparisonList,
   h2 as Container,
   A2 as DashboardContext,
-  N4 as DashboardGlobal,
-  ps as DashboardInner,
-  z4 as DashboardNav,
-  V4 as DashboardSearch,
-  i4 as DashboardStat,
-  hs as DocsLayout,
+  zs as DashboardGlobal,
+  p4 as DashboardInner,
+  xs as DashboardNav,
+  Ss as DashboardSearch,
+  ds as DashboardStat,
+  h4 as DocsLayout,
   st as DropdownMenu,
-  t4 as EmptyStateCard,
-  W4 as ExpansionPanel,
-  U4 as ExpansionPanelGroup,
-  p4 as FileDiff,
-  v4 as FileUpload,
-  fs as FlexContainer,
-  h4 as FlowSteps,
+  ns as EmptyStateCard,
+  Us as ExpansionPanel,
+  js as ExpansionPanelGroup,
+  hs as FileDiff,
+  bs as FileUpload,
+  f4 as FlexContainer,
+  fs as FlowSteps,
   dn as FooterHeading,
-  f4 as FooterLinks,
-  gs as GlobalWrapper,
-  m4 as HorizontalEmptyState,
+  gs as FooterLinks,
+  g4 as GlobalWrapper,
+  us as HorizontalEmptyState,
   j as Icon,
   z2 as IconButton,
   g2 as IndicatorBadge,
-  F4 as InlineMessage,
-  b4 as InputGroup,
-  L4 as LinkNewWindow,
-  n4 as LinksCard,
+  Bs as InlineMessage,
+  $s as InputGroup,
+  Hs as LinkNewWindow,
+  ss as LinksCard,
   Rt as MenuButton,
-  H4 as Modal,
-  I4 as NavMenu,
-  S4 as Navbar,
-  s4 as NewSiteCard,
-  q4 as Pagination,
-  j4 as Panel,
-  K4 as PanelList,
-  X4 as PanelRow,
+  Ms as Modal,
+  As as NavMenu,
+  Is as Navbar,
+  ls as NewSiteCard,
+  Ws as Pagination,
+  Ks as Panel,
+  Xs as PanelList,
+  Ys as PanelRow,
   qt as PantheonLogo,
-  l4 as PaymentCard,
+  as as PaymentCard,
   H1 as PaymentIcon,
-  Y4 as Picture,
+  Qs as Picture,
   w1 as PlatformIcon,
-  Q4 as Popover,
-  a4 as PricingCard,
-  J4 as ProgressBar,
-  Vn as ProgressRing,
-  es as PullQuote,
-  $4 as RadioGroup,
-  ts as RefreshChecker,
-  Sn as RefreshCheckerState,
+  Vn as Popover,
+  cs as PricingCard,
+  Js as ProgressBar,
+  Sn as ProgressRing,
+  e4 as PullQuote,
+  ys as RadioGroup,
+  t4 as RefreshChecker,
+  In as RefreshCheckerState,
   Le as ResponsiveContext,
-  B4 as SectionMessage,
-  Yn as SegmentedButton,
+  Zs as SectionMessage,
+  Qn as SegmentedButton,
   N1 as Select,
   k1 as SelectOptionGroup,
-  A4 as SideNav,
-  T4 as SideNavCompact,
-  Cs as SidebarLayout,
-  c4 as SiteCard,
-  ns as SiteDashboardHeading,
-  g4 as SiteFooter,
+  Ts as SideNav,
+  Ds as SideNavCompact,
+  C4 as SidebarLayout,
+  rs as SiteCard,
+  n4 as SiteDashboardHeading,
+  Cs as SiteFooter,
   bn as SitePlanLevelLabel,
   Wt as SiteTypeIcon,
-  x4 as SiteTypeLabel,
+  Vs as SiteTypeLabel,
   cn as Skeleton,
   Cn as Skiplink,
-  ss as SocialLinks,
+  s4 as SocialLinks,
   b2 as Spinner,
   y1 as SplitButton,
   Y2 as StatusBadge,
-  ls as StatusIndicator,
-  as as Stepper,
-  _s as StepperLayout,
-  y4 as Switch,
-  D4 as TabMenu,
-  cs as Table,
-  rs as TableOfContents,
-  os as Tabs,
-  is as Tag,
+  l4 as StatusIndicator,
+  a4 as Stepper,
+  _4 as StepperLayout,
+  ws as Switch,
+  Rs as TabMenu,
+  c4 as Table,
+  r4 as TableOfContents,
+  o4 as Tabs,
+  i4 as Tag,
   k2 as Tally,
   Zt as TextInput,
-  w4 as Textarea,
-  ds as ThemeSwitcher,
-  Es as ThreeItemLayout,
-  Tn as Tile,
-  us as TileGrid,
+  Ls as Textarea,
+  d4 as ThemeSwitcher,
+  E4 as ThreeItemLayout,
+  Dn as Tile,
+  u4 as TileGrid,
   kn as Toast,
   Nn as ToastType,
-  Z4 as Toaster,
+  Gs as Toaster,
   Ve as Tooltip,
-  vs as TwoItemLayout,
-  R4 as UserMenu,
-  Qn as UtilityButton,
-  u4 as VerticalEmptyState,
+  v4 as TwoItemLayout,
+  Os as UserMenu,
+  Jn as UtilityButton,
+  ps as VerticalEmptyState,
   on as VideoEmbed,
-  O4 as WorkspaceSelector,
+  Ps as WorkspaceSelector,
   pt as badgeTypes,
   pn as getFilteredOptions,
-  Kn as iconList,
+  Xn as iconList,
   yt as tagColors,
   v1 as useClipboard,
-  bs as useKeyPress,
-  G4 as useToast,
+  b4 as useKeyPress,
+  qs as useToast,
   Dt as useWindowWidth
 };
 //# sourceMappingURL=index.js.map