@pantheon-systems/pds-toolkit-react 1.0.0-dev.138 → 1.0.0-dev.139

package/_dist/index.js

@@ -1,34 +1,34 @@
-import './index.css';var xs = Object.defineProperty, Vs = Object.defineProperties;
-var Is = Object.getOwnPropertyDescriptors;
+import './index.css';var Ms = Object.defineProperty, xs = Object.defineProperties;
+var Vs = Object.getOwnPropertyDescriptors;
 var mt = Object.getOwnPropertySymbols;
-var jt = Object.prototype.hasOwnProperty, Bt = Object.prototype.propertyIsEnumerable;
-var Pt = (s, n, a) => n in s ? xs(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a, y = (s, n) => {
+var Pt = Object.prototype.hasOwnProperty, jt = Object.prototype.propertyIsEnumerable;
+var At = (s, n, a) => n in s ? Ms(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a, y = (s, n) => {
   for (var a in n || (n = {}))
-    jt.call(n, a) && Pt(s, a, n[a]);
+    Pt.call(n, a) && At(s, a, n[a]);
   if (mt)
     for (var a of mt(n))
-      Bt.call(n, a) && Pt(s, a, n[a]);
+      jt.call(n, a) && At(s, a, n[a]);
   return s;
-}, $e = (s, n) => Vs(s, Is(n));
+}, $e = (s, n) => xs(s, Vs(n));
 var M = (s, n) => {
   var a = {};
   for (var r in s)
-    jt.call(s, r) && n.indexOf(r) < 0 && (a[r] = s[r]);
+    Pt.call(s, r) && n.indexOf(r) < 0 && (a[r] = s[r]);
   if (s != null && mt)
     for (var r of mt(s))
-      n.indexOf(r) < 0 && Bt.call(s, r) && (a[r] = s[r]);
+      n.indexOf(r) < 0 && jt.call(s, r) && (a[r] = s[r]);
   return a;
 };
-import e, { useRef as X, useState as T, createContext as gt, useContext as Ne, forwardRef as st, cloneElement as Ss, useEffect as le, useLayoutEffect as Ts, useCallback as Jt } from "react";
-import t, { arrayOf as Os } from "prop-types";
+import e, { useRef as X, useState as O, createContext as gt, useContext as Ne, forwardRef as st, cloneElement as Is, useEffect as le, useLayoutEffect as Ss, useCallback as Jt } from "react";
+import t, { arrayOf as Ts } from "prop-types";
 import es from "hash-sum";
-import { NavLink as ts, MemoryRouter as Rs } from "react-router-dom";
-import { useFloating as Ve, offset as ss, flip as ns, shift as as, autoUpdate as qe, useHover as xt, useFocus as Ds, useDismiss as Ie, useRole as Se, useInteractions as Te, useTransitionStyles as Ae, useId as qs, useListNavigation as nt, useClick as et, FloatingOverlay as As, FloatingFocusManager as ls, safePolygon as Ps, arrow as js, FloatingArrow as Bs } from "@floating-ui/react";
+import { NavLink as ts, MemoryRouter as Os } from "react-router-dom";
+import { useFloating as Ve, offset as ss, flip as ns, shift as as, autoUpdate as qe, useHover as xt, useFocus as Rs, useDismiss as Ie, useRole as Se, useInteractions as Te, useTransitionStyles as Ae, useId as Ds, useListNavigation as nt, useClick as et, FloatingOverlay as qs, FloatingFocusManager as ls, safePolygon as As, arrow as Ps, FloatingArrow as js } from "@floating-ui/react";
 import { useMeasure as at } from "@reactuses/core";
-import { useFloating as Fs, flip as Ws } from "@floating-ui/react-dom";
-import Zs from "focus-trap-react";
-import { ToastContainer as Us, Slide as Gs, cssTransition as Ks, toast as Ft } from "react-toastify";
-const Ys = [
+import { useFloating as Bs, flip as Fs } from "@floating-ui/react-dom";
+import Ws from "focus-trap-react";
+import { ToastContainer as Zs, Slide as Us, cssTransition as Gs, toast as Bt } from "react-toastify";
+const Ks = [
   "angleDown",
   "angleLeft",
   "angleRight",
@@ -169,13 +169,13 @@ const Ys = [
   "xmarkLarge",
   "xTwitter",
   "youtube"
-], De = t.oneOf(Ys), ht = t.oneOf([
+], De = t.oneOf(Ks), ht = t.oneOf([
   "narrow",
   "standard",
   "wide",
   "x-wide",
   "full"
-]), Xs = t.exact({
+]), Ys = t.exact({
   /**
    * Label for a menu item
    */
@@ -238,7 +238,7 @@ const Ys = [
    *  Optional `data-testid` value for this item.
    */
   testId: t.string
-}), Qs = t.exact({
+}), Xs = t.exact({
   /**
    * Is the item a node?
    */
@@ -247,7 +247,7 @@ const Ys = [
    * The content of the node.
    */
   nodeContent: t.node
-}), Js = t.exact({
+}), Qs = t.exact({
   /**
    * Is the item a separator?
    */
@@ -847,7 +847,7 @@ const Ys = [
     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"
   }
-}, Wt = Object.keys(Vt), e1 = (o) => {
+}, Ft = Object.keys(Vt), Js = (o) => {
   var b = o, {
     ariaLabel: s,
     buttonType: n = "button",
@@ -927,7 +927,7 @@ const Ys = [
     )
   );
 };
-e1.propTypes = {
+Js.propTypes = {
   /**
    * Aria-label attribute.
    */
@@ -961,7 +961,7 @@ e1.propTypes = {
    */
   className: t.string
 };
-let Zt = [
+let Wt = [
   "g01",
   "g02",
   "g03",
@@ -975,9 +975,9 @@ let Zt = [
   "g11",
   "g12"
 ];
-const t1 = (s) => {
+const e1 = (s) => {
   const n = parseInt(es(s), 16);
-  return Zt[n % Zt.length];
+  return Wt[n % Wt.length];
 }, Xe = (l) => {
   var m = l, {
     size: s = "md",
@@ -993,7 +993,7 @@ const t1 = (s) => {
     "className"
   ]);
   const d = "pds-avatar", o = `${d}--${s}`, b = n ? `${d}--image` : null, h = {
-    backgroundImage: r ? `var(--pds-color-gradient-avatar-${t1(r)})` : null,
+    backgroundImage: r ? `var(--pds-color-gradient-avatar-${e1(r)})` : null,
     borderRadius: "100%",
     height: "100%",
     width: "100%"
@@ -1037,7 +1037,7 @@ Xe.propTypes = {
    */
   className: t.string
 };
-const s1 = (u) => {
+const t1 = (u) => {
   var c = u, {
     darkBackground: s,
     listItems: n,
@@ -1084,7 +1084,7 @@ const s1 = (u) => {
     })
   );
 };
-s1.propTypes = {
+t1.propTypes = {
   /**
    * Boolean to set for dark background
    */
@@ -1190,7 +1190,7 @@ const _t = {
   info: "circleInfo",
   warning: "triangleExclamation",
   critical: "diamondExclamation"
-}, n1 = (m) => {
+}, s1 = (m) => {
   var d = m, {
     banners: s,
     dismissLabel: n = "Dismiss",
@@ -1210,7 +1210,7 @@ const _t = {
     "typeLabels",
     "className"
   ]);
-  const [o, b] = T(s), p = o.length;
+  const [o, b] = O(s), p = o.length;
   if (p === 0)
     return null;
   const h = "pds-banner", v = p > 1 ? `${h}-group--multiple` : null, i = {
@@ -1218,12 +1218,12 @@ const _t = {
     warning: `${h}--warning`,
     critical: `${h}--critical`
   }, $ = (k) => k === 0 ? 0 : -1, g = (k) => k === 0 ? "visible" : "hidden", _ = o.map((k, x) => {
-    const L = ["critical", "warning"].includes(k.type) ? "alert" : "status", V = `${u[k.type]}:  `, w = (O) => {
-      O.preventDefault();
-      const H = O.target.closest(`.${h}`).id, S = o.findIndex(
+    const z = ["critical", "warning"].includes(k.type) ? "alert" : "status", S = `${u[k.type]}:  `, w = (V) => {
+      V.preventDefault();
+      const H = V.target.closest(`.${h}`).id, T = o.findIndex(
         (R) => R.id === H
       ), P = [...o];
-      P.splice(S, 1), document.getElementById(H).classList.add(`${h}--dismissing`), setTimeout(() => {
+      P.splice(T, 1), document.getElementById(H).classList.add(`${h}--dismissing`), setTimeout(() => {
         b(P), k.onDismiss && k.onDismiss();
       }, 300);
     };
@@ -1233,7 +1233,7 @@ const _t = {
         key: k.id,
         id: k.id,
         className: [h, i[k.type]].join(" ").trim().replace(/\s+/g, " "),
-        role: L,
+        role: z,
         style: {
           zIndex: vt - x
         }
@@ -1252,7 +1252,7 @@ const _t = {
             visibility: g(x)
           }
         },
-        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, V, " "),
+        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, S, " "),
         k.message
       )),
       k.isDismissible && /* @__PURE__ */ e.createElement(
@@ -1316,7 +1316,7 @@ const _t = {
     )) : _[0]
   );
 };
-n1.propTypes = {
+s1.propTypes = {
   /**
    * Array of banners.
    */
@@ -1354,7 +1354,7 @@ n1.propTypes = {
    */
   className: t.string
 };
-const a1 = {
+const n1 = {
   crumbs: [],
   deferredCrumbIds: [],
   register: () => {
@@ -1365,11 +1365,11 @@ const a1 = {
   },
   resolveCrumb: () => {
   }
-}, is = gt(a1), Ut = 8, It = (m) => {
+}, is = gt(n1), Zt = 8, It = (m) => {
   var d = m, {
     content: s,
     customTrigger: n = !1,
-    offsetValue: a = Ut,
+    offsetValue: a = Zt,
     triggerAccessibleText: r = "Show more information",
     triggerIcon: u = "circleInfo",
     className: c
@@ -1381,7 +1381,7 @@ const a1 = {
     "triggerIcon",
     "className"
   ]);
-  const [o, b] = T(!1), p = typeof n, h = "pds-tooltip", v = [
+  const [o, b] = O(!1), p = typeof n, h = "pds-tooltip", v = [
     `${h}__trigger-custom`,
     p === "string" ? `${h}__trigger-text` : ""
   ].join(" ").trim().replace(/\s+/g, " "), i = n ? a : 0, { refs: $, floatingStyles: g, context: _ } = Ve({
@@ -1389,12 +1389,12 @@ const a1 = {
     open: o,
     onOpenChange: b,
     middleware: [
-      ss(Ut + i),
+      ss(Zt + i),
       ns({ padding: 5 }),
       as({ padding: 5 })
     ],
     whileElementsMounted: qe
-  }), C = xt(_, { move: !1 }), E = Ds(_), f = Ie(_), N = Se(_, { role: "tooltip" }), { getFloatingProps: k } = Te([C, E, f, N]), { isMounted: x } = Ae(_, {
+  }), C = xt(_, { move: !1 }), E = Rs(_), f = Ie(_), N = Se(_, { role: "tooltip" }), { getFloatingProps: k } = Te([C, E, f, N]), { isMounted: x } = Ae(_, {
     initial: {
       transform: "scale(0)"
     }
@@ -1462,9 +1462,9 @@ Fe.propTypes = {
   lastCrumb: t.bool,
   classes: t.string
 };
-const l1 = (s) => /* @__PURE__ */ e.createElement(ts, { className: "pds-breadcrumbs__mobileCrumbs", end: !0, to: s.uri }, /* @__PURE__ */ e.createElement(q, { iconName: "angleLeft", iconSize: "sm" }), s.label), r1 = (s, n) => s.uri.split("/").length - n.uri.split("/").length, os = (a) => {
+const a1 = (s) => /* @__PURE__ */ e.createElement(ts, { className: "pds-breadcrumbs__mobileCrumbs", end: !0, to: s.uri }, /* @__PURE__ */ e.createElement(q, { iconName: "angleLeft", iconSize: "sm" }), s.label), l1 = (s, n) => s.uri.split("/").length - n.uri.split("/").length, os = (a) => {
   var r = a, { ariaLabel: s } = r, n = M(r, ["ariaLabel"]);
-  const [u, c] = T(!0), { crumbs: l, deferredCrumbIds: m } = Ne(is), d = [...l].sort(r1), o = () => {
+  const [u, c] = O(!0), { crumbs: l, deferredCrumbIds: m } = Ne(is), d = [...l].sort(l1), o = () => {
     c(!1);
   }, b = d.map(
     ($, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Fe, { crumb: $, lastCrumb: !0, key: g }) : /* @__PURE__ */ e.createElement(Fe, { crumb: $, key: g })
@@ -1492,16 +1492,16 @@ const l1 = (s) => /* @__PURE__ */ e.createElement(ts, { className: "pds-breadcru
         key: `breadcrumb-${g}`
       }
     ) : /* @__PURE__ */ e.createElement(Fe, { crumb: $, key: `breadcrumb-${g}` })
-  ), h = d.length >= 6 ? p : b, v = d[d.length - 2], i = l1(v);
+  ), h = d.length >= 6 ? p : b, v = d[d.length - 2], i = a1(v);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": s, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", y({ className: "pds-breadcrumbs__item" }, n), h), i);
 };
 os.propTypes = {
   ariaLabel: t.string.isRequired,
   crumbs: t.array
 };
-const c1 = (r) => {
+const r1 = (r) => {
   var u = r, { ariaLabel: s, crumbs: n } = u, a = M(u, ["ariaLabel", "crumbs"]);
-  return /* @__PURE__ */ e.createElement(Rs, null, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Os, null, /* @__PURE__ */ e.createElement(
     is.Provider,
     {
       value: {
@@ -1512,7 +1512,7 @@ const c1 = (r) => {
     /* @__PURE__ */ e.createElement(os, y({ crumbs: n, ariaLabel: s }, a))
   ));
 };
-c1.propTypes = {
+r1.propTypes = {
   ariaLabel: t.string.isRequired,
   crumbs: t.arrayOf([
     { label: t.string },
@@ -1526,7 +1526,7 @@ const lt = (m) => {
     label: a = "Loading",
     showLabel: r = !1,
     size: u = "md",
-    className: c
+    className: c = ""
   } = d, l = M(d, [
     "colorType",
     "isInline",
@@ -1757,7 +1757,7 @@ const xe = () => Math.random().toString(32).substring(2, 13), ds = (s, n) => {
   );
   let f = [r.props.children];
   n == "icon-start" && a && f.unshift(C), n == "icon-end" && a && f.push(C);
-  const N = Ss(r, {
+  const N = Is(r, {
     className: g,
     children: f
   });
@@ -1817,7 +1817,7 @@ We.propTypes = {
    */
   className: t.string
 };
-const i1 = {
+const c1 = {
   info: "Info",
   warning: "Warning",
   success: "Success",
@@ -1825,7 +1825,7 @@ const i1 = {
   discovery: "Discovery",
   code: "Code",
   earlyAccess: "Early access"
-}, Rn = (c) => {
+}, Tn = (c) => {
   var l = c, {
     children: s,
     title: n,
@@ -1845,7 +1845,7 @@ const i1 = {
     discovery: "squareQuestion",
     code: "squareTerminal",
     earlyAccess: "leaf"
-  }, b = `${i1[a]}: `;
+  }, b = `${c1[a]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -1854,12 +1854,12 @@ const i1 = {
     /* @__PURE__ */ e.createElement("div", { className: `${m}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__icon ${m}__icon--${a}` }, /* @__PURE__ */ e.createElement(
       q,
       {
-        iconName: `${a}` in Wt ? Wt[a] : o.info,
+        iconName: `${a}` in Ft ? Ft[a] : o.info,
         iconSize: "xl"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${m}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), n && /* @__PURE__ */ e.createElement("div", { className: `${m}__title` }, n), s && /* @__PURE__ */ e.createElement("div", { className: `${m}__main-content` }, s)))
   );
-}, o1 = (b) => {
+}, i1 = (b) => {
   var p = b, {
     bodyText: s,
     headingLevel: n = "h2",
@@ -1911,7 +1911,7 @@ const i1 = {
     _
   );
 };
-o1.propTypes = {
+i1.propTypes = {
   /**
    * Short description or summary. Can be string or JSX.
    */
@@ -1952,7 +1952,7 @@ o1.propTypes = {
    */
   className: t.string
 };
-const d1 = (o) => {
+const o1 = (o) => {
   var b = o, {
     id: s,
     initialSelection: n,
@@ -1975,7 +1975,7 @@ const d1 = (o) => {
   const p = "pds-card-select-group";
   let h = `${p}__legend`;
   r === "center" && (h = `${p}__legend ${p}__legend--center`), r === "hidden" && (h = `${p}__legend visually-hidden`);
-  const [v, i] = T(n), $ = (f) => {
+  const [v, i] = O(n), $ = (f) => {
     i(f.target.value), c && c(f.target.value);
   }, g = l.length, _ = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let E = "";
@@ -2022,7 +2022,7 @@ const d1 = (o) => {
     )))
   );
 };
-d1.propTypes = {
+o1.propTypes = {
   /**
    * Unique ID for the card select group
    */
@@ -2118,14 +2118,14 @@ const Je = ({ type: s }) => {
 Je.propTypes = {
   type: t.oneOf(["search", "error", "success"]).isRequired
 };
-const Ot = ({ label: s }) => /* @__PURE__ */ e.createElement("div", { className: "pds-input__search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement(q, { iconName: "slashForward" }));
-Ot.propTypes = {
+const Tt = ({ label: s }) => /* @__PURE__ */ e.createElement("div", { className: "pds-input__search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement(q, { iconName: "slashForward" }));
+Tt.propTypes = {
   label: t.string.isRequired
 };
-const Rt = st(
+const Ot = st(
   (c, u) => {
     var l = c, { children: s, active: n, className: a } = l, r = M(l, ["children", "active", "className"]);
-    const m = qs(), d = "pds-input__option", o = n ? `${d}--active` : null;
+    const m = Ds(), d = "pds-input__option", o = n ? `${d}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
@@ -2139,7 +2139,7 @@ const Rt = st(
     );
   }
 );
-Rt.propTypes = {
+Ot.propTypes = {
   children: t.node.isRequired,
   active: t.bool,
   className: t.string
@@ -2179,7 +2179,7 @@ const Oe = st(
       "validationState",
       "className"
     ]);
-    const E = "pds-input-wrapper", f = `${E}--${u}`, N = "pds-input-label", k = `pds-input-field__message pds-input-field__message--${o}`, x = v === "error" ? "pds-has-error" : null, I = v === "success" ? "pds-has-success" : null, L = a ? "pds-is-disabled" : null, V = b ? "pds-is-readonly" : null, w = p && !a ? "pds-is-required" : null, O = c ? `${c / 16}rem` : null, H = c ? { width: O } : null, S = l ? "fieldset" : "div", P = p && !a ? /* @__PURE__ */ e.createElement(
+    const E = "pds-input-wrapper", f = `${E}--${u}`, N = "pds-input-label", k = `pds-input-field__message pds-input-field__message--${o}`, x = v === "error" ? "pds-has-error" : null, I = v === "success" ? "pds-has-success" : null, z = a ? "pds-is-disabled" : null, S = b ? "pds-is-readonly" : null, w = p && !a ? "pds-is-required" : null, V = c ? `${c / 16}rem` : null, H = c ? { width: V } : null, T = l ? "fieldset" : "div", P = p && !a ? /* @__PURE__ */ e.createElement(
       q,
       {
         iconName: "asterisk",
@@ -2202,8 +2202,8 @@ const Oe = st(
         className: [
           E,
           f,
-          L,
-          V,
+          z,
+          S,
           w,
           x,
           I,
@@ -2215,7 +2215,7 @@ const Oe = st(
       m && !l && /* @__PURE__ */ e.createElement("span", { className: h ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: N, htmlFor: r }, m, P)),
       o === "before" && R,
       /* @__PURE__ */ e.createElement(
-        S,
+        T,
         {
           className: `pds-input-field ${u ? `pds-input-field--${u}` : ""}`
         },
@@ -2314,7 +2314,7 @@ const ms = st(
       "value",
       "className"
     ]);
-    const i = "pds-checkbox", [$, g] = T(s), _ = (E) => {
+    const i = "pds-checkbox", [$, g] = O(s), _ = (E) => {
       g(!$), l && l(E.target);
     }, C = m && !n ? /* @__PURE__ */ e.createElement(
       q,
@@ -2400,7 +2400,7 @@ ms.propTypes = {
    */
   className: t.string
 };
-const m1 = (b) => {
+const d1 = (b) => {
   var p = b, {
     disabled: s = !1,
     id: n,
@@ -2426,7 +2426,7 @@ const m1 = (b) => {
   l.map((f) => {
     f.checked === !0 && v.push(f.value);
   });
-  const [i, $] = T(v), g = (f) => {
+  const [i, $] = O(v), g = (f) => {
     let N = [];
     f.target.checked === !0 && (N = [...i, f.target.value]), f.target.checked === !1 && (N = i.filter(
       (k) => k !== f.target.value
@@ -2483,7 +2483,7 @@ const m1 = (b) => {
     )
   );
 };
-m1.propTypes = {
+d1.propTypes = {
   /**
    * Is the checkbox group field disabled?
    */
@@ -2593,18 +2593,18 @@ const us = st(
       "validationFunction",
       "className"
     ]);
-    const L = (ce) => {
+    const z = (ce) => {
       const ne = $.find((He) => He.value === ce);
       return ne ? ne.label : "";
-    }, [V, w] = T(!1), [O, H] = T(null), [S, P] = T(
-      l ? L(l) : ""
-    ), [R, j] = T([]), [A, F] = T(""), [Z, W] = T(null), z = X([]), B = "pds-combobox", { context: U, refs: Y } = Ve({
-      open: V,
+    }, [S, w] = O(!1), [V, H] = O(null), [T, P] = O(
+      l ? z(l) : ""
+    ), [R, j] = O([]), [A, F] = O(""), [Z, W] = O(null), L = X([]), B = "pds-combobox", { context: U, refs: Y } = Ve({
+      open: S,
       onOpenChange: w,
       whileElementsMounted: qe
     }), pe = Se(U, { role: "listbox" }), re = Ie(U), ee = nt(U, {
-      listRef: z,
-      activeIndex: O,
+      listRef: L,
+      activeIndex: V,
       onNavigate: H,
       virtual: !0,
       loop: !0,
@@ -2645,11 +2645,11 @@ const us = st(
     }, Ce = (ce) => {
       const ne = R[ce];
       P(ne.label), H(null), w(!1), i && i(ne), E && K(ne);
-    }, Le = () => {
+    }, ze = () => {
       var ce;
       J(), P(""), w(!0), (ce = Y.domReference.current) == null || ce.focus();
     }, Q = () => {
-      w(!V);
+      w(!S);
     }, se = (ce) => ce.map((He) => {
       const { label: je, optionDisplay: Re, value: ct, searchIndex: it } = He, bt = ct || je, ot = [je, ct];
       return it && ot.push(...it), {
@@ -2663,27 +2663,27 @@ const us = st(
       const ce = se($).filter((ne) => {
         const He = ne.searchIndex.map(
           (Re) => Re.toLowerCase()
-        ), je = S.toLowerCase();
+        ), je = T.toLowerCase();
         return He.some((Re) => Re.includes(je));
       });
       j(ce);
-    }, [S, d, $]);
+    }, [T, d, $]);
     const ke = R.map((ce, ne) => /* @__PURE__ */ e.createElement(
-      Rt,
+      Ot,
       $e(y({
         key: ce
       }, te({
         key: ce.value,
         ref(He) {
-          z.current[ne] = He;
+          L.current[ne] = He;
         },
         onClick() {
           var He;
           Ce(ne), (He = Y.domReference.current) == null || He.focus();
         }
       })), {
-        tabIndex: O === ne ? 0 : -1,
-        active: O === ne
+        tabIndex: V === ne ? 0 : -1,
+        active: V === ne
       }),
       ce.optionDisplay || ce.label
     )), ye = A || h, we = m ? `${m / 16}rem` : null, he = m ? { width: we } : null;
@@ -2724,22 +2724,22 @@ const us = st(
             "aria-label": b.inputInstructions,
             disabled: s,
             placeholder: g,
-            value: S,
+            value: T,
             onChange: ue,
             onKeyDown(ce) {
-              ce.key === "Enter" && O != null && R[O] && Ce(O);
+              ce.key === "Enter" && V != null && R[V] && Ce(V);
             }
           }))
         ),
-        S && n && /* @__PURE__ */ e.createElement(
+        T && n && /* @__PURE__ */ e.createElement(
           rt,
           {
             id: c,
             label: b.clearButton,
-            handleClearInput: Le
+            handleClearInput: ze
           }
         ),
-        !S && u && /* @__PURE__ */ e.createElement(Ot, { label: b.searchShortcut }),
+        !T && u && /* @__PURE__ */ e.createElement(Tt, { label: b.searchShortcut }),
         a && /* @__PURE__ */ e.createElement(
           "button",
           $e(y({
@@ -2747,7 +2747,7 @@ const us = st(
           }, de({
             onClick: Q,
             disabled: s,
-            "aria-expanded": V,
+            "aria-expanded": S,
             "aria-label": b.triggerButton
           })), {
             className: `${B}__trigger`
@@ -2893,11 +2893,11 @@ us.propTypes = {
    */
   className: t.string
 };
-const u1 = {
+const m1 = {
   included: "circleCheck",
   notIncluded: "xmark",
   addon: "circlePlusOutline"
-}, St = (m) => {
+}, Ut = (m) => {
   var d = m, {
     listItems: s,
     listLabel: n,
@@ -2930,50 +2930,22 @@ const u1 = {
         key: p,
         className: `${o}__list-item ${o}__list-item--${b.type}`
       },
-      /* @__PURE__ */ e.createElement(q, { iconName: u1[b.type] }),
+      /* @__PURE__ */ e.createElement(q, { iconName: m1[b.type], iconSize: "md" }),
       r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u[b.type], ":", " "),
       b.text
     ))),
     a && /* @__PURE__ */ e.createElement("div", { className: `${o}__more-link` }, a)
   );
-};
-St.propTypes = {
-  /**
-   * Icon labels
-   */
-  typeLabels: t.shape({
-    included: t.string,
-    notIncluded: t.string,
-    addon: t.string
-  }),
-  /**
-   * List items
-   */
-  listItems: t.arrayOf(
-    t.shape({
-      text: t.string,
-      type: t.oneOf(["included", "notIncluded", "addon"])
-    })
-  ),
-  /**
-   * Text preceding the list. Optional.
-   */
-  listLabel: t.string,
-  /**
-   * A link element using the router of your choice. Will be displayed below the list. Optional.
-   */
-  moreLink: t.node,
-  /**
-   * Render the icon labels for screen readers.
-   */
-  renderTypeLabels: t.bool,
-  /**
-   * Additional class names
-   */
-  className: t.string
-};
-const ps = (u) => {
-  var c = u, { linkContent: s, size: n = "md", className: a } = c, r = M(c, ["linkContent", "size", "className"]);
+}, u1 = (u) => {
+  var c = u, {
+    linkContent: s,
+    size: n = "md",
+    className: a
+  } = c, r = M(c, [
+    "linkContent",
+    "size",
+    "className"
+  ]);
   const l = "pds-cta-link", m = n != "md" ? `${l}--${n}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -2990,22 +2962,7 @@ const ps = (u) => {
       }
     )
   );
-};
-ps.propTypes = {
-  /**
-   * A link element using the router of your choice.
-   */
-  linkContent: t.node,
-  /**
-   * Size of link
-   */
-  size: t.oneOf(["sm", "md"]),
-  /**
-   * Additional class names
-   */
-  className: t.string
-};
-const p1 = (o) => {
+}, p1 = (o) => {
   var b = o, {
     backgroundColor: s = "default",
     containerWidth: n = "standard",
@@ -3109,7 +3066,7 @@ const Pe = gt(null), g1 = ({
   children: s,
   mobileMenuMaxWidth: n = 640
 }) => {
-  const [a, r] = T(1025);
+  const [a, r] = O(1025);
   le(() => (r(window.innerWidth), window.addEventListener("resize", u), () => {
     window.removeEventListener("resize", u);
   }), []);
@@ -3133,7 +3090,7 @@ const Pe = gt(null), g1 = ({
     "selectTextFallback",
     "className"
   ]);
-  const m = "pds-dropdown-menu", [d, o] = T(!1), [b, p] = T(null), h = (R) => {
+  const m = "pds-dropdown-menu", [d, o] = O(!1), [b, p] = O(null), h = (R) => {
     for (let j = 0; j < R.length; j++) {
       if (R[j].isActive)
         return R[j].linkContent;
@@ -3209,15 +3166,15 @@ const Pe = gt(null), g1 = ({
     close: {
       opacity: 0
     }
-  }), I = X([]), L = nt(f, {
+  }), I = X([]), z = nt(f, {
     listRef: I,
     activeIndex: b,
     onNavigate: p,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), V = et(f, { event: "mousedown" }), w = Ie(f), O = Se(f, { role: "menu" }), { getReferenceProps: H, getFloatingProps: S, getItemProps: P } = Te(
-    [w, O, V, L]
+  }), S = et(f, { event: "mousedown" }), w = Ie(f), V = Se(f, { role: "menu" }), { getReferenceProps: H, getFloatingProps: T, getItemProps: P } = Te(
+    [w, V, S, z]
   );
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -3243,7 +3200,7 @@ const Pe = gt(null), g1 = ({
           floatingStyles: N,
           zIndex: "var(--pds-z-index-dropdown)"
         })
-      }, S()),
+      }, T()),
       C(n).map((R, j) => /* @__PURE__ */ e.createElement(
         "li",
         y({
@@ -3279,7 +3236,7 @@ ft.propTypes = {
    */
   className: t.string
 };
-const Dt = (l) => {
+const Rt = (l) => {
   var m = l, {
     colorType: s = "default",
     displayType: n = "full",
@@ -3616,7 +3573,7 @@ const Dt = (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" }, $))
   );
 };
-Dt.propTypes = {
+Rt.propTypes = {
   /**
    * Color Type
    */
@@ -3740,7 +3697,7 @@ const h1 = 11.75, f1 = (l) => {
       ref: b
     }, c),
     !d && /* @__PURE__ */ e.createElement(
-      Dt,
+      Rt,
       {
         className: `${i}__logo`,
         displayType: v ? "icon" : "full"
@@ -3774,7 +3731,7 @@ f1.propTypes = {
    */
   className: t.string
 };
-const gs = (u) => {
+const ps = (u) => {
   var c = u, {
     destination: s = "main",
     text: n = "Skip to main content",
@@ -3793,7 +3750,7 @@ const gs = (u) => {
     n
   );
 };
-gs.propTypes = {
+ps.propTypes = {
   /**
    * The ID of the element to skip to.
    */
@@ -3807,7 +3764,7 @@ gs.propTypes = {
    */
   className: t.string
 };
-const hs = gt(null), Dn = (m) => {
+const gs = gt(null), On = (m) => {
   var d = m, {
     children: s,
     hasSidebarToggle: n = !0,
@@ -3823,20 +3780,20 @@ const hs = gt(null), Dn = (m) => {
     "skiplinkText",
     "className"
   ]);
-  const [o, b] = T(
+  const [o, b] = O(
     a
   ), { isMobile: p } = Ne(Pe), h = X(), [v] = at(h), $ = {
     navbarWidth: v.width
   }, g = "pds-dashboard", _ = p ? `${g}--isMobile` : `${g}--notMobile`, C = p ? null : o ? `${g}--sidebarExpanded` : `${g}--sidebarCollapsed`, E = () => {
     b(!o);
   }, f = {};
-  e.Children.forEach(s, (V) => {
-    if (e.isValidElement(V)) {
-      const w = V.props.slot;
-      w && (f[w] ? f[w].push(V) : f[w] = [V]);
+  e.Children.forEach(s, (w) => {
+    if (e.isValidElement(w)) {
+      const V = w.props.slot;
+      V && (f[V] ? f[V].push(w) : f[V] = [w]);
     }
   });
-  const N = f.header, k = f.sidebar, x = f.main, I = /* @__PURE__ */ e.createElement("aside", { className: `${g}__sidebar` }, k), L = /* @__PURE__ */ e.createElement("aside", { className: `${g}__sidebar` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__sidebar-divider` }), n && /* @__PURE__ */ e.createElement(
+  const N = f.header, k = f.sidebar, x = f.main, I = f.footer, z = /* @__PURE__ */ e.createElement("aside", { className: `${g}__sidebar` }, k), S = /* @__PURE__ */ e.createElement("aside", { className: `${g}__sidebar` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__sidebar-divider` }), n && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${g}__sidebar-toggle`,
@@ -3846,7 +3803,7 @@ const hs = gt(null), Dn = (m) => {
     },
     /* @__PURE__ */ e.createElement(q, { iconName: "angleLeft", iconSize: "sm" })
   ), /* @__PURE__ */ e.createElement("div", { className: `${g}__sidebar-inner` }, k));
-  return /* @__PURE__ */ e.createElement(hs.Provider, { value: $ }, /* @__PURE__ */ e.createElement(gs, { text: u, className: "" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(gs.Provider, { value: $ }, /* @__PURE__ */ e.createElement(ps, { text: u, className: "" }), /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
@@ -3858,10 +3815,10 @@ const hs = gt(null), Dn = (m) => {
       ].join(" ").trim().replace(/\s+/g, " ")
     }, l),
     p && N,
-    p ? I : L,
-    /* @__PURE__ */ e.createElement("div", { ref: h, className: `${g}__container` }, !p && /* @__PURE__ */ e.createElement("div", { className: `${g}__header` }, N), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${g}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__main-inner` }, x)))
+    p ? z : S,
+    /* @__PURE__ */ e.createElement("div", { ref: h, className: `${g}__container` }, !p && /* @__PURE__ */ e.createElement("div", { className: `${g}__header` }, N), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${g}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__main-inner` }, x), I && /* @__PURE__ */ e.createElement("footer", { className: `${g}__footer` }, I)))
   ));
-}, qt = (m) => {
+}, Dt = (m) => {
   var d = m, {
     color: s = "transparent",
     hasStatusIndicator: n = !1,
@@ -3886,7 +3843,7 @@ const hs = gt(null), Dn = (m) => {
     n === !0 && /* @__PURE__ */ e.createElement("span", { className: [p, h].join(" ").trim() }, u && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r, " ", u)),
     /* @__PURE__ */ e.createElement("span", { className: `${o}__label` }, a)
   );
-}, fs = ({ option: s }) => {
+}, hs = ({ option: s }) => {
   const n = "pds-dashboard-search", a = {
     drupal: "drupal",
     wordpress: "wordpress",
@@ -3923,7 +3880,7 @@ const hs = gt(null), Dn = (m) => {
         style: { pointerEvents: "none" }
       },
       /* @__PURE__ */ e.createElement(
-        qt,
+        Dt,
         {
           color: "neutral",
           hasStatusIndicator: !0,
@@ -3934,7 +3891,7 @@ const hs = gt(null), Dn = (m) => {
     )
   );
 };
-fs.propTypes = { option: t.object };
+hs.propTypes = { option: t.object };
 const b1 = (v) => {
   var i = v, {
     disabled: s = !1,
@@ -3967,20 +3924,20 @@ const b1 = (v) => {
     "startingRightPosition",
     "className"
   ]);
-  const [$, g] = T(!1), [_, C] = T(null), E = X(null);
+  const [$, g] = O(!1), [_, C] = O(null), E = X(null);
   let f = !1;
   const N = Ne(Pe);
   N && (f = N.isMobile);
   let k = null;
-  const x = Ne(hs);
+  const x = Ne(gs);
   x && (k = x.navbarWidth);
-  const I = 2.25, L = 22, V = k > 900 ? L : k / 16 - b - I * 0.675;
+  const I = 2.25, z = 22, S = k > 900 ? z : k / 16 - b - I * 0.675;
   let w = I;
-  $ && !k && (w = L), $ && k && (w = V);
-  const O = {
+  $ && !k && (w = z), $ && k && (w = S);
+  const V = {
     right: `${b}rem`,
     width: `${w}rem`
-  }, H = "pds-dashboard-search", S = f ? `${H}--isMobile` : null, P = () => {
+  }, H = "pds-dashboard-search", T = f ? `${H}--isMobile` : null, P = () => {
     g(!0), setTimeout(() => {
       E.current.querySelector("input").focus();
     }, 500);
@@ -3988,23 +3945,23 @@ const b1 = (v) => {
     setTimeout(() => {
       g(!1);
     }, 150);
-  }, j = (z) => {
-    C(z.value), m && m(z);
+  }, j = (L) => {
+    C(L.value), m && m(L);
   };
   le(() => {
     if ($) {
-      const z = E.current.querySelector("input");
-      return z.addEventListener("blur", R), () => {
-        z.removeEventListener("blur", R);
+      const L = E.current.querySelector("input");
+      return L.addEventListener("blur", R), () => {
+        L.removeEventListener("blur", R);
       };
     }
   }, [$]);
-  const A = o.map((z) => {
-    const { id: B, name: U } = z;
+  const A = o.map((L) => {
+    const { id: B, name: U } = L;
     return {
       label: U,
       value: B,
-      optionDisplay: /* @__PURE__ */ e.createElement(fs, { option: z })
+      optionDisplay: /* @__PURE__ */ e.createElement(hs, { option: L })
     };
   }), F = /* @__PURE__ */ e.createElement(
     us,
@@ -4050,11 +4007,11 @@ const b1 = (v) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [H, S, p].join(" ").trim().replace(/\s+/g, " "),
+      className: [H, T, p].join(" ").trim().replace(/\s+/g, " "),
       id: n,
-      style: f ? null : O,
-      onKeyDown: f ? null : (z) => {
-        z.key === "Escape" && R();
+      style: f ? null : V,
+      onKeyDown: f ? null : (L) => {
+        L.key === "Escape" && R();
       }
     }, h),
     f ? W : Z
@@ -4221,7 +4178,7 @@ _1.propTypes = {
    */
   className: t.string
 };
-const bs = (u) => {
+const fs = (u) => {
   var c = u, {
     headingLevel: s = "h3",
     headingText: n,
@@ -4240,7 +4197,7 @@ const bs = (u) => {
     n
   );
 };
-bs.propTypes = {
+fs.propTypes = {
   /**
    *  Heading level
    */
@@ -4273,7 +4230,7 @@ const E1 = (c) => {
       className: [m, r].join(" ").trim().replace(/\s+/g, " ")
     }, u),
     n && /* @__PURE__ */ e.createElement(
-      bs,
+      fs,
       {
         headingLevel: s,
         className: `${m}__heading`,
@@ -4350,9 +4307,8 @@ const pt = (c) => {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
-  critical: "diamondExclamation",
-  spinner: "spinner"
-}, $1 = (l) => {
+  critical: "diamondExclamation"
+}, Rn = (l) => {
   var m = l, {
     title: s,
     secondaryText: n,
@@ -4389,40 +4345,12 @@ const pt = (c) => {
     /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__icon ${d}__icon-${a}` }, a === "working" ? /* @__PURE__ */ e.createElement(lt, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
       q,
       {
-        iconName: `${a}` in Et ? Et[a] : Et.info
+        iconName: `${a}` in Et ? Et[a] : Et.info,
+        iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${d}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, v), s && /* @__PURE__ */ e.createElement("div", { className: `${d}__title` }, s), /* @__PURE__ */ e.createElement("div", { className: `${d}__secondaryText` }, n)))
   );
-};
-$1.propTypes = {
-  /**
-   * Title text.
-   */
-  title: t.string.isRequired,
-  /**
-   * Secondary text.
-   */
-  secondaryText: t.node,
-  /**
-   * Message type.
-   */
-  type: t.oneOf(["info", "success", "warning", "critical", "working"]),
-  /**
-   * Message type labels. Provide translation strings if needed.
-   */
-  typeLabels: t.shape({
-    info: t.string,
-    success: t.string,
-    warning: t.string,
-    critical: t.string,
-    working: t.string
-  }),
-  /**
-   * Additional class names
-   */
-  className: t.string
-};
-const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s) => s.type === "decimal").value, $t = 16, Gt = 10, N1 = (i) => {
+}, $1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = $1.find((s) => s.type === "decimal").value, $t = 16, Gt = 10, y1 = (i) => {
   var $ = i, {
     disabled: s = !1,
     formatting: n,
@@ -4457,7 +4385,7 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
     g,
     _,
     h
-  ]), [E, f] = T(""), [N, k] = T(null), [x, I] = T(null), L = X(null), V = X(null), w = X("");
+  ]), [E, f] = O(""), [N, k] = O(null), [x, I] = O(null), z = X(null), S = X(null), w = X("");
   le(() => {
     switch (u && f(Z(u)), w.numExtra = "", n) {
       case "credit-card":
@@ -4468,43 +4396,43 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
         break;
     }
   }, []);
-  const O = () => {
+  const V = () => {
     C.current = C.current.filter(
-      (z) => z !== _e.required && z !== _e.disabled
+      (L) => L !== _e.required && L !== _e.disabled
     );
   }, H = () => {
     C.current = C.current.filter(
-      (z) => z !== _e.error && z !== _e.success
+      (L) => L !== _e.error && L !== _e.success
     );
-  }, S = () => {
+  }, T = () => {
     H(), k(""), I(null);
-  }, P = (z) => {
+  }, P = (L) => {
     m && m({
-      formattedValue: z,
-      rawValue: V.current
+      formattedValue: L,
+      rawValue: S.current
     });
-  }, R = (z) => {
-    f(Z(z.target.value)), S(), P(z.target.value);
+  }, R = (L) => {
+    f(Z(L.target.value)), T(), P(L.target.value);
   }, j = () => {
     I("error"), C.current.push(_e.error);
-  }, A = (z) => {
+  }, A = (L) => {
     if (p) {
-      const B = p(z.target.value) || {};
-      S(), B.error && j(), B.success && (I("success"), C.current.push(_e.success)), k(B.message);
+      const B = p(L.target.value) || {};
+      T(), B.error && j(), B.success && (I("success"), C.current.push(_e.success)), k(B.message);
     } else
-      L.current.checkValidity() === !1 || z.target.value.length < w.current + w.numExtra ? (j(), n === "credit-card" && k(
+      z.current.checkValidity() === !1 || L.target.value.length < w.current + w.numExtra ? (j(), n === "credit-card" && k(
         `Credit card number must have at least ${w.current} digits.`
       ), n === "phone" && k(
         `Phone number must have at least ${w.current} digits.`
       )) : (n === "credit-card" || n === "phone") && (I("success"), C.current.push(_e.success));
-    P(z.target.value);
+    P(L.target.value);
   }, F = () => {
-    S(), f(""), V.current = "", L.current.focus(), P("");
-  }, Z = (z) => {
-    if (z) {
+    T(), f(""), S.current = "", z.current.focus(), P("");
+  }, Z = (L) => {
+    if (L) {
       if (n === "credit-card") {
-        const B = ("" + z).replace(/\D/g, "");
-        if (V.current = B, B) {
+        const B = ("" + L).replace(/\D/g, "");
+        if (S.current = B, B) {
           if (new RegExp("^34|37", "g").test(B)) {
             w.numExtra = 2, w.current = $t - 1;
             const re = {};
@@ -4517,8 +4445,8 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
         return B;
       }
       if (n === "phone") {
-        const B = ("" + z).replace(/\D/g, "");
-        if (V.current = B, B) {
+        const B = ("" + L).replace(/\D/g, "");
+        if (S.current = B, B) {
           w.numExtra = 4, w.current = Gt;
           let U = B.substring(0, 3), Y = B.substring(3, 6);
           Y.length > 0 && (U = `(${U})`, Y = ` ${Y}`);
@@ -4528,17 +4456,17 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
         return B;
       }
       if (n === "number-localized") {
-        const B = new RegExp(`[^0-9${Ct}]`, "g"), U = ("" + z).replace(B, "");
-        V.current = U;
+        const B = new RegExp(`[^0-9${Ct}]`, "g"), U = ("" + L).replace(B, "");
+        S.current = U;
         const Y = new Intl.NumberFormat(void 0, {
           maximumFractionDigits: 20
         }).format(U);
         return U.endsWith(Ct) ? Y + Ct : Y;
       }
     }
-    return z;
+    return L;
   };
-  O(), o && !s && C.current.push(_e.required), s && C.current.push(_e.disabled);
+  V(), o && !s && C.current.push(_e.required), s && C.current.push(_e.disabled);
   let W = null;
   return x === "error" && (W = /* @__PURE__ */ e.createElement(Je, { type: "error" })), x === "success" && (W = /* @__PURE__ */ e.createElement(Je, { type: "success" })), /* @__PURE__ */ e.createElement("div", y({ className: C.current.join(" ").trim() }, v), /* @__PURE__ */ e.createElement("span", { className: b ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: "pds-input-label", htmlFor: r }, c)), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__input-wrapper" }, W && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, W), /* @__PURE__ */ e.createElement(
     "input",
@@ -4553,7 +4481,7 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
       value: E,
       onChange: R,
       onBlur: A,
-      ref: L,
+      ref: z,
       "aria-invalid": x === "error",
       "aria-describedby": l || N ? `${r}__message` : null,
       maxLength: w.current + w.numExtra,
@@ -4576,7 +4504,7 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
     N || l
   ));
 };
-N1.propTypes = {
+y1.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -4650,7 +4578,7 @@ N1.propTypes = {
    */
   className: t.string
 };
-const w1 = (r) => {
+const N1 = (r) => {
   var u = r, { children: s, className: n } = u, a = M(u, ["children", "className"]);
   const c = "pds-input-group", l = [], m = ["InputText", "Select"], d = ["critical", "primary", "secondary"];
   return s.length >= 2 && s.map((o) => {
@@ -4663,7 +4591,7 @@ const w1 = (r) => {
     l.length === 2 && l
   );
 };
-w1.propTypes = {
+N1.propTypes = {
   /**
    * Input and button elements
    */
@@ -4673,7 +4601,7 @@ w1.propTypes = {
    */
   className: t.string
 };
-const k1 = (v) => {
+const w1 = (v) => {
   var i = v, {
     counterFunction: s = () => {
     },
@@ -4702,35 +4630,35 @@ const k1 = (v) => {
     "validationFunction",
     "className"
   ]);
-  const $ = "pds-input-obscured", g = X(["pds-input-field", $, p]), [_, C] = T(u), [E, f] = T(s("")), [N, k] = T(), [x, I] = T(null), [L, V] = T(!1), w = X(null), O = X(null);
+  const $ = "pds-input-obscured", g = X(["pds-input-field", $, p]), [_, C] = O(u), [E, f] = O(s("")), [N, k] = O(), [x, I] = O(null), [z, S] = O(!1), w = X(null), V = X(null);
   le(() => {
     u && s && f(s(u));
   }, []);
   const H = () => {
     g.current = g.current.filter(
-      (z) => z !== _e.required && z !== _e.disabled
+      (L) => L !== _e.required && L !== _e.disabled
     );
-  }, S = () => {
+  }, T = () => {
     g.current = g.current.filter(
-      (z) => z !== _e.error && z !== _e.success
+      (L) => L !== _e.error && L !== _e.success
     );
   }, P = () => {
-    S(), k(""), I(null);
-  }, R = (z) => {
-    C(z.target.value), P(), s && f(s(z.target.value)), m && m(z.target.value);
-  }, j = (z) => {
-    if (V(!1), b) {
-      const B = b(z.target.value) || {};
+    T(), k(""), I(null);
+  }, R = (L) => {
+    C(L.target.value), P(), s && f(s(L.target.value)), m && m(L.target.value);
+  }, j = (L) => {
+    if (S(!1), b) {
+      const B = b(L.target.value) || {};
       P(), B.error && (I("error"), g.current.push(_e.error)), B.success && (I("success"), g.current.push(_e.success)), k(B.message);
     }
     m && m(_);
   }, A = () => {
-    P(), C(""), O.current.value = null, O.current.focus(), s && f(s("")), m && m("");
+    P(), C(""), V.current.value = null, V.current.focus(), s && f(s("")), m && m("");
   }, F = () => {
-    V((z) => !z);
-  }, Z = (z) => {
+    S((L) => !L);
+  }, Z = (L) => {
     var B;
-    (!((B = w.current) != null && B.contains(z.relatedTarget)) || !z.relatedTarget) && V(!1);
+    (!((B = w.current) != null && B.contains(L.relatedTarget)) || !L.relatedTarget) && S(!1);
   };
   H(), d && !n && g.current.push(_e.required), n && g.current.push(_e.disabled);
   let W = null;
@@ -4748,13 +4676,13 @@ const k1 = (v) => {
         className: "visually-hidden",
         "aria-live": "polite"
       },
-      `Content of ${c} input is ${L ? "visible" : "hidden"}.`
+      `Content of ${c} input is ${z ? "visible" : "hidden"}.`
     ),
     /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__input-wrapper" }, W && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, W), /* @__PURE__ */ e.createElement(
       "input",
       {
         className: "pds-input-field__input",
-        type: L ? "text" : "password",
+        type: z ? "text" : "password",
         id: r,
         name: r,
         required: d,
@@ -4762,7 +4690,7 @@ const k1 = (v) => {
         value: _,
         onChange: R,
         onBlur: j,
-        ref: O,
+        ref: V,
         "aria-invalid": x === "error",
         "aria-describedby": l || N ? `${r}__message` : null,
         autoComplete: "off"
@@ -4779,12 +4707,12 @@ const k1 = (v) => {
       {
         type: "button",
         className: `pds-input-field__accessory ${$}__toggle`,
-        title: `${L ? "Hide" : "Show"} content of ${c} input`,
+        title: `${z ? "Hide" : "Show"} content of ${c} input`,
         "aria-controls": r,
         onClick: F,
-        onMouseDown: (z) => z.preventDefault()
+        onMouseDown: (L) => L.preventDefault()
       },
-      L ? /* @__PURE__ */ e.createElement(q, { iconName: "eyeSlash" }) : /* @__PURE__ */ e.createElement(q, { iconName: "eye" })
+      z ? /* @__PURE__ */ e.createElement(q, { iconName: "eyeSlash" }) : /* @__PURE__ */ e.createElement(q, { iconName: "eye" })
     ))),
     (l || N) && /* @__PURE__ */ e.createElement(
       "div",
@@ -4797,7 +4725,7 @@ const k1 = (v) => {
     )
   );
 };
-k1.propTypes = {
+w1.propTypes = {
   /**
    * If a counter is desired provide a function that accepts the input's value and will return a string to display.
    * <br />
@@ -4868,8 +4796,8 @@ k1.propTypes = {
    */
   className: t.string
 };
-const yt = 16, Kt = 10, vs = (L) => {
-  var V = L, {
+const yt = 16, Kt = 10, bs = (z) => {
+  var S = z, {
     autoComplete: s = "on",
     counterFunction: n = () => {
     },
@@ -4904,7 +4832,7 @@ const yt = 16, Kt = 10, vs = (L) => {
       phoneError: "Please enter a valid phone number."
     },
     className: x
-  } = V, I = M(V, [
+  } = S, I = M(S, [
     "autoComplete",
     "counterFunction",
     "disabled",
@@ -4930,10 +4858,10 @@ const yt = 16, Kt = 10, vs = (L) => {
     "validationMessages",
     "className"
   ]);
-  const [w, O] = T(l), [H, S] = T(n("")), [P, R] = T(), [j, A] = T(null), [F, Z] = T(!1), W = X(null), z = X(null), B = X(null), U = X(null), Y = "pds-input-text", pe = _ ? `${Y}--${_}` : null;
+  const [w, V] = O(l), [H, T] = O(n("")), [P, R] = O(), [j, A] = O(null), [F, Z] = O(!1), W = X(null), L = X(null), B = X(null), U = X(null), Y = "pds-input-text", pe = _ ? `${Y}--${_}` : null;
   let re = null;
   f === "search" && (re = "search"), j === "error" && (re = "error"), j === "success" && (re = "success"), _ && C && le(() => {
-    switch (l && O(de(l)), U.numExtra = "", _) {
+    switch (l && V(de(l)), U.numExtra = "", _) {
       case "credit-card":
         U.numExtra = 3, U.current = yt;
         break;
@@ -4975,7 +4903,7 @@ const yt = 16, Kt = 10, vs = (L) => {
     return Q;
   };
   le(() => {
-    l && n && S(n(l));
+    l && n && T(n(l));
   }, []);
   const me = () => {
     R(""), A(null);
@@ -4984,7 +4912,7 @@ const yt = 16, Kt = 10, vs = (L) => {
   }, fe = (Q) => {
     _ ? p && p({ formattedValue: Q, rawValue: B.current }) : p && p(Q);
   }, be = (Q) => {
-    O(_ ? de(Q.target.value) : Q.target.value), me(), n && S(n(_ ? B.current : Q.target.value)), fe(Q.target.value);
+    V(_ ? de(Q.target.value) : Q.target.value), me(), n && T(n(_ ? B.current : Q.target.value)), fe(Q.target.value);
   }, oe = (Q) => {
     if (E && Z(!1), N) {
       const se = N(Q.target.value) || {};
@@ -4993,9 +4921,9 @@ const yt = 16, Kt = 10, vs = (L) => {
     _ && C && !N && (W.current.checkValidity() === !1 || Q.target.value.length < ee ? (A("error"), _ === "credit-card" && R(k.creditCardError), _ === "phone" && R(k.phoneError)) : A("success")), fe(Q.target.value);
   }, J = (Q) => {
     var se;
-    (!((se = z.current) != null && se.contains(Q.relatedTarget)) || !Q.relatedTarget) && Z(!1);
+    (!((se = L.current) != null && se.contains(Q.relatedTarget)) || !Q.relatedTarget) && Z(!1);
   }, K = () => {
-    me(), O(""), B.current = "", W.current.focus(), n && S(n("")), fe("");
+    me(), V(""), B.current = "", W.current.focus(), n && T(n("")), fe("");
   }, ue = (Q) => {
     Q.key === "/" && (/^(?:input|textarea|select|button)$/i.test(Q.target.tagName) || (Q.preventDefault(), document.getElementById(c).focus()));
   };
@@ -5009,7 +4937,7 @@ const yt = 16, Kt = 10, vs = (L) => {
     Z((Q) => !Q);
   };
   E && f === "password" && (F ? I.type = "text" : I.type = "password"), _ === "phone" && (I.type = "tel");
-  const Le = P || b;
+  const ze = P || b;
   return /* @__PURE__ */ e.createElement(
     Oe,
     {
@@ -5020,9 +4948,9 @@ const yt = 16, Kt = 10, vs = (L) => {
       inputFieldType: "text",
       inputWidth: m,
       label: d,
-      message: Le,
+      message: ze,
       onBlur: J,
-      ref: z,
+      ref: L,
       readonly: i,
       required: $,
       showLabel: g,
@@ -5046,7 +4974,7 @@ const yt = 16, Kt = 10, vs = (L) => {
         onFocus: te,
         ref: W,
         "aria-invalid": j === "error",
-        "aria-describedby": Le ? `${c}__message` : null,
+        "aria-describedby": ze ? `${c}__message` : null,
         autoComplete: f === "password" ? "off" : s,
         maxLength: ee,
         minLength: ee
@@ -5073,10 +5001,10 @@ const yt = 16, Kt = 10, vs = (L) => {
       },
       /* @__PURE__ */ e.createElement(q, { iconName: F ? "eyeSlash" : "eye" })
     ),
-    !w && u && f === "search" && /* @__PURE__ */ e.createElement(Ot, { label: o.searchShortcut })
+    !w && u && f === "search" && /* @__PURE__ */ e.createElement(Tt, { label: o.searchShortcut })
   );
 };
-vs.propTypes = {
+bs.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.
    *
@@ -5212,7 +5140,7 @@ vs.propTypes = {
    */
   className: t.string
 };
-const H1 = (c) => {
+const k1 = (c) => {
   var l = c, {
     linkItems: s,
     headingLevel: n = "h3",
@@ -5234,7 +5162,7 @@ const H1 = (c) => {
     s && /* @__PURE__ */ e.createElement("ul", { className: `${m}__list`, role: "list" }, s.map((o, b) => /* @__PURE__ */ e.createElement("li", { key: b, className: "pds-cta-links-card__item" }, o)))
   );
 };
-H1.propTypes = {
+k1.propTypes = {
   /**
    *  Heading level
    */
@@ -5252,7 +5180,7 @@ H1.propTypes = {
    */
   className: t.string
 };
-const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink, L1 = (s) => s.isNode, _s = (g) => {
+const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink, H1 = (s) => s.isNode, vs = (g) => {
   var _ = g, {
     avatarImageSrc: s,
     disabled: n,
@@ -5294,16 +5222,16 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
     strategy: k,
     update: x,
     placement: I,
-    refs: L
-  } = Fs({
+    refs: z
+  } = Bs({
     placement: "bottom-start",
-    middleware: [Ws()]
+    middleware: [Fs()]
   });
-  let V = !1;
+  let S = !1;
   const w = Ne(Pe);
-  w && (V = w.isMobile);
-  const O = v && V, H = "pds-menu-button", S = O ? `${H}--isMobile` : null, P = v ? `${H}--navbar` : null, R = xe(), [j] = T(`menu-button-${R}`), [A] = T(`menu-listbox-${R}`), F = u || j, Z = L.floating, W = X(null), [z, B] = T(!1), [U, Y] = T(!1), [pe, re] = T(""), [ee, de] = T(0), me = X([]), te = X([]), fe = X([]);
-  Ts(() => {
+  w && (S = w.isMobile);
+  const V = v && S, H = "pds-menu-button", T = V ? `${H}--isMobile` : null, P = v ? `${H}--navbar` : null, R = xe(), [j] = O(`menu-button-${R}`), [A] = O(`menu-listbox-${R}`), F = u || j, Z = z.floating, W = X(null), [L, B] = O(!1), [U, Y] = O(!1), [pe, re] = O(""), [ee, de] = O(0), me = X([]), te = X([]), fe = X([]);
+  Ss(() => {
     window.addEventListener("mousedown", ye, !0), x();
     const D = Z.current;
     return D && (D.dataset.fuiPlacement = I), U && (setTimeout(() => {
@@ -5311,7 +5239,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
     }, 0), Y(!1)), () => {
       window.removeEventListener("mousedown", ye, !0);
     };
-  }, [z, I]);
+  }, [L, I]);
   const be = (D, ae) => {
     re(D), de(ae);
   }, oe = () => {
@@ -5342,10 +5270,10 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
   }, Ce = () => {
     const D = te.current[ee];
     ue(D);
-  }, Le = (D) => {
-    z ? J() : oe(), Y((ae) => !ae), D.stopPropagation(), D.preventDefault();
+  }, ze = (D) => {
+    L ? J() : oe(), Y((ae) => !ae), D.stopPropagation(), D.preventDefault();
   }, Q = (D) => {
-    ue(D.currentTarget.id), O || J();
+    ue(D.currentTarget.id), V || J();
   }, se = (D) => {
     var ae = D.key, G = !1;
     switch (ae) {
@@ -5413,7 +5341,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
       G && (D.stopPropagation(), D.preventDefault());
     }
   }, ye = (D) => {
-    W.current && !W.current.contains(D.target) && z && J();
+    W.current && !W.current.contains(D.target) && L && J();
   }, we = (D, ae, G = "", ge = "", ...ie) => {
     const Ee = G ? `-group-${G}` : "", ve = F + Ee + "-item-" + (ae + 1), Me = D.id ? D.id : ve;
     if (Nt(D))
@@ -5429,25 +5357,25 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
         },
         D.label
       );
-    if (L1(D))
+    if (H1(D))
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: Me }, D.nodeContent);
     if (kt(D) || D.label) {
       te.current.push(Me), fe.current.push(D);
       let dt = !1;
       pe !== "" && !D.disabled && (dt = pe === Me);
-      let ze;
-      if (D.label && (ze = [D.label]), kt(D) && (ze = [D.linkContent.props.children]), D.iconName) {
+      let Le;
+      if (D.label && (Le = [D.label]), kt(D) && (Le = [D.linkContent.props.children]), D.iconName) {
         const Ke = /* @__PURE__ */ e.createElement(q, { key: `icon-${R}`, iconName: D.iconName, iconSize: "md" });
-        ze.unshift(Ke);
+        Le.unshift(Ke);
       }
       let Ue;
       D.description && (Ue = /* @__PURE__ */ e.createElement("span", { className: `${H}__item-description` }, D.description));
       let Ge;
       if (kt(D)) {
         const Ke = D.linkContent.type;
-        Ge = /* @__PURE__ */ e.createElement(Ke, y({ tabIndex: -1 }, D.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, ze), Ue);
+        Ge = /* @__PURE__ */ e.createElement(Ke, y({ tabIndex: -1 }, D.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, Le), Ue);
       } else
-        Ge = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, ze), Ue);
+        Ge = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, Le), Ue);
       return /* @__PURE__ */ e.createElement(
         "li",
         y({
@@ -5482,7 +5410,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
       });
       let ve = me.current[0];
       const Me = Ee[0].findIndex(
-        (ze) => !Nt(ze) && !wt(ze)
+        (Le) => !Nt(Le) && !wt(Le)
       ), dt = `${F}-group-${ve}-item-${Me + 1}`;
       return /* @__PURE__ */ e.createElement(
         "div",
@@ -5494,8 +5422,8 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
           "aria-labelledby": F,
           "aria-activedescendant": pe !== "" ? pe : dt,
           style: {
-            visibility: z ? "visible" : "hidden",
-            opacity: z ? "1" : "0",
+            visibility: L ? "visible" : "hidden",
+            opacity: L ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: k,
             transform: `translate(${Math.round(C)}px,${Math.round(E)}px)`,
@@ -5504,20 +5432,20 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
           onKeyDown: ke,
           ref: N
         },
-        Ee.map((ze, Ue) => {
+        Ee.map((Le, Ue) => {
           ve = me.current[Ue];
-          const Ge = ze[0].isHeading, Ke = Ge ? `${F}-group-${ve}-heading` : "", Hs = `${F}-group-${ve}`, Ls = Ge ? null : `${p} ${Ue + 1}`;
+          const Ge = Le[0].isHeading, Ke = Ge ? `${F}-group-${ve}-heading` : "", ks = `${F}-group-${ve}`, Hs = Ge ? null : `${p} ${Ue + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
               role: "group",
               "aria-labelledby": Ke,
-              "aria-label": Ls,
-              key: Hs
+              "aria-label": Hs,
+              key: ks
             },
-            ze.map((zs, Ms) => we(
+            Le.map((zs, Ls) => we(
               zs,
-              Ms,
+              Ls,
               ve,
               Ke
             ))
@@ -5536,8 +5464,8 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
           "aria-labelledby": F,
           "aria-activedescendant": pe !== "" ? pe : Ee,
           style: {
-            visibility: z ? "visible" : "hidden",
-            opacity: z ? "1" : "0",
+            visibility: L ? "visible" : "hidden",
+            opacity: L ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: k,
             transform: `translate(${Math.round(C)}px,${Math.round(E)}px)`
@@ -5565,8 +5493,8 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
       className: `${H}__trigger`,
       "aria-haspopup": "true",
       "aria-controls": A,
-      "aria-expanded": z,
-      onClick: Le,
+      "aria-expanded": L,
+      onClick: ze,
       onKeyDown: se,
       ref: f
     }
@@ -5583,8 +5511,8 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
       className: `${H}__trigger ${H}__trigger--icon-only`,
       "aria-haspopup": "true",
       "aria-controls": A,
-      "aria-expanded": z,
-      onClick: Le,
+      "aria-expanded": L,
+      onClick: ze,
       onKeyDown: se,
       ref: f
     }
@@ -5598,8 +5526,8 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
       "aria-label": a === "avatar" ? l : null,
       "aria-haspopup": "true",
       "aria-controls": A,
-      "aria-expanded": z,
-      onClick: Le,
+      "aria-expanded": L,
+      onClick: ze,
       onKeyDown: se,
       ref: f
     },
@@ -5622,7 +5550,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
   }, je = () => /* @__PURE__ */ e.createElement("ul", { className: `${H}__mobile-menu`, role: "menu" }, m.map((D, ae) => we(D, ae)));
   let Re;
   const ct = a === "icon-end" ? "pds-button pds-button--navbar" : null, it = [`${H}__toggle`, ct].join(" ").trim().replace(/\s+/g, " ");
-  O && (Re = /* @__PURE__ */ e.createElement(
+  V && (Re = /* @__PURE__ */ e.createElement(
     "button",
     {
       id: F,
@@ -5642,18 +5570,18 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
       }
     )
   ));
-  const bt = Re, ot = z ? `${H}--expanded` : null;
+  const bt = Re, ot = L ? `${H}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [H, P, S, ot, i].join(" ").trim().replace(/\s+/g, " "),
+      className: [H, P, T, ot, i].join(" ").trim().replace(/\s+/g, " "),
       "data-testid": b,
       ref: W
     }, $),
-    O ? /* @__PURE__ */ e.createElement(e.Fragment, null, bt, /* @__PURE__ */ e.createElement(je, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, ne, ce(m))
+    V ? /* @__PURE__ */ e.createElement(e.Fragment, null, bt, /* @__PURE__ */ e.createElement(je, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, ne, ce(m))
   );
 };
-_s.propTypes = {
+vs.propTypes = {
   /**
    * Image src for avatar — only necessary for avatar-based buttons.
    */
@@ -5692,11 +5620,11 @@ _s.propTypes = {
    */
   menuItems: t.arrayOf(
     t.oneOfType([
-      Xs,
+      Ys,
       rs,
       cs,
-      Qs,
-      Js
+      Xs,
+      Qs
     ])
   ),
   /**
@@ -5749,7 +5677,7 @@ const z1 = (o) => {
     "title",
     "className"
   ]);
-  const p = "pds-modal", h = c !== "md" ? `${p}--${c}` : null, [v, i] = T(r);
+  const p = "pds-modal", h = c !== "md" ? `${p}--${c}` : null, [v, i] = O(r);
   le(() => {
     i(r);
   }, [r]), le(() => {
@@ -5779,7 +5707,7 @@ const z1 = (o) => {
     }
   });
   return /* @__PURE__ */ e.createElement(e.Fragment, null, k && /* @__PURE__ */ e.createElement(
-    As,
+    qs,
     {
       lockScroll: !0,
       style: {
@@ -5882,7 +5810,7 @@ Ye.propTypes = {
    */
   className: t.string
 };
-const M1 = (h) => {
+const L1 = (h) => {
   var v = h, {
     children: s,
     colorType: n = "default",
@@ -5908,7 +5836,7 @@ const M1 = (h) => {
     "logoSubBrand",
     "className"
   ]);
-  const [i, $] = T(!1);
+  const [i, $] = O(!1);
   let g = !1;
   const _ = Ne(Pe);
   _ && (g = _.isMobile);
@@ -5917,35 +5845,35 @@ const M1 = (h) => {
     window.removeEventListener("keyup", k);
   }), []);
   const k = (Z) => {
-    var W = Z.key, z = !1;
+    var W = Z.key, L = !1;
     switch (W) {
       case "Esc":
       case "Escape":
-        $(!1), z = !0;
+        $(!1), L = !0;
         break;
     }
-    z && (Z.stopPropagation(), Z.preventDefault());
+    L && (Z.stopPropagation(), Z.preventDefault());
   }, x = () => $(!i), I = e.createRef();
   le(() => {
     if (g && s) {
       const Z = ds(
         document.querySelector(".pds-navbar__mobile")
       ), W = ["a", "button", "input", "select", "textarea"];
-      i ? Z.forEach((z) => {
-        W.includes(z.nodeName.toLowerCase()) && (z.tabIndex = 0);
-      }) : Z.forEach((z) => {
-        W.includes(z.nodeName.toLowerCase()) && (z.tabIndex = -1);
+      i ? Z.forEach((L) => {
+        W.includes(L.nodeName.toLowerCase()) && (L.tabIndex = 0);
+      }) : Z.forEach((L) => {
+        W.includes(L.nodeName.toLowerCase()) && (L.tabIndex = -1);
       });
     }
   }, [i]);
-  const L = (Z) => {
+  const z = (Z) => {
     Z.target.nodeName === "A" && $(!1);
   };
   le(() => {
     if (i) {
       const Z = document.querySelector(".pds-navbar__bar-mobile"), W = document.querySelector(".pds-navbar__mobile");
-      return Z.addEventListener("click", L), W.addEventListener("click", L), () => {
-        Z.removeEventListener("click", L), W.removeEventListener("click", L);
+      return Z.addEventListener("click", z), W.addEventListener("click", z), () => {
+        Z.removeEventListener("click", z), W.removeEventListener("click", z);
       };
     }
   }, [i]), le(() => {
@@ -5953,12 +5881,12 @@ const M1 = (h) => {
   }, [g]), le(() => {
     i ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [i]);
-  const V = {};
+  const S = {};
   e.Children.forEach(s, (Z) => {
     const W = Z.props.slot;
-    W && (V[W] ? V[W].push(Z) : V[W] = [Z]);
+    W && (S[W] ? S[W].push(Z) : S[W] = [Z]);
   });
-  const w = V["items-left"], O = V["items-right"];
+  const w = S["items-left"], V = S["items-right"];
   let H = /* @__PURE__ */ e.createElement(
     "img",
     {
@@ -5971,12 +5899,12 @@ const M1 = (h) => {
     const Z = m.type;
     H = /* @__PURE__ */ e.createElement(Z, y({ "aria-label": l }, m.props), H);
   }
-  let S = "default";
-  (n === "reverse" || n === "reverse-transparent") && (S = "reverse");
+  let T = "default";
+  (n === "reverse" || n === "reverse-transparent") && (T = "reverse");
   const P = () => c === "custom" ? /* @__PURE__ */ e.createElement(e.Fragment, null, H) : /* @__PURE__ */ e.createElement(
-    Dt,
+    Rt,
     {
-      colorType: S,
+      colorType: T,
       displayType: c,
       isLink: {
         link: m,
@@ -5998,9 +5926,9 @@ const M1 = (h) => {
       className: i ? `${C}__mobile ${C}__mobile--open` : `${C}__mobile ${C}__mobile--closed`,
       ref: I
     },
-    /* @__PURE__ */ e.createElement(Ye, null, w, O)
+    /* @__PURE__ */ e.createElement(Ye, null, w, V)
   ), A = /* @__PURE__ */ e.createElement(
-    Zs,
+    Ws,
     {
       focusTrapOptions: {
         clickOutsideDeactivates: !0,
@@ -6008,7 +5936,7 @@ const M1 = (h) => {
       }
     },
     /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(Ye, { className: `${C}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__inner-mobile` }, /* @__PURE__ */ e.createElement(P, null), s && R)), /* @__PURE__ */ e.createElement(Ye, null, s && j))
-  ), F = /* @__PURE__ */ e.createElement(Ye, { width: a, className: `${C}__inner` }, !u && /* @__PURE__ */ e.createElement("div", { className: `${C}__logo` }, /* @__PURE__ */ e.createElement(P, null)), /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, w ? /* @__PURE__ */ e.createElement("div", { className: `${C}__items-left` }, w) : /* @__PURE__ */ e.createElement("span", null), O && /* @__PURE__ */ e.createElement("div", { className: `${C}__items-right` }, O)));
+  ), F = /* @__PURE__ */ e.createElement(Ye, { width: a, className: `${C}__inner` }, !u && /* @__PURE__ */ e.createElement("div", { className: `${C}__logo` }, /* @__PURE__ */ e.createElement(P, null)), /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, w ? /* @__PURE__ */ e.createElement("div", { className: `${C}__items-left` }, w) : /* @__PURE__ */ e.createElement("span", null), V && /* @__PURE__ */ e.createElement("div", { className: `${C}__items-right` }, V)));
   return /* @__PURE__ */ e.createElement(
     "header",
     y({
@@ -6017,7 +5945,7 @@ const M1 = (h) => {
     g ? A : F
   );
 };
-M1.propTypes = {
+L1.propTypes = {
   /**
    * Color scheme.
    */
@@ -6071,8 +5999,8 @@ M1.propTypes = {
    */
   className: t.string
 };
-const Es = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
-  const [r, u] = T(!1), [c, l] = T(0);
+const _s = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
+  const [r, u] = O(!1), [c, l] = O(0);
   le(() => (l(window.innerWidth), window.addEventListener("resize", m), () => {
     window.removeEventListener("resize", m);
   }), []);
@@ -6088,7 +6016,7 @@ const Es = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
   d ? $ = xt(p, {
     enabled: !1
   }) : $ = xt(p, {
-    handleClose: Ps({
+    handleClose: As({
       requireIntent: !1,
       buffer: 10,
       blockPointerEvents: !0,
@@ -6126,12 +6054,12 @@ const Es = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
     ))
   ));
 };
-Es.propTypes = {
+_s.propTypes = {
   items: t.array,
   label: t.string,
   mobileMenuMaxWidth: t.number
 };
-const x1 = (l) => {
+const M1 = (l) => {
   var m = l, {
     ariaLabel: s = "Main Navigation",
     colorType: n = "default",
@@ -6145,7 +6073,7 @@ const x1 = (l) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [d, o] = T(1025), [b, p] = T(null), [h, v] = T(-1), [i, $] = T(null), [g, _] = T({
+  const [d, o] = O(1025), [b, p] = O(null), [h, v] = O(-1), [i, $] = O(null), [g, _] = O({
     containerChildren: []
   });
   le(() => (o(window.innerWidth), window.addEventListener("resize", C), () => {
@@ -6166,17 +6094,17 @@ const x1 = (l) => {
     }));
   }, [h]);
   const f = "pds-nav-menu", N = n !== "default" ? `${f}--${n}` : "", k = E ? `${f}--isMobile` : `${f}--notMobile`, x = X([]), I = (w) => {
-    const O = x.current.length - 1, A = {
+    const V = x.current.length - 1, A = {
       ArrowRight: () => {
-        p(-1), v(h === -1 ? 1 : h === O ? 0 : h + 1);
+        p(-1), v(h === -1 ? 1 : h === V ? 0 : h + 1);
       },
       ArrowLeft: () => {
-        p(-1), v(h === 0 ? O : h - 1);
+        p(-1), v(h === 0 ? V : h - 1);
       },
       ArrowDown: () => {
-        var W, z, B, U;
+        var W, L, B, U;
         $("down");
-        let F = w.target.parentNode.children[1], Z = ((z = (W = w.target) == null ? void 0 : W.parentNode.children[1]) == null ? void 0 : z.children) || ((U = (B = w.target) == null ? void 0 : B.parentNode.parentNode.children[1]) == null ? void 0 : U.children);
+        let F = w.target.parentNode.children[1], Z = ((L = (W = w.target) == null ? void 0 : W.parentNode.children[1]) == null ? void 0 : L.children) || ((U = (B = w.target) == null ? void 0 : B.parentNode.parentNode.children[1]) == null ? void 0 : U.children);
         g.container != F && F != null && _({
           container: F,
           containerChildren: [...Z]
@@ -6187,30 +6115,30 @@ const x1 = (l) => {
       }
     }[w.code];
     A && A();
-  }, L = (w) => {
+  }, z = (w) => {
     if (w.isActive)
       return !0;
     if (w.links) {
-      for (let O = 0; O < w.links.length; O++)
-        if (L(w.links[O]))
+      for (let V = 0; V < w.links.length; V++)
+        if (z(w.links[V]))
           return !0;
     }
     return !1;
   };
-  let V = [];
-  return a.map((w, O) => {
-    const H = `item-${xe()}`, S = w.id ? w.id : H;
-    w.links ? V.push(
+  let S = [];
+  return a.map((w, V) => {
+    const H = `item-${xe()}`, T = w.id ? w.id : H;
+    w.links ? S.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
-          key: `${O}-dropdown`,
-          id: S,
-          ref: (P) => x.current[O] = P,
-          className: `${f}__item ${f}__item--top-level ${f}__item--has-children ${L(w) === !0 ? `${f}__item--active` : ""}`
+          key: `${V}-dropdown`,
+          id: T,
+          ref: (P) => x.current[V] = P,
+          className: `${f}__item ${f}__item--top-level ${f}__item--has-children ${z(w) === !0 ? `${f}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
-          Es,
+          _s,
           {
             label: w.label,
             items: w.links,
@@ -6218,14 +6146,14 @@ const x1 = (l) => {
           }
         )
       )
-    ) : V.push(
+    ) : S.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
-          key: O,
-          id: S,
-          ref: (P) => x.current[O] = P,
-          className: `${f}__item ${f}__item--top-level ${f}__item--has-link ${L(w) === !0 ? `${f}__item--active` : ""}`
+          key: V,
+          id: T,
+          ref: (P) => x.current[V] = P,
+          className: `${f}__item ${f}__item--top-level ${f}__item--has-link ${z(w) === !0 ? `${f}__item--active` : ""}`
         },
         w.linkContent
       )
@@ -6239,10 +6167,10 @@ const x1 = (l) => {
         I(w);
       }
     }, c),
-    /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu` }, V)
+    /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu` }, S)
   );
 };
-x1.propTypes = {
+M1.propTypes = {
   /**
    * Aria label for `nav` element.
    */
@@ -6264,7 +6192,7 @@ x1.propTypes = {
    */
   className: t.string
 };
-const Cs = (r) => {
+const Es = (r) => {
   var u = r, { platformType: s, className: n } = u, a = M(u, ["platformType", "className"]);
   const c = "pds-platform-icon", l = `pds-platform-icon--${s}`;
   let m;
@@ -6295,7 +6223,7 @@ const Cs = (r) => {
     m
   );
 };
-Cs.propTypes = {
+Es.propTypes = {
   /**
    * Which platform icon to display
    */
@@ -6565,7 +6493,7 @@ const Ht = {
     label: "Early Access",
     color: "success"
   }
-}, V1 = (o) => {
+}, x1 = (o) => {
   var b = o, {
     badge: s,
     icon: n,
@@ -6597,7 +6525,7 @@ const Ht = {
         "aria-label": a.props.children,
         className: `${p}__selection-link`
       }, a.props),
-      /* @__PURE__ */ e.createElement("div", { className: `${p}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${p}__icon` }, /* @__PURE__ */ e.createElement(Cs, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, l, r && /* @__PURE__ */ e.createElement("div", { className: `${p}__subtitle` }, r))),
+      /* @__PURE__ */ e.createElement("div", { className: `${p}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${p}__icon` }, /* @__PURE__ */ e.createElement(Es, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, l, r && /* @__PURE__ */ e.createElement("div", { className: `${p}__subtitle` }, r))),
       s && /* @__PURE__ */ e.createElement(
         pt,
         {
@@ -6630,7 +6558,7 @@ const Ht = {
     }))
   );
 };
-V1.propTypes = {
+x1.propTypes = {
   /**
    * Optional indicator badge type. Choose from only early-access at this time.
    */
@@ -6673,7 +6601,7 @@ V1.propTypes = {
    */
   className: t.string
 };
-const tt = gt({}), I1 = (s) => {
+const tt = gt({}), V1 = (s) => {
   if (typeof window == "undefined")
     return 0;
   const n = window.location.href.split("/"), r = `/${n[n.length - 1]}`.split("");
@@ -6685,7 +6613,7 @@ const tt = gt({}), I1 = (s) => {
   }), s.findIndex(
     (c) => c.link === r.join("")
   );
-}, $s = ({
+}, Cs = ({
   pages: s,
   render: n = null,
   paginationItemClickHandler: a = null,
@@ -6693,7 +6621,7 @@ const tt = gt({}), I1 = (s) => {
   buttonCallback: u = null,
   children: c
 }) => {
-  const [l, m] = T(() => I1(s)), [d, o] = T([]), b = s.length, [p, h] = T("");
+  const [l, m] = O(() => V1(s)), [d, o] = O([]), b = s.length, [p, h] = O("");
   return /* @__PURE__ */ e.createElement(
     tt.Provider,
     {
@@ -6715,7 +6643,7 @@ const tt = gt({}), I1 = (s) => {
     c
   );
 };
-$s.propTypes = {
+Cs.propTypes = {
   children: t.node.isRequired,
   render: t.func,
   paginationItemClickHandler: t.func,
@@ -6723,7 +6651,7 @@ $s.propTypes = {
   pages: t.arrayOf(t.shape({ link: t.string })).isRequired,
   headingId: t.string
 };
-const At = (i) => {
+const qt = (i) => {
   var $ = i, {
     disabled: s = !1,
     id: n,
@@ -6753,19 +6681,19 @@ const At = (i) => {
     "validationFunction",
     "className"
   ]);
-  const [g, _] = T(!1), [C, E] = T(null), [f, N] = T(a), [k, x] = T(), [I, L] = T(null), V = X([]), w = "pds-select", { context: O, refs: H } = Ve({
+  const [g, _] = O(!1), [C, E] = O(null), [f, N] = O(a), [k, x] = O(), [I, z] = O(null), S = X([]), w = "pds-select", { context: V, refs: H } = Ve({
     open: g,
     onOpenChange: _,
     whileElementsMounted: qe
-  }), S = Se(O, { role: "listbox" }), P = Ie(O), R = nt(O, {
-    listRef: V,
+  }), T = Se(V, { role: "listbox" }), P = Ie(V), R = nt(V, {
+    listRef: S,
     activeIndex: C,
     onNavigate: E,
     loop: !0,
     openOnArrowKeyDown: !0
   }), { getReferenceProps: j, getFloatingProps: A, getItemProps: F } = Te(
-    [P, S, R]
-  ), { isMounted: Z, styles: W } = Ae(O, {
+    [P, T, R]
+  ), { isMounted: Z, styles: W } = Ae(V, {
     duration: {
       open: 300,
       close: 150
@@ -6779,7 +6707,7 @@ const At = (i) => {
     close: {
       opacity: 0
     }
-  }), z = (oe) => {
+  }), L = (oe) => {
     const J = m.find((K) => K.value === oe);
     return J ? J.label : "";
   }, U = ((oe) => oe.map((K) => {
@@ -6789,21 +6717,21 @@ const At = (i) => {
       value: Ce || ue
     };
   }))(m), Y = () => {
-    x(""), L(null);
+    x(""), z(null);
   }, pe = (oe) => {
     const J = p(oe) || {};
-    Y(), J.error && L("error"), J.success && L("success"), x(J.message);
+    Y(), J.error && z("error"), J.success && z("success"), x(J.message);
   }, re = (oe) => {
     const J = U[oe];
     N(J.value), E(null), _(!1), l && l(J), p && pe(J);
   }, ee = /* @__PURE__ */ e.createElement(q, { iconName: "angleDown", className: `${w}__trigger-icon` }), de = /* @__PURE__ */ e.createElement(q, { iconName: "check", className: `${w}__checked-icon` }), me = U.map((oe, J) => /* @__PURE__ */ e.createElement(
-    Rt,
+    Ot,
     $e(y({
       key: oe
     }, F({
       key: oe.value,
       ref(K) {
-        V.current[J] = K;
+        S.current[J] = K;
       },
       onClick() {
         var K;
@@ -6856,7 +6784,7 @@ const At = (i) => {
           (oe.key === "Enter" || oe.key === " ") && _(!0);
         }
       })), v),
-      /* @__PURE__ */ e.createElement("span", null, z(f) || o),
+      /* @__PURE__ */ e.createElement("span", null, L(f) || o),
       ee
     ),
     Z && /* @__PURE__ */ e.createElement(
@@ -6873,7 +6801,7 @@ const At = (i) => {
     )
   );
 };
-At.propTypes = {
+qt.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -6955,7 +6883,7 @@ At.propTypes = {
    */
   className: t.string
 };
-const S1 = {
+const I1 = {
   left: {
     title: "Go to previous page",
     rel: "prev",
@@ -6977,7 +6905,7 @@ const S1 = {
       c && (g.preventDefault(), c(_));
     },
     [c, l]
-  ), { title: p, rel: h, srText: v, icon: i, keyModifier: $ } = S1[n];
+  ), { title: p, rel: h, srText: v, icon: i, keyModifier: $ } = I1[n];
   return /* @__PURE__ */ e.createElement(
     "li",
     y({
@@ -7004,7 +6932,7 @@ Ze.propTypes = {
   arrowText: t.string,
   direction: t.oneOf(["right", "left"])
 };
-const T1 = (n) => {
+const S1 = (n) => {
   var s = M(n, []);
   const {
     buttonCallback: a,
@@ -7026,7 +6954,7 @@ const T1 = (n) => {
     }, s),
     /* @__PURE__ */ e.createElement("div", { id: c, className: "visually-hidden" }, "Pagination"),
     /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, r > 0 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
-      At,
+      qt,
       {
         label: "Page select dropdown",
         selectOptions: d,
@@ -7038,7 +6966,7 @@ const T1 = (n) => {
     )), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `of ${l}`), r < l - 1 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Next", direction: "right" }) : null)
   );
 };
-function O1(s, n, a, r, u, c) {
+function T1(s, n, a, r, u, c) {
   if (r > 3) {
     let l = [];
     const m = n.find((d) => d.key == r);
@@ -7138,7 +7066,7 @@ function O1(s, n, a, r, u, c) {
     ]), a(l);
   }
 }
-const ys = (r) => {
+const $s = (r) => {
   var u = r, { index: s, page: n } = u, a = M(u, ["index", "page"]);
   var b;
   const c = function() {
@@ -7170,12 +7098,12 @@ const ys = (r) => {
     "…"
   ));
 };
-ys.propTypes = {
+$s.propTypes = {
   index: t.number.isRequired,
   page: t.oneOfType([t.object, t.string]).isRequired,
   render: t.func
 };
-const R1 = (n) => {
+const O1 = (n) => {
   var s = M(n, []);
   const {
     buttonCallback: a,
@@ -7192,9 +7120,9 @@ const R1 = (n) => {
       a && (v.preventDefault(), a(i));
     },
     [a, r]
-  ), [h] = T(b);
+  ), [h] = O(b);
   return le(() => {
-    O1(
+    T1(
       b,
       c,
       l,
@@ -7219,7 +7147,7 @@ const R1 = (n) => {
         }
       },
       "First"
-    )), /* @__PURE__ */ e.createElement(Ze, { direction: "left" })) : null, c.map((v, i) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${i}` }, /* @__PURE__ */ e.createElement(ys, y({ index: i, page: v }, s)))), r < d - 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(
+    )), /* @__PURE__ */ e.createElement(Ze, { direction: "left" })) : null, c.map((v, i) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${i}` }, /* @__PURE__ */ e.createElement($s, y({ index: i, page: v }, s)))), r < d - 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: h[h.length - 1].link,
@@ -7230,7 +7158,7 @@ const R1 = (n) => {
       "Last"
     ))) : null)
   ));
-}, D1 = (n) => {
+}, R1 = (n) => {
   var s = M(n, []);
   const { currentKey: a, headingId: r, itemLength: u } = Ne(tt);
   return /* @__PURE__ */ e.createElement(
@@ -7243,16 +7171,16 @@ const R1 = (n) => {
     /* @__PURE__ */ e.createElement("div", { id: r, className: "visually-hidden" }, "Pagination"),
     /* @__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 ${u}`), a < u - 1 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Next", direction: "right" }) : null)
   );
-}, q1 = (s, n, ...a) => {
+}, D1 = (s, n, ...a) => {
   switch (s) {
     case "basic":
-      return /* @__PURE__ */ e.createElement(R1, y({}, a));
+      return /* @__PURE__ */ e.createElement(O1, y({}, a));
     case "mini":
-      return /* @__PURE__ */ e.createElement(D1, y({ location: n }, a));
+      return /* @__PURE__ */ e.createElement(R1, y({ location: n }, a));
     case "advanced":
-      return /* @__PURE__ */ e.createElement(T1, y({}, a));
+      return /* @__PURE__ */ e.createElement(S1, y({}, a));
   }
-}, A1 = (m) => {
+}, q1 = (m) => {
   var d = m, {
     buttonCallback: s = null,
     headingId: n = "pager-heading",
@@ -7269,7 +7197,7 @@ const R1 = (n) => {
     "type"
   ]);
   return /* @__PURE__ */ e.createElement(
-    $s,
+    Cs,
     y({
       pages: a,
       render: u,
@@ -7277,10 +7205,10 @@ const R1 = (n) => {
       buttonCallback: s,
       headingId: n
     }, l),
-    q1(c)
+    D1(c)
   );
 };
-A1.propTypes = {
+q1.propTypes = {
   /**
    * Optional function for the navigation buttons
    */
@@ -7310,7 +7238,7 @@ A1.propTypes = {
    */
   className: t.string
 };
-const P1 = (u) => {
+const A1 = (u) => {
   var c = u, {
     children: s,
     variant: n = "default",
@@ -7329,7 +7257,7 @@ const P1 = (u) => {
     s
   );
 };
-P1.propTypes = {
+A1.propTypes = {
   /**
    * Panel content.
    */
@@ -7349,7 +7277,7 @@ P1.propTypes = {
    */
   className: t.string
 };
-const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
+const Be = 8, Xt = 14, P1 = 6, j1 = (v) => {
   var i = v, {
     content: s,
     customTrigger: n = !1,
@@ -7379,36 +7307,36 @@ const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
     "setPopoverIsOpen",
     "className"
   ]);
-  var W, z, B, U;
-  const [$, g] = T(o);
-  T(() => {
+  var W, L, B, U;
+  const [$, g] = O(o);
+  O(() => {
     g(o);
-  }, [o]), T(() => {
+  }, [o]), O(() => {
     b($);
   }, [$]);
   const _ = typeof n, C = "pds-popover", E = [
     `${C}__trigger-custom`,
     _ === "string" ? `${C}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), f = n ? r : 0, N = X(null), { refs: k, floatingStyles: x, context: I, middlewareData: L } = Ve({
+  ].join(" ").trim().replace(/\s+/g, " "), f = n ? r : 0, N = X(null), { refs: k, floatingStyles: x, context: I, middlewareData: z } = Ve({
     placement: c,
     open: $,
     onOpenChange(Y) {
       g(Y), Y || u();
     },
     middleware: [
-      ss(Be + j1 + f),
+      ss(Be + P1 + f),
       ns({ padding: 8 }),
       as({ padding: 8 }),
-      js({ element: N })
+      Ps({ element: N })
     ],
     whileElementsMounted: qe
-  }), V = () => {
+  }), S = () => {
     g(!1), u && u();
-  }, w = et(I), O = Ie(I), H = Se(I), { getReferenceProps: S, getFloatingProps: P } = Te([
+  }, w = et(I), V = Ie(I), H = Se(I), { getReferenceProps: T, getFloatingProps: P } = Te([
     w,
-    O,
+    V,
     H
-  ]), R = (z = (W = L.arrow) == null ? void 0 : W.x) != null ? z : 0, j = (U = (B = L.arrow) == null ? void 0 : B.y) != null ? U : 0, A = R + Xt / 2, F = j + Be, { isMounted: Z } = Ae(I, {
+  ]), R = (L = (W = z.arrow) == null ? void 0 : W.x) != null ? L : 0, j = (U = (B = z.arrow) == null ? void 0 : B.y) != null ? U : 0, A = R + Xt / 2, F = j + Be, { isMounted: Z } = Ae(I, {
     initial: {
       transform: "scale(0)"
     },
@@ -7431,7 +7359,7 @@ const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
       y({
         className: `${C}__trigger`,
         ref: k.setReference
-      }, S()),
+      }, T()),
       n ? /* @__PURE__ */ e.createElement("span", { className: E }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), /* @__PURE__ */ e.createElement(
         q,
         {
@@ -7449,7 +7377,7 @@ const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
         style: x
       }, P()),
       /* @__PURE__ */ e.createElement(
-        Bs,
+        js,
         {
           ref: N,
           context: I,
@@ -7462,11 +7390,11 @@ const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
           className: `${C}__arrow`
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: `${C}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${C}__title` }, l), s && /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, s), a && /* @__PURE__ */ e.createElement("button", { onClick: V, className: `${C}__close` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"), /* @__PURE__ */ e.createElement(q, { iconName: "xmark", iconSize: "lg" })))
+      /* @__PURE__ */ e.createElement("div", { className: `${C}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${C}__title` }, l), s && /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, s), a && /* @__PURE__ */ e.createElement("button", { onClick: S, className: `${C}__close` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"), /* @__PURE__ */ e.createElement(q, { iconName: "xmark", iconSize: "lg" })))
     ))
   );
 };
-B1.propTypes = {
+j1.propTypes = {
   /**
    * Content to display in the popover.
    */
@@ -7529,7 +7457,7 @@ B1.propTypes = {
    */
   className: t.string
 };
-const F1 = (h) => {
+const B1 = (h) => {
   var v = h, {
     actionPrimary: s,
     actionSecondary: n,
@@ -7558,12 +7486,12 @@ const F1 = (h) => {
     "statusBadgeType",
     "className"
   ]);
-  const i = "pds-pricing-card", $ = `${i}-container`, g = a ? `${$}--with-list` : null, _ = o ? `${i}--${o}` : null, C = (S) => S.toLowerCase().replace(/\s/g, "-"), E = l && l.length > 1, [f, N] = T(
+  const i = "pds-pricing-card", $ = `${i}-container`, g = a ? `${$}--with-list` : null, _ = o ? `${i}--${o}` : null, C = (T) => T.toLowerCase().replace(/\s/g, "-"), E = l && l.length > 1, [f, N] = O(
     C(l[0].label)
-  ), [k, x] = T(
+  ), [k, x] = O(
     s.label
   );
-  let I = null, L = null;
+  let I = null, z = null;
   E || (I = /* @__PURE__ */ e.createElement("div", { className: `${i}__pricing-data` }, /* @__PURE__ */ e.createElement("div", { className: `${i}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__price` }, l[0].price), l[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${i}__details` }, l[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${i}__savings-line` }, l[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
     pt,
     {
@@ -7572,73 +7500,73 @@ const F1 = (h) => {
       size: "sm",
       label: l[0].savingsBadgeLabel
     }
-  ), l[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${i}__savings-details` }, l[0].savingsDetails))), L = /* @__PURE__ */ e.createElement(
-    St,
+  ), l[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${i}__savings-details` }, l[0].savingsDetails))), z = /* @__PURE__ */ e.createElement(
+    Ut,
     {
       className: `${i}__list`,
       listLabel: l[0].listLabel,
       listItems: l[0].listItems,
       renderTypeLabels: !1
     }
-  )), E && (I = l.map((S) => {
-    const R = f === C(S.label) ? null : `${i}__pricing-data--hide`;
+  )), E && (I = l.map((T) => {
+    const R = f === C(T.label) ? null : `${i}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
         className: [`${i}__pricing-data`, R].join(" ").trim().replace(/\s+/g, " "),
-        id: `data-${C(S.label)}`,
-        key: C(S.label)
+        id: `data-${C(T.label)}`,
+        key: C(T.label)
       },
-      /* @__PURE__ */ e.createElement("div", { className: `${i}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__price` }, S.price), S.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${i}__details` }, S.priceDetails)),
-      /* @__PURE__ */ e.createElement("div", { className: `${i}__savings-line` }, S.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${i}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__price` }, T.price), T.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${i}__details` }, T.priceDetails)),
+      /* @__PURE__ */ e.createElement("div", { className: `${i}__savings-line` }, T.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
         pt,
         {
           className: `${i}__savings-badge`,
           color: "neutral",
           size: "sm",
-          label: S.savingsBadgeLabel
+          label: T.savingsBadgeLabel
         }
-      ), S.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${i}__savings-details` }, S.savingsDetails))
+      ), T.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${i}__savings-details` }, T.savingsDetails))
     );
-  }), L = l.map((S) => {
-    const R = f === C(S.label) ? null : `${i}__list--hide`;
+  }), z = l.map((T) => {
+    const R = f === C(T.label) ? null : `${i}__list--hide`;
     return /* @__PURE__ */ e.createElement(
-      St,
+      Ut,
       {
         className: [`${i}__list`, R].join(" ").trim().replace(/\s+/g, " "),
-        listLabel: S.listLabel,
-        listItems: S.listItems,
+        listLabel: T.listLabel,
+        listItems: T.listItems,
         renderTypeLabels: !1,
-        key: `${C(S.label)}-list`
+        key: `${C(T.label)}-list`
       }
     );
   }));
-  const V = (S) => {
+  const S = (T) => {
     const P = l.find(
-      (R) => C(R.label) === S
+      (R) => C(R.label) === T
     );
     return P.customActionLabel ? P.customActionLabel : s.label;
   };
   let w = null;
   E && (w = /* @__PURE__ */ e.createElement(
-    At,
+    qt,
     {
       id: "plan-select",
       className: `${i}__select`,
       label: d,
       showLabel: !1,
-      options: l.map((S) => ({
-        value: C(S.label),
-        label: S.label
+      options: l.map((T) => ({
+        value: C(T.label),
+        label: T.label
       })),
       initialValue: C(l[0].label),
-      onOptionSelect: (S) => {
-        N(S.value), x(V(S.value)), r && r(S.value);
+      onOptionSelect: (T) => {
+        N(T.value), x(S(T.value)), r && r(T.value);
       }
     }
   ));
-  let O = null;
-  s && (s.type === "button" && (O = /* @__PURE__ */ e.createElement(
+  let V = null;
+  s && (s.type === "button" && (V = /* @__PURE__ */ e.createElement(
     Qe,
     {
       variant: s.variant,
@@ -7646,7 +7574,7 @@ const F1 = (h) => {
       onClick: s.buttonAction,
       disabled: s.disabled
     }
-  )), s.type === "link" && (O = /* @__PURE__ */ e.createElement(
+  )), s.type === "link" && (V = /* @__PURE__ */ e.createElement(
     We,
     {
       variant: s.variant,
@@ -7685,7 +7613,7 @@ const F1 = (h) => {
         className: [i, _].join(" ").trim().replace(/\s+/g, " ")
       },
       o && /* @__PURE__ */ e.createElement(
-        qt,
+        Dt,
         {
           className: `${i}__status-badge`,
           type: o,
@@ -7694,12 +7622,12 @@ const F1 = (h) => {
         }
       ),
       /* @__PURE__ */ e.createElement("div", { className: `${i}__main-content` }, c && /* @__PURE__ */ e.createElement("div", { className: `${i}__plan pds-overline-text` }, c), I, u && /* @__PURE__ */ e.createElement("div", { className: `${i}__description` }, u), w),
-      /* @__PURE__ */ e.createElement("div", { className: `${i}__actions` }, s && O, s && n && H)
+      /* @__PURE__ */ e.createElement("div", { className: `${i}__actions` }, s && V, s && n && H)
     ),
-    a && L
+    a && z
   );
 };
-F1.propTypes = {
+B1.propTypes = {
   /**
    * Primary card action
    */
@@ -7789,7 +7717,7 @@ const Qt = {
   success: "--pds-color-semantic-success-foreground",
   warning: "--pds-color-semantic-warning-foreground",
   critical: "--pds-color-semantic-critical-foreground"
-}, W1 = (p) => {
+}, F1 = (p) => {
   var h = p, {
     colorBreakpoints: s = [
       { colorType: "info", percentage: 0 },
@@ -7862,7 +7790,7 @@ const Qt = {
     N && E
   );
 };
-W1.propTypes = {
+F1.propTypes = {
   /**
    * Array of color breakpoints. Each breakpoint should have a `colorType` and `percentage` value.
    */
@@ -7915,7 +7843,7 @@ W1.propTypes = {
    */
   className: t.string
 };
-const Z1 = 3.815, U1 = 4.678, G1 = 5.96, Ns = (o) => {
+const W1 = 3.815, Z1 = 4.678, U1 = 5.96, ys = (o) => {
   var b = o, {
     id: s,
     innerLabel: n,
@@ -7936,8 +7864,8 @@ const Z1 = 3.815, U1 = 4.678, G1 = 5.96, Ns = (o) => {
     "className"
   ]);
   const p = s || xe(), h = "pds-progress-ring", v = u ? `${h}__label` : "visually-hidden", i = `${h}__loading-text ${h}__loading-text--${l}`, $ = (x) => x * 16;
-  let g = $(U1), _ = 7;
-  l === "sm" && (g = $(Z1), _ = _ / 1.25), l === "lg" && (g = $(G1), _ = _ * 1.25);
+  let g = $(Z1), _ = 7;
+  l === "sm" && (g = $(W1), _ = _ / 1.25), l === "lg" && (g = $(U1), _ = _ * 1.25);
   const C = g / 2 - _ / 2, E = `${C / 100}rem`, f = 2 * Math.PI * C, N = f - f * r / 100;
   let k;
   return n ? k = n : c ? k = `${r}%` : k = "", /* @__PURE__ */ e.createElement(
@@ -8004,7 +7932,7 @@ const Z1 = 3.815, U1 = 4.678, G1 = 5.96, Ns = (o) => {
     )
   );
 };
-Ns.propTypes = {
+ys.propTypes = {
   /**
    * ID of the Progress Ring. If not provided, a unique ID will be generated.
    */
@@ -8038,7 +7966,7 @@ Ns.propTypes = {
    */
   className: t.string
 };
-const K1 = (l) => {
+const G1 = (l) => {
   var m = l, {
     attribution: s,
     image: n,
@@ -8068,7 +7996,7 @@ const K1 = (l) => {
     ), /* @__PURE__ */ e.createElement("div", { className: `${d}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${d}__name` }, s.name), s.title && /* @__PURE__ */ e.createElement("span", { className: `${d}__title` }, ", ", s.title), s.org && /* @__PURE__ */ e.createElement("span", { className: `${d}__org` }, ", ", s.org))), /* @__PURE__ */ e.createElement("div", { className: `${d}__icon ${d}__icon--after` }, /* @__PURE__ */ e.createElement(q, { iconName: "quotesRight", iconSize: "4xl" })))
   );
 };
-K1.propTypes = {
+G1.propTypes = {
   /**
    * Attribution for the quote
    */
@@ -8094,7 +8022,7 @@ K1.propTypes = {
    */
   className: t.string
 };
-const Y1 = (p) => {
+const K1 = (p) => {
   var h = p, {
     disabled: s = !1,
     id: n,
@@ -8118,7 +8046,7 @@ const Y1 = (p) => {
     "required",
     "className"
   ]);
-  const v = "pds-radio-group", [i, $] = T(a), g = (_) => {
+  const v = "pds-radio-group", [i, $] = O(a), g = (_) => {
     $(_.target.value), l && l(_.target.value);
   };
   return /* @__PURE__ */ e.createElement(
@@ -8163,7 +8091,7 @@ const Y1 = (p) => {
     )
   );
 };
-Y1.propTypes = {
+K1.propTypes = {
   /**
    * Is the radio group field disabled?
    */
@@ -8225,13 +8153,13 @@ Y1.propTypes = {
    */
   className: t.string
 };
-const Lt = {
+const zt = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
   critical: "diamondExclamation",
   discovery: "squareQuestion"
-}, X1 = (b) => {
+}, Dn = (b) => {
   var p = b, {
     dismissLabel: s = "Dismiss",
     id: n,
@@ -8290,7 +8218,8 @@ const Lt = {
     /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__icon ${v}__icon-${l}` }, /* @__PURE__ */ e.createElement(
       q,
       {
-        iconName: `${l}` in Lt ? Lt[l] : Lt.info
+        iconName: `${l}` in zt ? zt[l] : zt.info,
+        iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), c && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, c), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, u))),
     a && /* @__PURE__ */ e.createElement(
@@ -8304,58 +8233,7 @@ const Lt = {
       /* @__PURE__ */ e.createElement(q, { iconSize: "md", iconName: "xmark" })
     )
   );
-};
-X1.propTypes = {
-  /**
-   * Label for dismiss button. Provide a translation string if needed.
-   */
-  dismissLabel: t.string,
-  /**
-   * Unique id of message.
-   */
-  id: t.string,
-  /**
-   * Includes dismiss functionality.
-   */
-  isDismissible: t.bool,
-  /**
-   * Message text.
-   */
-  message: t.node.isRequired,
-  /**
-   * Callback function when message is dismissed.
-   */
-  onDismiss: t.func,
-  /**
-   * Message title.
-   */
-  title: t.string,
-  /**
-   * Message type.
-   */
-  type: t.oneOf([
-    "info",
-    "success",
-    "warning",
-    "critical",
-    "discovery"
-  ]),
-  /**
-   * Message type labels. Provide translation strings if needed.
-   */
-  typeLabels: t.shape({
-    info: t.string,
-    success: t.string,
-    warning: t.string,
-    critical: t.string,
-    discovery: t.string
-  }),
-  /**
-   * Additional class names.
-   */
-  className: t.string
-};
-const Q1 = (d) => {
+}, Y1 = (d) => {
   var o = d, {
     ariaLabel: s = "Secondary navigation",
     headingText: n,
@@ -8376,7 +8254,7 @@ const Q1 = (d) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const [b, p] = T(1025);
+  const [b, p] = O(1025);
   le(() => (p(window.innerWidth), window.addEventListener("resize", h), () => {
     window.removeEventListener("resize", h);
   }), []);
@@ -8444,7 +8322,7 @@ const Q1 = (d) => {
     v ? _ : C
   );
 };
-Q1.propTypes = {
+Y1.propTypes = {
   /**
    * Aria label for the navigation.
    */
@@ -8477,7 +8355,7 @@ Q1.propTypes = {
    */
   className: t.string
 };
-const J1 = (d) => {
+const X1 = (d) => {
   var o = d, {
     ariaLabel: s = "Secondary navigation",
     headingText: n,
@@ -8498,7 +8376,7 @@ const J1 = (d) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const [b, p] = T(1025);
+  const [b, p] = O(1025);
   le(() => (p(window.innerWidth), window.addEventListener("resize", h), () => {
     window.removeEventListener("resize", h);
   }), []);
@@ -8589,7 +8467,7 @@ const J1 = (d) => {
     v ? _ : C
   );
 };
-J1.propTypes = {
+X1.propTypes = {
   /**
    * Aria label for the navigation.
    */
@@ -8622,7 +8500,7 @@ J1.propTypes = {
    */
   className: t.string
 };
-const en = (o) => {
+const Q1 = (o) => {
   var b = o, {
     headingLevel: s = "h3",
     gotoText: n = "Go to",
@@ -8646,7 +8524,7 @@ const en = (o) => {
   let v = "";
   l === "Active" && (v = "success"), l === "Frozen" && (v = "frozen");
   const i = /* @__PURE__ */ e.createElement(
-    qt,
+    Dt,
     {
       label: l,
       statusType: v,
@@ -8663,7 +8541,7 @@ const en = (o) => {
     /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__heading` }, /* @__PURE__ */ e.createElement(h, { className: `${p}__site-name pds-ts-l`, title: u }, u), i), /* @__PURE__ */ e.createElement("div", { className: `${p}__plan` }, c))
   );
 };
-en.propTypes = {
+Q1.propTypes = {
   /**
    *  Heading level or `span`.
    */
@@ -8697,7 +8575,7 @@ en.propTypes = {
    */
   className: t.string
 };
-const tn = (c) => {
+const J1 = (c) => {
   var l = c, {
     containerWidth: s = "standard",
     children: n,
@@ -8706,6 +8584,7 @@ const tn = (c) => {
       "dataSubjectRequest",
       "cookiePolicy",
       "termsOfUse",
+      "acceptableUse",
       "accessibilityStatement"
     ],
     className: r
@@ -8715,16 +8594,16 @@ const tn = (c) => {
     "legalLinks",
     "className"
   ]);
-  const m = "pds-site-footer", d = s && s !== "default" ? `pds-container pds-container--${s}` : "pds-container", o = (/* @__PURE__ */ new Date()).getFullYear(), b = a.includes("privacy"), p = a.includes("dataSubjectRequest"), h = a.includes("cookiePolicy"), v = a.includes("termsOfUse"), i = a.includes("accessibilityStatement");
+  const m = "pds-site-footer", d = s && s !== "default" ? `pds-container pds-container--${s}` : "pds-container", o = (/* @__PURE__ */ new Date()).getFullYear(), b = a.includes("privacy"), p = a.includes("dataSubjectRequest"), h = a.includes("cookiePolicy"), v = a.includes("termsOfUse"), i = a.includes("acceptableUse"), $ = a.includes("accessibilityStatement");
   return /* @__PURE__ */ e.createElement(
     "footer",
     y({
       className: [m, r].join(" ").trim().replace(/\s+/g, " ")
     }, u),
-    /* @__PURE__ */ e.createElement("div", { className: d }, n && /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${m}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${m}__copyright` }, "© ", o, " Pantheon Systems, Inc."), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), h && /* @__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"), i && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
+    /* @__PURE__ */ e.createElement("div", { className: d }, n && /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${m}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${m}__copyright` }, "© ", o, " Pantheon Systems, Inc."), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), h && /* @__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"), i && /* @__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")))
   );
 };
-tn.propTypes = {
+J1.propTypes = {
   /**
    * PDS container width.
    */
@@ -8750,7 +8629,7 @@ tn.propTypes = {
    */
   className: t.string
 };
-const sn = (r) => {
+const en = (r) => {
   var u = r, {
     linkItems: s = ["facebook", "x", "linkedin", "youtube", "instagram"],
     className: n
@@ -8767,16 +8646,16 @@ const sn = (r) => {
     s.map((l, m) => /* @__PURE__ */ e.createElement("li", { key: m, className: `${c}__item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        href: zt[l].url,
+        href: Lt[l].url,
         rel: "noreferrer",
         target: "_blank",
-        "aria-label": zt[l].label
+        "aria-label": Lt[l].label
       },
-      /* @__PURE__ */ e.createElement(q, { iconName: zt[l].icon, iconSize: "xl" })
+      /* @__PURE__ */ e.createElement(q, { iconName: Lt[l].icon, iconSize: "xl" })
     )))
   );
 };
-sn.propTypes = {
+en.propTypes = {
   /**
    * Array of social media links
    */
@@ -8786,7 +8665,7 @@ sn.propTypes = {
    */
   className: t.string
 };
-const zt = {
+const Lt = {
   facebook: {
     icon: "facebook",
     url: "https://www.facebook.com/getpantheon",
@@ -8817,7 +8696,7 @@ const zt = {
     url: "https://www.youtube.com/user/GetPantheon",
     label: "Pantheon on YouTube"
   }
-}, nn = (m) => {
+}, tn = (m) => {
   var d = m, {
     actionItems: s,
     disabled: n,
@@ -8862,7 +8741,7 @@ const zt = {
     }, l),
     v,
     /* @__PURE__ */ e.createElement(
-      _s,
+      vs,
       {
         className: `${o}__menu-button`,
         label: a,
@@ -8876,7 +8755,7 @@ const zt = {
     )
   );
 };
-nn.propTypes = {
+tn.propTypes = {
   /**
    * Array of menu items
    */
@@ -8904,7 +8783,7 @@ nn.propTypes = {
    */
   className: t.string
 };
-const an = (r) => {
+const sn = (r) => {
   var u = r, { listItems: s, className: n } = u, a = M(u, ["listItems", "className"]);
   const c = "pds-tile-list", l = "pds-tile-list--stats", m = ({ item: d }) => {
     const { imageSrc: o, stat: b, description: p } = d;
@@ -8918,7 +8797,7 @@ const an = (r) => {
     s.map((d, o) => /* @__PURE__ */ e.createElement(m, { key: o, item: d }))
   );
 };
-an.propTypes = {
+sn.propTypes = {
   /**
    * Array of list Items
    */
@@ -8943,7 +8822,7 @@ an.propTypes = {
    */
   className: t.string
 };
-const ln = (u) => {
+const nn = (u) => {
   var c = u, {
     label: s = null,
     type: n = "neutral",
@@ -8970,7 +8849,7 @@ const ln = (u) => {
     s && /* @__PURE__ */ e.createElement("span", { className: "pds-status-indicator__label" }, s)
   );
 };
-ln.propTypes = {
+nn.propTypes = {
   /**
    *  Status label text
    */
@@ -8992,7 +8871,7 @@ ln.propTypes = {
    */
   className: t.string
 };
-const rn = (u) => {
+const an = (u) => {
   var c = u, {
     steps: s,
     translatableLabels: n = {
@@ -9008,9 +8887,9 @@ const rn = (u) => {
     "className"
   ]);
   const l = "pds-stepper", m = "pds-stepper-mobile", d = X(), [o] = at(d), b = o.width, p = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, h = -40, v = 2, i = 5, $ = s.length, g = s.findLastIndex((E) => E.isCurrent), _ = s.map((E, f) => {
-    const N = f + 1, k = f === g, x = f < g, I = E.hasError && k, V = (b - $ * p) / ($ + ($ - 2)), w = p + V * 2, O = p + V, H = V + h * -1, S = f === 0, P = f === $ - 1;
+    const N = f + 1, k = f === g, x = f < g, I = E.hasError && k, S = (b - $ * p) / ($ + ($ - 2)), w = p + S * 2, V = p + S, H = S + h * -1, T = f === 0, P = f === $ - 1;
     let R = w;
-    (S || P) && (R = O);
+    (T || P) && (R = V);
     const j = `${l}__step`, A = [j];
     k && A.push(`${j}--current`), x && A.push(`${j}--complete`), I && A.push(`${j}--error`);
     let F = `${n.step} ${N}`;
@@ -9023,12 +8902,12 @@ const rn = (u) => {
         className: `${l}__step-complete-icon`
       }
     )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${l}__step-indicator` }), W = /* @__PURE__ */ e.createElement("div", { className: `${l}__step-label` }, E.label);
-    let z = /* @__PURE__ */ e.createElement("div", { className: `${l}__step-content` }, W, Z);
+    let L = /* @__PURE__ */ e.createElement("div", { className: `${l}__step-content` }, W, Z);
     if (x && E.callback) {
       const B = (U) => {
         E.callback(E), U.preventDefault();
       };
-      z = /* @__PURE__ */ e.createElement(
+      L = /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${l}__step-content`,
@@ -9050,7 +8929,7 @@ const rn = (u) => {
         className: A.join(" ").trim().replace(/\s+/g, " "),
         style: { width: R }
       },
-      !S && /* @__PURE__ */ e.createElement(
+      !T && /* @__PURE__ */ e.createElement(
         "span",
         {
           className: `${l}__connector ${l}__connector--before`,
@@ -9060,7 +8939,7 @@ const rn = (u) => {
           }
         }
       ),
-      z,
+      L,
       !P && /* @__PURE__ */ e.createElement(
         "span",
         {
@@ -9070,9 +8949,9 @@ const rn = (u) => {
       )
     );
   }), C = s.map((E, f) => {
-    const N = f + 1, k = f === g, x = f === $ - 1, I = E.hasError && k, L = s[g + 1] ? s[g + 1].label : null;
+    const N = f + 1, k = f === g, x = f === $ - 1, I = E.hasError && k, z = s[g + 1] ? s[g + 1].label : null;
     if (k) {
-      const V = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), N, " of ", $), w = N / $ * 100, O = I ? {
+      const S = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), N, " of ", $), w = N / $ * 100, V = I ? {
         "--pds-color-progress-partial": "var(--pds-color-semantic-critical-foreground)"
       } : {
         "--pds-color-progress-partial": "var(--pds-color-stepper-completed)"
@@ -9085,13 +8964,13 @@ const rn = (u) => {
           className: `${m}__step`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${m}__progress-indicator` }, /* @__PURE__ */ e.createElement(
-          Ns,
+          ys,
           {
             label: "Step progress",
             size: "sm",
             percentage: w,
-            innerLabel: V,
-            style: O
+            innerLabel: S,
+            style: V
           }
         )),
         /* @__PURE__ */ e.createElement("div", { className: `${m}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__step-label` }, I && /* @__PURE__ */ e.createElement(e.Fragment, null, H, /* @__PURE__ */ e.createElement(
@@ -9101,7 +8980,7 @@ const rn = (u) => {
             iconSize: "md",
             className: `${m}__error-icon`
           }
-        )), E.label), !x && /* @__PURE__ */ e.createElement("div", { className: `${m}__next-step` }, `${n.next}: ${L}`))
+        )), E.label), !x && /* @__PURE__ */ e.createElement("div", { className: `${m}__next-step` }, `${n.next}: ${z}`))
       );
     }
   });
@@ -9122,7 +9001,7 @@ const rn = (u) => {
       /* @__PURE__ */ e.createElement("div", { className: `${m}__steps` }, C)
     ));
 };
-rn.propTypes = {
+an.propTypes = {
   /**
    * An array of step objects
    */
@@ -9164,9 +9043,9 @@ rn.propTypes = {
    */
   className: t.string
 };
-const cn = (u) => {
+const ln = (u) => {
   var c = u, { headers: s, rowData: n, className: a } = c, r = M(c, ["headers", "rowData", "className"]);
-  const [l] = T(s), [m, d] = T(n), [o, b] = T({ order: "asc", key: "" }), p = (g) => {
+  const [l] = O(s), [m, d] = O(n), [o, b] = O({ order: "asc", key: "" }), p = (g) => {
     d(m.sort((_, C) => _[g].localeCompare(C[g]))), b({ order: "desc", key: g });
   }, h = (g) => {
     d(m.sort((_, C) => C[g].localeCompare(_[g]))), b({ order: "asc", key: g });
@@ -9210,7 +9089,7 @@ const cn = (u) => {
     /* @__PURE__ */ e.createElement("tbody", null, m.map((g, _) => i(g, _)))
   ));
 };
-cn.propTypes = {
+ln.propTypes = {
   headers: t.arrayOf(t.object),
   rowData: t.arrayOf(t.node),
   /**
@@ -9218,7 +9097,7 @@ cn.propTypes = {
    */
   className: t.string
 };
-const on = (o) => {
+const rn = (o) => {
   var b = o, {
     appendIds: s = !1,
     ariaLabel: n = "Table of contents",
@@ -9257,90 +9136,90 @@ const on = (o) => {
     "|",
     "~"
   ], i = `#${l} h2:not(.${u}), h3:not(.${u})`, $ = () => {
-    const [L, V] = T([]);
+    const [z, S] = O([]);
     return le(() => {
       const w = Array.from(
         document.querySelectorAll(i)
       );
       w.map((H) => {
-        v.forEach((S) => {
-          H.id.includes(S) && (H.id = H.id.replaceAll(S, "-"));
+        v.forEach((T) => {
+          H.id.includes(T) && (H.id = H.id.replaceAll(T, "-"));
         });
       }), w.map((H) => {
-        const S = `item-${xe()}`;
-        H.id || (H.id = S);
+        const T = `item-${xe()}`;
+        H.id || (H.id = T);
       });
-      const O = g(w);
-      V(O);
-    }, []), { nestedHeadings: L };
-  }, g = (L) => {
-    const V = [];
-    return L.forEach((w) => {
-      const { innerText: O, id: H } = w;
-      w.nodeName === "H2" ? V.push({ id: H, title: O, items: [] }) : w.nodeName === "H3" && V.length > 0 && V[V.length - 1].items.push({
+      const V = g(w);
+      S(V);
+    }, []), { nestedHeadings: z };
+  }, g = (z) => {
+    const S = [];
+    return z.forEach((w) => {
+      const { innerText: V, id: H } = w;
+      w.nodeName === "H2" ? S.push({ id: H, title: V, items: [] }) : w.nodeName === "H3" && S.length > 0 && S[S.length - 1].items.push({
         id: H,
-        title: O
+        title: V
       });
-    }), V;
-  }, { nestedHeadings: _ } = $(), [C, E] = T();
-  ((L) => {
-    const V = X({});
+    }), S;
+  }, { nestedHeadings: _ } = $(), [C, E] = O();
+  ((z) => {
+    const S = X({});
     le(() => {
-      const w = (S) => {
-        V.current = S.reduce((j, A) => (j[A.target.id] = A, j), V.current);
+      const w = (T) => {
+        S.current = T.reduce((j, A) => (j[A.target.id] = A, j), S.current);
         const P = [];
-        Object.keys(V.current).forEach((j) => {
-          const A = V.current[j];
+        Object.keys(S.current).forEach((j) => {
+          const A = S.current[j];
           A.isIntersecting && P.push(A);
         });
         const R = (j) => H.findIndex((A) => A.id === j);
         if (P.length === 1)
-          L(P[0].target.id);
+          z(P[0].target.id);
         else if (P.length > 1) {
           const j = P.sort(
             (A, F) => R(A.target.id) > R(F.target.id)
           );
-          L(j[0].target.id);
+          z(j[0].target.id);
         }
-      }, O = new IntersectionObserver(w, {
+      }, V = new IntersectionObserver(w, {
         rootMargin: "0px 0px -20% 0px"
       }), H = Array.from(
         document.querySelectorAll(i)
       );
-      return H.forEach((S) => O.observe(S)), () => O.disconnect();
-    }, [L]);
+      return H.forEach((T) => V.observe(T)), () => V.disconnect();
+    }, [z]);
   })(E);
-  const N = (L) => {
-    typeof window != "undefined" && window.location.hash !== `#${L}` && window.history.pushState({}, "", `#${L}`);
-  }, k = (L) => {
-    document.querySelector(`#${L}`).scrollIntoView({
+  const N = (z) => {
+    typeof window != "undefined" && window.location.hash !== `#${z}` && window.history.pushState({}, "", `#${z}`);
+  }, k = (z) => {
+    document.querySelector(`#${z}`).scrollIntoView({
       behavior: "smooth",
       block: "start"
     });
-  }, x = (L, V) => {
-    L.preventDefault(), s && N(V), k(V);
-  }, I = ({ headings: L }) => /* @__PURE__ */ e.createElement("ul", { className: `${p}__list ${p}__list--top-level` }, L.map((V) => /* @__PURE__ */ e.createElement("li", { key: V.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
+  }, x = (z, S) => {
+    z.preventDefault(), s && N(S), k(S);
+  }, I = ({ headings: z }) => /* @__PURE__ */ e.createElement("ul", { className: `${p}__list ${p}__list--top-level` }, z.map((S) => /* @__PURE__ */ e.createElement("li", { key: S.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
-      className: V.id === C ? `${p}__link ${p}__link--active` : `${p}__link`,
-      href: `#${V.id}`,
+      className: S.id === C ? `${p}__link ${p}__link--active` : `${p}__link`,
+      href: `#${S.id}`,
       onClick: (w) => {
-        x(w, V.id);
+        x(w, S.id);
       }
     },
-    V.title
-  ), V.items.length > 0 && /* @__PURE__ */ e.createElement(
+    S.title
+  ), S.items.length > 0 && /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: `${p}__list ${p}__list--second-level`
     },
-    V.items.map((w) => /* @__PURE__ */ e.createElement("li", { key: w.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
+    S.items.map((w) => /* @__PURE__ */ e.createElement("li", { key: w.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
         className: w.id === C ? `${p}__link ${p}__link--active` : `${p}__link`,
         href: `#${w.id}`,
-        onClick: (O) => {
-          x(O, w.id);
+        onClick: (V) => {
+          x(V, w.id);
         }
       },
       w.title
@@ -9364,7 +9243,7 @@ const on = (o) => {
     /* @__PURE__ */ e.createElement(I, { headings: _, activeID: C })
   );
 };
-on.propTypes = {
+rn.propTypes = {
   /**
    * Whether to append the id to the URL when a link is clicked.
    */
@@ -9398,7 +9277,7 @@ on.propTypes = {
    */
   className: t.string
 };
-const dn = (l) => {
+const cn = (l) => {
   var m = l, {
     ariaLabel: s,
     defaultSelected: n = 0,
@@ -9412,7 +9291,7 @@ const dn = (l) => {
     "tabs",
     "className"
   ]);
-  const d = "pds-tabs", o = a != "md" ? `${d}--${a}` : null, [b, p] = T(n), h = (g) => {
+  const d = "pds-tabs", o = a != "md" ? `${d}--${a}` : null, [b, p] = O(n), h = (g) => {
     const _ = g.currentTarget.getAttribute("data-tabnumber");
     p(_);
   }, v = e.useRef([]);
@@ -9537,7 +9416,7 @@ const dn = (l) => {
     ))
   ));
 };
-dn.propTypes = {
+cn.propTypes = {
   /**
    * Sets tabset aria label
    */
@@ -9553,7 +9432,7 @@ dn.propTypes = {
   /**
    * Array of objects for tab data
    */
-  tabs: Os(
+  tabs: Ts(
     t.shape({
       /**
        * Sets if tab disabled (optional)
@@ -9582,7 +9461,7 @@ dn.propTypes = {
    */
   className: t.string
 };
-let Tt = [
+let St = [
   "color-1",
   "color-2",
   "color-3",
@@ -9604,10 +9483,10 @@ let Tt = [
   "color-19",
   "color-20"
 ];
-const mn = (s) => {
+const on = (s) => {
   const n = parseInt(es(s), 16);
-  return Tt[n % Tt.length];
-}, un = (s, n) => s.length > n ? s.slice(0, n) + " ..." : s, pn = (d) => {
+  return St[n % St.length];
+}, dn = (s, n) => s.length > n ? s.slice(0, n) + " ..." : s, mn = (d) => {
   var o = d, {
     linkContent: s,
     isRemovable: n,
@@ -9625,7 +9504,7 @@ const mn = (s) => {
     "tagLabel",
     "className"
   ]);
-  const [b, p] = T(!0), h = "pds-tag", v = u ? `${h}--${u}` : `${h}--${mn(c)}`, i = b ? null : "pds-tag--hide", $ = () => {
+  const [b, p] = O(!0), h = "pds-tag", v = u ? `${h}--${u}` : `${h}--${on(c)}`, i = b ? null : "pds-tag--hide", $ = () => {
     p((E) => !E);
   };
   let g, _, C;
@@ -9636,7 +9515,7 @@ const mn = (s) => {
       to: _ === "to" ? C : null,
       className: [h, v, i, l].join(" ").trim().replace(/\s+/g, " ")
     }, m),
-    /* @__PURE__ */ e.createElement("span", { className: `${h}__label`, title: c }, un(c, 20)),
+    /* @__PURE__ */ e.createElement("span", { className: `${h}__label`, title: c }, dn(c, 20)),
     n ? /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -9651,7 +9530,7 @@ const mn = (s) => {
     ) : null
   );
 };
-pn.propTypes = {
+mn.propTypes = {
   /**
    * Should the tag be a link? If yes, provide a link element.
    */
@@ -9671,7 +9550,7 @@ pn.propTypes = {
   /**
    * Tag color. Will use random color if not selected.
    */
-  tagColor: t.oneOf(Tt),
+  tagColor: t.oneOf(St),
   /**
    * Tag text
    */
@@ -9709,7 +9588,7 @@ const qn = (c) => {
     }),
     /* @__PURE__ */ e.createElement("div", { className: `${m}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), s)
   );
-}, gn = (g) => {
+}, un = (g) => {
   var _ = g, {
     counterFunction: s = () => {
     },
@@ -9744,18 +9623,18 @@ const qn = (c) => {
     "validationFunction",
     "className"
   ]);
-  const [C, E] = T(r), [f, N] = T(s("")), [k, x] = T(), [I, L] = T(null), V = X(null), w = "pds-textarea", O = c ? "pds-is-resizable" : null;
+  const [C, E] = O(r), [f, N] = O(s("")), [k, x] = O(), [I, z] = O(null), S = X(null), w = "pds-textarea", V = c ? "pds-is-resizable" : null;
   le(() => {
     r && s && N(s(r));
   }, []);
   const H = () => {
-    x(""), L(null);
-  }, S = (j) => {
+    x(""), z(null);
+  }, T = (j) => {
     E(j.target.value), H(), s && N(s(j.target.value)), d && d(C);
   }, P = (j) => {
     if (v) {
       const A = v(j.target.value) || {};
-      H(), A.error && L("error"), A.success && L("success"), x(A.message);
+      H(), A.error && z("error"), A.success && z("success"), x(A.message);
     }
     d && d(C);
   }, R = k || m;
@@ -9777,7 +9656,7 @@ const qn = (c) => {
     /* @__PURE__ */ e.createElement(
       "textarea",
       y({
-        className: [w, O].join(" ").trim().replace(/\s+/g, " "),
+        className: [w, V].join(" ").trim().replace(/\s+/g, " "),
         id: a,
         name: a,
         placeholder: o,
@@ -9786,16 +9665,16 @@ const qn = (c) => {
         disabled: n,
         value: C,
         rows: h,
-        onChange: S,
+        onChange: T,
         onBlur: P,
-        ref: V,
+        ref: S,
         "aria-invalid": I === "error",
         "aria-describedby": R ? `${a}__message` : null
       }, $)
     )
   );
 };
-gn.propTypes = {
+un.propTypes = {
   /**
    * If a counter is desired provide a function that accepts the input's value and will return a string.
    */
@@ -9874,7 +9753,7 @@ gn.propTypes = {
    */
   className: t.string
 };
-const ws = (d) => {
+const Ns = (d) => {
   var o = d, {
     displayType: s = "border",
     headingLevel: n = "span",
@@ -9902,7 +9781,7 @@ const ws = (d) => {
     a && /* @__PURE__ */ e.createElement(h, { className: `${b}__heading pds-ts-xl` }, a),
     c && /* @__PURE__ */ e.createElement("div", { className: `${b}__summary` }, /* @__PURE__ */ e.createElement("p", null, c)),
     u && (s == "border" || s == "clean") && /* @__PURE__ */ e.createElement(
-      ps,
+      u1,
       {
         linkContent: u,
         size: "sm",
@@ -9911,7 +9790,7 @@ const ws = (d) => {
     )
   ), /* @__PURE__ */ e.createElement("span", { className: `${b}__separator` }));
 };
-ws.propTypes = {
+Ns.propTypes = {
   /**
    * Visual display type.
    */
@@ -9941,7 +9820,7 @@ ws.propTypes = {
    */
   className: t.string
 };
-const hn = (c) => {
+const pn = (c) => {
   var l = c, {
     displayType: s = "border",
     headingLevel: n = "h2",
@@ -9960,7 +9839,7 @@ const hn = (c) => {
       className: [m, d, r].join(" ").trim()
     }, u),
     a.map((o, b) => /* @__PURE__ */ e.createElement(
-      ws,
+      Ns,
       {
         key: b,
         displayType: s,
@@ -9974,7 +9853,7 @@ const hn = (c) => {
     ))
   );
 };
-hn.propTypes = {
+pn.propTypes = {
   /**
    * Visual display type
    */
@@ -10020,7 +9899,7 @@ const Mt = {
   success: "check",
   warning: "triangleExclamation",
   critical: "diamondExclamation"
-}, ks = ({
+}, ws = ({
   children: s,
   id: n,
   type: a = "info",
@@ -10059,7 +9938,7 @@ const Mt = {
     /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), s)
   );
 };
-ks.propTypes = {
+ws.propTypes = {
   /**
    * Toast message content.
    */
@@ -10087,7 +9966,7 @@ ks.propTypes = {
    */
   className: t.string
 };
-const fn = ({
+const gn = ({
   autoCloseDuration: s = 5e3,
   limit: n = 5,
   position: a = "bottom-right",
@@ -10095,7 +9974,7 @@ const fn = ({
 }) => {
   const c = ["pds-toaster", r].join(" ").trim().replace(/\s+/g, " ");
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    Us,
+    Zs,
     {
       className: c,
       autoClose: s,
@@ -10105,11 +9984,11 @@ const fn = ({
       newestOnTop: !0,
       position: a,
       role: "status",
-      transition: Gs
+      transition: Us
     }
   ));
 };
-fn.propTypes = {
+gn.propTypes = {
   /**
    * Duration in milliseconds before the toast will auto-close.
    */
@@ -10127,7 +10006,7 @@ fn.propTypes = {
    */
   className: t.string
 };
-const bn = (m) => {
+const hn = (m) => {
   var d = m, {
     disabled: s = !1,
     id: n,
@@ -10143,7 +10022,7 @@ const bn = (m) => {
     "onChange",
     "options"
   ]);
-  const o = "pds-toggle-button", b = "pds-is-disabled", p = X([o]), [h, v] = T(a), i = (g) => {
+  const o = "pds-toggle-button", b = "pds-is-disabled", p = X([o]), [h, v] = O(a), i = (g) => {
     v(g.target.value), u && u(g.target.value);
   };
   if ((() => {
@@ -10179,7 +10058,7 @@ const bn = (m) => {
       )))
     );
 };
-bn.propTypes = {
+hn.propTypes = {
   /**
    * Is the ToggleButton disabled?
    */
@@ -10221,7 +10100,7 @@ bn.propTypes = {
    */
   className: t.string
 };
-const vn = (h) => {
+const fn = (h) => {
   var v = h, {
     disabled: s = !1,
     id: n,
@@ -10247,7 +10126,7 @@ const vn = (h) => {
     "statusOffLabel",
     "className"
   ]);
-  const i = "pds-toggle-switch", [$, g] = T(!1), _ = (f) => {
+  const i = "pds-toggle-switch", [$, g] = O(!1), _ = (f) => {
     g(!$), c && c(f.target);
   };
   let C = $ === !0 ? d : o, E;
@@ -10312,7 +10191,7 @@ const vn = (h) => {
     )
   );
 };
-vn.propTypes = {
+fn.propTypes = {
   /**
    * Is the switch disabled?
    */
@@ -10358,7 +10237,7 @@ vn.propTypes = {
    */
   className: t.string
 };
-const _n = (d) => {
+const bn = (d) => {
   var o = d, {
     ariaLabel: s = "User menu",
     menuItems: n,
@@ -10376,7 +10255,7 @@ const _n = (d) => {
     "withinNavbar",
     "className"
   ]);
-  const [b, p] = T(null), [h, v] = T(!1), i = X([]), $ = X([]);
+  const [b, p] = O(null), [h, v] = O(!1), i = X([]), $ = X([]);
   let g = !1;
   const _ = Ne(Pe);
   _ && (g = _.isMobile);
@@ -10384,16 +10263,16 @@ const _n = (d) => {
     open: h,
     onOpenChange: v,
     whileElementsMounted: qe
-  }), L = et(I, { event: "mousedown" }), V = Ie(I), w = Se(I, { role: "menu" }), O = X([]), H = nt(I, {
-    listRef: O,
+  }), z = et(I, { event: "mousedown" }), S = Ie(I), w = Se(I, { role: "menu" }), V = X([]), H = nt(I, {
+    listRef: V,
     activeIndex: b,
     onNavigate: p,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnOpen: !1,
     focusItemOnHover: !0
-  }), { getReferenceProps: S, getFloatingProps: P, getItemProps: R } = Te(
-    [V, w, L, H]
+  }), { getReferenceProps: T, getFloatingProps: P, getItemProps: R } = Te(
+    [S, w, z, H]
   ), { isMounted: j, styles: A } = Ae(I, {
     duration: {
       open: 300,
@@ -10426,7 +10305,7 @@ const _n = (d) => {
       uniqueId: a,
       className: `${E}__avatar`
     }
-  ), z = /* @__PURE__ */ e.createElement(
+  ), L = /* @__PURE__ */ e.createElement(
     q,
     {
       iconName: "angleDown",
@@ -10445,7 +10324,7 @@ const _n = (d) => {
         disabled: ee.disabled,
         tabIndex: b === de ? 0 : -1,
         ref: (te) => {
-          O.current[de] = te;
+          V.current[de] = te;
         }
       }, R({ onClick: (te) => Z(te) })),
       ee.iconName && /* @__PURE__ */ e.createElement(
@@ -10464,7 +10343,7 @@ const _n = (d) => {
       className: `${E}__trigger`,
       "aria-label": s,
       ref: k.setReference
-    }, S()),
+    }, T()),
     W
   ), j && /* @__PURE__ */ e.createElement(
     "div",
@@ -10492,7 +10371,7 @@ const _n = (d) => {
       onClick: pe
     },
     /* @__PURE__ */ e.createElement("span", { className: `${E}__toggle-left` }, W, u || a),
-    z
+    L
   ), /* @__PURE__ */ e.createElement("div", { className: `${E}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
     {
@@ -10511,7 +10390,7 @@ const _n = (d) => {
     C ? re : Y
   );
 };
-_n.propTypes = {
+bn.propTypes = {
   /**
    * Aria label for the user menu.
    */
@@ -10566,7 +10445,7 @@ _n.propTypes = {
 };
 const An = () => {
   const s = (a, r, u = {}) => {
-    const c = /* @__PURE__ */ e.createElement(ks, { type: a }, r);
+    const c = /* @__PURE__ */ e.createElement(ws, { type: a }, r);
     let l = y({}, u);
     return (a === "critical" || a === "warning") && (l = $e(y({}, l), {
       autoClose: !1,
@@ -10575,19 +10454,19 @@ const An = () => {
       autoClose: !1,
       closeButton: !1,
       closeOnClick: !1
-    })), Ft(c, l);
-  }, n = Ks({
+    })), Bt(c, l);
+  }, n = Gs({
     collapse: !1,
     enter: "pds-toast--bounceInPlace",
     exit: "pds-toast--slideOut"
   });
-  return [s, Ft, n];
-}, En = {
+  return [s, Bt, n];
+}, vn = {
   silver: "Silver",
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, Cn = (p) => {
+}, _n = (p) => {
   var h = p, {
     ariaLabel: s = "Workspace selector menu",
     createWorkspaceLink: n,
@@ -10611,11 +10490,11 @@ const An = () => {
     "workspaceList",
     "className"
   ]);
-  const [v, i] = T(!1), [$, g] = T(null), [_, C] = T(d), E = X([]), f = X(null), N = d.length >= c;
+  const [v, i] = O(!1), [$, g] = O(null), [_, C] = O(d), E = X([]), f = X(null), N = d.length >= c;
   let k = !1;
   const x = Ne(Pe);
   x && (k = x.isMobile);
-  const I = m && k, L = "pds-workspace-selector", V = I ? `${L}--isMobile` : null, w = `${L}__menu`, O = N ? `${w}--scroll` : null, { refs: H, floatingStyles: S, context: P } = Ve({
+  const I = m && k, z = "pds-workspace-selector", S = I ? `${z}--isMobile` : null, w = `${z}__menu`, V = N ? `${w}--scroll` : null, { refs: H, floatingStyles: T, context: P } = Ve({
     open: v,
     onOpenChange: i,
     whileElementsMounted: qe
@@ -10627,7 +10506,7 @@ const An = () => {
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
-  }), { getReferenceProps: Z, getFloatingProps: W, getItemProps: z } = Te(
+  }), { getReferenceProps: Z, getFloatingProps: W, getItemProps: L } = Te(
     [j, A, R, F]
   ), { isMounted: B, styles: U } = Ae(P, {
     duration: {
@@ -10658,32 +10537,32 @@ const An = () => {
   }, [d]);
   const re = (K) => {
     K.preventDefault(), K.key === "Enter" && E.current[$].querySelector("a").click(), K.key === "Tab" && (K.shiftKey ? N ? document.getElementById("workspace-filter").focus() : i(!1) : n ? f.current.querySelector("a").focus() : i(!1));
-  }, ee = /* @__PURE__ */ e.createElement("div", { className: `${L}__button-content` }, /* @__PURE__ */ e.createElement(
+  }, ee = /* @__PURE__ */ e.createElement("div", { className: `${z}__button-content` }, /* @__PURE__ */ e.createElement(
     Xe,
     {
       size: "sm",
       uniqueId: Y.workspaceId,
       imageSrc: Y.imageSrc,
-      className: `${L}__avatar`
+      className: `${z}__avatar`
     }
-  ), /* @__PURE__ */ e.createElement("span", { className: `${L}__name` }, Y.displayName), Y.planTier && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("span", { className: `${z}__name` }, Y.displayName), Y.planTier && /* @__PURE__ */ e.createElement(
     pt,
     {
       size: "sm",
       color: Y.planTier,
-      label: En[Y.planTier]
+      label: vn[Y.planTier]
     }
   )), de = /* @__PURE__ */ e.createElement(
     q,
     {
       iconName: "angleDown",
       iconSize: "md",
-      className: `${L}__trigger-icon`
+      className: `${z}__trigger-icon`
     }
-  ), me = N && /* @__PURE__ */ e.createElement("div", { className: `${L}__filter` }, /* @__PURE__ */ e.createElement(
-    vs,
+  ), me = N && /* @__PURE__ */ e.createElement("div", { className: `${z}__filter` }, /* @__PURE__ */ e.createElement(
+    bs,
     {
-      className: `${L}__filter-input`,
+      className: `${z}__filter-input`,
       hasClearButton: !0,
       id: "workspace-filter",
       label: r,
@@ -10694,7 +10573,7 @@ const An = () => {
     }
   )), te = _.map(
     (K, ue) => {
-      const Ce = `${L}__item`, Le = K.isActive ? `${Ce}--active` : null, Q = K.isUnprivileged ? `${Ce}--unprivileged` : null, se = /* @__PURE__ */ e.createElement(q, { iconName: "check", className: `${L}__active-icon` }), ke = K.workspaceId, ye = K.workspaceLink.type, we = K.isUnprivileged ? null : (he) => {
+      const Ce = `${z}__item`, ze = K.isActive ? `${Ce}--active` : null, Q = K.isUnprivileged ? `${Ce}--unprivileged` : null, se = /* @__PURE__ */ e.createElement(q, { iconName: "check", className: `${z}__active-icon` }), ke = K.workspaceId, ye = K.workspaceLink.type, we = K.isUnprivileged ? null : (he) => {
         E.current[ue] = he;
       };
       return /* @__PURE__ */ e.createElement(
@@ -10704,33 +10583,33 @@ const An = () => {
           id: ke,
           className: [
             Ce,
-            Le,
+            ze,
             Q
           ].join(" ").trim().replace(/\s+/g, " "),
           role: "menuitem",
           tabIndex: $ === ue ? 0 : -1,
           ref: we,
           onKeyDown: re
-        }, z()),
+        }, L()),
         /* @__PURE__ */ e.createElement(
           ye,
           $e(y({}, K.workspaceLink.props), {
             onClick: () => i(!1)
           }),
-          /* @__PURE__ */ e.createElement("div", { className: `${L}__item-content` }, /* @__PURE__ */ e.createElement(
+          /* @__PURE__ */ e.createElement("div", { className: `${z}__item-content` }, /* @__PURE__ */ e.createElement(
             Xe,
             {
               size: "sm",
               uniqueId: K.workspaceId,
               imageSrc: K.imageSrc,
-              className: `${L}__list-avatar`
+              className: `${z}__list-avatar`
             }
           ), K.displayName),
           K.isActive && se
         )
       );
     }
-  ), fe = n && /* @__PURE__ */ e.createElement("div", { className: `${L}__create-link`, ref: f }, /* @__PURE__ */ e.createElement(
+  ), fe = n && /* @__PURE__ */ e.createElement("div", { className: `${z}__create-link`, ref: f }, /* @__PURE__ */ e.createElement(
     We,
     {
       displayType: "icon-end",
@@ -10742,7 +10621,7 @@ const An = () => {
   )), be = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
-      className: `${L}__trigger`,
+      className: `${z}__trigger`,
       "aria-label": s,
       ref: H.setReference
     }, Z()),
@@ -10751,56 +10630,56 @@ const An = () => {
   ), B && /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: `${L}__dropdown`,
+      className: `${z}__dropdown`,
       ref: H.setFloating,
       style: {
-        floatingStyles: S,
+        floatingStyles: T,
         zIndex: "var(--pds-z-index-dropdown)"
       }
     }, W()),
     /* @__PURE__ */ e.createElement("div", { style: y({}, U) }, me, /* @__PURE__ */ e.createElement(
       "ul",
       {
-        className: [w, O].join(" ").trim().replace(/\s+/g, " "),
+        className: [w, V].join(" ").trim().replace(/\s+/g, " "),
         role: "menu"
       },
-      /* @__PURE__ */ e.createElement("li", { className: `${L}__item-heading`, role: "presentation" }, u),
-      te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${L}__no-results` }, l) : te
+      /* @__PURE__ */ e.createElement("li", { className: `${z}__item-heading`, role: "presentation" }, u),
+      te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${z}__no-results` }, l) : te
     ), fe)
   )), oe = (K) => {
     const ue = K.target;
-    ue.classList.toggle(`${L}__toggle--expanded`), ue.setAttribute(
+    ue.classList.toggle(`${z}__toggle--expanded`), ue.setAttribute(
       "aria-expanded",
       ue.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), ue.nextElementSibling.classList.toggle(`${L}__mobile-menu--expanded`);
+    ), ue.nextElementSibling.classList.toggle(`${z}__mobile-menu--expanded`);
   }, J = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${L}__toggle`,
+      className: `${z}__toggle`,
       "aria-expanded": !1,
       "aria-label": s,
       onClick: oe
     },
     ee,
     de
-  ), /* @__PURE__ */ e.createElement("div", { className: `${L}__mobile-menu` }, me, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: `${z}__mobile-menu` }, me, /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: [w, `${w}--isMobile`].join(" ").trim(),
       role: "menu"
     },
-    /* @__PURE__ */ e.createElement("li", { className: `${L}__item-heading`, role: "presentation" }, u),
-    te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${L}__no-results` }, l) : te
+    /* @__PURE__ */ e.createElement("li", { className: `${z}__item-heading`, role: "presentation" }, u),
+    te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${z}__no-results` }, l) : te
   ), fe));
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [L, V, o].join(" ").trim().replace(/\s+/g, " ")
+      className: [z, S, o].join(" ").trim().replace(/\s+/g, " ")
     }, b),
     I ? J : be
   );
 };
-Cn.propTypes = {
+_n.propTypes = {
   /**
    * Aria label for the workspace selector menu.
    */
@@ -10873,7 +10752,7 @@ Cn.propTypes = {
    */
   className: t.string
 };
-const $n = (b) => {
+const En = (b) => {
   var p = b, {
     alignContent: s,
     alignItems: n,
@@ -10914,7 +10793,7 @@ const $n = (b) => {
     m
   );
 };
-$n.propTypes = {
+En.propTypes = {
   /**
    * Align content
    */
@@ -10966,7 +10845,7 @@ $n.propTypes = {
 const Pn = ({
   children: s,
   mobileMenuMaxWidth: n = 640
-}) => /* @__PURE__ */ e.createElement(g1, { mobileMenuMaxWidth: n }, s), yn = (m) => {
+}) => /* @__PURE__ */ e.createElement(g1, { mobileMenuMaxWidth: n }, s), Cn = (m) => {
   var d = m, {
     children: s,
     gridGap: n = "standard",
@@ -10982,7 +10861,7 @@ const Pn = ({
     "sidebarWidth",
     "className"
   ]);
-  const [o, b] = T(1025);
+  const [o, b] = O(1025);
   le(() => (b(window.innerWidth), window.addEventListener("resize", i), () => {
     window.removeEventListener("resize", i);
   }), []);
@@ -11019,7 +10898,7 @@ const Pn = ({
     N
   );
 };
-yn.propTypes = {
+Cn.propTypes = {
   /**
    * Layout content.
    */
@@ -11045,7 +10924,7 @@ yn.propTypes = {
    */
   className: t.string
 };
-const Nn = (r) => {
+const $n = (r) => {
   var u = r, { children: s, className: n } = u, a = M(u, ["children", "className"]);
   const c = {};
   e.Children.forEach(s, (h) => {
@@ -11074,7 +10953,7 @@ const Nn = (r) => {
     m && /* @__PURE__ */ e.createElement("div", { className: `${p}__form-container` }, m)
   );
 };
-Nn.propTypes = {
+$n.propTypes = {
   /**
    * Layout content.
    */
@@ -11084,7 +10963,7 @@ Nn.propTypes = {
    */
   className: t.string
 };
-const wn = (u) => {
+const yn = (u) => {
   var c = u, {
     children: s,
     gridGap: n = "standard",
@@ -11119,7 +10998,7 @@ const wn = (u) => {
     ))
   );
 };
-wn.propTypes = {
+yn.propTypes = {
   /**
    * Item content.
    */
@@ -11133,7 +11012,7 @@ wn.propTypes = {
    */
   className: t.string
 };
-const kn = (c) => {
+const Nn = (c) => {
   var l = c, {
     children: s,
     gridGap: n = "standard",
@@ -11172,7 +11051,7 @@ const kn = (c) => {
     /* @__PURE__ */ e.createElement("div", { className: i.join(" ").trim() }, _)
   );
 };
-kn.propTypes = {
+Nn.propTypes = {
   /**
    * Item content.
    */
@@ -11191,94 +11070,94 @@ kn.propTypes = {
   className: t.string
 };
 export {
-  e1 as AnimatedButton,
+  Js as AnimatedButton,
   Xe as Avatar,
-  s1 as AvatarTileList,
-  n1 as Banner,
-  c1 as Breadcrumbs,
+  t1 as AvatarTileList,
+  s1 as Banner,
+  r1 as Breadcrumbs,
   Qe as Button,
   We as ButtonLink,
-  ps as CTALink,
+  u1 as CTALink,
   p1 as CTASlice,
-  Rn as Callout,
-  o1 as Card,
-  d1 as CardSelectGroup,
+  Tn as Callout,
+  i1 as Card,
+  o1 as CardSelectGroup,
   ms as Checkbox,
-  m1 as CheckboxGroup,
+  d1 as CheckboxGroup,
   us as Combobox,
-  St as ComparisonList,
+  Ut as ComparisonList,
   Ye as Container,
-  Dn as DashboardLayout,
+  On as DashboardLayout,
   f1 as DashboardNav,
   b1 as DashboardSearch,
   ft as DropdownMenu,
   v1 as ExpansionPanel,
   _1 as ExpansionPanelGroup,
-  $n as FlexContainer,
-  bs as FooterHeading,
+  En as FlexContainer,
+  fs as FooterHeading,
   E1 as FooterLinks,
   Pn as GlobalWrapper,
   C1 as Heading,
   q as Icon,
   ut as IconButton,
   pt as IndicatorBadge,
-  $1 as InlineMessage,
-  N1 as InputFormatted,
-  w1 as InputGroup,
-  k1 as InputObscured,
-  vs as InputText,
+  Rn as InlineMessage,
+  y1 as InputFormatted,
+  N1 as InputGroup,
+  w1 as InputObscured,
+  bs as InputText,
   Oe as InputWrapper,
-  H1 as LinksCard,
-  _s as MenuButton,
+  k1 as LinksCard,
+  vs as MenuButton,
   z1 as Modal,
-  x1 as NavMenu,
-  M1 as Navbar,
-  V1 as NewSiteCard,
-  A1 as Pager,
-  P1 as Panel,
-  Dt as PantheonLogo,
-  Cs as PlatformIcon,
-  B1 as Popover,
-  F1 as PricingCard,
-  W1 as ProgressBar,
-  Ns as ProgressRing,
-  K1 as PullQuote,
-  Y1 as RadioGroup,
+  M1 as NavMenu,
+  L1 as Navbar,
+  x1 as NewSiteCard,
+  q1 as Pager,
+  A1 as Panel,
+  Rt as PantheonLogo,
+  Es as PlatformIcon,
+  j1 as Popover,
+  B1 as PricingCard,
+  F1 as ProgressBar,
+  ys as ProgressRing,
+  G1 as PullQuote,
+  K1 as RadioGroup,
   Pe as ResponsiveContext,
-  X1 as SectionMessage,
-  At as Select,
-  Q1 as SideNav,
-  J1 as SideNavCompact,
-  yn as SidebarLayout,
-  en as SiteCard,
-  tn as SiteFooter,
-  gs as Skiplink,
-  sn as SocialLinks,
+  Dn as SectionMessage,
+  qt as Select,
+  Y1 as SideNav,
+  X1 as SideNavCompact,
+  Cn as SidebarLayout,
+  Q1 as SiteCard,
+  J1 as SiteFooter,
+  ps as Skiplink,
+  en as SocialLinks,
   lt as Spinner,
-  nn as SplitButton,
-  an as StatsTileList,
-  qt as StatusBadge,
-  ln as StatusIndicator,
-  rn as Stepper,
-  Nn as StepperLayout,
-  cn as Table,
-  on as TableOfContents,
-  dn as Tabs,
-  pn as Tag,
+  tn as SplitButton,
+  sn as StatsTileList,
+  Dt as StatusBadge,
+  nn as StatusIndicator,
+  an as Stepper,
+  $n as StepperLayout,
+  ln as Table,
+  rn as TableOfContents,
+  cn as Tabs,
+  mn as Tag,
   qn as Tally,
-  gn as Textarea,
-  wn as ThreeItemLayout,
-  ws as Tile,
-  hn as TileGrid,
-  ks as Toast,
-  fn as Toaster,
-  bn as ToggleButton,
-  vn as ToggleSwitch,
+  un as Textarea,
+  yn as ThreeItemLayout,
+  Ns as Tile,
+  pn as TileGrid,
+  ws as Toast,
+  gn as Toaster,
+  hn as ToggleButton,
+  fn as ToggleSwitch,
   It as Tooltip,
-  kn as TwoItemLayout,
-  _n as UserMenu,
-  Cn as WorkspaceSelector,
-  Wt as iconList,
+  Nn as TwoItemLayout,
+  bn as UserMenu,
+  _n as WorkspaceSelector,
+  Ft as iconList,
   An as useToast
 };
 //# sourceMappingURL=index.js.map