@pantheon-systems/pds-toolkit-react 1.0.0-dev.221 → 1.0.0-dev.222

package/_dist/index.js

@@ -35,9 +35,9 @@ var zt = (t, s, n) => new Promise((l, r) => {
   }, c = (o) => o.done ? l(o.value) : Promise.resolve(o.value).then(d, a);
   c((n = n.apply(t, s)).next());
 });
-import e, { Children as o1, isValidElement as be, cloneElement as xe, useState as U, createElement as V1, forwardRef as Ze, useEffect as ce, useRef as de, createContext as i1, useContext as Ce, useLayoutEffect as I1, useCallback as S1, createRef as A1, useMemo as T1, Fragment as D1 } from "react";
+import e, { Children as o1, isValidElement as be, cloneElement as xe, useState as Z, createElement as V1, forwardRef as Ze, useEffect as ce, useRef as de, createContext as i1, useContext as Ce, useLayoutEffect as I1, useCallback as S1, createRef as T1, useMemo as A1, Fragment as D1 } from "react";
 import d1 from "hash-sum";
-import { useFloating as Ve, offset as Ct, flip as $t, shift as wt, autoUpdate as Pe, useHover as gt, useFocus as m1, useDismiss as Ie, useRole as Se, useInteractions as Ae, FloatingPortal as u1, useId as O1, useClick as Ke, useListNavigation as lt, useTransitionStyles as Xe, FloatingOverlay as R1, FloatingFocusManager as p1, safePolygon as h1, arrow as F1, FloatingArrow as P1 } from "@floating-ui/react";
+import { useFloating as Ve, offset as Ct, flip as $t, shift as wt, autoUpdate as Pe, useHover as gt, useFocus as m1, useDismiss as Ie, useRole as Se, useInteractions as Te, FloatingPortal as u1, useId as O1, useClick as Ke, useListNavigation as lt, useTransitionStyles as Xe, FloatingOverlay as R1, FloatingFocusManager as p1, safePolygon as h1, arrow as F1, FloatingArrow as P1 } from "@floating-ui/react";
 import { useHotkeys as B1 } from "react-hotkeys-hook";
 import { useFloating as W1, flip as G1 } from "@floating-ui/react-dom";
 import { CodeBlock as ct } from "react-code-block";
@@ -57,7 +57,7 @@ const et = () => Math.random().toString(32).substring(2, 13), f1 = (t, s) => {
       l && (s[l] ? s[l].push(n) : s[l] = [n]);
     }
   }), s;
-}, x = (t) => t.join(" ").trim().replace(/\s+/g, " "), O = (r) => {
+}, x = (t) => t.join(" ").trim().replace(/\s+/g, " "), R = (r) => {
   var d = r, {
     iconName: t,
     iconSize: s = "md",
@@ -794,7 +794,7 @@ const et = () => Math.random().toString(32).substring(2, 13), f1 = (t, s) => {
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
-  }, y = n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${f}__image`, alt: "" }) : /* @__PURE__ */ e.createElement("span", { style: b }, s && /* @__PURE__ */ e.createElement(O, { iconName: "user", className: `${f}__user-icon` })), v = /* @__PURE__ */ e.createElement("span", { className: `${f}__content` }, y), $ = be(l) ? xe(
+  }, y = n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${f}__image`, alt: "" }) : /* @__PURE__ */ e.createElement("span", { style: b }, s && /* @__PURE__ */ e.createElement(R, { iconName: "user", className: `${f}__user-icon` })), v = /* @__PURE__ */ e.createElement("span", { className: `${f}__content` }, y), $ = be(l) ? xe(
     l,
     he(L({}, l.props), {
       className: `${f}__content ${f}__content--link`,
@@ -906,7 +906,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     "zIndex",
     "className"
   ]);
-  const [E, b] = U(!1), y = typeof s, v = "pds-tooltip", $ = x([
+  const [E, b] = Z(!1), y = typeof s, v = "pds-tooltip", $ = x([
     `${v}__trigger-custom`,
     y === "string" ? `${v}__trigger-text` : null
   ]), h = x([
@@ -922,7 +922,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), M = m1(_), z = Ie(_), w = Se(_, { role: "tooltip" }), { getReferenceProps: H, getFloatingProps: N } = Ae([
+  }), M = m1(_), z = Ie(_), w = Se(_, { role: "tooltip" }), { getReferenceProps: H, getFloatingProps: N } = Te([
     C,
     M,
     z,
@@ -943,7 +943,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       ref: m.setReference
     }, H()),
     /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: d,
         className: `${v}__icon`,
@@ -1045,7 +1045,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
   success: "pds-has-success",
   readonly: "pds-is-readonly"
 }, tt = (t) => t ? { width: `${t / 16}rem` } : null, ft = () => /* @__PURE__ */ e.createElement(
-  O,
+  R,
   {
     iconName: "asterisk",
     iconSize: "sm",
@@ -1067,7 +1067,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     c != null ? c : ""
   ]);
   return d ? /* @__PURE__ */ e.createElement("legend", { className: o, id: `${t}-legend` }, s, l && !r && /* @__PURE__ */ e.createElement(ft, null)) : a ? /* @__PURE__ */ e.createElement("span", { className: o, id: `${t}-field-label` }, s, l && !r && /* @__PURE__ */ e.createElement(ft, null)) : /* @__PURE__ */ e.createElement("label", { htmlFor: t, className: o, id: `${t}-label` }, s, l && !r && /* @__PURE__ */ e.createElement(ft, null));
-}, Te = ({
+}, Ae = ({
   id: t,
   message: s,
   hasValidationMessage: n,
@@ -1094,7 +1094,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
 }, ut = ({ variant: t }) => {
   const s = "pds-input-decorator";
   return /* @__PURE__ */ e.createElement("div", { className: x([s, `${s}--${t}`]) }, /* @__PURE__ */ e.createElement(
-    O,
+    R,
     {
       iconName: Y1[t],
       iconSize: "md",
@@ -1107,7 +1107,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
 }) => (B1("/", (l) => {
   const r = document.getElementById(t);
   r && r.focus(), l.preventDefault();
-}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement(O, { iconName: "slashForward", iconSize: "md" }))), Ut = ({
+}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement(R, { iconName: "slashForward", iconSize: "md" }))), Ut = ({
   id: t,
   clearLabel: s,
   handleClearInput: n
@@ -1120,7 +1120,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     "aria-controls": t,
     onClick: n
   },
-  /* @__PURE__ */ e.createElement(O, { iconName: "xmark", iconSize: "md" })
+  /* @__PURE__ */ e.createElement(R, { iconName: "xmark", iconSize: "md" })
 ), _1 = ({
   id: t,
   currentLength: s,
@@ -1229,7 +1229,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
         g = "lg";
     }
     const _ = /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         key: "icon",
         iconName: r,
@@ -1281,7 +1281,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     p,
     E
   ]), y = be(l) ? l.props.children : null, v = /* @__PURE__ */ e.createElement(
-    O,
+    R,
     {
       iconName: n,
       iconSize: r,
@@ -1306,7 +1306,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     }
   ) : /* @__PURE__ */ e.createElement("span", L({ className: x([f, a != null ? a : ""]) }, c), h);
 }, Q1 = (t, s) => {
-  const [n, l] = U(!1), r = s == null ? void 0 : s.duration;
+  const [n, l] = Z(!1), r = s == null ? void 0 : s.duration;
   return ce(() => {
     let a;
     return n && r && (a = setTimeout(() => {
@@ -1372,7 +1372,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     }, z = (H) => {
       g && M(), a && a(H);
     }, w = g ? /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { ref: _, className: `${b}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: r,
         iconSize: m,
@@ -1385,7 +1385,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
         className: `${b}__icon-wrapper ${$.hide}`
       },
       /* @__PURE__ */ e.createElement(
-        O,
+        R,
         {
           iconName: d,
           iconSize: m,
@@ -1393,7 +1393,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
         }
       )
     )) : /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: r,
         iconSize: m,
@@ -1457,7 +1457,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     }, d)
   );
 }, E1 = () => {
-  const t = typeof window != "undefined", [s, n] = U(
+  const t = typeof window != "undefined", [s, n] = Z(
     t && window.innerWidth !== void 0 ? window.innerWidth : 1024
   );
   return ce(() => {
@@ -1536,32 +1536,32 @@ const Ht = 300, X1 = 400, Fe = (u) => {
   let H = !1;
   const N = Ce(He);
   N && (H = N.isMobile);
-  const I = p === "navbar" && H, V = "pds-menu-button", A = I ? `${V}--isMobile` : null, T = E ? `${V}--navbar` : null, k = l, [P] = U(`menu-button-${l}`), R = w.floating, W = de(null), [X, Q] = U(!1), [Z, Y] = U(!1), [B, F] = U(""), [K, ae] = U(0), te = de([]), j = de([]), se = de([]);
+  const I = p === "navbar" && H, V = "pds-menu-button", T = I ? `${V}--isMobile` : null, A = E ? `${V}--navbar` : null, k = l, [P] = Z(`menu-button-${l}`), B = w.floating, F = de(null), [K, Q] = Z(!1), [U, Y] = Z(!1), [W, O] = Z(""), [X, ae] = Z(0), te = de([]), j = de([]), se = de([]);
   I1(() => {
     window.addEventListener("mousedown", Be, !0), M();
-    const D = R.current;
-    return D && (D.dataset.fuiPlacement = z), Z && (setTimeout(() => {
+    const D = B.current;
+    return D && (D.dataset.fuiPlacement = z), U && (setTimeout(() => {
       D.focus();
     }, 0), Y(!1)), () => {
       window.removeEventListener("mousedown", Be, !0);
     };
-  }, [X, z]);
+  }, [K, z]);
   const ne = (D, q) => {
-    F(D), ae(q);
+    O(D), ae(q);
   }, me = () => {
     Q(!0), Y(!0);
   }, ue = () => {
-    Q(!1), ne(void 0, -1), W.current.querySelector(`#${k}`).focus();
+    Q(!1), ne(void 0, -1), F.current.querySelector(`#${k}`).focus();
   }, ge = (D) => {
     D = D.toLowerCase();
     let q = !1;
-    for (let G = K + 1; G < se.current.length; G++)
+    for (let G = X + 1; G < se.current.length; G++)
       if (se.current[G].label.toLowerCase().startsWith(D)) {
         ne(j.current[G], G), q = !0;
         break;
       }
     if (q === !1) {
-      for (let G = 0; G < K; G++)
+      for (let G = 0; G < X; G++)
         if (se.current[G].label.toLowerCase().startsWith(D)) {
           ne(j.current[G], G);
           break;
@@ -1570,14 +1570,14 @@ const Ht = 300, X1 = 400, Fe = (u) => {
   }, $e = (D) => {
     const q = j.current.indexOf(D), G = se.current[q];
     if (G.callback && !G.disabled && G.callback(G), G.linkContent && !G.disabled) {
-      const re = W.current.querySelector(`#${D} a`);
+      const re = F.current.querySelector(`#${D} a`);
       re && re.click();
     }
   }, ee = () => {
-    const D = j.current[K];
+    const D = j.current[X];
     $e(D);
   }, ie = (D) => {
-    X ? ue() : me(), o && o(), Y((q) => !q), D.stopPropagation(), D.preventDefault();
+    K ? ue() : me(), o && o(), Y((q) => !q), D.stopPropagation(), D.preventDefault();
   }, Me = (D) => {
     $e(D.currentTarget.id), I || ue();
   }, De = (D) => {
@@ -1623,11 +1623,11 @@ const Ht = 300, X1 = 400, Fe = (u) => {
             break;
           case "Up":
           case "ArrowUp":
-            le = K - 1, le < 0 && (le = j.current.length - 1), re = j.current[le], ne(re, le), G = !0;
+            le = X - 1, le < 0 && (le = j.current.length - 1), re = j.current[le], ne(re, le), G = !0;
             break;
           case "ArrowDown":
           case "Down":
-            le = K + 1, le > j.current.length - 1 && (le = 0), re = j.current[le], ne(re, le), G = !0;
+            le = X + 1, le > j.current.length - 1 && (le = 0), re = j.current[le], ne(re, le), G = !0;
             break;
           case "Home":
           case "PageUp":
@@ -1649,7 +1649,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       G && (D.stopPropagation(), D.preventDefault());
     }
   }, Be = (D) => {
-    W.current && !W.current.contains(D.target) && X && ue();
+    F.current && !F.current.contains(D.target) && K && ue();
   }, Oe = (D, q, G = "", re = "", ...le) => {
     const pe = G ? `-group-${G}` : "", oe = k + pe + "-item-" + (q + 1), ye = D.id ? D.id : oe;
     if (kt(D))
@@ -1670,11 +1670,11 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     if (xt(D) || D.label) {
       j.current.push(ye), se.current.push(D);
       let nt = !1;
-      B !== "" && !D.disabled && (nt = B === ye);
+      W !== "" && !D.disabled && (nt = W === ye);
       let Le;
       if (D.label && (Le = [D.label]), xt(D) && (Le = [D.linkContent.props.children]), D.iconName) {
         const at = /* @__PURE__ */ e.createElement(
-          O,
+          R,
           {
             key: `icon-${k}`,
             iconName: D.iconName,
@@ -1735,10 +1735,10 @@ const Ht = 300, X1 = 400, Fe = (u) => {
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": k,
-          "aria-activedescendant": B !== "" ? B : nt,
+          "aria-activedescendant": W !== "" ? W : nt,
           style: {
-            visibility: X ? "visible" : "hidden",
-            opacity: X ? "1" : "0",
+            visibility: K ? "visible" : "hidden",
+            opacity: K ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: C,
             transform: `translate(${Math.round(h)}px,${Math.round(m)}px)`,
@@ -1777,10 +1777,10 @@ const Ht = 300, X1 = 400, Fe = (u) => {
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": k,
-          "aria-activedescendant": B !== "" ? B : pe,
+          "aria-activedescendant": W !== "" ? W : pe,
           style: {
-            visibility: X ? "visible" : "hidden",
-            opacity: X ? "1" : "0",
+            visibility: K ? "visible" : "hidden",
+            opacity: K ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: C,
             transform: `translate(${Math.round(h)}px,${Math.round(m)}px)`
@@ -1808,7 +1808,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       className: `${V}__trigger`,
       "aria-haspopup": "true",
       "aria-controls": P,
-      "aria-expanded": X,
+      "aria-expanded": K,
       onClick: ie,
       onKeyDown: De,
       ref: g
@@ -1828,7 +1828,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
         className: `${V}__trigger ${V}__trigger--icon-only`,
         "aria-haspopup": "true",
         "aria-controls": P,
-        "aria-expanded": X,
+        "aria-expanded": K,
         onClick: ie,
         onKeyDown: De,
         ref: g,
@@ -1858,9 +1858,9 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       "aria-expanded": !1,
       onClick: st
     },
-    s === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${V}__icon-label` }, /* @__PURE__ */ e.createElement(O, { iconName: n }), " ", d) : d,
+    s === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${V}__icon-label` }, /* @__PURE__ */ e.createElement(R, { iconName: n }), " ", d) : d,
     /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: "angleDown",
         iconSize: "md",
@@ -1868,19 +1868,19 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       }
     )
   ));
-  const we = Ee, Ne = X ? `${V}--expanded` : null;
+  const we = Ee, Ne = K ? `${V}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     L({
       className: x([
         V,
-        T,
         A,
+        T,
         Ne,
         b
       ]),
       "data-testid": f,
-      ref: W
+      ref: F
     }, y),
     I ? /* @__PURE__ */ e.createElement(e.Fragment, null, we, /* @__PURE__ */ e.createElement(_e, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Re, Qe(a))
   );
@@ -1906,7 +1906,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     "value",
     "className"
   ]);
-  const p = "pds-segmented-button", E = t ? "pds-is-disabled" : null, b = a !== "md" ? `${p}--${a}` : null, y = typeof c != "undefined", v = typeof n != "undefined", [$, h] = U(
+  const p = "pds-segmented-button", E = t ? "pds-is-disabled" : null, b = a !== "md" ? `${p}--${a}` : null, y = typeof c != "undefined", v = typeof n != "undefined", [$, h] = Z(
     v ? n : ""
   ), m = (g) => {
     h(g.target.value), r && r(g.target.value);
@@ -1950,7 +1950,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
             className: `${p}__tally`
           }
         ) : g.iconName && /* @__PURE__ */ e.createElement(
-          O,
+          R,
           {
             iconName: g.iconName,
             iconSize: a,
@@ -2049,7 +2049,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       "aria-disabled": s ? "true" : void 0,
       onClick: s ? void 0 : a
     }, t),
-    n && /* @__PURE__ */ e.createElement(O, { iconName: n }),
+    n && /* @__PURE__ */ e.createElement(R, { iconName: n }),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, d)
   );
   return /* @__PURE__ */ e.createElement(
@@ -2102,7 +2102,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       className: [o, i, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
     }, d),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--${n}` }, /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: `${n}` in Vt ? Vt[n] : Vt.info,
         iconSize: "xl"
@@ -2186,7 +2186,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
   const u = "pds-card-select-group";
   let p = `${u}__legend`;
   l === "center" && (p = `${u}__legend ${u}__legend--center`), l === "hidden" && (p = `${u}__legend visually-hidden`);
-  const [E, b] = U(s), y = (_) => {
+  const [E, b] = Z(s), y = (_) => {
     b(_.currentTarget.value), d && d(_.currentTarget.value);
   }, v = a.length, $ = "pds-grid-item", h = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", m = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let g = "";
@@ -2221,7 +2221,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
           className: E === _.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
-          O,
+          R,
           {
             iconName: E === _.value ? "circleCheck" : "circle",
             iconSize: "xl",
@@ -2586,7 +2586,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       }, y.props),
       y.props.children,
       y.props.target === "_blank" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-        O,
+        R,
         {
           iconName: "externalLink",
           iconSize: "sm",
@@ -2628,7 +2628,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       className: `${i}__list-item ${i}__list-item--${f.type}`
     },
     /* @__PURE__ */ e.createElement("div", { className: `${i}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: a2[f.type],
         iconSize: "md",
@@ -2689,10 +2689,10 @@ const Ht = 300, X1 = 400, Fe = (u) => {
   const g = tt(l), _ = "pds-select", C = s ? J.disabled : null, M = u && !s ? J.required : null, z = b === "error" ? J.error : null, w = b === "success" ? J.success : null;
   let H = null;
   b === "error" && (H = "error"), b === "success" && (H = "success");
-  const N = E || a, I = typeof y != "undefined", V = typeof t != "undefined", T = ((_e) => _e.reduce((Ee, fe) => t1(fe) ? [...Ee, ...fe.options] : [...Ee, fe], []))(f), k = (_e) => T.findIndex((Ee) => Ee.value === _e), P = I && k(y) >= 0 ? k(y) : null, R = V ? k(t) : null, W = P || R, [X, Q] = U(!1), [Z, Y] = U(null), [B, F] = U(
-    W != null ? W : null
-  ), K = B !== null ? (Re = T[B]) == null ? void 0 : Re.label : void 0, ae = B !== null ? (st = T[B]) == null ? void 0 : st.value : void 0, te = de([]), { context: j, refs: se } = Ve({
-    open: X,
+  const N = E || a, I = typeof y != "undefined", V = typeof t != "undefined", A = ((_e) => _e.reduce((Ee, fe) => t1(fe) ? [...Ee, ...fe.options] : [...Ee, fe], []))(f), k = (_e) => A.findIndex((Ee) => Ee.value === _e), P = I && k(y) >= 0 ? k(y) : null, B = V ? k(t) : null, F = P || B, [K, Q] = Z(!1), [U, Y] = Z(null), [W, O] = Z(
+    F != null ? F : null
+  ), X = W !== null ? (Re = A[W]) == null ? void 0 : Re.label : void 0, ae = W !== null ? (st = A[W]) == null ? void 0 : st.value : void 0, te = de([]), { context: j, refs: se } = Ve({
+    open: K,
     onOpenChange: Q,
     whileElementsMounted: Pe
   }), ne = Ke(j, {
@@ -2700,11 +2700,11 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     event: "mousedown"
   }), me = Ie(j), ue = Se(j, { role: "listbox" }), ge = lt(j, {
     listRef: te,
-    activeIndex: Z,
-    selectedIndex: B,
+    activeIndex: U,
+    selectedIndex: W,
     onNavigate: Y,
     loop: !0
-  }), { getReferenceProps: $e, getFloatingProps: ee, getItemProps: ie } = Ae(
+  }), { getReferenceProps: $e, getFloatingProps: ee, getItemProps: ie } = Te(
     [ue, me, ge, ne]
   ), { isMounted: Me, styles: De } = Xe(j, {
     duration: {
@@ -2721,13 +2721,13 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       opacity: 0
     }
   }), ke = (_e) => {
-    const Ee = T[_e];
-    I || (F(_e), Q(!1)), i && i(Ee);
+    const Ee = A[_e];
+    I || (O(_e), Q(!1)), i && i(Ee);
   };
   ce(() => {
     if (I) {
       const _e = k(y);
-      F(_e), Q(!1);
+      O(_e), Q(!1);
     }
   }, [y]);
   const Be = () => {
@@ -2749,8 +2749,8 @@ const Ht = 300, X1 = 400, Fe = (u) => {
               ref: (q) => {
                 te.current[D] = q;
               },
-              tabIndex: D === Z ? 0 : -1,
-              "aria-selected": D === B && D === Z,
+              tabIndex: D === U ? 0 : -1,
+              "aria-selected": D === W && D === U,
               "aria-disabled": Ne == null ? void 0 : Ne.disabled
             }, !(Ne != null && Ne.disabled) && ie({
               onClick() {
@@ -2761,8 +2761,8 @@ const Ht = 300, X1 = 400, Fe = (u) => {
               }
             })),
             Ne.label,
-            B === D && /* @__PURE__ */ e.createElement(
-              O,
+            W === D && /* @__PURE__ */ e.createElement(
+              R,
               {
                 iconName: "check",
                 className: `${_}__checked-icon`
@@ -2780,8 +2780,8 @@ const Ht = 300, X1 = 400, Fe = (u) => {
           ref: (we) => {
             te.current[ze] = we;
           },
-          tabIndex: ze === Z ? 0 : -1,
-          "aria-selected": ze === B && ze === Z,
+          tabIndex: ze === U ? 0 : -1,
+          "aria-selected": ze === W && ze === U,
           "aria-disabled": fe == null ? void 0 : fe.disabled
         }, !(fe != null && fe.disabled) && ie({
           onClick() {
@@ -2792,7 +2792,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
           }
         })),
         fe.label,
-        B === ze && /* @__PURE__ */ e.createElement(O, { iconName: "check", className: `${_}__checked-icon` })
+        W === ze && /* @__PURE__ */ e.createElement(R, { iconName: "check", className: `${_}__checked-icon` })
       );
     });
   };
@@ -2835,7 +2835,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
         onFocus: Oe
       })),
       H && /* @__PURE__ */ e.createElement(ut, { variant: H }),
-      /* @__PURE__ */ e.createElement("span", { className: `${_}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__option-text` }, K != null ? K : d.selectOptionText), /* @__PURE__ */ e.createElement(O, { iconName: "angleDown", className: `${_}__trigger-icon` }))
+      /* @__PURE__ */ e.createElement("span", { className: `${_}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__option-text` }, X != null ? X : d.selectOptionText), /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", className: `${_}__trigger-icon` }))
     ),
     Me && /* @__PURE__ */ e.createElement(
       "div",
@@ -2850,7 +2850,7 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       /* @__PURE__ */ e.createElement("div", { style: L({}, De) }, /* @__PURE__ */ e.createElement("ul", { className: `${_}__options` }, Qe(f)))
     ),
     N && /* @__PURE__ */ e.createElement(
-      Te,
+      Ae,
       {
         id: n,
         message: N,
@@ -2889,9 +2889,9 @@ const Ht = 300, X1 = 400, Fe = (u) => {
     "statusBadgeType",
     "className"
   ]);
-  const b = "pds-pricing-card", y = `${b}-container`, v = n ? `${y}--with-list` : null, $ = i ? `${b}--${i}` : null, h = (A) => A.toLowerCase().replace(/\s/g, "-"), m = a && a.length > 1, [g, _] = U(
+  const b = "pds-pricing-card", y = `${b}-container`, v = n ? `${y}--with-list` : null, $ = i ? `${b}--${i}` : null, h = (T) => T.toLowerCase().replace(/\s/g, "-"), m = a && a.length > 1, [g, _] = Z(
     h(a[0].label)
-  ), [C, M] = U(
+  ), [C, M] = Z(
     t.label
   );
   let z = null, w = null;
@@ -2911,8 +2911,8 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       listItems: a[0].listItems,
       renderTypeLabels: !1
     }
-  )), m && (z = a.map((A) => {
-    const k = g === h(A.label) ? null : `${b}__pricing-data--hide`;
+  )), m && (z = a.map((T) => {
+    const k = g === h(T.label) ? null : `${b}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -2920,39 +2920,39 @@ const Ht = 300, X1 = 400, Fe = (u) => {
           `${b}__pricing-data`,
           k
         ]),
-        id: `data-${h(A.label)}`,
-        key: h(A.label)
+        id: `data-${h(T.label)}`,
+        key: h(T.label)
       },
-      A.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${b}__price-prefix` }, A.pricePrefix),
-      /* @__PURE__ */ e.createElement("div", { className: `${b}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${b}__price` }, A.price), A.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${b}__details` }, A.priceDetails)),
-      /* @__PURE__ */ e.createElement("div", { className: `${b}__savings-line` }, A.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+      T.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${b}__price-prefix` }, T.pricePrefix),
+      /* @__PURE__ */ e.createElement("div", { className: `${b}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${b}__price` }, T.price), T.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${b}__details` }, T.priceDetails)),
+      /* @__PURE__ */ e.createElement("div", { className: `${b}__savings-line` }, T.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
         it,
         {
           className: `${b}__savings-badge`,
           color: "neutral",
           size: "sm",
-          label: A.savingsBadgeLabel
+          label: T.savingsBadgeLabel
         }
-      ), A.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${b}__savings-details` }, A.savingsDetails))
+      ), T.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${b}__savings-details` }, T.savingsDetails))
     );
-  }), w = a.map((A) => {
-    const k = g === h(A.label) ? null : `${b}__list--hide`;
+  }), w = a.map((T) => {
+    const k = g === h(T.label) ? null : `${b}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       n1,
       {
         className: x([`${b}__list`, k]),
-        listLabel: A.listLabel,
-        listItems: A.listItems,
+        listLabel: T.listLabel,
+        listItems: T.listItems,
         renderTypeLabels: !1,
-        key: `${h(A.label)}-list`
+        key: `${h(T.label)}-list`
       }
     );
   }));
-  const H = (A) => {
-    const T = a.find(
-      (k) => h(k.label) === A
+  const H = (T) => {
+    const A = a.find(
+      (k) => h(k.label) === T
     );
-    return T.customActionLabel ? T.customActionLabel : t.label;
+    return A.customActionLabel ? A.customActionLabel : t.label;
   };
   let N = null;
   m && (N = /* @__PURE__ */ e.createElement(
@@ -2962,13 +2962,13 @@ const Ht = 300, X1 = 400, Fe = (u) => {
       className: `${b}__select`,
       label: o,
       showLabel: !1,
-      options: a.map((A) => ({
-        value: h(A.label),
-        label: A.label
+      options: a.map((T) => ({
+        value: h(T.label),
+        label: T.label
       })),
       defaultValue: h(a[0].label),
-      onOptionSelect: (A) => {
-        _(A.value), M(H(A.value)), l && l(A.value);
+      onOptionSelect: (T) => {
+        _(T.value), M(H(T.value)), l && l(T.value);
       }
     }
   ));
@@ -3697,41 +3697,41 @@ var b1 = { exports: {} };
           for (var H = 0; H < w.length; ++H) {
             if (M && M.cause == z + "," + H)
               return;
-            var N = w[H], I = N.inside, V = !!N.lookbehind, A = !!N.greedy, T = N.alias;
-            if (A && !N.pattern.global) {
+            var N = w[H], I = N.inside, V = !!N.lookbehind, T = !!N.greedy, A = N.alias;
+            if (T && !N.pattern.global) {
               var k = N.pattern.toString().match(/[imsuy]*$/)[0];
               N.pattern = RegExp(N.pattern.source, k + "g");
             }
-            for (var P = N.pattern || N, R = _.next, W = C; R !== m.tail && !(M && W >= M.reach); W += R.value.length, R = R.next) {
-              var X = R.value;
+            for (var P = N.pattern || N, B = _.next, F = C; B !== m.tail && !(M && F >= M.reach); F += B.value.length, B = B.next) {
+              var K = B.value;
               if (m.length > h.length)
                 return;
-              if (!(X instanceof o)) {
-                var Q = 1, Z;
-                if (A) {
-                  if (Z = i(P, W, h, V), !Z || Z.index >= h.length)
+              if (!(K instanceof o)) {
+                var Q = 1, U;
+                if (T) {
+                  if (U = i(P, F, h, V), !U || U.index >= h.length)
                     break;
-                  var K = Z.index, Y = Z.index + Z[0].length, B = W;
-                  for (B += R.value.length; K >= B; )
-                    R = R.next, B += R.value.length;
-                  if (B -= R.value.length, W = B, R.value instanceof o)
+                  var X = U.index, Y = U.index + U[0].length, W = F;
+                  for (W += B.value.length; X >= W; )
+                    B = B.next, W += B.value.length;
+                  if (W -= B.value.length, F = W, B.value instanceof o)
                     continue;
-                  for (var F = R; F !== m.tail && (B < Y || typeof F.value == "string"); F = F.next)
-                    Q++, B += F.value.length;
-                  Q--, X = h.slice(W, B), Z.index -= W;
-                } else if (Z = i(P, 0, X, V), !Z)
+                  for (var O = B; O !== m.tail && (W < Y || typeof O.value == "string"); O = O.next)
+                    Q++, W += O.value.length;
+                  Q--, K = h.slice(F, W), U.index -= F;
+                } else if (U = i(P, 0, K, V), !U)
                   continue;
-                var K = Z.index, ae = Z[0], te = X.slice(0, K), j = X.slice(K + ae.length), se = W + X.length;
+                var X = U.index, ae = U[0], te = K.slice(0, X), j = K.slice(X + ae.length), se = F + K.length;
                 M && se > M.reach && (M.reach = se);
-                var ne = R.prev;
-                te && (ne = p(m, ne, te), W += te.length), E(m, ne, Q);
-                var me = new o(z, I ? c.tokenize(ae, I) : ae, T, ae);
-                if (R = p(m, ne, me), j && p(m, R, j), Q > 1) {
+                var ne = B.prev;
+                te && (ne = p(m, ne, te), F += te.length), E(m, ne, Q);
+                var me = new o(z, I ? c.tokenize(ae, I) : ae, A, ae);
+                if (B = p(m, ne, me), j && p(m, B, j), Q > 1) {
                   var ue = {
                     cause: z + "," + H,
                     reach: se
                   };
-                  f(h, m, g, R.prev, W, ue), M && ue.reach > M.reach && (M.reach = ue.reach);
+                  f(h, m, g, B.prev, F, ue), M && ue.reach > M.reach && (M.reach = ue.reach);
                 }
               }
             }
@@ -4270,7 +4270,7 @@ const os = (u) => {
     }, l),
     t,
     /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: "arrowRight",
         iconSize: s === "sm" ? "md" : "lg",
@@ -4340,7 +4340,7 @@ const os = (u) => {
     notReady: "thumbsDown"
   };
   return /* @__PURE__ */ e.createElement("div", L({ className: x([c, l != null ? l : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: `${c}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${c}__stat-wrapper` }, s && /* @__PURE__ */ e.createElement(
-    O,
+    R,
     {
       iconName: o[s],
       className: `${c}__stat-status ${c}__stat-status--${s}`
@@ -4544,40 +4544,40 @@ const os = (u) => {
       "value",
       "className"
     ]);
-    const w = a ? { width: `${a / 16}rem` } : null, H = "pds-checkbox", N = n ? J.disabled : null, I = h === "error" ? J.error : null, V = f > 0 ? `${H}--indent-${f}` : null, A = b && !n ? J.required : null, T = v === "S" ? `${H}--sm` : null, k = h === "success" ? J.success : null, P = $ || o, R = typeof t != "undefined", W = typeof s != "undefined", [X, Q] = U(
-      W ? s : !1
-    ), Z = t || X, Y = (te) => {
-      R || Q(te.target.checked), p && p(te);
-    }, B = `${H}__box`, F = r ? null : Z ? `${B}--checked` : null, K = r ? `${B}--indeterminate` : null, ae = S1(() => {
+    const w = a ? { width: `${a / 16}rem` } : null, H = "pds-checkbox", N = n ? J.disabled : null, I = h === "error" ? J.error : null, V = f > 0 ? `${H}--indent-${f}` : null, T = b && !n ? J.required : null, A = v === "S" ? `${H}--sm` : null, k = h === "success" ? J.success : null, P = $ || o, B = typeof t != "undefined", F = typeof s != "undefined", [K, Q] = Z(
+      F ? s : !1
+    ), U = t || K, Y = (te) => {
+      B || Q(te.target.checked), p && p(te);
+    }, W = `${H}__box`, O = r ? null : U ? `${W}--checked` : null, X = r ? `${W}--indeterminate` : null, ae = S1(() => {
       if (r)
         return /* @__PURE__ */ e.createElement(
-          O,
+          R,
           {
             iconName: "minus",
             iconSize: "sm",
             className: `${H}__icon ${H}__icon--indeterminate`
           }
         );
-      if (Z)
+      if (U)
         return /* @__PURE__ */ e.createElement(
-          O,
+          R,
           {
             iconName: "check",
             iconSize: "sm",
             className: `${H}__icon ${H}__icon--checked`
           }
         );
-    }, [r, Z]);
+    }, [r, U]);
     return /* @__PURE__ */ e.createElement(
       "div",
       L({
         className: [
           H,
           N,
-          A,
+          T,
           I,
           k,
-          T,
+          A,
           V,
           g != null ? g : ""
         ].join(" ").trim().replace(/\s+/g, " "),
@@ -4590,8 +4590,8 @@ const os = (u) => {
           id: l,
           name: i,
           type: "checkbox",
-          checked: R ? t : X,
-          "aria-checked": r ? "mixed" : Z ? "true" : "false"
+          checked: B ? t : K,
+          "aria-checked": r ? "mixed" : U ? "true" : "false"
         }, m ? { value: m } : {}), {
           disabled: n,
           required: b,
@@ -4605,9 +4605,9 @@ const os = (u) => {
         "div",
         {
           className: x([
-            B,
-            F,
-            K
+            W,
+            O,
+            X
           ])
         },
         /* @__PURE__ */ e.createElement(ae, null)
@@ -4624,7 +4624,7 @@ const os = (u) => {
         b && !n && /* @__PURE__ */ e.createElement(ft, null)
       ))),
       P && /* @__PURE__ */ e.createElement(
-        Te,
+        Ae,
         {
           id: l,
           message: P,
@@ -4689,7 +4689,7 @@ const os = (u) => {
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, t)),
     _ && /* @__PURE__ */ e.createElement(
-      Te,
+      Ae,
       {
         id: l,
         message: _,
@@ -4739,9 +4739,9 @@ const os = (u) => {
   o.map((V) => {
     V.checked === !0 && z.push(V.value);
   });
-  const [w, H] = U(z), N = (V) => {
-    const { value: A } = V.target, T = w.includes(A) ? w.filter((k) => k !== A) : [...w, A];
-    H(T), c && c(T);
+  const [w, H] = Z(z), N = (V) => {
+    const { value: T } = V.target, A = w.includes(T) ? w.filter((k) => k !== T) : [...w, T];
+    H(A), c && c(A);
   };
   o.map((V) => {
     w.includes(V.value) ? V.checked = !0 : V.checked = !1;
@@ -4790,7 +4790,7 @@ const os = (u) => {
       }
     )))),
     M && /* @__PURE__ */ e.createElement(
-      Te,
+      Ae,
       {
         id: n,
         message: M,
@@ -4802,7 +4802,7 @@ const os = (u) => {
   );
 }, f2 = Ze(
   (V, I) => {
-    var A = V, {
+    var T = V, {
       defaultValue: t,
       disabled: s = !1,
       hasClearButton: n = !0,
@@ -4835,7 +4835,7 @@ const os = (u) => {
       validationMessage: z,
       validationStatus: w,
       className: H
-    } = A, N = S(A, [
+    } = T, N = S(T, [
       "defaultValue",
       "disabled",
       "hasClearButton",
@@ -4864,16 +4864,16 @@ const os = (u) => {
       "validationStatus",
       "className"
     ]);
-    const T = tt(c), k = "pds-combobox", P = s ? J.disabled : null, R = _ && !s ? J.required : null, W = w === "error" ? J.error : null, X = w === "success" ? J.success : null;
+    const A = tt(c), k = "pds-combobox", P = s ? J.disabled : null, B = _ && !s ? J.required : null, F = w === "error" ? J.error : null, K = w === "success" ? J.success : null;
     let Q = null;
     r && (Q = "search"), w === "error" && (Q = "error"), w === "success" && (Q = "success");
-    const Z = z || p, Y = typeof M != "undefined", B = typeof t != "undefined", F = (q) => {
+    const U = z || p, Y = typeof M != "undefined", W = typeof t != "undefined", O = (q) => {
       const G = m.find((re) => re.value === q);
       return G ? G.label : "";
-    }, [K, ae] = U(!1), [te, j] = U(null), [se, ne] = U(
-      B ? F(t) : ""
-    ), [me, ue] = U([]), ge = Y ? M : se, $e = de([]), { context: ee, refs: ie } = Ve({
-      open: K,
+    }, [X, ae] = Z(!1), [te, j] = Z(null), [se, ne] = Z(
+      W ? O(t) : ""
+    ), [me, ue] = Z([]), ge = Y ? M : se, $e = de([]), { context: ee, refs: ie } = Ve({
+      open: X,
       onOpenChange: ae,
       whileElementsMounted: Pe
     }), Me = Se(ee, { role: "listbox" }), De = Ie(ee), ke = lt(ee, {
@@ -4883,7 +4883,7 @@ const os = (u) => {
       virtual: !0,
       loop: !0,
       allowEscape: !0
-    }), { getReferenceProps: Be, getFloatingProps: Oe, getItemProps: Ye } = Ae([Me, De, ke]), { isMounted: Qe, styles: Re } = Xe(ee, {
+    }), { getReferenceProps: Be, getFloatingProps: Oe, getItemProps: Ye } = Te([Me, De, ke]), { isMounted: Qe, styles: Re } = Xe(ee, {
       duration: {
         open: 300,
         close: 150
@@ -4898,7 +4898,7 @@ const os = (u) => {
         opacity: 0
       }
     }), st = () => {
-      ae(!K);
+      ae(!X);
     }, _e = () => {
       var q;
       !Y && ne(""), j(null), ae(!0), (q = ie.domReference.current) == null || q.focus(), v && v();
@@ -4962,12 +4962,12 @@ const os = (u) => {
           J.base,
           k,
           P,
-          R,
-          W,
-          X,
+          B,
+          F,
+          K,
           H != null ? H : ""
         ]),
-        style: c ? T : null
+        style: c ? A : null
       }, N),
       /* @__PURE__ */ e.createElement(
         je,
@@ -4988,7 +4988,7 @@ const os = (u) => {
           "aria-disabled": s ? !0 : null,
           "aria-required": _ ? !0 : null,
           "aria-invalid": w === "error" ? !0 : null,
-          "aria-describedby": Z ? `${a}__message` : null
+          "aria-describedby": U ? `${a}__message` : null
         },
         Q && /* @__PURE__ */ e.createElement(ut, { variant: Q }),
         /* @__PURE__ */ e.createElement(
@@ -5035,13 +5035,13 @@ const os = (u) => {
             onClick: st,
             disabled: s,
             type: "button",
-            "aria-expanded": K,
+            "aria-expanded": X,
             "aria-label": f.triggerButton
           })), {
             className: `${k}__trigger`
           }),
           /* @__PURE__ */ e.createElement(
-            O,
+            R,
             {
               iconName: "angleDown",
               className: `${k}__trigger-icon`
@@ -5061,11 +5061,11 @@ const os = (u) => {
         })),
         /* @__PURE__ */ e.createElement("div", { style: L({}, Re) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${k}__loading` }, u) : me.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${k}__options` }, D) : /* @__PURE__ */ e.createElement("div", { className: `${k}__no-results` }, E))
       ),
-      Z && /* @__PURE__ */ e.createElement(
-        Te,
+      U && /* @__PURE__ */ e.createElement(
+        Ae,
         {
           id: a,
-          message: Z,
+          message: U,
           hasValidationMessage: !!z,
           validationMessageHasDecorators: !1,
           validationStatus: w
@@ -5117,28 +5117,39 @@ const os = (u) => {
       "validationStatus",
       "className"
     ]);
-    const [C, M] = U(!1), z = tt(a), w = "pds-file-upload", H = n ? J.disabled : null, N = p && !n ? J.required : null, I = v === "error" ? J.error : null, V = v === "success" ? J.success : null;
-    let A = null;
-    v === "error" && (A = "error"), v === "success" && (A = "success");
-    const T = y || o;
+    const [C, M] = Z(!1), z = tt(a), w = "pds-file-upload", H = n ? J.disabled : null, N = p && !n ? J.required : null, I = v === "error" ? J.error : null, V = v === "success" ? J.success : null;
+    let T = null;
+    v === "error" && (T = "error"), v === "success" && (T = "success");
+    const A = y || o;
     ce(() => {
-      const R = s ? [s] : null, W = s ? s.split("/").pop() : null, X = E ? s : W, Q = s ? new File(R, X) : null, Z = new DataTransfer();
-      Q && Z.items.add(Q);
-      const Y = Z.files;
-      if (Y.length > 0) {
-        const B = document.getElementById(
+      const F = s ? [s] : null, K = s ? s.split("/").pop() : null, Q = E ? s : K, U = s ? new File(F, Q) : null, Y = new DataTransfer();
+      U && Y.items.add(U);
+      const W = Y.files;
+      if (W.length > 0) {
+        const O = document.getElementById(
           `${r}--input`
         );
-        B.files = Y, M(!0);
+        O.files = W, M(!0);
       }
     }, [s, E]);
-    const k = (R) => {
-      u && u(R.target.files), R.target.files.length > 0 ? M(!0) : M(!1);
+    const k = (F) => {
+      if (F.target.files.length === 0) {
+        s ? P() : M(!1);
+        return;
+      }
+      u && u(F.target.files), M(!0);
     }, P = () => {
-      const R = document.getElementById(
+      const F = document.getElementById(
+        `${r}--input`
+      );
+      if (!F || !s) return;
+      const K = s.split("/").pop() || "default-file", Q = new File([""], K), U = new DataTransfer();
+      U.items.add(Q), F.files = U.files, M(!0);
+    }, B = () => {
+      const F = document.getElementById(
         `${r}--input`
       );
-      R.value = "", M(!1), f && f(), R.focus();
+      F.value = "", M(!1), f && f(), F.focus();
     };
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -5165,13 +5176,13 @@ const os = (u) => {
           disabled: n
         }
       ),
-      /* @__PURE__ */ e.createElement("span", { className: `${w}__input-wrapper`, id: r }, A && /* @__PURE__ */ e.createElement(ut, { variant: A }), /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("span", { className: `${w}__input-wrapper`, id: r }, T && /* @__PURE__ */ e.createElement(ut, { variant: T }), /* @__PURE__ */ e.createElement(
         "label",
         {
           htmlFor: `${r}--input`,
           className: C ? "visually-hidden" : `${w}__input-label`
         },
-        /* @__PURE__ */ e.createElement(O, { iconName: "paperclip", iconSize: "sm" }),
+        /* @__PURE__ */ e.createElement(R, { iconName: "paperclip", iconSize: "sm" }),
         c.chooseFile
       ), /* @__PURE__ */ e.createElement(
         "input",
@@ -5186,21 +5197,21 @@ const os = (u) => {
           required: p,
           onChange: k,
           "aria-invalid": v === "error" ? !0 : null,
-          "aria-describedby": T ? `${r}__message` : null
+          "aria-describedby": A ? `${r}__message` : null
         }, d)
       ), C && /* @__PURE__ */ e.createElement(
         Ut,
         {
           id: r,
           clearLabel: c.clearButton,
-          handleClearInput: P
+          handleClearInput: B
         }
       )),
-      T && /* @__PURE__ */ e.createElement(
-        Te,
+      A && /* @__PURE__ */ e.createElement(
+        Ae,
         {
           id: r,
-          message: T,
+          message: A,
           hasValidationMessage: !!y,
           validationMessageHasDecorators: !1,
           validationStatus: v
@@ -5225,7 +5236,7 @@ const os = (u) => {
     }, n),
     /* @__PURE__ */ e.createElement("div", { className: `${d}__inner` }, a),
     u && /* @__PURE__ */ e.createElement(
-      Te,
+      Ae,
       {
         id: c,
         message: u,
@@ -5273,11 +5284,11 @@ const os = (u) => {
     "value",
     "className"
   ]);
-  const g = "pds-radio-group", _ = s ? J.disabled : null, C = u && !s ? J.required : null, M = b === "error" ? J.error : null, z = b === "success" ? J.success : null, w = typeof y != "undefined", H = typeof t != "undefined", [N, I] = U(
+  const g = "pds-radio-group", _ = s ? J.disabled : null, C = u && !s ? J.required : null, M = b === "error" ? J.error : null, z = b === "success" ? J.success : null, w = typeof y != "undefined", H = typeof t != "undefined", [N, I] = Z(
     H ? t : ""
-  ), V = E || a, A = (k) => {
+  ), V = E || a, T = (k) => {
     w || I(k.target.value), o && o(k), i && i(k.target.value);
-  }, T = (k) => {
+  }, A = (k) => {
     c && c(k);
   };
   return /* @__PURE__ */ e.createElement(
@@ -5318,15 +5329,15 @@ const os = (u) => {
           value: k.value,
           required: u,
           disabled: s || k.disabled,
-          onBlur: T,
-          onChange: A,
+          onBlur: A,
+          onChange: T,
           checked: w ? y === k.value : N === k.value
         }
       ),
       /* @__PURE__ */ e.createElement("label", { htmlFor: k.id ? k.id : `${l}-option-${P}` }, k.label)
     )))),
     V && /* @__PURE__ */ e.createElement(
-      Te,
+      Ae,
       {
         id: l,
         message: V,
@@ -5351,7 +5362,7 @@ const os = (u) => {
     "data-switch-input-state": "on",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ e.createElement(O, { iconName: "check", iconSize: "sm" })
+  /* @__PURE__ */ e.createElement(R, { iconName: "check", iconSize: "sm" })
 ), /* @__PURE__ */ e.createElement(
   "span",
   {
@@ -5359,7 +5370,7 @@ const os = (u) => {
     "data-switch-input-state": "off",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ e.createElement(O, { iconName: "xmark", iconSize: "sm" })
+  /* @__PURE__ */ e.createElement(R, { iconName: "xmark", iconSize: "sm" })
 )), bs = Ze(
   (h, $) => {
     var m = h, {
@@ -5397,7 +5408,7 @@ const os = (u) => {
       "showStatusLabel",
       "className"
     ]);
-    const g = tt(d), _ = "pds-switch", C = n ? J.disabled : null, M = p && !n ? J.required : null, z = typeof t != "undefined", w = c == "below", H = c == "right", N = !z && s ? s : !1, [I, V] = U(N), A = t || I ? u : i, T = (Q) => {
+    const g = tt(d), _ = "pds-switch", C = n ? J.disabled : null, M = p && !n ? J.required : null, z = typeof t != "undefined", w = c == "below", H = c == "right", N = !z && s ? s : !1, [I, V] = Z(N), T = t || I ? u : i, A = (Q) => {
       z || V(Q.target.checked), f && f(Q);
     }, k = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -5408,13 +5419,13 @@ const os = (u) => {
         type: "checkbox",
         role: "switch",
         className: "visually-hidden",
-        onChange: T,
+        onChange: A,
         disabled: n,
         required: p,
         checked: t !== void 0 ? t : I,
         "aria-describedby": o ? `${l}__message` : null
       }, r)
-    ), !b && /* @__PURE__ */ e.createElement(_2, { toggleStatusLabel: A }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), b && /* @__PURE__ */ e.createElement(g2, { toggleStatusLabel: A, id: l })), P = /* @__PURE__ */ e.createElement(
+    ), !b && /* @__PURE__ */ e.createElement(_2, { toggleStatusLabel: T }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), b && /* @__PURE__ */ e.createElement(g2, { toggleStatusLabel: T, id: l })), P = /* @__PURE__ */ e.createElement(
       je,
       {
         id: l,
@@ -5427,8 +5438,8 @@ const os = (u) => {
           o ? "" : "pds-input-label--switch-top-message"
         ])
       }
-    ), R = o && /* @__PURE__ */ e.createElement(
-      Te,
+    ), B = o && /* @__PURE__ */ e.createElement(
+      Ae,
       {
         id: l,
         message: o,
@@ -5437,8 +5448,8 @@ const os = (u) => {
         className: "pds-input-message--switch"
       }
     );
-    let W, X;
-    return w ? W = /* @__PURE__ */ e.createElement(e.Fragment, null, P, R, k) : H && (X = "pds-switch--placement-right", W = o ? /* @__PURE__ */ e.createElement(e.Fragment, null, P, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, R, /* @__PURE__ */ e.createElement("div", null, k))) : /* @__PURE__ */ e.createElement(
+    let F, K;
+    return w ? F = /* @__PURE__ */ e.createElement(e.Fragment, null, P, B, k) : H && (K = "pds-switch--placement-right", F = o ? /* @__PURE__ */ e.createElement(e.Fragment, null, P, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, B, /* @__PURE__ */ e.createElement("div", null, k))) : /* @__PURE__ */ e.createElement(
       "div",
       {
         className: x([
@@ -5456,12 +5467,12 @@ const os = (u) => {
           _,
           C,
           M,
-          X,
+          K,
           y
         ]),
         style: d ? g : null
       }, v),
-      W
+      F
     );
   }
 ), Cs = Ze(
@@ -5520,12 +5531,12 @@ const os = (u) => {
       "value",
       "className"
     ]);
-    const H = tt(r), N = "pds-textarea", I = d ? "pds-is-resizable" : null, V = n ? J.disabled : null, A = E && !n ? J.required : null, T = m === "error" ? J.error : null, k = m === "success" ? J.success : null, P = p ? J.readonly : null, R = h || c, W = g != null && i !== void 0, X = typeof s != "undefined", [Q, Z] = U(
-      X ? s : ""
-    ), Y = g || Q, B = (K) => {
-      W || Z(K.target.value), i && i(K);
-    }, F = (K) => {
-      o && o(K);
+    const H = tt(r), N = "pds-textarea", I = d ? "pds-is-resizable" : null, V = n ? J.disabled : null, T = E && !n ? J.required : null, A = m === "error" ? J.error : null, k = m === "success" ? J.success : null, P = p ? J.readonly : null, B = h || c, F = g != null && i !== void 0, K = typeof s != "undefined", [Q, U] = Z(
+      K ? s : ""
+    ), Y = g || Q, W = (X) => {
+      F || U(X.target.value), i && i(X);
+    }, O = (X) => {
+      o && o(X);
     };
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -5534,8 +5545,8 @@ const os = (u) => {
           J.base,
           N,
           V,
-          A,
           T,
+          A,
           k,
           P,
           _ != null ? _ : ""
@@ -5572,20 +5583,20 @@ const os = (u) => {
           required: E,
           readOnly: p,
           disabled: n,
-          value: W ? g : Q,
+          value: F ? g : Q,
           rows: b,
-          onChange: B,
-          onBlur: F,
+          onChange: W,
+          onBlur: O,
           onFocus: f,
           "aria-invalid": m === "error",
-          "aria-describedby": R ? `${l}__message` : null
+          "aria-describedby": B ? `${l}__message` : null
         }, v)
       )),
-      R && /* @__PURE__ */ e.createElement(
-        Te,
+      B && /* @__PURE__ */ e.createElement(
+        Ae,
         {
           id: l,
-          message: R,
+          message: B,
           hasValidationMessage: !!h,
           validationMessageHasDecorators: !0,
           validationStatus: m
@@ -5595,7 +5606,7 @@ const os = (u) => {
   }
 ), C1 = Ze(
   (V, I) => {
-    var A = V, {
+    var T = V, {
       autoComplete: t,
       counterMaxLength: s,
       defaultValue: n,
@@ -5630,7 +5641,7 @@ const os = (u) => {
       validationStatus: z,
       value: w,
       className: H
-    } = A, N = S(A, [
+    } = T, N = S(T, [
       "autoComplete",
       "counterMaxLength",
       "defaultValue",
@@ -5659,20 +5670,20 @@ const os = (u) => {
       "value",
       "className"
     ]);
-    const T = tt(o), k = "pds-text-input", P = l ? J.disabled : null, R = $ && !l ? J.required : null, W = z === "error" ? J.error : null, X = z === "success" ? J.success : null, Q = v ? J.readonly : null;
-    let Z = null;
-    C === "search" && (Z = "search"), C === "search" && h === "filter" && (Z = "filter"), z === "error" && (Z = "error"), z === "success" && (Z = "success");
-    const Y = M || f, B = typeof w != "undefined", F = typeof n != "undefined", [K, ae] = U(
-      F ? n : ""
-    ), te = w || K, j = (ee) => {
+    const A = tt(o), k = "pds-text-input", P = l ? J.disabled : null, B = $ && !l ? J.required : null, F = z === "error" ? J.error : null, K = z === "success" ? J.success : null, Q = v ? J.readonly : null;
+    let U = null;
+    C === "search" && (U = "search"), C === "search" && h === "filter" && (U = "filter"), z === "error" && (U = "error"), z === "success" && (U = "success");
+    const Y = M || f, W = typeof w != "undefined", O = typeof n != "undefined", [X, ae] = Z(
+      O ? n : ""
+    ), te = w || X, j = (ee) => {
       g && me && ue(!1), u && u(ee);
     }, se = (ee) => {
-      B || ae(ee.target.value), p && p(ee);
+      W || ae(ee.target.value), p && p(ee);
     }, ne = () => {
-      B || ae(""), E && E();
+      W || ae(""), E && E();
       const ee = document.getElementById(a);
       ee && ee.focus();
-    }, [me, ue] = U(!1), ge = () => {
+    }, [me, ue] = Z(!1), ge = () => {
       ue((ie) => !ie);
       const ee = document.getElementById(a);
       ee && ee.focus();
@@ -5685,13 +5696,13 @@ const os = (u) => {
           J.base,
           k,
           P,
-          R,
-          W,
-          X,
+          B,
+          F,
+          K,
           Q,
           H != null ? H : ""
         ]),
-        style: o ? T : null
+        style: o ? A : null
       }, N),
       /* @__PURE__ */ e.createElement(
         je,
@@ -5704,7 +5715,7 @@ const os = (u) => {
         }
       ),
       g && C === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${_.visibilityStatus} ${me ? "visible" : "hidden"}.`),
-      /* @__PURE__ */ e.createElement("div", { className: `${k}__input-wrapper` }, Z && /* @__PURE__ */ e.createElement(ut, { variant: Z }), /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${k}__input-wrapper` }, U && /* @__PURE__ */ e.createElement(ut, { variant: U }), /* @__PURE__ */ e.createElement(
         "input",
         L({
           ref: I,
@@ -5712,7 +5723,7 @@ const os = (u) => {
           id: a,
           name: a,
           type: $e,
-          value: B ? w : K,
+          value: W ? w : X,
           placeholder: y,
           readOnly: v,
           disabled: l,
@@ -5741,7 +5752,7 @@ const os = (u) => {
           onClick: ge,
           onMouseDown: (ee) => ee.preventDefault()
         },
-        /* @__PURE__ */ e.createElement(O, { iconName: me ? "eyeSlash" : "eye", iconSize: "md" })
+        /* @__PURE__ */ e.createElement(R, { iconName: me ? "eyeSlash" : "eye", iconSize: "md" })
       ), d && C === "search" && !te && /* @__PURE__ */ e.createElement(
         g1,
         {
@@ -5758,7 +5769,7 @@ const os = (u) => {
         }
       )),
       Y && /* @__PURE__ */ e.createElement(
-        Te,
+        Ae,
         {
           id: a,
           message: Y,
@@ -5794,7 +5805,7 @@ const os = (u) => {
     }, d),
     t,
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `(${n})`),
-    /* @__PURE__ */ e.createElement(O, { iconName: "externalLink", className: `${o}__icon` })
+    /* @__PURE__ */ e.createElement(R, { iconName: "externalLink", className: `${o}__icon` })
   );
 }, ws = (i) => {
   var f = i, {
@@ -5817,7 +5828,7 @@ const os = (u) => {
     "title",
     "className"
   ]);
-  const u = "pds-modal", p = d !== "md" ? `${u}--${d}` : null, [E, b] = U(l);
+  const u = "pds-modal", p = d !== "md" ? `${u}--${d}` : null, [E, b] = Z(l);
   ce(() => {
     b(l);
   }, [l]), ce(() => {
@@ -5828,7 +5839,7 @@ const os = (u) => {
     onOpenChange: b
   }), h = Ke(v), m = Ie(v, {
     outsidePressEvent: "mousedown"
-  }), g = Se(v), { getFloatingProps: _ } = Ae([h, m, g]), { isMounted: C, styles: M } = Xe(v, {
+  }), g = Se(v), { getFloatingProps: _ } = Te([h, m, g]), { isMounted: C, styles: M } = Xe(v, {
     duration: {
       open: 300,
       close: 300
@@ -5877,7 +5888,7 @@ const os = (u) => {
           type: "button"
         },
         /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"),
-        /* @__PURE__ */ e.createElement(O, { iconName: "xmark", iconSize: "xl" })
+        /* @__PURE__ */ e.createElement(R, { iconName: "xmark", iconSize: "xl" })
       ),
       /* @__PURE__ */ e.createElement("div", { className: `${u}__title` }, a),
       /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, s)
@@ -5955,7 +5966,7 @@ const os = (u) => {
   let r = null;
   if (typeof s == "string") {
     const d = l ? [
-      /* @__PURE__ */ e.createElement("span", { key: s, className: `${t}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${t}__link-icon` }, /* @__PURE__ */ e.createElement(O, { iconName: l, iconSize: "md" })), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, s))
+      /* @__PURE__ */ e.createElement("span", { key: s, className: `${t}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${t}__link-icon` }, /* @__PURE__ */ e.createElement(R, { iconName: l, iconSize: "md" })), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, s))
     ] : [
       /* @__PURE__ */ e.createElement("span", { key: s, className: `${t}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, s))
     ];
@@ -5967,7 +5978,7 @@ const os = (u) => {
   }
   return typeof s == "object" && (l ? r = xe(s, he(L({}, s.props), {
     children: [
-      /* @__PURE__ */ e.createElement("span", { key: l, className: `${t}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${t}__link-icon` }, /* @__PURE__ */ e.createElement(O, { iconName: l, iconSize: "md" })), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, s.props.children))
+      /* @__PURE__ */ e.createElement("span", { key: l, className: `${t}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${t}__link-icon` }, /* @__PURE__ */ e.createElement(R, { iconName: l, iconSize: "md" })), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, s.props.children))
     ]
   })) : r = s), r;
 }, E2 = (r) => {
@@ -6015,7 +6026,7 @@ const os = (u) => {
     "setIsSidebarExpanded",
     "className"
   ]);
-  const { breakpoint: b, isMobile: y } = Ce(He), [v, $] = U(
+  const { breakpoint: b, isMobile: y } = Ce(He), [v, $] = Z(
     b === "xl" || o
   ), h = de(), [m] = yt(h), g = m.width;
   ce(() => {
@@ -6036,7 +6047,7 @@ const os = (u) => {
     transition: "width 200ms ease-in-out"
   }, V = () => {
     $(!v);
-  }, A = qe(t), T = A.header, k = A.sidebar, P = A.main, R = A.footer, W = /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar` }, k), X = /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar`, style: N }, s && /* @__PURE__ */ e.createElement(
+  }, T = qe(t), A = T.header, k = T.sidebar, P = T.main, B = T.footer, F = /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar` }, k), K = /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar`, style: N }, s && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${C}__sidebar-toggle-button`,
@@ -6044,7 +6055,7 @@ const os = (u) => {
       "aria-expanded": v,
       "aria-label": a
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${C}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(O, { iconName: "angleLeft", iconSize: "sm" }))
+    /* @__PURE__ */ e.createElement("span", { className: `${C}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(R, { iconName: "angleLeft", iconSize: "sm" }))
   ), /* @__PURE__ */ e.createElement("div", { className: `${C}__sidebar-inner` }, k));
   return /* @__PURE__ */ e.createElement(Mt.Provider, { value: _ }, /* @__PURE__ */ e.createElement(E2, { text: c, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
@@ -6058,8 +6069,8 @@ const os = (u) => {
         f != null ? f : ""
       ])
     }, u),
-    y && T,
-    y ? W : X,
+    y && A,
+    y ? F : K,
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -6067,8 +6078,8 @@ const os = (u) => {
         className: `${C}__container`,
         style: I
       },
-      !y && /* @__PURE__ */ e.createElement("div", { className: `${C}__header` }, T),
-      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${C}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__main-inner` }, P), R && /* @__PURE__ */ e.createElement("footer", { className: `${C}__footer` }, R))
+      !y && /* @__PURE__ */ e.createElement("div", { className: `${C}__header` }, A),
+      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${C}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__main-inner` }, P), B && /* @__PURE__ */ e.createElement("footer", { className: `${C}__footer` }, B))
     )
   ));
 }, v2 = ({
@@ -6100,7 +6111,7 @@ const os = (u) => {
       },
       w.linkContent
     ))
-  ), [u, p] = U(!1), { refs: E, floatingStyles: b, context: y } = Ve({
+  ), [u, p] = Z(!1), { refs: E, floatingStyles: b, context: y } = Ve({
     placement: "right-start",
     open: u,
     onOpenChange: p,
@@ -6109,7 +6120,7 @@ const os = (u) => {
   }), v = gt(y, {
     move: !1,
     handleClose: h1()
-  }), $ = m1(y), h = Ie(y), m = Se(y, { role: "menu" }), { getReferenceProps: g, getFloatingProps: _ } = Ae([
+  }), $ = m1(y), h = Ie(y), m = Se(y, { role: "menu" }), { getReferenceProps: g, getFloatingProps: _ } = Te([
     v,
     $,
     h,
@@ -6148,7 +6159,7 @@ const os = (u) => {
         ]),
         onClick: C
       },
-      /* @__PURE__ */ e.createElement(O, { iconName: "angleDown", iconSize: "md" }),
+      /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", iconSize: "md" }),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${l.toggle} ${Ue(r)} ${l.submenu}`)
     )), n && f(d, "second-level"), !n && u && /* @__PURE__ */ e.createElement(
       "div",
@@ -6184,53 +6195,53 @@ const os = (u) => {
     "selectTextFallback",
     "className"
   ]);
-  const c = "pds-dropdown-menu", [o, i] = U(!1), [f, u] = U(null), p = jt(s), E = p ? p.props.children : n, b = /* @__PURE__ */ e.createElement(
-    O,
+  const c = "pds-dropdown-menu", [o, i] = Z(!1), [f, u] = Z(null), p = jt(s), E = p ? p.props.children : n, b = /* @__PURE__ */ e.createElement(
+    R,
     {
       iconName: "check",
       iconSize: "md",
       className: `${c}__active-icon`
     }
-  ), y = (T) => {
+  ), y = (A) => {
     var k;
-    T.key === "Enter" && ((k = _.current[f].querySelector("a")) == null || k.click());
-  }, v = (T) => {
-    T.target.nodeName === "A" && i(!1);
+    A.key === "Enter" && ((k = _.current[f].querySelector("a")) == null || k.click());
+  }, v = (A) => {
+    A.target.nodeName === "A" && i(!1);
   };
   ce(() => {
     if (o) {
-      const T = document.querySelector(".pds-dropdown-menu__dropdown");
-      return T.addEventListener("click", v), () => {
-        T.removeEventListener("click", v);
+      const A = document.querySelector(".pds-dropdown-menu__dropdown");
+      return A.addEventListener("click", v), () => {
+        A.removeEventListener("click", v);
       };
     }
   }, [o]);
   const $ = ({
-    item: T,
+    item: A,
     level: k
-  }) => he(L({}, T), {
+  }) => he(L({}, A), {
     level: k,
     linkContent: xe(
-      bt(T.linkContent, T.links),
+      bt(A.linkContent, A.links),
       {
         tabIndex: -1
       }
     )
-  }), h = (T) => {
+  }), h = (A) => {
     const k = [];
-    return T.forEach((P) => {
-      P.links ? (k.push($({ item: P, level: "top-level" })), P.links.forEach((R) => {
-        R.links ? (k.push($({ item: R, level: "second-level" })), R.links.forEach((W) => {
-          W.links && (k.push(
-            $({ item: W, level: "third-level" })
-          ), W.links.forEach((X) => {
+    return A.forEach((P) => {
+      P.links ? (k.push($({ item: P, level: "top-level" })), P.links.forEach((B) => {
+        B.links ? (k.push($({ item: B, level: "second-level" })), B.links.forEach((F) => {
+          F.links && (k.push(
+            $({ item: F, level: "third-level" })
+          ), F.links.forEach((K) => {
             k.push(
-              $({ item: X, level: "fourth-level" })
+              $({ item: K, level: "fourth-level" })
             );
           })), k.push(
-            $({ item: W, level: "third-level" })
+            $({ item: F, level: "third-level" })
           );
-        })) : k.push($({ item: R, level: "second-level" }));
+        })) : k.push($({ item: B, level: "second-level" }));
       })) : k.push($({ item: P, level: "top-level" }));
     }), k;
   }, { refs: m, context: g } = Ve({
@@ -6245,9 +6256,9 @@ const os = (u) => {
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), M = Ke(g, { event: "mousedown" }), z = Ie(g), w = Se(g, { role: "menu" }), { getReferenceProps: H, getFloatingProps: N, getItemProps: I } = Ae(
+  }), M = Ke(g, { event: "mousedown" }), z = Ie(g), w = Se(g, { role: "menu" }), { getReferenceProps: H, getFloatingProps: N, getItemProps: I } = Te(
     [z, w, M, C]
-  ), { isMounted: V, styles: A } = Xe(g, {
+  ), { isMounted: V, styles: T } = Xe(g, {
     duration: {
       open: 300,
       close: 300
@@ -6270,7 +6281,7 @@ const os = (u) => {
     }, H()),
     /* @__PURE__ */ e.createElement("span", { className: `${c}__active-label` }, E),
     /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: "angleDown",
         iconSize: "md",
@@ -6282,23 +6293,23 @@ const os = (u) => {
     L({
       className: `${c}__dropdown ${c}__menu ${c}__menu--top-level`,
       ref: m.setFloating,
-      style: he(L({}, A), {
+      style: he(L({}, T), {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, N()),
-    h(s).map((T, k) => /* @__PURE__ */ e.createElement(
+    h(s).map((A, k) => /* @__PURE__ */ e.createElement(
       "li",
       L({
         key: k,
         onKeyDown: y,
-        className: `${c}__item ${c}__item--${T.level} ${T.isActive === !0 ? `${c}__item--active` : ""}`,
+        className: `${c}__item ${c}__item--${A.level} ${A.isActive === !0 ? `${c}__item--active` : ""}`,
         tabIndex: f === k ? 0 : -1,
         ref: (P) => {
           _.current[k] = P;
         }
       }, I()),
-      T.linkContent,
-      T.isActive === !0 && b
+      A.linkContent,
+      A.isActive === !0 && b
     ))
   ));
 }, b2 = /* @__PURE__ */ e.createElement(
@@ -6744,7 +6755,7 @@ const os = (u) => {
         className: `${d}__option-inner`,
         style: { pointerEvents: "none" }
       },
-      /* @__PURE__ */ e.createElement("div", { className: `${d}__option-icon` }, /* @__PURE__ */ e.createElement(O, { iconName: a })),
+      /* @__PURE__ */ e.createElement("div", { className: `${d}__option-icon` }, /* @__PURE__ */ e.createElement(R, { iconName: a })),
       /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -6805,7 +6816,7 @@ const os = (u) => {
     "horizontalOffset",
     "className"
   ]);
-  const [v, $] = U(!1), [h, m] = U(null), g = de(null);
+  const [v, $] = Z(!1), [h, m] = Z(null), g = de(null);
   let _ = !1;
   const C = Ce(He);
   C && (_ = C.isMobile);
@@ -6813,44 +6824,44 @@ const os = (u) => {
   const w = Ce(Mt);
   w && (M = w.navbarWidth, z = w.isAdmin);
   const H = 2.25, N = 22, I = z ? 14.5 : 9.625, V = M > 900 ? N : M / 16 - (I + u) - H * 0.675;
-  let A = H;
-  v && !M && (A = N), v && M && (A = V);
-  const T = {
+  let T = H;
+  v && !M && (T = N), v && M && (T = V);
+  const A = {
     right: `${I + u}rem`,
-    width: `${A}rem`
-  }, k = "pds-dashboard-search", P = _ ? `${k}--isMobile` : null, R = () => {
+    width: `${T}rem`
+  }, k = "pds-dashboard-search", P = _ ? `${k}--isMobile` : null, B = () => {
     $(!0), setTimeout(() => {
       g.current.querySelector("input").focus();
     }, 500);
-  }, W = () => {
+  }, F = () => {
     setTimeout(() => {
       $(!1);
     }, 150);
-  }, X = (F) => {
-    m(F.value), o && o(F);
+  }, K = (O) => {
+    m(O.value), o && o(O);
   };
   ce(() => {
-    const F = (ae) => {
+    const O = (ae) => {
       g.current && !g.current.contains(ae.target) && $(!1);
-    }, K = (ae) => {
+    }, X = (ae) => {
       var j;
       const te = (j = g.current) == null ? void 0 : j.querySelector("input");
       ae.key === "Tab" && v && te === document.activeElement && $(!1);
     };
     if (v)
-      return document.addEventListener("mousedown", F), document.addEventListener("keydown", K), () => {
-        document.removeEventListener("mousedown", F), document.removeEventListener("keydown", K);
+      return document.addEventListener("mousedown", O), document.addEventListener("keydown", X), () => {
+        document.removeEventListener("mousedown", O), document.removeEventListener("keydown", X);
       };
   }, [v]);
-  const Q = f.map((F) => {
-    const { id: K, machineName: ae, name: te } = F;
+  const Q = f.map((O) => {
+    const { id: X, machineName: ae, name: te } = O;
     return {
-      id: K,
+      id: X,
       label: te,
       value: ae != null ? ae : te,
-      optionDisplay: /* @__PURE__ */ e.createElement(w2, { option: F })
+      optionDisplay: /* @__PURE__ */ e.createElement(w2, { option: O })
     };
-  }), Z = /* @__PURE__ */ e.createElement("div", { ref: g, className: `${k}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
+  }), U = /* @__PURE__ */ e.createElement("div", { ref: g, className: `${k}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
     f2,
     {
       disabled: t,
@@ -6863,7 +6874,7 @@ const os = (u) => {
       loadingText: d,
       noResultsText: a,
       onFocus: c,
-      onOptionSelect: X,
+      onOptionSelect: K,
       placeholder: i,
       options: Q,
       showLabel: !1,
@@ -6874,13 +6885,13 @@ const os = (u) => {
     {
       style: v ? { visibility: "visible" } : { visibility: "hidden" }
     },
-    Z
+    U
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${k}__search-toggle`,
       "aria-label": r.openSearchButton,
-      onClick: R,
+      onClick: B,
       style: v ? { visibility: "hidden" } : { visibility: "visible" }
     },
     /* @__PURE__ */ e.createElement(
@@ -6888,7 +6899,7 @@ const os = (u) => {
       {
         content: r.openSearchButton,
         customTrigger: /* @__PURE__ */ e.createElement(
-          O,
+          R,
           {
             iconName: "magnifyingGlass",
             className: `${k}__search-toggle-icon`
@@ -6896,18 +6907,18 @@ const os = (u) => {
         )
       }
     )
-  )), B = /* @__PURE__ */ e.createElement("div", { className: `${k}--mobile-inner` }, Z);
+  )), W = /* @__PURE__ */ e.createElement("div", { className: `${k}--mobile-inner` }, U);
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: x([k, P, p != null ? p : ""]),
       id: s,
-      style: _ ? null : T,
-      onKeyDown: _ ? null : (F) => {
-        F.key === "Escape" && W();
+      style: _ ? null : A,
+      onKeyDown: _ ? null : (O) => {
+        O.key === "Escape" && F();
       }
     }, E),
-    _ ? B : Y
+    _ ? W : Y
   );
 }, rt = (r) => {
   var d = r, {
@@ -6956,36 +6967,36 @@ const os = (u) => {
     "translationStrings",
     "className"
   ]);
-  const [b, y] = U(!1);
+  const [b, y] = Z(!1);
   let v = !1;
   const $ = Ce(He);
   $ && (v = $.isMobile);
   const h = Ce(Mt);
   h && (a = h.logoLinkContent);
   const m = "pds-navbar", g = l ? `${m}--noBorder` : "", _ = s !== "default" ? `${m}--${s}` : "", C = v ? `${m}--isMobile` : `${m}--notMobile`, M = (Y) => {
-    const B = Y.key;
-    let F = !1;
-    switch (B) {
+    const W = Y.key;
+    let O = !1;
+    switch (W) {
       case "Esc":
       case "Escape":
-        y(!1), F = !0;
+        y(!1), O = !0;
         break;
     }
-    F && (Y.stopPropagation(), Y.preventDefault());
+    O && (Y.stopPropagation(), Y.preventDefault());
   };
   ce(() => (window.addEventListener("keyup", M), () => {
     window.removeEventListener("keyup", M);
   }), []);
-  const z = () => y(!b), w = A1();
+  const z = () => y(!b), w = T1();
   ce(() => {
     if (v && t) {
       const Y = f1(
         document.querySelector(".pds-navbar__mobile")
-      ), B = ["a", "button", "input", "select", "textarea"];
-      b ? Y.forEach((F) => {
-        B.includes(F.nodeName.toLowerCase()) && (F.tabIndex = 0);
-      }) : Y.forEach((F) => {
-        B.includes(F.nodeName.toLowerCase()) && (F.tabIndex = -1);
+      ), W = ["a", "button", "input", "select", "textarea"];
+      b ? Y.forEach((O) => {
+        W.includes(O.nodeName.toLowerCase()) && (O.tabIndex = 0);
+      }) : Y.forEach((O) => {
+        W.includes(O.nodeName.toLowerCase()) && (O.tabIndex = -1);
       });
     }
   }, [b]);
@@ -6994,46 +7005,46 @@ const os = (u) => {
   };
   ce(() => {
     if (b) {
-      const Y = document.querySelector(".pds-navbar__bar-mobile"), B = document.querySelector(".pds-navbar__mobile");
-      return Y.addEventListener("click", H), B.addEventListener("click", H), () => {
-        Y.removeEventListener("click", H), B.removeEventListener("click", H);
+      const Y = document.querySelector(".pds-navbar__bar-mobile"), W = document.querySelector(".pds-navbar__mobile");
+      return Y.addEventListener("click", H), W.addEventListener("click", H), () => {
+        Y.removeEventListener("click", H), W.removeEventListener("click", H);
       };
     }
   }, [b]), ce(() => {
     b ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [b]);
   const N = qe(t), I = N["items-left"], V = N["items-right"];
-  let A = "default";
-  (s === "reverse" || s === "reverse-transparent") && (A = "reverse");
-  const T = be(a) ? a.props.children : null, k = be(a) && T ? xe(a, {
+  let T = "default";
+  (s === "reverse" || s === "reverse-transparent") && (T = "reverse");
+  const A = be(a) ? a.props.children : null, k = be(a) && A ? xe(a, {
     children: /* @__PURE__ */ e.createElement("img", { className: `${m}__custom-logo`, src: c }),
-    "aria-label": T || null
+    "aria-label": A || null
   }) : /* @__PURE__ */ e.createElement("img", { className: `${m}__custom-logo`, src: c, alt: "" }), P = () => c ? k : /* @__PURE__ */ e.createElement(
     w1,
     {
-      colorType: A,
+      colorType: T,
       displayType: d,
       linkContent: a,
       subBrand: o
     }
-  ), R = /* @__PURE__ */ e.createElement(
+  ), B = /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${m}__menu-toggle`,
       "aria-label": b ? i.closeMobileNav : i.openMobileNav,
       onClick: z
     },
-    /* @__PURE__ */ e.createElement(O, { iconName: b ? "xmark" : "bars", iconSize: "lg" })
-  ), W = e.Children.toArray(t).sort((Y, B) => {
-    const F = be(Y) && parseInt(Y.props["data-mobile-order"], 10) || 1 / 0, K = be(B) && parseInt(B.props["data-mobile-order"], 10) || 1 / 0;
-    return F - K;
-  }), X = /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(R, { iconName: b ? "xmark" : "bars", iconSize: "lg" })
+  ), F = e.Children.toArray(t).sort((Y, W) => {
+    const O = be(Y) && parseInt(Y.props["data-mobile-order"], 10) || 1 / 0, X = be(W) && parseInt(W.props["data-mobile-order"], 10) || 1 / 0;
+    return O - X;
+  }), K = /* @__PURE__ */ e.createElement(
     "div",
     {
       className: b ? `${m}__mobile ${m}__mobile--open` : `${m}__mobile ${m}__mobile--closed`,
       ref: w
     },
-    /* @__PURE__ */ e.createElement(rt, null, W)
+    /* @__PURE__ */ e.createElement(rt, null, F)
   ), Q = /* @__PURE__ */ e.createElement(
     U1,
     {
@@ -7042,8 +7053,8 @@ const os = (u) => {
         initialFocus: !1
       }
     },
-    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(rt, { className: `${m}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__inner-mobile` }, P(), t && R)), /* @__PURE__ */ e.createElement(rt, null, t && X))
-  ), Z = /* @__PURE__ */ e.createElement(rt, { width: n, className: `${m}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${m}__logo` }, P()), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, I ? /* @__PURE__ */ e.createElement("div", { className: `${m}__items-left` }, I) : /* @__PURE__ */ e.createElement("span", null), V && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-right` }, V)));
+    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(rt, { className: `${m}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__inner-mobile` }, P(), t && B)), /* @__PURE__ */ e.createElement(rt, null, t && K))
+  ), U = /* @__PURE__ */ e.createElement(rt, { width: n, className: `${m}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${m}__logo` }, P()), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, I ? /* @__PURE__ */ e.createElement("div", { className: `${m}__items-left` }, I) : /* @__PURE__ */ e.createElement("span", null), V && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-right` }, V)));
   return /* @__PURE__ */ e.createElement(
     "header",
     L({
@@ -7055,14 +7066,14 @@ const os = (u) => {
         f != null ? f : ""
       ])
     }, u),
-    v ? Q : Z
+    v ? Q : U
   );
 }, y2 = ({
   items: t,
   label: s,
   mobileMenuMaxWidth: n = 640
 }) => {
-  const [l, r] = U(!1), [d, a] = U(0);
+  const [l, r] = Z(!1), [d, a] = Z(0);
   ce(() => (a(window.innerWidth), window.addEventListener("resize", c), () => {
     window.removeEventListener("resize", c);
   }), []);
@@ -7085,7 +7096,7 @@ const os = (u) => {
     }),
     enabled: !0
   });
-  const { getReferenceProps: v, getFloatingProps: $ } = Ae([
+  const { getReferenceProps: v, getFloatingProps: $ } = Te([
     E,
     b,
     p,
@@ -7098,7 +7109,7 @@ const os = (u) => {
       ref: f.setReference
     }, v()),
     s,
-    /* @__PURE__ */ e.createElement(O, { iconName: "angleDown", className: `${i}__trigger-icon` })
+    /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", className: `${i}__trigger-icon` })
   ), l && /* @__PURE__ */ e.createElement(
     "ul",
     L({
@@ -7129,7 +7140,7 @@ const os = (u) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [o, i] = U(1025), [f, u] = U(null), [p, E] = U(-1), [b, y] = U(null), [v, $] = U({
+  const [o, i] = Z(1025), [f, u] = Z(null), [p, E] = Z(-1), [b, y] = Z(null), [v, $] = Z({
     container: null,
     containerChildren: []
   });
@@ -7151,7 +7162,7 @@ const os = (u) => {
     }));
   }, [p]);
   const g = "pds-nav-menu", _ = s !== "default" ? `${g}--${s}` : "", C = m ? `${g}--isMobile` : `${g}--notMobile`, M = de([]), z = (N) => {
-    const I = M.current.length - 1, R = {
+    const I = M.current.length - 1, B = {
       ArrowRight: () => {
         u(-1), E(p === -1 ? 1 : p === I ? 0 : p + 1);
       },
@@ -7159,19 +7170,19 @@ const os = (u) => {
         u(-1), E(p === 0 ? I : p - 1);
       },
       ArrowDown: () => {
-        var Q, Z, Y, B;
+        var Q, U, Y, W;
         y("down");
-        const W = N.target.parentNode.children[1], X = ((Z = (Q = N.target) == null ? void 0 : Q.parentNode.children[1]) == null ? void 0 : Z.children) || ((B = (Y = N.target) == null ? void 0 : Y.parentNode.parentNode.children[1]) == null ? void 0 : B.children);
-        v.container != W && W != null && $({
-          container: W,
-          containerChildren: [...X]
+        const F = N.target.parentNode.children[1], K = ((U = (Q = N.target) == null ? void 0 : Q.parentNode.children[1]) == null ? void 0 : U.children) || ((W = (Y = N.target) == null ? void 0 : Y.parentNode.parentNode.children[1]) == null ? void 0 : W.children);
+        v.container != F && F != null && $({
+          container: F,
+          containerChildren: [...K]
         }), f === null || f == v.containerChildren.length - 1 ? u(0) : u(parseInt(f) + 1);
       },
       ArrowUp: () => {
         y("up"), u(f === 0 ? v.containerChildren.length - 1 : parseInt(f) - 1);
       }
     }[N.code];
-    R && R();
+    B && B();
   }, w = (N) => {
     if (N.isActive || N.linkContent && N.linkContent.props.className && N.linkContent.props.className.includes("pds-isActive"))
       return !0;
@@ -7183,14 +7194,14 @@ const os = (u) => {
     return !1;
   }, H = [];
   return n.map((N, I) => {
-    const V = `item-${et()}`, A = N.id ? N.id : V;
+    const V = `item-${et()}`, T = N.id ? N.id : V;
     N.links ? H.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
           key: `${I}-dropdown`,
-          id: A,
-          ref: (T) => M.current[I] = T,
+          id: T,
+          ref: (A) => M.current[I] = A,
           className: `${g}__item ${g}__item--top-level ${g}__item--has-children ${w(N) === !0 ? `${g}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
@@ -7207,8 +7218,8 @@ const os = (u) => {
         "li",
         {
           key: I,
-          id: A,
-          ref: (T) => M.current[I] = T,
+          id: T,
+          ref: (A) => M.current[I] = A,
           className: `${g}__item ${g}__item--top-level ${g}__item--has-link ${w(N) === !0 ? `${g}__item--active` : ""}`
         },
         N.linkContent
@@ -7248,7 +7259,7 @@ const os = (u) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const u = "pds-side-nav", [p, E] = U(1025);
+  const u = "pds-side-nav", [p, E] = Z(1025);
   ce(() => (E(window.innerWidth), window.addEventListener("resize", b), () => {
     window.removeEventListener("resize", b);
   }), []);
@@ -7285,7 +7296,7 @@ const os = (u) => {
           ]),
           onClick: v
         },
-        /* @__PURE__ */ e.createElement(O, { iconName: "angleDown", iconSize: "md" }),
+        /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", iconSize: "md" }),
         /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${l.toggle} ${Ue(M)} ${l.submenu}`)
       )), /* @__PURE__ */ e.createElement(
         "ul",
@@ -7297,7 +7308,7 @@ const os = (u) => {
           ])
         },
         z.map((I, V) => {
-          const A = $(
+          const T = $(
             I.linkContent
           );
           return /* @__PURE__ */ e.createElement(
@@ -7308,7 +7319,7 @@ const os = (u) => {
                 H,
                 `${H}--second-level`,
                 ve(I) ? `${H}--active` : null,
-                A ? "with-tally" : null
+                T ? "with-tally" : null
                 // Add class for second-level items
               ])
             },
@@ -7362,7 +7373,7 @@ const os = (u) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const u = "pds-side-nav-compact", p = `${u}__item`, E = `${u}__menu`, [b, y] = U(1025);
+  const u = "pds-side-nav-compact", p = `${u}__item`, E = `${u}__menu`, [b, y] = Z(1025);
   ce(() => (y(window.innerWidth), window.addEventListener("resize", v), () => {
     window.removeEventListener("resize", v);
   }), []);
@@ -7375,7 +7386,7 @@ const os = (u) => {
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${E}--expanded`);
   }, m = { 2: "second", 3: "third", 4: "fourth" }, g = (z, w, H) => {
-    const N = m[z], I = `${E}--${N}-level`, V = `${p}--${N}-level`, A = z + 1;
+    const N = m[z], I = `${E}--${N}-level`, V = `${p}--${N}-level`, T = z + 1;
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${p}-wrapper` }, /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -7386,7 +7397,7 @@ const os = (u) => {
         ]),
         onClick: h
       },
-      /* @__PURE__ */ e.createElement(O, { iconName: "caretDown", iconSize: "md" }),
+      /* @__PURE__ */ e.createElement(R, { iconName: "caretDown", iconSize: "md" }),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${l.toggle} ${Ue(w.linkContent)} ${l.submenu}`)
     ), bt(w.linkContent, w.links)), /* @__PURE__ */ e.createElement(
       "ul",
@@ -7397,21 +7408,21 @@ const os = (u) => {
           ve(w) ? `${E}--expanded` : null
         ])
       },
-      w.links.map((T, k) => /* @__PURE__ */ e.createElement(
+      w.links.map((A, k) => /* @__PURE__ */ e.createElement(
         "li",
         {
           key: `${k}-${N}`,
           className: x([
             p,
             V,
-            ve(T) ? `${p}--active` : null
+            ve(A) ? `${p}--active` : null
           ])
         },
-        T.links && A in m ? g(
-          A,
+        A.links && T in m ? g(
           T,
-          T.links
-        ) : T.linkContent
+          A,
+          A.links
+        ) : A.linkContent
       ))
     ));
   }, _ = (z, w) => {
@@ -7452,7 +7463,7 @@ const os = (u) => {
   minFilterItems: r = 5,
   noResultsText: d = "No results found"
 }) => {
-  const [a, c] = U(!1), [o, i] = U(null), [f, u] = U(l), [p, E] = U(""), b = l.length >= r, y = "pds-tab-menu", v = `${y}__dropdown-menu`, $ = b ? `${v}--scroll` : null, h = `${y}__dropdown-item`, m = de([]), { context: g, refs: _ } = Ve({
+  const [a, c] = Z(!1), [o, i] = Z(null), [f, u] = Z(l), [p, E] = Z(""), b = l.length >= r, y = "pds-tab-menu", v = `${y}__dropdown-menu`, $ = b ? `${v}--scroll` : null, h = `${y}__dropdown-item`, m = de([]), { context: g, refs: _ } = Ve({
     open: a,
     onOpenChange: c,
     whileElementsMounted: Pe
@@ -7465,9 +7476,9 @@ const os = (u) => {
     loop: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
-  }), { getReferenceProps: H, getFloatingProps: N, getItemProps: I } = Ae(
+  }), { getReferenceProps: H, getFloatingProps: N, getItemProps: I } = Te(
     [z, M, w, C]
-  ), { isMounted: V, styles: A } = Xe(g, {
+  ), { isMounted: V, styles: T } = Xe(g, {
     duration: {
       open: 300,
       close: 150
@@ -7481,33 +7492,33 @@ const os = (u) => {
     close: {
       opacity: 0
     }
-  }), T = (F) => {
-    var K;
-    F.preventDefault(), F.key === "Enter" && ((K = m.current[o].querySelector("a")) == null || K.click()), F.key === "Tab" && F.shiftKey && (b ? document.getElementById("links-filter").focus() : c(!1));
-  }, k = (F, K) => Ue(F.linkContent).toLowerCase().includes(K.toLowerCase()), P = (F) => {
-    const K = F.target.value;
-    E(K);
-    const ae = l.filter((te) => k(te, K));
+  }), A = (O) => {
+    var X;
+    O.preventDefault(), O.key === "Enter" && ((X = m.current[o].querySelector("a")) == null || X.click()), O.key === "Tab" && O.shiftKey && (b ? document.getElementById("links-filter").focus() : c(!1));
+  }, k = (O, X) => Ue(O.linkContent).toLowerCase().includes(X.toLowerCase()), P = (O) => {
+    const X = O.target.value;
+    E(X);
+    const ae = l.filter((te) => k(te, X));
     u(ae);
   };
   ce(() => {
-    const F = l.filter((K) => k(K, p));
-    u(F);
+    const O = l.filter((X) => k(X, p));
+    u(O);
   }, [l]);
-  const R = () => {
+  const B = () => {
     E(""), u(l);
-  }, W = l.reduce(
-    (F, K) => Ue(F.linkContent).length > Ue(K.linkContent).length ? F : K
+  }, F = l.reduce(
+    (O, X) => Ue(O.linkContent).length > Ue(X.linkContent).length ? O : X
   ), Q = {
     minWidth: "13rem",
     width: `${Ue(
-      W.linkContent
+      F.linkContent
     ).length + 2}ch`
-  }, Z = /* @__PURE__ */ e.createElement(O, { iconName: "check", className: `${y}__active-icon` }), Y = b && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
+  }, U = /* @__PURE__ */ e.createElement(R, { iconName: "check", className: `${y}__active-icon` }), Y = b && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
     C1,
     {
       hasClearButton: !0,
-      onClear: R,
+      onClear: B,
       id: "links-filter",
       label: s,
       onChange: P,
@@ -7516,21 +7527,21 @@ const os = (u) => {
       type: "search",
       autoComplete: "off"
     }
-  )), B = f.map((F, K) => {
-    const ae = F.isActive ? `${h}--active` : null;
+  )), W = f.map((O, X) => {
+    const ae = O.isActive ? `${h}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       L({
-        key: K,
+        key: X,
         className: x([h, ae]),
         ref: (te) => {
-          m.current[K] = te;
+          m.current[X] = te;
         },
-        tabIndex: K === o ? 0 : -1,
-        onKeyDown: T
+        tabIndex: X === o ? 0 : -1,
+        onKeyDown: A
       }, I()),
-      F.linkContent,
-      F.isActive && Z
+      O.linkContent,
+      O.isActive && U
     );
   });
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -7543,7 +7554,7 @@ const os = (u) => {
       "aria-label": t
     })),
     /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: "angleDown",
         className: `${y}__dropdown-trigger-icon`
@@ -7559,7 +7570,7 @@ const os = (u) => {
         zIndex: "var(--pds-z-index-dropdown)"
       }, Q)
     })),
-    /* @__PURE__ */ e.createElement("div", { style: L({}, A) }, Y, /* @__PURE__ */ e.createElement("ul", { className: x([v, $]) }, B.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${y}__no-results` }, d) : B))
+    /* @__PURE__ */ e.createElement("div", { style: L({}, T) }, Y, /* @__PURE__ */ e.createElement("ul", { className: x([v, $]) }, W.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${y}__no-results` }, d) : W))
   ));
 }, Is = (r) => {
   var d = r, {
@@ -7587,7 +7598,7 @@ const os = (u) => {
       return typeof _ == "object" && (C ? M = xe(_, he(L({}, _.props), {
         children: [
           /* @__PURE__ */ e.createElement("span", { key: C, className: `${o}__item-inner` }, /* @__PURE__ */ e.createElement(
-            O,
+            R,
             {
               iconName: C,
               iconSize: a ? "sm" : "md",
@@ -7656,7 +7667,7 @@ const os = (u) => {
     "withinNavbar",
     "className"
   ]);
-  const [f, u] = U(null), [p, E] = U(!1), b = de([]), y = de([]);
+  const [f, u] = Z(null), [p, E] = Z(!1), b = de([]), y = de([]);
   let v = !1;
   const $ = Ce(He);
   $ && (v = $.isMobile);
@@ -7674,9 +7685,9 @@ const os = (u) => {
     openOnArrowKeyDown: !0,
     focusItemOnOpen: !1,
     focusItemOnHover: !0
-  }), { getReferenceProps: A, getFloatingProps: T, getItemProps: k } = Ae(
+  }), { getReferenceProps: T, getFloatingProps: A, getItemProps: k } = Te(
     [H, N, w, V]
-  ), { isMounted: P, styles: R } = Xe(z, {
+  ), { isMounted: P, styles: B } = Xe(z, {
     duration: {
       open: 300,
       close: 150
@@ -7690,7 +7701,7 @@ const os = (u) => {
     close: {
       opacity: 0
     }
-  }), W = /* @__PURE__ */ e.createElement(
+  }), F = /* @__PURE__ */ e.createElement(
     Ft,
     {
       hasUserFallback: !0,
@@ -7699,19 +7710,19 @@ const os = (u) => {
       uniqueId: n,
       className: `${m}__avatar`
     }
-  ), X = /* @__PURE__ */ e.createElement(O, { iconName: "angleDown", className: `${m}__trigger-icon` }), Q = /* @__PURE__ */ e.createElement("li", { className: `${m}__user-details`, role: "presentation" }, h ? null : /* @__PURE__ */ e.createElement("div", { className: `${m}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${m}__user-email` }, n));
+  ), K = /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", className: `${m}__trigger-icon` }), Q = /* @__PURE__ */ e.createElement("li", { className: `${m}__user-details`, role: "presentation" }, h ? null : /* @__PURE__ */ e.createElement("div", { className: `${m}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${m}__user-email` }, n));
   s.forEach((j) => {
     const se = j.id ? j.id : et();
     b.current.push(se), y.current.push(j);
   });
-  const Z = (j) => {
+  const U = (j) => {
     const se = b.current.indexOf(j), ne = y.current[se];
     ne.linkContent && !ne.disabled && (I.current[se].querySelector("a").click(), E(!1)), ne.callback && !ne.disabled && (ne.callback(ne), E(!1));
   }, Y = (j) => {
-    j.preventDefault(), j.key === "Enter" && Z(j.currentTarget.id);
-  }, B = (j) => {
-    Z(j.currentTarget.id);
-  }, F = s.map((j, se) => {
+    j.preventDefault(), j.key === "Enter" && U(j.currentTarget.id);
+  }, W = (j) => {
+    U(j.currentTarget.id);
+  }, O = s.map((j, se) => {
     const ne = b.current[se], me = `${m}__item`, ue = j.disabled ? `${me}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -7725,9 +7736,9 @@ const os = (u) => {
           I.current[se] = ge;
         },
         onKeyDown: Y
-      }, k({ onClick: (ge) => B(ge) })),
+      }, k({ onClick: (ge) => W(ge) })),
       j.iconName && /* @__PURE__ */ e.createElement(
-        O,
+        R,
         {
           iconName: j.iconName,
           className: `${m}__icon`,
@@ -7736,14 +7747,14 @@ const os = (u) => {
       ),
       j.linkContent ? j.linkContent : j.label
     );
-  }), K = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     L({
       className: `${m}__trigger`,
       "aria-label": t,
       ref: C.setReference
-    }, A()),
-    W
+    }, T()),
+    F
   ), P && /* @__PURE__ */ e.createElement(
     "div",
     L({
@@ -7752,8 +7763,8 @@ const os = (u) => {
       style: he(L({}, M), {
         zIndex: "var(--pds-z-index-dropdown)"
       })
-    }, T()),
-    /* @__PURE__ */ e.createElement("div", { style: L({}, R) }, /* @__PURE__ */ e.createElement("ul", { className: _, role: "menu" }, Q, /* @__PURE__ */ e.createElement("li", { role: "separator" }), F))
+    }, A()),
+    /* @__PURE__ */ e.createElement("div", { style: L({}, B) }, /* @__PURE__ */ e.createElement("ul", { className: _, role: "menu" }, Q, /* @__PURE__ */ e.createElement("li", { role: "separator" }), O))
   )), ae = (j) => {
     const se = j.currentTarget;
     se.classList.toggle(`${m}__toggle--expanded`), se.setAttribute(
@@ -7768,8 +7779,8 @@ const os = (u) => {
       "aria-label": t,
       onClick: ae
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${m}__toggle-left` }, W, r || n),
-    X
+    /* @__PURE__ */ e.createElement("span", { className: `${m}__toggle-left` }, F, r || n),
+    K
   ), /* @__PURE__ */ e.createElement("div", { className: `${m}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
     {
@@ -7778,21 +7789,21 @@ const os = (u) => {
     },
     Q,
     /* @__PURE__ */ e.createElement("li", { role: "separator" }),
-    F
+    O
   )));
   return /* @__PURE__ */ e.createElement(
     "span",
     L({
       className: x([m, g, a != null ? a : ""])
     }, c),
-    h ? te : K
+    h ? te : X
   );
 }, M2 = {
   silver: "Silver",
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, As = (u) => {
+}, Ts = (u) => {
   var p = u, {
     ariaLabel: t = "Workspace selector menu",
     createWorkspaceLink: s,
@@ -7816,15 +7827,15 @@ const os = (u) => {
     "workspaceList",
     "className"
   ]);
-  const [E, b] = U(!1), [y, v] = U(null), [$, h] = U(o), m = de([]), g = de(null), _ = o.length >= d;
+  const [E, b] = Z(!1), [y, v] = Z(null), [$, h] = Z(o), m = de([]), g = de(null), _ = o.length >= d;
   let C = !1;
   const M = Ce(He);
   M && (C = M.isMobile);
-  const z = c && C, w = "pds-workspace-selector", H = z ? `${w}--isMobile` : null, N = `${w}__menu`, I = _ ? `${N}--scroll` : null, { refs: V, floatingStyles: A, context: T } = Ve({
+  const z = c && C, w = "pds-workspace-selector", H = z ? `${w}--isMobile` : null, N = `${w}__menu`, I = _ ? `${N}--scroll` : null, { refs: V, floatingStyles: T, context: A } = Ve({
     open: E,
     onOpenChange: b,
     whileElementsMounted: Pe
-  }), k = Ke(T, { event: "mousedown" }), P = Ie(T), R = Se(T, { role: "menu" }), W = lt(T, {
+  }), k = Ke(A, { event: "mousedown" }), P = Ie(A), B = Se(A, { role: "menu" }), F = lt(A, {
     listRef: m,
     activeIndex: y,
     onNavigate: v,
@@ -7832,9 +7843,9 @@ const os = (u) => {
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
-  }), { getReferenceProps: X, getFloatingProps: Q, getItemProps: Z } = Ae(
-    [P, R, k, W]
-  ), { isMounted: Y, styles: B } = Xe(T, {
+  }), { getReferenceProps: K, getFloatingProps: Q, getItemProps: U } = Te(
+    [P, B, k, F]
+  ), { isMounted: Y, styles: W } = Xe(A, {
     duration: {
       open: 300,
       close: 150
@@ -7849,9 +7860,9 @@ const os = (u) => {
       opacity: 0
     }
   });
-  let F = o.find((ee) => ee.isActive);
-  F || (F = o[0]);
-  const K = (ee) => {
+  let O = o.find((ee) => ee.isActive);
+  O || (O = o[0]);
+  const X = (ee) => {
     const { value: ie } = ee.target, Me = o.filter((De) => De.displayName.toLowerCase().includes(ie.toLowerCase()));
     h(Me);
   };
@@ -7867,19 +7878,19 @@ const os = (u) => {
     Ft,
     {
       size: "sm",
-      uniqueId: F.workspaceId,
-      imageSrc: F.imageSrc,
+      uniqueId: O.workspaceId,
+      imageSrc: O.imageSrc,
       className: `${w}__avatar`
     }
-  ), /* @__PURE__ */ e.createElement("span", { className: `${w}__name` }, F.displayName), F.planTier && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("span", { className: `${w}__name` }, O.displayName), O.planTier && /* @__PURE__ */ e.createElement(
     it,
     {
       size: "sm",
-      color: F.planTier,
-      label: M2[F.planTier]
+      color: O.planTier,
+      label: M2[O.planTier]
     }
   )), j = /* @__PURE__ */ e.createElement(
-    O,
+    R,
     {
       iconName: "angleDown",
       iconSize: "md",
@@ -7892,14 +7903,14 @@ const os = (u) => {
       onClear: () => h(o),
       id: "workspace-filter",
       label: l,
-      onChange: K,
+      onChange: X,
       placeholder: n,
       showLabel: !1,
       type: "search"
     }
   )), ne = $.map(
     (ee, ie) => {
-      const Me = `${w}__item`, De = ee.isActive ? `${Me}--active` : null, ke = ee.isUnprivileged ? `${Me}--unprivileged` : null, Be = /* @__PURE__ */ e.createElement(O, { iconName: "check", className: `${w}__active-icon` }), Oe = ee.workspaceId, Ye = ee.workspaceLink.type, Qe = ee.isUnprivileged ? null : (Re) => {
+      const Me = `${w}__item`, De = ee.isActive ? `${Me}--active` : null, ke = ee.isUnprivileged ? `${Me}--unprivileged` : null, Be = /* @__PURE__ */ e.createElement(R, { iconName: "check", className: `${w}__active-icon` }), Oe = ee.workspaceId, Ye = ee.workspaceLink.type, Qe = ee.isUnprivileged ? null : (Re) => {
         m.current[ie] = Re;
       };
       return /* @__PURE__ */ e.createElement(
@@ -7916,7 +7927,7 @@ const os = (u) => {
           tabIndex: y === ie ? 0 : -1,
           ref: Qe,
           onKeyDown: ae
-        }, Z()),
+        }, U()),
         /* @__PURE__ */ e.createElement(
           Ye,
           he(L({}, ee.workspaceLink.props), {
@@ -7951,7 +7962,7 @@ const os = (u) => {
       className: `${w}__trigger`,
       "aria-label": t,
       ref: V.setReference
-    }, X()),
+    }, K()),
     te,
     j
   ), Y && /* @__PURE__ */ e.createElement(
@@ -7963,7 +7974,7 @@ const os = (u) => {
         zIndex: "var(--pds-z-index-dropdown)"
       }
     }, Q()),
-    /* @__PURE__ */ e.createElement("div", { style: L({}, B) }, se, /* @__PURE__ */ e.createElement("ul", { className: x([N, I]), role: "menu" }, /* @__PURE__ */ e.createElement("li", { className: `${w}__item-heading`, role: "presentation" }, r), ne.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${w}__no-results` }, a) : ne), me)
+    /* @__PURE__ */ e.createElement("div", { style: L({}, W) }, se, /* @__PURE__ */ e.createElement("ul", { className: x([N, I]), role: "menu" }, /* @__PURE__ */ e.createElement("li", { className: `${w}__item-heading`, role: "presentation" }, r), ne.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${w}__no-results` }, a) : ne), me)
   )), ge = (ee) => {
     const ie = ee.target;
     ie.classList.toggle(`${w}__toggle--expanded`), ie.setAttribute(
@@ -8000,7 +8011,7 @@ const os = (u) => {
   info: "circleInfo",
   warning: "triangleExclamation",
   critical: "diamondExclamation"
-}, Ts = (c) => {
+}, As = (c) => {
   var o = c, {
     banners: t,
     dismissLabel: s = "Dismiss",
@@ -8020,7 +8031,7 @@ const os = (u) => {
     "typeLabels",
     "className"
   ]);
-  const [i, f] = U(t);
+  const [i, f] = Z(t);
   ce(() => {
     f(t);
   }, [t]);
@@ -8056,14 +8067,14 @@ const os = (u) => {
       ]), document.getElementById(i[0].id).classList.remove(`${p}--fading`);
     }, 200);
   }, C = (M, z) => {
-    const { id: w, isDismissible: H, message: N, onDismiss: I, type: V } = M, T = ["critical", "warning"].includes(V) ? "alert" : "status", k = `${r[V]}:  `, P = (R) => {
-      R.preventDefault(), document.getElementById(w).classList.add(`${p}--dismissing`), setTimeout(() => {
+    const { id: w, isDismissible: H, message: N, onDismiss: I, type: V } = M, A = ["critical", "warning"].includes(V) ? "alert" : "status", k = `${r[V]}:  `, P = (B) => {
+      B.preventDefault(), document.getElementById(w).classList.add(`${p}--dismissing`), setTimeout(() => {
         if (u === 1) {
           f([]);
           return;
         }
         f(
-          (W) => W.filter((X) => X.id !== w)
+          (F) => F.filter((K) => K.id !== w)
         ), I && M.onDismiss();
       }, 200);
     };
@@ -8073,13 +8084,13 @@ const os = (u) => {
         key: w,
         id: w,
         className: x([p, b[V]]),
-        role: T,
+        role: A,
         style: {
           zIndex: $(z).zIndex
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
-        O,
+        R,
         {
           iconName: z2[V],
           iconSize: "md",
@@ -8127,7 +8138,7 @@ const os = (u) => {
       }
     ), i.map((M, z) => C(M, z))) : C(i[0], 0)
   );
-}, At = {
+}, Tt = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
@@ -8167,14 +8178,14 @@ const os = (u) => {
       role: p
     }, d),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon-${n}` }, n === "working" ? /* @__PURE__ */ e.createElement(Lt, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
-        iconName: `${n}` in At ? At[n] : At.info,
+        iconName: `${n}` in Tt ? Tt[n] : Tt.info,
         iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, E), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${o}__secondaryText` }, s)))
   );
-}, Tt = {
+}, At = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
@@ -8237,9 +8248,9 @@ const os = (u) => {
       role: $
     }, i),
     /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${E}__icon ${E}__icon-${a}` }, /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
-        iconName: `${a}` in Tt ? Tt[a] : Tt.info,
+        iconName: `${a}` in At ? At[a] : At.info,
         iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${E}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h), d && /* @__PURE__ */ e.createElement("div", { className: `${E}__title` }, d), /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, r))),
@@ -8251,7 +8262,7 @@ const os = (u) => {
         "aria-label": t,
         role: "button"
       },
-      /* @__PURE__ */ e.createElement(O, { iconSize: "md", iconName: "xmark" })
+      /* @__PURE__ */ e.createElement(R, { iconSize: "md", iconName: "xmark" })
     )
   );
 }, Dt = {
@@ -8289,7 +8300,7 @@ const os = (u) => {
       id: s
     },
     /* @__PURE__ */ e.createElement("div", { className: `${d}__icon-container` }, n === "working" ? /* @__PURE__ */ e.createElement(Lt, { colorType: "monochromatic", size: "lg" }) : /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: `${n}` in Dt ? Dt[n] : Dt.info,
         className: `${d}__icon ${d}__icon--${n}`
@@ -8346,7 +8357,7 @@ const Fs = () => {
   currentPage: s,
   itemsPerPage: n,
   totalItemCount: l
-}) => T1(() => {
+}) => A1(() => {
   const d = Math.ceil(l / n), a = t + 5, c = 1, o = d;
   if (a >= d)
     return ht(1, d);
@@ -8442,7 +8453,7 @@ const Fs = () => {
           "aria-label": d.previous,
           onClick: s === 1 ? void 0 : y
         },
-        /* @__PURE__ */ e.createElement(O, { iconName: "arrowLeft" })
+        /* @__PURE__ */ e.createElement(R, { iconName: "arrowLeft" })
       )
     ), p.map((g, _) => g === ot ? /* @__PURE__ */ e.createElement(
       "li",
@@ -8484,7 +8495,7 @@ const Fs = () => {
           "aria-label": d.next,
           onClick: s === E ? void 0 : b
         },
-        /* @__PURE__ */ e.createElement(O, { iconName: "arrowRight" })
+        /* @__PURE__ */ e.createElement(R, { iconName: "arrowRight" })
       )
     ))
   );
@@ -8503,7 +8514,7 @@ const Fs = () => {
     "className"
   ]);
   const o = s || `expansion-panel-${et()}`, i = "pds-expansion-panel";
-  return /* @__PURE__ */ e.createElement("div", L({ className: x([i, r]) }, d), /* @__PURE__ */ e.createElement("details", { key: o, id: o, open: n }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement("span", null, l), /* @__PURE__ */ e.createElement(O, { iconName: "angleDown", className: `${i}__icon` })), /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, t)));
+  return /* @__PURE__ */ e.createElement("div", L({ className: x([i, r]) }, d), /* @__PURE__ */ e.createElement("details", { key: o, id: o, open: n }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement("span", null, l), /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", className: `${i}__icon` })), /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, t)));
 }, Ws = (r) => {
   var d = r, {
     children: t,
@@ -8606,8 +8617,8 @@ const Fs = () => {
     "setPopoverIsOpen",
     "className"
   ]);
-  var Q, Z, Y, B;
-  const [y, v] = U(i);
+  var Q, U, Y, W;
+  const [y, v] = Z(i);
   ce(() => {
     v(i);
   }, [i]), ce(() => {
@@ -8619,8 +8630,8 @@ const Fs = () => {
   ]), g = s ? l : 0, _ = de(null), { refs: C, floatingStyles: M, context: z, middlewareData: w } = Ve({
     placement: d,
     open: y,
-    onOpenChange(F) {
-      v(F), F || r();
+    onOpenChange(O) {
+      v(O), O || r();
     },
     middleware: [
       Ct(Je + V2 + g),
@@ -8631,21 +8642,21 @@ const Fs = () => {
     whileElementsMounted: Pe
   }), H = () => {
     v(!1), r && r();
-  }, N = Ke(z), I = Ie(z), V = Se(z), { getReferenceProps: A, getFloatingProps: T } = Ae([
+  }, N = Ke(z), I = Ie(z), V = Se(z), { getReferenceProps: T, getFloatingProps: A } = Te([
     N,
     I,
     V
-  ]), k = (Z = (Q = w.arrow) == null ? void 0 : Q.x) != null ? Z : 0, P = (B = (Y = w.arrow) == null ? void 0 : Y.y) != null ? B : 0, R = k + l1 / 2, W = P + Je, { isMounted: X } = Xe(z, {
+  ]), k = (U = (Q = w.arrow) == null ? void 0 : Q.x) != null ? U : 0, P = (W = (Y = w.arrow) == null ? void 0 : Y.y) != null ? W : 0, B = k + l1 / 2, F = P + Je, { isMounted: K } = Xe(z, {
     initial: {
       transform: "scale(0)"
     },
-    common: ({ side: F }) => ({
+    common: ({ side: O }) => ({
       transformOrigin: {
-        top: `${R}px calc(100% + ${Je}px)`,
-        bottom: `${R}px ${-Je}px`,
-        left: `calc(100% + ${Je}px) ${W}px`,
-        right: `${-Je}px ${W}px`
-      }[F]
+        top: `${B}px calc(100% + ${Je}px)`,
+        bottom: `${B}px ${-Je}px`,
+        left: `calc(100% + ${Je}px) ${F}px`,
+        right: `${-Je}px ${F}px`
+      }[O]
     })
   });
   return /* @__PURE__ */ e.createElement("div", L({ className: x([h, u]) }, p), /* @__PURE__ */ e.createElement(
@@ -8654,22 +8665,22 @@ const Fs = () => {
       className: `${h}__trigger`,
       ref: C.setReference,
       role: "button"
-    }, A()),
+    }, T()),
     s ? /* @__PURE__ */ e.createElement("span", { className: m }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, o), /* @__PURE__ */ e.createElement(
-      O,
+      R,
       {
         iconName: c,
         className: `${h}__icon`,
         iconSize: "md"
       }
     ))
-  ), X && /* @__PURE__ */ e.createElement(u1, null, /* @__PURE__ */ e.createElement(p1, { context: z, modal: !1 }, /* @__PURE__ */ e.createElement(
+  ), K && /* @__PURE__ */ e.createElement(u1, null, /* @__PURE__ */ e.createElement(p1, { context: z, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: `${h}__container`,
       ref: C.setFloating,
       style: M
-    }, T()),
+    }, A()),
     /* @__PURE__ */ e.createElement(
       P1,
       {
@@ -8691,7 +8702,7 @@ const Fs = () => {
         className: `${h}__close`
       },
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"),
-      /* @__PURE__ */ e.createElement(O, { iconName: "xmark", iconSize: "lg" })
+      /* @__PURE__ */ e.createElement(R, { iconName: "xmark", iconSize: "lg" })
     ))
   ))));
 }, c1 = {
@@ -8772,7 +8783,7 @@ const Fs = () => {
     )),
     _ && m
   );
-}, I2 = 3.815, S2 = 4.678, A2 = 5.96, T2 = (i) => {
+}, I2 = 3.815, S2 = 4.678, T2 = 5.96, A2 = (i) => {
   var f = i, {
     id: t,
     innerLabel: s,
@@ -8794,7 +8805,7 @@ const Fs = () => {
   ]);
   const u = t || et(), p = "pds-progress-ring", E = r ? `${p}__label` : "visually-hidden", b = `${p}__loading-text ${p}__loading-text--${a}`, y = (C) => C * 16;
   let v = y(S2), $ = 7;
-  a === "sm" && (v = y(I2), $ = $ / 1.25), a === "lg" && (v = y(A2), $ = $ * 1.25);
+  a === "sm" && (v = y(I2), $ = $ / 1.25), a === "lg" && (v = y(T2), $ = $ * 1.25);
   const h = v / 2 - $ / 2, m = 2 * Math.PI * h, g = m - m * l / 100;
   let _;
   return s ? _ = s : d ? _ = `${l}%` : _ = "", /* @__PURE__ */ e.createElement(
@@ -8882,13 +8893,13 @@ const Fs = () => {
       className: [o, i, r].join(" ").trim().replace(/\s+/g, " ")
     }, d),
     s && n === "stand-alone" && /* @__PURE__ */ e.createElement("div", { className: `${o}__image` }, /* @__PURE__ */ e.createElement("img", { src: s, alt: "" })),
-    /* @__PURE__ */ e.createElement("div", { className: `${o}__quote-wrapper` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--before` }, /* @__PURE__ */ e.createElement(O, { iconName: "quotesLeft", iconSize: "4xl" })), /* @__PURE__ */ e.createElement("div", { className: `${o}__text-wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${o}__quote-wrapper` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--before` }, /* @__PURE__ */ e.createElement(R, { iconName: "quotesLeft", iconSize: "4xl" })), /* @__PURE__ */ e.createElement("div", { className: `${o}__text-wrapper` }, /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${o}__quote pds-quote-text pds-quote-text--lg`
       },
       l
-    ), /* @__PURE__ */ e.createElement("div", { className: `${o}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__name` }, t.name), t.title && /* @__PURE__ */ e.createElement("span", { className: `${o}__title` }, ", ", t.title), t.org && /* @__PURE__ */ e.createElement("span", { className: `${o}__org` }, ", ", t.org))), /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--after` }, /* @__PURE__ */ e.createElement(O, { iconName: "quotesRight", iconSize: "4xl" })))
+    ), /* @__PURE__ */ e.createElement("div", { className: `${o}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__name` }, t.name), t.title && /* @__PURE__ */ e.createElement("span", { className: `${o}__title` }, ", ", t.title), t.org && /* @__PURE__ */ e.createElement("span", { className: `${o}__org` }, ", ", t.org))), /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--after` }, /* @__PURE__ */ e.createElement(R, { iconName: "quotesRight", iconSize: "4xl" })))
   );
 };
 var D2 = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.WORKING = "working", t.CHECKED = "checked", t))(D2 || {});
@@ -8906,7 +8917,7 @@ const Xs = (a) => {
     "onCheck",
     "className"
   ]);
-  const [o, i] = U(
+  const [o, i] = Z(
     "default"
     /* DEFAULT */
   ), f = L({
@@ -8951,7 +8962,7 @@ const Xs = (a) => {
     `${E}__button`,
     o === "working" ? `${E}__button--spinning` : ""
   ]), y = t !== null && t > 0 ? `${t}rem` : "100%", v = /* @__PURE__ */ e.createElement("span", { className: `${E}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
-    O,
+    R,
     {
       iconName: "rotate",
       iconSize: "md",
@@ -9007,7 +9018,7 @@ const Xs = (a) => {
         l != null ? l : ""
       ])
     }, r),
-    /* @__PURE__ */ e.createElement(O, { iconName: i, iconSize: "2xl" }),
+    /* @__PURE__ */ e.createElement(R, { iconName: i, iconSize: "2xl" }),
     /* @__PURE__ */ e.createElement("h1", null, t),
     s && /* @__PURE__ */ e.createElement(it, { label: o, color: "neutral", size: "md" })
   );
@@ -9069,7 +9080,7 @@ const Xs = (a) => {
         target: "_blank",
         "aria-label": Ot[a].label
       },
-      /* @__PURE__ */ e.createElement(O, { iconName: Ot[a].icon, iconSize: "xl" })
+      /* @__PURE__ */ e.createElement(R, { iconName: Ot[a].icon, iconSize: "xl" })
     )))
   );
 }, Js = (d) => {
@@ -9118,34 +9129,34 @@ const Xs = (a) => {
   const a = "pds-stepper", c = "pds-stepper-mobile", o = de(), [i] = yt(o), f = i.width, u = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
   ) * 16, p = -40, E = 2, b = 5, y = t.length, v = t.map((m) => m.isCurrent).lastIndexOf(!0), $ = t.map((m, g) => {
-    const _ = g + 1, C = g === v, M = g < v, z = m.hasError && C, H = (f - y * u) / (y + (y - 2)), N = u + H * 2, I = u + H, V = H + p * -1, A = g === 0, T = g === y - 1;
+    const _ = g + 1, C = g === v, M = g < v, z = m.hasError && C, H = (f - y * u) / (y + (y - 2)), N = u + H * 2, I = u + H, V = H + p * -1, T = g === 0, A = g === y - 1;
     let k = N;
-    (A || T) && (k = I);
-    const P = `${a}__step`, R = [P];
-    C && R.push(`${P}--current`), M && R.push(`${P}--complete`), z && R.push(`${P}--error`);
-    let W = `${s.step} ${_}`;
-    M && (W = `${s.step} ${_}, ${s.completed}`), z && (W = `${s.step} ${_}, ${s.hasError}`);
-    const X = M ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${a}__step-indicator` }, /* @__PURE__ */ e.createElement(
-      O,
+    (T || A) && (k = I);
+    const P = `${a}__step`, B = [P];
+    C && B.push(`${P}--current`), M && B.push(`${P}--complete`), z && B.push(`${P}--error`);
+    let F = `${s.step} ${_}`;
+    M && (F = `${s.step} ${_}, ${s.completed}`), z && (F = `${s.step} ${_}, ${s.hasError}`);
+    const K = M ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${a}__step-indicator` }, /* @__PURE__ */ e.createElement(
+      R,
       {
         iconName: "check",
         iconSize: "md",
         className: `${a}__step-complete-icon`
       }
     )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${a}__step-indicator` }), Q = /* @__PURE__ */ e.createElement("div", { className: `${a}__step-label` }, m.label);
-    let Z = /* @__PURE__ */ e.createElement("div", { className: `${a}__step-content` }, Q, X);
+    let U = /* @__PURE__ */ e.createElement("div", { className: `${a}__step-content` }, Q, K);
     if (M && m.callback) {
-      const Y = (B) => {
-        m.callback(m), B.preventDefault();
+      const Y = (W) => {
+        m.callback(m), W.preventDefault();
       };
-      Z = /* @__PURE__ */ e.createElement(
+      U = /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${a}__step-content`,
           onClick: Y
         },
         Q,
-        X
+        K
       );
     }
     return /* @__PURE__ */ e.createElement(
@@ -9153,14 +9164,14 @@ const Xs = (a) => {
       {
         key: m.id,
         id: m.id,
-        "aria-label": W,
+        "aria-label": F,
         "aria-posinset": _,
         "aria-setsize": y,
         "aria-current": C ? "step" : null,
-        className: R.join(" ").trim().replace(/\s+/g, " "),
+        className: B.join(" ").trim().replace(/\s+/g, " "),
         style: { width: k }
       },
-      !A && /* @__PURE__ */ e.createElement(
+      !T && /* @__PURE__ */ e.createElement(
         "span",
         {
           className: `${a}__connector ${a}__connector--before`,
@@ -9170,8 +9181,8 @@ const Xs = (a) => {
           }
         }
       ),
-      Z,
-      !T && /* @__PURE__ */ e.createElement(
+      U,
+      !A && /* @__PURE__ */ e.createElement(
         "span",
         {
           className: `${a}__connector ${a}__connector--after`,
@@ -9195,7 +9206,7 @@ const Xs = (a) => {
           className: `${c}__step`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${c}__progress-indicator` }, /* @__PURE__ */ e.createElement(
-          T2,
+          A2,
           {
             label: "Step progress",
             size: "sm",
@@ -9205,7 +9216,7 @@ const Xs = (a) => {
           }
         )),
         /* @__PURE__ */ e.createElement("div", { className: `${c}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__step-label` }, z && /* @__PURE__ */ e.createElement(e.Fragment, null, V, /* @__PURE__ */ e.createElement(
-          O,
+          R,
           {
             iconName: "diamondExclamation",
             iconSize: "md",
@@ -9241,7 +9252,7 @@ const Xs = (a) => {
     "rowData",
     "className"
   ]);
-  const [a] = U(t), [c, o] = U(s), [i, f] = U({ order: "asc", key: "" }), u = (v) => {
+  const [a] = Z(t), [c, o] = Z(s), [i, f] = Z({ order: "asc", key: "" }), u = (v) => {
     o(c.sort(($, h) => $[v].localeCompare(h[v]))), f({ order: "desc", key: v });
   }, p = (v) => {
     o(c.sort(($, h) => h[v].localeCompare($[v]))), f({ order: "asc", key: v });
@@ -9267,14 +9278,14 @@ const Xs = (a) => {
       {
         className: `${y}__sort-button-top ${$ != Number(i.key) && i.key !== "" ? "pds-table__sort-innactive" : Number(i.key) == $ ? i.order : "asc"}`
       },
-      /* @__PURE__ */ e.createElement(O, { iconName: "caretUp", iconSize: "sm" })
+      /* @__PURE__ */ e.createElement(R, { iconName: "caretUp", iconSize: "sm" })
     ),
     /* @__PURE__ */ e.createElement(
       "span",
       {
         className: `${y}__sort-button-bottom ${Number(i.key) == $ ? i.order : "asc"}`
       },
-      /* @__PURE__ */ e.createElement(O, { iconName: "caretDown", iconSize: "sm" })
+      /* @__PURE__ */ e.createElement(R, { iconName: "caretDown", iconSize: "sm" })
     )
   )) : /* @__PURE__ */ e.createElement("span", null, v.title))))), /* @__PURE__ */ e.createElement("tbody", null, c.map((v, $) => b(v, $)))));
 }, sn = (i) => {
@@ -9316,7 +9327,7 @@ const Xs = (a) => {
     "|",
     "~"
   ], E = `#${a} h2:not(.${r}), h3:not(.${r})`, b = () => {
-    const [z, w] = U([]);
+    const [z, w] = Z([]);
     return ce(() => {
       const H = Array.from(
         document.querySelectorAll(E)
@@ -9341,23 +9352,23 @@ const Xs = (a) => {
         title: N
       });
     }), w;
-  }, { nestedHeadings: v } = b(), [$, h] = U();
+  }, { nestedHeadings: v } = b(), [$, h] = Z();
   ((z) => {
     const w = de({});
     ce(() => {
       const H = (V) => {
         w.current = V.reduce((k, P) => (k[P.target.id] = P, k), w.current);
-        const A = [];
+        const T = [];
         Object.keys(w.current).forEach((k) => {
           const P = w.current[k];
-          P.isIntersecting && A.push(P);
+          P.isIntersecting && T.push(P);
         });
-        const T = (k) => I.findIndex((P) => P.id === k);
-        if (A.length === 1)
-          z(A[0].target.id);
-        else if (A.length > 1) {
-          const k = A.sort(
-            (P, R) => T(P.target.id) - T(R.target.id)
+        const A = (k) => I.findIndex((P) => P.id === k);
+        if (T.length === 1)
+          z(T[0].target.id);
+        else if (T.length > 1) {
+          const k = T.sort(
+            (P, B) => A(P.target.id) - A(B.target.id)
           );
           z(k[0].target.id);
         }
@@ -9439,7 +9450,7 @@ const Xs = (a) => {
     "tabs",
     "className"
   ]);
-  const i = "pds-tabs", [f, u] = U(l != null ? l : s);
+  const i = "pds-tabs", [f, u] = Z(l != null ? l : s);
   ce(() => {
     l !== void 0 && u(l);
   }, [l]);
@@ -9514,7 +9525,7 @@ const Xs = (a) => {
         onClick: v ? null : p,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: $, className: `${i}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(O, { iconName: $, iconSize: "md" }) : null, " ", m, r[_].tally ? /* @__PURE__ */ e.createElement(_t, { label: g.label, type: g.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: $, className: `${i}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(R, { iconName: $, iconSize: "md" }) : null, " ", m, r[_].tally ? /* @__PURE__ */ e.createElement(_t, { label: g.label, type: g.type }) : null)
     ))
   ), r.map(({ disabled: v, icon: $, panelContent: h, tabLabel: m, tally: g }, _) => /* @__PURE__ */ e.createElement(
     "div",
@@ -9540,16 +9551,16 @@ const Xs = (a) => {
         onClick: v ? null : p,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: $, className: `${i}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(O, { iconSize: "md", iconName: $ }) : null, " ", m, r[_].tally ? /* @__PURE__ */ e.createElement(_t, { label: g.label, type: g.type }) : null),
+      /* @__PURE__ */ e.createElement("div", { key: $, className: `${i}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(R, { iconSize: "md", iconName: $ }) : null, " ", m, r[_].tally ? /* @__PURE__ */ e.createElement(_t, { label: g.label, type: g.type }) : null),
       _ == f ? /* @__PURE__ */ e.createElement(
-        O,
+        R,
         {
           iconName: "angleUp",
           iconSize: "md",
           className: `${i}__panel-content`
         }
       ) : /* @__PURE__ */ e.createElement(
-        O,
+        R,
         {
           iconName: "angleDown",
           iconSize: "md",
@@ -9610,7 +9621,7 @@ const O2 = (t) => {
     "tagLabel",
     "className"
   ]);
-  const [f, u] = U(!0), p = "pds-tag", E = r ? `${p}--${r}` : `${p}--${O2(d)}`, b = f ? null : "pds-tag--hide", y = () => {
+  const [f, u] = Z(!0), p = "pds-tag", E = r ? `${p}--${r}` : `${p}--${O2(d)}`, b = f ? null : "pds-tag--hide", y = () => {
     u((m) => !m);
   };
   let v, $, h;
@@ -9633,7 +9644,7 @@ const O2 = (t) => {
         }
       },
       /* @__PURE__ */ e.createElement(
-        O,
+        R,
         {
           iconName: "xmark",
           className: `${p}__remove-icon`,
@@ -9984,7 +9995,7 @@ const O2 = (t) => {
 export {
   Ft as Avatar,
   ln as AvatarTileList,
-  Ts as Banner,
+  As as Banner,
   Q2 as BranchDiff,
   ys as Breadcrumb,
   dt as Button,
@@ -10019,7 +10030,7 @@ export {
   p2 as FooterHeading,
   ps as FooterLinks,
   dn as GlobalWrapper,
-  O as Icon,
+  R as Icon,
   vt as IconButton,
   it as IndicatorBadge,
   Ds as InlineMessage,
@@ -10040,7 +10051,7 @@ export {
   qs as Popover,
   cs as PricingCard,
   js as ProgressBar,
-  T2 as ProgressRing,
+  A2 as ProgressRing,
   Ks as PullQuote,
   vs as RadioGroup,
   Xs as RefreshChecker,
@@ -10086,7 +10097,7 @@ export {
   hn as TwoItemLayout,
   Ss as UserMenu,
   ts as UtilityButton,
-  As as WorkspaceSelector,
+  Ts as WorkspaceSelector,
   s1 as badgeTypes,
   Y2 as iconList,
   r1 as tagColors,