@pantheon-systems/pds-toolkit-react 1.0.0-dev.155 → 1.0.0-dev.156

package/_dist/index.js

@@ -19,16 +19,16 @@ var S = (s, n) => {
       n.indexOf(c) < 0 && Gt.call(s, c) && (a[c] = s[c]);
   return a;
 };
-import e, { useState as R, useRef as ee, createContext as ht, useContext as Ne, forwardRef as Ze, cloneElement as Ds, useEffect as se, useLayoutEffect as As, useCallback as cs, Children as qs, isValidElement as Ps } from "react";
+import e, { useState as R, useRef as ee, createContext as ht, useContext as Ne, forwardRef as Ue, cloneElement as Ds, useEffect as se, useLayoutEffect as As, useCallback as cs, isValidElement as qs } from "react";
 import t from "prop-types";
 import rs from "hash-sum";
-import { useFloating as Ve, offset as is, flip as os, shift as ds, autoUpdate as Oe, useHover as Tt, useFocus as js, useDismiss as Se, useRole as Ie, useInteractions as Te, useId as Bs, useListNavigation as lt, useTransitionStyles as Ue, useClick as nt, safePolygon as Fs, FloatingOverlay as Ws, FloatingFocusManager as ms, arrow as Zs, FloatingArrow as Us } from "@floating-ui/react";
-import { NavLink as us, MemoryRouter as Gs } from "react-router-dom";
-import { useHotkeys as Ks } from "react-hotkeys-hook";
+import { useFloating as Ve, offset as is, flip as os, shift as ds, autoUpdate as Re, useHover as Ot, useFocus as Ps, useDismiss as Se, useRole as Ie, useInteractions as Te, useId as js, useListNavigation as ct, useTransitionStyles as Ge, useClick as nt, safePolygon as Bs, FloatingOverlay as Fs, FloatingFocusManager as ms, arrow as Ws, FloatingArrow as Zs } from "@floating-ui/react";
+import { NavLink as us, MemoryRouter as Us } from "react-router-dom";
+import { useHotkeys as Gs } from "react-hotkeys-hook";
 import { useMeasure as ft } from "@reactuses/core";
-import { useFloating as Ys, flip as Xs } from "@floating-ui/react-dom";
-import Qs from "focus-trap-react";
-import { ToastContainer as Js, Slide as en, cssTransition as tn, toast as Kt } from "react-toastify";
+import { useFloating as Ks, flip as Ys } from "@floating-ui/react-dom";
+import Xs from "focus-trap-react";
+import { ToastContainer as Qs, Slide as Js, cssTransition as en, toast as Kt } from "react-toastify";
 let Yt = [
   "g01",
   "g02",
@@ -43,10 +43,10 @@ let Yt = [
   "g11",
   "g12"
 ];
-const sn = (s) => {
+const tn = (s) => {
   const n = parseInt(rs(s), 16);
   return Yt[n % Yt.length];
-}, et = (l) => {
+}, tt = (l) => {
   var o = l, {
     size: s = "md",
     imageSrc: n,
@@ -61,7 +61,7 @@ const sn = (s) => {
     "className"
   ]);
   const u = "pds-avatar", m = `${u}--${s}`, _ = n ? `${u}--image` : null, d = {
-    backgroundImage: c ? `var(--pds-color-gradient-avatar-${sn(c)})` : null,
+    backgroundImage: c ? `var(--pds-color-gradient-avatar-${tn(c)})` : null,
     borderRadius: "100%",
     height: "100%",
     width: "100%"
@@ -83,7 +83,7 @@ const sn = (s) => {
     )
   );
 };
-et.propTypes = {
+tt.propTypes = {
   /**
    * Avatar size.
    */
@@ -105,7 +105,7 @@ et.propTypes = {
    */
   className: t.string
 };
-const nn = (r) => {
+const sn = (r) => {
   var i = r, {
     darkBackground: s,
     listItems: n,
@@ -152,7 +152,7 @@ const nn = (r) => {
     })
   );
 };
-nn.propTypes = {
+sn.propTypes = {
   /**
    * Boolean to set for dark background
    */
@@ -175,7 +175,7 @@ nn.propTypes = {
    */
   className: t.string
 };
-const $t = 300, an = 400, A = (r) => {
+const yt = 300, nn = 400, A = (r) => {
   var i = r, {
     iconName: s,
     iconSize: n = "md",
@@ -185,7 +185,7 @@ const $t = 300, an = 400, A = (r) => {
     "iconSize",
     "className"
   ]);
-  const l = `pds-icon pds-icon--${n} pds-icon--${s}`, o = `0 0 ${Ot[s].width} 512`, u = {
+  const l = `pds-icon pds-icon--${n} pds-icon--${s}`, o = `0 0 ${Rt[s].width} 512`, u = {
     sm: "0.8rem",
     md: "1rem",
     lg: "1.2rem",
@@ -207,9 +207,9 @@ const $t = 300, an = 400, A = (r) => {
       focusable: "false",
       className: [l, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
     }, c),
-    /* @__PURE__ */ e.createElement("path", { d: Ot[s].path, fill: "currentColor" })
+    /* @__PURE__ */ e.createElement("path", { d: Rt[s].path, fill: "currentColor" })
   );
-}, Ot = {
+}, Rt = {
   angleDown: {
     path: "M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z",
     width: "440"
@@ -802,7 +802,7 @@ const $t = 300, an = 400, A = (r) => {
     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"
   }
-}, Xt = Object.keys(Ot), Qt = 8, Rt = (u) => {
+}, Xt = Object.keys(Rt), Qt = 8, Dt = (u) => {
   var m = u, {
     content: s,
     customTrigger: n = !1,
@@ -823,7 +823,7 @@ const $t = 300, an = 400, A = (r) => {
   const [_, g] = R(!1), d = typeof n, v = "pds-tooltip", h = [
     `${v}__trigger-custom`,
     d === "string" ? `${v}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), $ = n ? c : 0, { refs: f, floatingStyles: C, context: p } = Ve({
+  ].join(" ").trim().replace(/\s+/g, " "), $ = n ? c : 0, { refs: f, floatingStyles: E, context: p } = Ve({
     placement: "top",
     open: _,
     onOpenChange: g,
@@ -832,17 +832,17 @@ const $t = 300, an = 400, A = (r) => {
       os({ padding: 5 }),
       ds({ padding: 5 })
     ],
-    whileElementsMounted: Oe
-  }), b = Tt(p, {
+    whileElementsMounted: Re
+  }), b = Ot(p, {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), E = js(p), y = Se(p), w = Ie(p, { role: "tooltip" }), { getReferenceProps: z, getFloatingProps: x } = Te([
+  }), C = Ps(p), y = Se(p), w = Ie(p, { role: "tooltip" }), { getReferenceProps: z, getFloatingProps: x } = Te([
     b,
-    E,
+    C,
     y,
     w
-  ]), L = an, V = ve(N({}, C), {
+  ]), L = nn, V = ve(N({}, E), {
     zIndex: a || L
   });
   return /* @__PURE__ */ e.createElement(
@@ -913,23 +913,23 @@ const $t = 300, an = 400, A = (r) => {
     hide: `${v}--hide`,
     scaleIn: `${v}--scaleIn`
   };
-  let C;
+  let E;
   switch (o) {
     case "sm":
-      C = "md";
+      E = "md";
       break;
     case "md":
-      C = "md";
+      E = "md";
       break;
     case "lg":
-      C = "xl";
+      E = "xl";
   }
-  const p = i !== null, b = ee(null), E = ee(null), y = () => {
-    b.current.classList.add(f.fadeOut), b.current.classList.add(f.hide), E.current.classList.remove(f.hide), E.current.classList.add(f.scaleIn), setTimeout(() => {
+  const p = i !== null, b = ee(null), C = ee(null), y = () => {
+    b.current.classList.add(f.fadeOut), b.current.classList.add(f.hide), C.current.classList.remove(f.hide), C.current.classList.add(f.scaleIn), setTimeout(() => {
       b.current.classList.remove(
         f.fadeOut,
         f.hide
-      ), b.current.classList.add(f.scaleIn), E.current.classList.remove(f.scaleIn), E.current.classList.add(f.hide);
+      ), b.current.classList.add(f.scaleIn), C.current.classList.remove(f.scaleIn), C.current.classList.add(f.hide);
     }, 2e3);
   }, w = () => {
     p && y(), l && l();
@@ -937,20 +937,20 @@ const $t = 300, an = 400, A = (r) => {
     A,
     {
       iconName: r,
-      iconSize: C,
+      iconSize: E,
       className: `${v}__icon`
     }
   )), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: E,
+      ref: C,
       className: `${v}__icon-wrapper ${f.hide}`
     },
     /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: i,
-        iconSize: C,
+        iconSize: E,
         className: `${v}__icon`
       }
     )
@@ -958,7 +958,7 @@ const $t = 300, an = 400, A = (r) => {
     A,
     {
       iconName: r,
-      iconSize: C,
+      iconSize: E,
       className: `${v}__icon`
     }
   ));
@@ -973,7 +973,7 @@ const $t = 300, an = 400, A = (r) => {
       title: c && !a ? null : s
     }, _),
     c && !a ? /* @__PURE__ */ e.createElement(
-      Rt,
+      Dt,
       {
         content: s,
         className: `${v}__tooltip`,
@@ -982,11 +982,11 @@ const $t = 300, an = 400, A = (r) => {
       }
     ) : z
   );
-}, yt = {
+}, Nt = {
   info: "circleInfo",
   warning: "triangleExclamation",
   critical: "diamondExclamation"
-}, ln = (o) => {
+}, an = (o) => {
   var u = o, {
     banners: s,
     dismissLabel: n = "Dismiss",
@@ -1013,7 +1013,7 @@ const $t = 300, an = 400, A = (r) => {
     info: `${d}--info`,
     warning: `${d}--warning`,
     critical: `${d}--critical`
-  }, $ = (w) => w === 0 ? 0 : -1, f = (w) => w === 0 ? "visible" : "hidden", C = m.map((w, z) => {
+  }, $ = (w) => w === 0 ? 0 : -1, f = (w) => w === 0 ? "visible" : "hidden", E = m.map((w, z) => {
     const L = ["critical", "warning"].includes(w.type) ? "alert" : "status", V = `${r[w.type]}:  `, H = (I) => {
       I.preventDefault();
       const k = I.target.closest(`.${d}`).id, M = m.findIndex(
@@ -1031,13 +1031,13 @@ const $t = 300, an = 400, A = (r) => {
         className: [d, h[w.type]].join(" ").trim().replace(/\s+/g, " "),
         role: L,
         style: {
-          zIndex: $t - z
+          zIndex: yt - z
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, /* @__PURE__ */ e.createElement(
         A,
         {
-          iconName: `${w.type}` in yt ? yt[w.type] : yt.info,
+          iconName: `${w.type}` in Nt ? Nt[w.type] : Nt.info,
           className: `${d}__icon ${d}__icon--${w.type}`
         }
       ), /* @__PURE__ */ e.createElement(
@@ -1071,7 +1071,7 @@ const $t = 300, an = 400, A = (r) => {
       document.getElementById(m[g - 1].id).classList.remove(`${d}--fading`);
     }, 500);
   }, b = () => {
-    document.getElementById(m[0].id).style.zIndex = $t + 2, document.getElementById(m[g - 1].id).style.zIndex = $t + 1, document.getElementById(m[0].id).classList.add(`${d}--fading`), setTimeout(() => {
+    document.getElementById(m[0].id).style.zIndex = yt + 2, document.getElementById(m[g - 1].id).style.zIndex = yt + 1, document.getElementById(m[0].id).classList.add(`${d}--fading`), setTimeout(() => {
       _((w) => {
         const z = [...w], x = z.pop();
         return z.unshift(x), z;
@@ -1079,7 +1079,7 @@ const $t = 300, an = 400, A = (r) => {
     }, 300), setTimeout(() => {
       document.getElementById(m[1].id).classList.remove(`${d}--fading`);
     }, 500);
-  }, E = g > 0 ? m[0].type : null, y = E ? `${d}--${E}` : null;
+  }, C = g > 0 ? m[0].type : null, y = C ? `${d}--${C}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
@@ -1101,7 +1101,7 @@ const $t = 300, an = 400, A = (r) => {
         ariaLabel: c,
         hasTooltip: !1
       }
-    ), C, /* @__PURE__ */ e.createElement(
+    ), E, /* @__PURE__ */ e.createElement(
       pt,
       {
         iconName: "angleRight",
@@ -1111,10 +1111,10 @@ const $t = 300, an = 400, A = (r) => {
         ariaLabel: a,
         hasTooltip: !1
       }
-    )) : C[0]
+    )) : E[0]
   );
 };
-ln.propTypes = {
+an.propTypes = {
   /**
    * Array of banners.
    */
@@ -1152,7 +1152,7 @@ ln.propTypes = {
    */
   className: t.string
 };
-const cn = {
+const ln = {
   crumbs: [],
   deferredCrumbIds: [],
   register: () => {
@@ -1163,23 +1163,23 @@ const cn = {
   },
   resolveCrumb: () => {
   }
-}, ps = ht(cn), je = ({ crumb: s, lastCrumb: n, classes: a }) => {
+}, ps = ht(ln), Be = ({ crumb: s, lastCrumb: n, classes: a }) => {
   const c = s.label.length > 16 ? `${s.label.slice(0, 16)}...` : null;
-  return /* @__PURE__ */ e.createElement("li", { className: `${a || ""}`, key: `key-${s.label}` }, n ? /* @__PURE__ */ e.createElement("a", { className: "pds-breadcrumbs__disabled" }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(Rt, { content: s.label, triggerText: c }) : s.label) : /* @__PURE__ */ e.createElement(us, { end: !0, to: s.uri }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(Rt, { content: s.label, triggerText: c }) : s.label));
+  return /* @__PURE__ */ e.createElement("li", { className: `${a || ""}`, key: `key-${s.label}` }, n ? /* @__PURE__ */ e.createElement("a", { className: "pds-breadcrumbs__disabled" }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(Dt, { content: s.label, triggerText: c }) : s.label) : /* @__PURE__ */ e.createElement(us, { end: !0, to: s.uri }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(Dt, { content: s.label, triggerText: c }) : s.label));
 };
-je.propTypes = {
+Be.propTypes = {
   crumb: t.object,
   lastCrumb: t.bool,
   classes: t.string
 };
-const rn = (s) => /* @__PURE__ */ e.createElement(us, { className: "pds-breadcrumbs__mobileCrumbs", end: !0, to: s.uri }, /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" }), s.label), on = (s, n) => s.uri.split("/").length - n.uri.split("/").length, gs = (a) => {
+const cn = (s) => /* @__PURE__ */ e.createElement(us, { className: "pds-breadcrumbs__mobileCrumbs", end: !0, to: s.uri }, /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" }), s.label), rn = (s, n) => s.uri.split("/").length - n.uri.split("/").length, gs = (a) => {
   var c = a, { ariaLabel: s } = c, n = S(c, ["ariaLabel"]);
-  const [r, i] = R(!0), { crumbs: l, deferredCrumbIds: o } = Ne(ps), u = [...l].sort(on), m = () => {
+  const [r, i] = R(!0), { crumbs: l, deferredCrumbIds: o } = Ne(ps), u = [...l].sort(rn), m = () => {
     i(!1);
   }, _ = u.map(
-    ($, f) => f === u.length - 1 ? /* @__PURE__ */ e.createElement(je, { crumb: $, lastCrumb: !0, key: f }) : /* @__PURE__ */ e.createElement(je, { crumb: $, key: f })
+    ($, f) => f === u.length - 1 ? /* @__PURE__ */ e.createElement(Be, { crumb: $, lastCrumb: !0, key: f }) : /* @__PURE__ */ e.createElement(Be, { crumb: $, key: f })
   ), g = u.map(
-    ($, f) => f === u.length - 1 ? /* @__PURE__ */ e.createElement(je, { crumb: $, key: `breadcrumb-${f}`, lastCrumb: !0 }) : f == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
+    ($, f) => f === u.length - 1 ? /* @__PURE__ */ e.createElement(Be, { crumb: $, key: `breadcrumb-${f}`, lastCrumb: !0 }) : f == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         key: `breadcrumb-button-${f}`,
@@ -1188,30 +1188,30 @@ const rn = (s) => /* @__PURE__ */ e.createElement(us, { className: "pds-breadcru
       },
       "..."
     )), /* @__PURE__ */ e.createElement(
-      je,
+      Be,
       {
         crumb: $,
         classes: r ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${f}`
       }
     )) : f > 2 && f < u.length - 2 ? /* @__PURE__ */ e.createElement(
-      je,
+      Be,
       {
         crumb: $,
         classes: r ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${f}`
       }
-    ) : /* @__PURE__ */ e.createElement(je, { crumb: $, key: `breadcrumb-${f}` })
-  ), d = u.length >= 6 ? g : _, v = u[u.length - 2], h = rn(v);
+    ) : /* @__PURE__ */ e.createElement(Be, { crumb: $, key: `breadcrumb-${f}` })
+  ), d = u.length >= 6 ? g : _, v = u[u.length - 2], h = cn(v);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": s, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", N({ className: "pds-breadcrumbs__item" }, n), d), h);
 };
 gs.propTypes = {
   ariaLabel: t.string.isRequired,
   crumbs: t.array
 };
-const dn = (c) => {
+const on = (c) => {
   var r = c, { ariaLabel: s, crumbs: n } = r, a = S(r, ["ariaLabel", "crumbs"]);
-  return /* @__PURE__ */ e.createElement(Gs, null, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Us, null, /* @__PURE__ */ e.createElement(
     ps.Provider,
     {
       value: {
@@ -1222,14 +1222,14 @@ const dn = (c) => {
     /* @__PURE__ */ e.createElement(gs, N({ crumbs: n, ariaLabel: s }, a))
   ));
 };
-dn.propTypes = {
+on.propTypes = {
   ariaLabel: t.string.isRequired,
   crumbs: t.arrayOf([
     { label: t.string },
     { uri: t.string }
   ])
 };
-const mn = [
+const dn = [
   "angleDown",
   "angleLeft",
   "angleRight",
@@ -1378,13 +1378,13 @@ const mn = [
   "xmarkLarge",
   "xTwitter",
   "youtube"
-], ct = t.oneOf(mn), bt = t.oneOf([
+], rt = t.oneOf(dn), bt = t.oneOf([
   "narrow",
   "standard",
   "wide",
   "x-wide",
   "full"
-]), un = t.exact({
+]), mn = t.exact({
   /**
    * Label for a menu item
    */
@@ -1405,7 +1405,7 @@ const mn = [
   /**
    *  Optional icon for this item. Choose from available icons in the Icon component.
    */
-  iconName: ct,
+  iconName: rt,
   /**
    * Is the item a link?
    */
@@ -1434,7 +1434,7 @@ const mn = [
   /**
    *  Optional icon for this item. Choose from available icons in the Icon component.
    */
-  iconName: ct,
+  iconName: rt,
   /**
    * Optional ID value for this item.
    */
@@ -1447,7 +1447,7 @@ const mn = [
    *  Optional `data-testid` value for this item.
    */
   testId: t.string
-}), pn = t.exact({
+}), un = t.exact({
   /**
    * Is the item a node?
    */
@@ -1456,7 +1456,7 @@ const mn = [
    * The content of the node.
    */
   nodeContent: t.node
-}), gn = t.exact({
+}), pn = t.exact({
   /**
    * Is the item a separator?
    */
@@ -1466,14 +1466,14 @@ const mn = [
   for (n = n || [], a = 0; a < s.childNodes.length; a++)
     n.push(s.childNodes[a]), bs(s.childNodes[a], n);
   return n;
-}, Be = (s) => s.join(" ").trim().replace(/\s+/g, " "), he = {
+}, Oe = (s) => s.join(" ").trim().replace(/\s+/g, " "), he = {
   base: "pds-input",
   disabled: "pds-is-disabled",
   required: "pds-is-required",
   error: "pds-has-error",
   success: "pds-has-success",
   readonly: "pds-is-readonly"
-}, Dt = () => /* @__PURE__ */ e.createElement(
+}, At = () => /* @__PURE__ */ e.createElement(
   A,
   {
     iconName: "asterisk",
@@ -1489,13 +1489,13 @@ const mn = [
   isLegend: i,
   className: l
 }) => {
-  const o = Be([
+  const o = Oe([
     "pds-input-label",
     a ? null : "visually-hidden",
     l != null ? l : ""
   ]);
-  return i ? /* @__PURE__ */ e.createElement("legend", { className: o, id: `${s}-legend` }, n, c && !r && /* @__PURE__ */ e.createElement(Dt, null)) : /* @__PURE__ */ e.createElement("label", { htmlFor: s, className: o }, n, c && !r && /* @__PURE__ */ e.createElement(Dt, null));
-}, rt = ({
+  return i ? /* @__PURE__ */ e.createElement("legend", { className: o, id: `${s}-legend` }, n, c && !r && /* @__PURE__ */ e.createElement(At, null)) : /* @__PURE__ */ e.createElement("label", { htmlFor: s, className: o }, n, c && !r && /* @__PURE__ */ e.createElement(At, null));
+}, at = ({
   id: s,
   message: n,
   hasValidationMessage: a,
@@ -1507,14 +1507,14 @@ const mn = [
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: Be([l, o, i != null ? i : ""]),
+      className: Oe([l, o, i != null ? i : ""]),
       id: `${s}__message`,
       role: r === "error" ? "alert" : null
     },
     c && r && /* @__PURE__ */ e.createElement(_s, { variant: r }),
     n
   );
-}, hn = {
+}, gn = {
   search: "magnifyingGlass",
   error: "triangleExclamation",
   success: "check"
@@ -1528,19 +1528,19 @@ const mn = [
     /* @__PURE__ */ e.createElement(
       A,
       {
-        iconName: hn[s],
+        iconName: gn[s],
         iconSize: "md",
         className: `${n}__icon`
       }
     )
   );
-}, fn = ({
+}, hn = ({
   inputId: s,
   shortcutLabel: n
-}) => (Ks("/", (c) => {
+}) => (Gs("/", (c) => {
   const r = document.getElementById(s);
   r && r.focus(), c.preventDefault();
-}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(A, { iconName: "slashForward", iconSize: "md" }))), bn = ({
+}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(A, { iconName: "slashForward", iconSize: "md" }))), fn = ({
   id: s,
   clearLabel: n,
   handleClearInput: a
@@ -1554,7 +1554,7 @@ const mn = [
     onClick: a
   },
   /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "md" })
-), _n = ({
+), bn = ({
   id: s,
   currentLength: n,
   maxLength: a,
@@ -1565,14 +1565,14 @@ const mn = [
     "div",
     {
       id: `${s}__counter`,
-      className: Be([l, o])
+      className: Oe([l, o])
     },
     n,
     "/",
     a,
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden", "aria-live": "polite" }, r && `${c} ${i}`)
   );
-}, At = (a) => {
+}, qt = (a) => {
   var c = a, { label: s } = c, n = S(c, ["label"]);
   return /* @__PURE__ */ e.createElement("span", N({ className: "visually-hidden" }, n), s);
 }, vs = (s) => s ? { width: `${s / 16}rem` } : null, vt = (o) => {
@@ -1599,9 +1599,9 @@ const mn = [
       role: "status"
     }, l),
     /* @__PURE__ */ e.createElement("span", { className: `${m}__icon` }),
-    c && !n ? /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, a) : /* @__PURE__ */ e.createElement(At, { label: a })
+    c && !n ? /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, a) : /* @__PURE__ */ e.createElement(qt, { label: a })
   );
-}, tt = Ze(
+}, Fe = Ue(
   (h, v) => {
     var $ = h, {
       ariaLabel: s,
@@ -1630,7 +1630,7 @@ const mn = [
       "variant",
       "className"
     ]);
-    const f = "pds-button", C = m !== "md" ? `${f}--${m}` : null, p = _ !== "primary" ? `${f}--${_}` : null;
+    const f = "pds-button", E = m !== "md" ? `${f}--${m}` : null, p = _ !== "primary" ? `${f}--${_}` : null;
     let b;
     switch (m) {
       case "sm":
@@ -1642,7 +1642,7 @@ const mn = [
       case "lg":
         b = "lg";
     }
-    const E = /* @__PURE__ */ e.createElement(
+    const C = /* @__PURE__ */ e.createElement(
       A,
       {
         key: "icon",
@@ -1652,11 +1652,11 @@ const mn = [
       }
     );
     let y = [o];
-    return c == "icon-start" && r && y.unshift(E), c == "icon-end" && r && y.push(E), l && (y = [E], s = o), /* @__PURE__ */ e.createElement(
+    return c == "icon-start" && r && y.unshift(C), c == "icon-end" && r && y.push(C), l && (y = [C], s = o), /* @__PURE__ */ e.createElement(
       "button",
       ve(N({}, d), {
         type: n,
-        className: [f, C, p, g].join(" ").trim().replace(/\s+/g, " "),
+        className: [f, E, p, g].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || i,
         "aria-label": s,
         onClick: u,
@@ -1667,7 +1667,8 @@ const mn = [
     );
   }
 );
-tt.propTypes = {
+Fe.displayName = "Button";
+Fe.propTypes = {
   /**
    * Aria-label attribute.
    */
@@ -1687,7 +1688,7 @@ tt.propTypes = {
   /**
    * Which icon to render
    */
-  iconName: ct,
+  iconName: rt,
   /**
    * Is the button in a loading state?
    */
@@ -1726,7 +1727,7 @@ tt.propTypes = {
    */
   className: t.string
 };
-const Fe = (u) => {
+const We = (u) => {
   var m = u, {
     disabled: s = !1,
     displayType: n = "label-only",
@@ -1745,39 +1746,39 @@ const Fe = (u) => {
     "className"
   ]);
   const _ = xe(), g = "pds-button-link", d = "pds-button", v = c.props.className, h = r !== "md" ? `${d}--${r}` : null, $ = i !== "primary" ? `${d}--${i}` : null, f = [d, v, $, h].join(" ").trim().replace(/\s+/g, " ");
-  let C;
+  let E;
   switch (r) {
     case "sm":
-      C = "sm";
+      E = "sm";
       break;
     case "md":
-      C = "md";
+      E = "md";
       break;
     case "lg":
-      C = "lg";
+      E = "lg";
   }
   const p = /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: a,
-      iconSize: C,
+      iconSize: E,
       className: `${d}__icon`,
       key: `icon-${_}`
     }
   );
-  let E = [c.props.children];
-  n == "icon-start" && a && E.unshift(p), n == "icon-end" && a && E.push(p);
+  let C = [c.props.children];
+  n == "icon-start" && a && C.unshift(p), n == "icon-end" && a && C.push(p);
   const y = Ds(c, {
     className: f,
-    children: E
+    children: C
   });
   return s ? /* @__PURE__ */ e.createElement(
-    tt,
+    Fe,
     N({
       disabled: !0,
       onClick: () => {
       },
-      label: E,
+      label: C,
       variant: i,
       size: r,
       className: [g, l].join(" ").trim().replace(/\s+/g, " ")
@@ -1790,7 +1791,7 @@ const Fe = (u) => {
     y
   );
 };
-Fe.propTypes = {
+We.propTypes = {
   /**
    * Is the link disabled?
    */
@@ -1802,7 +1803,7 @@ Fe.propTypes = {
   /**
    * Which icon to render
    */
-  iconName: ct,
+  iconName: rt,
   /**
    * A link element using the router of your choice.
    */
@@ -1827,7 +1828,7 @@ Fe.propTypes = {
    */
   className: t.string
 };
-const vn = (_) => {
+const _n = (_) => {
   var g = _, {
     bodyText: s,
     headingLevel: n = "h2",
@@ -1856,30 +1857,30 @@ const vn = (_) => {
       "aria-hidden": "true"
     }, l.props),
     /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })
-  ) : /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })) : null, C = /* @__PURE__ */ e.createElement("div", { className: `${d}__text-elements` }, i && /* @__PURE__ */ e.createElement(
+  ) : /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })) : null, E = /* @__PURE__ */ e.createElement("div", { className: `${d}__text-elements` }, i && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${d}__kicker pds-overline-text pds-overline-text--sm`
     },
     i
-  ), a && /* @__PURE__ */ e.createElement(h, { className: `${d}__heading` }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${d}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, s)), !r && l && /* @__PURE__ */ e.createElement("div", { className: `${d}__links pds-button-group` }, /* @__PURE__ */ e.createElement(Fe, { linkContent: l, variant: "primary" }), o && /* @__PURE__ */ e.createElement(Fe, { linkContent: o, variant: "secondary" })));
+  ), a && /* @__PURE__ */ e.createElement(h, { className: `${d}__heading` }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${d}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, s)), !r && l && /* @__PURE__ */ e.createElement("div", { className: `${d}__links pds-button-group` }, /* @__PURE__ */ e.createElement(We, { linkContent: l, variant: "primary" }), o && /* @__PURE__ */ e.createElement(We, { linkContent: o, variant: "secondary" })));
   return r && l ? /* @__PURE__ */ e.createElement(
     $,
     N({
       className: [d, v, u].join(" ").trim().replace(/\s+/g, " ")
     }, l.props),
     f,
-    C
+    E
   ) : /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [d, v, u].join(" ").trim().replace(/\s+/g, " ")
     }, m),
     f,
-    C
+    E
   );
 };
-vn.propTypes = {
+_n.propTypes = {
   /**
    * Short description or summary. Can be string or JSX.
    */
@@ -1920,7 +1921,7 @@ vn.propTypes = {
    */
   className: t.string
 };
-const En = (m) => {
+const vn = (m) => {
   var _ = m, {
     id: s,
     initialSelection: n,
@@ -1943,18 +1944,18 @@ const En = (m) => {
   const g = "pds-card-select-group";
   let d = `${g}__legend`;
   c === "center" && (d = `${g}__legend ${g}__legend--center`), c === "hidden" && (d = `${g}__legend visually-hidden`);
-  const [v, h] = R(n), $ = (E) => {
-    h(E.target.value), i && i(E.target.value);
-  }, f = l.length, C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", p = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  const [v, h] = R(n), $ = (C) => {
+    h(C.target.value), i && i(C.target.value);
+  }, f = l.length, E = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", p = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let b = "";
-  return r === "twoAcross" ? b = C : r === "threeAcross" ? b = p : r === "auto" && (f % 3 === 0 ? b = p : f % 2 === 0 ? b = C : b = p), /* @__PURE__ */ e.createElement(
+  return r === "twoAcross" ? b = E : r === "threeAcross" ? b = p : r === "auto" && (f % 3 === 0 ? b = p : f % 2 === 0 ? b = E : b = p), /* @__PURE__ */ e.createElement(
     "fieldset",
     N({
       className: [g, o].join(" ").trim().replace(/\s+/g, " "),
       id: s
     }, u),
     /* @__PURE__ */ e.createElement("legend", { className: d }, a),
-    /* @__PURE__ */ e.createElement("div", { className: `${g}__options pds-grid pds-grid--narrow` }, l.map((E, y) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${g}__options pds-grid pds-grid--narrow` }, l.map((C, y) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: [`${g}__option`, b].join(" ").trim().replace(/\s+/g, " "),
@@ -1966,31 +1967,31 @@ const En = (m) => {
           type: "radio",
           id: `${s}-option-${y}`,
           name: s,
-          value: E.value,
+          value: C.value,
           onClick: $,
-          defaultChecked: v === E.value
+          defaultChecked: v === C.value
         }
       ),
       /* @__PURE__ */ e.createElement(
         "label",
         {
           htmlFor: `${s}-option-${y}`,
-          className: v === E.value ? `${g}__option-label ${g}__option-label--selected` : `${g}__option-label`
+          className: v === C.value ? `${g}__option-label ${g}__option-label--selected` : `${g}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${g}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           A,
           {
-            iconName: v === E.value ? "circleCheck" : "circle",
+            iconName: v === C.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: v === E.value ? `${g}__option-icon ${g}__option-icon--selected` : `${g}__option-icon`
+            className: v === C.value ? `${g}__option-icon ${g}__option-icon--selected` : `${g}__option-icon`
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${g}__option-label-text` }, E.label, E.description && /* @__PURE__ */ e.createElement("div", { className: `${g}__option-description` }, E.description))
+        /* @__PURE__ */ e.createElement("div", { className: `${g}__option-label-text` }, C.label, C.description && /* @__PURE__ */ e.createElement("div", { className: `${g}__option-description` }, C.description))
       )
     )))
   );
 };
-En.propTypes = {
+vn.propTypes = {
   /**
    * Unique ID for the card select group
    */
@@ -2086,14 +2087,14 @@ const st = ({ type: s }) => {
 st.propTypes = {
   type: t.oneOf(["search", "error", "success"]).isRequired
 };
-const qt = ({ label: s }) => /* @__PURE__ */ e.createElement("div", { className: "pds-input__search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement(A, { iconName: "slashForward" }));
-qt.propTypes = {
+const Pt = ({ label: s }) => /* @__PURE__ */ e.createElement("div", { className: "pds-input__search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement(A, { iconName: "slashForward" }));
+Pt.propTypes = {
   label: t.string.isRequired
 };
-const Pt = Ze(
+const jt = Ue(
   (i, r) => {
     var l = i, { children: s, active: n, className: a } = l, c = S(l, ["children", "active", "className"]);
-    const o = Bs(), u = "pds-input__option", m = n ? `${u}--active` : null;
+    const o = js(), u = "pds-input__option", m = n ? `${u}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       N({
@@ -2107,14 +2108,14 @@ const Pt = Ze(
     );
   }
 );
-Pt.propTypes = {
+jt.propTypes = {
   children: t.node.isRequired,
   active: t.bool,
   className: t.string
 };
-const Re = Ze(
-  (C, f) => {
-    var p = C, {
+const De = Ue(
+  (E, f) => {
+    var p = E, {
       children: s,
       decorator: n,
       disabled: a = !1,
@@ -2147,7 +2148,7 @@ const Re = Ze(
       "validationState",
       "className"
     ]);
-    const b = "pds-input-wrapper", E = `${b}--${r}`, y = "pds-input-label", w = `pds-input-field__message pds-input-field__message--${m}`, z = v === "error" ? "pds-has-error" : null, x = v === "success" ? "pds-has-success" : null, L = a ? "pds-is-disabled" : null, V = _ ? "pds-is-readonly" : null, H = g && !a ? "pds-is-required" : null, I = i ? `${i / 16}rem` : null, k = i ? { width: I } : null, M = l ? "fieldset" : "div", D = g && !a ? /* @__PURE__ */ e.createElement(
+    const b = "pds-input-wrapper", C = `${b}--${r}`, y = "pds-input-label", w = `pds-input-field__message pds-input-field__message--${m}`, z = v === "error" ? "pds-has-error" : null, x = v === "success" ? "pds-has-success" : null, L = a ? "pds-is-disabled" : null, V = _ ? "pds-is-readonly" : null, H = g && !a ? "pds-is-required" : null, I = i ? `${i / 16}rem` : null, k = i ? { width: I } : null, M = l ? "fieldset" : "div", D = g && !a ? /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: "asterisk",
@@ -2169,7 +2170,7 @@ const Re = Ze(
       N({
         className: [
           b,
-          E,
+          C,
           L,
           V,
           H,
@@ -2204,7 +2205,7 @@ const Re = Ze(
     );
   }
 );
-Re.propTypes = {
+De.propTypes = {
   /**
    * Children. The input field component.
    */
@@ -2266,7 +2267,7 @@ Re.propTypes = {
    */
   className: t.string
 };
-const Es = Ze(
+const Es = Ue(
   (x, z) => {
     var L = x, {
       disabled: s = !1,
@@ -2291,10 +2292,10 @@ const Es = Ze(
       onFocus: h,
       onOptionSelect: $,
       options: f,
-      placeholder: C,
+      placeholder: E,
       required: p = !1,
       showLabel: b = !0,
-      validationFunction: E,
+      validationFunction: C,
       className: y
     } = L, w = S(L, [
       "disabled",
@@ -2328,15 +2329,15 @@ const Es = Ze(
     ), [O, q] = R([]), [F, Z] = R(""), [B, T] = R(null), j = ee([]), U = "pds-combobox", { context: G, refs: ce } = Ve({
       open: H,
       onOpenChange: I,
-      whileElementsMounted: Oe
-    }), ne = Ie(G, { role: "listbox" }), te = Se(G), me = lt(G, {
+      whileElementsMounted: Re
+    }), ne = Ie(G, { role: "listbox" }), te = Se(G), me = ct(G, {
       listRef: j,
       activeIndex: k,
       onNavigate: M,
       virtual: !0,
       loop: !0,
       allowEscape: !0
-    }), { getReferenceProps: ue, getFloatingProps: J, getItemProps: fe } = Te([ne, te, me]), { isMounted: _e, styles: re } = Ue(G, {
+    }), { getReferenceProps: ue, getFloatingProps: J, getItemProps: fe } = Te([ne, te, me]), { isMounted: _e, styles: re } = Ge(G, {
       duration: {
         open: 300,
         close: 150
@@ -2364,7 +2365,7 @@ const Es = Ze(
     const Y = () => {
       Z(""), T(null);
     }, pe = (ie) => {
-      const oe = E(ie) || {};
+      const oe = C(ie) || {};
       Y(), oe.error && T("error"), oe.success && T("success"), Z(oe.message);
     }, ye = (ie) => {
       let oe = ie.target.value;
@@ -2373,32 +2374,32 @@ const Es = Ze(
       h && h();
     }, ae = (ie) => {
       const oe = O[ie];
-      W(oe.label), M(null), I(!1), $ && $(oe), E && pe(oe);
+      W(oe.label), M(null), I(!1), $ && $(oe), C && pe(oe);
     }, He = () => {
       var ie;
       Y(), W(""), I(!0), (ie = ce.domReference.current) == null || ie.focus();
     }, we = () => {
       I(!H);
     }, Le = (ie) => ie.map((ke) => {
-      const { label: Ae, optionDisplay: qe, value: ot, searchIndex: dt } = ke, P = ot || Ae, le = [Ae, ot];
+      const { label: qe, optionDisplay: Pe, value: ot, searchIndex: dt } = ke, P = ot || qe, le = [qe, ot];
       return dt && le.push(...dt), {
-        label: Ae,
+        label: qe,
         value: P,
         searchIndex: le,
-        optionDisplay: qe
+        optionDisplay: Pe
       };
     });
     se(() => {
       const ie = Le(f).filter((oe) => {
         const ke = oe.searchIndex.map(
-          (qe) => qe.toLowerCase()
-        ), Ae = D.toLowerCase();
-        return ke.some((qe) => qe.includes(Ae));
+          (Pe) => Pe.toLowerCase()
+        ), qe = D.toLowerCase();
+        return ke.some((Pe) => Pe.includes(qe));
       });
       q(ie);
     }, [D, u, f]);
     const be = O.map((ie, oe) => /* @__PURE__ */ e.createElement(
-      Pt,
+      jt,
       ve(N({
         key: ie
       }, fe({
@@ -2415,9 +2416,9 @@ const Es = Ze(
         active: k === oe
       }),
       ie.optionDisplay || ie.label
-    )), Ge = F || d, Ct = o ? `${o / 16}rem` : null, Ke = o ? { width: Ct } : null;
+    )), Ke = F || d, $t = o ? `${o / 16}rem` : null, Ye = o ? { width: $t } : null;
     return /* @__PURE__ */ e.createElement(
-      Re,
+      De,
       N({
         className: y,
         decorator: c ? "search" : null,
@@ -2426,7 +2427,7 @@ const Es = Ze(
         inputFieldType: "combobox",
         inputWidth: o,
         label: m,
-        message: Ge,
+        message: Ke,
         required: p,
         showLabel: b,
         validationState: B
@@ -2438,11 +2439,11 @@ const Es = Ze(
           className: [U].join(" ").trim().replace(/\s+/g, " "),
           id: i,
           name: i,
-          style: Ke,
+          style: Ye,
           "aria-disabled": s ? !0 : null,
           "aria-required": p ? !0 : null,
           "aria-invalid": B === "error" ? !0 : null,
-          "aria-describedby": Ge ? `${i}__message` : null
+          "aria-describedby": Ke ? `${i}__message` : null
         },
         /* @__PURE__ */ e.createElement(
           "input",
@@ -2452,7 +2453,7 @@ const Es = Ze(
             "aria-autocomplete": "list",
             "aria-label": _.inputInstructions,
             disabled: s,
-            placeholder: C,
+            placeholder: E,
             value: D,
             onChange: ye,
             onFocus: Q,
@@ -2469,7 +2470,7 @@ const Es = Ze(
             handleClearInput: He
           }
         ),
-        !D && r && /* @__PURE__ */ e.createElement(qt, { label: _.searchShortcut }),
+        !D && r && /* @__PURE__ */ e.createElement(Pt, { label: _.searchShortcut }),
         a && /* @__PURE__ */ e.createElement(
           "button",
           ve(N({
@@ -2627,7 +2628,7 @@ Es.propTypes = {
    */
   className: t.string
 };
-const Cn = (m) => {
+const En = (m) => {
   var _ = m, {
     backgroundColor: s = "default",
     containerWidth: n = "standard",
@@ -2685,7 +2686,7 @@ const Cn = (m) => {
     ))
   );
 };
-Cn.propTypes = {
+En.propTypes = {
   /**
    * Background color of slice
    */
@@ -2727,7 +2728,7 @@ Cn.propTypes = {
    */
   className: t.string
 };
-const De = ht(null), $n = ({
+const Ae = ht(null), Cn = ({
   children: s,
   mobileMenuMaxWidth: n = 640
 }) => {
@@ -2742,8 +2743,8 @@ const De = ht(null), $n = ({
     mobileMenuMaxWidth: n,
     windowWidth: a
   };
-  return /* @__PURE__ */ e.createElement(De.Provider, { value: l }, s);
-}, yn = (r) => {
+  return /* @__PURE__ */ e.createElement(Ae.Provider, { value: l }, s);
+}, $n = (r) => {
   var i = r, {
     destination: s = "main",
     text: n = "Skip to main content",
@@ -2761,7 +2762,7 @@ const De = ht(null), $n = ({
     }, c),
     n
   );
-}, jt = ht(null), F1 = (m) => {
+}, Bt = ht(null), B1 = (m) => {
   var _ = m, {
     children: s,
     hasSidebarToggle: n = !0,
@@ -2783,10 +2784,10 @@ const De = ht(null), $n = ({
   ]);
   const [g, d] = R(
     a
-  ), { isMobile: v } = Ne(De), h = ee(), [$] = ft(h), C = {
+  ), { isMobile: v } = Ne(Ae), h = ee(), [$] = ft(h), E = {
     navbarWidth: $.width,
     isSidebarExpanded: g
-  }, p = "pds-dashboard", b = v ? `${p}--isMobile` : `${p}--notMobile`, E = v ? null : g ? `${p}--sidebarExpanded` : `${p}--sidebarCollapsed`, y = g ? `${r}rem` : `${c}rem`, w = {
+  }, p = "pds-dashboard", b = v ? `${p}--isMobile` : `${p}--notMobile`, C = v ? null : g ? `${p}--sidebarExpanded` : `${p}--sidebarCollapsed`, y = g ? `${r}rem` : `${c}rem`, w = {
     width: y,
     transition: "width 200ms ease-in-out"
   }, z = v ? {} : {
@@ -2811,13 +2812,13 @@ const De = ht(null), $n = ({
     },
     /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" })
   ), /* @__PURE__ */ e.createElement("div", { className: `${p}__sidebar-inner` }, H));
-  return /* @__PURE__ */ e.createElement(jt.Provider, { value: C }, /* @__PURE__ */ e.createElement(yn, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Bt.Provider, { value: E }, /* @__PURE__ */ e.createElement($n, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [
         p,
         b,
-        E,
+        C,
         "pds-typography--product",
         o != null ? o : ""
       ].join(" ").trim().replace(/\s+/g, " ")
@@ -2858,7 +2859,7 @@ const De = ht(null), $n = ({
       }
     }
     return null;
-  }, h = v(n), $ = h ? h.props.children : a, f = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${o}__active-icon` }), C = (O) => {
+  }, h = v(n), $ = h ? h.props.children : a, f = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${o}__active-icon` }), E = (O) => {
     O.key === "Enter" && L.current[_].querySelector("a").click();
   }, p = (O) => {
     O.target.nodeName === "A" && m(!1);
@@ -2904,12 +2905,12 @@ const De = ht(null), $n = ({
         });
       });
     }), q;
-  }, { refs: E, context: y, floatingStyles: w } = Ve({
+  }, { refs: C, context: y, floatingStyles: w } = Ve({
     placement: "bottom-start",
     open: u,
     onOpenChange: m,
-    whileElementsMounted: Oe
-  }), { isMounted: z, styles: x } = Ue(y, {
+    whileElementsMounted: Re
+  }), { isMounted: z, styles: x } = Ge(y, {
     duration: {
       open: 300,
       close: 300
@@ -2923,7 +2924,7 @@ const De = ht(null), $n = ({
     close: {
       opacity: 0
     }
-  }), L = ee([]), V = lt(y, {
+  }), L = ee([]), V = ct(y, {
     listRef: L,
     activeIndex: _,
     onNavigate: g,
@@ -2943,7 +2944,7 @@ const De = ht(null), $n = ({
       "button",
       N({
         className: `${o}__trigger`,
-        ref: E.setReference
+        ref: C.setReference
       }, M()),
       /* @__PURE__ */ e.createElement("span", { className: `${o}__active-label` }, $),
       /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${o}__trigger-icon` })
@@ -2952,7 +2953,7 @@ const De = ht(null), $n = ({
       "ul",
       N({
         className: `${o}__dropdown ${o}__menu ${o}__menu--top-level`,
-        ref: E.setFloating,
+        ref: C.setFloating,
         style: ve(N({}, x), {
           floatingStyles: w,
           zIndex: "var(--pds-z-index-dropdown)"
@@ -2962,7 +2963,7 @@ const De = ht(null), $n = ({
         "li",
         N({
           key: q,
-          onKeyDown: C,
+          onKeyDown: E,
           className: `${o}__item ${o}__item--${O.level} ${O.isActive === !0 ? `${o}__item--active` : ""}`,
           tabIndex: _ === q ? 0 : -1,
           ref: (F) => {
@@ -2993,7 +2994,7 @@ Et.propTypes = {
    */
   className: t.string
 };
-const Bt = (l) => {
+const Ft = (l) => {
   var o = l, {
     colorType: s = "default",
     displayType: n = "full",
@@ -3330,7 +3331,7 @@ const Bt = (l) => {
     n === "sub-brand" && /* @__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" }, $))
   );
 };
-Bt.propTypes = {
+Ft.propTypes = {
   /**
    * Color Type
    */
@@ -3358,7 +3359,7 @@ Bt.propTypes = {
    */
   className: t.string
 };
-const Nn = (l) => {
+const yn = (l) => {
   var o = l, {
     ariaLabel: s = "Main navigation",
     labels: n = {
@@ -3376,9 +3377,9 @@ const Nn = (l) => {
     "className"
   ]);
   let u = !1;
-  const m = Ne(De);
+  const m = Ne(Ae);
   m && (u = m.isMobile);
-  const _ = Ne(jt);
+  const _ = Ne(Bt);
   let g = !0;
   _ && (g = _.isSidebarExpanded);
   const d = "pds-dashboard-nav", v = g ? `${d}--expanded` : `${d}--collapsed`, h = (p) => {
@@ -3394,20 +3395,20 @@ const Nn = (l) => {
     if (b.props.className && b.props.className.includes("pds-isActive"))
       return !0;
     if (p.links) {
-      for (let E = 0; E < p.links.length; E++)
-        if ($(p.links[E]))
+      for (let C = 0; C < p.links.length; C++)
+        if ($(p.links[C]))
           return !0;
     }
     return !1;
   };
   a = a.map((p) => {
-    const b = p.linkContent.type, E = p.linkContent.props.href ? "href" : "to", y = E === "href" ? p.linkContent.props.href : p.linkContent.props.to, w = p.linkContent.props.children, z = p.linkContent.props.className;
+    const b = p.linkContent.type, C = p.linkContent.props.href ? "href" : "to", y = C === "href" ? p.linkContent.props.href : p.linkContent.props.to, w = p.linkContent.props.children, z = p.linkContent.props.className;
     return ve(N({}, p), {
       linkContent: /* @__PURE__ */ e.createElement(
         b,
         {
-          href: E === "href" ? y : null,
-          to: E === "to" ? y : null,
+          href: C === "href" ? y : null,
+          to: C === "to" ? y : null,
           className: `${d}__link ${z}`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${d}__link-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: p.icon })),
@@ -3422,7 +3423,7 @@ const Nn = (l) => {
       menuItems: a,
       selectTextFallback: c
     }
-  ), C = /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, a.map((p, b) => /* @__PURE__ */ e.createElement(
+  ), E = /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, a.map((p, b) => /* @__PURE__ */ e.createElement(
     "li",
     {
       key: b,
@@ -3442,13 +3443,13 @@ const Nn = (l) => {
       {
         className: `${d}__menu ${d}__menu--second-level ${$(p) ? `${d}__menu--expanded` : ""}`
       },
-      p.links.map((E, y) => /* @__PURE__ */ e.createElement(
+      p.links.map((C, y) => /* @__PURE__ */ e.createElement(
         "li",
         {
           key: y,
-          className: `${d}__item ${d}__item--second-level ${$(E) ? `${d}__item--active` : ""}`
+          className: `${d}__item ${d}__item--second-level ${$(C) ? `${d}__item--active` : ""}`
         },
-        E.linkContent
+        C.linkContent
       ))
     )) : p.linkContent
   )));
@@ -3459,16 +3460,16 @@ const Nn = (l) => {
       className: [d, v, r].join(" ").trim().replace(/\s+/g, " ")
     }, i),
     !u && /* @__PURE__ */ e.createElement(
-      Bt,
+      Ft,
       {
         className: `${d}__logo`,
         displayType: g ? "full" : "icon"
       }
     ),
-    u ? f : C
+    u ? f : E
   );
 };
-Nn.propTypes = {
+yn.propTypes = {
   /**
    * Aria label for the navigation.
    */
@@ -3493,7 +3494,7 @@ Nn.propTypes = {
    */
   className: t.string
 };
-const Ft = (o) => {
+const Wt = (o) => {
   var u = o, {
     color: s = "transparent",
     hasStatusIndicator: n = !1,
@@ -3555,7 +3556,7 @@ const Ft = (o) => {
         style: { pointerEvents: "none" }
       },
       /* @__PURE__ */ e.createElement(
-        Ft,
+        Wt,
         {
           color: "neutral",
           hasStatusIndicator: !0,
@@ -3567,7 +3568,7 @@ const Ft = (o) => {
   );
 };
 Cs.propTypes = { option: t.object };
-const wn = (h) => {
+const Nn = (h) => {
   var $ = h, {
     disabled: s = !1,
     id: n,
@@ -3601,12 +3602,12 @@ const wn = (h) => {
     "startingRightPosition",
     "className"
   ]);
-  const [f, C] = R(!1), [p, b] = R(null), E = ee(null);
+  const [f, E] = R(!1), [p, b] = R(null), C = ee(null);
   let y = !1;
-  const w = Ne(De);
+  const w = Ne(Ae);
   w && (y = w.isMobile);
   let z = null;
-  const x = Ne(jt);
+  const x = Ne(Bt);
   x && (z = x.navbarWidth);
   const L = 2.25, V = 22, H = z > 900 ? V : z / 16 - g - L * 0.675;
   let I = L;
@@ -3615,19 +3616,19 @@ const wn = (h) => {
     right: `${g}rem`,
     width: `${I}rem`
   }, M = "pds-dashboard-search", D = y ? `${M}--isMobile` : null, W = () => {
-    C(!0), setTimeout(() => {
-      E.current.querySelector("input").focus();
+    E(!0), setTimeout(() => {
+      C.current.querySelector("input").focus();
     }, 500);
   }, O = () => {
     setTimeout(() => {
-      C(!1);
+      E(!1);
     }, 150);
   }, q = (j) => {
     b(j.value), u && u(j);
   };
   se(() => {
     if (f) {
-      const j = E.current.querySelector("input");
+      const j = C.current.querySelector("input");
       return j.addEventListener("blur", O), () => {
         j.removeEventListener("blur", O);
       };
@@ -3643,7 +3644,7 @@ const wn = (h) => {
   }), Z = /* @__PURE__ */ e.createElement(
     Es,
     {
-      ref: E,
+      ref: C,
       disabled: s,
       hasClearButton: !1,
       id: `${n}-combobox`,
@@ -3695,7 +3696,7 @@ const wn = (h) => {
     y ? T : B
   );
 };
-wn.propTypes = {
+Nn.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -3782,7 +3783,7 @@ wn.propTypes = {
    */
   className: t.string
 };
-const kn = (l) => {
+const wn = (l) => {
   var o = l, {
     children: s,
     id: n,
@@ -3805,7 +3806,7 @@ const kn = (l) => {
     /* @__PURE__ */ e.createElement("details", { key: c, id: u, open: a }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${m}__icon` })), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, s))
   );
 };
-kn.propTypes = {
+wn.propTypes = {
   /**
    * The content of the expansion panel.
    */
@@ -3827,7 +3828,7 @@ kn.propTypes = {
    */
   className: t.string
 };
-const Hn = (r) => {
+const kn = (r) => {
   var i = r, {
     children: s,
     displayType: n = "standard",
@@ -3846,7 +3847,7 @@ const Hn = (r) => {
     s
   );
 };
-Hn.propTypes = {
+kn.propTypes = {
   /**
    * The content of the expansion panel group. This should be a series of ExpansionPanel components.
    */
@@ -3860,7 +3861,7 @@ Hn.propTypes = {
    */
   className: t.string
 };
-const Ln = ($) => {
+const Hn = ($) => {
   var f = $, {
     accept: s,
     chooseFileLabel: n = "Choose file",
@@ -3892,15 +3893,15 @@ const Ln = ($) => {
     "validationFunction",
     "className"
   ]);
-  const [C, p] = R(!1), [b, E] = R(), [y, w] = R(null), z = "pds-file-upload", x = C ? `${z}--has-value` : null;
+  const [E, p] = R(!1), [b, C] = R(), [y, w] = R(null), z = "pds-file-upload", x = E ? `${z}--has-value` : null;
   let L = null;
   y === "error" && (L = "error"), y === "success" && (L = "success");
   const V = () => {
-    E(""), w(null);
+    C(""), w(null);
   }, H = (M) => {
     if (d) {
       const D = d(M.target.files) || {};
-      V(), D.error && w("error"), D.success && w("success"), E(D.message);
+      V(), D.error && w("error"), D.success && w("success"), C(D.message);
     }
     m && m(M.target.files), M.target.files.length > 0 ? p(!0) : p(!1);
   }, I = () => {
@@ -3908,7 +3909,7 @@ const Ln = ($) => {
     M.value = "", p(!1), V();
   }, k = b || o;
   return /* @__PURE__ */ e.createElement(
-    Re,
+    De,
     N({
       className: v,
       decorator: L,
@@ -3926,7 +3927,7 @@ const Ln = ($) => {
       "label",
       {
         htmlFor: i,
-        className: C ? "visually-hidden" : `${z}__label`
+        className: E ? "visually-hidden" : `${z}__label`
       },
       /* @__PURE__ */ e.createElement(A, { iconName: "paperclip", iconSize: "sm" }),
       n
@@ -3944,7 +3945,7 @@ const Ln = ($) => {
         onChange: H
       }
     ),
-    C && /* @__PURE__ */ e.createElement(
+    E && /* @__PURE__ */ e.createElement(
       pt,
       {
         ariaLabel: a,
@@ -3956,7 +3957,7 @@ const Ln = ($) => {
     )
   );
 };
-Ln.propTypes = {
+Hn.propTypes = {
   /**
    * File types the input should accept. Leave null for all file types.
    */
@@ -4047,7 +4048,7 @@ $s.propTypes = {
    */
   className: t.string
 };
-const zn = (i) => {
+const Ln = (i) => {
   var l = i, {
     headingLevel: s,
     headingText: n,
@@ -4076,7 +4077,7 @@ const zn = (i) => {
     /* @__PURE__ */ e.createElement("ul", { className: `${o}__list`, role: "list" }, a.map((u, m) => /* @__PURE__ */ e.createElement("li", { key: m, className: `${o}__item` }, u)))
   );
 };
-zn.propTypes = {
+Ln.propTypes = {
   /**
    *  Heading level
    */
@@ -4094,7 +4095,7 @@ zn.propTypes = {
    */
   className: t.string
 };
-const Mn = (r) => {
+const zn = (r) => {
   var i = r, { children: s, level: n, className: a } = i, c = S(i, ["children", "level", "className"]);
   const l = "pds-heading", o = `${n}`;
   return /* @__PURE__ */ e.createElement(
@@ -4105,7 +4106,7 @@ const Mn = (r) => {
     s
   );
 };
-Mn.propTypes = {
+zn.propTypes = {
   /**
    * Heading content
    */
@@ -4119,7 +4120,7 @@ Mn.propTypes = {
    */
   className: t.string
 };
-const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s) => s.type === "decimal").value, wt = 16, Jt = 10, Vn = (h) => {
+const Mn = new Intl.NumberFormat().formatToParts(100000089e-2), wt = Mn.find((s) => s.type === "decimal").value, kt = 16, Jt = 10, xn = (h) => {
   var $ = h, {
     disabled: s = !1,
     formatting: n,
@@ -4149,16 +4150,16 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
     "validationFunction",
     "className"
   ]);
-  const f = "pds-input-formatted", C = n ? `${f}--${n}` : null, p = ee([
+  const f = "pds-input-formatted", E = n ? `${f}--${n}` : null, p = ee([
     "pds-input-field",
     f,
-    C,
+    E,
     d
-  ]), [b, E] = R(""), [y, w] = R(null), [z, x] = R(null), L = ee(null), V = ee(null), H = ee("");
+  ]), [b, C] = R(""), [y, w] = R(null), [z, x] = R(null), L = ee(null), V = ee(null), H = ee("");
   se(() => {
-    switch (r && E(Z(r)), H.numExtra = "", n) {
+    switch (r && C(Z(r)), H.numExtra = "", n) {
       case "credit-card":
-        H.numExtra = 3, H.current = wt;
+        H.numExtra = 3, H.current = kt;
         break;
       case "phone":
         H.numExtra = 4, H.current = Jt;
@@ -4181,7 +4182,7 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
       rawValue: V.current
     });
   }, W = (T) => {
-    E(Z(T.target.value)), M(), D(T.target.value);
+    C(Z(T.target.value)), M(), D(T.target.value);
   }, O = () => {
     x("error"), p.current.push(Ce.error);
   }, q = (T) => {
@@ -4196,18 +4197,18 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
       )) : (n === "credit-card" || n === "phone") && (x("success"), p.current.push(Ce.success));
     D(T.target.value);
   }, F = () => {
-    M(), E(""), V.current = "", L.current.focus(), D("");
+    M(), C(""), V.current = "", L.current.focus(), D("");
   }, Z = (T) => {
     if (T) {
       if (n === "credit-card") {
         const j = ("" + T).replace(/\D/g, "");
         if (V.current = j, j) {
           if (new RegExp("^34|37", "g").test(j)) {
-            H.numExtra = 2, H.current = wt - 1;
+            H.numExtra = 2, H.current = kt - 1;
             const ne = {};
             return ne.first = j.substring(0, 4), ne.middle = j.substring(4, 10), ne.middle.length > 0 && (ne.middle = ` ${ne.middle}`), ne.last = j.substring(10), ne.last.length > 0 && (ne.last = ` ${ne.last}`), `${ne.first}${ne.middle}${ne.last}`;
           }
-          H.numExtra = 3, H.current = wt;
+          H.numExtra = 3, H.current = kt;
           const G = new RegExp(".{1,4}", "g");
           return j.match(G).join(" ");
         }
@@ -4225,12 +4226,12 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
         return j;
       }
       if (n === "number-localized") {
-        const j = new RegExp(`[^0-9${Nt}]`, "g"), U = ("" + T).replace(j, "");
+        const j = new RegExp(`[^0-9${wt}]`, "g"), U = ("" + T).replace(j, "");
         V.current = U;
         const G = new Intl.NumberFormat(void 0, {
           maximumFractionDigits: 20
         }).format(U);
-        return U.endsWith(Nt) ? G + Nt : G;
+        return U.endsWith(wt) ? G + wt : G;
       }
     }
     return T;
@@ -4273,7 +4274,7 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
     y || l
   ));
 };
-Vn.propTypes = {
+xn.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -4347,7 +4348,7 @@ Vn.propTypes = {
    */
   className: t.string
 };
-const Sn = (v) => {
+const Vn = (v) => {
   var h = v, {
     counterFunction: s = () => {
     },
@@ -4376,9 +4377,9 @@ const Sn = (v) => {
     "validationFunction",
     "className"
   ]);
-  const $ = "pds-input-obscured", f = ee(["pds-input-field", $, g]), [C, p] = R(r), [b, E] = R(s("")), [y, w] = R(), [z, x] = R(null), [L, V] = R(!1), H = ee(null), I = ee(null);
+  const $ = "pds-input-obscured", f = ee(["pds-input-field", $, g]), [E, p] = R(r), [b, C] = R(s("")), [y, w] = R(), [z, x] = R(null), [L, V] = R(!1), H = ee(null), I = ee(null);
   se(() => {
-    r && s && E(s(r));
+    r && s && C(s(r));
   }, []);
   const k = () => {
     f.current = f.current.filter(
@@ -4391,15 +4392,15 @@ const Sn = (v) => {
   }, D = () => {
     M(), w(""), x(null);
   }, W = (T) => {
-    p(T.target.value), D(), s && E(s(T.target.value)), o && o(T.target.value);
+    p(T.target.value), D(), s && C(s(T.target.value)), o && o(T.target.value);
   }, O = (T) => {
     if (V(!1), _) {
       const j = _(T.target.value) || {};
       D(), j.error && (x("error"), f.current.push(Ce.error)), j.success && (x("success"), f.current.push(Ce.success)), w(j.message);
     }
-    o && o(C);
+    o && o(E);
   }, q = () => {
-    D(), p(""), I.current.value = null, I.current.focus(), s && E(s("")), o && o("");
+    D(), p(""), I.current.value = null, I.current.focus(), s && C(s("")), o && o("");
   }, F = () => {
     V((T) => !T);
   }, Z = (T) => {
@@ -4433,7 +4434,7 @@ const Sn = (v) => {
         name: c,
         required: u,
         disabled: n,
-        value: C,
+        value: E,
         onChange: W,
         onBlur: O,
         ref: I,
@@ -4441,7 +4442,7 @@ const Sn = (v) => {
         "aria-describedby": l || y ? `${c}__message` : null,
         autoComplete: "off"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, b && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, b), C && a && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, b && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, b), E && a && /* @__PURE__ */ e.createElement(
       it,
       {
         id: c,
@@ -4471,7 +4472,7 @@ const Sn = (v) => {
     )
   );
 };
-Sn.propTypes = {
+Vn.propTypes = {
   /**
    * If a counter is desired provide a function that accepts the input's value and will return a string to display.
    * <br />
@@ -4542,7 +4543,7 @@ Sn.propTypes = {
    */
   className: t.string
 };
-const kt = 16, es = 10, In = (L) => {
+const Ht = 16, es = 10, Sn = (L) => {
   var V = L, {
     autoComplete: s = "on",
     counterFunction: n = () => {
@@ -4568,10 +4569,10 @@ const kt = 16, es = 10, In = (L) => {
     readonly: h = !1,
     required: $ = !1,
     showLabel: f = !0,
-    specialFormatting: C,
+    specialFormatting: E,
     specialFormattingValidation: p = !1,
     toggleVisibility: b = !1,
-    type: E = "text",
+    type: C = "text",
     validationFunction: y,
     validationMessages: w = {
       creditCardError: "Please enter a valid credit card number.",
@@ -4604,12 +4605,12 @@ const kt = 16, es = 10, In = (L) => {
     "validationMessages",
     "className"
   ]);
-  const [H, I] = R(l), [k, M] = R(n("")), [D, W] = R(), [O, q] = R(null), [F, Z] = R(!1), B = ee(null), T = ee(null), j = ee(null), U = ee(null), G = "pds-input-text", ce = C ? `${G}--${C}` : null;
+  const [H, I] = R(l), [k, M] = R(n("")), [D, W] = R(), [O, q] = R(null), [F, Z] = R(!1), B = ee(null), T = ee(null), j = ee(null), U = ee(null), G = "pds-input-text", ce = E ? `${G}--${E}` : null;
   let ne = null;
-  E === "search" && (ne = "search"), O === "error" && (ne = "error"), O === "success" && (ne = "success"), C && p && se(() => {
-    switch (l && I(me(l)), U.numExtra = "", C) {
+  C === "search" && (ne = "search"), O === "error" && (ne = "error"), O === "success" && (ne = "success"), E && p && se(() => {
+    switch (l && I(me(l)), U.numExtra = "", E) {
       case "credit-card":
-        U.numExtra = 3, U.current = kt;
+        U.numExtra = 3, U.current = Ht;
         break;
       case "phone":
         U.numExtra = 4, U.current = es;
@@ -4617,24 +4618,24 @@ const kt = 16, es = 10, In = (L) => {
     }
   }, []);
   let te = null;
-  (C === "credit-card" || C === "phone") && U.current && (te = U.current + U.numExtra);
+  (E === "credit-card" || E === "phone") && U.current && (te = U.current + U.numExtra);
   const me = (Q) => {
     if (Q) {
-      if (C === "credit-card") {
+      if (E === "credit-card") {
         const ae = ("" + Q).replace(/\D/g, "");
         if (j.current = ae, ae) {
           if (new RegExp("^34|37", "g").test(ae)) {
-            U.numExtra = 2, U.current = kt - 1;
+            U.numExtra = 2, U.current = Ht - 1;
             const be = {};
             return be.first = ae.substring(0, 4), be.middle = ae.substring(4, 10), be.middle.length > 0 && (be.middle = ` ${be.middle}`), be.last = ae.substring(10), be.last.length > 0 && (be.last = ` ${be.last}`), `${be.first}${be.middle}${be.last}`;
           }
-          U.numExtra = 3, U.current = kt;
+          U.numExtra = 3, U.current = Ht;
           const we = new RegExp(".{1,4}", "g");
           return ae.match(we).join(" ");
         }
         return ae;
       }
-      if (C === "phone") {
+      if (E === "phone") {
         const ae = ("" + Q).replace(/\D/g, "");
         if (j.current = ae, ae) {
           U.numExtra = 4, U.current = es;
@@ -4656,15 +4657,15 @@ const kt = 16, es = 10, In = (L) => {
   }, J = (Q) => {
     d && d(Q.target);
   }, fe = (Q) => {
-    C ? g && g({ formattedValue: Q, rawValue: j.current }) : g && g(Q);
+    E ? g && g({ formattedValue: Q, rawValue: j.current }) : g && g(Q);
   }, _e = (Q) => {
-    I(C ? me(Q.target.value) : Q.target.value), ue(), n && M(n(C ? j.current : Q.target.value)), fe(Q.target.value);
+    I(E ? me(Q.target.value) : Q.target.value), ue(), n && M(n(E ? j.current : Q.target.value)), fe(Q.target.value);
   }, re = (Q) => {
     if (b && Z(!1), y) {
       const ae = y(Q.target.value) || {};
       ue(), ae.error && q("error"), ae.success && q("success"), W(ae.message);
     }
-    C && p && !y && (B.current.checkValidity() === !1 || Q.target.value.length < te ? (q("error"), C === "credit-card" && W(w.creditCardError), C === "phone" && W(w.phoneError)) : q("success")), fe(Q.target.value);
+    E && p && !y && (B.current.checkValidity() === !1 || Q.target.value.length < te ? (q("error"), E === "credit-card" && W(w.creditCardError), E === "phone" && W(w.phoneError)) : q("success")), fe(Q.target.value);
   }, K = (Q) => {
     var ae;
     (!((ae = T.current) != null && ae.contains(Q.relatedTarget)) || !Q.relatedTarget) && Z(!1);
@@ -4672,7 +4673,7 @@ const kt = 16, es = 10, In = (L) => {
     ue(), I(""), j.current = "", B.current.focus(), n && M(n("")), fe("");
   };
   se(() => {
-    if (E === "search" && r) {
+    if (C === "search" && r) {
       const Q = (ae) => {
         ae.key === "/" && (/^(?:input|textarea|select|button)$/i.test(ae.target.tagName) || (ae.preventDefault(), document.getElementById(i).focus()));
       };
@@ -4684,10 +4685,10 @@ const kt = 16, es = 10, In = (L) => {
   const pe = () => {
     Z((Q) => !Q);
   };
-  b && E === "password" && (F ? x.type = "text" : x.type = "password"), C === "phone" && (x.type = "tel");
+  b && C === "password" && (F ? x.type = "text" : x.type = "password"), E === "phone" && (x.type = "tel");
   const ye = D || _;
   return /* @__PURE__ */ e.createElement(
-    Re,
+    De,
     N({
       className: z,
       decorator: ne,
@@ -4704,12 +4705,12 @@ const kt = 16, es = 10, In = (L) => {
       showLabel: f,
       validationState: O
     }, x),
-    b && E === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${m.visibilityStatus} ${F ? "visible" : "hidden"}.`),
+    b && C === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${m.visibilityStatus} ${F ? "visible" : "hidden"}.`),
     /* @__PURE__ */ e.createElement(
       "input",
       {
         className: [G, ce].join(" ").trim().replace(/\s+/g, " "),
-        type: E,
+        type: C,
         id: i,
         name: i,
         placeholder: v,
@@ -4723,7 +4724,7 @@ const kt = 16, es = 10, In = (L) => {
         ref: B,
         "aria-invalid": O === "error",
         "aria-describedby": ye ? `${i}__message` : null,
-        autoComplete: E === "password" ? "off" : s,
+        autoComplete: C === "password" ? "off" : s,
         maxLength: te,
         minLength: te
       }
@@ -4737,7 +4738,7 @@ const kt = 16, es = 10, In = (L) => {
         handleClearInput: Y
       }
     ),
-    b && E === "password" && /* @__PURE__ */ e.createElement(
+    b && C === "password" && /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
@@ -4749,10 +4750,10 @@ const kt = 16, es = 10, In = (L) => {
       },
       /* @__PURE__ */ e.createElement(A, { iconName: F ? "eyeSlash" : "eye" })
     ),
-    !H && r && E === "search" && /* @__PURE__ */ e.createElement(qt, { label: m.searchShortcut })
+    !H && r && C === "search" && /* @__PURE__ */ e.createElement(Pt, { label: m.searchShortcut })
   );
 };
-In.propTypes = {
+Sn.propTypes = {
   /**
    * Auto complete attribute for the input field. The attribute value is either the keyword `off` or `on`, or an ordered list of space-separated tokens. Password fields are automatically off.
    *
@@ -4888,7 +4889,7 @@ In.propTypes = {
    */
   className: t.string
 };
-const Tn = (i) => {
+const In = (i) => {
   var l = i, {
     linkItems: s,
     headingLevel: n = "h3",
@@ -4910,7 +4911,7 @@ const Tn = (i) => {
     s && /* @__PURE__ */ e.createElement("ul", { className: `${o}__list`, role: "list" }, s.map((m, _) => /* @__PURE__ */ e.createElement("li", { key: _, className: "pds-cta-links-card__item" }, m)))
   );
 };
-Tn.propTypes = {
+In.propTypes = {
   /**
    *  Heading level
    */
@@ -4928,8 +4929,8 @@ Tn.propTypes = {
    */
   className: t.string
 };
-const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink, On = (s) => s.isNode, ys = (f) => {
-  var C = f, {
+const Lt = (s) => s.isSeparator, zt = (s) => s.isHeading, Mt = (s) => s.isLink, Tn = (s) => s.isNode, ys = (f) => {
+  var E = f, {
     avatarImageSrc: s,
     disabled: n,
     displayType: a = "icon-end",
@@ -4945,7 +4946,7 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
     variant: d = "primary",
     withinNavbar: v,
     className: h
-  } = C, $ = S(C, [
+  } = E, $ = S(E, [
     "avatarImageSrc",
     "disabled",
     "displayType",
@@ -4965,18 +4966,18 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
   const {
     x: p,
     y: b,
-    reference: E,
+    reference: C,
     floating: y,
     strategy: w,
     update: z,
     placement: x,
     refs: L
-  } = Ys({
+  } = Ks({
     placement: "bottom-start",
-    middleware: [Xs()]
+    middleware: [Ys()]
   });
   let V = !1;
-  const H = Ne(De);
+  const H = Ne(Ae);
   H && (V = H.isMobile);
   const I = v && V, k = "pds-menu-button", M = I ? `${k}--isMobile` : null, D = v ? `${k}--navbar` : null, W = xe(), [O] = R(`menu-button-${W}`), [q] = R(`menu-listbox-${W}`), F = r || O, Z = L.floating, B = ee(null), [T, j] = R(!1), [U, G] = R(!1), [ce, ne] = R(""), [te, me] = R(0), ue = ee([]), J = ee([]), fe = ee([]);
   As(() => {
@@ -5092,9 +5093,9 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
     B.current && !B.current.contains(P.target) && T && K();
   }, be = (P, le, X = "", ge = "", ...de) => {
     const $e = X ? `-group-${X}` : "", Ee = F + $e + "-item-" + (le + 1), Me = P.id ? P.id : Ee;
-    if (Ht(P))
-      return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Me });
     if (Lt(P))
+      return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Me });
+    if (zt(P))
       return /* @__PURE__ */ e.createElement(
         "li",
         {
@@ -5105,25 +5106,25 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
         },
         P.label
       );
-    if (On(P))
+    if (Tn(P))
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: Me }, P.nodeContent);
-    if (zt(P) || P.label) {
+    if (Mt(P) || P.label) {
       J.current.push(Me), fe.current.push(P);
       let mt = !1;
       ce !== "" && !P.disabled && (mt = ce === Me);
       let ze;
-      if (P.label && (ze = [P.label]), zt(P) && (ze = [P.linkContent.props.children]), P.iconName) {
-        const Qe = /* @__PURE__ */ e.createElement(A, { key: `icon-${W}`, iconName: P.iconName, iconSize: "md" });
-        ze.unshift(Qe);
+      if (P.label && (ze = [P.label]), Mt(P) && (ze = [P.linkContent.props.children]), P.iconName) {
+        const Je = /* @__PURE__ */ e.createElement(A, { key: `icon-${W}`, iconName: P.iconName, iconSize: "md" });
+        ze.unshift(Je);
       }
-      let Ye;
-      P.description && (Ye = /* @__PURE__ */ e.createElement("span", { className: `${k}__item-description` }, P.description));
       let Xe;
-      if (zt(P)) {
-        const Qe = P.linkContent.type;
-        Xe = /* @__PURE__ */ e.createElement(Qe, N({ tabIndex: -1 }, P.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${k}__item-label` }, ze), Ye);
+      P.description && (Xe = /* @__PURE__ */ e.createElement("span", { className: `${k}__item-description` }, P.description));
+      let Qe;
+      if (Mt(P)) {
+        const Je = P.linkContent.type;
+        Qe = /* @__PURE__ */ e.createElement(Je, N({ tabIndex: -1 }, P.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${k}__item-label` }, ze), Xe);
       } else
-        Xe = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${k}__item-label` }, ze), Ye);
+        Qe = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${k}__item-label` }, ze), Xe);
       return /* @__PURE__ */ e.createElement(
         "li",
         N({
@@ -5136,29 +5137,29 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
           onClick: ae,
           "aria-disabled": P.disabled ? !0 : null
         }, de),
-        Xe
+        Qe
       );
     }
-  }, Ge = (P, le) => {
+  }, Ke = (P, le) => {
     const X = [];
     let ge = le.shift(), de = [];
     return P.map(($e, Ee) => {
       $e !== ge ? (de.push($e), Ee + 1 === P.length && X.push(de)) : (X.push(de), de = [], de.push($e), ge = le.shift());
     }), X.filter(($e) => $e.length > 0);
-  }, Ct = (P) => {
+  }, $t = (P) => {
     J.current = [], fe.current = [];
     const le = P, X = P.filter(
-      Lt || Ht
+      zt || Lt
     ), ge = X.length > 0;
     let de = [`${k}__listbox`];
     if (v && de.push(`${k}__listbox--navbar`), (a === "avatar" || a === "avatar-with-text") && de.push(`${k}__listbox--avatar`), u === "end" && de.push(`${k}__listbox--end`), a === "icon-only" && de.push(`${k}__listbox--icon-only`), de = de.join(" ").trim().replace(/\s+/g, " "), ge) {
-      const $e = Ge(P, X);
+      const $e = Ke(P, X);
       $e.forEach(() => {
         ue.current.push(xe());
       });
       let Ee = ue.current[0];
       const Me = $e[0].findIndex(
-        (ze) => !Ht(ze) && !Lt(ze)
+        (ze) => !Lt(ze) && !zt(ze)
       ), mt = `${F}-group-${Ee}-item-${Me + 1}`;
       return /* @__PURE__ */ e.createElement(
         "div",
@@ -5180,14 +5181,14 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
           onKeyDown: we,
           ref: y
         },
-        $e.map((ze, Ye) => {
-          Ee = ue.current[Ye];
-          const Xe = ze[0].isHeading, Qe = Xe ? `${F}-group-${Ee}-heading` : "", xs = `${F}-group-${Ee}`, Vs = Xe ? null : `${g} ${Ye + 1}`;
+        $e.map((ze, Xe) => {
+          Ee = ue.current[Xe];
+          const Qe = ze[0].isHeading, Je = Qe ? `${F}-group-${Ee}-heading` : "", xs = `${F}-group-${Ee}`, Vs = Qe ? null : `${g} ${Xe + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
               role: "group",
-              "aria-labelledby": Qe,
+              "aria-labelledby": Je,
               "aria-label": Vs,
               key: xs
             },
@@ -5195,7 +5196,7 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
               Ss,
               Is,
               Ee,
-              Qe
+              Je
             ))
           );
         })
@@ -5225,9 +5226,9 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
       ));
     }
   };
-  let Ke;
-  a === "icon-end" && (Ke = /* @__PURE__ */ e.createElement(
-    tt,
+  let Ye;
+  a === "icon-end" && (Ye = /* @__PURE__ */ e.createElement(
+    Fe,
     {
       id: F,
       isSplitButton: i,
@@ -5244,9 +5245,9 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
       "aria-expanded": T,
       onClick: Q,
       onKeyDown: He,
-      ref: E
+      ref: C
     }
-  )), a === "icon-only" && (Ke = /* @__PURE__ */ e.createElement(
+  )), a === "icon-only" && (Ye = /* @__PURE__ */ e.createElement(
     pt,
     {
       id: F,
@@ -5262,10 +5263,10 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
       "aria-expanded": T,
       onClick: Q,
       onKeyDown: He,
-      ref: E,
+      ref: C,
       hasTooltip: !1
     }
-  )), (a === "avatar" || a === "avatar-with-text") && (Ke = /* @__PURE__ */ e.createElement(
+  )), (a === "avatar" || a === "avatar-with-text") && (Ye = /* @__PURE__ */ e.createElement(
     "button",
     {
       id: F,
@@ -5278,9 +5279,9 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
       "aria-expanded": T,
       onClick: Q,
       onKeyDown: He,
-      ref: E
+      ref: C
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${k}__avatar-label` }, /* @__PURE__ */ e.createElement(et, { size: "sm", imageSrc: s }), a === "avatar-with-text" && l),
+    /* @__PURE__ */ e.createElement("span", { className: `${k}__avatar-label` }, /* @__PURE__ */ e.createElement(tt, { size: "sm", imageSrc: s }), a === "avatar-with-text" && l),
     /* @__PURE__ */ e.createElement(
       A,
       {
@@ -5298,18 +5299,18 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
     ), le.nextElementSibling.classList.toggle(`${k}__mobile-menu--expanded`);
   }, oe = () => /* @__PURE__ */ e.createElement("ul", { className: `${k}__mobile-menu`, role: "menu" }, o.map((P, le) => be(P, le)));
   let ke;
-  const Ae = a === "icon-end" ? "pds-button pds-button--navbar" : null, qe = [`${k}__toggle`, Ae].join(" ").trim().replace(/\s+/g, " ");
+  const qe = a === "icon-end" ? "pds-button pds-button--navbar" : null, Pe = [`${k}__toggle`, qe].join(" ").trim().replace(/\s+/g, " ");
   I && (ke = /* @__PURE__ */ e.createElement(
     "button",
     {
       id: F,
       type: "button",
       disabled: n,
-      className: qe,
+      className: Pe,
       "aria-expanded": !1,
       onClick: ie
     },
-    a === "avatar" || a === "avatar-with-text" ? /* @__PURE__ */ e.createElement("span", { className: `${k}__avatar-label` }, /* @__PURE__ */ e.createElement(et, { size: "sm", imageSrc: s }), l) : a === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${k}__icon-label` }, /* @__PURE__ */ e.createElement(A, { iconName: c }), " ", l) : l,
+    a === "avatar" || a === "avatar-with-text" ? /* @__PURE__ */ e.createElement("span", { className: `${k}__avatar-label` }, /* @__PURE__ */ e.createElement(tt, { size: "sm", imageSrc: s }), l) : a === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${k}__icon-label` }, /* @__PURE__ */ e.createElement(A, { iconName: c }), " ", l) : l,
     /* @__PURE__ */ e.createElement(
       A,
       {
@@ -5327,7 +5328,7 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
       "data-testid": _,
       ref: B
     }, $),
-    I ? /* @__PURE__ */ e.createElement(e.Fragment, null, ot, /* @__PURE__ */ e.createElement(oe, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Ke, Ct(o))
+    I ? /* @__PURE__ */ e.createElement(e.Fragment, null, ot, /* @__PURE__ */ e.createElement(oe, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Ye, $t(o))
   );
 };
 ys.propTypes = {
@@ -5351,7 +5352,7 @@ ys.propTypes = {
   /**
    * Icon name for icon-only buttons.
    */
-  iconName: ct,
+  iconName: rt,
   /**
    * Optional ID value for this component.
    */
@@ -5369,11 +5370,11 @@ ys.propTypes = {
    */
   menuItems: t.arrayOf(
     t.oneOfType([
-      un,
+      mn,
       hs,
       fs,
-      pn,
-      gn
+      un,
+      pn
     ])
   ),
   /**
@@ -5405,7 +5406,7 @@ ys.propTypes = {
    */
   className: t.string
 };
-const Je = (r) => {
+const et = (r) => {
   var i = r, {
     children: s,
     width: n = "standard",
@@ -5424,7 +5425,7 @@ const Je = (r) => {
     s
   );
 };
-Je.propTypes = {
+et.propTypes = {
   /**
    * Container content.
    */
@@ -5438,7 +5439,7 @@ Je.propTypes = {
    */
   className: t.string
 };
-const Rn = (d) => {
+const On = (d) => {
   var v = d, {
     children: s,
     colorType: n = "default",
@@ -5466,9 +5467,9 @@ const Rn = (d) => {
   ]);
   const [h, $] = R(!1);
   let f = !1;
-  const C = Ne(De);
-  C && (f = C.isMobile);
-  const p = "pds-navbar", b = c ? `${p}--noBorder` : "", E = n !== "default" ? `${p}--${n}` : "", y = f ? `${p}--isMobile` : `${p}--notMobile`;
+  const E = Ne(Ae);
+  E && (f = E.isMobile);
+  const p = "pds-navbar", b = c ? `${p}--noBorder` : "", C = n !== "default" ? `${p}--${n}` : "", y = f ? `${p}--isMobile` : `${p}--notMobile`;
   se(() => (window.addEventListener("keyup", w), () => {
     window.removeEventListener("keyup", w);
   }), []);
@@ -5530,7 +5531,7 @@ const Rn = (d) => {
   let M = "default";
   (n === "reverse" || n === "reverse-transparent") && (M = "reverse");
   const D = () => i === "custom" ? /* @__PURE__ */ e.createElement(e.Fragment, null, k) : /* @__PURE__ */ e.createElement(
-    Bt,
+    Ft,
     {
       colorType: M,
       displayType: i,
@@ -5554,26 +5555,26 @@ const Rn = (d) => {
       className: h ? `${p}__mobile ${p}__mobile--open` : `${p}__mobile ${p}__mobile--closed`,
       ref: x
     },
-    /* @__PURE__ */ e.createElement(Je, null, H, I)
+    /* @__PURE__ */ e.createElement(et, null, H, I)
   ), q = /* @__PURE__ */ e.createElement(
-    Qs,
+    Xs,
     {
       focusTrapOptions: {
         clickOutsideDeactivates: !0,
         initialFocus: !1
       }
     },
-    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(Je, { className: `${p}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__inner-mobile` }, /* @__PURE__ */ e.createElement(D, null), s && W)), /* @__PURE__ */ e.createElement(Je, null, s && O))
-  ), F = /* @__PURE__ */ e.createElement(Je, { width: a, className: `${p}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${p}__logo` }, /* @__PURE__ */ e.createElement(D, null)), /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, H ? /* @__PURE__ */ e.createElement("div", { className: `${p}__items-left` }, H) : /* @__PURE__ */ e.createElement("span", null), I && /* @__PURE__ */ e.createElement("div", { className: `${p}__items-right` }, I)));
+    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(et, { className: `${p}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__inner-mobile` }, /* @__PURE__ */ e.createElement(D, null), s && W)), /* @__PURE__ */ e.createElement(et, null, s && O))
+  ), F = /* @__PURE__ */ e.createElement(et, { width: a, className: `${p}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${p}__logo` }, /* @__PURE__ */ e.createElement(D, null)), /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, H ? /* @__PURE__ */ e.createElement("div", { className: `${p}__items-left` }, H) : /* @__PURE__ */ e.createElement("span", null), I && /* @__PURE__ */ e.createElement("div", { className: `${p}__items-right` }, I)));
   return /* @__PURE__ */ e.createElement(
     "header",
     N({
-      className: [p, E, b, y, _].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, C, b, y, _].join(" ").trim().replace(/\s+/g, " ")
     }, g),
     f ? q : F
   );
 };
-Rn.propTypes = {
+On.propTypes = {
   /**
    * Color scheme.
    */
@@ -5638,20 +5639,20 @@ const Ns = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
     placement: "bottom-start",
     open: c,
     onOpenChange: r,
-    whileElementsMounted: Oe
+    whileElementsMounted: Re
   }), d = nt(g, { event: "mousedown" }), v = Se(g), h = Ie(g, { role: "menu" });
   let $;
-  u ? $ = Tt(g, {
+  u ? $ = Ot(g, {
     enabled: !1
-  }) : $ = Tt(g, {
-    handleClose: Fs({
+  }) : $ = Ot(g, {
+    handleClose: Bs({
       requireIntent: !1,
       buffer: 10,
       blockPointerEvents: !0,
       enabled: !0
     })
   });
-  const { getReferenceProps: f, getFloatingProps: C } = Te([
+  const { getReferenceProps: f, getFloatingProps: E } = Te([
     v,
     h,
     d,
@@ -5670,11 +5671,11 @@ const Ns = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
     N({
       className: `${m}__dropdown`,
       ref: _.setFloating
-    }, C()),
-    s.map((b, E) => /* @__PURE__ */ e.createElement(
+    }, E()),
+    s.map((b, C) => /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: E,
+        key: C,
         role: b.isSeparator ? "separator" : "menuitem",
         className: `${m}__item ${b.isSeparator ? `${m}__dropdown--separator` : `${m}__item--second-level`} ${p(b) ? `${m}__item--active` : null}`
       },
@@ -5687,7 +5688,7 @@ Ns.propTypes = {
   label: t.string,
   mobileMenuMaxWidth: t.number
 };
-const Dn = (l) => {
+const Rn = (l) => {
   var o = l, {
     ariaLabel: s = "Main Navigation",
     colorType: n = "default",
@@ -5701,7 +5702,7 @@ const Dn = (l) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [u, m] = R(1025), [_, g] = R(null), [d, v] = R(-1), [h, $] = R(null), [f, C] = R({
+  const [u, m] = R(1025), [_, g] = R(null), [d, v] = R(-1), [h, $] = R(null), [f, E] = R({
     containerChildren: []
   });
   se(() => (m(window.innerWidth), window.addEventListener("resize", p), () => {
@@ -5721,7 +5722,7 @@ const Dn = (l) => {
       focusVisible: !0
     }));
   }, [d]);
-  const E = "pds-nav-menu", y = n !== "default" ? `${E}--${n}` : "", w = b ? `${E}--isMobile` : `${E}--notMobile`, z = ee([]), x = (H) => {
+  const C = "pds-nav-menu", y = n !== "default" ? `${C}--${n}` : "", w = b ? `${C}--isMobile` : `${C}--notMobile`, z = ee([]), x = (H) => {
     const I = z.current.length - 1, q = {
       ArrowRight: () => {
         g(-1), v(d === -1 ? 1 : d === I ? 0 : d + 1);
@@ -5733,7 +5734,7 @@ const Dn = (l) => {
         var B, T, j, U;
         $("down");
         let F = H.target.parentNode.children[1], Z = ((T = (B = H.target) == null ? void 0 : B.parentNode.children[1]) == null ? void 0 : T.children) || ((U = (j = H.target) == null ? void 0 : j.parentNode.parentNode.children[1]) == null ? void 0 : U.children);
-        f.container != F && F != null && C({
+        f.container != F && F != null && E({
           container: F,
           containerChildren: [...Z]
         }), _ === null || _ == f.containerChildren.length - 1 ? g(0) : g(parseInt(_) + 1);
@@ -5763,7 +5764,7 @@ const Dn = (l) => {
           key: `${I}-dropdown`,
           id: M,
           ref: (D) => z.current[I] = D,
-          className: `${E}__item ${E}__item--top-level ${E}__item--has-children ${L(H) === !0 ? `${E}__item--active` : ""}`
+          className: `${C}__item ${C}__item--top-level ${C}__item--has-children ${L(H) === !0 ? `${C}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
           Ns,
@@ -5781,7 +5782,7 @@ const Dn = (l) => {
           key: I,
           id: M,
           ref: (D) => z.current[I] = D,
-          className: `${E}__item ${E}__item--top-level ${E}__item--has-link ${L(H) === !0 ? `${E}__item--active` : ""}`
+          className: `${C}__item ${C}__item--top-level ${C}__item--has-link ${L(H) === !0 ? `${C}__item--active` : ""}`
         },
         H.linkContent
       )
@@ -5789,16 +5790,16 @@ const Dn = (l) => {
   }), /* @__PURE__ */ e.createElement(
     "nav",
     N({
-      className: [E, y, w, r].join(" ").trim().replace(/\s+/g, " "),
+      className: [C, y, w, r].join(" ").trim().replace(/\s+/g, " "),
       "aria-label": s,
       onKeyDown: (H) => {
         x(H);
       }
     }, i),
-    /* @__PURE__ */ e.createElement("ul", { className: `${E}__menu` }, V)
+    /* @__PURE__ */ e.createElement("ul", { className: `${C}__menu` }, V)
   );
 };
-Dn.propTypes = {
+Rn.propTypes = {
   /**
    * Aria label for `nav` element.
    */
@@ -5860,9 +5861,9 @@ const gt = (i) => {
         m = ["next", "wordpress"];
         break;
     }
-    o = /* @__PURE__ */ e.createElement("span", { className: `${i}__group` }, Mt[m[0]], Mt[m[1]]);
+    o = /* @__PURE__ */ e.createElement("span", { className: `${i}__group` }, xt[m[0]], xt[m[1]]);
   } else
-    o = Mt[s];
+    o = xt[s];
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
@@ -5892,7 +5893,7 @@ ws.propTypes = {
    */
   className: t.string
 };
-const Mt = {
+const xt = {
   drupal: /* @__PURE__ */ e.createElement(
     "svg",
     {
@@ -6141,7 +6142,7 @@ const Mt = {
     label: "Early Access",
     color: "success"
   }
-}, An = (m) => {
+}, Dn = (m) => {
   var _ = m, {
     badge: s,
     icon: n,
@@ -6206,7 +6207,7 @@ const Mt = {
     }))
   );
 };
-An.propTypes = {
+Dn.propTypes = {
   /**
    * Optional indicator badge type. Choose from only early-access at this time.
    */
@@ -6249,7 +6250,7 @@ An.propTypes = {
    */
   className: t.string
 };
-const at = ht({}), qn = (s) => {
+const lt = ht({}), An = (s) => {
   if (typeof window == "undefined")
     return 0;
   const n = window.location.href.split("/"), c = `/${n[n.length - 1]}`.split("");
@@ -6269,9 +6270,9 @@ const at = ht({}), qn = (s) => {
   buttonCallback: r = null,
   children: i
 }) => {
-  const [l, o] = R(() => qn(s)), [u, m] = R([]), _ = s.length, [g, d] = R("");
+  const [l, o] = R(() => An(s)), [u, m] = R([]), _ = s.length, [g, d] = R("");
   return /* @__PURE__ */ e.createElement(
-    at.Provider,
+    lt.Provider,
     {
       value: {
         currentKey: l,
@@ -6299,7 +6300,7 @@ ks.propTypes = {
   pages: t.arrayOf(t.shape({ link: t.string })).isRequired,
   headingId: t.string
 };
-const Wt = (h) => {
+const Ct = (h) => {
   var $ = h, {
     disabled: s = !1,
     id: n,
@@ -6329,11 +6330,11 @@ const Wt = (h) => {
     "validationFunction",
     "className"
   ]);
-  const [f, C] = R(!1), [p, b] = R(null), [E, y] = R(a), [w, z] = R(), [x, L] = R(null), V = ee([]), H = "pds-select", { context: I, refs: k } = Ve({
+  const [f, E] = R(!1), [p, b] = R(null), [C, y] = R(a), [w, z] = R(), [x, L] = R(null), V = ee([]), H = "pds-select", { context: I, refs: k } = Ve({
     open: f,
-    onOpenChange: C,
-    whileElementsMounted: Oe
-  }), M = Ie(I, { role: "listbox" }), D = Se(I), W = lt(I, {
+    onOpenChange: E,
+    whileElementsMounted: Re
+  }), M = Ie(I, { role: "listbox" }), D = Se(I), W = ct(I, {
     listRef: V,
     activeIndex: p,
     onNavigate: b,
@@ -6341,7 +6342,7 @@ const Wt = (h) => {
     openOnArrowKeyDown: !0
   }), { getReferenceProps: O, getFloatingProps: q, getItemProps: F } = Te(
     [D, M, W]
-  ), { isMounted: Z, styles: B } = Ue(I, {
+  ), { isMounted: Z, styles: B } = Ge(I, {
     duration: {
       open: 300,
       close: 150
@@ -6371,9 +6372,9 @@ const Wt = (h) => {
     G(), K.error && L("error"), K.success && L("success"), z(K.message);
   }, ne = (re) => {
     const K = U[re];
-    y(K.value), b(null), C(!1), l && l(K), g && ce(K);
+    y(K.value), b(null), E(!1), l && l(K), g && ce(K);
   }, te = /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${H}__trigger-icon` }), me = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${H}__checked-icon` }), ue = U.map((re, K) => /* @__PURE__ */ e.createElement(
-    Pt,
+    jt,
     ve(N({
       key: re
     }, F({
@@ -6393,10 +6394,10 @@ const Wt = (h) => {
       active: p === K
     }),
     re.label,
-    E === re.value && me
+    C === re.value && me
   )), J = w || i, fe = c ? `${c / 16}rem` : null, _e = c ? { width: fe } : null;
   return /* @__PURE__ */ e.createElement(
-    Re,
+    De,
     N({
       className: d,
       disabled: s,
@@ -6426,13 +6427,13 @@ const Wt = (h) => {
       }, O({
         "aria-autocomplete": "list",
         disabled: s,
-        onClick: () => s ? null : C(!f),
+        onClick: () => s ? null : E(!f),
         onChange: ne,
         onKeyDown: (re) => {
-          (re.key === "Enter" || re.key === " ") && C(!0);
+          (re.key === "Enter" || re.key === " ") && E(!0);
         }
       })),
-      /* @__PURE__ */ e.createElement("span", null, T(E) || m),
+      /* @__PURE__ */ e.createElement("span", null, T(C) || m),
       te
     ),
     Z && /* @__PURE__ */ e.createElement(
@@ -6449,7 +6450,8 @@ const Wt = (h) => {
     )
   );
 };
-Wt.propTypes = {
+Ct.displayName = "Select";
+Ct.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -6531,7 +6533,7 @@ Wt.propTypes = {
    */
   className: t.string
 };
-const Pn = {
+const qn = {
   left: {
     title: "Go to previous page",
     rel: "prev",
@@ -6546,14 +6548,14 @@ const Pn = {
     icon: "arrowRight",
     keyModifier: (s) => s + 1
   }
-}, We = (c) => {
+}, Ze = (c) => {
   var r = c, { arrowText: s = null, direction: n } = r, a = S(r, ["arrowText", "direction"]);
-  const { buttonCallback: i, currentKey: l, setCurrentKey: o, setDirection: u, pages: m } = Ne(at), _ = cs(
-    (f, C) => {
-      i && (f.preventDefault(), i(C));
+  const { buttonCallback: i, currentKey: l, setCurrentKey: o, setDirection: u, pages: m } = Ne(lt), _ = cs(
+    (f, E) => {
+      i && (f.preventDefault(), i(E));
     },
     [i, l]
-  ), { title: g, rel: d, srText: v, icon: h, keyModifier: $ } = Pn[n];
+  ), { title: g, rel: d, srText: v, icon: h, keyModifier: $ } = qn[n];
   return /* @__PURE__ */ e.createElement(
     "li",
     N({
@@ -6576,11 +6578,11 @@ const Pn = {
     )
   );
 };
-We.propTypes = {
+Ze.propTypes = {
   arrowText: t.string,
   direction: t.oneOf(["right", "left"])
 };
-const jn = (n) => {
+const Pn = (n) => {
   var s = S(n, []);
   const {
     buttonCallback: a,
@@ -6589,7 +6591,7 @@ const jn = (n) => {
     headingId: i,
     itemLength: l,
     pages: o
-  } = Ne(at), u = [];
+  } = Ne(lt), u = [];
   return o.forEach((m, _) => {
     let g = { label: `Page ${_ + 1}`, value: `${_ + 1}` };
     u.push(g);
@@ -6601,8 +6603,8 @@ const jn = (n) => {
       "aria-labelledby": i
     }, s),
     /* @__PURE__ */ e.createElement("div", { id: i, className: "visually-hidden" }, "Pagination"),
-    /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, c > 0 ? /* @__PURE__ */ e.createElement(We, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
-      Wt,
+    /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, c > 0 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
+      Ct,
       {
         label: "Page select dropdown",
         selectOptions: u,
@@ -6611,10 +6613,10 @@ const jn = (n) => {
           console.log(m), r(parseInt(m - 1)), a(parseInt(m - 1));
         }
       }
-    )), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `of ${l}`), c < l - 1 ? /* @__PURE__ */ e.createElement(We, { arrowText: "Next", direction: "right" }) : null)
+    )), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `of ${l}`), c < l - 1 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Next", direction: "right" }) : null)
   );
 };
-function Bn(s, n, a, c, r, i) {
+function jn(s, n, a, c, r, i) {
   if (c > 3) {
     let l = [];
     const o = n.find((u) => u.key == c);
@@ -6724,7 +6726,7 @@ const Hs = (c) => {
     setCurrentKey: o,
     render: u = null,
     paginationItemClickHandler: m
-  } = Ne(at);
+  } = Ne(lt);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, n.key || n.key === 0 ? /* @__PURE__ */ e.createElement(
     "span",
     N({
@@ -6751,7 +6753,7 @@ Hs.propTypes = {
   page: t.oneOfType([t.object, t.string]).isRequired,
   render: t.func
 };
-const Fn = (n) => {
+const Bn = (n) => {
   var s = S(n, []);
   const {
     buttonCallback: a,
@@ -6763,14 +6765,14 @@ const Fn = (n) => {
     itemLength: u,
     pageDirection: m,
     pages: _
-  } = Ne(at), g = cs(
+  } = Ne(lt), g = cs(
     (v, h) => {
       a && (v.preventDefault(), a(h));
     },
     [a, c]
   ), [d] = R(_);
   return se(() => {
-    Bn(
+    jn(
       _,
       i,
       l,
@@ -6795,7 +6797,7 @@ const Fn = (n) => {
         }
       },
       "First"
-    )), /* @__PURE__ */ e.createElement(We, { direction: "left" })) : null, i.map((v, h) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${h}` }, /* @__PURE__ */ e.createElement(Hs, N({ index: h, page: v }, s)))), c < u - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(We, { direction: "right" }), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__item pds-pager__item--last" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Last Page"), /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement(Ze, { direction: "left" })) : null, i.map((v, h) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${h}` }, /* @__PURE__ */ e.createElement(Hs, N({ index: h, page: v }, s)))), c < u - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ze, { direction: "right" }), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__item pds-pager__item--last" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Last Page"), /* @__PURE__ */ e.createElement(
       "a",
       {
         href: d[d.length - 1].link,
@@ -6806,9 +6808,9 @@ const Fn = (n) => {
       "Last"
     ))) : null)
   ));
-}, Wn = (n) => {
+}, Fn = (n) => {
   var s = S(n, []);
-  const { currentKey: a, headingId: c, itemLength: r } = Ne(at);
+  const { currentKey: a, headingId: c, itemLength: r } = Ne(lt);
   return /* @__PURE__ */ e.createElement(
     "nav",
     N({
@@ -6817,18 +6819,18 @@ const Fn = (n) => {
       "aria-labelledby": c
     }, s),
     /* @__PURE__ */ e.createElement("div", { id: c, className: "visually-hidden" }, "Pagination"),
-    /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, a > 0 ? /* @__PURE__ */ e.createElement(We, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `${a + 1} of ${r}`), a < r - 1 ? /* @__PURE__ */ e.createElement(We, { arrowText: "Next", direction: "right" }) : null)
+    /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, a > 0 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `${a + 1} of ${r}`), a < r - 1 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Next", direction: "right" }) : null)
   );
-}, Zn = (s, n, ...a) => {
+}, Wn = (s, n, ...a) => {
   switch (s) {
     case "basic":
-      return /* @__PURE__ */ e.createElement(Fn, N({}, a));
+      return /* @__PURE__ */ e.createElement(Bn, N({}, a));
     case "mini":
-      return /* @__PURE__ */ e.createElement(Wn, N({ location: n }, a));
+      return /* @__PURE__ */ e.createElement(Fn, N({ location: n }, a));
     case "advanced":
-      return /* @__PURE__ */ e.createElement(jn, N({}, a));
+      return /* @__PURE__ */ e.createElement(Pn, N({}, a));
   }
-}, Un = (o) => {
+}, Zn = (o) => {
   var u = o, {
     buttonCallback: s = null,
     headingId: n = "pager-heading",
@@ -6853,10 +6855,10 @@ const Fn = (n) => {
       buttonCallback: s,
       headingId: n
     }, l),
-    Zn(i)
+    Wn(i)
   );
 };
-Un.propTypes = {
+Zn.propTypes = {
   /**
    * Optional function for the navigation buttons
    */
@@ -6886,7 +6888,7 @@ Un.propTypes = {
    */
   className: t.string
 };
-const Gn = {
+const Un = {
   included: "circleCheck",
   notIncluded: "xmark",
   addon: "circlePlusOutline"
@@ -6923,13 +6925,13 @@ const Gn = {
         key: g,
         className: `${m}__list-item ${m}__list-item--${_.type}`
       },
-      /* @__PURE__ */ e.createElement(A, { iconName: Gn[_.type], iconSize: "md" }),
+      /* @__PURE__ */ e.createElement(A, { iconName: Un[_.type], iconSize: "md" }),
       c && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r[_.type], ":", " "),
       _.text
     ))),
     a && /* @__PURE__ */ e.createElement("div", { className: `${m}__more-link` }, a)
   );
-}, Kn = (d) => {
+}, Gn = (d) => {
   var v = d, {
     actionPrimary: s,
     actionSecondary: n,
@@ -6958,7 +6960,7 @@ const Gn = {
     "statusBadgeType",
     "className"
   ]);
-  const h = "pds-pricing-card", $ = `${h}-container`, f = a ? `${$}--with-list` : null, C = m ? `${h}--${m}` : null, p = (M) => M.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [E, y] = R(
+  const h = "pds-pricing-card", $ = `${h}-container`, f = a ? `${$}--with-list` : null, E = m ? `${h}--${m}` : null, p = (M) => M.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [C, y] = R(
     p(l[0].label)
   ), [w, z] = R(
     s.label
@@ -6981,7 +6983,7 @@ const Gn = {
       renderTypeLabels: !1
     }
   )), b && (x = l.map((M) => {
-    const W = E === p(M.label) ? null : `${h}__pricing-data--hide`;
+    const W = C === p(M.label) ? null : `${h}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -7001,7 +7003,7 @@ const Gn = {
       ), M.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__savings-details` }, M.savingsDetails))
     );
   }), L = l.map((M) => {
-    const W = E === p(M.label) ? null : `${h}__list--hide`;
+    const W = C === p(M.label) ? null : `${h}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       ss,
       {
@@ -7021,7 +7023,7 @@ const Gn = {
   };
   let H = null;
   b && (H = /* @__PURE__ */ e.createElement(
-    Wt,
+    Ct,
     {
       id: "plan-select",
       className: `${h}__select`,
@@ -7039,7 +7041,7 @@ const Gn = {
   ));
   let I = null;
   s && (s.type === "button" && (I = /* @__PURE__ */ e.createElement(
-    tt,
+    Fe,
     {
       variant: s.variant,
       label: w,
@@ -7047,7 +7049,7 @@ const Gn = {
       disabled: s.disabled
     }
   )), s.type === "link" && (I = /* @__PURE__ */ e.createElement(
-    Fe,
+    We,
     {
       variant: s.variant,
       linkContent: /* @__PURE__ */ e.createElement("a", { href: s.linkUrl, target: s.linkTarget }, s.label)
@@ -7055,14 +7057,14 @@ const Gn = {
   )));
   let k = null;
   return n && (n.type === "button" && (k = /* @__PURE__ */ e.createElement(
-    tt,
+    Fe,
     {
       variant: "secondary",
       label: n.label,
       onClick: n.buttonAction
     }
   )), n.type === "link" && (k = /* @__PURE__ */ e.createElement(
-    Fe,
+    We,
     {
       variant: "secondary",
       linkContent: /* @__PURE__ */ e.createElement(
@@ -7082,10 +7084,10 @@ const Gn = {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [h, C].join(" ").trim().replace(/\s+/g, " ")
+        className: [h, E].join(" ").trim().replace(/\s+/g, " ")
       },
       m && /* @__PURE__ */ e.createElement(
-        Ft,
+        Wt,
         {
           className: `${h}__status-badge`,
           type: m,
@@ -7099,7 +7101,7 @@ const Gn = {
     a && L
   );
 };
-Kn.propTypes = {
+Gn.propTypes = {
   /**
    * Primary card action
    */
@@ -7189,7 +7191,7 @@ const ns = {
   success: "--pds-color-semantic-success-foreground",
   warning: "--pds-color-semantic-warning-foreground",
   critical: "--pds-color-semantic-critical-foreground"
-}, Yn = (g) => {
+}, Kn = (g) => {
   var d = g, {
     colorBreakpoints: s = [
       { colorType: "info", percentage: 0 },
@@ -7216,20 +7218,20 @@ const ns = {
     "size",
     "className"
   ]);
-  const v = n || xe(), h = "pds-progress-bar", $ = l ? `${h}__label` : "visually-hidden", f = `${h}__track ${h}__track--${u}`, C = i > 100 ? 100 : i;
+  const v = n || xe(), h = "pds-progress-bar", $ = l ? `${h}__label` : "visually-hidden", f = `${h}__track ${h}__track--${u}`, E = i > 100 ? 100 : i;
   let p;
   s.forEach((w) => {
     i >= w.percentage && (p = w.colorType);
   });
-  const b = /* @__PURE__ */ e.createElement("div", { className: `${h}__message` }, c), E = c && r === "above", y = c && r === "below";
+  const b = /* @__PURE__ */ e.createElement("div", { className: `${h}__message` }, c), C = c && r === "above", y = c && r === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [h, m].join(" ").trim().replace(/\s+/g, " "),
-      style: { "--bar-percentage": `${C}%` }
+      style: { "--bar-percentage": `${E}%` }
     }, _),
     /* @__PURE__ */ e.createElement("div", { id: v, className: $ }, a),
-    (E || o) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, E && b, o && /* @__PURE__ */ e.createElement(
+    (C || o) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, C && b, o && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${h}__percentage`,
@@ -7245,7 +7247,7 @@ const ns = {
       {
         role: "progressbar",
         "aria-labelledby": v,
-        "aria-valuenow": C,
+        "aria-valuenow": E,
         className: f
       },
       /* @__PURE__ */ e.createElement(
@@ -7253,7 +7255,7 @@ const ns = {
         {
           className: `${h}__bar`,
           style: {
-            width: `${C}%`,
+            width: `${E}%`,
             backgroundColor: `var(${ns[p]})`
           }
         }
@@ -7262,7 +7264,7 @@ const ns = {
     y && b
   );
 };
-Yn.propTypes = {
+Kn.propTypes = {
   /**
    * Array of color breakpoints. Each breakpoint should have a `colorType` and `percentage` value.
    */
@@ -7315,7 +7317,7 @@ Yn.propTypes = {
    */
   className: t.string
 };
-const Xn = 3.815, Qn = 4.678, Jn = 5.96, Ls = (m) => {
+const Yn = 3.815, Xn = 4.678, Qn = 5.96, Ls = (m) => {
   var _ = m, {
     id: s,
     innerLabel: n,
@@ -7336,9 +7338,9 @@ const Xn = 3.815, Qn = 4.678, Jn = 5.96, Ls = (m) => {
     "className"
   ]);
   const g = s || xe(), d = "pds-progress-ring", v = r ? `${d}__label` : "visually-hidden", h = `${d}__loading-text ${d}__loading-text--${l}`, $ = (z) => z * 16;
-  let f = $(Qn), C = 7;
-  l === "sm" && (f = $(Xn), C = C / 1.25), l === "lg" && (f = $(Jn), C = C * 1.25);
-  const p = f / 2 - C / 2, b = `${p / 100}rem`, E = 2 * Math.PI * p, y = E - E * c / 100;
+  let f = $(Xn), E = 7;
+  l === "sm" && (f = $(Yn), E = E / 1.25), l === "lg" && (f = $(Qn), E = E * 1.25);
+  const p = f / 2 - E / 2, b = `${p / 100}rem`, C = 2 * Math.PI * p, y = C - C * c / 100;
   let w;
   return n ? w = n : i ? w = `${c}%` : w = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -7346,7 +7348,7 @@ const Xn = 3.815, Qn = 4.678, Jn = 5.96, Ls = (m) => {
       className: [d, o].join(" ").trim().replace(/\s+/g, " "),
       style: {
         "--ring-stroke-dashoffset": y,
-        "--ring-stroke-dasharray": E
+        "--ring-stroke-dasharray": C
       }
     }, u),
     /* @__PURE__ */ e.createElement("div", { id: g, className: v }, a),
@@ -7372,7 +7374,7 @@ const Xn = 3.815, Qn = 4.678, Jn = 5.96, Ls = (m) => {
             cx: f / 2,
             cy: f / 2,
             r: p,
-            strokeWidth: C
+            strokeWidth: E
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -7382,8 +7384,8 @@ const Xn = 3.815, Qn = 4.678, Jn = 5.96, Ls = (m) => {
             cx: f / 2,
             cy: f / 2,
             r: p,
-            strokeWidth: C,
-            strokeDasharray: E,
+            strokeWidth: E,
+            strokeDasharray: C,
             strokeDashoffset: y,
             transform: `rotate(-90 ${f / 2} ${f / 2})`
           }
@@ -7438,7 +7440,7 @@ Ls.propTypes = {
    */
   className: t.string
 };
-const e1 = (g) => {
+const Jn = (g) => {
   var d = g, {
     disabled: s = !1,
     id: n,
@@ -7462,11 +7464,11 @@ const e1 = (g) => {
     "required",
     "className"
   ]);
-  const v = "pds-radio-group", [h, $] = R(a), f = (C) => {
-    $(C.target.value), l && l(C.target.value);
+  const v = "pds-radio-group", [h, $] = R(a), f = (E) => {
+    $(E.target.value), l && l(E.target.value);
   };
   return /* @__PURE__ */ e.createElement(
-    Re,
+    De,
     N({
       className: m,
       disabled: s,
@@ -7478,7 +7480,7 @@ const e1 = (g) => {
       message: i,
       required: u
     }, _),
-    /* @__PURE__ */ e.createElement("div", { className: [v].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, o.map((C, p) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: [v].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, o.map((E, p) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${v}__option`,
@@ -7490,18 +7492,18 @@ const e1 = (g) => {
           type: "radio",
           id: `${n}-option-${p}`,
           name: n,
-          value: C.value,
+          value: E.value,
           required: u,
-          disabled: s || C.disabled,
+          disabled: s || E.disabled,
           onClick: f,
-          defaultChecked: h === C.value
+          defaultChecked: h === E.value
         }
       ),
-      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${p}` }, C.label)
+      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${p}` }, E.label)
     ))))
   );
 };
-e1.propTypes = {
+Jn.propTypes = {
   /**
    * Is the radio group field disabled?
    */
@@ -7563,7 +7565,7 @@ e1.propTypes = {
    */
   className: t.string
 };
-const t1 = (u) => {
+const e1 = (u) => {
   var m = u, {
     ariaLabel: s = "Secondary navigation",
     headingText: n,
@@ -7591,16 +7593,16 @@ const t1 = (u) => {
   const d = () => {
     g(window.innerWidth);
   }, v = _ <= r, h = "pds-side-nav", $ = (b) => {
-    const E = b.target;
-    E.classList.toggle(`${h}__toggle--expanded`), E.setAttribute(
+    const C = b.target;
+    C.classList.toggle(`${h}__toggle--expanded`), C.setAttribute(
       "aria-expanded",
-      E.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), E.parentElement.nextElementSibling.classList.toggle(`${h}__menu--expanded`), E.parentElement.classList.toggle(`${h}__item-inner--expanded`);
+      C.getAttribute("aria-expanded") === "true" ? "false" : "true"
+    ), C.parentElement.nextElementSibling.classList.toggle(`${h}__menu--expanded`), C.parentElement.classList.toggle(`${h}__item-inner--expanded`);
   }, f = (b) => {
     if (b.isActive)
       return !0;
-    const E = b.linkContent;
-    if (E.props.className && E.props.className.includes("pds-isActive"))
+    const C = b.linkContent;
+    if (C.props.className && C.props.className.includes("pds-isActive"))
       return !0;
     if (b.links) {
       for (let y = 0; y < b.links.length; y++)
@@ -7608,17 +7610,17 @@ const t1 = (u) => {
           return !0;
     }
     return !1;
-  }, C = /* @__PURE__ */ e.createElement(
+  }, E = /* @__PURE__ */ e.createElement(
     Et,
     {
       menuItems: c,
       headingText: n,
       selectTextFallback: i
     }
-  ), p = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${h}__heading` }, n), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, c.map((b, E) => /* @__PURE__ */ e.createElement(
+  ), p = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${h}__heading` }, n), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, c.map((b, C) => /* @__PURE__ */ e.createElement(
     "li",
     {
-      key: E,
+      key: C,
       className: `${h}__item ${h}__item--top-level ${b.links ? `${h}__item--has-children` : `${h}__item--has-link`} ${f(b) ? `${h}__item--active` : ""}`
     },
     b.links ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${h}__item-inner` }, b.label ? "" : b.linkContent, /* @__PURE__ */ e.createElement(
@@ -7652,10 +7654,10 @@ const t1 = (u) => {
       "aria-label": s,
       className: [h, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
-    v ? C : p
+    v ? E : p
   );
 };
-t1.propTypes = {
+e1.propTypes = {
   /**
    * Aria label for the navigation.
    */
@@ -7688,7 +7690,7 @@ t1.propTypes = {
    */
   className: t.string
 };
-const s1 = (u) => {
+const t1 = (u) => {
   var m = u, {
     ariaLabel: s = "Secondary navigation",
     headingText: n,
@@ -7716,18 +7718,18 @@ const s1 = (u) => {
   const d = () => {
     g(window.innerWidth);
   }, v = _ <= r, h = "pds-side-nav-compact", $ = (b) => {
-    const E = b.target;
-    E.classList.toggle(`${h}__toggle--expanded`), E.setAttribute(
+    const C = b.target;
+    C.classList.toggle(`${h}__toggle--expanded`), C.setAttribute(
       "aria-expanded",
-      E.getAttribute("aria-expanded") === "true" ? "false" : "true"
+      C.getAttribute("aria-expanded") === "true" ? "false" : "true"
     );
-    const y = E.nextElementSibling.nextElementSibling;
+    const y = C.nextElementSibling.nextElementSibling;
     console.log(y), y.classList.toggle(`${h}__menu--expanded`);
   }, f = (b) => {
     if (b.isActive)
       return !0;
-    const E = b.linkContent;
-    if (E.props.className && E.props.className.includes("pds-isActive"))
+    const C = b.linkContent;
+    if (C.props.className && C.props.className.includes("pds-isActive"))
       return !0;
     if (b.links) {
       for (let y = 0; y < b.links.length; y++)
@@ -7735,17 +7737,17 @@ const s1 = (u) => {
           return !0;
     }
     return !1;
-  }, C = /* @__PURE__ */ e.createElement(
+  }, E = /* @__PURE__ */ e.createElement(
     Et,
     {
       menuItems: c,
       headingText: n,
       selectTextFallback: i
     }
-  ), p = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${h}__heading` }, n), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, c.map((b, E) => /* @__PURE__ */ e.createElement(
+  ), p = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${h}__heading` }, n), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, c.map((b, C) => /* @__PURE__ */ e.createElement(
     "li",
     {
-      key: E,
+      key: C,
       className: `${h}__item ${h}__item--top-level ${b.links ? `${h}__item--has-children` : ""} ${f(b) ? `${h}__item--active` : ""}`
     },
     b.links ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -7808,10 +7810,10 @@ const s1 = (u) => {
       "aria-label": s,
       className: [h, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
-    v ? C : p
+    v ? E : p
   );
 };
-s1.propTypes = {
+t1.propTypes = {
   /**
    * Aria label for the navigation.
    */
@@ -7844,7 +7846,7 @@ s1.propTypes = {
    */
   className: t.string
 };
-const n1 = (m) => {
+const s1 = (m) => {
   var _ = m, {
     headingLevel: s = "h3",
     gotoText: n = "Go to",
@@ -7868,7 +7870,7 @@ const n1 = (m) => {
   let v = "";
   l === "Active" && (v = "success"), l === "Frozen" && (v = "frozen");
   const h = /* @__PURE__ */ e.createElement(
-    Ft,
+    Wt,
     {
       label: l,
       statusType: v,
@@ -7885,7 +7887,7 @@ const n1 = (m) => {
     /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__heading` }, /* @__PURE__ */ e.createElement(d, { className: `${g}__site-name pds-ts-l`, title: r }, r), h), /* @__PURE__ */ e.createElement("div", { className: `${g}__plan` }, i))
   );
 };
-n1.propTypes = {
+s1.propTypes = {
   /**
    *  Heading level or `span`.
    */
@@ -7919,7 +7921,7 @@ n1.propTypes = {
    */
   className: t.string
 };
-const a1 = (i) => {
+const n1 = (i) => {
   var l = i, {
     containerWidth: s = "standard",
     children: n,
@@ -7947,7 +7949,7 @@ const a1 = (i) => {
     /* @__PURE__ */ e.createElement("div", { className: u }, n && /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${o}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__copyright` }, "© ", m, " Pantheon Systems, Inc."), _ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), g && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), d && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), v && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), $ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
   );
 };
-a1.propTypes = {
+n1.propTypes = {
   /**
    * PDS container width.
    */
@@ -7974,7 +7976,7 @@ a1.propTypes = {
    */
   className: t.string
 };
-const l1 = (c) => {
+const a1 = (c) => {
   var r = c, {
     linkItems: s = ["facebook", "x", "linkedin", "youtube", "instagram"],
     className: n
@@ -7991,16 +7993,16 @@ const l1 = (c) => {
     s.map((l, o) => /* @__PURE__ */ e.createElement("li", { key: o, className: `${i}__item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        href: xt[l].url,
+        href: Vt[l].url,
         rel: "noreferrer",
         target: "_blank",
-        "aria-label": xt[l].label
+        "aria-label": Vt[l].label
       },
-      /* @__PURE__ */ e.createElement(A, { iconName: xt[l].icon, iconSize: "xl" })
+      /* @__PURE__ */ e.createElement(A, { iconName: Vt[l].icon, iconSize: "xl" })
     )))
   );
 };
-l1.propTypes = {
+a1.propTypes = {
   /**
    * Array of social media links
    */
@@ -8010,7 +8012,7 @@ l1.propTypes = {
    */
   className: t.string
 };
-const xt = {
+const Vt = {
   facebook: {
     icon: "facebook",
     url: "https://www.facebook.com/getpantheon",
@@ -8041,7 +8043,7 @@ const xt = {
     url: "https://www.youtube.com/user/GetPantheon",
     label: "Pantheon on YouTube"
   }
-}, c1 = (o) => {
+}, l1 = (o) => {
   var u = o, {
     actionItems: s,
     disabled: n,
@@ -8060,7 +8062,7 @@ const xt = {
   const m = "pds-split-button", _ = `${m}--${r}`, g = s[0], d = s.slice(1);
   let v = null;
   return g.isLink === !0 ? v = /* @__PURE__ */ e.createElement(
-    Fe,
+    We,
     {
       className: `${m}__primary-action`,
       size: c,
@@ -8070,7 +8072,7 @@ const xt = {
       linkContent: g.linkContent
     }
   ) : v = /* @__PURE__ */ e.createElement(
-    tt,
+    Fe,
     {
       className: `${m}__primary-action`,
       label: g.label,
@@ -8100,7 +8102,7 @@ const xt = {
     )
   );
 };
-c1.propTypes = {
+l1.propTypes = {
   /**
    * Array of menu items
    */
@@ -8128,7 +8130,7 @@ c1.propTypes = {
    */
   className: t.string
 };
-const r1 = (c) => {
+const c1 = (c) => {
   var r = c, { listItems: s, className: n } = r, a = S(r, ["listItems", "className"]);
   const i = "pds-tile-list", l = "pds-tile-list--stats", o = ({ item: u }) => {
     const { imageSrc: m, stat: _, description: g } = u;
@@ -8142,7 +8144,7 @@ const r1 = (c) => {
     s.map((u, m) => /* @__PURE__ */ e.createElement(o, { key: m, item: u }))
   );
 };
-r1.propTypes = {
+c1.propTypes = {
   /**
    * Array of list Items
    */
@@ -8167,7 +8169,7 @@ r1.propTypes = {
    */
   className: t.string
 };
-const i1 = (r) => {
+const r1 = (r) => {
   var i = r, {
     steps: s,
     translatableLabels: n = {
@@ -8182,8 +8184,8 @@ const i1 = (r) => {
     "translatableLabels",
     "className"
   ]);
-  const l = "pds-stepper", o = "pds-stepper-mobile", u = ee(), [m] = ft(u), _ = m.width, g = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, d = -40, v = 2, h = 5, $ = s.length, f = s.findLastIndex((b) => b.isCurrent), C = s.map((b, E) => {
-    const y = E + 1, w = E === f, z = E < f, x = b.hasError && w, V = (_ - $ * g) / ($ + ($ - 2)), H = g + V * 2, I = g + V, k = V + d * -1, M = E === 0, D = E === $ - 1;
+  const l = "pds-stepper", o = "pds-stepper-mobile", u = ee(), [m] = ft(u), _ = m.width, g = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, d = -40, v = 2, h = 5, $ = s.length, f = s.findLastIndex((b) => b.isCurrent), E = s.map((b, C) => {
+    const y = C + 1, w = C === f, z = C < f, x = b.hasError && w, V = (_ - $ * g) / ($ + ($ - 2)), H = g + V * 2, I = g + V, k = V + d * -1, M = C === 0, D = C === $ - 1;
     let W = H;
     (M || D) && (W = I);
     const O = `${l}__step`, q = [O];
@@ -8244,8 +8246,8 @@ const i1 = (r) => {
         }
       )
     );
-  }), p = s.map((b, E) => {
-    const y = E + 1, w = E === f, z = E === $ - 1, x = b.hasError && w, L = s[f + 1] ? s[f + 1].label : null;
+  }), p = s.map((b, C) => {
+    const y = C + 1, w = C === f, z = C === $ - 1, x = b.hasError && w, L = s[f + 1] ? s[f + 1].label : null;
     if (w) {
       const V = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), y, " of ", $), H = y / $ * 100, I = x ? {
         "--pds-color-progress-partial": "var(--pds-color-semantic-critical-foreground)"
@@ -8287,7 +8289,7 @@ const i1 = (r) => {
         className: [l, a].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": $
       }, c),
-      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: u }, C)
+      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: u }, E)
     ), /* @__PURE__ */ e.createElement(
       "div",
       N({
@@ -8297,7 +8299,7 @@ const i1 = (r) => {
       /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)
     ));
 };
-i1.propTypes = {
+r1.propTypes = {
   /**
    * An array of step objects
    */
@@ -8339,25 +8341,25 @@ i1.propTypes = {
    */
   className: t.string
 };
-const o1 = (r) => {
+const i1 = (r) => {
   var i = r, { headers: s, rowData: n, className: a } = i, c = S(i, ["headers", "rowData", "className"]);
   const [l] = R(s), [o, u] = R(n), [m, _] = R({ order: "asc", key: "" }), g = (f) => {
-    u(o.sort((C, p) => C[f].localeCompare(p[f]))), _({ order: "desc", key: f });
+    u(o.sort((E, p) => E[f].localeCompare(p[f]))), _({ order: "desc", key: f });
   }, d = (f) => {
-    u(o.sort((C, p) => p[f].localeCompare(C[f]))), _({ order: "asc", key: f });
-  }, v = (f, C) => {
-    _(ve(N({}, m), { key: C })), m.order === "asc" ? g(C) : d(C);
-  }, h = (f, C) => /* @__PURE__ */ e.createElement("tr", { id: C, key: `table-row-${C}` }, f.map((p, b) => /* @__PURE__ */ e.createElement("td", { key: `${C}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, p)))), $ = "pds-table";
+    u(o.sort((E, p) => p[f].localeCompare(E[f]))), _({ order: "asc", key: f });
+  }, v = (f, E) => {
+    _(ve(N({}, m), { key: E })), m.order === "asc" ? g(E) : d(E);
+  }, h = (f, E) => /* @__PURE__ */ e.createElement("tr", { id: E, key: `table-row-${E}` }, f.map((p, b) => /* @__PURE__ */ e.createElement("td", { key: `${E}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, p)))), $ = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "table",
     N({
       className: [$, a].join(" ").trim().replace(/\s+/g, " ")
     }, c),
-    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((f, C) => /* @__PURE__ */ e.createElement("th", { key: `header-${C}` }, f.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${$}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((f, E) => /* @__PURE__ */ e.createElement("th", { key: `header-${E}` }, f.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${$}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
       "span",
       {
         className: `${$}__sort-header`,
-        onClick: (p) => v(p, C)
+        onClick: (p) => v(p, E)
       },
       f.title
     ), /* @__PURE__ */ e.createElement(
@@ -8365,27 +8367,27 @@ const o1 = (r) => {
       {
         className: `${$}__sort-button`,
         title: `Sort by ${f.title}`,
-        onClick: (p) => v(p, C)
+        onClick: (p) => v(p, E)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${$}__sort-button-top ${C != m.key && m.key !== "" ? "pds-table__sort-innactive" : m.key == C ? m.order : "asc"}`
+          className: `${$}__sort-button-top ${E != m.key && m.key !== "" ? "pds-table__sort-innactive" : m.key == E ? m.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "caretUp", iconSize: "sm" })
       ),
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${$}__sort-button-bottom ${m.key == C ? m.order : "asc"}`
+          className: `${$}__sort-button-bottom ${m.key == E ? m.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "caretDown", iconSize: "sm" })
       )
     )) : /* @__PURE__ */ e.createElement("span", null, f.title))))),
-    /* @__PURE__ */ e.createElement("tbody", null, o.map((f, C) => h(f, C)))
+    /* @__PURE__ */ e.createElement("tbody", null, o.map((f, E) => h(f, E)))
   ));
 };
-o1.propTypes = {
+i1.propTypes = {
   headers: t.arrayOf(t.object),
   rowData: t.arrayOf(t.node),
   /**
@@ -8393,7 +8395,7 @@ o1.propTypes = {
    */
   className: t.string
 };
-const d1 = (m) => {
+const o1 = (m) => {
   var _ = m, {
     appendIds: s = !1,
     ariaLabel: n = "Table of contents",
@@ -8457,7 +8459,7 @@ const d1 = (m) => {
         title: I
       });
     }), V;
-  }, { nestedHeadings: C } = $(), [p, b] = R();
+  }, { nestedHeadings: E } = $(), [p, b] = R();
   ((L) => {
     const V = ee({});
     se(() => {
@@ -8536,10 +8538,10 @@ const d1 = (m) => {
       },
       c
     ),
-    /* @__PURE__ */ e.createElement(x, { headings: C, activeID: p })
+    /* @__PURE__ */ e.createElement(x, { headings: E, activeID: p })
   );
 };
-d1.propTypes = {
+o1.propTypes = {
   /**
    * Whether to append the id to the URL when a link is clicked.
    */
@@ -8573,7 +8575,7 @@ d1.propTypes = {
    */
   className: t.string
 };
-const W1 = (u) => {
+const F1 = (u) => {
   var m = u, {
     onActiveTabChange: s = () => {
     },
@@ -8599,8 +8601,8 @@ const W1 = (u) => {
   const h = (p) => {
     const b = p.currentTarget.getAttribute("data-tabnumber");
     if (b) {
-      const E = parseInt(b, 10);
-      v(E);
+      const C = parseInt(b, 10);
+      v(C);
     }
   }, $ = ee([]);
   se(() => {
@@ -8616,11 +8618,11 @@ const W1 = (u) => {
     }
   }, [d]);
   const f = (p, b) => {
-    const E = d;
-    let y = $.current[b === "next" ? E + 1 < $.current.length ? E + 1 : 0 : E - 1 >= 0 ? E - 1 : $.current.length - 1];
+    const C = d;
+    let y = $.current[b === "next" ? C + 1 < $.current.length ? C + 1 : 0 : C - 1 >= 0 ? C - 1 : $.current.length - 1];
     y || (y = b == "next" ? $.current[p + 1] == null ? $.current[0] : $.current[p + 1] : $.current[p - 1]), y.focus();
-  }, C = (p) => {
-    const b = $.current.length, E = () => {
+  }, E = (p) => {
+    const b = $.current.length, C = () => {
       f((d + 1) % b, "next"), v(d + 1);
     }, y = () => {
       f((d - 1 + b) % b, "prev"), v(d - 1);
@@ -8631,7 +8633,7 @@ const W1 = (u) => {
     }, x = () => {
       $.current[d].focus();
     }, V = {
-      ArrowRight: E,
+      ArrowRight: C,
       ArrowLeft: y,
       Home: w,
       End: z,
@@ -8653,16 +8655,16 @@ const W1 = (u) => {
         "aria-label": n,
         "aria-orientation": "horizontal"
       },
-      i.map(({ disabled: p, icon: b, tabId: E, tabLabel: y }, w) => /* @__PURE__ */ e.createElement(
+      i.map(({ disabled: p, icon: b, tabId: C, tabLabel: y }, w) => /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${_}__tab`,
           "aria-selected": w == d,
           "data-tabnumber": w,
           role: "tab",
-          id: E,
+          id: C,
           onKeyDown: (z) => {
-            z.preventDefault(), C(z);
+            z.preventDefault(), E(z);
           },
           key: y,
           ref: (z) => p ? null : $.current[w] = z,
@@ -8674,7 +8676,7 @@ const W1 = (u) => {
         /* @__PURE__ */ e.createElement("div", { key: b, className: `${_}__tab-text` }, b ? /* @__PURE__ */ e.createElement(A, { iconName: b, iconSize: r }) : null, " ", y)
       ))
     ),
-    i.map(({ tabLabel: p, icon: b, disabled: E, panelContent: y }, w) => /* @__PURE__ */ e.createElement(
+    i.map(({ tabLabel: p, icon: b, disabled: C, panelContent: y }, w) => /* @__PURE__ */ e.createElement(
       "div",
       N({
         className: `${_}__panel`,
@@ -8691,11 +8693,11 @@ const W1 = (u) => {
           role: "tab",
           "data-tabnumber": w,
           key: p,
-          onKeyDown: C,
-          "aria-disabled": !!E,
+          onKeyDown: E,
+          "aria-disabled": !!C,
           "aria-controls": `tabpanel_${w}`,
           tabIndex: d === w ? 1 : -1,
-          onClick: E ? null : h
+          onClick: C ? null : h
         },
         /* @__PURE__ */ e.createElement("div", { key: b, className: `${_}__tab-text` }, b ? /* @__PURE__ */ e.createElement(A, { iconSize: "md", iconName: b }) : null, " ", p),
         w == d ? /* @__PURE__ */ e.createElement(
@@ -8724,8 +8726,8 @@ const W1 = (u) => {
       )
     ))
   ));
-}, m1 = (f) => {
-  var C = f, {
+}, d1 = (f) => {
+  var E = f, {
     counterFunction: s = () => {
     },
     disabled: n = !1,
@@ -8742,7 +8744,7 @@ const W1 = (u) => {
     rows: d = 5,
     validationFunction: v,
     className: h
-  } = C, $ = S(C, [
+  } = E, $ = S(E, [
     "counterFunction",
     "disabled",
     "id",
@@ -8759,7 +8761,7 @@ const W1 = (u) => {
     "validationFunction",
     "className"
   ]);
-  const [p, b] = R(c), [E, y] = R(s("")), [w, z] = R(), [x, L] = R(null), V = ee(null), H = "pds-textarea", I = i ? "pds-is-resizable" : null;
+  const [p, b] = R(c), [C, y] = R(s("")), [w, z] = R(), [x, L] = R(null), V = ee(null), H = "pds-textarea", I = i ? "pds-is-resizable" : null;
   se(() => {
     c && s && y(s(c));
   }, []);
@@ -8775,7 +8777,7 @@ const W1 = (u) => {
     u && u(p);
   }, W = w || o;
   return /* @__PURE__ */ e.createElement(
-    Re,
+    De,
     N({
       className: h,
       disabled: n,
@@ -8788,7 +8790,7 @@ const W1 = (u) => {
       required: g,
       validationState: x
     }, $),
-    E && /* @__PURE__ */ e.createElement("div", { className: `pds-input__counter ${H}__counter` }, E),
+    C && /* @__PURE__ */ e.createElement("div", { className: `pds-input__counter ${H}__counter` }, C),
     /* @__PURE__ */ e.createElement(
       "textarea",
       {
@@ -8810,7 +8812,7 @@ const W1 = (u) => {
     )
   );
 };
-m1.propTypes = {
+d1.propTypes = {
   /**
    * If a counter is desired provide a function that accepts the input's value and will return a string.
    */
@@ -8889,7 +8891,7 @@ m1.propTypes = {
    */
   className: t.string
 };
-const u1 = (r) => {
+const m1 = (r) => {
   var i = r, {
     linkContent: s,
     size: n = "md",
@@ -8943,7 +8945,7 @@ const u1 = (r) => {
     a && /* @__PURE__ */ e.createElement(d, { className: `${_}__heading pds-ts-xl` }, a),
     i && /* @__PURE__ */ e.createElement("div", { className: `${_}__summary` }, /* @__PURE__ */ e.createElement("p", null, i)),
     r && (s == "border" || s == "clean") && /* @__PURE__ */ e.createElement(
-      u1,
+      m1,
       {
         linkContent: r,
         size: "sm",
@@ -8982,7 +8984,7 @@ zs.propTypes = {
    */
   className: t.string
 };
-const p1 = (i) => {
+const u1 = (i) => {
   var l = i, {
     displayType: s = "border",
     headingLevel: n = "h2",
@@ -9015,7 +9017,7 @@ const p1 = (i) => {
     ))
   );
 };
-p1.propTypes = {
+u1.propTypes = {
   /**
    * Visual display type
    */
@@ -9056,7 +9058,7 @@ p1.propTypes = {
    */
   className: t.string
 };
-const Vt = {
+const St = {
   info: "circleInfo",
   success: "check",
   warning: "triangleExclamation",
@@ -9093,7 +9095,7 @@ const Vt = {
     /* @__PURE__ */ e.createElement("div", { className: `${i}__icon-container` }, a === "working" ? /* @__PURE__ */ e.createElement(vt, { colorType: "monochromatic", size: "lg" }) : /* @__PURE__ */ e.createElement(
       A,
       {
-        iconName: `${a}` in Vt ? Vt[a] : Vt.info,
+        iconName: `${a}` in St ? St[a] : St.info,
         className: `${i}__icon ${i}__icon--${a}`
       }
     )),
@@ -9128,7 +9130,7 @@ Ms.propTypes = {
    */
   className: t.string
 };
-const g1 = ({
+const p1 = ({
   autoCloseDuration: s = 5e3,
   limit: n = 5,
   position: a = "bottom-right",
@@ -9136,7 +9138,7 @@ const g1 = ({
 }) => {
   const i = ["pds-toaster", c].join(" ").trim().replace(/\s+/g, " ");
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    Js,
+    Qs,
     {
       className: i,
       autoClose: s,
@@ -9146,11 +9148,11 @@ const g1 = ({
       newestOnTop: !0,
       position: a,
       role: "status",
-      transition: en
+      transition: Js
     }
   ));
 };
-g1.propTypes = {
+p1.propTypes = {
   /**
    * Duration in milliseconds before the toast will auto-close.
    */
@@ -9168,7 +9170,7 @@ g1.propTypes = {
    */
   className: t.string
 };
-const h1 = (o) => {
+const g1 = (o) => {
   var u = o, {
     disabled: s = !1,
     id: n,
@@ -9197,18 +9199,18 @@ const h1 = (o) => {
         id: n
       }, l),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${m}__options` }, i.map((f, C) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${m}__options` }, i.map((f, E) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${m}__option`,
-          key: `${n}-option-${C}`
+          key: `${n}-option-${E}`
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             className: "visually-hidden",
             type: "radio",
-            id: `${n}-option-${C}`,
+            id: `${n}-option-${E}`,
             name: n,
             value: f.value,
             disabled: s,
@@ -9216,7 +9218,7 @@ const h1 = (o) => {
             defaultChecked: d === f.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${C}` }, f.iconName && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${E}` }, f.iconName && /* @__PURE__ */ e.createElement(
           A,
           {
             iconName: f.iconName,
@@ -9227,7 +9229,7 @@ const h1 = (o) => {
       )))
     );
 };
-h1.propTypes = {
+g1.propTypes = {
   /**
    * Is the ToggleButton disabled?
    */
@@ -9273,7 +9275,7 @@ h1.propTypes = {
    */
   className: t.string
 };
-const f1 = (v) => {
+const h1 = (v) => {
   var h = v, {
     disabled: s = !1,
     id: n,
@@ -9301,11 +9303,11 @@ const f1 = (v) => {
     "statusOffLabel",
     "className"
   ]);
-  const $ = "pds-toggle-switch", [f, C] = R(!1), p = (y) => {
-    C(!f), i && i(y.target);
+  const $ = "pds-toggle-switch", [f, E] = R(!1), p = (y) => {
+    E(!f), i && i(y.target);
   };
-  let b = f === !0 ? m : _, E;
-  return u ? E = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
+  let b = f === !0 ? m : _, C;
+  return u ? C = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: "pds-toggle__label pds-toggle__label--on",
@@ -9319,7 +9321,7 @@ const f1 = (v) => {
       "aria-hidden": "true"
     },
     _
-  )) : E = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
+  )) : C = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: "check",
@@ -9334,7 +9336,7 @@ const f1 = (v) => {
       className: `${$}__off-icon`
     }
   )), /* @__PURE__ */ e.createElement(
-    Re,
+    De,
     N({
       className: g,
       disabled: s,
@@ -9357,11 +9359,11 @@ const f1 = (v) => {
         "aria-checked": f,
         onClick: p
       },
-      E
+      C
     ))
   );
 };
-f1.propTypes = {
+h1.propTypes = {
   /**
    * Is the switch disabled?
    */
@@ -9411,7 +9413,7 @@ f1.propTypes = {
    */
   className: t.string
 };
-const b1 = (u) => {
+const f1 = (u) => {
   var m = u, {
     ariaLabel: s = "User menu",
     menuItems: n,
@@ -9431,13 +9433,13 @@ const b1 = (u) => {
   ]);
   const [_, g] = R(null), [d, v] = R(!1), h = ee([]), $ = ee([]);
   let f = !1;
-  const C = Ne(De);
-  C && (f = C.isMobile);
-  const p = i && f, b = "pds-user-menu", E = p ? `${b}--isMobile` : null, y = `${b}__menu`, { refs: w, floatingStyles: z, context: x } = Ve({
+  const E = Ne(Ae);
+  E && (f = E.isMobile);
+  const p = i && f, b = "pds-user-menu", C = p ? `${b}--isMobile` : null, y = `${b}__menu`, { refs: w, floatingStyles: z, context: x } = Ve({
     open: d,
     onOpenChange: v,
-    whileElementsMounted: Oe
-  }), L = nt(x, { event: "mousedown" }), V = Se(x), H = Ie(x, { role: "menu" }), I = ee([]), k = lt(x, {
+    whileElementsMounted: Re
+  }), L = nt(x, { event: "mousedown" }), V = Se(x), H = Ie(x, { role: "menu" }), I = ee([]), k = ct(x, {
     listRef: I,
     activeIndex: _,
     onNavigate: g,
@@ -9447,7 +9449,7 @@ const b1 = (u) => {
     focusItemOnHover: !0
   }), { getReferenceProps: M, getFloatingProps: D, getItemProps: W } = Te(
     [V, H, L, k]
-  ), { isMounted: O, styles: q } = Ue(x, {
+  ), { isMounted: O, styles: q } = Ge(x, {
     duration: {
       open: 300,
       close: 150
@@ -9472,7 +9474,7 @@ const b1 = (u) => {
   }, Z = (te) => {
     F(te.currentTarget.id);
   }, B = /* @__PURE__ */ e.createElement(
-    et,
+    tt,
     {
       size: "sm",
       imageSrc: c,
@@ -9559,12 +9561,12 @@ const b1 = (u) => {
   return /* @__PURE__ */ e.createElement(
     "span",
     N({
-      className: [b, E, l].join(" ").trim().replace(/\s+/g, " ")
+      className: [b, C, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
     p ? ne : G
   );
 };
-b1.propTypes = {
+f1.propTypes = {
   /**
    * Aria label for the user menu.
    */
@@ -9617,7 +9619,7 @@ b1.propTypes = {
    */
   className: t.string
 };
-const Z1 = () => {
+const W1 = () => {
   const s = (a, c, r = {}) => {
     const i = /* @__PURE__ */ e.createElement(Ms, { type: a }, c);
     let l = N({}, r);
@@ -9629,13 +9631,13 @@ const Z1 = () => {
       closeButton: !1,
       closeOnClick: !1
     })), Kt(i, l);
-  }, n = tn({
+  }, n = en({
     collapse: !1,
     enter: "pds-toast--bounceInPlace",
     exit: "pds-toast--slideOut"
   });
   return [s, Kt, n];
-}, _1 = Ze(
+}, b1 = Ue(
   (I, H) => {
     var k = I, {
       autoComplete: s,
@@ -9655,10 +9657,10 @@ const Z1 = () => {
       onFocus: h,
       placeholder: $,
       readonly: f = !1,
-      required: C = !1,
+      required: E = !1,
       showLabel: p = !0,
       showVisibilityToggle: b = !1,
-      translationStrings: E = {
+      translationStrings: C = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
         searchShortcut: "Press / to focus the search field",
@@ -9699,7 +9701,7 @@ const Z1 = () => {
       "value",
       "className"
     ]);
-    const M = vs(u), D = "pds-text-input", W = c ? he.disabled : null, O = C && !c ? he.required : null, q = z === "error" ? he.error : null, F = z === "success" ? he.success : null, Z = f ? he.readonly : null;
+    const M = vs(u), D = "pds-text-input", W = c ? he.disabled : null, O = E && !c ? he.required : null, q = z === "error" ? he.error : null, F = z === "success" ? he.success : null, Z = f ? he.readonly : null;
     let B = null;
     y === "search" && (B = "search"), z === "error" && (B = "error"), z === "success" && (B = "success");
     const T = w || _, j = typeof x != "undefined", U = typeof a != "undefined", [G, ce] = R(
@@ -9721,7 +9723,7 @@ const Z1 = () => {
     return b && y === "password" && (J ? re = "text" : re = "password"), /* @__PURE__ */ e.createElement(
       "div",
       N({
-        className: Be([
+        className: Oe([
           he.base,
           D,
           W,
@@ -9739,11 +9741,11 @@ const Z1 = () => {
           id: l,
           label: m,
           showLabel: p,
-          required: C,
+          required: E,
           disabled: c
         }
       ),
-      b && y === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${E.visibilityStatus} ${J ? "visible" : "hidden"}.`),
+      b && y === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${C.visibilityStatus} ${J ? "visible" : "hidden"}.`),
       /* @__PURE__ */ e.createElement("div", { className: `${D}__input-wrapper` }, B && /* @__PURE__ */ e.createElement(_s, { variant: B }), /* @__PURE__ */ e.createElement(
         "input",
         N({
@@ -9756,7 +9758,7 @@ const Z1 = () => {
           placeholder: $,
           readOnly: f,
           disabled: c,
-          required: C,
+          required: E,
           autoComplete: y === "password" ? "off" : s,
           onBlur: te,
           onChange: me,
@@ -9765,10 +9767,10 @@ const Z1 = () => {
           "aria-describedby": T ? `${l}__message` : null
         }, o)
       ), r && ne && /* @__PURE__ */ e.createElement(
-        bn,
+        fn,
         {
           id: l,
-          clearLabel: E.clearButton,
+          clearLabel: C.clearButton,
           handleClearInput: ue
         }
       ), b && y === "password" && /* @__PURE__ */ e.createElement(
@@ -9776,29 +9778,29 @@ const Z1 = () => {
         {
           type: "button",
           className: `${D}__visibility-toggle`,
-          title: J ? E.visibilityToggleHide : E.visibilityToggleShow,
+          title: J ? C.visibilityToggleHide : C.visibilityToggleShow,
           "aria-controls": l,
           onClick: _e,
           onMouseDown: (K) => K.preventDefault()
         },
         /* @__PURE__ */ e.createElement(A, { iconName: J ? "eyeSlash" : "eye", iconSize: "md" })
       ), i && y === "search" && !ne && /* @__PURE__ */ e.createElement(
-        fn,
+        hn,
         {
           inputId: l,
-          shortcutLabel: E.searchShortcut
+          shortcutLabel: C.searchShortcut
         }
       ), n && y !== "password" && /* @__PURE__ */ e.createElement(
-        _n,
+        bn,
         {
           id: l,
           currentLength: ne.length,
           maxLength: n,
-          overLimitMessage: E.counterOverLimit
+          overLimitMessage: C.counterOverLimit
         }
       )),
       T && /* @__PURE__ */ e.createElement(
-        rt,
+        at,
         {
           id: l,
           message: T,
@@ -9809,12 +9811,12 @@ const Z1 = () => {
       )
     );
   }
-), v1 = {
+), _1 = {
   silver: "Silver",
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, E1 = (g) => {
+}, v1 = (g) => {
   var d = g, {
     ariaLabel: s = "Workspace selector menu",
     createWorkspaceLink: n,
@@ -9838,15 +9840,15 @@ const Z1 = () => {
     "workspaceList",
     "className"
   ]);
-  const [v, h] = R(!1), [$, f] = R(null), [C, p] = R(u), b = ee([]), E = ee(null), y = u.length >= i;
+  const [v, h] = R(!1), [$, f] = R(null), [E, p] = R(u), b = ee([]), C = ee(null), y = u.length >= i;
   let w = !1;
-  const z = Ne(De);
+  const z = Ne(Ae);
   z && (w = z.isMobile);
   const x = o && w, L = "pds-workspace-selector", V = x ? `${L}--isMobile` : null, H = `${L}__menu`, I = y ? `${H}--scroll` : null, { refs: k, floatingStyles: M, context: D } = Ve({
     open: v,
     onOpenChange: h,
-    whileElementsMounted: Oe
-  }), W = nt(D, { event: "mousedown" }), O = Se(D), q = Ie(D, { role: "menu" }), F = lt(D, {
+    whileElementsMounted: Re
+  }), W = nt(D, { event: "mousedown" }), O = Se(D), q = Ie(D, { role: "menu" }), F = ct(D, {
     listRef: b,
     activeIndex: $,
     onNavigate: f,
@@ -9856,7 +9858,7 @@ const Z1 = () => {
     focusItemOnOpen: !1
   }), { getReferenceProps: Z, getFloatingProps: B, getItemProps: T } = Te(
     [O, q, W, F]
-  ), { isMounted: j, styles: U } = Ue(D, {
+  ), { isMounted: j, styles: U } = Ge(D, {
     duration: {
       open: 300,
       close: 150
@@ -9884,9 +9886,9 @@ const Z1 = () => {
     p(Y);
   }, [u]);
   const ne = (Y) => {
-    Y.preventDefault(), Y.key === "Enter" && b.current[$].querySelector("a").click(), Y.key === "Tab" && (Y.shiftKey ? y ? document.getElementById("workspace-filter").focus() : h(!1) : n ? E.current.querySelector("a").focus() : h(!1));
+    Y.preventDefault(), Y.key === "Enter" && b.current[$].querySelector("a").click(), Y.key === "Tab" && (Y.shiftKey ? y ? document.getElementById("workspace-filter").focus() : h(!1) : n ? C.current.querySelector("a").focus() : h(!1));
   }, te = /* @__PURE__ */ e.createElement("div", { className: `${L}__button-content` }, /* @__PURE__ */ e.createElement(
-    et,
+    tt,
     {
       size: "sm",
       uniqueId: G.workspaceId,
@@ -9898,7 +9900,7 @@ const Z1 = () => {
     {
       size: "sm",
       color: G.planTier,
-      label: v1[G.planTier]
+      label: _1[G.planTier]
     }
   )), me = /* @__PURE__ */ e.createElement(
     A,
@@ -9908,7 +9910,7 @@ const Z1 = () => {
       className: `${L}__trigger-icon`
     }
   ), ue = y && /* @__PURE__ */ e.createElement("div", { className: `${L}__filter` }, /* @__PURE__ */ e.createElement(
-    _1,
+    b1,
     {
       hasClearButton: !0,
       onClear: () => p(u),
@@ -9919,10 +9921,10 @@ const Z1 = () => {
       showLabel: !1,
       type: "search"
     }
-  )), J = C.map(
+  )), J = E.map(
     (Y, pe) => {
-      const ye = `${L}__item`, Q = Y.isActive ? `${ye}--active` : null, ae = Y.isUnprivileged ? `${ye}--unprivileged` : null, He = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${L}__active-icon` }), we = Y.workspaceId, Le = Y.workspaceLink.type, be = Y.isUnprivileged ? null : (Ge) => {
-        b.current[pe] = Ge;
+      const ye = `${L}__item`, Q = Y.isActive ? `${ye}--active` : null, ae = Y.isUnprivileged ? `${ye}--unprivileged` : null, He = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${L}__active-icon` }), we = Y.workspaceId, Le = Y.workspaceLink.type, be = Y.isUnprivileged ? null : (Ke) => {
+        b.current[pe] = Ke;
       };
       return /* @__PURE__ */ e.createElement(
         "li",
@@ -9945,7 +9947,7 @@ const Z1 = () => {
             onClick: () => h(!1)
           }),
           /* @__PURE__ */ e.createElement("div", { className: `${L}__item-content` }, /* @__PURE__ */ e.createElement(
-            et,
+            tt,
             {
               size: "sm",
               uniqueId: Y.workspaceId,
@@ -9957,8 +9959,8 @@ const Z1 = () => {
         )
       );
     }
-  ), fe = n && /* @__PURE__ */ e.createElement("div", { className: `${L}__create-link`, ref: E }, /* @__PURE__ */ e.createElement(
-    Fe,
+  ), fe = n && /* @__PURE__ */ e.createElement("div", { className: `${L}__create-link`, ref: C }, /* @__PURE__ */ e.createElement(
+    We,
     {
       displayType: "icon-end",
       iconName: "plus",
@@ -10028,7 +10030,7 @@ const Z1 = () => {
     x ? K : _e
   );
 };
-E1.propTypes = {
+v1.propTypes = {
   /**
    * Aria label for the workspace selector menu.
    */
@@ -10101,7 +10103,7 @@ E1.propTypes = {
    */
   className: t.string
 };
-const U1 = (i) => {
+const Z1 = (i) => {
   var l = i, {
     label: s,
     type: n = "neutral",
@@ -10129,7 +10131,7 @@ const U1 = (i) => {
     }),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), s)
   );
-}, G1 = (u) => {
+}, U1 = (u) => {
   var m = u, {
     disabled: s = !1,
     id: n,
@@ -10147,11 +10149,11 @@ const U1 = (i) => {
     "options",
     "className"
   ]);
-  const _ = "pds-segmented-button", g = "pds-is-disabled", d = ee([_]), [v, h] = R(a), $ = (C) => {
-    h(C.target.value), r && r(C.target.value);
+  const _ = "pds-segmented-button", g = "pds-is-disabled", d = ee([_]), [v, h] = R(a), $ = (E) => {
+    h(E.target.value), r && r(E.target.value);
   };
   if ((() => {
-    d.current = d.current.filter((C) => C !== g);
+    d.current = d.current.filter((E) => E !== g);
   })(), s && d.current.push(g), i.length >= 2 && i.length <= 6)
     return /* @__PURE__ */ e.createElement(
       "fieldset",
@@ -10159,7 +10161,7 @@ const U1 = (i) => {
         className: [_, l != null ? l : ""].join(" ").trim().replace(/\s+/g, " ")
       }, o),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${_}__options` }, i.map((C, p) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${_}__options` }, i.map((E, p) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${_}__option`,
@@ -10172,23 +10174,23 @@ const U1 = (i) => {
             type: "radio",
             id: `${n}-option-${p}`,
             name: n,
-            value: C.value,
+            value: E.value,
             disabled: s,
             onClick: $,
-            defaultChecked: v === C.value
+            defaultChecked: v === E.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${p}` }, C.iconName && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${p}` }, E.iconName && /* @__PURE__ */ e.createElement(
           A,
           {
-            iconName: C.iconName,
+            iconName: E.iconName,
             iconSize: "sm",
             className: `${_}__icon`
           }
-        ), /* @__PURE__ */ e.createElement("span", { className: `${_}__label-text` }, C.label))
+        ), /* @__PURE__ */ e.createElement("span", { className: `${_}__label-text` }, E.label))
       )))
     );
-}, C1 = {
+}, E1 = {
   info: "Info",
   warning: "Warning",
   success: "Success",
@@ -10196,7 +10198,7 @@ const U1 = (i) => {
   discovery: "Discovery",
   code: "Code",
   earlyAccess: "Early access"
-}, K1 = (i) => {
+}, G1 = (i) => {
   var l = i, {
     children: s,
     title: n,
@@ -10216,7 +10218,7 @@ const U1 = (i) => {
     discovery: "squareQuestion",
     code: "squareTerminal",
     earlyAccess: "leaf"
-  }, _ = `${C1[a]}: `;
+  }, _ = `${E1[a]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
@@ -10230,8 +10232,8 @@ const U1 = (i) => {
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, _), n && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, n), s && /* @__PURE__ */ e.createElement("div", { className: `${o}__main-content` }, s)))
   );
-}, $1 = Ze(
-  (y, E) => {
+}, C1 = Ue(
+  (y, C) => {
     var w = y, {
       checked: s,
       defaultChecked: n,
@@ -10250,7 +10252,7 @@ const U1 = (i) => {
       required: h,
       validationMessage: $,
       validationStatus: f,
-      value: C,
+      value: E,
       className: p
     } = w, b = S(w, [
       "checked",
@@ -10314,13 +10316,13 @@ const U1 = (i) => {
       /* @__PURE__ */ e.createElement("div", { className: `${x}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "input",
         N(ve(N({
-          ref: E,
+          ref: C,
           id: c,
           name: m,
           type: "checkbox",
           checked: D ? s : O,
           "aria-checked": r ? "mixed" : F ? "true" : "false"
-        }, C ? { value: C } : {}), {
+        }, E ? { value: E } : {}), {
           disabled: a,
           required: h,
           onBlur: g,
@@ -10335,9 +10337,9 @@ const U1 = (i) => {
           className: [B, T, j].join(" ").trim().replace(/\s+/g, " ")
         },
         /* @__PURE__ */ e.createElement(U, null)
-      ), /* @__PURE__ */ e.createElement("div", { className: `${x}__label-text` }, o, " ", h && !a && /* @__PURE__ */ e.createElement(Dt, null)))),
+      ), /* @__PURE__ */ e.createElement("div", { className: `${x}__label-text` }, o, " ", h && !a && /* @__PURE__ */ e.createElement(At, null)))),
       M && /* @__PURE__ */ e.createElement(
-        rt,
+        at,
         {
           id: c,
           message: M,
@@ -10348,7 +10350,7 @@ const U1 = (i) => {
       )
     );
   }
-), Y1 = (v) => {
+), K1 = (v) => {
   var h = v, {
     children: s,
     disabled: n = !1,
@@ -10376,16 +10378,16 @@ const U1 = (i) => {
     "validationStatus",
     "className"
   ]);
-  const $ = r ? { width: `${r / 16}rem` } : null, f = "pds-checkbox-group", C = n ? he.disabled : null, p = o && !n ? he.required : null, b = _ === "error" ? he.error : null, E = _ === "success" ? he.success : null, y = m || l;
+  const $ = r ? { width: `${r / 16}rem` } : null, f = "pds-checkbox-group", E = n ? he.disabled : null, p = o && !n ? he.required : null, b = _ === "error" ? he.error : null, C = _ === "success" ? he.success : null, y = m || l;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [
         f,
-        C,
+        E,
         p,
         b,
-        E,
+        C,
         g != null ? g : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: r ? $ : null
@@ -10402,7 +10404,7 @@ const U1 = (i) => {
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, s)),
     y && /* @__PURE__ */ e.createElement(
-      rt,
+      at,
       {
         id: c,
         message: y,
@@ -10412,7 +10414,7 @@ const U1 = (i) => {
       }
     )
   );
-}, X1 = ($) => {
+}, Y1 = ($) => {
   var f = $, {
     disabled: s = !1,
     fieldsetProps: n,
@@ -10444,7 +10446,7 @@ const U1 = (i) => {
     "validationStatus",
     "className"
   ]);
-  const C = c ? { width: `${c / 16}rem` } : null, p = "pds-checkbox-group", b = s ? he.disabled : null, E = m && !s ? he.required : null, y = d === "error" ? he.error : null, w = d === "success" ? he.success : null, z = g || i;
+  const E = c ? { width: `${c / 16}rem` } : null, p = "pds-checkbox-group", b = s ? he.disabled : null, C = m && !s ? he.required : null, y = d === "error" ? he.error : null, w = d === "success" ? he.success : null, z = g || i;
   u.map((k) => {
     k.id || (k.id = k.value);
   });
@@ -10470,12 +10472,12 @@ const U1 = (i) => {
       className: [
         p,
         b,
-        E,
+        C,
         y,
         w,
         v != null ? v : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: c ? C : null
+      style: c ? E : null
     }, h),
     /* @__PURE__ */ e.createElement("fieldset", N({ className: `${p}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
       _t,
@@ -10488,7 +10490,7 @@ const U1 = (i) => {
         showLabel: _
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${p}__options` }, u.map((k) => /* @__PURE__ */ e.createElement(
-      $1,
+      C1,
       {
         key: k.id,
         checked: k.checked,
@@ -10503,7 +10505,7 @@ const U1 = (i) => {
       }
     )))),
     z && /* @__PURE__ */ e.createElement(
-      rt,
+      at,
       {
         id: a,
         message: z,
@@ -10513,7 +10515,7 @@ const U1 = (i) => {
       }
     )
   );
-}, Q1 = (c) => {
+}, X1 = (c) => {
   var r = c, {
     children: s,
     className: n
@@ -10521,14 +10523,28 @@ const U1 = (i) => {
     "children",
     "className"
   ]);
+  var $, f, E, p;
+  const i = "pds-input-group", l = [], o = ["TextInput", "Select"], u = ["Button", "IconButton"];
+  o.includes(s[0].type.displayName) && l.push(s[0]), u.includes(s[1].type.displayName) && l.push(s[1]);
+  const m = ($ = s[0].props.id) != null ? $ : null, _ = (f = s[0].props.message) != null ? f : null, g = (E = s[0].props.validationMessage) != null ? E : null, d = (p = s[0].props.validationStatus) != null ? p : null, v = g || _, h = v ? `${i}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
-      className: ["pds-input-group", n != null ? n : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: Oe([i, h, n != null ? n : ""])
     }, a),
-    qs.count(s) === 2 && s
+    /* @__PURE__ */ e.createElement("div", { className: `${i}__inner` }, l),
+    v && /* @__PURE__ */ e.createElement(
+      at,
+      {
+        id: m,
+        message: v,
+        hasValidationMessage: !!g,
+        validationMessageHasDecorators: !1,
+        validationStatus: d
+      }
+    )
   );
-}, y1 = ({ toggleStatusLabel: s, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(At, { label: s }), /* @__PURE__ */ e.createElement(
+}, $1 = ({ toggleStatusLabel: s, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(qt, { label: s }), /* @__PURE__ */ e.createElement(
   "label",
   {
     htmlFor: n,
@@ -10536,7 +10552,7 @@ const U1 = (i) => {
     "aria-hidden": "true"
   },
   s
-)), N1 = ({ toggleStatusLabel: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(At, { label: s }), /* @__PURE__ */ e.createElement(
+)), y1 = ({ toggleStatusLabel: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(qt, { label: s }), /* @__PURE__ */ e.createElement(
   "span",
   {
     className: "pds-switch__input-decor",
@@ -10552,8 +10568,8 @@ const U1 = (i) => {
     "aria-hidden": "true"
   },
   /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "sm" })
-)), J1 = Ze(
-  (p, C) => {
+)), Q1 = Ue(
+  (p, E) => {
     var b = p, {
       checked: s,
       defaultChecked: n,
@@ -10589,12 +10605,12 @@ const U1 = (i) => {
       "showStatusLabel",
       "className"
     ]);
-    const E = vs(i), y = "pds-switch", w = a ? he.disabled : null, z = d && !a ? he.required : null, x = typeof s != "undefined", L = o == "below", V = o == "right", H = !x && n ? n : !1, [I, k] = R(H), M = s || I ? g : m, D = (B) => {
+    const C = vs(i), y = "pds-switch", w = a ? he.disabled : null, z = d && !a ? he.required : null, x = typeof s != "undefined", L = o == "below", V = o == "right", H = !x && n ? n : !1, [I, k] = R(H), M = s || I ? g : m, D = (B) => {
       x || k(B.target.checked), _ && _(B);
     }, W = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
       N({
-        ref: C,
+        ref: E,
         id: c,
         name: c,
         type: "checkbox",
@@ -10606,7 +10622,7 @@ const U1 = (i) => {
         checked: s !== void 0 ? s : I,
         "aria-describedby": u ? `${c}__message` : null
       }, r)
-    ), !h && /* @__PURE__ */ e.createElement(N1, { toggleStatusLabel: M }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), h && /* @__PURE__ */ e.createElement(y1, { toggleStatusLabel: M, id: c })), O = /* @__PURE__ */ e.createElement(
+    ), !h && /* @__PURE__ */ e.createElement(y1, { toggleStatusLabel: M }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), h && /* @__PURE__ */ e.createElement($1, { toggleStatusLabel: M, id: c })), O = /* @__PURE__ */ e.createElement(
       _t,
       {
         id: c,
@@ -10614,13 +10630,13 @@ const U1 = (i) => {
         showLabel: v,
         required: d,
         disabled: a,
-        className: Be([
+        className: Oe([
           "pds-input-label--disable-click",
           u ? "" : "pds-input-label--switch-top-message"
         ])
       }
     ), q = u && /* @__PURE__ */ e.createElement(
-      rt,
+      at,
       {
         id: c,
         message: u,
@@ -10633,7 +10649,7 @@ const U1 = (i) => {
     return L ? F = /* @__PURE__ */ e.createElement(e.Fragment, null, O, q, W) : V && (Z = "pds-switch--placement-right", F = u ? /* @__PURE__ */ e.createElement(e.Fragment, null, O, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, q, /* @__PURE__ */ e.createElement("div", null, W))) : /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: Be([
+        className: Oe([
           "pds-switch__label-switch-right",
           "pds-switch__label-switch-right--label-only"
         ])
@@ -10643,7 +10659,7 @@ const U1 = (i) => {
     )), /* @__PURE__ */ e.createElement(
       "div",
       N({
-        className: Be([
+        className: Oe([
           he.base,
           y,
           w,
@@ -10651,12 +10667,12 @@ const U1 = (i) => {
           Z,
           $
         ]),
-        style: i ? E : null
+        style: i ? C : null
       }, f),
       F
     );
   }
-), e2 = (m) => {
+), J1 = (m) => {
   var _ = m, {
     ariaLabel: s,
     children: n,
@@ -10683,12 +10699,12 @@ const U1 = (i) => {
   }, [c]), se(() => {
     r(v);
   }, [v]);
-  const { refs: $, context: f, floatingStyles: C } = Ve({
+  const { refs: $, context: f, floatingStyles: E } = Ve({
     open: v,
     onOpenChange: h
   }), p = nt(f), b = Se(f, {
     outsidePressEvent: "mousedown"
-  }), E = Ie(f), { getFloatingProps: y } = Te([p, b, E]), { isMounted: w, styles: z } = Ue(f, {
+  }), C = Ie(f), { getFloatingProps: y } = Te([p, b, C]), { isMounted: w, styles: z } = Ge(f, {
     duration: {
       open: 300,
       close: 300
@@ -10707,10 +10723,10 @@ const U1 = (i) => {
     }
   });
   return /* @__PURE__ */ e.createElement(e.Fragment, null, w && /* @__PURE__ */ e.createElement(
-    Ws,
+    Fs,
     {
       lockScroll: !0,
-      style: ve(N({}, C), {
+      style: ve(N({}, E), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)"
@@ -10723,7 +10739,7 @@ const U1 = (i) => {
         "aria-label": s || l
       }, y()), {
         className: [g, d, o].join(" ").trim().replace(/\s+/g, " "),
-        style: ve(N(N({}, C), z), {
+        style: ve(N(N({}, E), z), {
           position: "relative"
         })
       }), u),
@@ -10741,12 +10757,12 @@ const U1 = (i) => {
       /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, n)
     ))
   ));
-}, St = {
+}, It = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
   critical: "diamondExclamation"
-}, t2 = (l) => {
+}, ea = (l) => {
   var o = l, {
     title: s,
     secondaryText: n,
@@ -10783,18 +10799,18 @@ const U1 = (i) => {
     /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__icon ${u}__icon-${a}` }, a === "working" ? /* @__PURE__ */ e.createElement(vt, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
       A,
       {
-        iconName: `${a}` in St ? St[a] : St.info,
+        iconName: `${a}` in It ? It[a] : It.info,
         iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${u}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, v), s && /* @__PURE__ */ e.createElement("div", { className: `${u}__title` }, s), /* @__PURE__ */ e.createElement("div", { className: `${u}__secondaryText` }, n)))
   );
-}, It = {
+}, Tt = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
   critical: "diamondExclamation",
   discovery: "squareQuestion"
-}, s2 = (_) => {
+}, ta = (_) => {
   var g = _, {
     dismissLabel: s = "Dismiss",
     id: n,
@@ -10831,11 +10847,11 @@ const U1 = (i) => {
     discovery: `${v}--discovery`,
     dismissing: `${v}--dismissing`,
     dismissed: `${v}--dismissed`
-  }, $ = i ? `${v}--hasTitle` : null, C = ["critical", "warning"].includes(l) ? "alert" : "status", p = `${o[l]}: `, b = () => {
-    d.current.addEventListener("animationend", E, {
+  }, $ = i ? `${v}--hasTitle` : null, E = ["critical", "warning"].includes(l) ? "alert" : "status", p = `${o[l]}: `, b = () => {
+    d.current.addEventListener("animationend", C, {
       once: !0
     });
-  }, E = (w) => {
+  }, C = (w) => {
     c(w, n);
   }, y = () => {
     b(), d.current.classList.toggle(h.dismissing), setTimeout(() => {
@@ -10848,12 +10864,12 @@ const U1 = (i) => {
       className: [v, h[l], $, u != null ? u : ""].join(" ").trim().replace(/\s+/g, " "),
       id: n,
       ref: d,
-      role: C
+      role: E
     }, m),
     /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__icon ${v}__icon-${l}` }, /* @__PURE__ */ e.createElement(
       A,
       {
-        iconName: `${l}` in It ? It[l] : It.info,
+        iconName: `${l}` in Tt ? Tt[l] : Tt.info,
         iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, i), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, r))),
@@ -10868,7 +10884,7 @@ const U1 = (i) => {
       /* @__PURE__ */ e.createElement(A, { iconSize: "md", iconName: "xmark" })
     )
   );
-}, n2 = (l) => {
+}, sa = (l) => {
   var o = l, {
     children: s,
     hasStatusIndicator: n = !1,
@@ -10891,7 +10907,7 @@ const U1 = (i) => {
     n && a && /* @__PURE__ */ e.createElement("span", { className: m }),
     /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, s)
   );
-}, Pe = 8, as = 14, w1 = 6, a2 = (v) => {
+}, je = 8, as = 14, N1 = 6, na = (v) => {
   var h = v, {
     content: s,
     customTrigger: n = !1,
@@ -10928,38 +10944,38 @@ const U1 = (i) => {
   }, [m]), se(() => {
     _($);
   }, [$]);
-  const C = typeof n, p = "pds-popover", b = [
+  const E = typeof n, p = "pds-popover", b = [
     `${p}__trigger-custom`,
-    C === "string" ? `${p}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), E = n ? c : 0, y = ee(null), { refs: w, floatingStyles: z, context: x, middlewareData: L } = Ve({
+    E === "string" ? `${p}__trigger-text` : ""
+  ].join(" ").trim().replace(/\s+/g, " "), C = n ? c : 0, y = ee(null), { refs: w, floatingStyles: z, context: x, middlewareData: L } = Ve({
     placement: i,
     open: $,
     onOpenChange(G) {
       f(G), G || r();
     },
     middleware: [
-      is(Pe + w1 + E),
+      is(je + N1 + C),
       os({ padding: 8 }),
       ds({ padding: 8 }),
-      Zs({ element: y })
+      Ws({ element: y })
     ],
-    whileElementsMounted: Oe
+    whileElementsMounted: Re
   }), V = () => {
     f(!1), r && r();
   }, H = nt(x), I = Se(x), k = Ie(x), { getReferenceProps: M, getFloatingProps: D } = Te([
     H,
     I,
     k
-  ]), W = (T = (B = L.arrow) == null ? void 0 : B.x) != null ? T : 0, O = (U = (j = L.arrow) == null ? void 0 : j.y) != null ? U : 0, q = W + as / 2, F = O + Pe, { isMounted: Z } = Ue(x, {
+  ]), W = (T = (B = L.arrow) == null ? void 0 : B.x) != null ? T : 0, O = (U = (j = L.arrow) == null ? void 0 : j.y) != null ? U : 0, q = W + as / 2, F = O + je, { isMounted: Z } = Ge(x, {
     initial: {
       transform: "scale(0)"
     },
     common: ({ side: G }) => ({
       transformOrigin: {
-        top: `${q}px calc(100% + ${Pe}px)`,
-        bottom: `${q}px ${-Pe}px`,
-        left: `calc(100% + ${Pe}px) ${F}px`,
-        right: `${-Pe}px ${F}px`
+        top: `${q}px calc(100% + ${je}px)`,
+        bottom: `${q}px ${-je}px`,
+        left: `calc(100% + ${je}px) ${F}px`,
+        right: `${-je}px ${F}px`
       }[G]
     })
   });
@@ -10991,11 +11007,11 @@ const U1 = (i) => {
         style: z
       }, D()),
       /* @__PURE__ */ e.createElement(
-        Us,
+        Zs,
         {
           ref: y,
           context: x,
-          height: Pe,
+          height: je,
           width: as,
           tipRadius: 0,
           fill: "var(--pds-color-background-default)",
@@ -11007,7 +11023,7 @@ const U1 = (i) => {
       /* @__PURE__ */ e.createElement("div", { className: `${p}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, l), s && /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, s), a && /* @__PURE__ */ e.createElement("button", { onClick: V, className: `${p}__close` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"), /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "lg" })))
     ))
   );
-}, l2 = (l) => {
+}, aa = (l) => {
   var o = l, {
     attribution: s,
     image: n,
@@ -11036,7 +11052,7 @@ const U1 = (i) => {
       c
     ), /* @__PURE__ */ e.createElement("div", { className: `${u}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${u}__name` }, s.name), s.title && /* @__PURE__ */ e.createElement("span", { className: `${u}__title` }, ", ", s.title), s.org && /* @__PURE__ */ e.createElement("span", { className: `${u}__org` }, ", ", s.org))), /* @__PURE__ */ e.createElement("div", { className: `${u}__icon ${u}__icon--after` }, /* @__PURE__ */ e.createElement(A, { iconName: "quotesRight", iconSize: "4xl" })))
   );
-}, c2 = (r) => {
+}, la = (r) => {
   var i = r, {
     label: s = null,
     type: n = "neutral",
@@ -11085,10 +11101,10 @@ let ls = [
   "color-19",
   "color-20"
 ];
-const k1 = (s) => {
+const w1 = (s) => {
   const n = parseInt(rs(s), 16);
   return ls[n % ls.length];
-}, H1 = (s, n) => s.length > n ? s.slice(0, n) + " ..." : s, r2 = (u) => {
+}, k1 = (s, n) => s.length > n ? s.slice(0, n) + " ..." : s, ca = (u) => {
   var m = u, {
     linkContent: s,
     isRemovable: n,
@@ -11106,18 +11122,18 @@ const k1 = (s) => {
     "tagLabel",
     "className"
   ]);
-  const [_, g] = R(!0), d = "pds-tag", v = r ? `${d}--${r}` : `${d}--${k1(i)}`, h = _ ? null : "pds-tag--hide", $ = () => {
+  const [_, g] = R(!0), d = "pds-tag", v = r ? `${d}--${r}` : `${d}--${w1(i)}`, h = _ ? null : "pds-tag--hide", $ = () => {
     g((b) => !b);
   };
-  let f, C, p;
-  return s && !n && Ps(s) ? (f = s.type, C = s.props.href ? "href" : "to", p = C === "href" ? s.props.href : s.props.to) : (f = "span", C = null, p = null), /* @__PURE__ */ e.createElement(
+  let f, E, p;
+  return s && !n && qs(s) ? (f = s.type, E = s.props.href ? "href" : "to", p = E === "href" ? s.props.href : s.props.to) : (f = "span", E = null, p = null), /* @__PURE__ */ e.createElement(
     f,
     N({
-      href: C === "href" ? p : null,
-      to: C === "to" ? p : null,
+      href: E === "href" ? p : null,
+      to: E === "to" ? p : null,
       className: [d, v, h, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
-    /* @__PURE__ */ e.createElement("span", { className: `${d}__label`, title: i }, H1(i, 20)),
+    /* @__PURE__ */ e.createElement("span", { className: `${d}__label`, title: i }, k1(i, 20)),
     n ? /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -11138,7 +11154,7 @@ const k1 = (s) => {
       )
     ) : null
   );
-}, L1 = (_) => {
+}, H1 = (_) => {
   var g = _, {
     alignContent: s,
     alignItems: n,
@@ -11160,7 +11176,7 @@ const k1 = (s) => {
     "children",
     "className"
   ]);
-  const d = "pds-flex", v = l ? `${d}-gap--${l}` : null, h = a ? `${d}-direction--${a}` : null, $ = c ? `${d}--${c}` : null, f = r ? `${d}-justify--${r}` : null, C = n ? `${d}-align-items--${n}` : null, p = s ? `${d}-align-content--${s}` : null, b = i && i !== "same" ? `${d}-mobile--${i}` : null;
+  const d = "pds-flex", v = l ? `${d}-gap--${l}` : null, h = a ? `${d}-direction--${a}` : null, $ = c ? `${d}--${c}` : null, f = r ? `${d}-justify--${r}` : null, E = n ? `${d}-align-items--${n}` : null, p = s ? `${d}-align-content--${s}` : null, b = i && i !== "same" ? `${d}-mobile--${i}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
@@ -11170,7 +11186,7 @@ const k1 = (s) => {
         h,
         $,
         f,
-        C,
+        E,
         p,
         b,
         u
@@ -11179,7 +11195,7 @@ const k1 = (s) => {
     o
   );
 };
-L1.propTypes = {
+H1.propTypes = {
   /**
    * Align content
    */
@@ -11228,10 +11244,10 @@ L1.propTypes = {
    */
   className: t.string
 };
-const i2 = ({
+const ra = ({
   children: s,
   mobileMenuMaxWidth: n = 640
-}) => /* @__PURE__ */ e.createElement($n, { mobileMenuMaxWidth: n }, s), z1 = (o) => {
+}) => /* @__PURE__ */ e.createElement(Cn, { mobileMenuMaxWidth: n }, s), L1 = (o) => {
   var u = o, {
     children: s,
     gridGap: n = "standard",
@@ -11258,8 +11274,8 @@ const i2 = ({
     const z = w.props.slot;
     z && ($[z] ? $[z].push(w) : $[z] = [w]);
   });
-  let f = "pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", C = "pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
-  r === "narrow" && (f = "pds-grid-item--md-9 pds-grid-item--lg-10", C = "pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (f = "pds-grid-item--md-7 pds-grid-item--lg-8", C = "pds-grid-item--md-5 pds-grid-item--lg-4");
+  let f = "pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", E = "pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
+  r === "narrow" && (f = "pds-grid-item--md-9 pds-grid-item--lg-10", E = "pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (f = "pds-grid-item--md-7 pds-grid-item--lg-8", E = "pds-grid-item--md-5 pds-grid-item--lg-4");
   const p = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -11271,12 +11287,12 @@ const i2 = ({
     "div",
     {
       key: "2",
-      className: `${g}__side pds-grid-item pds-grid-item--sm-4 ${C}`
+      className: `${g}__side pds-grid-item pds-grid-item--sm-4 ${E}`
     },
     $.sidebar
-  ), E = m < 641;
+  ), C = m < 641;
   let y = [];
-  return a === "left" && c === "before" && (y = [b, p]), a === "left" && c === "after" && (y = E ? [p, b] : [b, p]), a === "right" && c === "before" && (y = E ? [b, p] : [p, b]), a === "right" && c === "after" && (y = [p, b]), /* @__PURE__ */ e.createElement(
+  return a === "left" && c === "before" && (y = [b, p]), a === "left" && c === "after" && (y = C ? [p, b] : [b, p]), a === "right" && c === "before" && (y = C ? [b, p] : [p, b]), a === "right" && c === "after" && (y = [p, b]), /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [g, d, v, i].join(" ").trim().replace(/\s+/g, " ")
@@ -11284,7 +11300,7 @@ const i2 = ({
     y
   );
 };
-z1.propTypes = {
+L1.propTypes = {
   /**
    * Layout content.
    */
@@ -11310,7 +11326,7 @@ z1.propTypes = {
    */
   className: t.string
 };
-const M1 = (c) => {
+const z1 = (c) => {
   var r = c, { children: s, className: n } = r, a = S(r, ["children", "className"]);
   const i = {};
   e.Children.forEach(s, (d) => {
@@ -11324,7 +11340,7 @@ const M1 = (c) => {
   );
   const g = "pds-stepper-layout";
   return /* @__PURE__ */ e.createElement(
-    Je,
+    et,
     N({
       className: [g, n].join(" ").trim().replace(/\s+/g, " ")
     }, a),
@@ -11339,7 +11355,7 @@ const M1 = (c) => {
     o && /* @__PURE__ */ e.createElement("div", { className: `${g}__form-container` }, o)
   );
 };
-M1.propTypes = {
+z1.propTypes = {
   /**
    * Layout content.
    */
@@ -11349,7 +11365,7 @@ M1.propTypes = {
    */
   className: t.string
 };
-const x1 = (r) => {
+const M1 = (r) => {
   var i = r, {
     children: s,
     gridGap: n = "standard",
@@ -11384,7 +11400,7 @@ const x1 = (r) => {
     ))
   );
 };
-x1.propTypes = {
+M1.propTypes = {
   /**
    * Item content.
    */
@@ -11398,7 +11414,7 @@ x1.propTypes = {
    */
   className: t.string
 };
-const V1 = (i) => {
+const x1 = (i) => {
   var l = i, {
     children: s,
     gridGap: n = "standard",
@@ -11427,17 +11443,17 @@ const V1 = (i) => {
     const b = p.props.slot;
     b && ($[b] ? $[b].push(p) : $[b] = [p]);
   });
-  const f = $["first-item"], C = $["second-item"];
+  const f = $["first-item"], E = $["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [o, u, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("div", { className: v.join(" ").trim() }, f),
-    /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, C)
+    /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, E)
   );
 };
-V1.propTypes = {
+x1.propTypes = {
   /**
    * Item content.
    */
@@ -11456,100 +11472,100 @@ V1.propTypes = {
   className: t.string
 };
 export {
-  et as Avatar,
-  nn as AvatarTileList,
-  ln as Banner,
-  dn as Breadcrumbs,
-  tt as Button,
-  Fe as ButtonLink,
-  u1 as CTALink,
-  Cn as CTASlice,
-  K1 as Callout,
-  vn as Card,
-  En as CardSelectGroup,
-  $1 as Checkbox,
-  Y1 as CheckboxFieldset,
-  X1 as CheckboxGroup,
+  tt as Avatar,
+  sn as AvatarTileList,
+  an as Banner,
+  on as Breadcrumbs,
+  Fe as Button,
+  We as ButtonLink,
+  m1 as CTALink,
+  En as CTASlice,
+  G1 as Callout,
+  _n as Card,
+  vn as CardSelectGroup,
+  C1 as Checkbox,
+  K1 as CheckboxFieldset,
+  Y1 as CheckboxGroup,
   Es as Combobox,
   ss as ComparisonList,
-  Je as Container,
-  jt as DashboardContext,
-  F1 as DashboardLayout,
-  Nn as DashboardNav,
-  wn as DashboardSearch,
+  et as Container,
+  Bt as DashboardContext,
+  B1 as DashboardLayout,
+  yn as DashboardNav,
+  Nn as DashboardSearch,
   Et as DropdownMenu,
-  kn as ExpansionPanel,
-  Hn as ExpansionPanelGroup,
-  Ln as FileUpload,
-  L1 as FlexContainer,
+  wn as ExpansionPanel,
+  kn as ExpansionPanelGroup,
+  Hn as FileUpload,
+  H1 as FlexContainer,
   $s as FooterHeading,
-  zn as FooterLinks,
-  i2 as GlobalWrapper,
-  Mn as Heading,
+  Ln as FooterLinks,
+  ra as GlobalWrapper,
+  zn as Heading,
   A as Icon,
   pt as IconButton,
   gt as IndicatorBadge,
-  t2 as InlineMessage,
-  Vn as InputFormatted,
-  Q1 as InputGroup,
-  Sn as InputObscured,
-  In as InputText,
-  Re as InputWrapper,
-  Tn as LinksCard,
+  ea as InlineMessage,
+  xn as InputFormatted,
+  X1 as InputGroup,
+  Vn as InputObscured,
+  Sn as InputText,
+  De as InputWrapper,
+  In as LinksCard,
   ys as MenuButton,
-  e2 as Modal,
-  Dn as NavMenu,
-  Rn as Navbar,
-  An as NewSiteCard,
-  Un as Pager,
-  n2 as Panel,
-  Bt as PantheonLogo,
+  J1 as Modal,
+  Rn as NavMenu,
+  On as Navbar,
+  Dn as NewSiteCard,
+  Zn as Pager,
+  sa as Panel,
+  Ft as PantheonLogo,
   ws as PlatformIcon,
-  a2 as Popover,
-  Kn as PricingCard,
-  Yn as ProgressBar,
+  na as Popover,
+  Gn as PricingCard,
+  Kn as ProgressBar,
   Ls as ProgressRing,
-  l2 as PullQuote,
-  e1 as RadioGroup,
-  De as ResponsiveContext,
-  s2 as SectionMessage,
-  G1 as SegmentedButton,
-  Wt as Select,
-  t1 as SideNav,
-  s1 as SideNavCompact,
-  z1 as SidebarLayout,
-  n1 as SiteCard,
-  a1 as SiteFooter,
-  yn as Skiplink,
-  l1 as SocialLinks,
+  aa as PullQuote,
+  Jn as RadioGroup,
+  Ae as ResponsiveContext,
+  ta as SectionMessage,
+  U1 as SegmentedButton,
+  Ct as Select,
+  e1 as SideNav,
+  t1 as SideNavCompact,
+  L1 as SidebarLayout,
+  s1 as SiteCard,
+  n1 as SiteFooter,
+  $n as Skiplink,
+  a1 as SocialLinks,
   vt as Spinner,
-  c1 as SplitButton,
-  r1 as StatsTileList,
-  Ft as StatusBadge,
-  c2 as StatusIndicator,
-  i1 as Stepper,
-  M1 as StepperLayout,
-  J1 as Switch,
-  o1 as Table,
-  d1 as TableOfContents,
-  W1 as Tabs,
-  r2 as Tag,
-  U1 as Tally,
-  _1 as TextInput,
-  m1 as Textarea,
-  x1 as ThreeItemLayout,
+  l1 as SplitButton,
+  c1 as StatsTileList,
+  Wt as StatusBadge,
+  la as StatusIndicator,
+  r1 as Stepper,
+  z1 as StepperLayout,
+  Q1 as Switch,
+  i1 as Table,
+  o1 as TableOfContents,
+  F1 as Tabs,
+  ca as Tag,
+  Z1 as Tally,
+  b1 as TextInput,
+  d1 as Textarea,
+  M1 as ThreeItemLayout,
   zs as Tile,
-  p1 as TileGrid,
+  u1 as TileGrid,
   Ms as Toast,
-  g1 as Toaster,
-  h1 as ToggleButton,
-  f1 as ToggleSwitch,
-  Rt as Tooltip,
-  V1 as TwoItemLayout,
-  b1 as UserMenu,
-  E1 as WorkspaceSelector,
+  p1 as Toaster,
+  g1 as ToggleButton,
+  h1 as ToggleSwitch,
+  Dt as Tooltip,
+  x1 as TwoItemLayout,
+  f1 as UserMenu,
+  v1 as WorkspaceSelector,
   Xt as iconList,
   ls as tagColors,
-  Z1 as useToast
+  W1 as useToast
 };
 //# sourceMappingURL=index.js.map