@pantheon-systems/pds-toolkit-react 1.0.0-dev.191 → 1.0.0-dev.193

package/_dist/index.js

@@ -19,7 +19,7 @@ var I = (t, s) => {
       s.indexOf(a) < 0 && r1.call(t, a) && (n[a] = t[a]);
   return n;
 };
-import e, { createContext as Ct, Children as J1, isValidElement as qe, useState as F, useContext as $e, forwardRef as je, useRef as ae, useEffect as re, useCallback as Xt, cloneElement as We, useLayoutEffect as e2, createElement as t2, createRef as s2 } from "react";
+import e, { createContext as Ct, Children as J1, isValidElement as qe, useState as F, useContext as $e, forwardRef as je, useRef as ae, useEffect as oe, useCallback as Xt, cloneElement as We, useLayoutEffect as e2, createElement as t2, createRef as s2 } from "react";
 import p from "prop-types";
 import { NavLink as b1, MemoryRouter as n2 } from "react-router-dom";
 import { useFloating as Se, offset as $t, flip as wt, shift as yt, autoUpdate as Be, useHover as gt, useFocus as v1, useDismiss as Te, useRole as De, useInteractions as Oe, FloatingPortal as C1, useId as $1, useClick as Ge, useListNavigation as ot, useTransitionStyles as Ke, safePolygon as w1, FloatingOverlay as a2, FloatingFocusManager as y1, arrow as l2, FloatingArrow as c2 } from "@floating-ui/react";
@@ -790,23 +790,23 @@ const f2 = {
     "zIndex",
     "className"
   ]);
-  const [g, E] = F(!1), w = typeof s, u = "pds-tooltip", C = R([
+  const [g, E] = F(!1), C = typeof s, u = "pds-tooltip", $ = R([
     `${u}__trigger-custom`,
-    w === "string" ? `${u}__trigger-text` : null
+    C === "string" ? `${u}__trigger-text` : null
   ]), v = R([
     `${u}__trigger`,
     `${u}__trigger--${l}`
-  ]), { refs: b, floatingStyles: _, context: $ } = Se({
+  ]), { refs: b, floatingStyles: _, context: w } = Se({
     placement: a,
     open: g,
     onOpenChange: E,
     middleware: [$t(n), wt(), yt()],
     whileElementsMounted: Be
-  }), x = gt($, {
+  }), x = gt(w, {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), H = v1($), k = Te($), N = De($, { role: "tooltip" }), { getReferenceProps: L, getFloatingProps: z } = Oe([
+  }), H = v1(w), k = Te(w), N = De(w, { role: "tooltip" }), { getReferenceProps: M, getFloatingProps: z } = Oe([
     x,
     H,
     k,
@@ -815,9 +815,9 @@ const f2 = {
   return /* @__PURE__ */ e.createElement("div", y({ className: R([u, i != null ? i : ""]) }, h), s ? /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: C,
+      className: $,
       ref: b.setReference
-    }, L()),
+    }, M()),
     s
   ) : /* @__PURE__ */ e.createElement(
     "button",
@@ -825,7 +825,7 @@ const f2 = {
       "aria-label": c,
       className: v,
       ref: b.setReference
-    }, L()),
+    }, M()),
     /* @__PURE__ */ e.createElement(
       P,
       {
@@ -857,9 +857,9 @@ const E2 = (t) => /* @__PURE__ */ e.createElement(b1, { className: "pds-breadcru
   const [c, o] = F(!0), { crumbs: l, deferredCrumbIds: r } = $e(k1), d = [...l].sort(_2), i = () => {
     o(!1);
   }, h = d.map(
-    (w, u) => u === d.length - 1 ? /* @__PURE__ */ e.createElement(Qe, { crumb: w, lastCrumb: !0, key: u }) : /* @__PURE__ */ e.createElement(Qe, { crumb: w, key: u })
+    (C, u) => u === d.length - 1 ? /* @__PURE__ */ e.createElement(Qe, { crumb: C, lastCrumb: !0, key: u }) : /* @__PURE__ */ e.createElement(Qe, { crumb: C, key: u })
   ), m = d.map(
-    (w, u) => u === d.length - 1 ? /* @__PURE__ */ e.createElement(Qe, { crumb: w, key: `breadcrumb-${u}`, lastCrumb: !0 }) : u == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: c ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
+    (C, u) => u === d.length - 1 ? /* @__PURE__ */ e.createElement(Qe, { crumb: C, key: `breadcrumb-${u}`, lastCrumb: !0 }) : u == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: c ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         key: `breadcrumb-button-${u}`,
@@ -870,18 +870,18 @@ const E2 = (t) => /* @__PURE__ */ e.createElement(b1, { className: "pds-breadcru
     )), /* @__PURE__ */ e.createElement(
       Qe,
       {
-        crumb: w,
+        crumb: C,
         classes: c ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${u}`
       }
     )) : u > 2 && u < d.length - 2 ? /* @__PURE__ */ e.createElement(
       Qe,
       {
-        crumb: w,
+        crumb: C,
         classes: c ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${u}`
       }
-    ) : /* @__PURE__ */ e.createElement(Qe, { crumb: w, key: `breadcrumb-${u}` })
+    ) : /* @__PURE__ */ e.createElement(Qe, { crumb: C, key: `breadcrumb-${u}` })
   ), f = d.length >= 6 ? m : h, g = d[d.length - 2], E = E2(g);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": t, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", y({ className: "pds-breadcrumbs__item" }, s), f), E);
 };
@@ -909,7 +909,7 @@ b2.propTypes = {
     { uri: p.string }
   ])
 };
-const M1 = (c) => {
+const L1 = (c) => {
   var o = c, {
     headingLevel: t = "h3",
     headingText: s,
@@ -928,7 +928,7 @@ const M1 = (c) => {
     s
   );
 };
-M1.propTypes = {
+L1.propTypes = {
   /**
    *  Heading level
    */
@@ -961,7 +961,7 @@ const v2 = (o) => {
       className: [r, a].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     s && /* @__PURE__ */ e.createElement(
-      M1,
+      L1,
       {
         headingLevel: t,
         className: `${r}__heading`,
@@ -1060,8 +1060,8 @@ const ct = ({ type: t }) => {
 ct.propTypes = {
   type: p.oneOf(["search", "error", "success"]).isRequired
 };
-const L1 = ({ label: t }) => /* @__PURE__ */ e.createElement("div", { className: "pds-input__search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t), /* @__PURE__ */ e.createElement(P, { iconName: "slashForward" }));
-L1.propTypes = {
+const M1 = ({ label: t }) => /* @__PURE__ */ e.createElement("div", { className: "pds-input__search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t), /* @__PURE__ */ e.createElement(P, { iconName: "slashForward" }));
+M1.propTypes = {
   label: p.string.isRequired
 };
 const $2 = je(
@@ -1087,7 +1087,7 @@ $2.propTypes = {
   className: p.string
 };
 const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t) => t.type === "decimal").value, Ot = 16, d1 = 10, y2 = (E) => {
-  var w = E, {
+  var C = E, {
     disabled: t = !1,
     formatting: s,
     hasClearButton: n = !1,
@@ -1101,7 +1101,7 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
     showLabel: h = !0,
     validationFunction: m,
     className: f
-  } = w, g = I(w, [
+  } = C, g = I(C, [
     "disabled",
     "formatting",
     "hasClearButton",
@@ -1116,13 +1116,13 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
     "validationFunction",
     "className"
   ]);
-  const u = "pds-input-formatted", C = s ? `${u}--${s}` : null, v = ae([
+  const u = "pds-input-formatted", $ = s ? `${u}--${s}` : null, v = ae([
     "pds-input-field",
     u,
-    C,
+    $,
     f
-  ]), [b, _] = F(""), [$, x] = F(null), [H, k] = F(null), N = ae(null), L = ae(null), z = ae("");
-  re(() => {
+  ]), [b, _] = F(""), [w, x] = F(null), [H, k] = F(null), N = ae(null), M = ae(null), z = ae("");
+  oe(() => {
     switch (c && _(G(c)), z.numExtra = "", s) {
       case "credit-card":
         z.numExtra = 3, z.current = Ot;
@@ -1140,21 +1140,21 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
     v.current = v.current.filter(
       (T) => T !== ze.error && T !== ze.success
     );
-  }, M = () => {
+  }, L = () => {
     S(), x(""), k(null);
   }, O = (T) => {
     r && r({
       formattedValue: T,
-      rawValue: L.current
+      rawValue: M.current
     });
   }, D = (T) => {
-    _(G(T.target.value)), M(), O(T.target.value);
+    _(G(T.target.value)), L(), O(T.target.value);
   }, W = () => {
     k("error"), v.current.push(ze.error);
   }, Z = (T) => {
     if (m) {
       const A = m(T.target.value) || {};
-      M(), A.error && W(), A.success && (k("success"), v.current.push(ze.success)), x(A.message);
+      L(), A.error && W(), A.success && (k("success"), v.current.push(ze.success)), x(A.message);
     } else
       N.current.checkValidity() === !1 || T.target.value.length < z.current + z.numExtra ? (W(), s === "credit-card" && x(
         `Credit card number must have at least ${z.current} digits.`
@@ -1163,16 +1163,16 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
       )) : (s === "credit-card" || s === "phone") && (k("success"), v.current.push(ze.success));
     O(T.target.value);
   }, U = () => {
-    M(), _(""), L.current = "", N.current.focus(), O("");
+    L(), _(""), M.current = "", N.current.focus(), O("");
   }, G = (T) => {
     if (T) {
       if (s === "credit-card") {
         const A = ("" + T).replace(/\D/g, "");
-        if (L.current = A, A) {
+        if (M.current = A, A) {
           if (new RegExp("^34|37", "g").test(A)) {
             z.numExtra = 2, z.current = Ot - 1;
-            const Y = {};
-            return Y.first = A.substring(0, 4), Y.middle = A.substring(4, 10), Y.middle.length > 0 && (Y.middle = ` ${Y.middle}`), Y.last = A.substring(10), Y.last.length > 0 && (Y.last = ` ${Y.last}`), `${Y.first}${Y.middle}${Y.last}`;
+            const X = {};
+            return X.first = A.substring(0, 4), X.middle = A.substring(4, 10), X.middle.length > 0 && (X.middle = ` ${X.middle}`), X.last = A.substring(10), X.last.length > 0 && (X.last = ` ${X.last}`), `${X.first}${X.middle}${X.last}`;
           }
           z.numExtra = 3, z.current = Ot;
           const q = new RegExp(".{1,4}", "g");
@@ -1182,18 +1182,18 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
       }
       if (s === "phone") {
         const A = ("" + T).replace(/\D/g, "");
-        if (L.current = A, A) {
+        if (M.current = A, A) {
           z.numExtra = 4, z.current = d1;
           let j = A.substring(0, 3), q = A.substring(3, 6);
           q.length > 0 && (j = `(${j})`, q = ` ${q}`);
-          let X = A.substring(6);
-          return X.length > 0 && (X = `-${X}`), `${j}${q}${X}`;
+          let Y = A.substring(6);
+          return Y.length > 0 && (Y = `-${Y}`), `${j}${q}${Y}`;
         }
         return A;
       }
       if (s === "number-localized") {
         const A = new RegExp(`[^0-9${Dt}]`, "g"), j = ("" + T).replace(A, "");
-        L.current = j;
+        M.current = j;
         const q = new Intl.NumberFormat(void 0, {
           maximumFractionDigits: 20
         }).format(j);
@@ -1219,7 +1219,7 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
       onBlur: Z,
       ref: N,
       "aria-invalid": H === "error",
-      "aria-describedby": l || $ ? `${a}__message` : null,
+      "aria-describedby": l || w ? `${a}__message` : null,
       maxLength: z.current + z.numExtra,
       minLength: z.current + z.numExtra
     }
@@ -1230,14 +1230,14 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
       label: o,
       handleClearInput: U
     }
-  ))), (l || $) && /* @__PURE__ */ e.createElement(
+  ))), (l || w) && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "pds-input-field__message",
       id: `${a}__message`,
       role: H === "error" ? "alert" : null
     },
-    $ || l
+    w || l
   ));
 };
 y2.propTypes = {
@@ -1343,35 +1343,35 @@ const N2 = (g) => {
     "validationFunction",
     "className"
   ]);
-  const w = "pds-input-obscured", u = ae(["pds-input-field", w, m]), [C, v] = F(c), [b, _] = F(t("")), [$, x] = F(), [H, k] = F(null), [N, L] = F(!1), z = ae(null), V = ae(null);
-  re(() => {
+  const C = "pds-input-obscured", u = ae(["pds-input-field", C, m]), [$, v] = F(c), [b, _] = F(t("")), [w, x] = F(), [H, k] = F(null), [N, M] = F(!1), z = ae(null), V = ae(null);
+  oe(() => {
     c && t && _(t(c));
   }, []);
   const S = () => {
     u.current = u.current.filter(
       (T) => T !== ze.required && T !== ze.disabled
     );
-  }, M = () => {
+  }, L = () => {
     u.current = u.current.filter(
       (T) => T !== ze.error && T !== ze.success
     );
   }, O = () => {
-    M(), x(""), k(null);
+    L(), x(""), k(null);
   }, D = (T) => {
     v(T.target.value), O(), t && _(t(T.target.value)), r && r(T.target.value);
   }, W = (T) => {
-    if (L(!1), h) {
+    if (M(!1), h) {
       const A = h(T.target.value) || {};
       O(), A.error && (k("error"), u.current.push(ze.error)), A.success && (k("success"), u.current.push(ze.success)), x(A.message);
     }
-    r && r(C);
+    r && r($);
   }, Z = () => {
     O(), v(""), V.current.value = null, V.current.focus(), t && _(t("")), r && r("");
   }, U = () => {
-    L((T) => !T);
+    M((T) => !T);
   }, G = (T) => {
     var A;
-    (!((A = z.current) != null && A.contains(T.relatedTarget)) || !T.relatedTarget) && L(!1);
+    (!((A = z.current) != null && A.contains(T.relatedTarget)) || !T.relatedTarget) && M(!1);
   };
   S(), d && !s && u.current.push(ze.required), s && u.current.push(ze.disabled);
   let K = null;
@@ -1400,15 +1400,15 @@ const N2 = (g) => {
         name: a,
         required: d,
         disabled: s,
-        value: C,
+        value: $,
         onChange: D,
         onBlur: W,
         ref: V,
         "aria-invalid": H === "error",
-        "aria-describedby": l || $ ? `${a}__message` : null,
+        "aria-describedby": l || w ? `${a}__message` : null,
         autoComplete: "off"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, b && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, b), C && n && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, b && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, b), $ && n && /* @__PURE__ */ e.createElement(
       Ht,
       {
         id: a,
@@ -1419,7 +1419,7 @@ const N2 = (g) => {
       "button",
       {
         type: "button",
-        className: `pds-input-field__accessory ${w}__toggle`,
+        className: `pds-input-field__accessory ${C}__toggle`,
         title: `${N ? "Hide" : "Show"} content of ${o} input`,
         "aria-controls": a,
         onClick: U,
@@ -1427,14 +1427,14 @@ const N2 = (g) => {
       },
       N ? /* @__PURE__ */ e.createElement(P, { iconName: "eyeSlash" }) : /* @__PURE__ */ e.createElement(P, { iconName: "eye" })
     ))),
-    (l || $) && /* @__PURE__ */ e.createElement(
+    (l || w) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "pds-input-field__message",
         id: `${a}__message`,
         role: H === "error" ? "alert" : null
       },
-      $ || l
+      w || l
     )
   );
 };
@@ -1510,8 +1510,8 @@ N2.propTypes = {
   className: p.string
 };
 const Yt = je(
-  (C, u) => {
-    var v = C, {
+  ($, u) => {
+    var v = $, {
       children: t,
       decorator: s,
       disabled: n = !1,
@@ -1527,7 +1527,7 @@ const Yt = je(
       showLabel: f = !0,
       validationState: g,
       className: E
-    } = v, w = I(v, [
+    } = v, C = I(v, [
       "children",
       "decorator",
       "disabled",
@@ -1544,7 +1544,7 @@ const Yt = je(
       "validationState",
       "className"
     ]);
-    const b = "pds-input-wrapper", _ = `${b}--${c}`, $ = "pds-input-label", x = `pds-input-field__message pds-input-field__message--${i}`, H = g === "error" ? "pds-has-error" : null, k = g === "success" ? "pds-has-success" : null, N = n ? "pds-is-disabled" : null, L = h ? "pds-is-readonly" : null, z = m && !n ? "pds-is-required" : null, V = o ? `${o / 16}rem` : null, S = o ? { width: V } : null, M = l ? "fieldset" : "div", O = m && !n ? /* @__PURE__ */ e.createElement(
+    const b = "pds-input-wrapper", _ = `${b}--${c}`, w = "pds-input-label", x = `pds-input-field__message pds-input-field__message--${i}`, H = g === "error" ? "pds-has-error" : null, k = g === "success" ? "pds-has-success" : null, N = n ? "pds-is-disabled" : null, M = h ? "pds-is-readonly" : null, z = m && !n ? "pds-is-required" : null, V = o ? `${o / 16}rem` : null, S = o ? { width: V } : null, L = l ? "fieldset" : "div", O = m && !n ? /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: "asterisk",
@@ -1568,7 +1568,7 @@ const Yt = je(
           b,
           _,
           N,
-          L,
+          M,
           z,
           H,
           k,
@@ -1576,24 +1576,24 @@ const Yt = je(
         ].join(" ").trim().replace(/\s+/g, " "),
         ref: u,
         style: S
-      }, w),
+      }, C),
       r && !l && c != "file-upload" && /* @__PURE__ */ e.createElement(
         "label",
         {
-          className: [$, f ? null : "visually-hidden"].join(" ").trim(),
+          className: [w, f ? null : "visually-hidden"].join(" ").trim(),
           htmlFor: a
         },
         r,
         O
       ),
-      r && c === "file-upload" && f && /* @__PURE__ */ e.createElement("span", { className: $ }, r, O),
+      r && c === "file-upload" && f && /* @__PURE__ */ e.createElement("span", { className: w }, r, O),
       i === "before" && D,
       /* @__PURE__ */ e.createElement(
-        M,
+        L,
         {
           className: `pds-input-field ${c ? `pds-input-field--${c}` : ""}`
         },
-        r && l && /* @__PURE__ */ e.createElement("legend", { className: $ }, r, O),
+        r && l && /* @__PURE__ */ e.createElement("legend", { className: w }, r, O),
         s && /* @__PURE__ */ e.createElement(ct, { type: s }),
         t
       ),
@@ -1664,7 +1664,7 @@ Yt.propTypes = {
   className: p.string
 };
 const Rt = 16, m1 = 10, k2 = (N) => {
-  var L = N, {
+  var M = N, {
     autoComplete: t = "on",
     counterFunction: s = () => {
     },
@@ -1687,19 +1687,19 @@ const Rt = 16, m1 = 10, k2 = (N) => {
     onFocus: f,
     placeholder: g,
     readonly: E = !1,
-    required: w = !1,
+    required: C = !1,
     showLabel: u = !0,
-    specialFormatting: C,
+    specialFormatting: $,
     specialFormattingValidation: v = !1,
     toggleVisibility: b = !1,
     type: _ = "text",
-    validationFunction: $,
+    validationFunction: w,
     validationMessages: x = {
       creditCardError: "Please enter a valid credit card number.",
       phoneError: "Please enter a valid phone number."
     },
     className: H
-  } = L, k = I(L, [
+  } = M, k = I(M, [
     "autoComplete",
     "counterFunction",
     "disabled",
@@ -1725,10 +1725,10 @@ const Rt = 16, m1 = 10, k2 = (N) => {
     "validationMessages",
     "className"
   ]);
-  const [z, V] = F(l), [S, M] = F(s("")), [O, D] = F(), [W, Z] = F(null), [U, G] = F(!1), K = ae(null), T = ae(null), A = ae(null), j = ae(null), q = "pds-input-text", X = C ? `${q}--${C}` : null;
-  let Y = null;
-  _ === "search" && (Y = "search"), W === "error" && (Y = "error"), W === "success" && (Y = "success"), C && v && re(() => {
-    switch (l && V(ee(l)), j.numExtra = "", C) {
+  const [z, V] = F(l), [S, L] = F(s("")), [O, D] = F(), [W, Z] = F(null), [U, G] = F(!1), K = ae(null), T = ae(null), A = ae(null), j = ae(null), q = "pds-input-text", Y = $ ? `${q}--${$}` : null;
+  let X = null;
+  _ === "search" && (X = "search"), W === "error" && (X = "error"), W === "success" && (X = "success"), $ && v && oe(() => {
+    switch (l && V(ee(l)), j.numExtra = "", $) {
       case "credit-card":
         j.numExtra = 3, j.current = Rt;
         break;
@@ -1737,11 +1737,11 @@ const Rt = 16, m1 = 10, k2 = (N) => {
         break;
     }
   }, []);
-  let de = null;
-  (C === "credit-card" || C === "phone") && j.current && (de = j.current + j.numExtra);
+  let re = null;
+  ($ === "credit-card" || $ === "phone") && j.current && (re = j.current + j.numExtra);
   const ee = (se) => {
     if (se) {
-      if (C === "credit-card") {
+      if ($ === "credit-card") {
         const ce = ("" + se).replace(/\D/g, "");
         if (A.current = ce, ce) {
           if (new RegExp("^34|37", "g").test(ce)) {
@@ -1755,44 +1755,44 @@ const Rt = 16, m1 = 10, k2 = (N) => {
         }
         return ce;
       }
-      if (C === "phone") {
+      if ($ === "phone") {
         const ce = ("" + se).replace(/\D/g, "");
         if (A.current = ce, ce) {
           j.numExtra = 4, j.current = m1;
           let xe = ce.substring(0, 3), He = ce.substring(3, 6);
           He.length > 0 && (xe = `(${xe})`, He = ` ${He}`);
-          let Le = ce.substring(6);
-          return Le.length > 0 && (Le = `-${Le}`), `${xe}${He}${Le}`;
+          let Me = ce.substring(6);
+          return Me.length > 0 && (Me = `-${Me}`), `${xe}${He}${Me}`;
         }
         return ce;
       }
     }
     return se;
   };
-  re(() => {
-    l && s && M(s(l));
+  oe(() => {
+    l && s && L(s(l));
   }, []);
   const pe = () => {
     D(""), Z(null);
-  }, oe = (se) => {
+  }, ie = (se) => {
     f && f(se.target);
   }, le = (se) => {
-    C ? m && m({ formattedValue: se, rawValue: A.current }) : m && m(se);
+    $ ? m && m({ formattedValue: se, rawValue: A.current }) : m && m(se);
   }, we = (se) => {
-    V(C ? ee(se.target.value) : se.target.value), pe(), s && M(s(C ? A.current : se.target.value)), le(se.target.value);
+    V($ ? ee(se.target.value) : se.target.value), pe(), s && L(s($ ? A.current : se.target.value)), le(se.target.value);
   }, ue = (se) => {
-    if (b && G(!1), $) {
-      const ce = $(se.target.value) || {};
+    if (b && G(!1), w) {
+      const ce = w(se.target.value) || {};
       pe(), ce.error && Z("error"), ce.success && Z("success"), D(ce.message);
     }
-    C && v && !$ && (K.current.checkValidity() === !1 || se.target.value.length < de ? (Z("error"), C === "credit-card" && D(x.creditCardError), C === "phone" && D(x.phoneError)) : Z("success")), le(se.target.value);
+    $ && v && !w && (K.current.checkValidity() === !1 || se.target.value.length < re ? (Z("error"), $ === "credit-card" && D(x.creditCardError), $ === "phone" && D(x.phoneError)) : Z("success")), le(se.target.value);
   }, he = (se) => {
     var ce;
     (!((ce = T.current) != null && ce.contains(se.relatedTarget)) || !se.relatedTarget) && G(!1);
   }, te = () => {
-    pe(), V(""), A.current = "", K.current.focus(), s && M(s("")), le("");
+    pe(), V(""), A.current = "", K.current.focus(), s && L(s("")), le("");
   };
-  re(() => {
+  oe(() => {
     if (_ === "search" && c) {
       const se = (ce) => {
         ce.key === "/" && (/^(?:input|textarea|select|button)$/i.test(ce.target.tagName) || (ce.preventDefault(), document.getElementById(o).focus()));
@@ -1805,13 +1805,13 @@ const Rt = 16, m1 = 10, k2 = (N) => {
   const fe = () => {
     G((se) => !se);
   };
-  b && _ === "password" && (U ? k.type = "text" : k.type = "password"), C === "phone" && (k.type = "tel");
+  b && _ === "password" && (U ? k.type = "text" : k.type = "password"), $ === "phone" && (k.type = "tel");
   const ke = O || h;
   return /* @__PURE__ */ e.createElement(
     Yt,
     y({
       className: H,
-      decorator: Y,
+      decorator: X,
       disabled: n,
       id: o,
       inputFieldType: "text",
@@ -1821,7 +1821,7 @@ const Rt = 16, m1 = 10, k2 = (N) => {
       onBlur: he,
       ref: T,
       readonly: E,
-      required: w,
+      required: C,
       showLabel: u,
       validationState: W
     }, k),
@@ -1829,24 +1829,24 @@ const Rt = 16, m1 = 10, k2 = (N) => {
     /* @__PURE__ */ e.createElement(
       "input",
       {
-        className: [q, X].join(" ").trim().replace(/\s+/g, " "),
+        className: [q, Y].join(" ").trim().replace(/\s+/g, " "),
         type: _,
         id: o,
         name: o,
         placeholder: g,
-        required: w,
+        required: C,
         readOnly: E,
         disabled: n,
         value: z,
         onBlur: ue,
         onChange: we,
-        onFocus: oe,
+        onFocus: ie,
         ref: K,
         "aria-invalid": W === "error",
         "aria-describedby": ke ? `${o}__message` : null,
         autoComplete: _ === "password" ? "off" : t,
-        maxLength: de,
-        minLength: de
+        maxLength: re,
+        minLength: re
       }
     ),
     S && /* @__PURE__ */ e.createElement("div", { className: "pds-input__counter" }, S),
@@ -1870,7 +1870,7 @@ const Rt = 16, m1 = 10, k2 = (N) => {
       },
       /* @__PURE__ */ e.createElement(P, { iconName: U ? "eyeSlash" : "eye" })
     ),
-    !z && c && _ === "search" && /* @__PURE__ */ e.createElement(L1, { label: i.searchShortcut })
+    !z && c && _ === "search" && /* @__PURE__ */ e.createElement(M1, { label: i.searchShortcut })
   );
 };
 k2.propTypes = {
@@ -2205,9 +2205,9 @@ const J = {
     showLabel: f = !0,
     validationMessage: g,
     validationStatus: E,
-    value: w,
+    value: C,
     className: u
-  } = b, C = I(b, [
+  } = b, $ = I(b, [
     "defaultValue",
     "disabled",
     "id",
@@ -2226,28 +2226,28 @@ const J = {
     "value",
     "className"
   ]);
-  var Le, Ee;
-  const _ = et(a), $ = "pds-select", x = s ? J.disabled : null, H = m && !s ? J.required : null, k = E === "error" ? J.error : null, N = E === "success" ? J.success : null;
-  let L = null;
-  E === "error" && (L = "error"), E === "success" && (L = "success");
-  const z = g || l, V = typeof w != "undefined", S = typeof t != "undefined", M = (_e) => h.findIndex((Me) => Me.value === _e), O = V && M(w) >= 0 ? M(w) : null, D = S ? M(t) : null, W = O || D, [Z, U] = F(!1), [G, K] = F(null), [T, A] = F(
+  var Me, Ee;
+  const _ = et(a), w = "pds-select", x = s ? J.disabled : null, H = m && !s ? J.required : null, k = E === "error" ? J.error : null, N = E === "success" ? J.success : null;
+  let M = null;
+  E === "error" && (M = "error"), E === "success" && (M = "success");
+  const z = g || l, V = typeof C != "undefined", S = typeof t != "undefined", L = (_e) => h.findIndex((Le) => Le.value === _e), O = V && L(C) >= 0 ? L(C) : null, D = S ? L(t) : null, W = O || D, [Z, U] = F(!1), [G, K] = F(null), [T, A] = F(
     W != null ? W : null
-  ), j = T !== null ? (Le = h[T]) == null ? void 0 : Le.label : void 0, q = T !== null ? (Ee = h[T]) == null ? void 0 : Ee.value : void 0, X = ae([]), { context: Y, refs: de } = Se({
+  ), j = T !== null ? (Me = h[T]) == null ? void 0 : Me.label : void 0, q = T !== null ? (Ee = h[T]) == null ? void 0 : Ee.value : void 0, Y = ae([]), { context: X, refs: re } = Se({
     open: Z,
     onOpenChange: U,
     whileElementsMounted: Be
-  }), ee = Ge(Y, {
+  }), ee = Ge(X, {
     enabled: !s,
     event: "mousedown"
-  }), pe = Te(Y), oe = De(Y, { role: "listbox" }), le = ot(Y, {
-    listRef: X,
+  }), pe = Te(X), ie = De(X, { role: "listbox" }), le = ot(X, {
+    listRef: Y,
     activeIndex: G,
     selectedIndex: T,
     onNavigate: K,
     loop: !0
   }), { getReferenceProps: we, getFloatingProps: ue, getItemProps: he } = Oe(
-    [oe, pe, le, ee]
-  ), { isMounted: te, styles: fe } = Ke(Y, {
+    [ie, pe, le, ee]
+  ), { isMounted: te, styles: fe } = Ke(X, {
     duration: {
       open: 300,
       close: 150
@@ -2262,48 +2262,48 @@ const J = {
       opacity: 0
     }
   }), ke = (_e) => {
-    const Me = h[_e];
-    V || (A(_e), U(!1)), i && i(Me);
+    const Le = h[_e];
+    V || (A(_e), U(!1)), i && i(Le);
   };
-  re(() => {
+  oe(() => {
     if (V) {
-      const _e = M(w);
+      const _e = L(C);
       A(_e), U(!1);
     }
-  }, [w]);
+  }, [C]);
   const se = () => {
     r && r(q);
   }, ce = () => {
     d && d(q);
   }, xe = () => {
-    de.reference.current.focus();
-  }, He = h.map((_e, Me) => /* @__PURE__ */ e.createElement(
+    re.reference.current.focus();
+  }, He = h.map((_e, Le) => /* @__PURE__ */ e.createElement(
     S1,
     y({
-      key: Me,
+      key: Le,
       ref: (Pe) => {
-        X.current[Me] = Pe;
+        Y.current[Le] = Pe;
       },
-      tabIndex: Me === G ? 0 : -1,
-      "aria-selected": Me === T && Me === G,
+      tabIndex: Le === G ? 0 : -1,
+      "aria-selected": Le === T && Le === G,
       "aria-disabled": _e == null ? void 0 : _e.disabled
     }, !(_e != null && _e.disabled) && he({
       onClick() {
-        ke(Me);
+        ke(Le);
       },
       onKeyDown(Pe) {
-        Pe.key === "Enter" && (Pe.preventDefault(), ke(Me), de.reference.current.focus()), Pe.key === "Escape" && (Pe.preventDefault(), de.reference.current.focus());
+        Pe.key === "Enter" && (Pe.preventDefault(), ke(Le), re.reference.current.focus()), Pe.key === "Escape" && (Pe.preventDefault(), re.reference.current.focus());
       }
     })),
     _e.label,
-    T === Me && /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${$}__checked-icon` })
+    T === Le && /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${w}__checked-icon` })
   ));
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: R([
         J.base,
-        $,
+        w,
         x,
         H,
         k,
@@ -2311,7 +2311,7 @@ const J = {
         u != null ? u : ""
       ]),
       style: a ? _ : null
-    }, C),
+    }, $),
     /* @__PURE__ */ e.createElement(
       Ze,
       {
@@ -2325,10 +2325,10 @@ const J = {
     /* @__PURE__ */ e.createElement(
       "span",
       y({
-        className: `${$}__input-wrapper`,
+        className: `${w}__input-wrapper`,
         id: n,
         tabIndex: 0,
-        ref: de.setReference,
+        ref: re.setReference,
         "aria-labelledby": "select-label",
         "aria-autocomplete": "none"
       }, we({
@@ -2336,20 +2336,20 @@ const J = {
         onBlur: se,
         onFocus: ce
       })),
-      L && /* @__PURE__ */ e.createElement(pt, { variant: L }),
-      /* @__PURE__ */ e.createElement("span", { className: `${$}__input-inner` }, j != null ? j : o.selectOptionText, /* @__PURE__ */ e.createElement(P, { iconName: "angleDown", className: `${$}__trigger-icon` }))
+      M && /* @__PURE__ */ e.createElement(pt, { variant: M }),
+      /* @__PURE__ */ e.createElement("span", { className: `${w}__input-inner` }, j != null ? j : o.selectOptionText, /* @__PURE__ */ e.createElement(P, { iconName: "angleDown", className: `${w}__trigger-icon` }))
     ),
     te && /* @__PURE__ */ e.createElement(
       "div",
       y({
-        ref: de.setFloating,
-        className: `${$}__dropdown`
+        ref: re.setFloating,
+        className: `${w}__dropdown`
       }, ue({
         style: {
           zIndex: "var(--pds-z-index-dropdown)"
         }
       })),
-      /* @__PURE__ */ e.createElement("div", { style: y({}, fe) }, /* @__PURE__ */ e.createElement("ul", { className: `${$}__options` }, He))
+      /* @__PURE__ */ e.createElement("div", { style: y({}, fe) }, /* @__PURE__ */ e.createElement("ul", { className: `${w}__options` }, He))
     ),
     z && /* @__PURE__ */ e.createElement(
       Re,
@@ -2362,7 +2362,7 @@ const J = {
       }
     )
   );
-}, M2 = {
+}, L2 = {
   left: {
     title: "Go to previous page",
     rel: "prev",
@@ -2380,11 +2380,11 @@ const J = {
 }, Je = (a) => {
   var c = a, { arrowText: t = null, direction: s } = c, n = I(c, ["arrowText", "direction"]);
   const { buttonCallback: o, currentKey: l, setCurrentKey: r, setDirection: d, pages: i } = $e(it), h = Xt(
-    (u, C) => {
-      o && (u.preventDefault(), o(C));
+    (u, $) => {
+      o && (u.preventDefault(), o($));
     },
     [o, l]
-  ), { title: m, rel: f, srText: g, icon: E, keyModifier: w } = M2[s];
+  ), { title: m, rel: f, srText: g, icon: E, keyModifier: C } = L2[s];
   return /* @__PURE__ */ e.createElement(
     "li",
     y({
@@ -2395,9 +2395,9 @@ const J = {
       {
         title: m,
         rel: f,
-        href: i[w(l)].link,
+        href: i[C(l)].link,
         onClick: (u) => {
-          h(u, w(l)), r(w(l)), d(s);
+          h(u, C(l)), r(C(l)), d(s);
         }
       },
       s === "right" && t ? /* @__PURE__ */ e.createElement("span", null, t) : null,
@@ -2411,7 +2411,7 @@ Je.propTypes = {
   arrowText: p.string,
   direction: p.oneOf(["right", "left"])
 };
-const L2 = (s) => {
+const M2 = (s) => {
   var t = I(s, []);
   const {
     buttonCallback: n,
@@ -2600,7 +2600,7 @@ const V2 = (s) => {
     },
     [n, a]
   ), [f] = F(h);
-  return re(() => {
+  return oe(() => {
     x2(
       h,
       o,
@@ -2657,7 +2657,7 @@ const V2 = (s) => {
     case "mini":
       return /* @__PURE__ */ e.createElement(I2, y({ location: s }, n));
     case "advanced":
-      return /* @__PURE__ */ e.createElement(L2, y({}, n));
+      return /* @__PURE__ */ e.createElement(M2, y({}, n));
   }
 }, T2 = (r) => {
   var d = r, {
@@ -2759,47 +2759,47 @@ D2.propTypes = {
 const O2 = (c) => {
   var o = c, { headers: t, rowData: s, className: n } = o, a = I(o, ["headers", "rowData", "className"]);
   const [l] = F(t), [r, d] = F(s), [i, h] = F({ order: "asc", key: "" }), m = (u) => {
-    d(r.sort((C, v) => C[u].localeCompare(v[u]))), h({ order: "desc", key: u });
+    d(r.sort(($, v) => $[u].localeCompare(v[u]))), h({ order: "desc", key: u });
   }, f = (u) => {
-    d(r.sort((C, v) => v[u].localeCompare(C[u]))), h({ order: "asc", key: u });
-  }, g = (u, C) => {
-    h(be(y({}, i), { key: C })), i.order === "asc" ? m(C) : f(C);
-  }, E = (u, C) => /* @__PURE__ */ e.createElement("tr", { id: C, key: `table-row-${C}` }, u.map((v, b) => /* @__PURE__ */ e.createElement("td", { key: `${C}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, v)))), w = "pds-table";
+    d(r.sort(($, v) => v[u].localeCompare($[u]))), h({ order: "asc", key: u });
+  }, g = (u, $) => {
+    h(be(y({}, i), { key: $ })), i.order === "asc" ? m($) : f($);
+  }, E = (u, $) => /* @__PURE__ */ e.createElement("tr", { id: $, key: `table-row-${$}` }, u.map((v, b) => /* @__PURE__ */ e.createElement("td", { key: `${$}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, v)))), C = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "table",
     y({
-      className: [w, n].join(" ").trim().replace(/\s+/g, " ")
+      className: [C, n].join(" ").trim().replace(/\s+/g, " ")
     }, a),
-    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((u, C) => /* @__PURE__ */ e.createElement("th", { key: `header-${C}` }, u.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${w}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((u, $) => /* @__PURE__ */ e.createElement("th", { key: `header-${$}` }, u.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${C}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
       "span",
       {
-        className: `${w}__sort-header`,
-        onClick: (v) => g(v, C)
+        className: `${C}__sort-header`,
+        onClick: (v) => g(v, $)
       },
       u.title
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `${w}__sort-button`,
+        className: `${C}__sort-button`,
         title: `Sort by ${u.title}`,
-        onClick: (v) => g(v, C)
+        onClick: (v) => g(v, $)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${w}__sort-button-top ${C != i.key && i.key !== "" ? "pds-table__sort-innactive" : i.key == C ? i.order : "asc"}`
+          className: `${C}__sort-button-top ${$ != i.key && i.key !== "" ? "pds-table__sort-innactive" : i.key == $ ? i.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(P, { iconName: "caretUp", iconSize: "sm" })
       ),
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${w}__sort-button-bottom ${i.key == C ? i.order : "asc"}`
+          className: `${C}__sort-button-bottom ${i.key == $ ? i.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(P, { iconName: "caretDown", iconSize: "sm" })
       )
     )) : /* @__PURE__ */ e.createElement("span", null, u.title))))),
-    /* @__PURE__ */ e.createElement("tbody", null, r.map((u, C) => E(u, C)))
+    /* @__PURE__ */ e.createElement("tbody", null, r.map((u, $) => E(u, $)))
   ));
 };
 O2.propTypes = {
@@ -2814,14 +2814,14 @@ const R2 = (r) => {
   var d = r, {
     disabled: t = !1,
     id: s,
-    initialSelection: n,
+    defaultValue: n,
     label: a,
     onChange: c,
     options: o
   } = d, l = I(d, [
     "disabled",
     "id",
-    "initialSelection",
+    "defaultValue",
     "label",
     "onChange",
     "options"
@@ -2839,18 +2839,18 @@ const R2 = (r) => {
         id: s
       }, l),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, a),
-      /* @__PURE__ */ e.createElement("div", { className: `${i}__options` }, o.map((u, C) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${i}__options` }, o.map((u, $) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${i}__option`,
-          key: `${s}-option-${C}`
+          key: `${s}-option-${$}`
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             className: "visually-hidden",
             type: "radio",
-            id: `${s}-option-${C}`,
+            id: u.id ? u.id : `${s}-option-${$}`,
             name: s,
             value: u.value,
             disabled: t,
@@ -2858,7 +2858,7 @@ const R2 = (r) => {
             defaultChecked: f === u.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${s}-option-${C}` }, u.iconName && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: u.id ? u.id : `${s}-option-${$}` }, u.iconName && /* @__PURE__ */ e.createElement(
           P,
           {
             iconName: u.iconName,
@@ -2881,7 +2881,7 @@ R2.propTypes = {
   /**
    * Optional initial selected option value
    */
-  initialSelection: p.string,
+  defaultValue: p.string,
   /**
    * Label for the ToggleButton — visually hidden, used for screen readers only.
    */
@@ -2907,7 +2907,11 @@ R2.propTypes = {
       /**
        * Option icon
        */
-      iconName: p.string
+      iconName: p.string,
+      /**
+       * Unique ID for the option
+       */
+      id: p.string
     })
   ),
   /**
@@ -2943,8 +2947,8 @@ const A2 = (g) => {
     "statusOffLabel",
     "className"
   ]);
-  const w = "pds-toggle-switch", [u, C] = F(!1), v = ($) => {
-    C(!u), o && o($.target);
+  const C = "pds-toggle-switch", [u, $] = F(!1), v = (w) => {
+    $(!u), o && o(w.target);
   };
   let b = u === !0 ? i : h, _;
   return d ? _ = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
@@ -2966,14 +2970,14 @@ const A2 = (g) => {
     {
       iconName: "check",
       iconSize: "sm",
-      className: `${w}__on-icon`
+      className: `${C}__on-icon`
     }
   ), /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: "xmark",
       iconSize: "sm",
-      className: `${w}__off-icon`
+      className: `${C}__off-icon`
     }
   )), /* @__PURE__ */ e.createElement(
     Yt,
@@ -2989,11 +2993,11 @@ const A2 = (g) => {
       showLabel: r,
       required: l
     }, f),
-    /* @__PURE__ */ e.createElement("div", { className: [w].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: [C].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement(
       "button",
       {
         id: s,
-        className: `${w}__toggle`,
+        className: `${C}__toggle`,
         role: "switch",
         disabled: t,
         "aria-checked": u,
@@ -3081,7 +3085,7 @@ const zt = (r) => {
   );
 }, rt = je(
   (E, g) => {
-    var w = E, {
+    var C = E, {
       ariaLabel: t,
       buttonType: s = "button",
       disabled: n = !1,
@@ -3094,7 +3098,7 @@ const zt = (r) => {
       size: i = "md",
       variant: h = "primary",
       className: m = ""
-    } = w, f = I(w, [
+    } = C, f = I(C, [
       "ariaLabel",
       "buttonType",
       "disabled",
@@ -3108,7 +3112,7 @@ const zt = (r) => {
       "variant",
       "className"
     ]);
-    const u = "pds-button", C = i !== "md" ? `${u}--${i}` : null, v = h !== "primary" ? `${u}--${h}` : null;
+    const u = "pds-button", $ = i !== "md" ? `${u}--${i}` : null, v = h !== "primary" ? `${u}--${h}` : null;
     let b;
     switch (i) {
       case "sm":
@@ -3129,9 +3133,9 @@ const zt = (r) => {
         className: `${u}__icon`
       }
     );
-    let $ = [r];
-    if (a == "icon-start" && c && $.unshift(_), a == "icon-end" && c && $.push(_), l) {
-      $ = [_];
+    let w = [r];
+    if (a == "icon-start" && c && w.unshift(_), a == "icon-end" && c && w.push(_), l) {
+      w = [_];
       const x = (H) => typeof H == "string" || typeof H == "number" ? String(H) : e.isValidElement(H) ? e.Children.toArray(H.props.children).map(x).join("") : "";
       t = x(r);
     }
@@ -3141,7 +3145,7 @@ const zt = (r) => {
         type: s,
         className: R([
           u,
-          C,
+          $,
           v,
           m
         ]),
@@ -3151,7 +3155,7 @@ const zt = (r) => {
         ref: g
       }),
       o && /* @__PURE__ */ e.createElement(zt, { className: `${u}__loading-indicator`, size: "md" }),
-      $
+      w
     );
   }
 );
@@ -3398,7 +3402,7 @@ const F2 = p.exact({
   const [t, s] = F(
     window.innerWidth !== void 0 ? window.innerWidth : 1024
   );
-  return re(() => {
+  return oe(() => {
     s(window.innerWidth);
     const n = () => {
       s(window.innerWidth);
@@ -3420,7 +3424,7 @@ const F2 = p.exact({
     mobileMenuMaxWidth: s,
     windowWidth: n
   };
-  return re(() => {
+  return oe(() => {
     a ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
   }, [a]), /* @__PURE__ */ e.createElement(Ae.Provider, { value: o }, t);
 }, u1 = [
@@ -3467,7 +3471,7 @@ const F2 = p.exact({
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
-  }, E = s ? /* @__PURE__ */ e.createElement("img", { src: `${s}`, className: `${i}__image`, alt: "" }) : /* @__PURE__ */ e.createElement("span", { style: g }, t && /* @__PURE__ */ e.createElement(P, { iconName: "user", className: `${i}__user-icon` })), w = /* @__PURE__ */ e.createElement("span", { className: `${i}__content` }, E), u = qe(n) ? We(
+  }, E = s ? /* @__PURE__ */ e.createElement("img", { src: `${s}`, className: `${i}__image`, alt: "" }) : /* @__PURE__ */ e.createElement("span", { style: g }, t && /* @__PURE__ */ e.createElement(P, { iconName: "user", className: `${i}__user-icon` })), C = /* @__PURE__ */ e.createElement("span", { className: `${i}__content` }, E), u = qe(n) ? We(
     n,
     be(y({}, n.props), {
       className: `${i}__content ${i}__content--link`
@@ -3479,7 +3483,7 @@ const F2 = p.exact({
     y({
       className: R([i, h, m, o])
     }, l),
-    n ? u : w
+    n ? u : C
   );
 }, _t = (m) => {
   var f = m, {
@@ -3506,28 +3510,28 @@ const F2 = p.exact({
     "variant",
     "className"
   ]);
-  const g = "pds-icon-button", E = r !== "md" ? `${g}--${r}` : null, w = d !== "standard" ? `${g}--${d}` : null, u = {
+  const g = "pds-icon-button", E = r !== "md" ? `${g}--${r}` : null, C = d !== "standard" ? `${g}--${d}` : null, u = {
     fadeOut: `${g}--fadeOut`,
     hide: `${g}--hide`,
     scaleIn: `${g}--scaleIn`
   };
-  let C, v;
+  let $, v;
   switch (r) {
     case "sm":
-      v = "md", C = 8;
+      v = "md", $ = 8;
       break;
     case "md":
-      v = "md", C = 10;
+      v = "md", $ = 10;
       break;
     case "lg":
-      v = "xl", C = 12;
+      v = "xl", $ = 12;
   }
-  const b = o !== null, _ = ae(null), $ = ae(null), x = () => {
-    _.current.classList.add(u.fadeOut), _.current.classList.add(u.hide), $.current.classList.remove(u.hide), $.current.classList.add(u.scaleIn), setTimeout(() => {
+  const b = o !== null, _ = ae(null), w = ae(null), x = () => {
+    _.current.classList.add(u.fadeOut), _.current.classList.add(u.hide), w.current.classList.remove(u.hide), w.current.classList.add(u.scaleIn), setTimeout(() => {
       _.current.classList.remove(
         u.fadeOut,
         u.hide
-      ), _.current.classList.add(u.scaleIn), $.current.classList.remove(u.scaleIn), $.current.classList.add(u.hide);
+      ), _.current.classList.add(u.scaleIn), w.current.classList.remove(u.scaleIn), w.current.classList.add(u.hide);
     }, 2e3);
   }, H = () => {
     b && x(), l && l();
@@ -3541,7 +3545,7 @@ const F2 = p.exact({
   )), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: $,
+      ref: w,
       className: `${g}__icon-wrapper ${u.hide}`
     },
     /* @__PURE__ */ e.createElement(
@@ -3564,7 +3568,7 @@ const F2 = p.exact({
     "button",
     y({
       "aria-label": t,
-      className: [g, E, w, i].join(" ").trim().replace(/\s+/g, " "),
+      className: [g, E, C, i].join(" ").trim().replace(/\s+/g, " "),
       disabled: n,
       onClick: H,
       type: s,
@@ -3575,7 +3579,7 @@ const F2 = p.exact({
       {
         content: t,
         className: `${g}__tooltip`,
-        offsetValue: C,
+        offsetValue: $,
         customTrigger: k
       }
     ) : k
@@ -3583,7 +3587,7 @@ const F2 = p.exact({
 };
 _t.displayName = "IconButton";
 const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink, Z2 = (t) => t.isNode, P1 = (u) => {
-  var C = u, {
+  var $ = u, {
     avatarImageSrc: t,
     disabled: s,
     displayType: n = "icon-end",
@@ -3599,7 +3603,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
     variant: f = "primary",
     withinNavbar: g,
     className: E
-  } = C, w = I(C, [
+  } = $, C = I($, [
     "avatarImageSrc",
     "disabled",
     "displayType",
@@ -3620,7 +3624,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
     x: v,
     y: b,
     reference: _,
-    floating: $,
+    floating: w,
     strategy: x,
     update: H,
     placement: k,
@@ -3629,23 +3633,23 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
     placement: "bottom-start",
     middleware: [i2()]
   });
-  let L = !1;
+  let M = !1;
   const z = $e(Ae);
-  z && (L = z.isMobile);
-  const V = g && L, S = 'data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="12.5" fill="%23CFCFD3"/><path d="M12.5 11.75C11.2422 11.75 10.0938 11.0938 9.46484 10C8.83594 8.93359 8.83594 7.59375 9.46484 6.5C10.0938 5.43359 11.2422 4.75 12.5 4.75C13.7305 4.75 14.8789 5.43359 15.5078 6.5C16.1367 7.59375 16.1367 8.93359 15.5078 10C14.8789 11.0938 13.7305 11.75 12.5 11.75ZM11.2422 13.0625H13.7305C16.4375 13.0625 18.625 15.25 18.625 17.957C18.625 18.3945 18.2422 18.75 17.8047 18.75H7.16797C6.73047 18.75 6.375 18.3945 6.375 17.957C6.375 15.25 8.53516 13.0625 11.2422 13.0625Z" fill="%2323232D"/></svg>', M = "pds-menu-button", O = V ? `${M}--isMobile` : null, D = g ? `${M}--navbar` : null, W = Ue(), [Z] = F(`menu-button-${W}`), [U] = F(`menu-listbox-${W}`), G = c || Z, K = N.floating, T = ae(null), [A, j] = F(!1), [q, X] = F(!1), [Y, de] = F(""), [ee, pe] = F(0), oe = ae([]), le = ae([]), we = ae([]);
+  z && (M = z.isMobile);
+  const V = g && M, S = 'data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="12.5" fill="%23CFCFD3"/><path d="M12.5 11.75C11.2422 11.75 10.0938 11.0938 9.46484 10C8.83594 8.93359 8.83594 7.59375 9.46484 6.5C10.0938 5.43359 11.2422 4.75 12.5 4.75C13.7305 4.75 14.8789 5.43359 15.5078 6.5C16.1367 7.59375 16.1367 8.93359 15.5078 10C14.8789 11.0938 13.7305 11.75 12.5 11.75ZM11.2422 13.0625H13.7305C16.4375 13.0625 18.625 15.25 18.625 17.957C18.625 18.3945 18.2422 18.75 17.8047 18.75H7.16797C6.73047 18.75 6.375 18.3945 6.375 17.957C6.375 15.25 8.53516 13.0625 11.2422 13.0625Z" fill="%2323232D"/></svg>', L = "pds-menu-button", O = V ? `${L}--isMobile` : null, D = g ? `${L}--navbar` : null, W = Ue(), [Z] = F(`menu-button-${W}`), [U] = F(`menu-listbox-${W}`), G = c || Z, K = N.floating, T = ae(null), [A, j] = F(!1), [q, Y] = F(!1), [X, re] = F(""), [ee, pe] = F(0), ie = ae([]), le = ae([]), we = ae([]);
   e2(() => {
     window.addEventListener("mousedown", Ee, !0), H();
     const B = K.current;
     return B && (B.dataset.fuiPlacement = k), q && (setTimeout(() => {
       B.focus();
-    }, 0), X(!1)), () => {
+    }, 0), Y(!1)), () => {
       window.removeEventListener("mousedown", Ee, !0);
     };
   }, [A, k]);
   const ue = (B, ne) => {
-    de(B), pe(ne);
+    re(B), pe(ne);
   }, he = () => {
-    j(!0), X(!0);
+    j(!0), Y(!0);
   }, te = () => {
     j(!1), ue(void 0, -1), T.current.querySelector(`#${G}`).focus();
   }, fe = (B) => {
@@ -3666,14 +3670,14 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
   }, ke = (B) => {
     const ne = le.current.indexOf(B), Q = we.current[ne];
     if (Q.callback && !Q.disabled && Q.callback(Q), Q.linkContent && !Q.disabled) {
-      const ie = T.current.querySelector(`#${B} a`);
-      ie && ie.click();
+      const de = T.current.querySelector(`#${B} a`);
+      de && de.click();
     }
   }, se = () => {
     const B = le.current[ee];
     ke(B);
   }, ce = (B) => {
-    A ? te() : he(), X((ne) => !ne), B.stopPropagation(), B.preventDefault();
+    A ? te() : he(), Y((ne) => !ne), B.stopPropagation(), B.preventDefault();
   }, xe = (B) => {
     ke(B.currentTarget.id), V || te();
   }, He = (B) => {
@@ -3691,14 +3695,14 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
         break;
       case "Up":
       case "ArrowUp": {
-        const ie = le.current.length - 1;
-        he(), ue(le.current[ie], ie), Q = !0;
+        const de = le.current.length - 1;
+        he(), ue(le.current[de], de), Q = !0;
         break;
       }
     }
     Q && (B.stopPropagation(), B.preventDefault());
-  }, Le = (B) => {
-    let ne = B.key, Q = !1, ie = "", me = 0;
+  }, Me = (B) => {
+    let ne = B.key, Q = !1, de = "", me = 0;
     function ye(Ce) {
       return Ce.length === 1 && Ce.match(/\S/);
     }
@@ -3717,11 +3721,11 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
             break;
           case "Up":
           case "ArrowUp":
-            me = ee - 1, me < 0 && (me = le.current.length - 1), ie = le.current[me], ue(ie, me), Q = !0;
+            me = ee - 1, me < 0 && (me = le.current.length - 1), de = le.current[me], ue(de, me), Q = !0;
             break;
           case "ArrowDown":
           case "Down":
-            me = ee + 1, me > le.current.length - 1 && (me = 0), ie = le.current[me], ue(ie, me), Q = !0;
+            me = ee + 1, me > le.current.length - 1 && (me = 0), de = le.current[me], ue(de, me), Q = !0;
             break;
           case "Home":
           case "PageUp":
@@ -3744,7 +3748,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
     }
   }, Ee = (B) => {
     T.current && !T.current.contains(B.target) && A && te();
-  }, _e = (B, ne, Q = "", ie = "", ...me) => {
+  }, _e = (B, ne, Q = "", de = "", ...me) => {
     const ye = Q ? `-group-${Q}` : "", Ce = G + ye + "-item-" + (ne + 1), Ve = B.id ? B.id : Ce;
     if (At(B))
       return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Ve });
@@ -3753,9 +3757,9 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
         "li",
         {
           role: "presentation",
-          id: ie || null,
-          key: ie,
-          className: `${M}__listbox-heading`
+          id: de || null,
+          key: de,
+          className: `${L}__listbox-heading`
         },
         B.label
       );
@@ -3764,27 +3768,27 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
     if (Ft(B) || B.label) {
       le.current.push(Ve), we.current.push(B);
       let Xe = !1;
-      Y !== "" && !B.disabled && (Xe = Y === Ve);
+      X !== "" && !B.disabled && (Xe = X === Ve);
       let Ie;
       if (B.label && (Ie = [B.label]), Ft(B) && (Ie = [B.linkContent.props.children]), B.iconName) {
         const at = /* @__PURE__ */ e.createElement(P, { key: `icon-${W}`, iconName: B.iconName, iconSize: "md" });
         Ie.unshift(at);
       }
       let st;
-      B.description && (st = /* @__PURE__ */ e.createElement("span", { className: `${M}__item-description` }, B.description));
+      B.description && (st = /* @__PURE__ */ e.createElement("span", { className: `${L}__item-description` }, B.description));
       let nt;
       if (Ft(B)) {
         const at = B.linkContent.type;
-        nt = /* @__PURE__ */ e.createElement(at, y({ tabIndex: -1 }, B.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, Ie), st);
+        nt = /* @__PURE__ */ e.createElement(at, y({ tabIndex: -1 }, B.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${L}__item-label` }, Ie), st);
       } else
-        nt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, Ie), st);
+        nt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${L}__item-label` }, Ie), st);
       return /* @__PURE__ */ e.createElement(
         "li",
         y({
           id: Ve,
           key: Ve,
           "data-testid": B.testId,
-          className: Xe ? `${M}__item-focused` : null,
+          className: Xe ? `${L}__item-focused` : null,
           role: "menuitem",
           tabIndex: -1,
           onClick: xe,
@@ -3793,24 +3797,24 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
         nt
       );
     }
-  }, Me = (B, ne) => {
+  }, Le = (B, ne) => {
     const Q = [];
-    let ie = ne.shift(), me = [];
+    let de = ne.shift(), me = [];
     return B.map((ye, Ce) => {
-      ye !== ie ? (me.push(ye), Ce + 1 === B.length && Q.push(me)) : (Q.push(me), me = [], me.push(ye), ie = ne.shift());
+      ye !== de ? (me.push(ye), Ce + 1 === B.length && Q.push(me)) : (Q.push(me), me = [], me.push(ye), de = ne.shift());
     }), Q.filter((ye) => ye.length > 0);
   }, Pe = (B) => {
     le.current = [], we.current = [];
     const ne = B, Q = B.filter(
       Pt || At
-    ), ie = Q.length > 0;
-    let me = [`${M}__listbox`];
-    if (g && me.push(`${M}__listbox--navbar`), (n === "avatar" || n === "avatar-with-text") && me.push(`${M}__listbox--avatar`), d === "end" && me.push(`${M}__listbox--end`), n === "icon-only" && me.push(`${M}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), ie) {
-      const ye = Me(B, Q);
+    ), de = Q.length > 0;
+    let me = [`${L}__listbox`];
+    if (g && me.push(`${L}__listbox--navbar`), (n === "avatar" || n === "avatar-with-text") && me.push(`${L}__listbox--avatar`), d === "end" && me.push(`${L}__listbox--end`), n === "icon-only" && me.push(`${L}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), de) {
+      const ye = Le(B, Q);
       ye.forEach(() => {
-        oe.current.push(Ue());
+        ie.current.push(Ue());
       });
-      let Ce = oe.current[0];
+      let Ce = ie.current[0];
       const Ve = ye[0].findIndex(
         (Ie) => !At(Ie) && !Pt(Ie)
       ), Xe = `${G}-group-${Ce}-item-${Ve + 1}`;
@@ -3822,7 +3826,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": G,
-          "aria-activedescendant": Y !== "" ? Y : Xe,
+          "aria-activedescendant": X !== "" ? X : Xe,
           style: {
             visibility: A ? "visible" : "hidden",
             opacity: A ? "1" : "0",
@@ -3831,11 +3835,11 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
             transform: `translate(${Math.round(v)}px,${Math.round(b)}px)`,
             zIndex: "var(--pds-z-index-dropdown)"
           },
-          onKeyDown: Le,
-          ref: $
+          onKeyDown: Me,
+          ref: w
         },
         ye.map((Ie, st) => {
-          Ce = oe.current[st];
+          Ce = ie.current[st];
           const nt = Ie[0].isHeading, at = nt ? `${G}-group-${Ce}-heading` : "", Z1 = `${G}-group-${Ce}`, U1 = nt ? null : `${m} ${st + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
@@ -3864,7 +3868,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": G,
-          "aria-activedescendant": Y !== "" ? Y : ye,
+          "aria-activedescendant": X !== "" ? X : ye,
           style: {
             visibility: A ? "visible" : "hidden",
             opacity: A ? "1" : "0",
@@ -3872,8 +3876,8 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
             position: x,
             transform: `translate(${Math.round(v)}px,${Math.round(b)}px)`
           },
-          onKeyDown: Le,
-          ref: $
+          onKeyDown: Me,
+          ref: w
         },
         ne.map((Ce, Ve) => _e(Ce, Ve))
       ));
@@ -3892,7 +3896,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
       iconName: "angleDown",
       type: "button",
       disabled: s,
-      className: `${M}__trigger`,
+      className: `${L}__trigger`,
       "aria-haspopup": "true",
       "aria-controls": U,
       "aria-expanded": A,
@@ -3910,7 +3914,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
       iconName: a,
       type: "button",
       disabled: s,
-      className: `${M}__trigger ${M}__trigger--icon-only`,
+      className: `${L}__trigger ${L}__trigger--icon-only`,
       "aria-haspopup": "true",
       "aria-controls": U,
       "aria-expanded": A,
@@ -3925,7 +3929,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
       id: G,
       type: "button",
       disabled: s,
-      className: `${M}__trigger ${M}__trigger--avatar`,
+      className: `${L}__trigger ${L}__trigger--avatar`,
       "aria-label": n === "avatar" ? l : null,
       "aria-haspopup": "true",
       "aria-controls": U,
@@ -3934,25 +3938,25 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
       onKeyDown: He,
       ref: _
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${M}__avatar-label` }, /* @__PURE__ */ e.createElement(ut, { size: "sm", imageSrc: t || S }), n === "avatar-with-text" && l),
+    /* @__PURE__ */ e.createElement("span", { className: `${L}__avatar-label` }, /* @__PURE__ */ e.createElement(ut, { size: "sm", imageSrc: t || S }), n === "avatar-with-text" && l),
     /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: "angleDown",
         iconSize: "md",
-        className: `${M}__trigger-icon ${M}__trigger-icon--${n}`
+        className: `${L}__trigger-icon ${L}__trigger-icon--${n}`
       }
     )
   ));
   const xt = (B) => {
     const ne = B.target;
-    ne.classList.toggle(`${M}__toggle--expanded`), ne.setAttribute(
+    ne.classList.toggle(`${L}__toggle--expanded`), ne.setAttribute(
       "aria-expanded",
       ne.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), ne.nextElementSibling.classList.toggle(`${M}__mobile-menu--expanded`);
-  }, Vt = () => /* @__PURE__ */ e.createElement("ul", { className: `${M}__mobile-menu`, role: "menu" }, r.map((B, ne) => _e(B, ne)));
+    ), ne.nextElementSibling.classList.toggle(`${L}__mobile-menu--expanded`);
+  }, Vt = () => /* @__PURE__ */ e.createElement("ul", { className: `${L}__mobile-menu`, role: "menu" }, r.map((B, ne) => _e(B, ne)));
   let dt;
-  const It = n === "icon-end" ? "pds-button pds-button--navbar" : null, St = [`${M}__toggle`, It].join(" ").trim().replace(/\s+/g, " ");
+  const It = n === "icon-end" ? "pds-button pds-button--navbar" : null, St = [`${L}__toggle`, It].join(" ").trim().replace(/\s+/g, " ");
   V && (dt = /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -3963,30 +3967,30 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
       "aria-expanded": !1,
       onClick: xt
     },
-    n === "avatar" || n === "avatar-with-text" ? /* @__PURE__ */ e.createElement("span", { className: `${M}__avatar-label` }, /* @__PURE__ */ e.createElement(
+    n === "avatar" || n === "avatar-with-text" ? /* @__PURE__ */ e.createElement("span", { className: `${L}__avatar-label` }, /* @__PURE__ */ e.createElement(
       ut,
       {
         size: "sm",
         imageSrc: t || S
       }
-    ), l) : n === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${M}__icon-label` }, /* @__PURE__ */ e.createElement(P, { iconName: a }), " ", l) : l,
+    ), l) : n === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${L}__icon-label` }, /* @__PURE__ */ e.createElement(P, { iconName: a }), " ", l) : l,
     /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: "angleDown",
         iconSize: "md",
-        className: `${M}__toggle-icon ${M}__toggle-icon--${n}`
+        className: `${L}__toggle-icon ${L}__toggle-icon--${n}`
       }
     )
   ));
-  const ge = dt, ve = A ? `${M}--expanded` : null;
+  const ge = dt, ve = A ? `${L}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [M, D, O, ve, E].join(" ").trim().replace(/\s+/g, " "),
+      className: [L, D, O, ve, E].join(" ").trim().replace(/\s+/g, " "),
       "data-testid": h,
       ref: T
-    }, w),
+    }, C),
     V ? /* @__PURE__ */ e.createElement(e.Fragment, null, ge, /* @__PURE__ */ e.createElement(Vt, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, tt, Pe(r))
   );
 };
@@ -4067,7 +4071,7 @@ P1.propTypes = {
 };
 const F1 = ({ items: t, label: s, mobileMenuMaxWidth: n = 640 }) => {
   const [a, c] = F(!1), [o, l] = F(0);
-  re(() => (l(window.innerWidth), window.addEventListener("resize", r), () => {
+  oe(() => (l(window.innerWidth), window.addEventListener("resize", r), () => {
     window.removeEventListener("resize", r);
   }), []);
   const r = () => {
@@ -4078,10 +4082,10 @@ const F1 = ({ items: t, label: s, mobileMenuMaxWidth: n = 640 }) => {
     onOpenChange: c,
     whileElementsMounted: Be
   }), f = Ge(m, { event: "mousedown" }), g = Te(m), E = De(m, { role: "menu" });
-  let w;
-  d ? w = gt(m, {
+  let C;
+  d ? C = gt(m, {
     enabled: !1
-  }) : w = gt(m, {
+  }) : C = gt(m, {
     handleClose: w1({
       requireIntent: !1,
       buffer: 10,
@@ -4089,11 +4093,11 @@ const F1 = ({ items: t, label: s, mobileMenuMaxWidth: n = 640 }) => {
       enabled: !0
     })
   });
-  const { getReferenceProps: u, getFloatingProps: C } = Oe([
+  const { getReferenceProps: u, getFloatingProps: $ } = Oe([
     g,
     E,
     f,
-    w
+    C
   ]), v = (b) => !!(b.isActive || b.linkContent && b.linkContent.props.className && b.linkContent.props.className.includes("pds-isActive"));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
@@ -4108,7 +4112,7 @@ const F1 = ({ items: t, label: s, mobileMenuMaxWidth: n = 640 }) => {
     y({
       className: `${i}__dropdown`,
       ref: h.setFloating
-    }, C()),
+    }, $()),
     t.map((b, _) => /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -4139,27 +4143,27 @@ const U2 = (l) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [d, i] = F(1025), [h, m] = F(null), [f, g] = F(-1), [E, w] = F(null), [u, C] = F({
+  const [d, i] = F(1025), [h, m] = F(null), [f, g] = F(-1), [E, C] = F(null), [u, $] = F({
     containerChildren: []
   });
-  re(() => (i(window.innerWidth), window.addEventListener("resize", v), () => {
+  oe(() => (i(window.innerWidth), window.addEventListener("resize", v), () => {
     window.removeEventListener("resize", v);
   }), []);
   const v = () => {
     i(window.innerWidth);
   }, b = d <= a;
-  re(() => {
+  oe(() => {
     u.containerChildren[h] && (u.containerChildren[h].classList.contains(
       "pds-nav-menu__dropdown--separator"
     ) && E == "down" ? m(h + 1) : u.containerChildren[h].classList.contains(
       "pds-nav-menu__dropdown--separator"
     ) && E == "up" ? m(h - 1) : u.containerChildren[h].children[0].focus());
-  }, [h]), re(() => {
+  }, [h]), oe(() => {
     f != -1 && (H.current[f].children[0].blur(), H.current[f].children[0].focus({
       focusVisible: !0
     }));
   }, [f]);
-  const _ = "pds-nav-menu", $ = s !== "default" ? `${_}--${s}` : "", x = b ? `${_}--isMobile` : `${_}--notMobile`, H = ae([]), k = (z) => {
+  const _ = "pds-nav-menu", w = s !== "default" ? `${_}--${s}` : "", x = b ? `${_}--isMobile` : `${_}--notMobile`, H = ae([]), k = (z) => {
     const V = H.current.length - 1, Z = {
       ArrowRight: () => {
         m(-1), g(f === -1 ? 1 : f === V ? 0 : f + 1);
@@ -4169,15 +4173,15 @@ const U2 = (l) => {
       },
       ArrowDown: () => {
         var K, T, A, j;
-        w("down");
+        C("down");
         let U = z.target.parentNode.children[1], G = ((T = (K = z.target) == null ? void 0 : K.parentNode.children[1]) == null ? void 0 : T.children) || ((j = (A = z.target) == null ? void 0 : A.parentNode.parentNode.children[1]) == null ? void 0 : j.children);
-        u.container != U && U != null && C({
+        u.container != U && U != null && $({
           container: U,
           containerChildren: [...G]
         }), h === null || h == u.containerChildren.length - 1 ? m(0) : m(parseInt(h) + 1);
       },
       ArrowUp: () => {
-        w("up"), m(h === 0 ? u.containerChildren.length - 1 : parseInt(h) - 1);
+        C("up"), m(h === 0 ? u.containerChildren.length - 1 : parseInt(h) - 1);
       }
     }[z.code];
     Z && Z();
@@ -4191,15 +4195,15 @@ const U2 = (l) => {
     }
     return !1;
   };
-  let L = [];
+  let M = [];
   return n.map((z, V) => {
-    const S = `item-${Ue()}`, M = z.id ? z.id : S;
-    z.links ? L.push(
+    const S = `item-${Ue()}`, L = z.id ? z.id : S;
+    z.links ? M.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
           key: `${V}-dropdown`,
-          id: M,
+          id: L,
           ref: (O) => H.current[V] = O,
           className: `${_}__item ${_}__item--top-level ${_}__item--has-children ${N(z) === !0 ? `${_}__item--active` : ""}`
         },
@@ -4212,12 +4216,12 @@ const U2 = (l) => {
           }
         )
       )
-    ) : L.push(
+    ) : M.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
           key: V,
-          id: M,
+          id: L,
           ref: (O) => H.current[V] = O,
           className: `${_}__item ${_}__item--top-level ${_}__item--has-link ${N(z) === !0 ? `${_}__item--active` : ""}`
         },
@@ -4227,13 +4231,13 @@ const U2 = (l) => {
   }), /* @__PURE__ */ e.createElement(
     "nav",
     y({
-      className: [_, $, x, c].join(" ").trim().replace(/\s+/g, " "),
+      className: [_, w, x, c].join(" ").trim().replace(/\s+/g, " "),
       "aria-label": t,
       onKeyDown: (z) => {
         k(z);
       }
     }, o),
-    /* @__PURE__ */ e.createElement("ul", { className: `${_}__menu` }, L)
+    /* @__PURE__ */ e.createElement("ul", { className: `${_}__menu` }, M)
   );
 };
 U2.propTypes = {
@@ -4280,7 +4284,7 @@ const bt = (d) => {
     m,
     f,
     g
-  ]), w = qe(a) ? a.props.children : null, u = /* @__PURE__ */ e.createElement(
+  ]), C = qe(a) ? a.props.children : null, u = /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: n,
@@ -4289,18 +4293,18 @@ const bt = (d) => {
       key: n
     }
   );
-  let C = [w];
-  s === "icon-start" && n ? C = [u, w] : s === "icon-end" && n && (C = [w, u]);
+  let $ = [C];
+  s === "icon-start" && n ? $ = [u, C] : s === "icon-end" && n && ($ = [C, u]);
   const v = qe(a) ? We(a, {
     className: E,
-    children: C
+    children: $
   }) : null;
   return t ? /* @__PURE__ */ e.createElement(
     rt,
     {
       className: R([h, l != null ? l : ""]),
       disabled: !0,
-      label: C,
+      label: $,
       size: c,
       variant: o
     }
@@ -4421,7 +4425,7 @@ const bt = (d) => {
     "statusBadgeType",
     "className"
   ]);
-  const E = "pds-pricing-card", w = `${E}-container`, u = n ? `${w}--with-list` : null, C = i ? `${E}--${i}` : null, v = (M) => M.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [_, $] = F(
+  const E = "pds-pricing-card", C = `${E}-container`, u = n ? `${C}--with-list` : null, $ = i ? `${E}--${i}` : null, v = (L) => L.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [_, w] = F(
     v(l[0].label)
   ), [x, H] = F(
     t.label
@@ -4443,43 +4447,43 @@ const bt = (d) => {
       listItems: l[0].listItems,
       renderTypeLabels: !1
     }
-  )), b && (k = l.map((M) => {
-    const D = _ === v(M.label) ? null : `${E}__pricing-data--hide`;
+  )), b && (k = l.map((L) => {
+    const D = _ === v(L.label) ? null : `${E}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
         className: [`${E}__pricing-data`, D].join(" ").trim().replace(/\s+/g, " "),
-        id: `data-${v(M.label)}`,
-        key: v(M.label)
+        id: `data-${v(L.label)}`,
+        key: v(L.label)
       },
-      M.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${E}__price-prefix` }, M.pricePrefix),
-      /* @__PURE__ */ e.createElement("div", { className: `${E}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__price` }, M.price), M.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__details` }, M.priceDetails)),
-      /* @__PURE__ */ e.createElement("div", { className: `${E}__savings-line` }, M.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+      L.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${E}__price-prefix` }, L.pricePrefix),
+      /* @__PURE__ */ e.createElement("div", { className: `${E}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__price` }, L.price), L.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__details` }, L.priceDetails)),
+      /* @__PURE__ */ e.createElement("div", { className: `${E}__savings-line` }, L.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
         vt,
         {
           className: `${E}__savings-badge`,
           color: "neutral",
           size: "sm",
-          label: M.savingsBadgeLabel
+          label: L.savingsBadgeLabel
         }
-      ), M.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, M.savingsDetails))
+      ), L.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, L.savingsDetails))
     );
-  }), N = l.map((M) => {
-    const D = _ === v(M.label) ? null : `${E}__list--hide`;
+  }), N = l.map((L) => {
+    const D = _ === v(L.label) ? null : `${E}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       p1,
       {
         className: [`${E}__list`, D].join(" ").trim().replace(/\s+/g, " "),
-        listLabel: M.listLabel,
-        listItems: M.listItems,
+        listLabel: L.listLabel,
+        listItems: L.listItems,
         renderTypeLabels: !1,
-        key: `${v(M.label)}-list`
+        key: `${v(L.label)}-list`
       }
     );
   }));
-  const L = (M) => {
+  const M = (L) => {
     const O = l.find(
-      (D) => v(D.label) === M
+      (D) => v(D.label) === L
     );
     return O.customActionLabel ? O.customActionLabel : t.label;
   };
@@ -4491,13 +4495,13 @@ const bt = (d) => {
       className: `${E}__select`,
       label: d,
       showLabel: !1,
-      options: l.map((M) => ({
-        value: v(M.label),
-        label: M.label
+      options: l.map((L) => ({
+        value: v(L.label),
+        label: L.label
       })),
       defaultValue: v(l[0].label),
-      onOptionSelect: (M) => {
-        $(M.value), H(L(M.value)), a && a(M.value);
+      onOptionSelect: (L) => {
+        w(L.value), H(M(L.value)), a && a(L.value);
       }
     }
   ));
@@ -4541,12 +4545,12 @@ const bt = (d) => {
   ))), /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [w, u, h].join(" ").trim().replace(/\s+/g, " ")
+      className: [C, u, h].join(" ").trim().replace(/\s+/g, " ")
     }, m),
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [E, C].join(" ").trim().replace(/\s+/g, " ")
+        className: [E, $].join(" ").trim().replace(/\s+/g, " ")
       },
       i && /* @__PURE__ */ e.createElement(
         t1,
@@ -4765,7 +4769,7 @@ const Gt = (o) => {
   var i = d, {
     disabled: t = !1,
     id: s,
-    initialSelection: n,
+    defaultValue: n,
     label: a,
     onChange: c,
     options: o,
@@ -4773,14 +4777,14 @@ const Gt = (o) => {
   } = i, r = I(i, [
     "disabled",
     "id",
-    "initialSelection",
+    "defaultValue",
     "label",
     "onChange",
     "options",
     "className"
   ]);
-  const h = "pds-segmented-button", m = t ? "pds-is-disabled" : null, [f, g] = F(n), E = (w) => {
-    g(w.target.value), c && c(w.target.value);
+  const h = "pds-segmented-button", m = t ? "pds-is-disabled" : null, [f, g] = F(n), E = (C) => {
+    g(C.target.value), c && c(C.target.value);
   };
   if (o.length >= 2 && o.length <= 6)
     return /* @__PURE__ */ e.createElement(
@@ -4789,7 +4793,7 @@ const Gt = (o) => {
         className: R([h, m, l != null ? l : ""])
       }, r),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, a),
-      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((w, u) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((C, u) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${h}__option`,
@@ -4800,29 +4804,29 @@ const Gt = (o) => {
           {
             className: "visually-hidden",
             type: "radio",
-            id: `${s}-option-${u}`,
+            id: C.id ? C.id : `${s}-option-${u}`,
             name: s,
-            value: w.value,
+            value: C.value,
             disabled: t,
             onClick: E,
-            defaultChecked: f === w.value
+            defaultChecked: f === C.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${s}-option-${u}` }, w.tally ? /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: C.id ? C.id : `${s}-option-${u}` }, C.tally ? /* @__PURE__ */ e.createElement(
           Gt,
           {
-            label: w.tally.label,
-            type: w.tally.type,
+            label: C.tally.label,
+            type: C.tally.type,
             className: `${h}__tally`
           }
-        ) : w.iconName && /* @__PURE__ */ e.createElement(
+        ) : C.iconName && /* @__PURE__ */ e.createElement(
           P,
           {
-            iconName: w.iconName,
+            iconName: C.iconName,
             iconSize: "md",
             className: `${h}__icon`
           }
-        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, w.label))
+        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, C.label))
       )))
     );
 }, Y2 = {
@@ -4893,7 +4897,7 @@ const Gt = (o) => {
     m && /* @__PURE__ */ e.createElement("div", { className: `${r}__image` }, m[0]),
     f && /* @__PURE__ */ e.createElement("div", { className: `${r}__main` }, f)
   );
-}, Mt = (o) => {
+}, Lt = (o) => {
   var l = o, {
     baseClass: t,
     children: s,
@@ -4927,7 +4931,7 @@ const Gt = (o) => {
   ]);
   const d = "pds-card-heading", i = t === "XL" ? "pds-ts-xl" : "pds-ts-l", h = s === "bold" ? "pds-fw-bold" : "pds-fw-semibold";
   return /* @__PURE__ */ e.createElement(
-    Mt,
+    Lt,
     y({
       className: R([
         d,
@@ -4962,18 +4966,18 @@ const Gt = (o) => {
   const m = "pds-card-select-group";
   let f = `${m}__legend`;
   a === "center" && (f = `${m}__legend ${m}__legend--center`), a === "hidden" && (f = `${m}__legend visually-hidden`);
-  const [g, E] = F(s), w = ($) => {
-    E($.currentTarget.value), o && o($.currentTarget.value);
-  }, u = l.length, C = "pds-grid-item", v = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", b = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  const [g, E] = F(s), C = (w) => {
+    E(w.currentTarget.value), o && o(w.currentTarget.value);
+  }, u = l.length, $ = "pds-grid-item", v = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", b = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let _ = "";
-  return c === "twoAcross" ? _ = v : c === "threeAcross" ? _ = b : c === "auto" && (u === 1 ? _ = C : u % 3 === 0 ? _ = b : u % 2 === 0 ? _ = v : _ = b), /* @__PURE__ */ e.createElement(
+  return c === "twoAcross" ? _ = v : c === "threeAcross" ? _ = b : c === "auto" && (u === 1 ? _ = $ : u % 3 === 0 ? _ = b : u % 2 === 0 ? _ = v : _ = b), /* @__PURE__ */ e.createElement(
     "fieldset",
     y({
       className: [m, r].join(" ").trim().replace(/\s+/g, " "),
       id: t
     }, d),
     /* @__PURE__ */ e.createElement("legend", { className: f }, n),
-    /* @__PURE__ */ e.createElement("div", { className: `${m}__options pds-grid pds-grid--narrow` }, l.map(($, x) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${m}__options pds-grid pds-grid--narrow` }, l.map((w, x) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: [`${m}__option`, _].join(" ").trim().replace(/\s+/g, " "),
@@ -4983,28 +4987,28 @@ const Gt = (o) => {
         "input",
         {
           type: "radio",
-          id: $.id ? $.id : `${t}-option-${x}`,
+          id: w.id ? w.id : `${t}-option-${x}`,
           name: t,
-          value: $.value,
-          onClick: w,
-          defaultChecked: g === $.value
+          value: w.value,
+          onClick: C,
+          defaultChecked: g === w.value
         }
       ),
       /* @__PURE__ */ e.createElement(
         "label",
         {
-          htmlFor: $.id ? $.id : `${t}-option-${x}`,
-          className: g === $.value ? `${m}__option-label ${m}__option-label--selected` : `${m}__option-label`
+          htmlFor: w.id ? w.id : `${t}-option-${x}`,
+          className: g === w.value ? `${m}__option-label ${m}__option-label--selected` : `${m}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${m}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           P,
           {
-            iconName: g === $.value ? "circleCheck" : "circle",
+            iconName: g === w.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: g === $.value ? `${m}__option-icon ${m}__option-icon--selected` : `${m}__option-icon`
+            className: g === w.value ? `${m}__option-icon ${m}__option-icon--selected` : `${m}__option-icon`
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${m}__option-label-text` }, $.label, $.description && /* @__PURE__ */ e.createElement("div", { className: `${m}__option-description` }, $.description))
+        /* @__PURE__ */ e.createElement("div", { className: `${m}__option-label-text` }, w.label, w.description && /* @__PURE__ */ e.createElement("div", { className: `${m}__option-description` }, w.description))
       )
     )))
   );
@@ -5089,8 +5093,8 @@ const Gt = (o) => {
     /* @__PURE__ */ e.createElement(
       "path",
       {
-        d: "M19.4541 9.6854C17.9104 8.13834 16.4379 6.66349 15.9995 5C15.5612 6.66349 14.0886 8.13834 12.545 9.6854C10.2299 12.0051 7.60526 14.6344 7.60526 18.5778C7.60346 23.2271 11.3596 26.9973 15.9959 27C20.6323 27.0018 24.392 23.2353 24.3947 18.586C24.3947 18.5832 24.3947 18.5805 24.3947 18.5778C24.3947 14.6344 21.7701 12.0051 19.4541 9.6854ZM11.1732 20.5401C10.6584 20.5229 8.75918 17.2393 12.2831 13.7435L14.6152 16.2979C14.6935 16.3755 14.6944 16.5018 14.617 16.5804C14.6116 16.5858 14.6062 16.5912 14.5999 16.5957C14.0436 17.168 11.6719 19.5535 11.3767 20.3776C11.3154 20.5482 11.2272 20.541 11.1732 20.5392M15.9995 24.8663C14.4055 24.8663 13.112 23.5701 13.112 21.9716C13.1228 21.2694 13.3776 20.5933 13.8312 20.059C14.3515 19.4209 15.9986 17.6256 15.9986 17.6256C15.9986 17.6256 17.6197 19.447 18.1616 20.0536C18.6332 20.5798 18.8924 21.264 18.8861 21.9716C18.8861 23.5701 17.5936 24.8672 15.9986 24.8672M21.5243 20.1727C21.4622 20.309 21.3209 20.5374 21.1301 20.5437C20.7907 20.5563 20.7538 20.3812 20.5036 20.0094C19.9528 19.1916 15.1436 14.1515 14.2435 13.1767C13.4523 12.3192 14.1318 11.7154 14.4478 11.3985C14.8438 11.0014 15.9977 9.84426 15.9977 9.84426C15.9977 9.84426 19.4406 13.1207 20.8754 15.3592C22.3101 17.5976 21.8151 19.5346 21.5243 20.1736",
-        fill: "var(--pds-color-foreground-reverse)"
+        d: "M23.027 12.9858C23.027 12.9602 23.0016 12.9474 22.9762 12.9218C21.7311 11.5139 19.9652 9.51725 18.6948 8.09655C18.301 7.67418 17.9071 7.25181 17.5387 6.81664C17.4498 6.71425 17.3736 6.61185 17.2846 6.50946C17.2084 6.43267 17.1703 6.38147 17.1703 6.38147C16.7383 5.8695 16.3953 5.29354 16.1539 4.67919L16.0904 4.5384C16.0904 4.5384 16.0904 4.5384 16.065 4.5128C16.065 4.5128 16.0269 4.5 16.0142 4.5C15.9888 4.5 15.9761 4.5128 15.9634 4.5128C15.9634 4.52133 15.9549 4.52986 15.938 4.5384L15.8745 4.67919C15.6204 5.29354 15.2773 5.8695 14.8581 6.38147C14.8581 6.38147 14.82 6.43267 14.7438 6.50946C14.6548 6.61185 14.5786 6.71425 14.4897 6.81664C14.1086 7.25181 13.7274 7.67418 13.3336 8.09655C12.0632 9.51725 10.2846 11.5139 9.03954 12.9218C9.02683 12.9474 9.01413 12.9602 8.98872 12.9858C4.28813 19.2958 9.39526 24.441 9.39526 24.441H9.38256C10.8944 26.2073 13.0414 27.2952 15.3409 27.4616C15.5441 27.4872 15.7601 27.5 15.9888 27.5C16.2048 27.5 16.4207 27.4872 16.6367 27.4616C18.9489 27.2952 21.0832 26.2073 22.595 24.441C22.595 24.441 27.7149 19.2958 23.0143 12.9858H23.027ZM12.0886 17.4271L11.9742 17.6063C11.1103 18.6686 10.6022 19.7949 10.437 20.9085C10.4116 21.0492 10.2846 21.1388 10.1575 21.1132C10.0686 21.1004 10.0051 21.0365 9.96695 20.9597C9.73828 20.4221 9.58582 19.8589 9.5096 19.283C9.2174 17.2479 9.82721 15.4688 11.123 13.9457C11.6439 13.3442 12.1648 12.7426 12.6857 12.1411C12.7746 12.0387 12.9271 12.0259 13.0287 12.1155L13.0541 12.1411C13.4733 12.6274 14.0196 13.2546 14.6294 13.9713C14.7057 14.0609 14.7057 14.2017 14.6294 14.3041C13.7909 15.3152 12.9016 16.3904 12.1013 17.4143L12.0886 17.4271ZM19.3046 22.7003C18.8218 23.9802 17.869 24.7482 16.5224 24.9658C14.604 25.2602 12.8127 23.9418 12.5205 22.0092C12.5205 21.9836 12.5205 21.9708 12.5205 21.9452C12.3681 20.8573 12.6984 19.8973 13.3971 19.0782C14.2102 18.1183 16.0015 15.8912 16.0269 15.8528C16.065 15.8912 17.9707 18.2846 18.6821 19.1294C19.5841 20.1917 19.8001 21.4076 19.3173 22.7003H19.3046ZM22.1377 20.6909C22.1377 20.7293 22.0996 20.7805 22.0869 20.8189C22.036 20.9469 21.8963 21.0109 21.7692 20.9597C21.693 20.9213 21.6295 20.8573 21.6168 20.7677C21.4389 19.6925 20.9308 18.6174 20.105 17.6063L20.0288 17.4783L19.9779 17.4143C19.3173 16.5696 15.8236 12.4482 14.2991 10.6436C14.2229 10.554 14.2229 10.4132 14.2991 10.3108C14.8073 9.74764 15.3155 9.18447 15.8109 8.60851C15.8999 8.50612 16.0523 8.50612 16.1539 8.60851C16.3826 8.8645 16.5986 9.10768 16.8146 9.36366C18.1993 10.9252 19.5968 12.461 20.9435 14.0353C22.6458 16.0192 23.0397 18.2974 22.1377 20.7037V20.6909Z",
+        fill: "white"
       }
     )
   ),
@@ -5350,12 +5354,12 @@ const Gt = (o) => {
       }
     ),
     c && /* @__PURE__ */ e.createElement("div", { className: `${m}__summary` }, c)
-  ), l && l.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${m}__links` }, l.map((E, w) => {
+  ), l && l.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${m}__links` }, l.map((E, C) => {
     const u = E.type;
     return /* @__PURE__ */ e.createElement(
       u,
       y({
-        key: w,
+        key: C,
         className: `${m}__link`
       }, E.props),
       E.props.children,
@@ -5400,7 +5404,7 @@ const Gt = (o) => {
       statusType: g,
       hasStatusIndicator: !0
     }
-  ), w = /* @__PURE__ */ e.createElement(s1, null, /* @__PURE__ */ e.createElement("img", { slot: "image", src: n, alt: "" }), /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${m}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__header` }, /* @__PURE__ */ e.createElement(
+  ), C = /* @__PURE__ */ e.createElement(s1, null, /* @__PURE__ */ e.createElement("img", { slot: "image", src: n, alt: "" }), /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${m}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__header` }, /* @__PURE__ */ e.createElement(
     B1,
     {
       fontSize: "L",
@@ -5410,7 +5414,7 @@ const Gt = (o) => {
     }
   ), E), /* @__PURE__ */ e.createElement("div", { className: `${m}__plan` }, o))), u = qe(a) ? We(a, be(y({}, a.props), {
     className: `${m}__link`,
-    children: w,
+    children: C,
     "aria-label": `${t} ${c} dashboard`
   })) : null;
   return /* @__PURE__ */ e.createElement("div", y({ className: R([m, r != null ? r : ""]) }, d), u);
@@ -5466,7 +5470,7 @@ const Gt = (o) => {
     y({
       className: R([m, f, r])
     }, d),
-    /* @__PURE__ */ e.createElement("div", { className: g }, a && /* @__PURE__ */ e.createElement(Mt, { baseClass: m, className: "pds-ts-4xl", level: n }, a), c && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: g }, a && /* @__PURE__ */ e.createElement(Lt, { baseClass: m, className: "pds-ts-4xl", level: n }, a), c && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${m}__lead-text pds-lead-text pds-lead-text--sm`
@@ -5550,10 +5554,10 @@ const Gt = (o) => {
     "legalLinks",
     "className"
   ]);
-  const r = "pds-site-footer", d = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", i = (/* @__PURE__ */ new Date()).getFullYear(), h = n.includes("privacy"), m = n.includes("dataSubjectRequest"), f = n.includes("cookiePolicy"), g = n.includes("termsOfUse"), E = n.includes("acceptableUse"), w = n.includes("accessibilityStatement");
-  return /* @__PURE__ */ e.createElement("footer", y({ className: R([r, a != null ? a : ""]) }, c), /* @__PURE__ */ e.createElement("div", { className: d }, s && /* @__PURE__ */ e.createElement("div", { className: `${r}__content` }, s), /* @__PURE__ */ e.createElement("div", { className: `${r}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${r}__copyright` }, "© ", i, " Pantheon Systems, Inc."), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), m && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), w && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
+  const r = "pds-site-footer", d = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", i = (/* @__PURE__ */ new Date()).getFullYear(), h = n.includes("privacy"), m = n.includes("dataSubjectRequest"), f = n.includes("cookiePolicy"), g = n.includes("termsOfUse"), E = n.includes("acceptableUse"), C = n.includes("accessibilityStatement");
+  return /* @__PURE__ */ e.createElement("footer", y({ className: R([r, a != null ? a : ""]) }, c), /* @__PURE__ */ e.createElement("div", { className: d }, s && /* @__PURE__ */ e.createElement("div", { className: `${r}__content` }, s), /* @__PURE__ */ e.createElement("div", { className: `${r}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${r}__copyright` }, "© ", i, " Pantheon Systems, Inc."), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), m && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), C && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
 }, es = je(
-  (x, $) => {
+  (x, w) => {
     var H = x, {
       checked: t,
       defaultChecked: s,
@@ -5570,9 +5574,9 @@ const Gt = (o) => {
       onChange: f,
       onFocus: g,
       required: E,
-      showLabel: w = !0,
+      showLabel: C = !0,
       validationMessage: u,
-      validationStatus: C,
+      validationStatus: $,
       value: v,
       className: b
     } = H, _ = I(H, [
@@ -5597,10 +5601,10 @@ const Gt = (o) => {
       "value",
       "className"
     ]);
-    const k = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", L = n ? J.disabled : null, z = E && !n ? J.required : null, V = C === "error" ? J.error : null, S = C === "success" ? J.success : null, M = h > 0 ? `${N}--indent-${h}` : null, O = u || d, D = typeof t != "undefined", W = typeof s != "undefined", [Z, U] = F(
+    const k = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", M = n ? J.disabled : null, z = E && !n ? J.required : null, V = $ === "error" ? J.error : null, S = $ === "success" ? J.success : null, L = h > 0 ? `${N}--indent-${h}` : null, O = u || d, D = typeof t != "undefined", W = typeof s != "undefined", [Z, U] = F(
       W ? s : !1
-    ), G = t || Z, K = (X) => {
-      D || U(X.target.checked), f && f(X);
+    ), G = t || Z, K = (Y) => {
+      D || U(Y.target.checked), f && f(Y);
     }, T = `${N}__box`, A = c ? null : G ? `${T}--checked` : null, j = c ? `${T}--indeterminate` : null, q = Xt(() => {
       if (c)
         return /* @__PURE__ */ e.createElement(
@@ -5626,11 +5630,11 @@ const Gt = (o) => {
       y({
         className: [
           N,
-          L,
+          M,
           z,
           V,
           S,
-          M,
+          L,
           b != null ? b : ""
         ].join(" ").trim().replace(/\s+/g, " "),
         style: l ? k : null
@@ -5638,7 +5642,7 @@ const Gt = (o) => {
       /* @__PURE__ */ e.createElement("div", { className: `${N}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "input",
         y(be(y({
-          ref: $,
+          ref: w,
           id: a,
           name: i,
           type: "checkbox",
@@ -5650,7 +5654,7 @@ const Gt = (o) => {
           onBlur: m,
           onChange: K,
           onFocus: g,
-          "aria-invalid": C === "error" ? !0 : null,
+          "aria-invalid": $ === "error" ? !0 : null,
           "aria-describedby": O ? `${a}__message` : null
         }), o)
       ), /* @__PURE__ */ e.createElement("label", { htmlFor: a, className: `${N}__label` }, /* @__PURE__ */ e.createElement(
@@ -5668,7 +5672,7 @@ const Gt = (o) => {
         {
           className: R([
             `${N}__label-text`,
-            w ? "" : "visually-hidden"
+            C ? "" : "visually-hidden"
           ])
         },
         r,
@@ -5682,7 +5686,7 @@ const Gt = (o) => {
           message: O,
           hasValidationMessage: !!u,
           validationMessageHasDecorators: !0,
-          validationStatus: C
+          validationStatus: $
         }
       )
     );
@@ -5715,19 +5719,19 @@ const Gt = (o) => {
     "validationStatus",
     "className"
   ]);
-  const w = c ? { width: `${c / 16}rem` } : null, u = "pds-checkbox-group", C = s ? J.disabled : null, v = r && !s ? J.required : null, b = h === "error" ? J.error : null, _ = h === "success" ? J.success : null, $ = i || l;
+  const C = c ? { width: `${c / 16}rem` } : null, u = "pds-checkbox-group", $ = s ? J.disabled : null, v = r && !s ? J.required : null, b = h === "error" ? J.error : null, _ = h === "success" ? J.success : null, w = i || l;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
         u,
-        C,
+        $,
         v,
         b,
         _,
         m != null ? m : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: c ? w : null
+      style: c ? C : null
     }, f),
     /* @__PURE__ */ e.createElement("fieldset", y({ className: `${u}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
       Ze,
@@ -5740,19 +5744,19 @@ const Gt = (o) => {
         showLabel: d
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${u}__options` }, t)),
-    $ && /* @__PURE__ */ e.createElement(
+    w && /* @__PURE__ */ e.createElement(
       Re,
       {
         id: a,
-        message: $,
+        message: w,
         hasValidationMessage: !!i,
         validationMessageHasDecorators: !0,
         validationStatus: h
       }
     )
   );
-}, Zs = (w) => {
-  var u = w, {
+}, Zs = (C) => {
+  var u = C, {
     disabled: t = !1,
     fieldsetProps: s,
     id: n,
@@ -5783,7 +5787,7 @@ const Gt = (o) => {
     "validationStatus",
     "className"
   ]);
-  const C = a ? { width: `${a / 16}rem` } : null, v = "pds-checkbox-group", b = t ? J.disabled : null, _ = i && !t ? J.required : null, $ = f === "error" ? J.error : null, x = f === "success" ? J.success : null, H = m || o;
+  const $ = a ? { width: `${a / 16}rem` } : null, v = "pds-checkbox-group", b = t ? J.disabled : null, _ = i && !t ? J.required : null, w = f === "error" ? J.error : null, x = f === "success" ? J.success : null, H = m || o;
   d.map((S) => {
     S.id || (S.id = S.value);
   });
@@ -5791,9 +5795,9 @@ const Gt = (o) => {
   d.map((S) => {
     S.checked === !0 && k.push(S.value);
   });
-  const [N, L] = F(k), z = (S) => {
-    const { value: M } = S.target, O = N.includes(M) ? N.filter((D) => D !== M) : [...N, M];
-    L(O), r && r(O);
+  const [N, M] = F(k), z = (S) => {
+    const { value: L } = S.target, O = N.includes(L) ? N.filter((D) => D !== L) : [...N, L];
+    M(O), r && r(O);
   };
   d.map((S) => {
     N.includes(S.value) ? S.checked = !0 : S.checked = !1;
@@ -5810,11 +5814,11 @@ const Gt = (o) => {
         v,
         b,
         _,
-        $,
+        w,
         x,
         g != null ? g : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: a ? C : null
+      style: a ? $ : null
     }, E),
     /* @__PURE__ */ e.createElement("fieldset", y({ className: `${v}__fieldset`, id: n }, s), /* @__PURE__ */ e.createElement(
       Ze,
@@ -5854,7 +5858,7 @@ const Gt = (o) => {
   );
 }, ts = je(
   (S, V) => {
-    var M = S, {
+    var L = S, {
       defaultValue: t,
       disabled: s = !1,
       hasClearButton: n = !0,
@@ -5875,19 +5879,19 @@ const Gt = (o) => {
       message: f,
       noResultsText: g = "No results found",
       onChange: E,
-      onBlur: w,
+      onBlur: C,
       onClear: u,
-      onFocus: C,
+      onFocus: $,
       onOptionSelect: v,
       options: b,
       placeholder: _,
-      required: $ = !1,
+      required: w = !1,
       showLabel: x = !0,
       value: H,
       validationMessage: k,
       validationStatus: N,
-      className: L
-    } = M, z = I(M, [
+      className: M
+    } = L, z = I(L, [
       "defaultValue",
       "disabled",
       "hasClearButton",
@@ -5916,26 +5920,26 @@ const Gt = (o) => {
       "validationStatus",
       "className"
     ]);
-    const O = et(r), D = "pds-combobox", W = s ? J.disabled : null, Z = $ && !s ? J.required : null, U = N === "error" ? J.error : null, G = N === "success" ? J.success : null;
+    const O = et(r), D = "pds-combobox", W = s ? J.disabled : null, Z = w && !s ? J.required : null, U = N === "error" ? J.error : null, G = N === "success" ? J.success : null;
     let K = null;
     c && (K = "search"), N === "error" && (K = "error"), N === "success" && (K = "success");
     const T = k || f, A = typeof H != "undefined", j = typeof t != "undefined", q = (ge) => {
       const ve = b.find((B) => B.value === ge);
       return ve ? ve.label : "";
-    }, [X, Y] = F(!1), [de, ee] = F(null), [pe, oe] = F(
+    }, [Y, X] = F(!1), [re, ee] = F(null), [pe, ie] = F(
       j ? q(t) : ""
     ), [le, we] = F([]), ue = A ? H : pe, he = ae([]), { context: te, refs: fe } = Se({
-      open: X,
-      onOpenChange: Y,
+      open: Y,
+      onOpenChange: X,
       whileElementsMounted: Be
     }), ke = De(te, { role: "listbox" }), se = Te(te), ce = ot(te, {
       listRef: he,
-      activeIndex: de,
+      activeIndex: re,
       onNavigate: ee,
       virtual: !0,
       loop: !0,
       allowEscape: !0
-    }), { getReferenceProps: xe, getFloatingProps: He, getItemProps: Le } = Oe([ke, se, ce]), { isMounted: Ee, styles: _e } = Ke(te, {
+    }), { getReferenceProps: xe, getFloatingProps: He, getItemProps: Me } = Oe([ke, se, ce]), { isMounted: Ee, styles: _e } = Ke(te, {
       duration: {
         open: 300,
         close: 150
@@ -5949,23 +5953,23 @@ const Gt = (o) => {
       close: {
         opacity: 0
       }
-    }), Me = () => {
-      Y(!X);
+    }), Le = () => {
+      X(!Y);
     }, Pe = () => {
       var ge;
-      !A && oe(""), ee(null), Y(!0), (ge = fe.domReference.current) == null || ge.focus(), u && u();
+      !A && ie(""), ee(null), X(!0), (ge = fe.domReference.current) == null || ge.focus(), u && u();
     }, tt = (ge) => {
       let ve = ge.target.value;
-      E && E(ge), A || (ve.length > 0 && (ve = ve.trimStart()), oe(ve)), ve ? (ee(null), Y(!0)) : Y(!1);
+      E && E(ge), A || (ve.length > 0 && (ve = ve.trimStart()), ie(ve)), ve ? (ee(null), X(!0)) : X(!1);
     }, xt = (ge) => {
-      w && w(ge);
-    }, Vt = (ge) => {
       C && C(ge);
+    }, Vt = (ge) => {
+      $ && $(ge);
     }, dt = (ge) => {
       const ve = le[ge];
-      !A && oe(ve.label), ee(null), Y(!1), v && v(ve);
+      !A && ie(ve.label), ee(null), X(!1), v && v(ve);
     }, It = (ge) => ge.map((B) => {
-      const Xe = B, { label: ne, optionDisplay: Q, value: ie, searchIndex: me } = Xe, ye = I(Xe, ["label", "optionDisplay", "value", "searchIndex"]), Ce = ie || ne, Ve = [ne, ie];
+      const Xe = B, { label: ne, optionDisplay: Q, value: de, searchIndex: me } = Xe, ye = I(Xe, ["label", "optionDisplay", "value", "searchIndex"]), Ce = de || ne, Ve = [ne, de];
       return me && Ve.push(...me), y({
         label: ne,
         value: Ce,
@@ -5973,14 +5977,14 @@ const Gt = (o) => {
         optionDisplay: Q
       }, ye);
     });
-    re(() => {
+    oe(() => {
       const ge = It(b).filter(
         (ve) => {
           var Q;
           const B = (Q = ve.searchIndex) == null ? void 0 : Q.map(
-            (ie) => ie.toLowerCase()
+            (de) => de.toLowerCase()
           ), ne = ue.toLowerCase();
-          return B.some((ie) => ie.includes(ne));
+          return B.some((de) => de.includes(ne));
         }
       );
       we(ge);
@@ -5991,18 +5995,18 @@ const Gt = (o) => {
         S1,
         be(y({
           key: ge
-        }, Le({
+        }, Me({
           key: ne,
-          ref(ie) {
-            he.current[ve] = ie;
+          ref(de) {
+            he.current[ve] = de;
           },
           onClick() {
-            var ie;
-            dt(ve), (ie = fe.domReference.current) == null || ie.focus();
+            var de;
+            dt(ve), (de = fe.domReference.current) == null || de.focus();
           }
         })), {
-          tabIndex: de === ve ? 0 : -1,
-          isActive: de === ve
+          tabIndex: re === ve ? 0 : -1,
+          isActive: re === ve
         }),
         Q || B
       );
@@ -6017,7 +6021,7 @@ const Gt = (o) => {
           Z,
           U,
           G,
-          L != null ? L : ""
+          M != null ? M : ""
         ]),
         style: r ? O : null
       }, z),
@@ -6027,7 +6031,7 @@ const Gt = (o) => {
           id: l,
           label: i,
           showLabel: x,
-          required: $,
+          required: w,
           disabled: s
         }
       ),
@@ -6038,7 +6042,7 @@ const Gt = (o) => {
           ref: V,
           id: l,
           "aria-disabled": s ? !0 : null,
-          "aria-required": $ ? !0 : null,
+          "aria-required": w ? !0 : null,
           "aria-invalid": N === "error" ? !0 : null,
           "aria-describedby": T ? `${l}__message` : null
         },
@@ -6060,7 +6064,7 @@ const Gt = (o) => {
             onChange: tt,
             onFocus: Vt,
             onKeyDown(ge) {
-              ge.key === "Enter" && de != null && le[de] && dt(de);
+              ge.key === "Enter" && re != null && le[re] && dt(re);
             }
           }))
         ),
@@ -6084,9 +6088,9 @@ const Gt = (o) => {
           be(y({
             ref: fe.setReference
           }, xe({
-            onClick: Me,
+            onClick: Le,
             disabled: s,
-            "aria-expanded": X,
+            "aria-expanded": Y,
             "aria-label": h.triggerButton
           })), {
             className: `${D}__trigger`
@@ -6125,7 +6129,7 @@ const Gt = (o) => {
     );
   }
 ), Us = (u) => {
-  var C = u, {
+  var $ = u, {
     accept: t,
     disabled: s = !1,
     fieldLabel: n,
@@ -6144,7 +6148,7 @@ const Gt = (o) => {
     validationMessage: f,
     validationStatus: g,
     className: E
-  } = C, w = I(C, [
+  } = $, C = I($, [
     "accept",
     "disabled",
     "fieldLabel",
@@ -6161,23 +6165,23 @@ const Gt = (o) => {
     "validationStatus",
     "className"
   ]);
-  const [v, b] = F(!1), _ = et(c), $ = "pds-file-upload", x = s ? J.disabled : null, H = h && !s ? J.required : null, k = g === "error" ? J.error : null, N = g === "success" ? J.success : null;
-  let L = null;
-  g === "error" && (L = "error"), g === "success" && (L = "success");
-  const z = f || l, V = (M) => {
-    i && i(M.target.files), M.target.files.length > 0 ? b(!0) : b(!1);
+  const [v, b] = F(!1), _ = et(c), w = "pds-file-upload", x = s ? J.disabled : null, H = h && !s ? J.required : null, k = g === "error" ? J.error : null, N = g === "success" ? J.success : null;
+  let M = null;
+  g === "error" && (M = "error"), g === "success" && (M = "success");
+  const z = f || l, V = (L) => {
+    i && i(L.target.files), L.target.files.length > 0 ? b(!0) : b(!1);
   }, S = () => {
-    const M = document.getElementById(
+    const L = document.getElementById(
       `${a}--input`
     );
-    M.value = "", b(!1), d && d(), M.focus();
+    L.value = "", b(!1), d && d(), L.focus();
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: R([
         J.base,
-        $,
+        w,
         x,
         H,
         k,
@@ -6185,7 +6189,7 @@ const Gt = (o) => {
         E != null ? E : ""
       ]),
       style: c ? _ : null
-    }, w),
+    }, C),
     /* @__PURE__ */ e.createElement(
       Ze,
       {
@@ -6197,18 +6201,18 @@ const Gt = (o) => {
         disabled: s
       }
     ),
-    /* @__PURE__ */ e.createElement("span", { className: `${$}__input-wrapper`, id: a }, L && /* @__PURE__ */ e.createElement(pt, { variant: L }), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("span", { className: `${w}__input-wrapper`, id: a }, M && /* @__PURE__ */ e.createElement(pt, { variant: M }), /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: `${a}--input`,
-        className: v ? "visually-hidden" : `${$}__input-label`
+        className: v ? "visually-hidden" : `${w}__input-label`
       },
       /* @__PURE__ */ e.createElement(P, { iconName: "paperclip", iconSize: "sm" }),
       o.chooseFile
     ), /* @__PURE__ */ e.createElement(
       "input",
       {
-        className: R([`${$}__input`]),
+        className: R([`${w}__input`]),
         type: "file",
         id: `${a}--input`,
         accept: t || null,
@@ -6246,8 +6250,8 @@ const Gt = (o) => {
     "children",
     "className"
   ]);
-  var g, E, w, u;
-  const o = "pds-input-group", l = [t[0], t[1]], r = (g = t[0].props.id) != null ? g : null, d = (E = t[0].props.message) != null ? E : null, i = (w = t[0].props.validationMessage) != null ? w : null, h = (u = t[0].props.validationStatus) != null ? u : null, m = i || d, f = m ? `${o}--has-message` : null;
+  var g, E, C, u;
+  const o = "pds-input-group", l = [t[0], t[1]], r = (g = t[0].props.id) != null ? g : null, d = (E = t[0].props.message) != null ? E : null, i = (C = t[0].props.validationMessage) != null ? C : null, h = (u = t[0].props.validationStatus) != null ? u : null, m = i || d, f = m ? `${o}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -6266,7 +6270,7 @@ const Gt = (o) => {
     )
   );
 }, Ks = (u) => {
-  var C = u, {
+  var $ = u, {
     defaultValue: t,
     disabled: s = !1,
     fieldsetProps: n,
@@ -6282,7 +6286,7 @@ const Gt = (o) => {
     validationMessage: f,
     validationStatus: g,
     className: E
-  } = C, w = I(C, [
+  } = $, C = I($, [
     "defaultValue",
     "disabled",
     "fieldsetProps",
@@ -6299,7 +6303,7 @@ const Gt = (o) => {
     "validationStatus",
     "className"
   ]);
-  const v = "pds-radio-group", b = s ? J.disabled : null, _ = h && !s ? J.required : null, $ = g === "error" ? J.error : null, x = g === "success" ? J.success : null, [H, k] = F(t), N = f || l, L = (V) => {
+  const v = "pds-radio-group", b = s ? J.disabled : null, _ = h && !s ? J.required : null, w = g === "error" ? J.error : null, x = g === "success" ? J.success : null, [H, k] = F(t), N = f || l, M = (V) => {
     k(V.target.value), d && d(V.target.value);
   }, z = (V) => {
     r && r(V);
@@ -6311,12 +6315,12 @@ const Gt = (o) => {
         v,
         b,
         _,
-        $,
+        w,
         x,
         E != null ? E : ""
       ]),
       style: et(c)
-    }, w),
+    }, C),
     /* @__PURE__ */ e.createElement("fieldset", y({ className: `${v}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
       Ze,
       {
@@ -6343,7 +6347,7 @@ const Gt = (o) => {
           required: h,
           disabled: s || V.disabled,
           onBlur: z,
-          onChange: L,
+          onChange: M,
           defaultChecked: H === V.value
         }
       ),
@@ -6385,7 +6389,7 @@ const Gt = (o) => {
   },
   /* @__PURE__ */ e.createElement(P, { iconName: "xmark", iconSize: "sm" })
 )), Xs = je(
-  (v, C) => {
+  (v, $) => {
     var b = v, {
       checked: t,
       defaultChecked: s,
@@ -6402,7 +6406,7 @@ const Gt = (o) => {
       required: f = !1,
       showLabel: g = !0,
       showStatusLabel: E = !0,
-      className: w
+      className: C
     } = b, u = I(b, [
       "checked",
       "defaultChecked",
@@ -6421,12 +6425,12 @@ const Gt = (o) => {
       "showStatusLabel",
       "className"
     ]);
-    const _ = et(o), $ = "pds-switch", x = n ? J.disabled : null, H = f && !n ? J.required : null, k = typeof t != "undefined", N = r == "below", L = r == "right", z = !k && s ? s : !1, [V, S] = F(z), M = t || V ? m : i, O = (K) => {
+    const _ = et(o), w = "pds-switch", x = n ? J.disabled : null, H = f && !n ? J.required : null, k = typeof t != "undefined", N = r == "below", M = r == "right", z = !k && s ? s : !1, [V, S] = F(z), L = t || V ? m : i, O = (K) => {
       k || S(K.target.checked), h && h(K);
     }, D = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
       y({
-        ref: C,
+        ref: $,
         id: a,
         name: a,
         type: "checkbox",
@@ -6438,7 +6442,7 @@ const Gt = (o) => {
         checked: t !== void 0 ? t : V,
         "aria-describedby": d ? `${a}__message` : null
       }, c)
-    ), !E && /* @__PURE__ */ e.createElement(ns, { toggleStatusLabel: M }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), E && /* @__PURE__ */ e.createElement(ss, { toggleStatusLabel: M, id: a })), W = /* @__PURE__ */ e.createElement(
+    ), !E && /* @__PURE__ */ e.createElement(ns, { toggleStatusLabel: L }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), E && /* @__PURE__ */ e.createElement(ss, { toggleStatusLabel: L, id: a })), W = /* @__PURE__ */ e.createElement(
       Ze,
       {
         id: a,
@@ -6462,7 +6466,7 @@ const Gt = (o) => {
       }
     );
     let U, G;
-    return N ? U = /* @__PURE__ */ e.createElement(e.Fragment, null, W, Z, D) : L && (G = "pds-switch--placement-right", U = d ? /* @__PURE__ */ e.createElement(e.Fragment, null, W, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, Z, /* @__PURE__ */ e.createElement("div", null, D))) : /* @__PURE__ */ e.createElement(
+    return N ? U = /* @__PURE__ */ e.createElement(e.Fragment, null, W, Z, D) : M && (G = "pds-switch--placement-right", U = d ? /* @__PURE__ */ e.createElement(e.Fragment, null, W, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, Z, /* @__PURE__ */ e.createElement("div", null, D))) : /* @__PURE__ */ e.createElement(
       "div",
       {
         className: R([
@@ -6477,11 +6481,11 @@ const Gt = (o) => {
       y({
         className: R([
           J.base,
-          $,
+          w,
           x,
           H,
           G,
-          w
+          C
         ]),
         style: o ? _ : null
       }, u),
@@ -6506,9 +6510,9 @@ const Gt = (o) => {
       readonly: f = !1,
       required: g = !1,
       rows: E = 5,
-      showLabel: w,
+      showLabel: C,
       textareaProps: u,
-      translationStrings: C = {
+      translationStrings: $ = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
         searchShortcut: "Press / to focus the search field",
@@ -6519,7 +6523,7 @@ const Gt = (o) => {
       validationMessage: v,
       validationStatus: b,
       value: _,
-      className: $
+      className: w
     } = N, x = I(N, [
       "counterMaxLength",
       "defaultValue",
@@ -6544,12 +6548,12 @@ const Gt = (o) => {
       "value",
       "className"
     ]);
-    const L = et(c), z = "pds-textarea", V = o ? "pds-is-resizable" : null, S = n ? J.disabled : null, M = g && !n ? J.required : null, O = b === "error" ? J.error : null, D = b === "success" ? J.success : null, W = f ? J.readonly : null, Z = v || r, U = _ != null && i !== void 0, G = typeof s != "undefined", [K, T] = F(
+    const M = et(c), z = "pds-textarea", V = o ? "pds-is-resizable" : null, S = n ? J.disabled : null, L = g && !n ? J.required : null, O = b === "error" ? J.error : null, D = b === "success" ? J.success : null, W = f ? J.readonly : null, Z = v || r, U = _ != null && i !== void 0, G = typeof s != "undefined", [K, T] = F(
       G ? s : ""
-    ), A = _ || K, j = (X) => {
-      U || T(X.target.value), i && i(X);
-    }, q = (X) => {
-      d && d(X);
+    ), A = _ || K, j = (Y) => {
+      U || T(Y.target.value), i && i(Y);
+    }, q = (Y) => {
+      d && d(Y);
     };
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -6558,20 +6562,20 @@ const Gt = (o) => {
           J.base,
           z,
           S,
-          M,
+          L,
           O,
           D,
           W,
-          $ != null ? $ : ""
+          w != null ? w : ""
         ]),
-        style: c ? L : null
+        style: c ? M : null
       }, x),
       /* @__PURE__ */ e.createElement("div", { className: `${z}__inputlabel-wrapper` }, /* @__PURE__ */ e.createElement(
         Ze,
         {
           id: a,
           label: l,
-          showLabel: w,
+          showLabel: C,
           required: g,
           disabled: n,
           className: `${z}__inputlabel`
@@ -6582,7 +6586,7 @@ const Gt = (o) => {
           id: a,
           currentLength: A.length,
           maxLength: t,
-          overLimitMessage: C.counterOverLimit
+          overLimitMessage: $.counterOverLimit
         }
       )),
       /* @__PURE__ */ e.createElement("div", { className: `${z}__input-wrapper` }, /* @__PURE__ */ e.createElement(
@@ -6635,9 +6639,9 @@ const Gt = (o) => {
       onChange: f,
       onClear: g,
       onFocus: E,
-      placeholder: w,
+      placeholder: C,
       readonly: u = !1,
-      required: C = !1,
+      required: $ = !1,
       showLabel: v = !0,
       showVisibilityToggle: b = !1,
       translationStrings: _ = {
@@ -6648,12 +6652,12 @@ const Gt = (o) => {
         visibilityToggleHide: "Hide input value",
         visibilityToggleShow: "Show input value"
       },
-      type: $ = "text",
+      type: w = "text",
       validationMessage: x,
       validationStatus: H,
       value: k,
       className: N
-    } = S, L = I(S, [
+    } = S, M = I(S, [
       "autoComplete",
       "counterMaxLength",
       "defaultValue",
@@ -6681,26 +6685,26 @@ const Gt = (o) => {
       "value",
       "className"
     ]);
-    const M = et(d), O = "pds-text-input", D = a ? J.disabled : null, W = C && !a ? J.required : null, Z = H === "error" ? J.error : null, U = H === "success" ? J.success : null, G = u ? J.readonly : null;
+    const L = et(d), O = "pds-text-input", D = a ? J.disabled : null, W = $ && !a ? J.required : null, Z = H === "error" ? J.error : null, U = H === "success" ? J.success : null, G = u ? J.readonly : null;
     let K = null;
-    $ === "search" && (K = "search"), H === "error" && (K = "error"), H === "success" && (K = "success");
-    const T = x || h, A = typeof k != "undefined", j = typeof n != "undefined", [q, X] = F(
+    w === "search" && (K = "search"), H === "error" && (K = "error"), H === "success" && (K = "success");
+    const T = x || h, A = typeof k != "undefined", j = typeof n != "undefined", [q, Y] = F(
       j ? n : ""
-    ), Y = k || q, de = (he) => {
-      b && oe && le(!1), m && m(he);
+    ), X = k || q, re = (he) => {
+      b && ie && le(!1), m && m(he);
     }, ee = (he) => {
-      A || X(he.target.value), f && f(he);
+      A || Y(he.target.value), f && f(he);
     }, pe = () => {
-      A || X(""), g && g();
+      A || Y(""), g && g();
       const he = document.getElementById(l);
       he && he.focus();
-    }, [oe, le] = F(!1), we = () => {
+    }, [ie, le] = F(!1), we = () => {
       le((te) => !te);
       const he = document.getElementById(l);
       he && he.focus();
     };
-    let ue = $;
-    return b && $ === "password" && (oe ? ue = "text" : ue = "password"), /* @__PURE__ */ e.createElement(
+    let ue = w;
+    return b && w === "password" && (ie ? ue = "text" : ue = "password"), /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: R([
@@ -6713,19 +6717,19 @@ const Gt = (o) => {
           G,
           N != null ? N : ""
         ]),
-        style: d ? M : null
-      }, L),
+        style: d ? L : null
+      }, M),
       /* @__PURE__ */ e.createElement(
         Ze,
         {
           id: l,
           label: i,
           showLabel: v,
-          required: C,
+          required: $,
           disabled: a
         }
       ),
-      b && $ === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${_.visibilityStatus} ${oe ? "visible" : "hidden"}.`),
+      b && w === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${_.visibilityStatus} ${ie ? "visible" : "hidden"}.`),
       /* @__PURE__ */ e.createElement("div", { className: `${O}__input-wrapper` }, K && /* @__PURE__ */ e.createElement(pt, { variant: K }), /* @__PURE__ */ e.createElement(
         "input",
         y({
@@ -6735,46 +6739,46 @@ const Gt = (o) => {
           name: l,
           type: ue,
           value: A ? k : q,
-          placeholder: w,
+          placeholder: C,
           readOnly: u,
           disabled: a,
-          required: C,
-          autoComplete: $ === "password" ? "off" : t,
-          onBlur: de,
+          required: $,
+          autoComplete: w === "password" ? "off" : t,
+          onBlur: re,
           onChange: ee,
           onFocus: E,
           "aria-invalid": H === "error" ? !0 : null,
           "aria-describedby": T ? `${l}__message` : null
         }, r)
-      ), c && Y && /* @__PURE__ */ e.createElement(
+      ), c && X && /* @__PURE__ */ e.createElement(
         Qt,
         {
           id: l,
           clearLabel: _.clearButton,
           handleClearInput: pe
         }
-      ), b && $ === "password" && /* @__PURE__ */ e.createElement(
+      ), b && w === "password" && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
           className: `${O}__visibility-toggle`,
-          title: oe ? _.visibilityToggleHide : _.visibilityToggleShow,
+          title: ie ? _.visibilityToggleHide : _.visibilityToggleShow,
           "aria-controls": l,
           onClick: we,
           onMouseDown: (he) => he.preventDefault()
         },
-        /* @__PURE__ */ e.createElement(P, { iconName: oe ? "eyeSlash" : "eye", iconSize: "md" })
-      ), o && $ === "search" && !Y && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement(P, { iconName: ie ? "eyeSlash" : "eye", iconSize: "md" })
+      ), o && w === "search" && !X && /* @__PURE__ */ e.createElement(
         V1,
         {
           inputId: l,
           shortcutLabel: _.searchShortcut
         }
-      ), s && $ !== "password" && /* @__PURE__ */ e.createElement(
+      ), s && w !== "password" && /* @__PURE__ */ e.createElement(
         I1,
         {
           id: l,
-          currentLength: Y.length,
+          currentLength: X.length,
           maxLength: s,
           overLimitMessage: _.counterOverLimit
         }
@@ -6845,17 +6849,17 @@ const Gt = (o) => {
     "className"
   ]);
   const m = "pds-modal", f = o !== "md" ? `${m}--${o}` : null, [g, E] = F(a);
-  re(() => {
+  oe(() => {
     E(a);
-  }, [a]), re(() => {
+  }, [a]), oe(() => {
     c(g);
   }, [g]);
-  const { refs: w, context: u, floatingStyles: C } = Se({
+  const { refs: C, context: u, floatingStyles: $ } = Se({
     open: g,
     onOpenChange: E
   }), v = Ge(u), b = Te(u, {
     outsidePressEvent: "mousedown"
-  }), _ = De(u), { getFloatingProps: $ } = Oe([v, b, _]), { isMounted: x, styles: H } = Ke(u, {
+  }), _ = De(u), { getFloatingProps: w } = Oe([v, b, _]), { isMounted: x, styles: H } = Ke(u, {
     duration: {
       open: 300,
       close: 300
@@ -6877,7 +6881,7 @@ const Gt = (o) => {
     a2,
     {
       lockScroll: !0,
-      style: be(y({}, C), {
+      style: be(y({}, $), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)",
@@ -6887,11 +6891,11 @@ const Gt = (o) => {
     /* @__PURE__ */ e.createElement(y1, { context: u }, /* @__PURE__ */ e.createElement(
       "div",
       y(be(y({
-        ref: w.setFloating,
+        ref: C.setFloating,
         "aria-label": t || l
-      }, $()), {
+      }, w()), {
         className: [m, f, r].join(" ").trim().replace(/\s+/g, " "),
-        style: be(y(y({}, C), H), {
+        style: be(y(y({}, $), H), {
           position: "relative",
           top: "5%"
         })
@@ -6980,7 +6984,7 @@ const Gt = (o) => {
     }, a),
     s
   );
-}, Lt = Ct(null), en = (h) => {
+}, Mt = Ct(null), en = (h) => {
   var m = h, {
     children: t,
     hasSidebarToggle: s = !0,
@@ -7002,37 +7006,37 @@ const Gt = (o) => {
     "skiplinkText",
     "className"
   ]);
-  const { breakpoint: f, isMobile: g } = $e(Ae), [E, w] = F(
+  const { breakpoint: f, isMobile: g } = $e(Ae), [E, C] = F(
     f === "xl"
-  ), u = ae(), [C] = Nt(u), v = C.width, b = {
+  ), u = ae(), [$] = Nt(u), v = $.width, b = {
     isSidebarExpanded: g ? !0 : E,
     logoLinkContent: a,
     navbarWidth: v,
     isAdmin: n
-  }, _ = "pds-dashboard", $ = g ? `${_}--isMobile` : `${_}--notMobile`, x = g ? null : E ? `${_}--sidebarExpanded` : `${_}--sidebarCollapsed`, H = E ? `${o}rem` : `${c}rem`, k = {
+  }, _ = "pds-dashboard", w = g ? `${_}--isMobile` : `${_}--notMobile`, x = g ? null : E ? `${_}--sidebarExpanded` : `${_}--sidebarCollapsed`, H = E ? `${o}rem` : `${c}rem`, k = {
     width: H,
     transition: "width 200ms ease-in-out"
   }, N = g ? {} : {
     width: `calc(100% - ${H})`,
     transition: "width 200ms ease-in-out"
-  }, L = () => {
-    w(!E);
-  }, z = kt(t), V = z.header, S = z.sidebar, M = z.main, O = z.footer, D = /* @__PURE__ */ e.createElement("aside", { className: `${_}__sidebar` }, S), W = /* @__PURE__ */ e.createElement("aside", { className: `${_}__sidebar`, style: k }, s && /* @__PURE__ */ e.createElement(
+  }, M = () => {
+    C(!E);
+  }, z = kt(t), V = z.header, S = z.sidebar, L = z.main, O = z.footer, D = /* @__PURE__ */ e.createElement("aside", { className: `${_}__sidebar` }, S), W = /* @__PURE__ */ e.createElement("aside", { className: `${_}__sidebar`, style: k }, s && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${_}__sidebar-toggle-button`,
-      onClick: L,
+      onClick: M,
       "aria-expanded": E,
       "aria-label": l
     },
     /* @__PURE__ */ e.createElement("span", { className: `${_}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(P, { iconName: "angleLeft", iconSize: "sm" }))
   ), /* @__PURE__ */ e.createElement("div", { className: `${_}__sidebar-inner` }, S));
-  return /* @__PURE__ */ e.createElement(Lt.Provider, { value: b }, /* @__PURE__ */ e.createElement(as, { text: r, destination: "main" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Mt.Provider, { value: b }, /* @__PURE__ */ e.createElement(as, { text: r, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: R([
         _,
-        $,
+        w,
         x,
         "pds-typography--product",
         d != null ? d : ""
@@ -7048,7 +7052,7 @@ const Gt = (o) => {
         style: N
       },
       !g && /* @__PURE__ */ e.createElement("div", { className: `${_}__header` }, V),
-      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${_}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${_}__main-inner` }, M), O && /* @__PURE__ */ e.createElement("footer", { className: `${_}__footer` }, O))
+      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${_}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${_}__main-inner` }, L), O && /* @__PURE__ */ e.createElement("footer", { className: `${_}__footer` }, O))
     )
   ));
 }, ls = ({
@@ -7068,10 +7072,10 @@ const Gt = (o) => {
         s ? `${d}--expanded` : null
       ])
     },
-    H.map((N, L) => /* @__PURE__ */ e.createElement(
+    H.map((N, M) => /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: L,
+        key: M,
         className: R([
           r,
           `${r}--${k}`,
@@ -7080,18 +7084,18 @@ const Gt = (o) => {
       },
       N.linkContent
     ))
-  ), [m, f] = F(!1), { refs: g, floatingStyles: E, context: w } = Se({
+  ), [m, f] = F(!1), { refs: g, floatingStyles: E, context: C } = Se({
     placement: "right-start",
     open: m,
     onOpenChange: f,
     middleware: [$t(12), wt(), yt()],
     whileElementsMounted: Be
-  }), u = gt(w, {
+  }), u = gt(C, {
     move: !1,
     handleClose: w1()
-  }), C = v1(w), v = Te(w), b = De(w, { role: "menu" }), { getReferenceProps: _, getFloatingProps: $ } = Oe([
+  }), $ = v1(C), v = Te(C), b = De(C, { role: "menu" }), { getReferenceProps: _, getFloatingProps: w } = Oe([
     u,
-    C,
+    $,
     v,
     b
   ]), x = (H) => {
@@ -7136,7 +7140,7 @@ const Gt = (o) => {
         className: `${l}__flyout`,
         ref: g.setFloating,
         style: E
-      }, $()),
+      }, w()),
       /* @__PURE__ */ e.createElement("div", { className: `${l}__flyout-heading` }, Fe(c)),
       h(o, "second-level-flyout")
     )) : /* @__PURE__ */ e.createElement(e.Fragment, null, n ? i : /* @__PURE__ */ e.createElement(
@@ -7171,13 +7175,13 @@ const Gt = (o) => {
       iconSize: "md",
       className: `${r}__active-icon`
     }
-  ), w = (O) => {
+  ), C = (O) => {
     var D;
-    O.key === "Enter" && ((D = $.current[h].querySelector("a")) == null || D.click());
+    O.key === "Enter" && ((D = w.current[h].querySelector("a")) == null || D.click());
   }, u = (O) => {
     O.target.nodeName === "A" && i(!1);
   };
-  re(() => {
+  oe(() => {
     if (d) {
       const O = document.querySelector(".pds-dropdown-menu__dropdown");
       return O.addEventListener("click", u), () => {
@@ -7185,7 +7189,7 @@ const Gt = (o) => {
       };
     }
   }, [d]);
-  const C = ({
+  const $ = ({
     item: O,
     level: D
   }) => be(y({}, O), {
@@ -7199,29 +7203,29 @@ const Gt = (o) => {
   }), v = (O) => {
     const D = [];
     return O.forEach((W) => {
-      W.links ? (D.push(C({ item: W, level: "top-level" })), W.links.forEach((Z) => {
-        Z.links ? (D.push(C({ item: Z, level: "second-level" })), Z.links.forEach((U) => {
+      W.links ? (D.push($({ item: W, level: "top-level" })), W.links.forEach((Z) => {
+        Z.links ? (D.push($({ item: Z, level: "second-level" })), Z.links.forEach((U) => {
           D.push(
-            C({ item: U, level: "third-level" })
+            $({ item: U, level: "third-level" })
           );
-        })) : D.push(C({ item: Z, level: "second-level" }));
-      })) : D.push(C({ item: W, level: "top-level" }));
+        })) : D.push($({ item: Z, level: "second-level" }));
+      })) : D.push($({ item: W, level: "top-level" }));
     }), D;
   }, { refs: b, context: _ } = Se({
     placement: "bottom-start",
     open: d,
     onOpenChange: i,
     whileElementsMounted: Be
-  }), $ = ae([]), x = ot(_, {
-    listRef: $,
+  }), w = ae([]), x = ot(_, {
+    listRef: w,
     activeIndex: h,
     onNavigate: m,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), H = Ge(_, { event: "mousedown" }), k = Te(_), N = De(_, { role: "menu" }), { getReferenceProps: L, getFloatingProps: z, getItemProps: V } = Oe(
+  }), H = Ge(_, { event: "mousedown" }), k = Te(_), N = De(_, { role: "menu" }), { getReferenceProps: M, getFloatingProps: z, getItemProps: V } = Oe(
     [k, N, H, x]
-  ), { isMounted: S, styles: M } = Ke(_, {
+  ), { isMounted: S, styles: L } = Ke(_, {
     duration: {
       open: 300,
       close: 300
@@ -7241,7 +7245,7 @@ const Gt = (o) => {
     y({
       className: `${r}__trigger`,
       ref: b.setReference
-    }, L()),
+    }, M()),
     /* @__PURE__ */ e.createElement("span", { className: `${r}__active-label` }, g),
     /* @__PURE__ */ e.createElement(
       P,
@@ -7256,7 +7260,7 @@ const Gt = (o) => {
     y({
       className: `${r}__dropdown ${r}__menu ${r}__menu--top-level`,
       ref: b.setFloating,
-      style: be(y({}, M), {
+      style: be(y({}, L), {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, z()),
@@ -7264,11 +7268,11 @@ const Gt = (o) => {
       "li",
       y({
         key: D,
-        onKeyDown: w,
+        onKeyDown: C,
         className: `${r}__item ${r}__item--${O.level} ${O.isActive === !0 ? `${r}__item--active` : ""}`,
         tabIndex: h === D ? 0 : -1,
         ref: (W) => {
-          $.current[D] = W;
+          w.current[D] = W;
         }
       }, V()),
       O.linkContent,
@@ -7629,10 +7633,10 @@ const Gt = (o) => {
   let d = !1;
   const i = $e(Ae);
   i && (d = i.isMobile);
-  const h = $e(Lt);
+  const h = $e(Mt);
   let m = !0, f = null;
   h && (m = h.isSidebarExpanded, f = h.logoLinkContent);
-  const g = "pds-dashboard-nav", E = m ? `${g}--expanded` : `${g}--collapsed`, w = /* @__PURE__ */ e.createElement(e.Fragment, null, n.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${g}__menu ${g}__menu--top-level` }, n.map((v, b) => /* @__PURE__ */ e.createElement(
+  const g = "pds-dashboard-nav", E = m ? `${g}--expanded` : `${g}--collapsed`, C = /* @__PURE__ */ e.createElement(e.Fragment, null, n.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${g}__menu ${g}__menu--top-level` }, n.map((v, b) => /* @__PURE__ */ e.createElement(
     ls,
     {
       key: b,
@@ -7650,7 +7654,7 @@ const Gt = (o) => {
       v.links,
       v.icon
     )
-  })), C = /* @__PURE__ */ e.createElement(
+  })), $ = /* @__PURE__ */ e.createElement(
     a1,
     {
       menuItems: u,
@@ -7671,7 +7675,7 @@ const Gt = (o) => {
         linkContent: f
       }
     ),
-    d ? C : w
+    d ? $ : C
   );
 }, os = {
   drupal: "drupal",
@@ -7731,7 +7735,7 @@ const Gt = (o) => {
     )
   );
 }, sn = (E) => {
-  var w = E, {
+  var C = E, {
     disabled: t = !1,
     id: s,
     isLoading: n = !1,
@@ -7749,7 +7753,7 @@ const Gt = (o) => {
     siteList: h,
     horizontalOffset: m = 0,
     className: f
-  } = w, g = I(w, [
+  } = C, g = I(C, [
     "disabled",
     "id",
     "isLoading",
@@ -7764,48 +7768,49 @@ const Gt = (o) => {
     "horizontalOffset",
     "className"
   ]);
-  const [u, C] = F(!1), [v, b] = F(null), _ = ae(null);
-  let $ = !1;
+  const [u, $] = F(!1), [v, b] = F(null), _ = ae(null);
+  let w = !1;
   const x = $e(Ae);
-  x && ($ = x.isMobile);
+  x && (w = x.isMobile);
   let H = null, k = !1;
-  const N = $e(Lt);
+  const N = $e(Mt);
   N && (H = N.navbarWidth, k = N.isAdmin);
-  const L = 2.25, z = 22, V = k ? 14.25 : 9.25, S = H > 900 ? z : H / 16 - (V + m) - L * 0.675;
-  let M = L;
-  u && !H && (M = z), u && H && (M = S);
+  const M = 2.25, z = 22, V = k ? 14.25 : 9.25, S = H > 900 ? z : H / 16 - (V + m) - M * 0.675;
+  let L = M;
+  u && !H && (L = z), u && H && (L = S);
   const O = {
     right: `${V + m}rem`,
-    width: `${M}rem`
-  }, D = "pds-dashboard-search", W = $ ? `${D}--isMobile` : null, Z = () => {
-    C(!0), setTimeout(() => {
+    width: `${L}rem`
+  }, D = "pds-dashboard-search", W = w ? `${D}--isMobile` : null, Z = () => {
+    $(!0), setTimeout(() => {
       _.current.querySelector("input").focus();
     }, 500);
   }, U = () => {
     setTimeout(() => {
-      C(!1);
+      $(!1);
     }, 150);
   }, G = (q) => {
     b(q.value), d && d(q);
   };
-  re(() => {
-    const q = (Y) => {
-      _.current && !_.current.contains(Y.target) && C(!1);
-    }, X = (Y) => {
+  oe(() => {
+    const q = (X) => {
+      _.current && !_.current.contains(X.target) && $(!1);
+    }, Y = (X) => {
       var ee;
-      const de = (ee = _.current) == null ? void 0 : ee.querySelector("input");
-      Y.key === "Tab" && u && de === document.activeElement && C(!1);
+      const re = (ee = _.current) == null ? void 0 : ee.querySelector("input");
+      X.key === "Tab" && u && re === document.activeElement && $(!1);
     };
     if (u)
-      return document.addEventListener("mousedown", q), document.addEventListener("keydown", X), () => {
-        document.removeEventListener("mousedown", q), document.removeEventListener("keydown", X);
+      return document.addEventListener("mousedown", q), document.addEventListener("keydown", Y), () => {
+        document.removeEventListener("mousedown", q), document.removeEventListener("keydown", Y);
       };
   }, [u]);
   const K = h.map((q) => {
-    const { machineName: X, name: Y } = q;
+    const { id: Y, machineName: X, name: re } = q;
     return {
-      label: Y,
-      value: X != null ? X : "",
+      id: Y,
+      label: re,
+      value: X != null ? X : re,
       optionDisplay: /* @__PURE__ */ e.createElement(is, { option: q })
     };
   }), T = /* @__PURE__ */ e.createElement("div", { ref: _, className: `${D}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
@@ -7854,12 +7859,12 @@ const Gt = (o) => {
     y({
       className: R([D, W, f != null ? f : ""]),
       id: s,
-      style: $ ? null : O,
-      onKeyDown: $ ? null : (q) => {
+      style: w ? null : O,
+      onKeyDown: w ? null : (q) => {
         q.key === "Escape" && U();
       }
     }, g),
-    $ ? j : A
+    w ? j : A
   );
 }, mt = (c) => {
   var o = c, {
@@ -7908,28 +7913,28 @@ const Gt = (o) => {
     "translationStrings",
     "className"
   ]);
-  const [E, w] = F(!1);
+  const [E, C] = F(!1);
   let u = !1;
-  const C = $e(Ae);
-  C && (u = C.isMobile);
-  const v = $e(Lt);
+  const $ = $e(Ae);
+  $ && (u = $.isMobile);
+  const v = $e(Mt);
   v && (l = v.logoLinkContent);
-  const b = "pds-navbar", _ = a ? `${b}--noBorder` : "", $ = s !== "default" ? `${b}--${s}` : "", x = u ? `${b}--isMobile` : `${b}--notMobile`, H = (T) => {
+  const b = "pds-navbar", _ = a ? `${b}--noBorder` : "", w = s !== "default" ? `${b}--${s}` : "", x = u ? `${b}--isMobile` : `${b}--notMobile`, H = (T) => {
     const A = T.key;
     let j = !1;
     switch (A) {
       case "Esc":
       case "Escape":
-        w(!1), j = !0;
+        C(!1), j = !0;
         break;
     }
     j && (T.stopPropagation(), T.preventDefault());
   };
-  re(() => (window.addEventListener("keyup", H), () => {
+  oe(() => (window.addEventListener("keyup", H), () => {
     window.removeEventListener("keyup", H);
   }), []);
-  const k = () => w(!E), N = s2();
-  re(() => {
+  const k = () => C(!E), N = s2();
+  oe(() => {
     if (u && t) {
       const T = H1(
         document.querySelector(".pds-navbar__mobile")
@@ -7941,29 +7946,29 @@ const Gt = (o) => {
       });
     }
   }, [E]);
-  const L = (T) => {
-    T.target.nodeName === "A" && w(!1);
+  const M = (T) => {
+    T.target.nodeName === "A" && C(!1);
   };
-  re(() => {
+  oe(() => {
     if (E) {
       const T = document.querySelector(".pds-navbar__bar-mobile"), A = document.querySelector(".pds-navbar__mobile");
-      return T.addEventListener("click", L), A.addEventListener("click", L), () => {
-        T.removeEventListener("click", L), A.removeEventListener("click", L);
+      return T.addEventListener("click", M), A.addEventListener("click", M), () => {
+        T.removeEventListener("click", M), A.removeEventListener("click", M);
       };
     }
-  }, [E]), re(() => {
+  }, [E]), oe(() => {
     E ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [E]);
   const z = kt(t), V = z["items-left"], S = z["items-right"];
-  let M = "default";
-  (s === "reverse" || s === "reverse-transparent") && (M = "reverse");
+  let L = "default";
+  (s === "reverse" || s === "reverse-transparent") && (L = "reverse");
   const O = qe(l) ? l.props.children : null, D = qe(l) && O ? We(l, {
     children: /* @__PURE__ */ e.createElement("img", { className: `${b}__custom-logo`, src: r }),
     "aria-label": O || null
   }) : /* @__PURE__ */ e.createElement("img", { className: `${b}__custom-logo`, src: r, alt: "" }), W = () => r ? D : /* @__PURE__ */ e.createElement(
     j1,
     {
-      colorType: M,
+      colorType: L,
       displayType: o,
       linkContent: l,
       subBrand: d
@@ -7998,7 +8003,7 @@ const Gt = (o) => {
     y({
       className: R([
         b,
-        $,
+        w,
         _,
         x,
         h != null ? h : ""
@@ -8030,23 +8035,23 @@ const Gt = (o) => {
     "className"
   ]);
   const m = "pds-side-nav", [f, g] = F(1025);
-  re(() => (g(window.innerWidth), window.addEventListener("resize", E), () => {
+  oe(() => (g(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
   const E = () => {
     g(window.innerWidth);
-  }, w = f <= o, u = (_) => {
-    const $ = _.target;
-    $.classList.toggle(`${m}__toggle--expanded`), $.setAttribute(
+  }, C = f <= o, u = (_) => {
+    const w = _.target;
+    w.classList.toggle(`${m}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
-      $.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), $.parentElement.nextElementSibling.classList.toggle(`${m}__menu--expanded`);
-  }, C = (_, $) => {
+      w.getAttribute("aria-expanded") === "true" ? "false" : "true"
+    ), w.parentElement.nextElementSibling.classList.toggle(`${m}__menu--expanded`);
+  }, $ = (_, w) => {
     const { linkContent: x, links: H } = _, k = `${m}__item`, N = `${m}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: $,
+        key: w,
         className: R([
           k,
           `${k}--top-level`,
@@ -8075,19 +8080,19 @@ const Gt = (o) => {
             Ne(_) ? `${N}--expanded` : null
           ])
         },
-        H.map((L, z) => /* @__PURE__ */ e.createElement(
+        H.map((M, z) => /* @__PURE__ */ e.createElement(
           "li",
           {
             key: z,
             className: R([
               k,
               `${k}--second-level`,
-              Ne(L) ? `${k}--active` : null
+              Ne(M) ? `${k}--active` : null
             ])
           },
           lt(
-            L.linkContent,
-            L.links
+            M.linkContent,
+            M.links
           )
         ))
       )) : (
@@ -8095,7 +8100,7 @@ const Gt = (o) => {
         x
       )
     );
-  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, n), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, c.map((_, $) => C(_, $)))), b = /* @__PURE__ */ e.createElement(
+  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, n), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, c.map((_, w) => $(_, w)))), b = /* @__PURE__ */ e.createElement(
     a1,
     {
       headingText: n,
@@ -8109,7 +8114,7 @@ const Gt = (o) => {
       "aria-label": t,
       className: R([m, r != null ? r : ""])
     }, d),
-    w && s ? b : v
+    C && s ? b : v
   );
 }, ln = (i) => {
   var h = i, {
@@ -8135,23 +8140,23 @@ const Gt = (o) => {
     "className"
   ]);
   const m = "pds-side-nav-compact", [f, g] = F(1025);
-  re(() => (g(window.innerWidth), window.addEventListener("resize", E), () => {
+  oe(() => (g(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
   const E = () => {
     g(window.innerWidth);
-  }, w = f <= o, u = (_) => {
-    const $ = _.target;
-    $.classList.toggle(`${m}__toggle--expanded`), $.setAttribute(
+  }, C = f <= o, u = (_) => {
+    const w = _.target;
+    w.classList.toggle(`${m}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
-      $.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), $.parentElement.nextElementSibling.classList.toggle(`${m}__menu--expanded`);
-  }, C = (_, $) => {
+      w.getAttribute("aria-expanded") === "true" ? "false" : "true"
+    ), w.parentElement.nextElementSibling.classList.toggle(`${m}__menu--expanded`);
+  }, $ = (_, w) => {
     const { linkContent: x, links: H } = _, k = `${m}__item`, N = `${m}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: $,
+        key: w,
         className: R([
           k,
           `${k}--top-level`,
@@ -8180,41 +8185,41 @@ const Gt = (o) => {
             Ne(_) ? `${N}--expanded` : null
           ])
         },
-        H.map((L, z) => /* @__PURE__ */ e.createElement(
+        H.map((M, z) => /* @__PURE__ */ e.createElement(
           "li",
           {
             key: z,
             className: R([
               k,
               `${k}--second-level`,
-              Ne(L) ? `${k}--active` : null
+              Ne(M) ? `${k}--active` : null
             ])
           },
-          L.links ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${k}-wrapper` }, /* @__PURE__ */ e.createElement(
+          M.links ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${k}-wrapper` }, /* @__PURE__ */ e.createElement(
             "button",
             {
-              "aria-expanded": Ne(L),
+              "aria-expanded": Ne(M),
               className: R([
                 `${m}__toggle`,
-                Ne(L) ? `${m}__toggle--expanded` : null
+                Ne(M) ? `${m}__toggle--expanded` : null
               ]),
               onClick: u
             },
             /* @__PURE__ */ e.createElement(P, { iconName: "caretDown", iconSize: "md" }),
-            /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Fe(L.linkContent)} ${a.submenu}`)
+            /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Fe(M.linkContent)} ${a.submenu}`)
           ), lt(
-            L.linkContent,
-            L.links
+            M.linkContent,
+            M.links
           )), /* @__PURE__ */ e.createElement(
             "ul",
             {
               className: R([
                 N,
                 `${N}--third-level`,
-                Ne(L) ? `${N}--expanded` : null
+                Ne(M) ? `${N}--expanded` : null
               ])
             },
-            L.links.map((V, S) => /* @__PURE__ */ e.createElement(
+            M.links.map((V, S) => /* @__PURE__ */ e.createElement(
               "li",
               {
                 key: S,
@@ -8231,7 +8236,7 @@ const Gt = (o) => {
             ))
           )) : (
             // If no second-level child links are present, render the link content as is.
-            L.linkContent
+            M.linkContent
           )
         ))
       )) : (
@@ -8239,7 +8244,7 @@ const Gt = (o) => {
         x
       )
     );
-  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, n), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, c.map((_, $) => C(_, $)))), b = /* @__PURE__ */ e.createElement(
+  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, n), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, c.map((_, w) => $(_, w)))), b = /* @__PURE__ */ e.createElement(
     a1,
     {
       headingText: n,
@@ -8253,7 +8258,7 @@ const Gt = (o) => {
       "aria-label": t,
       className: R([m, r != null ? r : ""])
     }, d),
-    w && s ? b : v
+    C && s ? b : v
   );
 }, ds = ({
   buttonLabel: t = "Toggle dropdown",
@@ -8263,7 +8268,7 @@ const Gt = (o) => {
   minFilterItems: c = 5,
   noResultsText: o = "No results found"
 }) => {
-  const [l, r] = F(!1), [d, i] = F(null), [h, m] = F(a), [f, g] = F(""), E = a.length >= c, w = "pds-tab-menu", u = `${w}__dropdown-menu`, C = E ? `${u}--scroll` : null, v = `${w}__dropdown-item`, b = ae([]), { context: _, refs: $ } = Se({
+  const [l, r] = F(!1), [d, i] = F(null), [h, m] = F(a), [f, g] = F(""), E = a.length >= c, C = "pds-tab-menu", u = `${C}__dropdown-menu`, $ = E ? `${u}--scroll` : null, v = `${C}__dropdown-item`, b = ae([]), { context: _, refs: w } = Se({
     open: l,
     onOpenChange: r,
     whileElementsMounted: Be
@@ -8276,9 +8281,9 @@ const Gt = (o) => {
     loop: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
-  }), { getReferenceProps: L, getFloatingProps: z, getItemProps: V } = Oe(
+  }), { getReferenceProps: M, getFloatingProps: z, getItemProps: V } = Oe(
     [k, H, N, x]
-  ), { isMounted: S, styles: M } = Ke(_, {
+  ), { isMounted: S, styles: L } = Ke(_, {
     duration: {
       open: 300,
       close: 150
@@ -8293,28 +8298,28 @@ const Gt = (o) => {
       opacity: 0
     }
   }), O = (q) => {
-    var X;
-    q.preventDefault(), q.key === "Enter" && ((X = b.current[d].querySelector("a")) == null || X.click()), q.key === "Tab" && q.shiftKey && (E ? document.getElementById("links-filter").focus() : r(!1));
-  }, D = (q, X) => Fe(q.linkContent).toLowerCase().includes(X.toLowerCase()), W = (q) => {
-    const X = q.target.value;
-    g(X);
-    const Y = a.filter((de) => D(de, X));
-    m(Y);
+    var Y;
+    q.preventDefault(), q.key === "Enter" && ((Y = b.current[d].querySelector("a")) == null || Y.click()), q.key === "Tab" && q.shiftKey && (E ? document.getElementById("links-filter").focus() : r(!1));
+  }, D = (q, Y) => Fe(q.linkContent).toLowerCase().includes(Y.toLowerCase()), W = (q) => {
+    const Y = q.target.value;
+    g(Y);
+    const X = a.filter((re) => D(re, Y));
+    m(X);
   };
-  re(() => {
-    const q = a.filter((X) => D(X, f));
+  oe(() => {
+    const q = a.filter((Y) => D(Y, f));
     m(q);
   }, [a]);
   const Z = () => {
     g(""), m(a);
   }, U = a.reduce(
-    (q, X) => Fe(q.linkContent).length > Fe(X.linkContent).length ? q : X
+    (q, Y) => Fe(q.linkContent).length > Fe(Y.linkContent).length ? q : Y
   ), K = {
     minWidth: "13rem",
     width: `${Fe(
       U.linkContent
     ).length + 2}ch`
-  }, T = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${w}__active-icon` }), A = E && /* @__PURE__ */ e.createElement("div", { className: `${w}__filter` }, /* @__PURE__ */ e.createElement(
+  }, T = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${C}__active-icon` }), A = E && /* @__PURE__ */ e.createElement("div", { className: `${C}__filter` }, /* @__PURE__ */ e.createElement(
     q1,
     {
       hasClearButton: !0,
@@ -8327,17 +8332,17 @@ const Gt = (o) => {
       type: "search",
       autoComplete: "off"
     }
-  )), j = h.map((q, X) => {
-    const Y = q.isActive ? `${v}--active` : null;
+  )), j = h.map((q, Y) => {
+    const X = q.isActive ? `${v}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
-        key: X,
-        className: R([v, Y]),
-        ref: (de) => {
-          b.current[X] = de;
+        key: Y,
+        className: R([v, X]),
+        ref: (re) => {
+          b.current[Y] = re;
         },
-        tabIndex: X === d ? 0 : -1,
+        tabIndex: Y === d ? 0 : -1,
         onKeyDown: O
       }, V()),
       q.linkContent,
@@ -8347,9 +8352,9 @@ const Gt = (o) => {
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
-      className: `${w}__dropdown-trigger`,
-      ref: $.setReference
-    }, L({
+      className: `${C}__dropdown-trigger`,
+      ref: w.setReference
+    }, M({
       "aria-expanded": l,
       "aria-label": t
     })),
@@ -8357,20 +8362,20 @@ const Gt = (o) => {
       P,
       {
         iconName: "angleDown",
-        className: `${w}__dropdown-trigger-icon`
+        className: `${C}__dropdown-trigger-icon`
       }
     )
   ), S && /* @__PURE__ */ e.createElement(
     "div",
     y({
-      ref: $.setFloating,
-      className: `${w}__dropdown`
+      ref: w.setFloating,
+      className: `${C}__dropdown`
     }, z({
       style: y({
         zIndex: "var(--pds-z-index-dropdown)"
       }, K)
     })),
-    /* @__PURE__ */ e.createElement("div", { style: y({}, M) }, A, /* @__PURE__ */ e.createElement("ul", { className: R([u, C]) }, j.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${w}__no-results` }, o) : j))
+    /* @__PURE__ */ e.createElement("div", { style: y({}, L) }, A, /* @__PURE__ */ e.createElement("ul", { className: R([u, $]) }, j.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${C}__no-results` }, o) : j))
   ));
 }, cn = (c) => {
   var o = c, {
@@ -8389,13 +8394,13 @@ const Gt = (o) => {
     dropdownSettings: f,
     icon: g,
     isActive: E,
-    linkContent: w,
+    linkContent: C,
     links: u,
-    promoteActiveChildLink: C = !1
+    promoteActiveChildLink: $ = !1
   }) => {
-    const v = `${d}__item`, b = n1(u), _ = ($, x) => {
+    const v = `${d}__item`, b = n1(u), _ = (w, x) => {
       let H = null;
-      return typeof $ == "object" && (x ? H = We($, be(y({}, $.props), {
+      return typeof w == "object" && (x ? H = We(w, be(y({}, w.props), {
         children: [
           /* @__PURE__ */ e.createElement("span", { key: x, className: `${d}__item-inner` }, /* @__PURE__ */ e.createElement(
             P,
@@ -8404,9 +8409,9 @@ const Gt = (o) => {
               iconSize: "md",
               className: `${d}__item-icon`
             }
-          ), $.props.children)
+          ), w.props.children)
         ]
-      })) : H = $), H;
+      })) : H = w), H;
     };
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -8416,7 +8421,7 @@ const Gt = (o) => {
           E ? `${v}--active` : null
         ])
       },
-      _(C ? b : w, g),
+      _($ ? b : C, g),
       u && /* @__PURE__ */ e.createElement(
         ds,
         {
@@ -8467,17 +8472,17 @@ const Gt = (o) => {
     "withinNavbar",
     "className"
   ]);
-  const [h, m] = F(null), [f, g] = F(!1), E = ae([]), w = ae([]);
+  const [h, m] = F(null), [f, g] = F(!1), E = ae([]), C = ae([]);
   let u = !1;
-  const C = $e(Ae);
-  C && (u = C.isMobile);
-  const v = o && u, b = "pds-user-menu", _ = v ? `${b}--isMobile` : null, $ = `${b}__menu`, { refs: x, floatingStyles: H, context: k } = Se({
+  const $ = $e(Ae);
+  $ && (u = $.isMobile);
+  const v = o && u, b = "pds-user-menu", _ = v ? `${b}--isMobile` : null, w = `${b}__menu`, { refs: x, floatingStyles: H, context: k } = Se({
     placement: "bottom-end",
     open: f,
     onOpenChange: g,
     middleware: [$t(12), wt(), yt()],
     whileElementsMounted: Be
-  }), N = Ge(k, { event: "mousedown" }), L = Te(k), z = De(k, { role: "menu" }), V = ae([]), S = ot(k, {
+  }), N = Ge(k, { event: "mousedown" }), M = Te(k), z = De(k, { role: "menu" }), V = ae([]), S = ot(k, {
     listRef: V,
     activeIndex: h,
     onNavigate: m,
@@ -8485,8 +8490,8 @@ const Gt = (o) => {
     openOnArrowKeyDown: !0,
     focusItemOnOpen: !1,
     focusItemOnHover: !0
-  }), { getReferenceProps: M, getFloatingProps: O, getItemProps: D } = Oe(
-    [L, z, N, S]
+  }), { getReferenceProps: L, getFloatingProps: O, getItemProps: D } = Oe(
+    [M, z, N, S]
   ), { isMounted: W, styles: Z } = Ke(k, {
     duration: {
       open: 300,
@@ -8513,22 +8518,22 @@ const Gt = (o) => {
   ), G = /* @__PURE__ */ e.createElement(P, { iconName: "angleDown", className: `${b}__trigger-icon` }), K = /* @__PURE__ */ e.createElement("li", { className: `${b}__user-details`, role: "presentation" }, v ? null : /* @__PURE__ */ e.createElement("div", { className: `${b}__user-name` }, c), /* @__PURE__ */ e.createElement("div", { className: `${b}__user-email` }, n));
   s.forEach((ee) => {
     const pe = ee.id ? ee.id : Ue();
-    E.current.push(pe), w.current.push(ee);
+    E.current.push(pe), C.current.push(ee);
   });
   const T = (ee) => {
-    const pe = E.current.indexOf(ee), oe = w.current[pe];
-    oe.linkContent && !oe.disabled && (V.current[pe].querySelector("a").click(), g(!1)), oe.callback && !oe.disabled && (oe.callback(oe), g(!1));
+    const pe = E.current.indexOf(ee), ie = C.current[pe];
+    ie.linkContent && !ie.disabled && (V.current[pe].querySelector("a").click(), g(!1)), ie.callback && !ie.disabled && (ie.callback(ie), g(!1));
   }, A = (ee) => {
     ee.preventDefault(), ee.key === "Enter" && T(ee.currentTarget.id);
   }, j = (ee) => {
     T(ee.currentTarget.id);
   }, q = s.map((ee, pe) => {
-    const oe = E.current[pe], le = `${b}__item`, we = ee.disabled ? `${le}--disabled` : null;
+    const ie = E.current[pe], le = `${b}__item`, we = ee.disabled ? `${le}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
-        key: oe,
-        id: oe,
+        key: ie,
+        id: ie,
         className: R([le, we]),
         role: "menuitem",
         tabIndex: h === pe ? 0 : -1,
@@ -8547,13 +8552,13 @@ const Gt = (o) => {
       ),
       ee.linkContent ? ee.linkContent : ee.label
     );
-  }), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }), Y = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
       className: `${b}__trigger`,
       "aria-label": t,
       ref: x.setReference
-    }, M()),
+    }, L()),
     U
   ), W && /* @__PURE__ */ e.createElement(
     "div",
@@ -8564,27 +8569,27 @@ const Gt = (o) => {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, O()),
-    /* @__PURE__ */ e.createElement("div", { style: y({}, Z) }, /* @__PURE__ */ e.createElement("ul", { className: $, role: "menu" }, K, /* @__PURE__ */ e.createElement("li", { role: "separator" }), q))
-  )), Y = (ee) => {
+    /* @__PURE__ */ e.createElement("div", { style: y({}, Z) }, /* @__PURE__ */ e.createElement("ul", { className: w, role: "menu" }, K, /* @__PURE__ */ e.createElement("li", { role: "separator" }), q))
+  )), X = (ee) => {
     const pe = ee.currentTarget;
     pe.classList.toggle(`${b}__toggle--expanded`), pe.setAttribute(
       "aria-expanded",
       pe.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), pe.nextElementSibling.classList.toggle(`${b}__mobile-menu--expanded`);
-  }, de = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }, re = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${b}__toggle`,
       "aria-expanded": !1,
       "aria-label": t,
-      onClick: Y
+      onClick: X
     },
     /* @__PURE__ */ e.createElement("span", { className: `${b}__toggle-left` }, U, c || n),
     G
   ), /* @__PURE__ */ e.createElement("div", { className: `${b}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
     {
-      className: [$, `${$}--isMobile`].join(" ").trim(),
+      className: [w, `${w}--isMobile`].join(" ").trim(),
       role: "menu"
     },
     K,
@@ -8596,7 +8601,7 @@ const Gt = (o) => {
     y({
       className: R([b, _, l != null ? l : ""])
     }, r),
-    v ? de : X
+    v ? re : Y
   );
 }, ms = {
   silver: "Silver",
@@ -8627,17 +8632,17 @@ const Gt = (o) => {
     "workspaceList",
     "className"
   ]);
-  const [g, E] = F(!1), [w, u] = F(null), [C, v] = F(d), b = ae([]), _ = ae(null), $ = d.length >= o;
+  const [g, E] = F(!1), [C, u] = F(null), [$, v] = F(d), b = ae([]), _ = ae(null), w = d.length >= o;
   let x = !1;
   const H = $e(Ae);
   H && (x = H.isMobile);
-  const k = r && x, N = "pds-workspace-selector", L = k ? `${N}--isMobile` : null, z = `${N}__menu`, V = $ ? `${z}--scroll` : null, { refs: S, floatingStyles: M, context: O } = Se({
+  const k = r && x, N = "pds-workspace-selector", M = k ? `${N}--isMobile` : null, z = `${N}__menu`, V = w ? `${z}--scroll` : null, { refs: S, floatingStyles: L, context: O } = Se({
     open: g,
     onOpenChange: E,
     whileElementsMounted: Be
   }), D = Ge(O, { event: "mousedown" }), W = Te(O), Z = De(O, { role: "menu" }), U = ot(O, {
     listRef: b,
-    activeIndex: w,
+    activeIndex: C,
     onNavigate: u,
     loop: !0,
     openOnArrowKeyDown: !0,
@@ -8662,19 +8667,19 @@ const Gt = (o) => {
   });
   let q = d.find((te) => te.isActive);
   q || (q = d[0]);
-  const X = (te) => {
+  const Y = (te) => {
     const { value: fe } = te.target, ke = d.filter((se) => se.displayName.toLowerCase().includes(fe.toLowerCase()));
     v(ke);
   };
-  re(() => {
+  oe(() => {
     const te = d.map((fe) => be(y({}, fe), {
       isActive: fe.isActive
     }));
     v(te);
   }, [d]);
-  const Y = (te) => {
-    te.preventDefault(), te.key === "Enter" && b.current[w].querySelector("a").click(), te.key === "Tab" && (te.shiftKey ? $ ? document.getElementById("workspace-filter").focus() : E(!1) : s ? _.current.querySelector("a").focus() : E(!1));
-  }, de = /* @__PURE__ */ e.createElement("div", { className: `${N}__button-content` }, /* @__PURE__ */ e.createElement(
+  const X = (te) => {
+    te.preventDefault(), te.key === "Enter" && b.current[C].querySelector("a").click(), te.key === "Tab" && (te.shiftKey ? w ? document.getElementById("workspace-filter").focus() : E(!1) : s ? _.current.querySelector("a").focus() : E(!1));
+  }, re = /* @__PURE__ */ e.createElement("div", { className: `${N}__button-content` }, /* @__PURE__ */ e.createElement(
     ut,
     {
       size: "sm",
@@ -8696,21 +8701,21 @@ const Gt = (o) => {
       iconSize: "md",
       className: `${N}__trigger-icon`
     }
-  ), pe = $ && /* @__PURE__ */ e.createElement("div", { className: `${N}__filter` }, /* @__PURE__ */ e.createElement(
+  ), pe = w && /* @__PURE__ */ e.createElement("div", { className: `${N}__filter` }, /* @__PURE__ */ e.createElement(
     q1,
     {
       hasClearButton: !0,
       onClear: () => v(d),
       id: "workspace-filter",
       label: a,
-      onChange: X,
+      onChange: Y,
       placeholder: n,
       showLabel: !1,
       type: "search"
     }
-  )), oe = C.map(
+  )), ie = $.map(
     (te, fe) => {
-      const ke = `${N}__item`, se = te.isActive ? `${ke}--active` : null, ce = te.isUnprivileged ? `${ke}--unprivileged` : null, xe = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${N}__active-icon` }), He = te.workspaceId, Le = te.workspaceLink.type, Ee = te.isUnprivileged ? null : (_e) => {
+      const ke = `${N}__item`, se = te.isActive ? `${ke}--active` : null, ce = te.isUnprivileged ? `${ke}--unprivileged` : null, xe = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${N}__active-icon` }), He = te.workspaceId, Me = te.workspaceLink.type, Ee = te.isUnprivileged ? null : (_e) => {
         b.current[fe] = _e;
       };
       return /* @__PURE__ */ e.createElement(
@@ -8724,12 +8729,12 @@ const Gt = (o) => {
             ce
           ]),
           role: "menuitem",
-          tabIndex: w === fe ? 0 : -1,
+          tabIndex: C === fe ? 0 : -1,
           ref: Ee,
-          onKeyDown: Y
+          onKeyDown: X
         }, T()),
         /* @__PURE__ */ e.createElement(
-          Le,
+          Me,
           be(y({}, te.workspaceLink.props), {
             onClick: () => E(!1)
           }),
@@ -8763,7 +8768,7 @@ const Gt = (o) => {
       "aria-label": t,
       ref: S.setReference
     }, G()),
-    de,
+    re,
     ee
   ), A && /* @__PURE__ */ e.createElement(
     "div",
@@ -8774,7 +8779,7 @@ const Gt = (o) => {
         zIndex: "var(--pds-z-index-dropdown)"
       }
     }, K()),
-    /* @__PURE__ */ e.createElement("div", { style: y({}, j) }, pe, /* @__PURE__ */ e.createElement("ul", { className: R([z, V]), role: "menu" }, /* @__PURE__ */ e.createElement("li", { className: `${N}__item-heading`, role: "presentation" }, c), oe.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : oe), le)
+    /* @__PURE__ */ e.createElement("div", { style: y({}, j) }, pe, /* @__PURE__ */ e.createElement("ul", { className: R([z, V]), role: "menu" }, /* @__PURE__ */ e.createElement("li", { className: `${N}__item-heading`, role: "presentation" }, c), ie.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : ie), le)
   )), ue = (te) => {
     const fe = te.target;
     fe.classList.toggle(`${N}__toggle--expanded`), fe.setAttribute(
@@ -8789,7 +8794,7 @@ const Gt = (o) => {
       "aria-label": t,
       onClick: ue
     },
-    de,
+    re,
     ee
   ), /* @__PURE__ */ e.createElement("div", { className: `${N}__mobile-menu` }, pe, /* @__PURE__ */ e.createElement(
     "ul",
@@ -8798,12 +8803,12 @@ const Gt = (o) => {
       role: "menu"
     },
     /* @__PURE__ */ e.createElement("li", { className: `${N}__item-heading`, role: "presentation" }, c),
-    oe.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : oe
+    ie.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : ie
   ), le));
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: R([N, L, i])
+      className: R([N, M, i])
     }, h),
     k ? he : we
   );
@@ -8832,7 +8837,7 @@ const Gt = (o) => {
     "className"
   ]);
   const [i, h] = F(t);
-  re(() => {
+  oe(() => {
     h(t);
   }, [t]);
   const m = i.length;
@@ -8842,7 +8847,7 @@ const Gt = (o) => {
     info: `${f}--info`,
     warning: `${f}--warning`,
     critical: `${f}--critical`
-  }, w = m > 0 ? i[0].type : null, u = w ? `${f}-group--${w}` : null, C = (H) => ({
+  }, C = m > 0 ? i[0].type : null, u = C ? `${f}-group--${C}` : null, $ = (H) => ({
     zIndex: Tt - H
   }), v = (H) => H === 0 ? 0 : -1, b = () => {
     const H = document.getElementsByClassName(
@@ -8857,7 +8862,7 @@ const Gt = (o) => {
         H[0]
       ]);
     }, 200);
-  }, $ = () => {
+  }, w = () => {
     b(), document.getElementById(i[0].id).style.zIndex = (Tt + 2).toString(), document.getElementById(i[m - 1].id).style.zIndex = (Tt + 1).toString(), setTimeout(() => {
       document.getElementById(i[0].id).classList.add(`${f}--fading`);
     }, 50), setTimeout(() => {
@@ -8867,7 +8872,7 @@ const Gt = (o) => {
       ]), document.getElementById(i[0].id).classList.remove(`${f}--fading`);
     }, 200);
   }, x = (H, k) => {
-    const { id: N, isDismissible: L, message: z, onDismiss: V, type: S } = H, O = ["critical", "warning"].includes(S) ? "alert" : "status", D = `${c[S]}:  `, W = (Z) => {
+    const { id: N, isDismissible: M, message: z, onDismiss: V, type: S } = H, O = ["critical", "warning"].includes(S) ? "alert" : "status", D = `${c[S]}:  `, W = (Z) => {
       Z.preventDefault(), document.getElementById(N).classList.add(`${f}--dismissing`), setTimeout(() => {
         if (m === 1) {
           h([]);
@@ -8886,7 +8891,7 @@ const Gt = (o) => {
         className: R([f, E[S]]),
         role: O,
         style: {
-          zIndex: C(k).zIndex
+          zIndex: $(k).zIndex
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement(
@@ -8897,7 +8902,7 @@ const Gt = (o) => {
           className: `${f}__icon ${f}__icon--${H.type}`
         }
       ), /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, D, " "), z)),
-      L && /* @__PURE__ */ e.createElement(
+      M && /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${f}__dismiss-button`,
@@ -8925,7 +8930,7 @@ const Gt = (o) => {
         size: "lg",
         className: `${f}__nav-button ${f}__nav-button--prev`,
         ariaLabel: a,
-        onClick: $
+        onClick: w
       }
     ), /* @__PURE__ */ e.createElement(
       _t,
@@ -9028,13 +9033,13 @@ const Gt = (o) => {
     discovery: `${g}--discovery`,
     dismissing: `${g}--dismissing`,
     dismissed: `${g}--dismissed`
-  }, w = o ? `${g}--hasTitle` : null, C = ["critical", "warning"].includes(l) ? "alert" : "status", v = `${r[l]}: `, b = () => {
+  }, C = o ? `${g}--hasTitle` : null, $ = ["critical", "warning"].includes(l) ? "alert" : "status", v = `${r[l]}: `, b = () => {
     f.current.addEventListener("animationend", _, {
       once: !0
     });
   }, _ = (x) => {
     a(x, s);
-  }, $ = () => {
+  }, w = () => {
     b(), f.current.classList.toggle(E.dismissing), setTimeout(() => {
       f.current.classList.toggle(E.dismissing), f.current.classList.toggle(E.dismissed);
     }, 400);
@@ -9042,10 +9047,10 @@ const Gt = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [g, E[l], w, d != null ? d : ""].join(" ").trim().replace(/\s+/g, " "),
+      className: [g, E[l], C, d != null ? d : ""].join(" ").trim().replace(/\s+/g, " "),
       id: s,
       ref: f,
-      role: C
+      role: $
     }, i),
     /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__icon ${g}__icon-${l}` }, /* @__PURE__ */ e.createElement(
       P,
@@ -9058,7 +9063,7 @@ const Gt = (o) => {
       "button",
       {
         className: `${g}__dismiss`,
-        onClick: $,
+        onClick: w,
         "aria-label": t,
         role: "button"
       },
@@ -9203,18 +9208,18 @@ const hn = () => {
     "className"
   ]);
   var K, T, A, j;
-  const [w, u] = F(i);
-  re(() => {
+  const [C, u] = F(i);
+  oe(() => {
     u(i);
-  }, [i]), re(() => {
-    h(w);
-  }, [w]);
-  const C = typeof s, v = "pds-popover", b = [
+  }, [i]), oe(() => {
+    h(C);
+  }, [C]);
+  const $ = typeof s, v = "pds-popover", b = [
     `${v}__trigger-custom`,
-    C === "string" ? `${v}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), _ = s ? a : 0, $ = ae(null), { refs: x, floatingStyles: H, context: k, middlewareData: N } = Se({
+    $ === "string" ? `${v}__trigger-text` : ""
+  ].join(" ").trim().replace(/\s+/g, " "), _ = s ? a : 0, w = ae(null), { refs: x, floatingStyles: H, context: k, middlewareData: N } = Se({
     placement: o,
-    open: w,
+    open: C,
     onOpenChange(q) {
       u(q), q || c();
     },
@@ -9222,12 +9227,12 @@ const hn = () => {
       $t(Ye + gs + _),
       wt({ padding: 8 }),
       yt({ padding: 8 }),
-      l2({ element: $ })
+      l2({ element: w })
     ],
     whileElementsMounted: Be
-  }), L = () => {
+  }), M = () => {
     u(!1), c && c();
-  }, z = Ge(k), V = Te(k), S = De(k), { getReferenceProps: M, getFloatingProps: O } = Oe([
+  }, z = Ge(k), V = Te(k), S = De(k), { getReferenceProps: L, getFloatingProps: O } = Oe([
     z,
     V,
     S
@@ -9254,7 +9259,7 @@ const hn = () => {
       y({
         className: `${v}__trigger`,
         ref: x.setReference
-      }, M()),
+      }, L()),
       s ? /* @__PURE__ */ e.createElement("span", { className: b }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), /* @__PURE__ */ e.createElement(
         P,
         {
@@ -9274,7 +9279,7 @@ const hn = () => {
       /* @__PURE__ */ e.createElement(
         c2,
         {
-          ref: $,
+          ref: w,
           context: k,
           height: Ye,
           width: g1,
@@ -9288,7 +9293,7 @@ const hn = () => {
       /* @__PURE__ */ e.createElement("div", { className: `${v}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, l), t && /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, t), n && /* @__PURE__ */ e.createElement(
         "button",
         {
-          onClick: L,
+          onClick: M,
           className: `${v}__close`
         },
         /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"),
@@ -9329,19 +9334,19 @@ const hn = () => {
     "size",
     "className"
   ]);
-  const g = s || Ue(), E = "pds-progress-bar", w = l ? `${E}__label` : "visually-hidden", u = `${E}__track ${E}__track--${d}`, C = o > 100 ? 100 : o;
+  const g = s || Ue(), E = "pds-progress-bar", C = l ? `${E}__label` : "visually-hidden", u = `${E}__track ${E}__track--${d}`, $ = o > 100 ? 100 : o;
   let v = "neutral";
   t.forEach((x) => {
     o >= x.percentage && (v = x.colorType);
   });
-  const b = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, a), _ = a && c === "above", $ = a && c === "below";
+  const b = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, a), _ = a && c === "above", w = a && c === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [E, i].join(" ").trim().replace(/\s+/g, " "),
-      style: { "--bar-percentage": `${C}%` }
+      style: { "--bar-percentage": `${$}%` }
     }, h),
-    /* @__PURE__ */ e.createElement("div", { id: g, className: w }, n),
+    /* @__PURE__ */ e.createElement("div", { id: g, className: C }, n),
     (_ || r) && /* @__PURE__ */ e.createElement("div", { className: `${E}__details` }, _ && b, r && /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -9358,7 +9363,7 @@ const hn = () => {
       {
         role: "progressbar",
         "aria-labelledby": g,
-        "aria-valuenow": C,
+        "aria-valuenow": $,
         className: u
       },
       /* @__PURE__ */ e.createElement(
@@ -9366,13 +9371,13 @@ const hn = () => {
         {
           className: `${E}__bar`,
           style: {
-            width: `${C}%`,
+            width: `${$}%`,
             backgroundColor: `var(${E1[v]})`
           }
         }
       )
     )),
-    $ && b
+    w && b
   );
 }, Es = 3.815, _s = 4.678, bs = 5.96, vs = (i) => {
   var h = i, {
@@ -9394,17 +9399,17 @@ const hn = () => {
     "size",
     "className"
   ]);
-  const m = t || Ue(), f = "pds-progress-ring", g = c ? `${f}__label` : "visually-hidden", E = `${f}__loading-text ${f}__loading-text--${l}`, w = (H) => H * 16;
-  let u = w(_s), C = 7;
-  l === "sm" && (u = w(Es), C = C / 1.25), l === "lg" && (u = w(bs), C = C * 1.25);
-  const v = u / 2 - C / 2, b = `${v / 100}rem`, _ = 2 * Math.PI * v, $ = _ - _ * a / 100;
+  const m = t || Ue(), f = "pds-progress-ring", g = c ? `${f}__label` : "visually-hidden", E = `${f}__loading-text ${f}__loading-text--${l}`, C = (H) => H * 16;
+  let u = C(_s), $ = 7;
+  l === "sm" && (u = C(Es), $ = $ / 1.25), l === "lg" && (u = C(bs), $ = $ * 1.25);
+  const v = u / 2 - $ / 2, b = `${v / 100}rem`, _ = 2 * Math.PI * v, w = _ - _ * a / 100;
   let x;
   return s ? x = s : o ? x = `${a}%` : x = "", /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [f, r].join(" ").trim().replace(/\s+/g, " "),
       style: {
-        "--ring-stroke-dashoffset": $,
+        "--ring-stroke-dashoffset": w,
         "--ring-stroke-dasharray": _
       }
     }, d),
@@ -9431,7 +9436,7 @@ const hn = () => {
             cx: u / 2,
             cy: u / 2,
             r: v,
-            strokeWidth: C
+            strokeWidth: $
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -9441,9 +9446,9 @@ const hn = () => {
             cx: u / 2,
             cy: u / 2,
             r: v,
-            strokeWidth: C,
+            strokeWidth: $,
             strokeDasharray: _,
-            strokeDashoffset: $,
+            strokeDashoffset: w,
             transform: `rotate(-90 ${u / 2} ${u / 2})`
           }
         ),
@@ -9590,14 +9595,14 @@ const hn = () => {
   ]);
   const l = "pds-stepper", r = "pds-stepper-mobile", d = ae(), [i] = Nt(d), h = i.width, m = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
-  ) * 16, f = -40, g = 2, E = 5, w = t.length, u = t.map((b) => b.isCurrent).lastIndexOf(!0), C = t.map((b, _) => {
-    const $ = _ + 1, x = _ === u, H = _ < u, k = b.hasError && x, L = (h - w * m) / (w + (w - 2)), z = m + L * 2, V = m + L, S = L + f * -1, M = _ === 0, O = _ === w - 1;
+  ) * 16, f = -40, g = 2, E = 5, C = t.length, u = t.map((b) => b.isCurrent).lastIndexOf(!0), $ = t.map((b, _) => {
+    const w = _ + 1, x = _ === u, H = _ < u, k = b.hasError && x, M = (h - C * m) / (C + (C - 2)), z = m + M * 2, V = m + M, S = M + f * -1, L = _ === 0, O = _ === C - 1;
     let D = z;
-    (M || O) && (D = V);
+    (L || O) && (D = V);
     const W = `${l}__step`, Z = [W];
     x && Z.push(`${W}--current`), H && Z.push(`${W}--complete`), k && Z.push(`${W}--error`);
-    let U = `${s.step} ${$}`;
-    H && (U = `${s.step} ${$}, ${s.completed}`), k && (U = `${s.step} ${$}, ${s.hasError}`);
+    let U = `${s.step} ${w}`;
+    H && (U = `${s.step} ${w}, ${s.completed}`), k && (U = `${s.step} ${w}, ${s.hasError}`);
     const G = H ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${l}__step-indicator` }, /* @__PURE__ */ e.createElement(
       P,
       {
@@ -9627,13 +9632,13 @@ const hn = () => {
         key: b.id,
         id: b.id,
         "aria-label": U,
-        "aria-posinset": $,
-        "aria-setsize": w,
+        "aria-posinset": w,
+        "aria-setsize": C,
         "aria-current": x ? "step" : null,
         className: Z.join(" ").trim().replace(/\s+/g, " "),
         style: { width: D }
       },
-      !M && /* @__PURE__ */ e.createElement(
+      !L && /* @__PURE__ */ e.createElement(
         "span",
         {
           className: `${l}__connector ${l}__connector--before`,
@@ -9653,13 +9658,13 @@ const hn = () => {
       )
     );
   }), v = t.map((b, _) => {
-    const $ = _ + 1, x = _ === u, H = _ === w - 1, k = b.hasError && x, N = t[u + 1] ? t[u + 1].label : null;
+    const w = _ + 1, x = _ === u, H = _ === C - 1, k = b.hasError && x, N = t[u + 1] ? t[u + 1].label : null;
     if (x) {
-      const L = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s.step, " "), $, " of ", w), z = $ / w * 100, V = k ? {
+      const M = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s.step, " "), w, " of ", C), z = w / C * 100, V = k ? {
         "--pds-color-progress-partial": "var(--pds-color-semantic-critical-foreground)"
       } : {
         "--pds-color-progress-partial": "var(--pds-color-stepper-completed)"
-      }, S = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, s.step, " ", $, ", ", s.hasError);
+      }, S = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, s.step, " ", w, ", ", s.hasError);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -9673,7 +9678,7 @@ const hn = () => {
             label: "Step progress",
             size: "sm",
             percentage: z,
-            innerLabel: L,
+            innerLabel: M,
             style: V
           }
         )),
@@ -9688,19 +9693,19 @@ const hn = () => {
       );
     }
   });
-  if (w >= g && w <= E)
+  if (C >= g && C <= E)
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: [l, n].join(" ").trim().replace(/\s+/g, " "),
-        "data-steps": w
+        "data-steps": C
       }, a),
-      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: d }, C)
+      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: d }, $)
     ), /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: [r, n].join(" ").trim().replace(/\s+/g, " "),
-        "data-steps": w
+        "data-steps": C
       }, a),
       /* @__PURE__ */ e.createElement("div", { className: `${r}__steps` }, v)
     ));
@@ -9744,51 +9749,51 @@ const hn = () => {
     "~"
   ], g = `#${l} h2:not(.${c}), h3:not(.${c})`, E = () => {
     const [k, N] = F([]);
-    return re(() => {
-      const L = Array.from(
+    return oe(() => {
+      const M = Array.from(
         document.querySelectorAll(g)
       );
-      L.map((V) => {
+      M.map((V) => {
         f.forEach((S) => {
           V.id.includes(S) && (V.id = V.id.replaceAll(S, "-"));
         });
-      }), L.map((V) => {
+      }), M.map((V) => {
         const S = `item-${Ue()}`;
         V.id || (V.id = S);
       });
-      const z = w(L);
+      const z = C(M);
       N(z);
     }, []), { nestedHeadings: k };
-  }, w = (k) => {
+  }, C = (k) => {
     const N = [];
-    return k.forEach((L) => {
-      const { innerText: z, id: V } = L;
-      L.nodeName === "H2" ? N.push({ id: V, title: z, items: [] }) : L.nodeName === "H3" && N.length > 0 && N[N.length - 1].items.push({
+    return k.forEach((M) => {
+      const { innerText: z, id: V } = M;
+      M.nodeName === "H2" ? N.push({ id: V, title: z, items: [] }) : M.nodeName === "H3" && N.length > 0 && N[N.length - 1].items.push({
         id: V,
         title: z
       });
     }), N;
-  }, { nestedHeadings: u } = E(), [C, v] = F();
+  }, { nestedHeadings: u } = E(), [$, v] = F();
   ((k) => {
     const N = ae({});
-    re(() => {
-      const L = (S) => {
+    oe(() => {
+      const M = (S) => {
         N.current = S.reduce((D, W) => (D[W.target.id] = W, D), N.current);
-        const M = [];
+        const L = [];
         Object.keys(N.current).forEach((D) => {
           const W = N.current[D];
-          W.isIntersecting && M.push(W);
+          W.isIntersecting && L.push(W);
         });
         const O = (D) => V.findIndex((W) => W.id === D);
-        if (M.length === 1)
-          k(M[0].target.id);
-        else if (M.length > 1) {
-          const D = M.sort(
+        if (L.length === 1)
+          k(L[0].target.id);
+        else if (L.length > 1) {
+          const D = L.sort(
             (W, Z) => O(W.target.id) - O(Z.target.id)
           );
           k(D[0].target.id);
         }
-      }, z = new IntersectionObserver(L, {
+      }, z = new IntersectionObserver(M, {
         rootMargin: "0px 0px -20% 0px"
       }), V = Array.from(
         document.querySelectorAll(g)
@@ -9798,20 +9803,20 @@ const hn = () => {
   })(v);
   const _ = (k) => {
     typeof window != "undefined" && window.location.hash !== `#${k}` && window.history.pushState({}, "", `#${k}`);
-  }, $ = (k) => {
+  }, w = (k) => {
     document.querySelector(`#${k}`).scrollIntoView({
       behavior: "smooth",
       block: "start"
     });
   }, x = (k, N) => {
-    k.preventDefault(), t && _(N), $(N);
+    k.preventDefault(), t && _(N), w(N);
   }, H = ({ headings: k }) => /* @__PURE__ */ e.createElement("ul", { className: `${m}__list ${m}__list--top-level` }, k.map((N) => /* @__PURE__ */ e.createElement("li", { key: N.id, className: `${m}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
-      className: N.id === C ? `${m}__link ${m}__link--active` : `${m}__link`,
+      className: N.id === $ ? `${m}__link ${m}__link--active` : `${m}__link`,
       href: `#${N.id}`,
-      onClick: (L) => {
-        x(L, N.id);
+      onClick: (M) => {
+        x(M, N.id);
       }
     },
     N.title
@@ -9820,16 +9825,16 @@ const hn = () => {
     {
       className: `${m}__list ${m}__list--second-level`
     },
-    N.items.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${m}__list-item` }, /* @__PURE__ */ e.createElement(
+    N.items.map((M) => /* @__PURE__ */ e.createElement("li", { key: M.id, className: `${m}__list-item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        className: L.id === C ? `${m}__link ${m}__link--active` : `${m}__link`,
-        href: `#${L.id}`,
+        className: M.id === $ ? `${m}__link ${m}__link--active` : `${m}__link`,
+        href: `#${M.id}`,
         onClick: (z) => {
-          x(z, L.id);
+          x(z, M.id);
         }
       },
-      L.title
+      M.title
     )))
   ))));
   return /* @__PURE__ */ e.createElement(
@@ -9839,7 +9844,7 @@ const hn = () => {
       className: R([m, r])
     }, d),
     a && /* @__PURE__ */ e.createElement(
-      Mt,
+      Lt,
       {
         baseClass: m,
         className: `${o ? null : "visually-hidden"}`,
@@ -9847,7 +9852,7 @@ const hn = () => {
       },
       a
     ),
-    /* @__PURE__ */ e.createElement(H, { headings: u, activeID: C })
+    /* @__PURE__ */ e.createElement(H, { headings: u, activeID: $ })
   );
 }, wn = (r) => {
   var d = r, {
@@ -9867,19 +9872,19 @@ const hn = () => {
     "className"
   ]);
   const i = "pds-tabs", [h, m] = F(a != null ? a : s);
-  re(() => {
+  oe(() => {
     a !== void 0 && m(a);
   }, [a]);
   const f = (u) => {
-    const C = u.currentTarget.getAttribute("data-tabnumber");
-    if (C) {
-      const v = parseInt(C, 10);
+    const $ = u.currentTarget.getAttribute("data-tabnumber");
+    if ($) {
+      const v = parseInt($, 10);
       m(v);
     }
   }, g = ae([]);
-  re(() => {
+  oe(() => {
     n(h);
-  }, [h, n]), re(() => {
+  }, [h, n]), oe(() => {
     const u = g.current.length - 1;
     if (h > u) {
       m(0);
@@ -9889,26 +9894,26 @@ const hn = () => {
       return;
     }
   }, [h]);
-  const E = (u, C) => {
+  const E = (u, $) => {
     const v = h;
-    let b = g.current[C === "next" ? v + 1 < g.current.length ? v + 1 : 0 : v - 1 >= 0 ? v - 1 : g.current.length - 1];
-    b || (b = C == "next" ? g.current[u + 1] == null ? g.current[0] : g.current[u + 1] : g.current[u - 1]), b.focus();
-  }, w = (u) => {
-    const C = g.current.length, v = () => {
-      E((h + 1) % C, "next"), m(h + 1);
+    let b = g.current[$ === "next" ? v + 1 < g.current.length ? v + 1 : 0 : v - 1 >= 0 ? v - 1 : g.current.length - 1];
+    b || (b = $ == "next" ? g.current[u + 1] == null ? g.current[0] : g.current[u + 1] : g.current[u - 1]), b.focus();
+  }, C = (u) => {
+    const $ = g.current.length, v = () => {
+      E((h + 1) % $, "next"), m(h + 1);
     }, b = () => {
-      E((h - 1 + C) % C, "prev"), m(h - 1);
+      E((h - 1 + $) % $, "prev"), m(h - 1);
     }, _ = () => {
       E(0), m(0);
-    }, $ = () => {
-      E(C - 1), m(C - 1);
+    }, w = () => {
+      E($ - 1), m($ - 1);
     }, x = () => {
       g.current[h].focus();
     }, k = {
       ArrowRight: v,
       ArrowLeft: b,
       Home: _,
-      End: $,
+      End: w,
       Space: x,
       Enter: x
     }[u.code];
@@ -9922,53 +9927,53 @@ const hn = () => {
       "aria-label": t,
       "aria-orientation": "horizontal"
     },
-    c.map(({ disabled: u, icon: C, tabId: v, tabLabel: b, tally: _ }, $) => /* @__PURE__ */ e.createElement(
+    c.map(({ disabled: u, icon: $, tabId: v, tabLabel: b, tally: _ }, w) => /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${i}__tab`,
-        "aria-selected": $ == h,
-        "data-tabnumber": $,
+        "aria-selected": w == h,
+        "data-tabnumber": w,
         role: "tab",
         id: v,
         onKeyDown: (x) => {
-          x.preventDefault(), w(x);
+          x.preventDefault(), C(x);
         },
         key: b,
-        ref: (x) => u ? null : g.current[$] = x,
-        "aria-controls": `tabpanel_${$}`,
-        tabIndex: h === $ ? 1 : -1,
+        ref: (x) => u ? null : g.current[w] = x,
+        "aria-controls": `tabpanel_${w}`,
+        tabIndex: h === w ? 1 : -1,
         "aria-disabled": !!u,
         onClick: u ? null : f,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: C, className: `${i}__tab-label` }, C ? /* @__PURE__ */ e.createElement(P, { iconName: C, iconSize: "md" }) : null, " ", b, c[$].tally ? /* @__PURE__ */ e.createElement(Gt, { label: _.label, type: _.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: $, className: `${i}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(P, { iconName: $, iconSize: "md" }) : null, " ", b, c[w].tally ? /* @__PURE__ */ e.createElement(Gt, { label: _.label, type: _.type }) : null)
     ))
-  ), c.map(({ disabled: u, icon: C, panelContent: v, tabLabel: b, tally: _ }, $) => /* @__PURE__ */ e.createElement(
+  ), c.map(({ disabled: u, icon: $, panelContent: v, tabLabel: b, tally: _ }, w) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${i}__panel`,
       role: "tabpanel",
-      key: $,
-      id: `${i}__tab--${$}`,
-      "aria-labelledby": `${i}__tab--${$}`
+      key: w,
+      id: `${i}__tab--${w}`,
+      "aria-labelledby": `${i}__tab--${w}`
     },
     /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${i}__trigger`,
-        "aria-selected": $ == h,
+        "aria-selected": w == h,
         role: "tab",
-        "data-tabnumber": $,
+        "data-tabnumber": w,
         key: b,
-        onKeyDown: w,
+        onKeyDown: C,
         "aria-disabled": !!u,
-        "aria-controls": `tabpanel_${$}`,
-        tabIndex: h === $ ? 1 : -1,
+        "aria-controls": `tabpanel_${w}`,
+        tabIndex: h === w ? 1 : -1,
         onClick: u ? null : f,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: C, className: `${i}__tab-label` }, C ? /* @__PURE__ */ e.createElement(P, { iconSize: "md", iconName: C }) : null, " ", b, c[$].tally ? /* @__PURE__ */ e.createElement(Gt, { label: _.label, type: _.type }) : null),
-      $ == h ? /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { key: $, className: `${i}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(P, { iconSize: "md", iconName: $ }) : null, " ", b, c[w].tally ? /* @__PURE__ */ e.createElement(Gt, { label: _.label, type: _.type }) : null),
+      w == h ? /* @__PURE__ */ e.createElement(
         P,
         {
           iconName: "angleUp",
@@ -9988,7 +9993,7 @@ const hn = () => {
       "section",
       {
         className: `${i}__panel-content`,
-        hidden: $ != h
+        hidden: w != h
       },
       v
     )
@@ -10037,15 +10042,15 @@ const Cs = (t) => {
     "tagLabel",
     "className"
   ]);
-  const [h, m] = F(!0), f = "pds-tag", g = c ? `${f}--${c}` : `${f}--${Cs(o)}`, E = h ? null : "pds-tag--hide", w = () => {
+  const [h, m] = F(!0), f = "pds-tag", g = c ? `${f}--${c}` : `${f}--${Cs(o)}`, E = h ? null : "pds-tag--hide", C = () => {
     m((b) => !b);
   };
-  let u, C, v;
-  return t && !s && qe(t) ? (u = t.type, C = t.props.href ? "href" : "to", v = C === "href" ? t.props.href : t.props.to) : (u = "span", C = null, v = null), /* @__PURE__ */ e.createElement(
+  let u, $, v;
+  return t && !s && qe(t) ? (u = t.type, $ = t.props.href ? "href" : "to", v = $ === "href" ? t.props.href : t.props.to) : (u = "span", $ = null, v = null), /* @__PURE__ */ e.createElement(
     u,
     y({
-      href: C === "href" ? v : null,
-      to: C === "to" ? v : null,
+      href: $ === "href" ? v : null,
+      to: $ === "to" ? v : null,
       className: [f, g, E, l].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("span", { className: `${f}__label`, title: o }, $s(o, 20)),
@@ -10056,7 +10061,7 @@ const Cs = (t) => {
         className: `${f}__remove`,
         "aria-label": `${a}: ${o}`,
         onClick: () => {
-          w(), n();
+          C(), n();
         }
       },
       /* @__PURE__ */ e.createElement(
@@ -10095,7 +10100,7 @@ const Cs = (t) => {
     }, r),
     a && /* @__PURE__ */ e.createElement("div", { className: `${h}__image` }, /* @__PURE__ */ e.createElement("img", { src: a, alt: "" })),
     n && /* @__PURE__ */ e.createElement(
-      Mt,
+      Lt,
       {
         baseClass: h,
         className: "pds-ts-xl",
@@ -10145,8 +10150,8 @@ const Cs = (t) => {
       }
     ))
   );
-}, kn = (w) => {
-  var u = w, {
+}, kn = (C) => {
+  var u = C, {
     alignContent: t = "flex-start",
     alignItems: s = "stretch",
     flexDirection: n = "row",
@@ -10180,15 +10185,15 @@ const Cs = (t) => {
   let v = A1() <= 640;
   const b = $e(Ae);
   b && (v = b.isMobile);
-  const _ = "pds-flex", $ = `${_}-container`, x = v ? `${$}--mobile` : null;
+  const _ = "pds-flex", w = `${_}-container`, x = v ? `${w}--mobile` : null;
   let H = null;
   v ? H = `${_}-direction--${d}` : n !== "row" && (H = `${_}-direction--${n}`);
   let k = null;
   v ? i ? i !== "nowrap" && (k = `${_}-wrap--${i}`) : a !== "nowrap" && (k = `${_}-wrap--${a}`) : a !== "nowrap" && (k = `${_}-wrap--${a}`);
   let N = null;
   v ? m ? m !== "flex-start" && (N = `${_}-justify--${m}`) : o !== "flex-start" && (N = `${_}-justify--${o}`) : o !== "flex-start" && (N = `${_}-justify--${o}`);
-  let L = null;
-  v ? l ? l !== "stretch" && (L = `${_}-align-items--${l}`) : s !== "stretch" && (L = `${_}-align-items--${s}`) : s !== "stretch" && (L = `${_}-align-items--${s}`);
+  let M = null;
+  v ? l ? l !== "stretch" && (M = `${_}-align-items--${l}`) : s !== "stretch" && (M = `${_}-align-items--${s}`) : s !== "stretch" && (M = `${_}-align-items--${s}`);
   let z = null;
   v ? r ? r !== "flex-start" && (z = `${_}-align-content--${r}`) : t !== "flex-start" && (z = `${_}-align-content--${t}`) : t !== "flex-start" && (z = `${_}-align-content--${t}`);
   let V = null;
@@ -10196,12 +10201,12 @@ const Cs = (t) => {
     "div",
     y({
       className: R([
-        $,
+        w,
         x,
         H,
         k,
         N,
-        L,
+        M,
         z,
         V,
         g != null ? g : ""
@@ -10233,13 +10238,13 @@ const Cs = (t) => {
   const g = $e(Ae);
   g && (f = g.isMobile);
   const E = kt(t);
-  let w = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9", u = "pds-grid-item pds-grid-item--lg-3";
-  c === "narrow" && (w = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", u = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), c === "wide" && (w = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", u = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
-  const C = /* @__PURE__ */ e.createElement(
+  let C = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9", u = "pds-grid-item pds-grid-item--lg-3";
+  c === "narrow" && (C = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", u = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), c === "wide" && (C = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", u = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
+  const $ = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "content",
-      className: `${i}__main ${f ? "pds-grid-item" : w}`
+      className: `${i}__main ${f ? "pds-grid-item" : C}`
     },
     E.content
   ), v = /* @__PURE__ */ e.createElement(
@@ -10260,9 +10265,9 @@ const Cs = (t) => {
         o != null ? o : ""
       ])
     }, l),
-    f ? a === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, C) : /* @__PURE__ */ e.createElement(e.Fragment, null, C, v) : n === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, C) : /* @__PURE__ */ e.createElement(e.Fragment, null, C, v)
+    f ? a === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, $) : /* @__PURE__ */ e.createElement(e.Fragment, null, $, v) : n === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, $) : /* @__PURE__ */ e.createElement(e.Fragment, null, $, v)
   );
-}, Mn = (a) => {
+}, Ln = (a) => {
   var c = a, {
     children: t,
     className: s
@@ -10298,7 +10303,7 @@ const Cs = (t) => {
     ),
     r && /* @__PURE__ */ e.createElement("div", { className: `${m}__form-container` }, r)
   );
-}, Ln = (c) => {
+}, Mn = (c) => {
   var o = c, {
     children: t,
     gridGap: s = "standard",
@@ -10358,21 +10363,21 @@ const Cs = (t) => {
     case "one-third-end":
       g = f.concat(m), E = f.concat(h);
   }
-  const w = {};
+  const C = {};
   e.Children.forEach(t, (v) => {
     if (e.isValidElement(v)) {
       const b = v.props.slot;
-      b && (w[b] ? w[b].push(v) : w[b] = [v]);
+      b && (C[b] ? C[b].push(v) : C[b] = [v]);
     }
   });
-  const u = w["first-item"], C = w["second-item"];
+  const u = C["first-item"], $ = C["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: R([r, d, a])
     }, c),
     /* @__PURE__ */ e.createElement("div", { className: g.join(" ").trim() }, u),
-    /* @__PURE__ */ e.createElement("div", { className: E.join(" ").trim() }, C)
+    /* @__PURE__ */ e.createElement("div", { className: E.join(" ").trim() }, $)
   );
 };
 export {
@@ -10394,7 +10399,7 @@ export {
   ts as Combobox,
   p1 as ComparisonList,
   mt as Container,
-  Lt as DashboardContext,
+  Mt as DashboardContext,
   en as DashboardLayout,
   tn as DashboardNav,
   sn as DashboardSearch,
@@ -10403,7 +10408,7 @@ export {
   qs as ExpansionPanelGroup,
   Us as FileUpload,
   kn as FlexContainer,
-  M1 as FooterHeading,
+  L1 as FooterHeading,
   v2 as FooterLinks,
   Hn as GlobalWrapper,
   C2 as Heading,
@@ -10450,7 +10455,7 @@ export {
   t1 as StatusBadge,
   vn as StatusIndicator,
   Cn as Stepper,
-  Mn as StepperLayout,
+  Ln as StepperLayout,
   Xs as Switch,
   cn as TabMenu,
   O2 as Table,
@@ -10460,7 +10465,7 @@ export {
   Gt as Tally,
   q1 as TextInput,
   Ys as Textarea,
-  Ln as ThreeItemLayout,
+  Mn as ThreeItemLayout,
   ws as Tile,
   Nn as TileGrid,
   hs as Toast,