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

package/_dist/index.js

@@ -9,7 +9,7 @@ var Pt = (s, n, a) => n in s ? xs(s, n, { enumerable: !0, configurable: !0, writ
     for (var a of mt(n))
       Bt.call(n, a) && Pt(s, a, n[a]);
   return s;
-}, He = (s, n) => Vs(s, Is(n));
+}, $e = (s, n) => Vs(s, Is(n));
 var M = (s, n) => {
   var a = {};
   for (var r in s)
@@ -19,7 +19,7 @@ var M = (s, n) => {
       n.indexOf(r) < 0 && Bt.call(s, r) && (a[r] = s[r]);
   return a;
 };
-import e, { useRef as X, useState as T, createContext as gt, useContext as ye, forwardRef as st, cloneElement as Ss, useEffect as ce, useLayoutEffect as Ts, useCallback as Jt } from "react";
+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 es from "hash-sum";
 import { NavLink as ts, MemoryRouter as Rs } from "react-router-dom";
@@ -252,8 +252,8 @@ const Ys = [
    * Is the item a separator?
    */
   isSeparator: t.bool.isRequired
-}), q = (m) => {
-  var c = m, {
+}), q = (u) => {
+  var c = u, {
     iconName: s,
     iconSize: n = "md",
     className: a
@@ -262,7 +262,7 @@ const Ys = [
     "iconSize",
     "className"
   ]);
-  const l = `pds-icon pds-icon--${n} pds-icon--${s}`, u = `0 0 ${Vt[s].width} 512`, d = {
+  const l = `pds-icon pds-icon--${n} pds-icon--${s}`, m = `0 0 ${Vt[s].width} 512`, d = {
     sm: "0.8rem",
     md: "1rem",
     lg: "1.2rem",
@@ -276,7 +276,7 @@ const Ys = [
     y({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
-      viewBox: u,
+      viewBox: m,
       height: d[n],
       fill: "none",
       "aria-hidden": "true",
@@ -853,10 +853,10 @@ const Ys = [
     buttonType: n = "button",
     disabled: a = !1,
     icon1: r,
-    icon2: m,
+    icon2: u,
     onClick: c,
     size: l = "md",
-    className: u
+    className: m
   } = b, d = M(b, [
     "ariaLabel",
     "buttonType",
@@ -895,7 +895,7 @@ const Ys = [
     "button",
     y({
       "aria-label": s,
-      className: [p, h, u].join(" ").trim().replace(/\s+/g, " "),
+      className: [p, h, m].join(" ").trim().replace(/\s+/g, " "),
       disabled: a,
       onClick: () => {
         _(), c();
@@ -919,7 +919,7 @@ const Ys = [
       /* @__PURE__ */ e.createElement(
         q,
         {
-          iconName: m,
+          iconName: u,
           iconSize: i,
           className: `${p}__icon`
         }
@@ -979,13 +979,13 @@ const t1 = (s) => {
   const n = parseInt(es(s), 16);
   return Zt[n % Zt.length];
 }, Xe = (l) => {
-  var u = l, {
+  var m = l, {
     size: s = "md",
     imageSrc: n,
     linkContent: a,
     uniqueId: r,
-    className: m
-  } = u, c = M(u, [
+    className: u
+  } = m, c = M(m, [
     "size",
     "imageSrc",
     "linkContent",
@@ -1004,7 +1004,7 @@ const t1 = (s) => {
     y({
       href: i === "href" ? $ : null,
       to: i === "to" ? $ : null,
-      className: [d, o, b, m].join(" ").trim().replace(/\s+/g, " ")
+      className: [d, o, b, u].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${d}__image`, alt: "" }) : /* @__PURE__ */ e.createElement(
       "span",
@@ -1037,8 +1037,8 @@ Xe.propTypes = {
    */
   className: t.string
 };
-const s1 = (m) => {
-  var c = m, {
+const s1 = (u) => {
+  var c = u, {
     darkBackground: s,
     listItems: n,
     className: a
@@ -1047,15 +1047,15 @@ const s1 = (m) => {
     "listItems",
     "className"
   ]);
-  const l = "pds-avatar-tile-list", u = "pds-tile-list", d = s ? `${u}--reverse` : "";
+  const l = "pds-avatar-tile-list", m = "pds-tile-list", d = s ? `${m}--reverse` : "";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
         l,
         d,
-        `${u}--avatar`,
-        u,
+        `${m}--avatar`,
+        m,
         a
       ].join(" ").trim().replace(/\s+/g, " ")
     }, r),
@@ -1065,7 +1065,7 @@ const s1 = (m) => {
         p,
         {
           key: `avatar-tile-item-${b}`,
-          className: `${u}__item`,
+          className: `${m}__item`,
           href: h === "href" ? v : null,
           to: h === "to" ? v : null,
           target: i
@@ -1073,13 +1073,13 @@ const s1 = (m) => {
         /* @__PURE__ */ e.createElement(
           "div",
           {
-            className: `${u}__image ${u}__image--avatar`
+            className: `${m}__image ${m}__image--avatar`
           },
           /* @__PURE__ */ e.createElement("img", { src: o.image, alt: o.alt })
         ),
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__name` }, o.name),
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__title` }, o.title),
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__org` }, o.org)
+        /* @__PURE__ */ e.createElement("div", { className: `${m}__name` }, o.name),
+        /* @__PURE__ */ e.createElement("div", { className: `${m}__title` }, o.title),
+        /* @__PURE__ */ e.createElement("div", { className: `${m}__org` }, o.org)
       ), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" }));
     })
   );
@@ -1113,10 +1113,10 @@ const vt = 300, ut = (d) => {
     buttonType: n = "button",
     disabled: a = !1,
     iconName: r,
-    onClick: m,
+    onClick: u,
     size: c = "md",
     className: l
-  } = o, u = M(o, [
+  } = o, m = M(o, [
     "ariaLabel",
     "buttonType",
     "disabled",
@@ -1143,9 +1143,9 @@ const vt = 300, ut = (d) => {
       "aria-label": s,
       className: [b, p, l].join(" ").trim().replace(/\s+/g, " "),
       disabled: a,
-      onClick: m,
+      onClick: u,
       type: n
-    }, u),
+    }, m),
     /* @__PURE__ */ e.createElement(
       q,
       {
@@ -1190,13 +1190,13 @@ const _t = {
   info: "circleInfo",
   warning: "triangleExclamation",
   critical: "diamondExclamation"
-}, n1 = (u) => {
-  var d = u, {
+}, n1 = (m) => {
+  var d = m, {
     banners: s,
     dismissLabel: n = "Dismiss",
     labelNext: a = "Go to next message",
     labelPrevious: r = "Go to previous message",
-    typeLabels: m = {
+    typeLabels: u = {
       info: "Information",
       warning: "Warning",
       critical: "Critical"
@@ -1218,7 +1218,7 @@ 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 = `${m[k.type]}:  `, w = (O) => {
+    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(
         (R) => R.id === H
@@ -1365,13 +1365,13 @@ const a1 = {
   },
   resolveCrumb: () => {
   }
-}, is = gt(a1), Ut = 8, It = (u) => {
-  var d = u, {
+}, is = gt(a1), Ut = 8, It = (m) => {
+  var d = m, {
     content: s,
     customTrigger: n = !1,
     offsetValue: a = Ut,
     triggerAccessibleText: r = "Show more information",
-    triggerIcon: m = "circleInfo",
+    triggerIcon: u = "circleInfo",
     className: c
   } = d, l = M(d, [
     "content",
@@ -1407,7 +1407,7 @@ const a1 = {
     /* @__PURE__ */ e.createElement("button", { ref: $.setReference, className: `${h}__trigger` }, n ? /* @__PURE__ */ e.createElement("span", { className: v }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r), /* @__PURE__ */ e.createElement(
       q,
       {
-        iconName: m,
+        iconName: u,
         className: `${h}__icon`,
         iconSize: "sm"
       }
@@ -1464,12 +1464,12 @@ Fe.propTypes = {
 };
 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) => {
   var r = a, { ariaLabel: s } = r, n = M(r, ["ariaLabel"]);
-  const [m, c] = T(!0), { crumbs: l, deferredCrumbIds: u } = ye(is), d = [...l].sort(r1), o = () => {
+  const [u, c] = T(!0), { crumbs: l, deferredCrumbIds: m } = Ne(is), d = [...l].sort(r1), 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 })
   ), p = d.map(
-    ($, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Fe, { crumb: $, key: `breadcrumb-${g}`, lastCrumb: !0 }) : g == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: m ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
+    ($, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Fe, { crumb: $, key: `breadcrumb-${g}`, lastCrumb: !0 }) : g == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: u ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         key: `breadcrumb-button-${g}`,
@@ -1481,14 +1481,14 @@ const l1 = (s) => /* @__PURE__ */ e.createElement(ts, { className: "pds-breadcru
       Fe,
       {
         crumb: $,
-        classes: m ? "pds-breadcrumbs__hidden" : null,
+        classes: u ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${g}`
       }
     )) : g > 2 && g < d.length - 2 ? /* @__PURE__ */ e.createElement(
       Fe,
       {
         crumb: $,
-        classes: m ? "pds-breadcrumbs__hidden" : null,
+        classes: u ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${g}`
       }
     ) : /* @__PURE__ */ e.createElement(Fe, { crumb: $, key: `breadcrumb-${g}` })
@@ -1500,7 +1500,7 @@ os.propTypes = {
   crumbs: t.array
 };
 const c1 = (r) => {
-  var m = r, { ariaLabel: s, crumbs: n } = m, a = M(m, ["ariaLabel", "crumbs"]);
+  var u = r, { ariaLabel: s, crumbs: n } = u, a = M(u, ["ariaLabel", "crumbs"]);
   return /* @__PURE__ */ e.createElement(Rs, null, /* @__PURE__ */ e.createElement(
     is.Provider,
     {
@@ -1519,13 +1519,13 @@ c1.propTypes = {
     { uri: t.string }
   ])
 };
-const lt = (u) => {
-  var d = u, {
+const lt = (m) => {
+  var d = m, {
     colorType: s = "full-color",
     isInline: n = !1,
     label: a = "Loading",
     showLabel: r = !1,
-    size: m = "md",
+    size: u = "md",
     className: c
   } = d, l = M(d, [
     "colorType",
@@ -1535,7 +1535,7 @@ const lt = (u) => {
     "size",
     "className"
   ]);
-  const o = "pds-spinner", b = s !== "full-color" ? `${o}--${s}` : null, p = `${o}--${m}`, h = n ? `${o}--inline` : null;
+  const o = "pds-spinner", b = s !== "full-color" ? `${o}--${s}` : null, p = `${o}--${u}`, h = n ? `${o}--inline` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
@@ -1593,10 +1593,10 @@ const Qe = st(
       buttonType: n = "button",
       disabled: a = !1,
       displayType: r = "label-only",
-      iconName: m,
+      iconName: u,
       isLoading: c = !1,
       isSplitButton: l = !1,
-      label: u,
+      label: m,
       onClick: d,
       size: o = "md",
       variant: b = "primary",
@@ -1631,15 +1631,15 @@ const Qe = st(
       q,
       {
         key: "icon",
-        iconName: m,
+        iconName: u,
         iconSize: E,
         className: `${g}__icon`
       }
     );
-    let N = [u];
-    return r == "icon-start" && m && N.unshift(f), r == "icon-end" && m && N.push(f), l && (N = [f], s = u), /* @__PURE__ */ e.createElement(
+    let N = [m];
+    return r == "icon-start" && u && N.unshift(f), r == "icon-end" && u && N.push(f), l && (N = [f], s = m), /* @__PURE__ */ e.createElement(
       "button",
-      He(y({}, h), {
+      $e(y({}, h), {
         type: n,
         className: [g, _, C, p].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || c,
@@ -1722,10 +1722,10 @@ const xe = () => Math.random().toString(32).substring(2, 13), ds = (s, n) => {
     displayType: n = "label-only",
     iconName: a,
     linkContent: r,
-    size: m = "md",
+    size: u = "md",
     variant: c = "primary",
     className: l
-  } = o, u = M(o, [
+  } = o, m = M(o, [
     "disabled",
     "displayType",
     "iconName",
@@ -1734,9 +1734,9 @@ const xe = () => Math.random().toString(32).substring(2, 13), ds = (s, n) => {
     "variant",
     "className"
   ]);
-  const b = xe(), p = "pds-button-link", h = "pds-button", v = r.props.className, i = m !== "md" ? `${h}--${m}` : null, $ = c !== "primary" ? `${h}--${c}` : null, g = [h, v, $, i].join(" ").trim().replace(/\s+/g, " ");
+  const b = xe(), p = "pds-button-link", h = "pds-button", v = r.props.className, i = u !== "md" ? `${h}--${u}` : null, $ = c !== "primary" ? `${h}--${c}` : null, g = [h, v, $, i].join(" ").trim().replace(/\s+/g, " ");
   let _;
-  switch (m) {
+  switch (u) {
     case "sm":
       _ = "sm";
       break;
@@ -1769,14 +1769,14 @@ const xe = () => Math.random().toString(32).substring(2, 13), ds = (s, n) => {
       },
       label: f,
       variant: c,
-      size: m,
+      size: u,
       className: [p, l].join(" ").trim().replace(/\s+/g, " ")
-    }, u)
+    }, m)
   ) : /* @__PURE__ */ e.createElement(
     "span",
     y({
       className: [p, l].join(" ").trim().replace(/\s+/g, " ")
-    }, u),
+    }, m),
     N
   );
 };
@@ -1831,13 +1831,13 @@ const i1 = {
     title: n,
     type: a = "info",
     className: r
-  } = l, m = M(l, [
+  } = l, u = M(l, [
     "children",
     "title",
     "type",
     "className"
   ]);
-  const u = "pds-callout", d = `${u}--${a}`, o = {
+  const m = "pds-callout", d = `${m}--${a}`, o = {
     info: "circleInfo",
     warning: "triangleExclamation",
     success: "circleCheck",
@@ -1849,15 +1849,15 @@ const i1 = {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [u, d, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
-    }, m),
-    /* @__PURE__ */ e.createElement("div", { className: `${u}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__icon ${u}__icon--${a}` }, /* @__PURE__ */ e.createElement(
+      className: [m, d, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
+    }, u),
+    /* @__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,
         iconSize: "xl"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${u}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), n && /* @__PURE__ */ e.createElement("div", { className: `${u}__title` }, n), s && /* @__PURE__ */ e.createElement("div", { className: `${u}__main-content` }, s)))
+    )), /* @__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) => {
   var p = b, {
@@ -1865,10 +1865,10 @@ const i1 = {
     headingLevel: n = "h2",
     headingText: a,
     image: r,
-    isClickable: m = !1,
+    isClickable: u = !1,
     kickerText: c,
     primaryLink: l,
-    secondaryLink: u,
+    secondaryLink: m,
     className: d
   } = p, o = M(p, [
     "bodyText",
@@ -1881,7 +1881,7 @@ const i1 = {
     "secondaryLink",
     "className"
   ]);
-  const h = "pds-card", v = m ? `${h}--clickable` : null, i = `${n}`, $ = l.type, g = r ? /* @__PURE__ */ e.createElement("div", { className: `${h}__image` }, !m && l ? /* @__PURE__ */ e.createElement(
+  const h = "pds-card", v = u ? `${h}--clickable` : null, i = `${n}`, $ = l.type, g = r ? /* @__PURE__ */ e.createElement("div", { className: `${h}__image` }, !u && l ? /* @__PURE__ */ e.createElement(
     $,
     y({
       tabIndex: "-1",
@@ -1894,8 +1894,8 @@ const i1 = {
       className: `${h}__kicker pds-overline-text pds-overline-text--sm`
     },
     c
-  ), a && /* @__PURE__ */ e.createElement(i, { className: `${h}__heading` }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${h}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, s)), !m && l && /* @__PURE__ */ e.createElement("div", { className: `${h}__links pds-button-group` }, /* @__PURE__ */ e.createElement(We, { linkContent: l, variant: "primary" }), u && /* @__PURE__ */ e.createElement(We, { linkContent: u, variant: "secondary" })));
-  return m && l ? /* @__PURE__ */ e.createElement(
+  ), a && /* @__PURE__ */ e.createElement(i, { className: `${h}__heading` }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${h}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, s)), !u && l && /* @__PURE__ */ e.createElement("div", { className: `${h}__links pds-button-group` }, /* @__PURE__ */ e.createElement(We, { linkContent: l, variant: "primary" }), m && /* @__PURE__ */ e.createElement(We, { linkContent: m, variant: "secondary" })));
+  return u && l ? /* @__PURE__ */ e.createElement(
     $,
     y({
       className: [h, v, d].join(" ").trim().replace(/\s+/g, " ")
@@ -1958,10 +1958,10 @@ const d1 = (o) => {
     initialSelection: n,
     label: a,
     labelDisplay: r = "left",
-    layout: m = "auto",
+    layout: u = "auto",
     onChange: c,
     options: l,
-    className: u
+    className: m
   } = b, d = M(b, [
     "id",
     "initialSelection",
@@ -1979,10 +1979,10 @@ const d1 = (o) => {
     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 = "";
-  return m === "twoAcross" ? E = _ : m === "threeAcross" ? E = C : m === "auto" && (g % 3 === 0 ? E = C : g % 2 === 0 ? E = _ : E = C), /* @__PURE__ */ e.createElement(
+  return u === "twoAcross" ? E = _ : u === "threeAcross" ? E = C : u === "auto" && (g % 3 === 0 ? E = C : g % 2 === 0 ? E = _ : E = C), /* @__PURE__ */ e.createElement(
     "fieldset",
     y({
-      className: [p, u].join(" ").trim().replace(/\s+/g, " "),
+      className: [p, m].join(" ").trim().replace(/\s+/g, " "),
       id: s
     }, d),
     /* @__PURE__ */ e.createElement("legend", { className: h }, a),
@@ -2123,15 +2123,15 @@ Ot.propTypes = {
   label: t.string.isRequired
 };
 const Rt = st(
-  (c, m) => {
+  (c, u) => {
     var l = c, { children: s, active: n, className: a } = l, r = M(l, ["children", "active", "className"]);
-    const u = qs(), d = "pds-input__option", o = n ? `${d}--active` : null;
+    const m = qs(), d = "pds-input__option", o = n ? `${d}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
-        ref: m,
+        ref: u,
         role: "option",
-        id: u,
+        id: m,
         className: [d, o, a].join(" ").trim().replace(/\s+/g, " "),
         "aria-selected": n
       }, r),
@@ -2151,10 +2151,10 @@ const Oe = st(
       decorator: n,
       disabled: a = !1,
       id: r,
-      inputFieldType: m,
+      inputFieldType: u,
       inputWidth: c,
       isFieldset: l = !1,
-      label: u,
+      label: m,
       message: d,
       messagePosition: o = "after",
       readonly: b = !1,
@@ -2179,7 +2179,7 @@ const Oe = st(
       "validationState",
       "className"
     ]);
-    const E = "pds-input-wrapper", f = `${E}--${m}`, 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, 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(
       q,
       {
         iconName: "asterisk",
@@ -2212,14 +2212,14 @@ const Oe = st(
         ref: g,
         style: H
       }, $),
-      u && !l && /* @__PURE__ */ e.createElement("span", { className: h ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: N, htmlFor: r }, u, P)),
+      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,
         {
-          className: `pds-input-field ${m ? `pds-input-field--${m}` : ""}`
+          className: `pds-input-field ${u ? `pds-input-field--${u}` : ""}`
         },
-        u && l && /* @__PURE__ */ e.createElement("legend", { className: N }, u, P),
+        m && l && /* @__PURE__ */ e.createElement("legend", { className: N }, m, P),
         n && /* @__PURE__ */ e.createElement(Je, { type: n }),
         s
       ),
@@ -2296,10 +2296,10 @@ const ms = st(
       disabled: n = !1,
       id: a,
       inputWidth: r,
-      label: m,
+      label: u,
       message: c,
       onChange: l,
-      required: u = !1,
+      required: m = !1,
       value: d,
       className: o
     } = v, b = M(v, [
@@ -2316,7 +2316,7 @@ const ms = st(
     ]);
     const i = "pds-checkbox", [$, g] = T(s), _ = (E) => {
       g(!$), l && l(E.target);
-    }, C = u && !n ? /* @__PURE__ */ e.createElement(
+    }, C = m && !n ? /* @__PURE__ */ e.createElement(
       q,
       {
         iconName: "asterisk",
@@ -2333,7 +2333,7 @@ const ms = st(
         inputWidth: r,
         inputFieldType: "checkbox",
         message: c,
-        required: u
+        required: m
       },
       /* @__PURE__ */ e.createElement(
         "div",
@@ -2342,18 +2342,18 @@ const ms = st(
         }, b),
         /* @__PURE__ */ e.createElement(
           "input",
-          He(y({
+          $e(y({
             ref: p,
             type: "checkbox",
             id: a
           }, d ? { value: d } : {}), {
             defaultChecked: $,
             disabled: n,
-            required: u,
+            required: m,
             onClick: _
           })
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: a }, m, C)
+        /* @__PURE__ */ e.createElement("label", { htmlFor: a }, u, C)
       )
     );
   }
@@ -2406,10 +2406,10 @@ const m1 = (b) => {
     id: n,
     inputWidth: a,
     label: r,
-    message: m,
+    message: u,
     onChange: c,
     options: l,
-    required: u = !1,
+    required: m = !1,
     className: d
   } = p, o = M(p, [
     "disabled",
@@ -2452,8 +2452,8 @@ const m1 = (b) => {
       inputWidth: a,
       isFieldset: !0,
       label: r,
-      message: m,
-      required: u
+      message: u,
+      required: m
     },
     /* @__PURE__ */ e.createElement(
       "div",
@@ -2465,7 +2465,7 @@ const m1 = (b) => {
         {
           className: `${h}__options`,
           "aria-disabled": s ? !0 : null,
-          "aria-required": u ? !0 : null,
+          "aria-required": m ? !0 : null,
           onChange: g
         },
         l.map((f, N) => /* @__PURE__ */ e.createElement("li", { key: N, className: `${h}__option` }, /* @__PURE__ */ e.createElement(
@@ -2548,10 +2548,10 @@ const us = st(
       hasClearButton: n = !0,
       hasDropdownTrigger: a = !1,
       hasSearchIcon: r = !0,
-      hasSearchShortcut: m = !1,
+      hasSearchShortcut: u = !1,
       id: c,
       initialValue: l,
-      inputWidth: u,
+      inputWidth: m,
       isLoading: d = !1,
       label: o,
       labelStrings: b = {
@@ -2593,23 +2593,23 @@ const us = st(
       "validationFunction",
       "className"
     ]);
-    const L = (re) => {
-      const ne = $.find((ke) => ke.value === re);
+    const L = (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: K } = Ve({
+    ), [R, j] = T([]), [A, F] = T(""), [Z, W] = T(null), z = X([]), B = "pds-combobox", { context: U, refs: Y } = Ve({
       open: V,
       onOpenChange: w,
       whileElementsMounted: qe
-    }), ue = Se(U, { role: "listbox" }), le = Ie(U), ee = nt(U, {
+    }), pe = Se(U, { role: "listbox" }), re = Ie(U), ee = nt(U, {
       listRef: z,
       activeIndex: O,
       onNavigate: H,
       virtual: !0,
       loop: !0,
       allowEscape: !0
-    }), { getReferenceProps: de, getFloatingProps: me, getItemProps: te } = Te([ue, le, ee]), { isMounted: fe, styles: be } = Ae(U, {
+    }), { getReferenceProps: de, getFloatingProps: me, getItemProps: te } = Te([pe, re, ee]), { isMounted: fe, styles: be } = Ae(U, {
       duration: {
         open: 300,
         close: 150
@@ -2623,35 +2623,35 @@ const us = st(
       close: {
         opacity: 0
       }
-    }), oe = (re) => {
-      if (re.key !== "/" || re.ctrlKey || re.metaKey || /^(?:input|textarea|select|button)$/i.test(re.target.tagName))
+    }), oe = (ce) => {
+      if (ce.key !== "/" || ce.ctrlKey || ce.metaKey || /^(?:input|textarea|select|button)$/i.test(ce.target.tagName))
         return;
-      re.preventDefault(), document.getElementById(c).querySelector("input").focus();
+      ce.preventDefault(), document.getElementById(c).querySelector("input").focus();
     };
-    ce(() => {
-      if (m)
+    le(() => {
+      if (u)
         return document.addEventListener("keyup", oe), () => {
           document.removeEventListener("keyup", oe);
         };
     }, []);
     const J = () => {
       F(""), W(null);
-    }, Y = (re) => {
-      const ne = E(re) || {};
+    }, K = (ce) => {
+      const ne = E(ce) || {};
       J(), ne.error && W("error"), ne.success && W("success"), F(ne.message);
-    }, ge = (re) => {
-      let ne = re.target.value;
+    }, ue = (ce) => {
+      let ne = ce.target.value;
       ne.length > 0 && (ne = ne.trimStart()), P(ne), ne ? (H(null), w(!0)) : w(!1);
-    }, Ce = (re) => {
-      const ne = R[re];
-      P(ne.label), H(null), w(!1), i && i(ne), E && Y(ne);
+    }, Ce = (ce) => {
+      const ne = R[ce];
+      P(ne.label), H(null), w(!1), i && i(ne), E && K(ne);
     }, Le = () => {
-      var re;
-      J(), P(""), w(!0), (re = K.domReference.current) == null || re.focus();
+      var ce;
+      J(), P(""), w(!0), (ce = Y.domReference.current) == null || ce.focus();
     }, Q = () => {
       w(!V);
-    }, se = (re) => re.map((ke) => {
-      const { label: je, optionDisplay: Re, value: ct, searchIndex: it } = ke, bt = ct || je, ot = [je, ct];
+    }, 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), {
         label: je,
         value: bt,
@@ -2659,34 +2659,34 @@ const us = st(
         optionDisplay: Re
       };
     });
-    $.length > 1 && ce(() => {
-      const re = se($).filter((ne) => {
-        const ke = ne.searchIndex.map(
+    $.length > 1 && le(() => {
+      const ce = se($).filter((ne) => {
+        const He = ne.searchIndex.map(
           (Re) => Re.toLowerCase()
         ), je = S.toLowerCase();
-        return ke.some((Re) => Re.includes(je));
+        return He.some((Re) => Re.includes(je));
       });
-      j(re);
+      j(ce);
     }, [S, d, $]);
-    const we = R.map((re, ne) => /* @__PURE__ */ e.createElement(
+    const ke = R.map((ce, ne) => /* @__PURE__ */ e.createElement(
       Rt,
-      He(y({
-        key: re
+      $e(y({
+        key: ce
       }, te({
-        key: re.value,
-        ref(ke) {
-          z.current[ne] = ke;
+        key: ce.value,
+        ref(He) {
+          z.current[ne] = He;
         },
         onClick() {
-          var ke;
-          Ce(ne), (ke = K.domReference.current) == null || ke.focus();
+          var He;
+          Ce(ne), (He = Y.domReference.current) == null || He.focus();
         }
       })), {
         tabIndex: O === ne ? 0 : -1,
         active: O === ne
       }),
-      re.optionDisplay || re.label
-    )), $e = A || h, Ne = u ? `${u / 16}rem` : null, he = u ? { width: Ne } : null;
+      ce.optionDisplay || ce.label
+    )), ye = A || h, we = m ? `${m / 16}rem` : null, he = m ? { width: we } : null;
     return /* @__PURE__ */ e.createElement(
       Oe,
       {
@@ -2695,9 +2695,9 @@ const us = st(
         disabled: s,
         id: c,
         inputFieldType: "combobox",
-        inputWidth: u,
+        inputWidth: m,
         label: o,
-        message: $e,
+        message: ye,
         required: _,
         showLabel: C,
         validationState: Z
@@ -2713,21 +2713,21 @@ const us = st(
           "aria-disabled": s ? !0 : null,
           "aria-required": _ ? !0 : null,
           "aria-invalid": Z === "error" ? !0 : null,
-          "aria-describedby": $e ? `${c}__message` : null
+          "aria-describedby": ye ? `${c}__message` : null
         }, N),
         /* @__PURE__ */ e.createElement(
           "input",
           y({
-            ref: K.setReference
+            ref: Y.setReference
           }, de({
             "aria-autocomplete": "list",
             "aria-label": b.inputInstructions,
             disabled: s,
             placeholder: g,
             value: S,
-            onChange: ge,
-            onKeyDown(re) {
-              re.key === "Enter" && O != null && R[O] && Ce(O);
+            onChange: ue,
+            onKeyDown(ce) {
+              ce.key === "Enter" && O != null && R[O] && Ce(O);
             }
           }))
         ),
@@ -2739,11 +2739,11 @@ const us = st(
             handleClearInput: Le
           }
         ),
-        !S && m && /* @__PURE__ */ e.createElement(Ot, { label: b.searchShortcut }),
+        !S && u && /* @__PURE__ */ e.createElement(Ot, { label: b.searchShortcut }),
         a && /* @__PURE__ */ e.createElement(
           "button",
-          He(y({
-            ref: K.setReference
+          $e(y({
+            ref: Y.setReference
           }, de({
             onClick: Q,
             disabled: s,
@@ -2764,14 +2764,14 @@ const us = st(
       fe && /* @__PURE__ */ e.createElement(
         "div",
         y({
-          ref: K.setFloating,
+          ref: Y.setFloating,
           className: `${B}__dropdown`
         }, me({
           style: {
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: y({}, be) }, d ? /* @__PURE__ */ e.createElement("div", { className: `${B}__loading` }, p) : R.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${B}__options` }, we) : /* @__PURE__ */ e.createElement("div", { className: `${B}__no-results` }, v))
+        /* @__PURE__ */ e.createElement("div", { style: y({}, be) }, d ? /* @__PURE__ */ e.createElement("div", { className: `${B}__loading` }, p) : R.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${B}__options` }, ke) : /* @__PURE__ */ e.createElement("div", { className: `${B}__no-results` }, v))
       )
     );
   }
@@ -2897,13 +2897,13 @@ const u1 = {
   included: "circleCheck",
   notIncluded: "xmark",
   addon: "circlePlusOutline"
-}, St = (u) => {
-  var d = u, {
+}, St = (m) => {
+  var d = m, {
     listItems: s,
     listLabel: n,
     moreLink: a,
     renderTypeLabels: r = !0,
-    typeLabels: m = {
+    typeLabels: u = {
       included: "Included",
       notIncluded: "Not included",
       addon: "Add-on"
@@ -2931,7 +2931,7 @@ const u1 = {
         className: `${o}__list-item ${o}__list-item--${b.type}`
       },
       /* @__PURE__ */ e.createElement(q, { iconName: u1[b.type] }),
-      r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m[b.type], ":", " "),
+      r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u[b.type], ":", " "),
       b.text
     ))),
     a && /* @__PURE__ */ e.createElement("div", { className: `${o}__more-link` }, a)
@@ -2972,13 +2972,13 @@ St.propTypes = {
    */
   className: t.string
 };
-const ps = (m) => {
-  var c = m, { linkContent: s, size: n = "md", className: a } = c, r = M(c, ["linkContent", "size", "className"]);
-  const l = "pds-cta-link", u = n != "md" ? `${l}--${n}` : null;
+const ps = (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",
     y({
-      className: [l, u, a].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, m, a].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     s,
     /* @__PURE__ */ e.createElement(
@@ -3011,10 +3011,10 @@ const p1 = (o) => {
     containerWidth: n = "standard",
     headingLevel: a = "h2",
     headingText: r,
-    leadText: m,
+    leadText: u,
     primaryLink: c,
     secondaryLink: l,
-    className: u
+    className: m
   } = b, d = M(b, [
     "backgroundColor",
     "containerWidth",
@@ -3029,14 +3029,14 @@ const p1 = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [p, h, u].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, h, m].join(" ").trim().replace(/\s+/g, " ")
     }, d),
-    /* @__PURE__ */ e.createElement("div", { className: v }, r && /* @__PURE__ */ e.createElement(i, { className: `${p}__heading pds-ts-4xl` }, r), m && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: v }, r && /* @__PURE__ */ e.createElement(i, { className: `${p}__heading pds-ts-4xl` }, r), u && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${p}__lead-text pds-lead-text pds-lead-text--sm`
       },
-      m
+      u
     ), c && /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -3110,10 +3110,10 @@ const Pe = gt(null), g1 = ({
   mobileMenuMaxWidth: n = 640
 }) => {
   const [a, r] = T(1025);
-  ce(() => (r(window.innerWidth), window.addEventListener("resize", m), () => {
-    window.removeEventListener("resize", m);
+  le(() => (r(window.innerWidth), window.addEventListener("resize", u), () => {
+    window.removeEventListener("resize", u);
   }), []);
-  const m = () => {
+  const u = () => {
     r(window.innerWidth);
   }, l = {
     isMobile: a <= n,
@@ -3127,13 +3127,13 @@ const Pe = gt(null), g1 = ({
     menuItems: n,
     selectTextFallback: a = "Navigate to...",
     className: r
-  } = l, m = M(l, [
+  } = l, u = M(l, [
     "headingText",
     "menuItems",
     "selectTextFallback",
     "className"
   ]);
-  const u = "pds-dropdown-menu", [d, o] = T(!1), [b, p] = T(null), h = (R) => {
+  const m = "pds-dropdown-menu", [d, o] = T(!1), [b, p] = T(null), h = (R) => {
     for (let j = 0; j < R.length; j++) {
       if (R[j].isActive)
         return R[j].linkContent;
@@ -3144,12 +3144,12 @@ const Pe = gt(null), g1 = ({
       }
     }
     return null;
-  }, v = h(n), i = v ? v.props.children : a, $ = /* @__PURE__ */ e.createElement(q, { iconName: "check", className: `${u}__active-icon` }), g = (R) => {
+  }, v = h(n), i = v ? v.props.children : a, $ = /* @__PURE__ */ e.createElement(q, { iconName: "check", className: `${m}__active-icon` }), g = (R) => {
     R.key === "Enter" && I.current[b].querySelector("a").click();
   }, _ = (R) => {
     R.target.nodeName === "A" && o(!1);
   };
-  ce(() => {
+  le(() => {
     if (d) {
       const R = document.querySelector(".pds-dropdown-menu__dropdown");
       return R.addEventListener("click", _), () => {
@@ -3222,24 +3222,24 @@ const Pe = gt(null), g1 = ({
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [u, r].join(" ").trim().replace(/\s+/g, " ")
-    }, m),
-    s && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, s),
+      className: [m, r].join(" ").trim().replace(/\s+/g, " ")
+    }, u),
+    s && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, s),
     /* @__PURE__ */ e.createElement(
       "button",
       y({
-        className: `${u}__trigger`,
+        className: `${m}__trigger`,
         ref: E.setReference
       }, H()),
-      /* @__PURE__ */ e.createElement("span", { className: `${u}__active-label` }, i),
-      /* @__PURE__ */ e.createElement(q, { iconName: "angleDown", className: `${u}__trigger-icon` })
+      /* @__PURE__ */ e.createElement("span", { className: `${m}__active-label` }, i),
+      /* @__PURE__ */ e.createElement(q, { iconName: "angleDown", className: `${m}__trigger-icon` })
     ),
     k && /* @__PURE__ */ e.createElement(
       "ul",
       y({
-        className: `${u}__dropdown ${u}__menu ${u}__menu--top-level`,
+        className: `${m}__dropdown ${m}__menu ${m}__menu--top-level`,
         ref: E.setFloating,
-        style: He(y({}, x), {
+        style: $e(y({}, x), {
           floatingStyles: N,
           zIndex: "var(--pds-z-index-dropdown)"
         })
@@ -3249,7 +3249,7 @@ const Pe = gt(null), g1 = ({
         y({
           key: j,
           onKeyDown: g,
-          className: `${u}__item ${u}__item--${R.level} ${R.isActive === !0 ? `${u}__item--active` : ""}`,
+          className: `${m}__item ${m}__item--${R.level} ${R.isActive === !0 ? `${m}__item--active` : ""}`,
           tabIndex: b === j ? 0 : -1,
           ref: (A) => {
             I.current[j] = A;
@@ -3280,13 +3280,13 @@ ft.propTypes = {
   className: t.string
 };
 const Dt = (l) => {
-  var u = l, {
+  var m = l, {
     colorType: s = "default",
     displayType: n = "full",
     isLink: a,
     subBrand: r,
-    className: m
-  } = u, c = M(u, [
+    className: u
+  } = m, c = M(m, [
     "colorType",
     "displayType",
     "isLink",
@@ -3610,7 +3610,7 @@ const Dt = (l) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [d, o, b, m].join(" ").trim().replace(/\s+/g, " ")
+      className: [d, o, b, u].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     i,
     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" }, $))
@@ -3645,7 +3645,7 @@ Dt.propTypes = {
   className: t.string
 };
 const h1 = 11.75, f1 = (l) => {
-  var u = l, {
+  var m = l, {
     ariaLabel: s = "Main navigation",
     labels: n = {
       submenu: "submenu",
@@ -3653,8 +3653,8 @@ const h1 = 11.75, f1 = (l) => {
     },
     menuItems: a,
     mobileMenuSelectTextFallback: r = "Navigate to...",
-    className: m
-  } = u, c = M(u, [
+    className: u
+  } = m, c = M(m, [
     "ariaLabel",
     "labels",
     "menuItems",
@@ -3662,7 +3662,7 @@ const h1 = 11.75, f1 = (l) => {
     "className"
   ]);
   let d = !1;
-  const o = ye(Pe);
+  const o = Ne(Pe);
   o && (d = o.isMobile);
   const b = X(), [p] = at(b), h = h1 * 16 * 0.8, v = p.width < h, i = "pds-dashboard-nav", $ = v ? `${i}--collapsed` : `${i}--expanded`, g = (f) => {
     const N = f.target;
@@ -3682,7 +3682,7 @@ const h1 = 11.75, f1 = (l) => {
   };
   a = a.map((f) => {
     const N = f.linkContent.type, k = f.linkContent.props.href ? "href" : "to", x = k === "href" ? f.linkContent.props.href : f.linkContent.props.to, I = f.linkContent.props.children;
-    return He(y({}, f), {
+    return $e(y({}, f), {
       linkContent: /* @__PURE__ */ e.createElement(
         N,
         {
@@ -3736,7 +3736,7 @@ const h1 = 11.75, f1 = (l) => {
     "nav",
     y({
       "aria-label": s,
-      className: [i, $, m].join(" ").trim().replace(/\s+/g, " "),
+      className: [i, $, u].join(" ").trim().replace(/\s+/g, " "),
       ref: b
     }, c),
     !d && /* @__PURE__ */ e.createElement(
@@ -3774,8 +3774,8 @@ f1.propTypes = {
    */
   className: t.string
 };
-const gs = (m) => {
-  var c = m, {
+const gs = (u) => {
+  var c = u, {
     destination: s = "main",
     text: n = "Skip to main content",
     className: a
@@ -3807,13 +3807,13 @@ gs.propTypes = {
    */
   className: t.string
 };
-const hs = gt(null), Dn = (u) => {
-  var d = u, {
+const hs = gt(null), Dn = (m) => {
+  var d = m, {
     children: s,
     hasSidebarToggle: n = !0,
     initialSidebarExpanded: a = !0,
     sidebarToggleLabel: r = "Toggle sidebar",
-    skiplinkText: m = "Skip to main content",
+    skiplinkText: u = "Skip to main content",
     className: c
   } = d, l = M(d, [
     "children",
@@ -3825,7 +3825,7 @@ const hs = gt(null), Dn = (u) => {
   ]);
   const [o, b] = T(
     a
-  ), { isMobile: p } = ye(Pe), h = X(), [v] = at(h), $ = {
+  ), { 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);
@@ -3846,7 +3846,7 @@ const hs = gt(null), Dn = (u) => {
     },
     /* @__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: m, className: "" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(hs.Provider, { value: $ }, /* @__PURE__ */ e.createElement(gs, { text: u, className: "" }), /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
@@ -3861,13 +3861,13 @@ const hs = gt(null), Dn = (u) => {
     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)))
   ));
-}, qt = (u) => {
-  var d = u, {
+}, qt = (m) => {
+  var d = m, {
     color: s = "transparent",
     hasStatusIndicator: n = !1,
     label: a,
     statusIndicatorText: r = "Status indicator: ",
-    statusType: m,
+    statusType: u,
     className: c
   } = d, l = M(d, [
     "color",
@@ -3877,13 +3877,13 @@ const hs = gt(null), Dn = (u) => {
     "statusType",
     "className"
   ]);
-  const o = "pds-status-badge", b = `${o}--${s}`, p = `${o}__status`, h = m ? `${p}--${m}` : null;
+  const o = "pds-status-badge", b = `${o}--${s}`, p = `${o}__status`, h = u ? `${p}--${u}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [o, b, c != null ? c : ""].join(" ").trim().replace(/\s+/g, " ")
     }, l),
-    n === !0 && /* @__PURE__ */ e.createElement("span", { className: [p, h].join(" ").trim() }, m && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r, " ", 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 }) => {
@@ -3892,11 +3892,11 @@ const hs = gt(null), Dn = (u) => {
     wordpress: "wordpress",
     gatsby: "bolt",
     nextjs: "bolt"
-  }, r = s.type ? a[s.type] : "bolt", m = X(), [c] = at(m), l = c.width / 16 - 7.5;
+  }, r = s.type ? a[s.type] : "bolt", u = X(), [c] = at(u), l = c.width / 16 - 7.5;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: m,
+      ref: u,
       className: `${n}__option-display`,
       title: s.name
     },
@@ -3941,14 +3941,14 @@ const b1 = (v) => {
     id: n,
     isLoading: a = !1,
     label: r = "Search sites",
-    labelStrings: m = {
+    labelStrings: u = {
       clearButton: "Clear input text",
       inputInstructions: "Type to search options",
       openSearchButton: "Open search field"
     },
     loadingText: c = "Loading results...",
     noResultsText: l = "No results found",
-    onOptionSelect: u,
+    onOptionSelect: m,
     placeholder: d = "Search sites",
     siteList: o,
     startingRightPosition: b = 9.25,
@@ -3969,10 +3969,10 @@ const b1 = (v) => {
   ]);
   const [$, g] = T(!1), [_, C] = T(null), E = X(null);
   let f = !1;
-  const N = ye(Pe);
+  const N = Ne(Pe);
   N && (f = N.isMobile);
   let k = null;
-  const x = ye(hs);
+  const x = Ne(hs);
   x && (k = x.navbarWidth);
   const I = 2.25, L = 22, V = k > 900 ? L : k / 16 - b - I * 0.675;
   let w = I;
@@ -3989,9 +3989,9 @@ const b1 = (v) => {
       g(!1);
     }, 150);
   }, j = (z) => {
-    C(z.value), u && u(z);
+    C(z.value), m && m(z);
   };
-  ce(() => {
+  le(() => {
     if ($) {
       const z = E.current.querySelector("input");
       return z.addEventListener("blur", R), () => {
@@ -4016,7 +4016,7 @@ const b1 = (v) => {
       initialValue: _,
       isLoading: a,
       label: r,
-      labelStrings: m,
+      labelStrings: u,
       loadingText: c,
       noResultsText: l,
       onOptionSelect: j,
@@ -4035,7 +4035,7 @@ const b1 = (v) => {
     "button",
     {
       className: `${H}__search-toggle`,
-      "aria-label": m.openSearchButton,
+      "aria-label": u.openSearchButton,
       onClick: P,
       style: $ ? { visibility: "hidden" } : { visibility: "visible" }
     },
@@ -4144,13 +4144,13 @@ b1.propTypes = {
   className: t.string
 };
 const v1 = (l) => {
-  var u = l, {
+  var m = l, {
     children: s,
     id: n,
     isOpen: a = !1,
     summary: r,
-    className: m
-  } = u, c = M(u, [
+    className: u
+  } = m, c = M(m, [
     "children",
     "id",
     "isOpen",
@@ -4161,7 +4161,7 @@ const v1 = (l) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [o, m].join(" ").trim().replace(/\s+/g, " ")
+      className: [o, u].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     /* @__PURE__ */ e.createElement("details", { key: r, id: d, open: a }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement("span", null, r), /* @__PURE__ */ e.createElement(q, { iconName: "angleDown", className: `${o}__icon` })), /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, s))
   );
@@ -4188,8 +4188,8 @@ v1.propTypes = {
    */
   className: t.string
 };
-const _1 = (m) => {
-  var c = m, {
+const _1 = (u) => {
+  var c = u, {
     children: s,
     displayType: n = "standard",
     className: a
@@ -4198,11 +4198,11 @@ const _1 = (m) => {
     "displayType",
     "className"
   ]);
-  const l = "pds-expansion-panel-group", u = `${l}--${n}`;
+  const l = "pds-expansion-panel-group", m = `${l}--${n}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [l, u, a].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, m, a].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     s
   );
@@ -4221,8 +4221,8 @@ _1.propTypes = {
    */
   className: t.string
 };
-const bs = (m) => {
-  var c = m, {
+const bs = (u) => {
+  var c = u, {
     headingLevel: s = "h3",
     headingText: n,
     className: a
@@ -4260,27 +4260,27 @@ const E1 = (c) => {
     headingText: n,
     linkItems: a,
     className: r
-  } = l, m = M(l, [
+  } = l, u = M(l, [
     "headingLevel",
     "headingText",
     "linkItems",
     "className"
   ]);
-  const u = "pds-footer-links";
+  const m = "pds-footer-links";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [u, r].join(" ").trim().replace(/\s+/g, " ")
-    }, m),
+      className: [m, r].join(" ").trim().replace(/\s+/g, " ")
+    }, u),
     n && /* @__PURE__ */ e.createElement(
       bs,
       {
         headingLevel: s,
-        className: `${u}__heading`,
+        className: `${m}__heading`,
         headingText: n
       }
     ),
-    /* @__PURE__ */ e.createElement("ul", { className: `${u}__list`, role: "list" }, a.map((d, o) => /* @__PURE__ */ e.createElement("li", { key: o, className: `${u}__item` }, d)))
+    /* @__PURE__ */ e.createElement("ul", { className: `${m}__list`, role: "list" }, a.map((d, o) => /* @__PURE__ */ e.createElement("li", { key: o, className: `${m}__item` }, d)))
   );
 };
 E1.propTypes = {
@@ -4301,11 +4301,11 @@ E1.propTypes = {
    */
   className: t.string
 };
-const C1 = (m) => {
-  var c = m, { children: s, level: n, className: a } = c, r = M(c, ["children", "level", "className"]);
-  const l = "pds-heading", u = `${n}`;
+const C1 = (u) => {
+  var c = u, { children: s, level: n, className: a } = c, r = M(c, ["children", "level", "className"]);
+  const l = "pds-heading", m = `${n}`;
   return /* @__PURE__ */ e.createElement(
-    u,
+    m,
     y({
       className: [l, a].join(" ").trim().replace(/\s+/g, " ")
     }, r),
@@ -4332,19 +4332,19 @@ const pt = (c) => {
     size: n = "md",
     color: a = "neutral",
     className: r
-  } = l, m = M(l, [
+  } = l, u = M(l, [
     "label",
     "size",
     "color",
     "className"
   ]);
-  const u = "pds-indicator-badge", d = `${u}--${a}`, o = `${u}--${n}`;
+  const m = "pds-indicator-badge", d = `${m}--${a}`, o = `${m}--${n}`;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [u, d, o, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
-    }, m),
-    /* @__PURE__ */ e.createElement("span", { className: `${u}__label` }, s)
+      className: [m, d, o, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
+    }, u),
+    /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, s)
   );
 }, Et = {
   info: "circleInfo",
@@ -4353,7 +4353,7 @@ const pt = (c) => {
   critical: "diamondExclamation",
   spinner: "spinner"
 }, $1 = (l) => {
-  var u = l, {
+  var m = l, {
     title: s,
     secondaryText: n,
     type: a,
@@ -4364,8 +4364,8 @@ const pt = (c) => {
       critical: "Critical",
       working: "Working"
     },
-    className: m
-  } = u, c = M(u, [
+    className: u
+  } = m, c = M(m, [
     "title",
     "secondaryText",
     "type",
@@ -4383,7 +4383,7 @@ const pt = (c) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [d, o[a], b, m].join(" ").trim().replace(/\s+/g, " "),
+      className: [d, o[a], b, u].join(" ").trim().replace(/\s+/g, " "),
       role: h
     }, 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(
@@ -4428,10 +4428,10 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
     formatting: n,
     hasClearButton: a = !1,
     id: r,
-    initialValue: m = "",
+    initialValue: u = "",
     label: c,
     message: l,
-    onChange: u,
+    onChange: m,
     placeholder: d,
     required: o = !1,
     showLabel: b = !0,
@@ -4458,8 +4458,8 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
     _,
     h
   ]), [E, f] = T(""), [N, k] = T(null), [x, I] = T(null), L = X(null), V = X(null), w = X("");
-  ce(() => {
-    switch (m && f(Z(m)), w.numExtra = "", n) {
+  le(() => {
+    switch (u && f(Z(u)), w.numExtra = "", n) {
       case "credit-card":
         w.numExtra = 3, w.current = $t;
         break;
@@ -4479,7 +4479,7 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
   }, S = () => {
     H(), k(""), I(null);
   }, P = (z) => {
-    u && u({
+    m && m({
       formattedValue: z,
       rawValue: V.current
     });
@@ -4507,12 +4507,12 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
         if (V.current = B, B) {
           if (new RegExp("^34|37", "g").test(B)) {
             w.numExtra = 2, w.current = $t - 1;
-            const le = {};
-            return le.first = B.substring(0, 4), le.middle = B.substring(4, 10), le.middle.length > 0 && (le.middle = ` ${le.middle}`), le.last = B.substring(10), le.last.length > 0 && (le.last = ` ${le.last}`), `${le.first}${le.middle}${le.last}`;
+            const re = {};
+            return re.first = B.substring(0, 4), re.middle = B.substring(4, 10), re.middle.length > 0 && (re.middle = ` ${re.middle}`), re.last = B.substring(10), re.last.length > 0 && (re.last = ` ${re.last}`), `${re.first}${re.middle}${re.last}`;
           }
           w.numExtra = 3, w.current = $t;
-          const K = new RegExp(".{1,4}", "g");
-          return B.match(K).join(" ");
+          const Y = new RegExp(".{1,4}", "g");
+          return B.match(Y).join(" ");
         }
         return B;
       }
@@ -4520,20 +4520,20 @@ const y1 = new Intl.NumberFormat().formatToParts(100000089e-2), Ct = y1.find((s)
         const B = ("" + z).replace(/\D/g, "");
         if (V.current = B, B) {
           w.numExtra = 4, w.current = Gt;
-          let U = B.substring(0, 3), K = B.substring(3, 6);
-          K.length > 0 && (U = `(${U})`, K = ` ${K}`);
-          let ue = B.substring(6);
-          return ue.length > 0 && (ue = `-${ue}`), `${U}${K}${ue}`;
+          let U = B.substring(0, 3), Y = B.substring(3, 6);
+          Y.length > 0 && (U = `(${U})`, Y = ` ${Y}`);
+          let pe = B.substring(6);
+          return pe.length > 0 && (pe = `-${pe}`), `${U}${Y}${pe}`;
         }
         return B;
       }
       if (n === "number-localized") {
         const B = new RegExp(`[^0-9${Ct}]`, "g"), U = ("" + z).replace(B, "");
         V.current = U;
-        const K = new Intl.NumberFormat(void 0, {
+        const Y = new Intl.NumberFormat(void 0, {
           maximumFractionDigits: 20
         }).format(U);
-        return U.endsWith(Ct) ? K + Ct : K;
+        return U.endsWith(Ct) ? Y + Ct : Y;
       }
     }
     return z;
@@ -4651,10 +4651,10 @@ N1.propTypes = {
   className: t.string
 };
 const w1 = (r) => {
-  var m = r, { children: s, className: n } = m, a = M(m, ["children", "className"]);
-  const c = "pds-input-group", l = [], u = ["InputText", "Select"], d = ["critical", "primary", "secondary"];
+  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) => {
-    (u.includes(o.type.name) || o.props.buttonType && d.includes(o.props.variant)) && l.push(o);
+    (m.includes(o.type.name) || o.props.buttonType && d.includes(o.props.variant)) && l.push(o);
   }), /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -4680,10 +4680,10 @@ const k1 = (v) => {
     disabled: n = !1,
     hasClearButton: a = !1,
     id: r,
-    initialValue: m = "",
+    initialValue: u = "",
     label: c,
     message: l,
-    onChange: u,
+    onChange: m,
     required: d = !1,
     showLabel: o = !0,
     validationFunction: b,
@@ -4702,9 +4702,9 @@ const k1 = (v) => {
     "validationFunction",
     "className"
   ]);
-  const $ = "pds-input-obscured", g = X(["pds-input-field", $, p]), [_, C] = T(m), [E, f] = T(s("")), [N, k] = T(), [x, I] = T(null), [L, V] = T(!1), w = X(null), O = X(null);
-  ce(() => {
-    m && s && f(s(m));
+  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);
+  le(() => {
+    u && s && f(s(u));
   }, []);
   const H = () => {
     g.current = g.current.filter(
@@ -4717,15 +4717,15 @@ const k1 = (v) => {
   }, P = () => {
     S(), k(""), I(null);
   }, R = (z) => {
-    C(z.target.value), P(), s && f(s(z.target.value)), u && u(z.target.value);
+    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) || {};
       P(), B.error && (I("error"), g.current.push(_e.error)), B.success && (I("success"), g.current.push(_e.success)), k(B.message);
     }
-    u && u(_);
+    m && m(_);
   }, A = () => {
-    P(), C(""), O.current.value = null, O.current.focus(), s && f(s("")), u && u("");
+    P(), C(""), O.current.value = null, O.current.focus(), s && f(s("")), m && m("");
   }, F = () => {
     V((z) => !z);
   }, Z = (z) => {
@@ -4875,10 +4875,10 @@ const yt = 16, Kt = 10, vs = (L) => {
     },
     disabled: a = !1,
     hasClearButton: r = !1,
-    hasSearchShortcut: m = !1,
+    hasSearchShortcut: u = !1,
     id: c,
     initialValue: l = "",
-    inputWidth: u,
+    inputWidth: m,
     label: d,
     labelStrings: o = {
       clearButton: "Clear input text",
@@ -4930,9 +4930,9 @@ 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), K = "pds-input-text", ue = _ ? `${K}--${_}` : null;
-  let le = null;
-  f === "search" && (le = "search"), j === "error" && (le = "error"), j === "success" && (le = "success"), _ && C && ce(() => {
+  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;
+  let re = null;
+  f === "search" && (re = "search"), j === "error" && (re = "error"), j === "success" && (re = "success"), _ && C && le(() => {
     switch (l && O(de(l)), U.numExtra = "", _) {
       case "credit-card":
         U.numExtra = 3, U.current = yt;
@@ -4955,8 +4955,8 @@ const yt = 16, Kt = 10, vs = (L) => {
             return he.first = se.substring(0, 4), he.middle = se.substring(4, 10), he.middle.length > 0 && (he.middle = ` ${he.middle}`), he.last = se.substring(10), he.last.length > 0 && (he.last = ` ${he.last}`), `${he.first}${he.middle}${he.last}`;
           }
           U.numExtra = 3, U.current = yt;
-          const $e = new RegExp(".{1,4}", "g");
-          return se.match($e).join(" ");
+          const ye = new RegExp(".{1,4}", "g");
+          return se.match(ye).join(" ");
         }
         return se;
       }
@@ -4964,17 +4964,17 @@ const yt = 16, Kt = 10, vs = (L) => {
         const se = ("" + Q).replace(/\D/g, "");
         if (B.current = se, se) {
           U.numExtra = 4, U.current = Kt;
-          let we = se.substring(0, 3), $e = se.substring(3, 6);
-          $e.length > 0 && (we = `(${we})`, $e = ` ${$e}`);
-          let Ne = se.substring(6);
-          return Ne.length > 0 && (Ne = `-${Ne}`), `${we}${$e}${Ne}`;
+          let ke = se.substring(0, 3), ye = se.substring(3, 6);
+          ye.length > 0 && (ke = `(${ke})`, ye = ` ${ye}`);
+          let we = se.substring(6);
+          return we.length > 0 && (we = `-${we}`), `${ke}${ye}${we}`;
         }
         return se;
       }
     }
     return Q;
   };
-  ce(() => {
+  le(() => {
     l && n && S(n(l));
   }, []);
   const me = () => {
@@ -4994,15 +4994,15 @@ const yt = 16, Kt = 10, vs = (L) => {
   }, J = (Q) => {
     var se;
     (!((se = z.current) != null && se.contains(Q.relatedTarget)) || !Q.relatedTarget) && Z(!1);
-  }, Y = () => {
+  }, K = () => {
     me(), O(""), B.current = "", W.current.focus(), n && S(n("")), fe("");
-  }, ge = (Q) => {
+  }, ue = (Q) => {
     Q.key === "/" && (/^(?:input|textarea|select|button)$/i.test(Q.target.tagName) || (Q.preventDefault(), document.getElementById(c).focus()));
   };
-  ce(() => {
-    if (f === "search" && m)
-      return document.addEventListener("keyup", ge), () => {
-        document.removeEventListener("keyup", ge);
+  le(() => {
+    if (f === "search" && u)
+      return document.addEventListener("keyup", ue), () => {
+        document.removeEventListener("keyup", ue);
       };
   }, []);
   const Ce = () => {
@@ -5014,11 +5014,11 @@ const yt = 16, Kt = 10, vs = (L) => {
     Oe,
     {
       className: x,
-      decorator: le,
+      decorator: re,
       disabled: a,
       id: c,
       inputFieldType: "text",
-      inputWidth: u,
+      inputWidth: m,
       label: d,
       message: Le,
       onBlur: J,
@@ -5032,7 +5032,7 @@ const yt = 16, Kt = 10, vs = (L) => {
     /* @__PURE__ */ e.createElement(
       "input",
       y({
-        className: [K, ue].join(" ").trim().replace(/\s+/g, " "),
+        className: [Y, pe].join(" ").trim().replace(/\s+/g, " "),
         type: f,
         id: c,
         name: c,
@@ -5058,7 +5058,7 @@ const yt = 16, Kt = 10, vs = (L) => {
       {
         id: c,
         label: o.clearButton,
-        handleClearInput: Y
+        handleClearInput: K
       }
     ),
     E && f === "password" && /* @__PURE__ */ e.createElement(
@@ -5073,7 +5073,7 @@ const yt = 16, Kt = 10, vs = (L) => {
       },
       /* @__PURE__ */ e.createElement(q, { iconName: F ? "eyeSlash" : "eye" })
     ),
-    !w && m && f === "search" && /* @__PURE__ */ e.createElement(Ot, { label: o.searchShortcut })
+    !w && u && f === "search" && /* @__PURE__ */ e.createElement(Ot, { label: o.searchShortcut })
   );
 };
 vs.propTypes = {
@@ -5218,20 +5218,20 @@ const H1 = (c) => {
     headingLevel: n = "h3",
     headingText: a,
     className: r
-  } = l, m = M(l, [
+  } = l, u = M(l, [
     "linkItems",
     "headingLevel",
     "headingText",
     "className"
   ]);
-  const u = "pds-links-card", d = `${n}`;
+  const m = "pds-links-card", d = `${n}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [u, r].join(" ").trim().replace(/\s+/g, " ")
-    }, m),
-    a && /* @__PURE__ */ e.createElement(d, { className: `${u}__heading pds-ts-xl` }, a),
-    s && /* @__PURE__ */ e.createElement("ul", { className: `${u}__list`, role: "list" }, s.map((o, b) => /* @__PURE__ */ e.createElement("li", { key: b, className: "pds-cta-links-card__item" }, o)))
+      className: [m, r].join(" ").trim().replace(/\s+/g, " ")
+    }, u),
+    a && /* @__PURE__ */ e.createElement(d, { className: `${m}__heading pds-ts-xl` }, a),
+    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 = {
@@ -5258,10 +5258,10 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
     disabled: n,
     displayType: a = "icon-end",
     iconName: r = "ellipsisVertical",
-    id: m,
+    id: u,
     isSplitButton: c = !1,
     label: l,
-    menuItems: u,
+    menuItems: m,
     menuPosition: d = "start",
     size: o = "md",
     testId: b,
@@ -5300,25 +5300,25 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
     middleware: [Ws()]
   });
   let V = !1;
-  const w = ye(Pe);
+  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 = m || j, Z = L.floating, W = X(null), [z, B] = T(!1), [U, K] = T(!1), [ue, le] = T(""), [ee, de] = T(0), me = X([]), te = X([]), fe = X([]);
+  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(() => {
-    window.addEventListener("mousedown", $e, !0), x();
+    window.addEventListener("mousedown", ye, !0), x();
     const D = Z.current;
     return D && (D.dataset.fuiPlacement = I), U && (setTimeout(() => {
       D.focus();
-    }, 0), K(!1)), () => {
-      window.removeEventListener("mousedown", $e, !0);
+    }, 0), Y(!1)), () => {
+      window.removeEventListener("mousedown", ye, !0);
     };
   }, [z, I]);
   const be = (D, ae) => {
-    le(D), de(ae);
+    re(D), de(ae);
   }, oe = () => {
-    B(!0), K(!0);
+    B(!0), Y(!0);
   }, J = () => {
     B(!1), be(void 0, -1), W.current.querySelector(`#${F}`).focus();
-  }, Y = (D) => {
+  }, K = (D) => {
     D = D.toLowerCase();
     let ae = !1;
     for (let G = ee + 1; G < fe.current.length; G++)
@@ -5333,19 +5333,19 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
           break;
         }
     }
-  }, ge = (D) => {
+  }, ue = (D) => {
     const ae = te.current.indexOf(D), G = fe.current[ae];
     if (G.callback && !G.disabled && G.callback(G), G.linkContent && !G.disabled) {
-      const pe = W.current.querySelector(`#${D} a`);
-      pe && pe.click();
+      const ge = W.current.querySelector(`#${D} a`);
+      ge && ge.click();
     }
   }, Ce = () => {
     const D = te.current[ee];
-    ge(D);
+    ue(D);
   }, Le = (D) => {
-    z ? J() : oe(), K((ae) => !ae), D.stopPropagation(), D.preventDefault();
+    z ? J() : oe(), Y((ae) => !ae), D.stopPropagation(), D.preventDefault();
   }, Q = (D) => {
-    ge(D.currentTarget.id), O || J();
+    ue(D.currentTarget.id), O || J();
   }, se = (D) => {
     var ae = D.key, G = !1;
     switch (ae) {
@@ -5361,20 +5361,20 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
         break;
       case "Up":
       case "ArrowUp": {
-        const pe = te.current.length - 1;
-        oe(), be(te.current[pe], pe), G = !0;
+        const ge = te.current.length - 1;
+        oe(), be(te.current[ge], ge), G = !0;
         break;
       }
     }
     G && (D.stopPropagation(), D.preventDefault());
-  }, we = (D) => {
-    let ae = D.key, G = !1, pe = "", ie = 0;
+  }, ke = (D) => {
+    let ae = D.key, G = !1, ge = "", ie = 0;
     function Ee(ve) {
       return ve.length === 1 && ve.match(/\S/);
     }
     if (!(D.ctrlKey || D.altKey || D.metaKey)) {
       if (D.shiftKey)
-        Ee(ae) && (Y(ae), G = !0), D.key === "Tab" && (J(), G = !0);
+        Ee(ae) && (K(ae), G = !0), D.key === "Tab" && (J(), G = !0);
       else
         switch (ae) {
           case " ":
@@ -5387,11 +5387,11 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
             break;
           case "Up":
           case "ArrowUp":
-            ie = ee - 1, ie < 0 && (ie = te.current.length - 1), pe = te.current[ie], be(pe, ie), G = !0;
+            ie = ee - 1, ie < 0 && (ie = te.current.length - 1), ge = te.current[ie], be(ge, ie), G = !0;
             break;
           case "ArrowDown":
           case "Down":
-            ie = ee + 1, ie > te.current.length - 1 && (ie = 0), pe = te.current[ie], be(pe, ie), G = !0;
+            ie = ee + 1, ie > te.current.length - 1 && (ie = 0), ge = te.current[ie], be(ge, ie), G = !0;
             break;
           case "Home":
           case "PageUp":
@@ -5407,14 +5407,14 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
             J();
             break;
           default:
-            Ee(ae) && (Y(ae), G = !0);
+            Ee(ae) && (K(ae), G = !0);
             break;
         }
       G && (D.stopPropagation(), D.preventDefault());
     }
-  }, $e = (D) => {
+  }, ye = (D) => {
     W.current && !W.current.contains(D.target) && z && J();
-  }, Ne = (D, ae, G = "", pe = "", ...ie) => {
+  }, 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))
       return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Me });
@@ -5423,8 +5423,8 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
         "li",
         {
           role: "presentation",
-          id: pe || null,
-          key: pe,
+          id: ge || null,
+          key: ge,
           className: `${H}__listbox-heading`
         },
         D.label
@@ -5434,7 +5434,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
     if (kt(D) || D.label) {
       te.current.push(Me), fe.current.push(D);
       let dt = !1;
-      ue !== "" && !D.disabled && (dt = ue === Me);
+      pe !== "" && !D.disabled && (dt = pe === Me);
       let ze;
       if (D.label && (ze = [D.label]), kt(D) && (ze = [D.linkContent.props.children]), D.iconName) {
         const Ke = /* @__PURE__ */ e.createElement(q, { key: `icon-${R}`, iconName: D.iconName, iconSize: "md" });
@@ -5465,17 +5465,17 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
     }
   }, he = (D, ae) => {
     const G = [];
-    let pe = ae.shift(), ie = [];
+    let ge = ae.shift(), ie = [];
     return D.map((Ee, ve) => {
-      Ee !== pe ? (ie.push(Ee), ve + 1 === D.length && G.push(ie)) : (G.push(ie), ie = [], ie.push(Ee), pe = ae.shift());
+      Ee !== ge ? (ie.push(Ee), ve + 1 === D.length && G.push(ie)) : (G.push(ie), ie = [], ie.push(Ee), ge = ae.shift());
     }), G.filter((Ee) => Ee.length > 0);
-  }, re = (D) => {
+  }, ce = (D) => {
     te.current = [], fe.current = [];
     const ae = D, G = D.filter(
       wt || Nt
-    ), pe = G.length > 0;
+    ), ge = G.length > 0;
     let ie = [`${H}__listbox`];
-    if (v && ie.push(`${H}__listbox--navbar`), (a === "avatar" || a === "avatar-with-text") && ie.push(`${H}__listbox--avatar`), d === "end" && ie.push(`${H}__listbox--end`), a === "icon-only" && ie.push(`${H}__listbox--icon-only`), ie = ie.join(" ").trim().replace(/\s+/g, " "), pe) {
+    if (v && ie.push(`${H}__listbox--navbar`), (a === "avatar" || a === "avatar-with-text") && ie.push(`${H}__listbox--avatar`), d === "end" && ie.push(`${H}__listbox--end`), a === "icon-only" && ie.push(`${H}__listbox--icon-only`), ie = ie.join(" ").trim().replace(/\s+/g, " "), ge) {
       const Ee = he(D, G);
       Ee.forEach(() => {
         me.current.push(xe());
@@ -5492,7 +5492,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": F,
-          "aria-activedescendant": ue !== "" ? ue : dt,
+          "aria-activedescendant": pe !== "" ? pe : dt,
           style: {
             visibility: z ? "visible" : "hidden",
             opacity: z ? "1" : "0",
@@ -5501,7 +5501,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
             transform: `translate(${Math.round(C)}px,${Math.round(E)}px)`,
             zIndex: "var(--pds-z-index-dropdown)"
           },
-          onKeyDown: we,
+          onKeyDown: ke,
           ref: N
         },
         Ee.map((ze, Ue) => {
@@ -5515,7 +5515,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
               "aria-label": Ls,
               key: Hs
             },
-            ze.map((zs, Ms) => Ne(
+            ze.map((zs, Ms) => we(
               zs,
               Ms,
               ve,
@@ -5534,7 +5534,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": F,
-          "aria-activedescendant": ue !== "" ? ue : Ee,
+          "aria-activedescendant": pe !== "" ? pe : Ee,
           style: {
             visibility: z ? "visible" : "hidden",
             opacity: z ? "1" : "0",
@@ -5542,10 +5542,10 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
             position: k,
             transform: `translate(${Math.round(C)}px,${Math.round(E)}px)`
           },
-          onKeyDown: we,
+          onKeyDown: ke,
           ref: N
         },
-        ae.map((ve, Me) => Ne(ve, Me))
+        ae.map((ve, Me) => we(ve, Me))
       ));
     }
   };
@@ -5613,13 +5613,13 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
       }
     )
   ));
-  const ke = (D) => {
+  const He = (D) => {
     const ae = D.target;
     ae.classList.toggle(`${H}__toggle--expanded`), ae.setAttribute(
       "aria-expanded",
       ae.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), ae.nextElementSibling.classList.toggle(`${H}__mobile-menu--expanded`);
-  }, je = () => /* @__PURE__ */ e.createElement("ul", { className: `${H}__mobile-menu`, role: "menu" }, u.map((D, ae) => Ne(D, ae)));
+  }, 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(
@@ -5630,7 +5630,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
       disabled: n,
       className: it,
       "aria-expanded": !1,
-      onClick: ke
+      onClick: He
     },
     a === "avatar" || a === "avatar-with-text" ? /* @__PURE__ */ e.createElement("span", { className: `${H}__avatar-label` }, /* @__PURE__ */ e.createElement(Xe, { size: "sm", imageSrc: s }), l) : a === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${H}__icon-label` }, /* @__PURE__ */ e.createElement(q, { iconName: r }), " ", l) : l,
     /* @__PURE__ */ e.createElement(
@@ -5650,7 +5650,7 @@ const Nt = (s) => s.isSeparator, wt = (s) => s.isHeading, kt = (s) => s.isLink,
       "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, re(u))
+    O ? /* @__PURE__ */ e.createElement(e.Fragment, null, bt, /* @__PURE__ */ e.createElement(je, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, ne, ce(m))
   );
 };
 _s.propTypes = {
@@ -5734,11 +5734,11 @@ const z1 = (o) => {
     children: n,
     hasCloseButton: a = !0,
     modalIsOpen: r = !1,
-    setModalIsOpen: m = () => {
+    setModalIsOpen: u = () => {
     },
     size: c = "md",
     title: l,
-    className: u
+    className: m
   } = b, d = M(b, [
     "ariaLabel",
     "children",
@@ -5750,10 +5750,10 @@ const z1 = (o) => {
     "className"
   ]);
   const p = "pds-modal", h = c !== "md" ? `${p}--${c}` : null, [v, i] = T(r);
-  ce(() => {
+  le(() => {
     i(r);
-  }, [r]), ce(() => {
-    m(v);
+  }, [r]), le(() => {
+    u(v);
   }, [v]);
   const { refs: $, context: g, floatingStyles: _ } = Ve({
     open: v,
@@ -5791,11 +5791,11 @@ const z1 = (o) => {
     },
     /* @__PURE__ */ e.createElement(ls, { context: g }, /* @__PURE__ */ e.createElement(
       "div",
-      y(He(y({
+      y($e(y({
         ref: $.setFloating,
         "aria-label": s || l
       }, N()), {
-        className: [p, h, u].join(" ").trim().replace(/\s+/g, " "),
+        className: [p, h, m].join(" ").trim().replace(/\s+/g, " "),
         style: y({
           floatingStyles: _
         }, x)
@@ -5849,8 +5849,8 @@ z1.propTypes = {
    */
   className: t.string
 };
-const Ye = (m) => {
-  var c = m, {
+const Ye = (u) => {
+  var c = u, {
     children: s,
     width: n = "standard",
     className: a
@@ -5859,11 +5859,11 @@ const Ye = (m) => {
     "width",
     "className"
   ]);
-  const l = "pds-container", u = n !== "standard" ? `${l}--${n}` : null;
+  const l = "pds-container", m = n !== "standard" ? `${l}--${n}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [l, u, a].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, m, a].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     s
   );
@@ -5888,10 +5888,10 @@ const M1 = (h) => {
     colorType: n = "default",
     containerWidth: a = "x-wide",
     hideBorder: r,
-    hideLogo: m = !1,
+    hideLogo: u = !1,
     logoDisplay: c = "full",
     logoLabel: l = "Pantheon Home",
-    logoLink: u = /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io" }),
+    logoLink: m = /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io" }),
     logoSrc: d,
     logoSubBrand: o,
     className: b
@@ -5910,10 +5910,10 @@ const M1 = (h) => {
   ]);
   const [i, $] = T(!1);
   let g = !1;
-  const _ = ye(Pe);
+  const _ = Ne(Pe);
   _ && (g = _.isMobile);
   const C = "pds-navbar", E = r ? `${C}--noBorder` : "", f = n !== "default" ? `${C}--${n}` : "", N = g ? `${C}--isMobile` : `${C}--notMobile`;
-  ce(() => (window.addEventListener("keyup", k), () => {
+  le(() => (window.addEventListener("keyup", k), () => {
     window.removeEventListener("keyup", k);
   }), []);
   const k = (Z) => {
@@ -5926,7 +5926,7 @@ const M1 = (h) => {
     }
     z && (Z.stopPropagation(), Z.preventDefault());
   }, x = () => $(!i), I = e.createRef();
-  ce(() => {
+  le(() => {
     if (g && s) {
       const Z = ds(
         document.querySelector(".pds-navbar__mobile")
@@ -5941,16 +5941,16 @@ const M1 = (h) => {
   const L = (Z) => {
     Z.target.nodeName === "A" && $(!1);
   };
-  ce(() => {
+  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);
       };
     }
-  }, [i]), ce(() => {
+  }, [i]), le(() => {
     g ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
-  }, [g]), ce(() => {
+  }, [g]), le(() => {
     i ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [i]);
   const V = {};
@@ -5967,9 +5967,9 @@ const M1 = (h) => {
       alt: l
     }
   );
-  if (u) {
-    const Z = u.type;
-    H = /* @__PURE__ */ e.createElement(Z, y({ "aria-label": l }, u.props), H);
+  if (m) {
+    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");
@@ -5979,7 +5979,7 @@ const M1 = (h) => {
       colorType: S,
       displayType: c,
       isLink: {
-        link: u,
+        link: m,
         ariaLabel: l
       },
       subBrand: o
@@ -6008,7 +6008,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` }, !m && /* @__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), O && /* @__PURE__ */ e.createElement("div", { className: `${C}__items-right` }, O)));
   return /* @__PURE__ */ e.createElement(
     "header",
     y({
@@ -6072,16 +6072,16 @@ M1.propTypes = {
   className: t.string
 };
 const Es = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
-  const [r, m] = T(!1), [c, l] = T(0);
-  ce(() => (l(window.innerWidth), window.addEventListener("resize", u), () => {
-    window.removeEventListener("resize", u);
+  const [r, u] = T(!1), [c, l] = T(0);
+  le(() => (l(window.innerWidth), window.addEventListener("resize", m), () => {
+    window.removeEventListener("resize", m);
   }), []);
-  const u = () => {
+  const m = () => {
     l(window.innerWidth);
   }, d = c <= a, o = "pds-nav-menu", { refs: b, context: p } = Ve({
     placement: "bottom-start",
     open: r,
-    onOpenChange: m,
+    onOpenChange: u,
     whileElementsMounted: qe
   }), h = et(p, { event: "mousedown" }), v = Ie(p), i = Se(p, { role: "menu" });
   let $;
@@ -6132,13 +6132,13 @@ Es.propTypes = {
   mobileMenuMaxWidth: t.number
 };
 const x1 = (l) => {
-  var u = l, {
+  var m = l, {
     ariaLabel: s = "Main Navigation",
     colorType: n = "default",
     menuItems: a,
     mobileMenuMaxWidth: r = 640,
-    className: m
-  } = u, c = M(u, [
+    className: u
+  } = m, c = M(m, [
     "ariaLabel",
     "colorType",
     "menuItems",
@@ -6148,19 +6148,19 @@ const x1 = (l) => {
   const [d, o] = T(1025), [b, p] = T(null), [h, v] = T(-1), [i, $] = T(null), [g, _] = T({
     containerChildren: []
   });
-  ce(() => (o(window.innerWidth), window.addEventListener("resize", C), () => {
+  le(() => (o(window.innerWidth), window.addEventListener("resize", C), () => {
     window.removeEventListener("resize", C);
   }), []);
   const C = () => {
     o(window.innerWidth);
   }, E = d <= r;
-  ce(() => {
+  le(() => {
     g.containerChildren[b] && (g.containerChildren[b].classList.contains(
       "pds-nav-menu__dropdown--separator"
     ) && i == "down" ? p(b + 1) : g.containerChildren[b].classList.contains(
       "pds-nav-menu__dropdown--separator"
     ) && i == "up" ? p(b - 1) : g.containerChildren[b].children[0].focus());
-  }, [b]), ce(() => {
+  }, [b]), le(() => {
     h != -1 && (x.current[h].children[0].blur(), x.current[h].children[0].focus({
       focusVisible: !0
     }));
@@ -6233,7 +6233,7 @@ const x1 = (l) => {
   }), /* @__PURE__ */ e.createElement(
     "nav",
     y({
-      className: [f, N, k, m].join(" ").trim().replace(/\s+/g, " "),
+      className: [f, N, k, u].join(" ").trim().replace(/\s+/g, " "),
       "aria-label": s,
       onKeyDown: (w) => {
         I(w);
@@ -6265,9 +6265,9 @@ x1.propTypes = {
   className: t.string
 };
 const Cs = (r) => {
-  var m = r, { platformType: s, className: n } = m, a = M(m, ["platformType", "className"]);
+  var u = r, { platformType: s, className: n } = u, a = M(u, ["platformType", "className"]);
   const c = "pds-platform-icon", l = `pds-platform-icon--${s}`;
-  let u;
+  let m;
   if (["front-end-sites", "gatsby-wp", "next-drupal", "next-wp"].includes(s)) {
     let o = [];
     switch (s) {
@@ -6284,15 +6284,15 @@ const Cs = (r) => {
         o = ["next", "wordpress"];
         break;
     }
-    u = /* @__PURE__ */ e.createElement("span", { className: `${c}__group` }, Ht[o[0]], Ht[o[1]]);
+    m = /* @__PURE__ */ e.createElement("span", { className: `${c}__group` }, Ht[o[0]], Ht[o[1]]);
   } else
-    u = Ht[s];
+    m = Ht[s];
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [c, l, n].join(" ").trim().replace(/\s+/g, " ")
     }, a),
-    u
+    m
   );
 };
 Cs.propTypes = {
@@ -6571,10 +6571,10 @@ const Ht = {
     icon: n,
     selectionLink: a,
     subtitle: r,
-    supplementalLinks: m,
+    supplementalLinks: u,
     summary: c,
     title: l,
-    className: u
+    className: m
   } = b, d = M(b, [
     "badge",
     "icon",
@@ -6589,7 +6589,7 @@ const Ht = {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [p, u].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, m].join(" ").trim().replace(/\s+/g, " ")
     }, d),
     /* @__PURE__ */ e.createElement(
       h,
@@ -6609,7 +6609,7 @@ const Ht = {
       ),
       c && /* @__PURE__ */ e.createElement("div", { className: `${p}__summary` }, c)
     ),
-    m && m.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${p}__links` }, m.map((v, i) => {
+    u && u.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${p}__links` }, u.map((v, i) => {
       const $ = v.type;
       return /* @__PURE__ */ e.createElement(
         $,
@@ -6690,16 +6690,16 @@ const tt = gt({}), I1 = (s) => {
   render: n = null,
   paginationItemClickHandler: a = null,
   headingId: r = "Pager-heading",
-  buttonCallback: m = null,
+  buttonCallback: u = null,
   children: c
 }) => {
-  const [l, u] = T(() => I1(s)), [d, o] = T([]), b = s.length, [p, h] = T("");
+  const [l, m] = T(() => I1(s)), [d, o] = T([]), b = s.length, [p, h] = T("");
   return /* @__PURE__ */ e.createElement(
     tt.Provider,
     {
       value: {
         currentKey: l,
-        setCurrentKey: u,
+        setCurrentKey: m,
         currentPages: d,
         setCurrentPages: o,
         pageDirection: p,
@@ -6708,7 +6708,7 @@ const tt = gt({}), I1 = (s) => {
         pages: s,
         render: n,
         paginationItemClickHandler: a,
-        buttonCallback: m,
+        buttonCallback: u,
         headingId: r
       }
     },
@@ -6729,10 +6729,10 @@ const At = (i) => {
     id: n,
     initialValue: a,
     inputWidth: r,
-    label: m,
+    label: u,
     message: c,
     onOptionSelect: l,
-    options: u,
+    options: m,
     required: d = !1,
     selectOptionsLabel: o = "Select an option...",
     showLabel: b = !0,
@@ -6780,37 +6780,37 @@ const At = (i) => {
       opacity: 0
     }
   }), z = (oe) => {
-    const J = u.find((Y) => Y.value === oe);
+    const J = m.find((K) => K.value === oe);
     return J ? J.label : "";
-  }, U = ((oe) => oe.map((Y) => {
-    const { label: ge, value: Ce } = Y;
+  }, U = ((oe) => oe.map((K) => {
+    const { label: ue, value: Ce } = K;
     return {
-      label: ge,
-      value: Ce || ge
+      label: ue,
+      value: Ce || ue
     };
-  }))(u), K = () => {
+  }))(m), Y = () => {
     x(""), L(null);
-  }, ue = (oe) => {
+  }, pe = (oe) => {
     const J = p(oe) || {};
-    K(), J.error && L("error"), J.success && L("success"), x(J.message);
-  }, le = (oe) => {
+    Y(), J.error && L("error"), J.success && L("success"), x(J.message);
+  }, re = (oe) => {
     const J = U[oe];
-    N(J.value), E(null), _(!1), l && l(J), p && ue(J);
+    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,
-    He(y({
+    $e(y({
       key: oe
     }, F({
       key: oe.value,
-      ref(Y) {
-        V.current[J] = Y;
+      ref(K) {
+        V.current[J] = K;
       },
       onClick() {
-        var Y;
-        le(J), (Y = H.domReference.current) == null || Y.focus();
+        var K;
+        re(J), (K = H.domReference.current) == null || K.focus();
       },
-      onKeyDown(Y) {
-        (Y.key === "Enter" || Y.key === " ") && le(J);
+      onKeyDown(K) {
+        (K.key === "Enter" || K.key === " ") && re(J);
       }
     })), {
       tabIndex: C === J ? 0 : -1,
@@ -6827,7 +6827,7 @@ const At = (i) => {
       id: n,
       inputFieldType: "select",
       inputWidth: r,
-      label: m,
+      label: u,
       message: te,
       required: d,
       showLabel: b,
@@ -6841,7 +6841,7 @@ const At = (i) => {
         name: n,
         style: be,
         tabIndex: 0,
-        "aria-label": m,
+        "aria-label": u,
         "aria-disabled": s,
         "aria-required": d ? !0 : null,
         "aria-invalid": I === "error",
@@ -6851,7 +6851,7 @@ const At = (i) => {
         "aria-autocomplete": "list",
         disabled: s,
         onClick: () => s ? null : _(!g),
-        onChange: le,
+        onChange: re,
         onKeyDown: (oe) => {
           (oe.key === "Enter" || oe.key === " ") && _(!0);
         }
@@ -6971,8 +6971,8 @@ const S1 = {
     keyModifier: (s) => s + 1
   }
 }, Ze = (r) => {
-  var m = r, { arrowText: s = null, direction: n } = m, a = M(m, ["arrowText", "direction"]);
-  const { buttonCallback: c, currentKey: l, setCurrentKey: u, setDirection: d, pages: o } = ye(tt), b = Jt(
+  var u = r, { arrowText: s = null, direction: n } = u, a = M(u, ["arrowText", "direction"]);
+  const { buttonCallback: c, currentKey: l, setCurrentKey: m, setDirection: d, pages: o } = Ne(tt), b = Jt(
     (g, _) => {
       c && (g.preventDefault(), c(_));
     },
@@ -6990,7 +6990,7 @@ const S1 = {
         rel: h,
         href: o[$(l)].link,
         onClick: (g) => {
-          b(g, $(l)), u($(l)), d(n);
+          b(g, $(l)), m($(l)), d(n);
         }
       },
       n === "right" && s ? /* @__PURE__ */ e.createElement("span", null, s) : null,
@@ -7009,12 +7009,12 @@ const T1 = (n) => {
   const {
     buttonCallback: a,
     currentKey: r,
-    setCurrentKey: m,
+    setCurrentKey: u,
     headingId: c,
     itemLength: l,
-    pages: u
-  } = ye(tt), d = [];
-  return u.forEach((o, b) => {
+    pages: m
+  } = Ne(tt), d = [];
+  return m.forEach((o, b) => {
     let p = { label: `Page ${b + 1}`, value: `${b + 1}` };
     d.push(p);
   }), /* @__PURE__ */ e.createElement(
@@ -7032,35 +7032,35 @@ const T1 = (n) => {
         selectOptions: d,
         selectOptionsLabel: `Page ${r + 1}`,
         onChange: (o) => {
-          console.log(o), m(parseInt(o - 1)), a(parseInt(o - 1));
+          console.log(o), u(parseInt(o - 1)), a(parseInt(o - 1));
         }
       }
     )), /* @__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, m, c) {
+function O1(s, n, a, r, u, c) {
   if (r > 3) {
     let l = [];
-    const u = n.find((d) => d.key == r);
-    (n[0].key === r || !u) && (r > m - 3 ? (l = [
+    const m = n.find((d) => d.key == r);
+    (n[0].key === r || !m) && (r > u - 3 ? (l = [
       {
-        page: s[m - 4],
-        key: m - 4
+        page: s[u - 4],
+        key: u - 4
       },
       {
-        page: s[m - 3],
-        key: m - 3
+        page: s[u - 3],
+        key: u - 3
       },
       {
-        page: s[m - 2],
-        key: m - 2
+        page: s[u - 2],
+        key: u - 2
       },
       {
-        page: s[m - 1],
-        key: m - 1
+        page: s[u - 1],
+        key: u - 1
       }
-    ], a(l)) : r === m - 1 ? s.forEach((d, o) => {
-      o > m - 4 && l.push({ page: d, key: o });
+    ], a(l)) : r === u - 1 ? s.forEach((d, o) => {
+      o > u - 4 && l.push({ page: d, key: o });
     }) : s.forEach((d, o) => {
       o >= r && o < r + 4 && l.push({ page: d, key: o });
     }), r > 3 && (l = [
@@ -7068,7 +7068,7 @@ function O1(s, n, a, r, m, c) {
       { page: s[1], key: 1 },
       "...",
       ...l
-    ]), c === "left" && r === m - 5 && (l = [
+    ]), c === "left" && r === u - 5 && (l = [
       { page: s[0], key: 0 },
       { page: s[1], key: 1 },
       "...",
@@ -7088,7 +7088,7 @@ function O1(s, n, a, r, m, c) {
         page: s[s.length - 3],
         key: s.length - 3
       }
-    ]), r > m - 5 ? l = [
+    ]), r > u - 5 ? l = [
       { page: s[0], key: 0 },
       { page: s[1], key: 1 },
       "...",
@@ -7108,7 +7108,7 @@ function O1(s, n, a, r, m, c) {
         page: s[s.length - 1],
         key: s.length - 1
       }
-    ] : r < m - 3 && (l = [
+    ] : r < u - 3 && (l = [
       ...l,
       "...",
       {
@@ -7122,9 +7122,9 @@ function O1(s, n, a, r, m, c) {
     ]), a(l));
   } else {
     let l = [];
-    s.forEach((u, d) => {
-      d < 4 && l.push({ page: u, key: d });
-    }), !(r > m - 3) && m > 4 && (l = [
+    s.forEach((m, d) => {
+      d < 4 && l.push({ page: m, key: d });
+    }), !(r > u - 3) && u > 4 && (l = [
       ...l,
       "...",
       {
@@ -7139,16 +7139,16 @@ function O1(s, n, a, r, m, c) {
   }
 }
 const ys = (r) => {
-  var m = r, { index: s, page: n } = m, a = M(m, ["index", "page"]);
+  var u = r, { index: s, page: n } = u, a = M(u, ["index", "page"]);
   var b;
   const c = function() {
-    u(n == null ? void 0 : n.key);
+    m(n == null ? void 0 : n.key);
   }, {
     currentKey: l,
-    setCurrentKey: u,
+    setCurrentKey: m,
     render: d = null,
     paginationItemClickHandler: o
-  } = ye(tt);
+  } = Ne(tt);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, n.key || n.key === 0 ? /* @__PURE__ */ e.createElement(
     "span",
     y({
@@ -7180,20 +7180,20 @@ const R1 = (n) => {
   const {
     buttonCallback: a,
     currentKey: r,
-    setCurrentKey: m,
+    setCurrentKey: u,
     currentPages: c,
     setCurrentPages: l,
-    headingId: u,
+    headingId: m,
     itemLength: d,
     pageDirection: o,
     pages: b
-  } = ye(tt), p = Jt(
+  } = Ne(tt), p = Jt(
     (v, i) => {
       a && (v.preventDefault(), a(i));
     },
     [a, r]
   ), [h] = T(b);
-  return ce(() => {
+  return le(() => {
     O1(
       b,
       c,
@@ -7207,15 +7207,15 @@ const R1 = (n) => {
     y({
       className: "pds-pager",
       role: "navigation",
-      "aria-labelledby": u
+      "aria-labelledby": m
     }, s),
-    /* @__PURE__ */ e.createElement("div", { id: u, className: "visually-hidden" }, "Pagination"),
+    /* @__PURE__ */ e.createElement("div", { id: m, className: "visually-hidden" }, "Pagination"),
     /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, r > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("li", { className: "pds-pager__item pds-pager__item--first" }, /* @__PURE__ */ e.createElement(
       "a",
       {
         href: h[h.length - 1].link,
         onClick: (v) => {
-          p(v, 0), m(0);
+          p(v, 0), u(0);
         }
       },
       "First"
@@ -7224,7 +7224,7 @@ const R1 = (n) => {
       {
         href: h[h.length - 1].link,
         onClick: (v) => {
-          p(v, d - 1), m(d - 1);
+          p(v, d - 1), u(d - 1);
         }
       },
       "Last"
@@ -7232,7 +7232,7 @@ const R1 = (n) => {
   ));
 }, D1 = (n) => {
   var s = M(n, []);
-  const { currentKey: a, headingId: r, itemLength: m } = ye(tt);
+  const { currentKey: a, headingId: r, itemLength: u } = Ne(tt);
   return /* @__PURE__ */ e.createElement(
     "nav",
     y({
@@ -7241,7 +7241,7 @@ const R1 = (n) => {
       "aria-labelledby": r
     }, s),
     /* @__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 ${m}`), a < m - 1 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Next", direction: "right" }) : null)
+    /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, a > 0 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `${a + 1} of ${u}`), a < u - 1 ? /* @__PURE__ */ e.createElement(Ze, { arrowText: "Next", direction: "right" }) : null)
   );
 }, q1 = (s, n, ...a) => {
   switch (s) {
@@ -7252,13 +7252,13 @@ const R1 = (n) => {
     case "advanced":
       return /* @__PURE__ */ e.createElement(T1, y({}, a));
   }
-}, A1 = (u) => {
-  var d = u, {
+}, A1 = (m) => {
+  var d = m, {
     buttonCallback: s = null,
     headingId: n = "pager-heading",
     pages: a,
     paginationItemClickHandler: r = null,
-    render: m = null,
+    render: u = null,
     type: c = "basic"
   } = d, l = M(d, [
     "buttonCallback",
@@ -7272,7 +7272,7 @@ const R1 = (n) => {
     $s,
     y({
       pages: a,
-      render: m,
+      render: u,
       paginationItemClickHandler: r,
       buttonCallback: s,
       headingId: n
@@ -7310,8 +7310,8 @@ A1.propTypes = {
    */
   className: t.string
 };
-const P1 = (m) => {
-  var c = m, {
+const P1 = (u) => {
+  var c = u, {
     children: s,
     variant: n = "default",
     className: a
@@ -7320,11 +7320,11 @@ const P1 = (m) => {
     "variant",
     "className"
   ]);
-  const l = "pds-panel", u = `${l}--${n}`;
+  const l = "pds-panel", m = `${l}--${n}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [l, u, a].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, m, a].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     s
   );
@@ -7355,11 +7355,11 @@ const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
     customTrigger: n = !1,
     hasCloseButton: a = !1,
     offsetValue: r = 0,
-    onClose: m = () => {
+    onClose: u = () => {
     },
     placement: c = "top",
     title: l,
-    triggerIcon: u = "circleInfo",
+    triggerIcon: m = "circleInfo",
     triggerAccessibleText: d = "Show more information",
     popoverIsOpen: o = !1,
     setPopoverIsOpen: b = () => {
@@ -7392,8 +7392,8 @@ const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
   ].join(" ").trim().replace(/\s+/g, " "), f = n ? r : 0, N = X(null), { refs: k, floatingStyles: x, context: I, middlewareData: L } = Ve({
     placement: c,
     open: $,
-    onOpenChange(K) {
-      g(K), K || m();
+    onOpenChange(Y) {
+      g(Y), Y || u();
     },
     middleware: [
       ss(Be + j1 + f),
@@ -7403,7 +7403,7 @@ const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
     ],
     whileElementsMounted: qe
   }), V = () => {
-    g(!1), m && m();
+    g(!1), u && u();
   }, w = et(I), O = Ie(I), H = Se(I), { getReferenceProps: S, getFloatingProps: P } = Te([
     w,
     O,
@@ -7412,13 +7412,13 @@ const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
     initial: {
       transform: "scale(0)"
     },
-    common: ({ side: K }) => ({
+    common: ({ side: Y }) => ({
       transformOrigin: {
         top: `${A}px calc(100% + ${Be}px)`,
         bottom: `${A}px ${-Be}px`,
         left: `calc(100% + ${Be}px) ${F}px`,
         right: `${-Be}px ${F}px`
-      }[K]
+      }[Y]
     })
   });
   return /* @__PURE__ */ e.createElement(
@@ -7435,7 +7435,7 @@ const Be = 8, Xt = 14, j1 = 6, B1 = (v) => {
       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,
         {
-          iconName: u,
+          iconName: m,
           className: `${C}__icon`,
           iconSize: "md"
         }
@@ -7535,10 +7535,10 @@ const F1 = (h) => {
     actionSecondary: n,
     hasComparisonList: a = !0,
     onTierChange: r,
-    planDescription: m,
+    planDescription: u,
     planName: c,
     planPricingData: l,
-    statusBadgeLabels: u = {
+    statusBadgeLabels: m = {
       currentPlan: "Current plan",
       mostPopular: "Most popular"
     },
@@ -7689,11 +7689,11 @@ const F1 = (h) => {
         {
           className: `${i}__status-badge`,
           type: o,
-          label: u[o],
+          label: m[o],
           color: o === "mostPopular" ? "reverse" : "neutral"
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: `${i}__main-content` }, c && /* @__PURE__ */ e.createElement("div", { className: `${i}__plan pds-overline-text` }, c), I, m && /* @__PURE__ */ e.createElement("div", { className: `${i}__description` }, m), w),
+      /* @__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)
     ),
     a && L
@@ -7798,10 +7798,10 @@ const Qt = {
     id: n,
     label: a,
     message: r,
-    messagePosition: m = "below",
+    messagePosition: u = "below",
     percentage: c,
     showLabel: l = !1,
-    showPercentage: u = !1,
+    showPercentage: m = !1,
     size: d = "md",
     className: o
   } = h, b = M(h, [
@@ -7821,7 +7821,7 @@ const Qt = {
   s.forEach((k) => {
     c >= k.percentage && (C = k.colorType);
   });
-  const E = /* @__PURE__ */ e.createElement("div", { className: `${i}__message` }, r), f = r && m === "above", N = r && m === "below";
+  const E = /* @__PURE__ */ e.createElement("div", { className: `${i}__message` }, r), f = r && u === "above", N = r && u === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -7829,7 +7829,7 @@ const Qt = {
       style: { "--bar-percentage": `${_}%` }
     }, b),
     /* @__PURE__ */ e.createElement("div", { id: v, className: $ }, a),
-    (f || u) && /* @__PURE__ */ e.createElement("div", { className: `${i}__details` }, f && E, u && /* @__PURE__ */ e.createElement(
+    (f || m) && /* @__PURE__ */ e.createElement("div", { className: `${i}__details` }, f && E, m && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${i}__percentage`,
@@ -7921,10 +7921,10 @@ const Z1 = 3.815, U1 = 4.678, G1 = 5.96, Ns = (o) => {
     innerLabel: n,
     label: a,
     percentage: r,
-    showLabel: m = !1,
+    showLabel: u = !1,
     showPercentage: c = !1,
     size: l = "md",
-    className: u
+    className: m
   } = b, d = M(b, [
     "id",
     "innerLabel",
@@ -7935,7 +7935,7 @@ const Z1 = 3.815, U1 = 4.678, G1 = 5.96, Ns = (o) => {
     "size",
     "className"
   ]);
-  const p = s || xe(), h = "pds-progress-ring", v = m ? `${h}__label` : "visually-hidden", i = `${h}__loading-text ${h}__loading-text--${l}`, $ = (x) => x * 16;
+  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);
   const C = g / 2 - _ / 2, E = `${C / 100}rem`, f = 2 * Math.PI * C, N = f - f * r / 100;
@@ -7943,7 +7943,7 @@ const Z1 = 3.815, U1 = 4.678, G1 = 5.96, Ns = (o) => {
   return n ? k = n : c ? k = `${r}%` : k = "", /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [h, u].join(" ").trim().replace(/\s+/g, " "),
+      className: [h, m].join(" ").trim().replace(/\s+/g, " "),
       style: {
         "--ring-stroke-dashoffset": N,
         "--ring-stroke-dasharray": f
@@ -8039,13 +8039,13 @@ Ns.propTypes = {
   className: t.string
 };
 const K1 = (l) => {
-  var u = l, {
+  var m = l, {
     attribution: s,
     image: n,
     layoutType: a = "stand-alone",
     quote: r,
-    className: m
-  } = u, c = M(u, [
+    className: u
+  } = m, c = M(m, [
     "attribution",
     "image",
     "layoutType",
@@ -8056,7 +8056,7 @@ const K1 = (l) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [d, o, m].join(" ").trim().replace(/\s+/g, " ")
+      className: [d, o, u].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     n && a === "stand-alone" && /* @__PURE__ */ e.createElement("div", { className: `${d}__image` }, /* @__PURE__ */ e.createElement("img", { src: n, alt: "" })),
     /* @__PURE__ */ e.createElement("div", { className: `${d}__quote-wrapper` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__icon ${d}__icon--before` }, /* @__PURE__ */ e.createElement(q, { iconName: "quotesLeft", iconSize: "4xl" })), /* @__PURE__ */ e.createElement("div", { className: `${d}__text-wrapper` }, /* @__PURE__ */ e.createElement(
@@ -8100,10 +8100,10 @@ const Y1 = (p) => {
     id: n,
     initialSelection: a,
     inputWidth: r,
-    label: m,
+    label: u,
     message: c,
     onChange: l,
-    options: u,
+    options: m,
     required: d = !1,
     className: o
   } = h, b = M(h, [
@@ -8130,7 +8130,7 @@ const Y1 = (p) => {
       inputFieldType: "radio-group",
       inputWidth: r,
       isFieldset: !0,
-      label: m,
+      label: u,
       message: c,
       required: d
     },
@@ -8139,7 +8139,7 @@ const Y1 = (p) => {
       y({
         className: [v].join(" ").trim().replace(/\s+/g, " ")
       }, b),
-      /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, u.map((_, C) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, m.map((_, C) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${v}__option`,
@@ -8237,10 +8237,10 @@ const Lt = {
     id: n,
     isDismissible: a,
     onDismiss: r,
-    message: m,
+    message: u,
     title: c,
     type: l = "info",
-    typeLabels: u = {
+    typeLabels: m = {
       info: "Information",
       success: "Success",
       warning: "Warning",
@@ -8268,7 +8268,7 @@ const Lt = {
     discovery: `${v}--discovery`,
     dismissing: `${v}--dismissing`,
     dismissed: `${v}--dismissed`
-  }, $ = c ? `${v}--hasTitle` : null, _ = ["critical", "warning"].includes(l) ? "alert" : "status", C = `${u[l]}: `, E = () => {
+  }, $ = c ? `${v}--hasTitle` : null, _ = ["critical", "warning"].includes(l) ? "alert" : "status", C = `${m[l]}: `, E = () => {
     h.current.addEventListener("animationend", f, {
       once: !0
     });
@@ -8292,7 +8292,7 @@ const Lt = {
       {
         iconName: `${l}` in Lt ? Lt[l] : Lt.info
       }
-    )), /* @__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` }, m))),
+    )), /* @__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(
       "button",
       {
@@ -8364,10 +8364,10 @@ const Q1 = (d) => {
       toggle: "Toggle"
     },
     menuItems: r,
-    mobileMenuMaxWidth: m = 640,
+    mobileMenuMaxWidth: u = 640,
     mobileMenuSelectTextFallback: c = "Navigate to...",
     className: l
-  } = o, u = M(o, [
+  } = o, m = M(o, [
     "ariaLabel",
     "headingText",
     "labels",
@@ -8377,12 +8377,12 @@ const Q1 = (d) => {
     "className"
   ]);
   const [b, p] = T(1025);
-  ce(() => (p(window.innerWidth), window.addEventListener("resize", h), () => {
+  le(() => (p(window.innerWidth), window.addEventListener("resize", h), () => {
     window.removeEventListener("resize", h);
   }), []);
   const h = () => {
     p(window.innerWidth);
-  }, v = b <= m, i = "pds-side-nav", $ = (E) => {
+  }, v = b <= u, i = "pds-side-nav", $ = (E) => {
     const f = E.target;
     f.classList.toggle(`${i}__toggle--expanded`), f.setAttribute(
       "aria-expanded",
@@ -8440,7 +8440,7 @@ const Q1 = (d) => {
     y({
       "aria-label": s,
       className: [i, l].join(" ").trim().replace(/\s+/g, " ")
-    }, u),
+    }, m),
     v ? _ : C
   );
 };
@@ -8486,10 +8486,10 @@ const J1 = (d) => {
       toggle: "Toggle"
     },
     menuItems: r,
-    mobileMenuMaxWidth: m = 640,
+    mobileMenuMaxWidth: u = 640,
     mobileMenuSelectTextFallback: c = "Navigate to...",
     className: l
-  } = o, u = M(o, [
+  } = o, m = M(o, [
     "ariaLabel",
     "headingText",
     "labels",
@@ -8499,12 +8499,12 @@ const J1 = (d) => {
     "className"
   ]);
   const [b, p] = T(1025);
-  ce(() => (p(window.innerWidth), window.addEventListener("resize", h), () => {
+  le(() => (p(window.innerWidth), window.addEventListener("resize", h), () => {
     window.removeEventListener("resize", h);
   }), []);
   const h = () => {
     p(window.innerWidth);
-  }, v = b <= m, i = "pds-side-nav-compact", $ = (E) => {
+  }, v = b <= u, i = "pds-side-nav-compact", $ = (E) => {
     const f = E.target;
     f.classList.toggle(`${i}__toggle--expanded`), f.setAttribute(
       "aria-expanded",
@@ -8585,7 +8585,7 @@ const J1 = (d) => {
     y({
       "aria-label": s,
       className: [i, l].join(" ").trim().replace(/\s+/g, " ")
-    }, u),
+    }, m),
     v ? _ : C
   );
 };
@@ -8628,10 +8628,10 @@ const en = (o) => {
     gotoText: n = "Go to",
     siteImage: a,
     siteLink: r,
-    siteName: m,
+    siteName: u,
     sitePlan: c,
     siteStatus: l,
-    className: u
+    className: m
   } = b, d = M(b, [
     "headingLevel",
     "gotoText",
@@ -8656,11 +8656,11 @@ const en = (o) => {
   return /* @__PURE__ */ e.createElement(
     $,
     y(y({
-      "aria-label": `${n} ${m} dashboard`,
-      className: [p, u].join(" ").trim().replace(/\s+/g, " ")
+      "aria-label": `${n} ${u} dashboard`,
+      className: [p, m].join(" ").trim().replace(/\s+/g, " ")
     }, r.props), d),
     /* @__PURE__ */ e.createElement("div", { className: `${p}__image` }, /* @__PURE__ */ e.createElement("img", { src: a, alt: "" })),
-    /* @__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: m }, m), i), /* @__PURE__ */ e.createElement("div", { className: `${p}__plan` }, c))
+    /* @__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 = {
@@ -8709,19 +8709,19 @@ const tn = (c) => {
       "accessibilityStatement"
     ],
     className: r
-  } = l, m = M(l, [
+  } = l, u = M(l, [
     "containerWidth",
     "children",
     "legalLinks",
     "className"
   ]);
-  const u = "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("accessibilityStatement");
   return /* @__PURE__ */ e.createElement(
     "footer",
     y({
-      className: [u, r].join(" ").trim().replace(/\s+/g, " ")
-    }, m),
-    /* @__PURE__ */ e.createElement("div", { className: d }, n && /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${u}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${u}__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")))
+      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")))
   );
 };
 tn.propTypes = {
@@ -8751,10 +8751,10 @@ tn.propTypes = {
   className: t.string
 };
 const sn = (r) => {
-  var m = r, {
+  var u = r, {
     linkItems: s = ["facebook", "x", "linkedin", "youtube", "instagram"],
     className: n
-  } = m, a = M(m, [
+  } = u, a = M(u, [
     "linkItems",
     "className"
   ]);
@@ -8764,7 +8764,7 @@ const sn = (r) => {
     y({
       className: [c, n].join(" ").trim().replace(/\s+/g, " ")
     }, a),
-    s.map((l, u) => /* @__PURE__ */ e.createElement("li", { key: u, className: `${c}__item` }, /* @__PURE__ */ e.createElement(
+    s.map((l, m) => /* @__PURE__ */ e.createElement("li", { key: m, className: `${c}__item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
         href: zt[l].url,
@@ -8817,13 +8817,13 @@ const zt = {
     url: "https://www.youtube.com/user/GetPantheon",
     label: "Pantheon on YouTube"
   }
-}, nn = (u) => {
-  var d = u, {
+}, nn = (m) => {
+  var d = m, {
     actionItems: s,
     disabled: n,
     moreActionsLabel: a = "More actions",
     size: r = "md",
-    variant: m = "primary",
+    variant: u = "primary",
     className: c
   } = d, l = M(d, [
     "actionItems",
@@ -8833,14 +8833,14 @@ const zt = {
     "variant",
     "className"
   ]);
-  const o = "pds-split-button", b = `${o}--${m}`, p = s[0], h = s.slice(1);
+  const o = "pds-split-button", b = `${o}--${u}`, p = s[0], h = s.slice(1);
   let v = null;
   return p.isLink === !0 ? v = /* @__PURE__ */ e.createElement(
     We,
     {
       className: `${o}__primary-action`,
       size: r,
-      variant: m,
+      variant: u,
       displayType: "label-only",
       disabled: n,
       linkContent: p.linkContent
@@ -8851,7 +8851,7 @@ const zt = {
       className: `${o}__primary-action`,
       label: p.label,
       size: r,
-      variant: m,
+      variant: u,
       disabled: n,
       onClick: () => p.callback(p)
     }
@@ -8867,7 +8867,7 @@ const zt = {
         className: `${o}__menu-button`,
         label: a,
         size: r,
-        variant: m,
+        variant: u,
         menuItems: h,
         displayType: "icon-end",
         isSplitButton: !0,
@@ -8905,8 +8905,8 @@ nn.propTypes = {
   className: t.string
 };
 const an = (r) => {
-  var m = r, { listItems: s, className: n } = m, a = M(m, ["listItems", "className"]);
-  const c = "pds-tile-list", l = "pds-tile-list--stats", u = ({ item: d }) => {
+  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;
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}__item` }, o && /* @__PURE__ */ e.createElement("div", { className: `${c}__image` }, /* @__PURE__ */ e.createElement("img", { src: o, alt: "" })), b && /* @__PURE__ */ e.createElement("dt", { className: `${c}__stat` }, b), p && /* @__PURE__ */ e.createElement("dd", { className: `${c}__description` }, p)), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" }));
   };
@@ -8915,7 +8915,7 @@ const an = (r) => {
     y({
       className: [c, l, n].join(" ").trim()
     }, a),
-    s.map((d, o) => /* @__PURE__ */ e.createElement(u, { key: o, item: d }))
+    s.map((d, o) => /* @__PURE__ */ e.createElement(m, { key: o, item: d }))
   );
 };
 an.propTypes = {
@@ -8943,8 +8943,8 @@ an.propTypes = {
    */
   className: t.string
 };
-const ln = (m) => {
-  var c = m, {
+const ln = (u) => {
+  var c = u, {
     label: s = null,
     type: n = "neutral",
     className: a
@@ -8953,11 +8953,11 @@ const ln = (m) => {
     "type",
     "className"
   ]);
-  const l = "pds-status-indicator", u = `${l}--${n}`;
+  const l = "pds-status-indicator", m = `${l}--${n}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [l, u, a].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, m, a].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     n === "working" ? /* @__PURE__ */ e.createElement(
       lt,
@@ -8992,8 +8992,8 @@ ln.propTypes = {
    */
   className: t.string
 };
-const rn = (m) => {
-  var c = m, {
+const rn = (u) => {
+  var c = u, {
     steps: s,
     translatableLabels: n = {
       step: "Step",
@@ -9007,7 +9007,7 @@ const rn = (m) => {
     "translatableLabels",
     "className"
   ]);
-  const l = "pds-stepper", u = "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 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;
     let R = w;
     (S || P) && (R = O);
@@ -9082,9 +9082,9 @@ const rn = (m) => {
         {
           key: E.id,
           id: `${E.id}--mobile`,
-          className: `${u}__step`
+          className: `${m}__step`
         },
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__progress-indicator` }, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("div", { className: `${m}__progress-indicator` }, /* @__PURE__ */ e.createElement(
           Ns,
           {
             label: "Step progress",
@@ -9094,14 +9094,14 @@ const rn = (m) => {
             style: O
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__step-label` }, I && /* @__PURE__ */ e.createElement(e.Fragment, null, H, /* @__PURE__ */ e.createElement(
+        /* @__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(
           q,
           {
             iconName: "diamondExclamation",
             iconSize: "md",
-            className: `${u}__error-icon`
+            className: `${m}__error-icon`
           }
-        )), E.label), !x && /* @__PURE__ */ e.createElement("div", { className: `${u}__next-step` }, `${n.next}: ${L}`))
+        )), E.label), !x && /* @__PURE__ */ e.createElement("div", { className: `${m}__next-step` }, `${n.next}: ${L}`))
       );
     }
   });
@@ -9116,10 +9116,10 @@ const rn = (m) => {
     ), /* @__PURE__ */ e.createElement(
       "div",
       y({
-        className: [u, a].join(" ").trim().replace(/\s+/g, " "),
+        className: [m, a].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": $
       }, r),
-      /* @__PURE__ */ e.createElement("div", { className: `${u}__steps` }, C)
+      /* @__PURE__ */ e.createElement("div", { className: `${m}__steps` }, C)
     ));
 };
 rn.propTypes = {
@@ -9164,14 +9164,14 @@ rn.propTypes = {
    */
   className: t.string
 };
-const cn = (m) => {
-  var c = m, { headers: s, rowData: n, className: a } = c, r = M(c, ["headers", "rowData", "className"]);
-  const [l] = T(s), [u, d] = T(n), [o, b] = T({ order: "asc", key: "" }), p = (g) => {
-    d(u.sort((_, C) => _[g].localeCompare(C[g]))), b({ order: "desc", key: g });
+const cn = (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) => {
+    d(m.sort((_, C) => _[g].localeCompare(C[g]))), b({ order: "desc", key: g });
   }, h = (g) => {
-    d(u.sort((_, C) => C[g].localeCompare(_[g]))), b({ order: "asc", key: g });
+    d(m.sort((_, C) => C[g].localeCompare(_[g]))), b({ order: "asc", key: g });
   }, v = (g, _) => {
-    b(He(y({}, o), { key: _ })), o.order === "asc" ? p(_) : h(_);
+    b($e(y({}, o), { key: _ })), o.order === "asc" ? p(_) : h(_);
   }, i = (g, _) => /* @__PURE__ */ e.createElement("tr", { id: _, key: `table-row-${_}` }, g.map((C, E) => /* @__PURE__ */ e.createElement("td", { key: `${_}-cell-${E}` }, /* @__PURE__ */ e.createElement("span", null, C)))), $ = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "table",
@@ -9207,7 +9207,7 @@ const cn = (m) => {
         /* @__PURE__ */ e.createElement(q, { iconName: "caretDown", iconSize: "sm" })
       )
     )) : /* @__PURE__ */ e.createElement("span", null, g.title))))),
-    /* @__PURE__ */ e.createElement("tbody", null, u.map((g, _) => i(g, _)))
+    /* @__PURE__ */ e.createElement("tbody", null, m.map((g, _) => i(g, _)))
   ));
 };
 cn.propTypes = {
@@ -9224,10 +9224,10 @@ const on = (o) => {
     ariaLabel: n = "Table of contents",
     headingLevel: a = "h2",
     headingText: r = "Table of contents",
-    ignoreClass: m = "pds-toc-ignore",
+    ignoreClass: u = "pds-toc-ignore",
     showHeading: c = !1,
     sourceID: l = "pds-toc-source",
-    className: u
+    className: m
   } = b, d = M(b, [
     "appendIds",
     "ariaLabel",
@@ -9256,9 +9256,9 @@ const on = (o) => {
     "=",
     "|",
     "~"
-  ], i = `#${l} h2:not(.${m}), h3:not(.${m})`, $ = () => {
+  ], i = `#${l} h2:not(.${u}), h3:not(.${u})`, $ = () => {
     const [L, V] = T([]);
-    return ce(() => {
+    return le(() => {
       const w = Array.from(
         document.querySelectorAll(i)
       );
@@ -9285,7 +9285,7 @@ const on = (o) => {
   }, { nestedHeadings: _ } = $(), [C, E] = T();
   ((L) => {
     const V = X({});
-    ce(() => {
+    le(() => {
       const w = (S) => {
         V.current = S.reduce((j, A) => (j[A.target.id] = A, j), V.current);
         const P = [];
@@ -9352,7 +9352,7 @@ const on = (o) => {
     "nav",
     y({
       "aria-label": n,
-      className: [p, u].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, m].join(" ").trim().replace(/\s+/g, " ")
     }, d),
     r && /* @__PURE__ */ e.createElement(
       h,
@@ -9399,13 +9399,13 @@ on.propTypes = {
   className: t.string
 };
 const dn = (l) => {
-  var u = l, {
+  var m = l, {
     ariaLabel: s,
     defaultSelected: n = 0,
     size: a = "md",
     tabs: r,
-    className: m
-  } = u, c = M(u, [
+    className: u
+  } = m, c = M(m, [
     "ariaLabel",
     "defaultSelected",
     "size",
@@ -9416,7 +9416,7 @@ const dn = (l) => {
     const _ = g.currentTarget.getAttribute("data-tabnumber");
     p(_);
   }, v = e.useRef([]);
-  ce(() => {
+  le(() => {
     let g = v.current.length - 1;
     if (parseInt(b) > parseInt(g)) {
       p(0);
@@ -9455,7 +9455,7 @@ const dn = (l) => {
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: [d, o, m].join(" ").trim().replace(/\s+/g, " ")
+      className: [d, o, u].join(" ").trim().replace(/\s+/g, " ")
     },
     /* @__PURE__ */ e.createElement(
       "div",
@@ -9613,10 +9613,10 @@ const mn = (s) => {
     isRemovable: n,
     onRemove: a,
     removeLabel: r = "Remove tag",
-    tagColor: m,
+    tagColor: u,
     tagLabel: c,
     className: l
-  } = o, u = M(o, [
+  } = o, m = M(o, [
     "linkContent",
     "isRemovable",
     "onRemove",
@@ -9625,7 +9625,7 @@ const mn = (s) => {
     "tagLabel",
     "className"
   ]);
-  const [b, p] = T(!0), h = "pds-tag", v = m ? `${h}--${m}` : `${h}--${mn(c)}`, i = b ? null : "pds-tag--hide", $ = () => {
+  const [b, p] = T(!0), h = "pds-tag", v = u ? `${h}--${u}` : `${h}--${mn(c)}`, i = b ? null : "pds-tag--hide", $ = () => {
     p((E) => !E);
   };
   let g, _, C;
@@ -9635,7 +9635,7 @@ const mn = (s) => {
       href: _ === "href" ? C : null,
       to: _ === "to" ? C : null,
       className: [h, v, i, l].join(" ").trim().replace(/\s+/g, " ")
-    }, u),
+    }, m),
     /* @__PURE__ */ e.createElement("span", { className: `${h}__label`, title: c }, un(c, 20)),
     n ? /* @__PURE__ */ e.createElement(
       "button",
@@ -9681,17 +9681,45 @@ pn.propTypes = {
    */
   className: t.string
 };
-const gn = (g) => {
+const qn = (c) => {
+  var l = c, {
+    label: s,
+    type: n = "neutral",
+    typeLabels: a = {
+      info: "Information",
+      success: "Success",
+      warning: "Warning",
+      critical: "Critical",
+      neutral: "Neutral"
+    },
+    className: r
+  } = l, u = M(l, [
+    "label",
+    "type",
+    "typeLabels",
+    "className"
+  ]);
+  const m = "pds-tally", d = `${m}--${n}`, b = ["critical", "warning"].includes(n) ? "alert" : "status", p = `${a[n]} notifications: `;
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    $e(y({
+      className: [m, d, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
+    }, u), {
+      role: b
+    }),
+    /* @__PURE__ */ e.createElement("div", { className: `${m}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), s)
+  );
+}, gn = (g) => {
   var _ = g, {
     counterFunction: s = () => {
     },
     disabled: n = !1,
     id: a,
     initialValue: r = "",
-    inputWidth: m,
+    inputWidth: u,
     isResizable: c = !0,
     label: l,
-    message: u,
+    message: m,
     onChange: d,
     placeholder: o,
     readonly: b = !1,
@@ -9717,7 +9745,7 @@ const gn = (g) => {
     "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;
-  ce(() => {
+  le(() => {
     r && s && N(s(r));
   }, []);
   const H = () => {
@@ -9730,7 +9758,7 @@ const gn = (g) => {
       H(), A.error && L("error"), A.success && L("success"), x(A.message);
     }
     d && d(C);
-  }, R = k || u;
+  }, R = k || m;
   return /* @__PURE__ */ e.createElement(
     Oe,
     {
@@ -9738,7 +9766,7 @@ const gn = (g) => {
       disabled: n,
       id: a,
       inputFieldType: "textarea",
-      inputWidth: m,
+      inputWidth: u,
       label: l,
       message: R,
       readonly: b,
@@ -9852,10 +9880,10 @@ const ws = (d) => {
     headingLevel: n = "span",
     headingText: a,
     imageSrc: r,
-    linkContent: m,
+    linkContent: u,
     summary: c,
     className: l
-  } = o, u = M(o, [
+  } = o, m = M(o, [
     "displayType",
     "headingLevel",
     "headingText",
@@ -9869,14 +9897,14 @@ const ws = (d) => {
     "div",
     y({
       className: [b, p, l].join(" ").trim().replace(/\s+/g, " ")
-    }, u),
+    }, m),
     r && /* @__PURE__ */ e.createElement("div", { className: `${b}__image` }, /* @__PURE__ */ e.createElement("img", { src: r, alt: "" })),
     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)),
-    m && (s == "border" || s == "clean") && /* @__PURE__ */ e.createElement(
+    u && (s == "border" || s == "clean") && /* @__PURE__ */ e.createElement(
       ps,
       {
-        linkContent: m,
+        linkContent: u,
         size: "sm",
         className: `${b}__cta`
       }
@@ -9919,18 +9947,18 @@ const hn = (c) => {
     headingLevel: n = "h2",
     tiles: a,
     className: r
-  } = l, m = M(l, [
+  } = l, u = M(l, [
     "displayType",
     "headingLevel",
     "tiles",
     "className"
   ]);
-  const u = "pds-tile-grid", d = `${u}--${s}`;
+  const m = "pds-tile-grid", d = `${m}--${s}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [u, d, r].join(" ").trim()
-    }, m),
+      className: [m, d, r].join(" ").trim()
+    }, u),
     a.map((o, b) => /* @__PURE__ */ e.createElement(
       ws,
       {
@@ -10003,7 +10031,7 @@ const Mt = {
     critical: "Critical",
     working: "Working..."
   },
-  className: m
+  className: u
 }) => {
   const c = "pds-toast", l = {
     info: `${c}--info`,
@@ -10014,11 +10042,11 @@ const Mt = {
     dismissing: `${c}--dismissing`,
     dismissed: `${c}--dismissed`,
     transition: `${c}--transition`
-  }, u = `${r[a]} `;
+  }, m = `${r[a]} `;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: [c, l[a], m].join(" ").trim().replace(/\s+/g, " "),
+      className: [c, l[a], u].join(" ").trim().replace(/\s+/g, " "),
       id: n
     },
     /* @__PURE__ */ e.createElement("div", { className: `${c}__icon-container` }, a === "working" ? /* @__PURE__ */ e.createElement(lt, { colorType: "monochromatic", size: "lg" }) : /* @__PURE__ */ e.createElement(
@@ -10028,7 +10056,7 @@ const Mt = {
         className: `${c}__icon ${c}__icon--${a}`
       }
     )),
-    /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), s)
+    /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), s)
   );
 };
 ks.propTypes = {
@@ -10099,13 +10127,13 @@ fn.propTypes = {
    */
   className: t.string
 };
-const bn = (u) => {
-  var d = u, {
+const bn = (m) => {
+  var d = m, {
     disabled: s = !1,
     id: n,
     initialSelection: a,
     label: r,
-    onChange: m,
+    onChange: u,
     options: c
   } = d, l = M(d, [
     "disabled",
@@ -10116,7 +10144,7 @@ const bn = (u) => {
     "options"
   ]);
   const o = "pds-toggle-button", b = "pds-is-disabled", p = X([o]), [h, v] = T(a), i = (g) => {
-    v(g.target.value), m && m(g.target.value);
+    v(g.target.value), u && u(g.target.value);
   };
   if ((() => {
     p.current = p.current.filter((g) => g !== b);
@@ -10199,10 +10227,10 @@ const vn = (h) => {
     id: n,
     inputWidth: a,
     label: r,
-    message: m,
+    message: u,
     onChange: c,
     required: l = !1,
-    showStatusLabel: u = !0,
+    showStatusLabel: m = !0,
     statusOnLabel: d = "On",
     statusOffLabel: o = "Off",
     className: b
@@ -10223,7 +10251,7 @@ const vn = (h) => {
     g(!$), c && c(f.target);
   };
   let C = $ === !0 ? d : o, E;
-  return u ? E = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), /* @__PURE__ */ e.createElement(
+  return m ? E = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: "pds-toggle__label pds-toggle__label--on",
@@ -10260,7 +10288,7 @@ const vn = (h) => {
       inputWidth: a,
       inputFieldType: "toggle-switch",
       label: r,
-      message: m,
+      message: u,
       messagePosition: "before",
       required: l
     },
@@ -10336,10 +10364,10 @@ const _n = (d) => {
     menuItems: n,
     userEmail: a,
     userImageSrc: r,
-    userName: m,
+    userName: u,
     withinNavbar: c = !0,
     className: l
-  } = o, u = M(o, [
+  } = o, m = M(o, [
     "ariaLabel",
     "menuItems",
     "userEmail",
@@ -10350,7 +10378,7 @@ const _n = (d) => {
   ]);
   const [b, p] = T(null), [h, v] = T(!1), i = X([]), $ = X([]);
   let g = !1;
-  const _ = ye(Pe);
+  const _ = Ne(Pe);
   _ && (g = _.isMobile);
   const C = c && g, E = "pds-user-menu", f = C ? `${E}--isMobile` : null, N = `${E}__menu`, { refs: k, floatingStyles: x, context: I } = Ve({
     open: h,
@@ -10405,7 +10433,7 @@ const _n = (d) => {
       iconSize: "md",
       className: `${E}__trigger-icon`
     }
-  ), B = /* @__PURE__ */ e.createElement("li", { className: `${E}__user-details`, role: "presentation" }, C ? null : /* @__PURE__ */ e.createElement("div", { className: `${E}__user-name` }, m), /* @__PURE__ */ e.createElement("div", { className: `${E}__user-email` }, a)), U = n.map((ee, de) => {
+  ), B = /* @__PURE__ */ e.createElement("li", { className: `${E}__user-details`, role: "presentation" }, C ? null : /* @__PURE__ */ e.createElement("div", { className: `${E}__user-name` }, u), /* @__PURE__ */ e.createElement("div", { className: `${E}__user-email` }, a)), U = n.map((ee, de) => {
     const me = i.current[de];
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -10430,7 +10458,7 @@ const _n = (d) => {
       ),
       ee.label
     );
-  }), K = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }), Y = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
       className: `${E}__trigger`,
@@ -10449,21 +10477,21 @@ const _n = (d) => {
       }
     }, P()),
     /* @__PURE__ */ e.createElement("div", { style: y({}, A) }, /* @__PURE__ */ e.createElement("ul", { className: N, role: "menu" }, B, /* @__PURE__ */ e.createElement("li", { role: "separator" }), U))
-  )), ue = (ee) => {
+  )), pe = (ee) => {
     const de = ee.target;
     de.classList.toggle(`${E}__toggle--expanded`), de.setAttribute(
       "aria-expanded",
       de.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), de.nextElementSibling.classList.toggle(`${E}__mobile-menu--expanded`);
-  }, le = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }, re = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${E}__toggle`,
       "aria-expanded": !1,
       "aria-label": s,
-      onClick: ue
+      onClick: pe
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${E}__toggle-left` }, W, m || a),
+    /* @__PURE__ */ e.createElement("span", { className: `${E}__toggle-left` }, W, u || a),
     z
   ), /* @__PURE__ */ e.createElement("div", { className: `${E}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
@@ -10479,8 +10507,8 @@ const _n = (d) => {
     "span",
     y({
       className: [E, f, l].join(" ").trim().replace(/\s+/g, " ")
-    }, u),
-    C ? le : K
+    }, m),
+    C ? re : Y
   );
 };
 _n.propTypes = {
@@ -10536,14 +10564,14 @@ _n.propTypes = {
    */
   className: t.string
 };
-const qn = () => {
-  const s = (a, r, m = {}) => {
+const An = () => {
+  const s = (a, r, u = {}) => {
     const c = /* @__PURE__ */ e.createElement(ks, { type: a }, r);
-    let l = y({}, m);
-    return (a === "critical" || a === "warning") && (l = He(y({}, l), {
+    let l = y({}, u);
+    return (a === "critical" || a === "warning") && (l = $e(y({}, l), {
       autoClose: !1,
       role: "alert"
-    })), a === "working" && (l = He(y({}, l), {
+    })), a === "working" && (l = $e(y({}, l), {
       autoClose: !1,
       closeButton: !1,
       closeOnClick: !1
@@ -10565,10 +10593,10 @@ const qn = () => {
     createWorkspaceLink: n,
     filterPlaceholder: a = "Find workspace...",
     filterLabel: r = "Filter workspaces",
-    menuHeading: m = "Workspaces",
+    menuHeading: u = "Workspaces",
     minFilterItems: c = 8,
     noResultsText: l = "No results found",
-    withinNavbar: u = !0,
+    withinNavbar: m = !0,
     workspaceList: d,
     className: o
   } = h, b = M(h, [
@@ -10585,9 +10613,9 @@ const qn = () => {
   ]);
   const [v, i] = T(!1), [$, g] = T(null), [_, C] = T(d), E = X([]), f = X(null), N = d.length >= c;
   let k = !1;
-  const x = ye(Pe);
+  const x = Ne(Pe);
   x && (k = x.isMobile);
-  const I = u && 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, L = "pds-workspace-selector", V = I ? `${L}--isMobile` : null, w = `${L}__menu`, O = N ? `${w}--scroll` : null, { refs: H, floatingStyles: S, context: P } = Ve({
     open: v,
     onOpenChange: i,
     whileElementsMounted: qe
@@ -10616,27 +10644,34 @@ const qn = () => {
       opacity: 0
     }
   });
-  let K = d.find((Y) => Y.isActive);
-  K || (K = d[0]);
-  const ue = (Y) => {
-    const ge = d.filter((Ce) => Ce.displayName.toLowerCase().includes(Y.toLowerCase()));
-    C(ge);
-  }, le = (Y) => {
-    Y.preventDefault(), Y.key === "Enter" && E.current[$].querySelector("a").click(), Y.key === "Tab" && (Y.shiftKey ? N ? document.getElementById("workspace-filter").focus() : i(!1) : n ? f.current.querySelector("a").focus() : i(!1));
+  let Y = d.find((K) => K.isActive);
+  Y || (Y = d[0]);
+  const pe = (K) => {
+    const ue = d.filter((Ce) => Ce.displayName.toLowerCase().includes(K.toLowerCase()));
+    C(ue);
+  };
+  le(() => {
+    const K = d.map((ue) => $e(y({}, ue), {
+      isActive: ue.isActive
+    }));
+    C(K);
+  }, [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(
     Xe,
     {
       size: "sm",
-      uniqueId: K.workspaceId,
-      imageSrc: K.imageSrc,
+      uniqueId: Y.workspaceId,
+      imageSrc: Y.imageSrc,
       className: `${L}__avatar`
     }
-  ), /* @__PURE__ */ e.createElement("span", { className: `${L}__name` }, K.displayName), K.planTier && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("span", { className: `${L}__name` }, Y.displayName), Y.planTier && /* @__PURE__ */ e.createElement(
     pt,
     {
       size: "sm",
-      color: K.planTier,
-      label: En[K.planTier]
+      color: Y.planTier,
+      label: En[Y.planTier]
     }
   )), de = /* @__PURE__ */ e.createElement(
     q,
@@ -10652,40 +10687,47 @@ const qn = () => {
       hasClearButton: !0,
       id: "workspace-filter",
       label: r,
-      onChange: ue,
+      onChange: pe,
       placeholder: a,
       showLabel: !1,
       type: "search"
     }
   )), te = _.map(
-    (Y, ge) => {
-      const Ce = `${L}__item`, Le = Y.isActive ? `${Ce}--active` : null, Q = Y.isUnprivileged ? `${Ce}--unprivileged` : null, se = /* @__PURE__ */ e.createElement(q, { iconName: "check", className: `${L}__active-icon` }), we = Y.workspaceId, $e = Y.workspaceLink.type, Ne = Y.isUnprivileged ? null : (he) => {
-        E.current[ge] = he;
+    (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) => {
+        E.current[ue] = he;
       };
       return /* @__PURE__ */ e.createElement(
         "li",
         y({
-          key: we,
-          id: we,
+          key: ke,
+          id: ke,
           className: [
             Ce,
             Le,
             Q
           ].join(" ").trim().replace(/\s+/g, " "),
           role: "menuitem",
-          tabIndex: $ === ge ? 0 : -1,
-          ref: Ne,
-          onKeyDown: le
+          tabIndex: $ === ue ? 0 : -1,
+          ref: we,
+          onKeyDown: re
         }, z()),
-        /* @__PURE__ */ e.createElement($e, y({}, Y.workspaceLink.props), /* @__PURE__ */ e.createElement("div", { className: `${L}__item-content` }, /* @__PURE__ */ e.createElement(
-          Xe,
-          {
-            size: "sm",
-            uniqueId: Y.workspaceId,
-            imageSrc: Y.imageSrc,
-            className: `${L}__list-avatar`
-          }
-        ), Y.displayName), Y.isActive && se)
+        /* @__PURE__ */ e.createElement(
+          ye,
+          $e(y({}, K.workspaceLink.props), {
+            onClick: () => i(!1)
+          }),
+          /* @__PURE__ */ e.createElement("div", { className: `${L}__item-content` }, /* @__PURE__ */ e.createElement(
+            Xe,
+            {
+              size: "sm",
+              uniqueId: K.workspaceId,
+              imageSrc: K.imageSrc,
+              className: `${L}__list-avatar`
+            }
+          ), K.displayName),
+          K.isActive && se
+        )
       );
     }
   ), fe = n && /* @__PURE__ */ e.createElement("div", { className: `${L}__create-link`, ref: f }, /* @__PURE__ */ e.createElement(
@@ -10722,15 +10764,15 @@ const qn = () => {
         className: [w, O].join(" ").trim().replace(/\s+/g, " "),
         role: "menu"
       },
-      /* @__PURE__ */ e.createElement("li", { className: `${L}__item-heading`, role: "presentation" }, m),
+      /* @__PURE__ */ e.createElement("li", { className: `${L}__item-heading`, role: "presentation" }, u),
       te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${L}__no-results` }, l) : te
     ), fe)
-  )), oe = (Y) => {
-    const ge = Y.target;
-    ge.classList.toggle(`${L}__toggle--expanded`), ge.setAttribute(
+  )), oe = (K) => {
+    const ue = K.target;
+    ue.classList.toggle(`${L}__toggle--expanded`), ue.setAttribute(
       "aria-expanded",
-      ge.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), ge.nextElementSibling.classList.toggle(`${L}__mobile-menu--expanded`);
+      ue.getAttribute("aria-expanded") === "true" ? "false" : "true"
+    ), ue.nextElementSibling.classList.toggle(`${L}__mobile-menu--expanded`);
   }, J = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -10747,7 +10789,7 @@ const qn = () => {
       className: [w, `${w}--isMobile`].join(" ").trim(),
       role: "menu"
     },
-    /* @__PURE__ */ e.createElement("li", { className: `${L}__item-heading`, role: "presentation" }, m),
+    /* @__PURE__ */ e.createElement("li", { className: `${L}__item-heading`, role: "presentation" }, u),
     te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${L}__no-results` }, l) : te
   ), fe));
   return /* @__PURE__ */ e.createElement(
@@ -10837,10 +10879,10 @@ const $n = (b) => {
     alignItems: n,
     flexDirection: a,
     flexWrap: r,
-    justifyContent: m,
+    justifyContent: u,
     mobileFlex: c = "reverse",
     spacing: l = "standard",
-    children: u,
+    children: m,
     className: d
   } = p, o = M(p, [
     "alignContent",
@@ -10853,7 +10895,7 @@ const $n = (b) => {
     "children",
     "className"
   ]);
-  const h = "pds-flex", v = l ? `${h}-gap--${l}` : null, i = a ? `${h}-direction--${a}` : null, $ = r ? `${h}--${r}` : null, g = m ? `${h}-justify--${m}` : null, _ = n ? `${h}-align-items--${n}` : null, C = s ? `${h}-align-content--${s}` : null, E = c && c !== "same" ? `${h}-mobile--${c}` : null;
+  const h = "pds-flex", v = l ? `${h}-gap--${l}` : null, i = a ? `${h}-direction--${a}` : null, $ = r ? `${h}--${r}` : null, g = u ? `${h}-justify--${u}` : null, _ = n ? `${h}-align-items--${n}` : null, C = s ? `${h}-align-content--${s}` : null, E = c && c !== "same" ? `${h}-mobile--${c}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -10869,7 +10911,7 @@ const $n = (b) => {
         d
       ].join(" ").trim().replace(/\s+/g, " ")
     }, o),
-    u
+    m
   );
 };
 $n.propTypes = {
@@ -10921,16 +10963,16 @@ $n.propTypes = {
    */
   className: t.string
 };
-const An = ({
+const Pn = ({
   children: s,
   mobileMenuMaxWidth: n = 640
-}) => /* @__PURE__ */ e.createElement(g1, { mobileMenuMaxWidth: n }, s), yn = (u) => {
-  var d = u, {
+}) => /* @__PURE__ */ e.createElement(g1, { mobileMenuMaxWidth: n }, s), yn = (m) => {
+  var d = m, {
     children: s,
     gridGap: n = "standard",
     sidebarLocation: a = "right",
     sidebarMobileLocation: r = "after",
-    sidebarWidth: m = "standard",
+    sidebarWidth: u = "standard",
     className: c
   } = d, l = M(d, [
     "children",
@@ -10941,7 +10983,7 @@ const An = ({
     "className"
   ]);
   const [o, b] = T(1025);
-  ce(() => (b(window.innerWidth), window.addEventListener("resize", i), () => {
+  le(() => (b(window.innerWidth), window.addEventListener("resize", i), () => {
     window.removeEventListener("resize", i);
   }), []);
   const p = "pds-sidebar-layout", h = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, v = `${p}--${a}`, i = () => {
@@ -10952,7 +10994,7 @@ const An = ({
     x && ($[x] ? $[x].push(k) : $[x] = [k]);
   });
   let g = "pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", _ = "pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
-  m === "narrow" && (g = "pds-grid-item--md-9 pds-grid-item--lg-10", _ = "pds-grid-item--md-3 pds-grid-item--lg-2"), m === "wide" && (g = "pds-grid-item--md-7 pds-grid-item--lg-8", _ = "pds-grid-item--md-5 pds-grid-item--lg-4");
+  u === "narrow" && (g = "pds-grid-item--md-9 pds-grid-item--lg-10", _ = "pds-grid-item--md-3 pds-grid-item--lg-2"), u === "wide" && (g = "pds-grid-item--md-7 pds-grid-item--lg-8", _ = "pds-grid-item--md-5 pds-grid-item--lg-4");
   const C = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -11004,13 +11046,13 @@ yn.propTypes = {
   className: t.string
 };
 const Nn = (r) => {
-  var m = r, { children: s, className: n } = m, a = M(m, ["children", "className"]);
+  var u = r, { children: s, className: n } = u, a = M(u, ["children", "className"]);
   const c = {};
   e.Children.forEach(s, (h) => {
     const v = h.props.slot;
     v && (c[v] ? c[v].push(h) : c[v] = [h]);
   });
-  const l = c.stepper, u = c.form, d = X(), [o] = at(d), b = o.width;
+  const l = c.stepper, m = c.form, d = X(), [o] = at(d), b = o.width;
   document.documentElement.style.setProperty(
     "--pds-stepper-layout-max-width",
     b + "px"
@@ -11029,7 +11071,7 @@ const Nn = (r) => {
       },
       l
     ),
-    u && /* @__PURE__ */ e.createElement("div", { className: `${p}__form-container` }, u)
+    m && /* @__PURE__ */ e.createElement("div", { className: `${p}__form-container` }, m)
   );
 };
 Nn.propTypes = {
@@ -11042,8 +11084,8 @@ Nn.propTypes = {
    */
   className: t.string
 };
-const wn = (m) => {
-  var c = m, {
+const wn = (u) => {
+  var c = u, {
     children: s,
     gridGap: n = "standard",
     className: a
@@ -11052,7 +11094,7 @@ const wn = (m) => {
     "gridGap",
     "className"
   ]);
-  const l = "pds-three-item-layout", u = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, d = {};
+  const l = "pds-three-item-layout", m = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, d = {};
   e.Children.forEach(s, (b) => {
     const p = b.props.slot;
     p && (d[p] ? d[p].push(b) : d[p] = [b]);
@@ -11065,7 +11107,7 @@ const wn = (m) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [l, u, a].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, m, a].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     o.map((b) => /* @__PURE__ */ e.createElement(
       "div",
@@ -11097,13 +11139,13 @@ const kn = (c) => {
     gridGap: n = "standard",
     layoutVariant: a = "equal",
     className: r
-  } = l, m = M(l, [
+  } = l, u = M(l, [
     "children",
     "gridGap",
     "layoutVariant",
     "className"
   ]);
-  const u = "pds-two-item-layout", d = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, o = ["pds-grid-item--md-6"], b = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], p = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], h = ["pds-grid-item", "pds-grid-item--sm-4"];
+  const m = "pds-two-item-layout", d = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, o = ["pds-grid-item--md-6"], b = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], p = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], h = ["pds-grid-item", "pds-grid-item--sm-4"];
   let v, i;
   switch (a) {
     case "equal":
@@ -11124,8 +11166,8 @@ const kn = (c) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [u, d, r].join(" ").trim().replace(/\s+/g, " ")
-    }, m),
+      className: [m, d, r].join(" ").trim().replace(/\s+/g, " ")
+    }, u),
     /* @__PURE__ */ e.createElement("div", { className: v.join(" ").trim() }, g),
     /* @__PURE__ */ e.createElement("div", { className: i.join(" ").trim() }, _)
   );
@@ -11175,7 +11217,7 @@ export {
   $n as FlexContainer,
   bs as FooterHeading,
   E1 as FooterLinks,
-  An as GlobalWrapper,
+  Pn as GlobalWrapper,
   C1 as Heading,
   q as Icon,
   ut as IconButton,
@@ -11223,6 +11265,7 @@ export {
   on as TableOfContents,
   dn as Tabs,
   pn as Tag,
+  qn as Tally,
   gn as Textarea,
   wn as ThreeItemLayout,
   ws as Tile,
@@ -11236,6 +11279,6 @@ export {
   _n as UserMenu,
   Cn as WorkspaceSelector,
   Wt as iconList,
-  qn as useToast
+  An as useToast
 };
 //# sourceMappingURL=index.js.map