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

package/_dist/index.js

@@ -19,7 +19,7 @@ var I = (t, s) => {
       s.indexOf(a) < 0 && r1.call(t, a) && (n[a] = t[a]);
   return n;
 };
-import e, { createContext as Ct, Children as J1, isValidElement as qe, useState as F, useContext as $e, forwardRef as je, useRef as ae, useEffect as re, useCallback as Xt, cloneElement as We, useLayoutEffect as e2, createElement as t2, createRef as s2 } from "react";
+import e, { createContext as Ct, Children as J1, isValidElement as qe, useState as F, useContext as $e, forwardRef as je, useRef as ae, useEffect as oe, useCallback as Xt, cloneElement as We, useLayoutEffect as e2, createElement as t2, createRef as s2 } from "react";
 import p from "prop-types";
 import { NavLink as b1, MemoryRouter as n2 } from "react-router-dom";
 import { useFloating as Se, offset as $t, flip as wt, shift as yt, autoUpdate as Be, useHover as gt, useFocus as v1, useDismiss as Te, useRole as De, useInteractions as Oe, FloatingPortal as C1, useId as $1, useClick as Ge, useListNavigation as ot, useTransitionStyles as Ke, safePolygon as w1, FloatingOverlay as a2, FloatingFocusManager as y1, arrow as l2, FloatingArrow as c2 } from "@floating-ui/react";
@@ -1122,7 +1122,7 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
     C,
     f
   ]), [b, _] = F(""), [$, x] = F(null), [H, k] = F(null), N = ae(null), L = ae(null), z = ae("");
-  re(() => {
+  oe(() => {
     switch (c && _(G(c)), z.numExtra = "", s) {
       case "credit-card":
         z.numExtra = 3, z.current = Ot;
@@ -1171,8 +1171,8 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
         if (L.current = A, A) {
           if (new RegExp("^34|37", "g").test(A)) {
             z.numExtra = 2, z.current = Ot - 1;
-            const Y = {};
-            return Y.first = A.substring(0, 4), Y.middle = A.substring(4, 10), Y.middle.length > 0 && (Y.middle = ` ${Y.middle}`), Y.last = A.substring(10), Y.last.length > 0 && (Y.last = ` ${Y.last}`), `${Y.first}${Y.middle}${Y.last}`;
+            const X = {};
+            return X.first = A.substring(0, 4), X.middle = A.substring(4, 10), X.middle.length > 0 && (X.middle = ` ${X.middle}`), X.last = A.substring(10), X.last.length > 0 && (X.last = ` ${X.last}`), `${X.first}${X.middle}${X.last}`;
           }
           z.numExtra = 3, z.current = Ot;
           const q = new RegExp(".{1,4}", "g");
@@ -1186,8 +1186,8 @@ const w2 = new Intl.NumberFormat().formatToParts(100000089e-2), Dt = w2.find((t)
           z.numExtra = 4, z.current = d1;
           let j = A.substring(0, 3), q = A.substring(3, 6);
           q.length > 0 && (j = `(${j})`, q = ` ${q}`);
-          let X = A.substring(6);
-          return X.length > 0 && (X = `-${X}`), `${j}${q}${X}`;
+          let Y = A.substring(6);
+          return Y.length > 0 && (Y = `-${Y}`), `${j}${q}${Y}`;
         }
         return A;
       }
@@ -1344,7 +1344,7 @@ const N2 = (g) => {
     "className"
   ]);
   const w = "pds-input-obscured", u = ae(["pds-input-field", w, m]), [C, v] = F(c), [b, _] = F(t("")), [$, x] = F(), [H, k] = F(null), [N, L] = F(!1), z = ae(null), V = ae(null);
-  re(() => {
+  oe(() => {
     c && t && _(t(c));
   }, []);
   const S = () => {
@@ -1725,9 +1725,9 @@ const Rt = 16, m1 = 10, k2 = (N) => {
     "validationMessages",
     "className"
   ]);
-  const [z, V] = F(l), [S, M] = F(s("")), [O, D] = F(), [W, Z] = F(null), [U, G] = F(!1), K = ae(null), T = ae(null), A = ae(null), j = ae(null), q = "pds-input-text", X = C ? `${q}--${C}` : null;
-  let Y = null;
-  _ === "search" && (Y = "search"), W === "error" && (Y = "error"), W === "success" && (Y = "success"), C && v && re(() => {
+  const [z, V] = F(l), [S, M] = F(s("")), [O, D] = F(), [W, Z] = F(null), [U, G] = F(!1), K = ae(null), T = ae(null), A = ae(null), j = ae(null), q = "pds-input-text", Y = C ? `${q}--${C}` : null;
+  let X = null;
+  _ === "search" && (X = "search"), W === "error" && (X = "error"), W === "success" && (X = "success"), C && v && oe(() => {
     switch (l && V(ee(l)), j.numExtra = "", C) {
       case "credit-card":
         j.numExtra = 3, j.current = Rt;
@@ -1737,8 +1737,8 @@ const Rt = 16, m1 = 10, k2 = (N) => {
         break;
     }
   }, []);
-  let de = null;
-  (C === "credit-card" || C === "phone") && j.current && (de = j.current + j.numExtra);
+  let re = null;
+  (C === "credit-card" || C === "phone") && j.current && (re = j.current + j.numExtra);
   const ee = (se) => {
     if (se) {
       if (C === "credit-card") {
@@ -1769,12 +1769,12 @@ const Rt = 16, m1 = 10, k2 = (N) => {
     }
     return se;
   };
-  re(() => {
+  oe(() => {
     l && s && M(s(l));
   }, []);
   const pe = () => {
     D(""), Z(null);
-  }, oe = (se) => {
+  }, ie = (se) => {
     f && f(se.target);
   }, le = (se) => {
     C ? m && m({ formattedValue: se, rawValue: A.current }) : m && m(se);
@@ -1785,14 +1785,14 @@ const Rt = 16, m1 = 10, k2 = (N) => {
       const ce = $(se.target.value) || {};
       pe(), ce.error && Z("error"), ce.success && Z("success"), D(ce.message);
     }
-    C && v && !$ && (K.current.checkValidity() === !1 || se.target.value.length < de ? (Z("error"), C === "credit-card" && D(x.creditCardError), C === "phone" && D(x.phoneError)) : Z("success")), le(se.target.value);
+    C && v && !$ && (K.current.checkValidity() === !1 || se.target.value.length < re ? (Z("error"), C === "credit-card" && D(x.creditCardError), C === "phone" && D(x.phoneError)) : Z("success")), le(se.target.value);
   }, he = (se) => {
     var ce;
     (!((ce = T.current) != null && ce.contains(se.relatedTarget)) || !se.relatedTarget) && G(!1);
   }, te = () => {
     pe(), V(""), A.current = "", K.current.focus(), s && M(s("")), le("");
   };
-  re(() => {
+  oe(() => {
     if (_ === "search" && c) {
       const se = (ce) => {
         ce.key === "/" && (/^(?:input|textarea|select|button)$/i.test(ce.target.tagName) || (ce.preventDefault(), document.getElementById(o).focus()));
@@ -1811,7 +1811,7 @@ const Rt = 16, m1 = 10, k2 = (N) => {
     Yt,
     y({
       className: H,
-      decorator: Y,
+      decorator: X,
       disabled: n,
       id: o,
       inputFieldType: "text",
@@ -1829,7 +1829,7 @@ const Rt = 16, m1 = 10, k2 = (N) => {
     /* @__PURE__ */ e.createElement(
       "input",
       {
-        className: [q, X].join(" ").trim().replace(/\s+/g, " "),
+        className: [q, Y].join(" ").trim().replace(/\s+/g, " "),
         type: _,
         id: o,
         name: o,
@@ -1840,13 +1840,13 @@ const Rt = 16, m1 = 10, k2 = (N) => {
         value: z,
         onBlur: ue,
         onChange: we,
-        onFocus: oe,
+        onFocus: ie,
         ref: K,
         "aria-invalid": W === "error",
         "aria-describedby": ke ? `${o}__message` : null,
         autoComplete: _ === "password" ? "off" : t,
-        maxLength: de,
-        minLength: de
+        maxLength: re,
+        minLength: re
       }
     ),
     S && /* @__PURE__ */ e.createElement("div", { className: "pds-input__counter" }, S),
@@ -2232,22 +2232,22 @@ const J = {
   E === "error" && (L = "error"), E === "success" && (L = "success");
   const z = g || l, V = typeof w != "undefined", S = typeof t != "undefined", M = (_e) => h.findIndex((Me) => Me.value === _e), O = V && M(w) >= 0 ? M(w) : null, D = S ? M(t) : null, W = O || D, [Z, U] = F(!1), [G, K] = F(null), [T, A] = F(
     W != null ? W : null
-  ), j = T !== null ? (Le = h[T]) == null ? void 0 : Le.label : void 0, q = T !== null ? (Ee = h[T]) == null ? void 0 : Ee.value : void 0, X = ae([]), { context: Y, refs: de } = Se({
+  ), j = T !== null ? (Le = h[T]) == null ? void 0 : Le.label : void 0, q = T !== null ? (Ee = h[T]) == null ? void 0 : Ee.value : void 0, Y = ae([]), { context: X, refs: re } = Se({
     open: Z,
     onOpenChange: U,
     whileElementsMounted: Be
-  }), ee = Ge(Y, {
+  }), ee = Ge(X, {
     enabled: !s,
     event: "mousedown"
-  }), pe = Te(Y), oe = De(Y, { role: "listbox" }), le = ot(Y, {
-    listRef: X,
+  }), pe = Te(X), ie = De(X, { role: "listbox" }), le = ot(X, {
+    listRef: Y,
     activeIndex: G,
     selectedIndex: T,
     onNavigate: K,
     loop: !0
   }), { getReferenceProps: we, getFloatingProps: ue, getItemProps: he } = Oe(
-    [oe, pe, le, ee]
-  ), { isMounted: te, styles: fe } = Ke(Y, {
+    [ie, pe, le, ee]
+  ), { isMounted: te, styles: fe } = Ke(X, {
     duration: {
       open: 300,
       close: 150
@@ -2265,7 +2265,7 @@ const J = {
     const Me = h[_e];
     V || (A(_e), U(!1)), i && i(Me);
   };
-  re(() => {
+  oe(() => {
     if (V) {
       const _e = M(w);
       A(_e), U(!1);
@@ -2276,13 +2276,13 @@ const J = {
   }, ce = () => {
     d && d(q);
   }, xe = () => {
-    de.reference.current.focus();
+    re.reference.current.focus();
   }, He = h.map((_e, Me) => /* @__PURE__ */ e.createElement(
     S1,
     y({
       key: Me,
       ref: (Pe) => {
-        X.current[Me] = Pe;
+        Y.current[Me] = Pe;
       },
       tabIndex: Me === G ? 0 : -1,
       "aria-selected": Me === T && Me === G,
@@ -2292,7 +2292,7 @@ const J = {
         ke(Me);
       },
       onKeyDown(Pe) {
-        Pe.key === "Enter" && (Pe.preventDefault(), ke(Me), de.reference.current.focus()), Pe.key === "Escape" && (Pe.preventDefault(), de.reference.current.focus());
+        Pe.key === "Enter" && (Pe.preventDefault(), ke(Me), re.reference.current.focus()), Pe.key === "Escape" && (Pe.preventDefault(), re.reference.current.focus());
       }
     })),
     _e.label,
@@ -2328,7 +2328,7 @@ const J = {
         className: `${$}__input-wrapper`,
         id: n,
         tabIndex: 0,
-        ref: de.setReference,
+        ref: re.setReference,
         "aria-labelledby": "select-label",
         "aria-autocomplete": "none"
       }, we({
@@ -2342,7 +2342,7 @@ const J = {
     te && /* @__PURE__ */ e.createElement(
       "div",
       y({
-        ref: de.setFloating,
+        ref: re.setFloating,
         className: `${$}__dropdown`
       }, ue({
         style: {
@@ -2600,7 +2600,7 @@ const V2 = (s) => {
     },
     [n, a]
   ), [f] = F(h);
-  return re(() => {
+  return oe(() => {
     x2(
       h,
       o,
@@ -3398,7 +3398,7 @@ const F2 = p.exact({
   const [t, s] = F(
     window.innerWidth !== void 0 ? window.innerWidth : 1024
   );
-  return re(() => {
+  return oe(() => {
     s(window.innerWidth);
     const n = () => {
       s(window.innerWidth);
@@ -3420,7 +3420,7 @@ const F2 = p.exact({
     mobileMenuMaxWidth: s,
     windowWidth: n
   };
-  return re(() => {
+  return oe(() => {
     a ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
   }, [a]), /* @__PURE__ */ e.createElement(Ae.Provider, { value: o }, t);
 }, u1 = [
@@ -3632,20 +3632,20 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
   let L = !1;
   const z = $e(Ae);
   z && (L = z.isMobile);
-  const V = g && L, S = 'data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="12.5" fill="%23CFCFD3"/><path d="M12.5 11.75C11.2422 11.75 10.0938 11.0938 9.46484 10C8.83594 8.93359 8.83594 7.59375 9.46484 6.5C10.0938 5.43359 11.2422 4.75 12.5 4.75C13.7305 4.75 14.8789 5.43359 15.5078 6.5C16.1367 7.59375 16.1367 8.93359 15.5078 10C14.8789 11.0938 13.7305 11.75 12.5 11.75ZM11.2422 13.0625H13.7305C16.4375 13.0625 18.625 15.25 18.625 17.957C18.625 18.3945 18.2422 18.75 17.8047 18.75H7.16797C6.73047 18.75 6.375 18.3945 6.375 17.957C6.375 15.25 8.53516 13.0625 11.2422 13.0625Z" fill="%2323232D"/></svg>', M = "pds-menu-button", O = V ? `${M}--isMobile` : null, D = g ? `${M}--navbar` : null, W = Ue(), [Z] = F(`menu-button-${W}`), [U] = F(`menu-listbox-${W}`), G = c || Z, K = N.floating, T = ae(null), [A, j] = F(!1), [q, X] = F(!1), [Y, de] = F(""), [ee, pe] = F(0), oe = ae([]), le = ae([]), we = ae([]);
+  const V = g && L, S = 'data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="12.5" fill="%23CFCFD3"/><path d="M12.5 11.75C11.2422 11.75 10.0938 11.0938 9.46484 10C8.83594 8.93359 8.83594 7.59375 9.46484 6.5C10.0938 5.43359 11.2422 4.75 12.5 4.75C13.7305 4.75 14.8789 5.43359 15.5078 6.5C16.1367 7.59375 16.1367 8.93359 15.5078 10C14.8789 11.0938 13.7305 11.75 12.5 11.75ZM11.2422 13.0625H13.7305C16.4375 13.0625 18.625 15.25 18.625 17.957C18.625 18.3945 18.2422 18.75 17.8047 18.75H7.16797C6.73047 18.75 6.375 18.3945 6.375 17.957C6.375 15.25 8.53516 13.0625 11.2422 13.0625Z" fill="%2323232D"/></svg>', M = "pds-menu-button", O = V ? `${M}--isMobile` : null, D = g ? `${M}--navbar` : null, W = Ue(), [Z] = F(`menu-button-${W}`), [U] = F(`menu-listbox-${W}`), G = c || Z, K = N.floating, T = ae(null), [A, j] = F(!1), [q, Y] = F(!1), [X, re] = F(""), [ee, pe] = F(0), ie = ae([]), le = ae([]), we = ae([]);
   e2(() => {
     window.addEventListener("mousedown", Ee, !0), H();
     const B = K.current;
     return B && (B.dataset.fuiPlacement = k), q && (setTimeout(() => {
       B.focus();
-    }, 0), X(!1)), () => {
+    }, 0), Y(!1)), () => {
       window.removeEventListener("mousedown", Ee, !0);
     };
   }, [A, k]);
   const ue = (B, ne) => {
-    de(B), pe(ne);
+    re(B), pe(ne);
   }, he = () => {
-    j(!0), X(!0);
+    j(!0), Y(!0);
   }, te = () => {
     j(!1), ue(void 0, -1), T.current.querySelector(`#${G}`).focus();
   }, fe = (B) => {
@@ -3666,14 +3666,14 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
   }, ke = (B) => {
     const ne = le.current.indexOf(B), Q = we.current[ne];
     if (Q.callback && !Q.disabled && Q.callback(Q), Q.linkContent && !Q.disabled) {
-      const ie = T.current.querySelector(`#${B} a`);
-      ie && ie.click();
+      const de = T.current.querySelector(`#${B} a`);
+      de && de.click();
     }
   }, se = () => {
     const B = le.current[ee];
     ke(B);
   }, ce = (B) => {
-    A ? te() : he(), X((ne) => !ne), B.stopPropagation(), B.preventDefault();
+    A ? te() : he(), Y((ne) => !ne), B.stopPropagation(), B.preventDefault();
   }, xe = (B) => {
     ke(B.currentTarget.id), V || te();
   }, He = (B) => {
@@ -3691,14 +3691,14 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
         break;
       case "Up":
       case "ArrowUp": {
-        const ie = le.current.length - 1;
-        he(), ue(le.current[ie], ie), Q = !0;
+        const de = le.current.length - 1;
+        he(), ue(le.current[de], de), Q = !0;
         break;
       }
     }
     Q && (B.stopPropagation(), B.preventDefault());
   }, Le = (B) => {
-    let ne = B.key, Q = !1, ie = "", me = 0;
+    let ne = B.key, Q = !1, de = "", me = 0;
     function ye(Ce) {
       return Ce.length === 1 && Ce.match(/\S/);
     }
@@ -3717,11 +3717,11 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
             break;
           case "Up":
           case "ArrowUp":
-            me = ee - 1, me < 0 && (me = le.current.length - 1), ie = le.current[me], ue(ie, me), Q = !0;
+            me = ee - 1, me < 0 && (me = le.current.length - 1), de = le.current[me], ue(de, me), Q = !0;
             break;
           case "ArrowDown":
           case "Down":
-            me = ee + 1, me > le.current.length - 1 && (me = 0), ie = le.current[me], ue(ie, me), Q = !0;
+            me = ee + 1, me > le.current.length - 1 && (me = 0), de = le.current[me], ue(de, me), Q = !0;
             break;
           case "Home":
           case "PageUp":
@@ -3744,7 +3744,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
     }
   }, Ee = (B) => {
     T.current && !T.current.contains(B.target) && A && te();
-  }, _e = (B, ne, Q = "", ie = "", ...me) => {
+  }, _e = (B, ne, Q = "", de = "", ...me) => {
     const ye = Q ? `-group-${Q}` : "", Ce = G + ye + "-item-" + (ne + 1), Ve = B.id ? B.id : Ce;
     if (At(B))
       return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Ve });
@@ -3753,8 +3753,8 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
         "li",
         {
           role: "presentation",
-          id: ie || null,
-          key: ie,
+          id: de || null,
+          key: de,
           className: `${M}__listbox-heading`
         },
         B.label
@@ -3764,7 +3764,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
     if (Ft(B) || B.label) {
       le.current.push(Ve), we.current.push(B);
       let Xe = !1;
-      Y !== "" && !B.disabled && (Xe = Y === Ve);
+      X !== "" && !B.disabled && (Xe = X === Ve);
       let Ie;
       if (B.label && (Ie = [B.label]), Ft(B) && (Ie = [B.linkContent.props.children]), B.iconName) {
         const at = /* @__PURE__ */ e.createElement(P, { key: `icon-${W}`, iconName: B.iconName, iconSize: "md" });
@@ -3795,22 +3795,22 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
     }
   }, Me = (B, ne) => {
     const Q = [];
-    let ie = ne.shift(), me = [];
+    let de = ne.shift(), me = [];
     return B.map((ye, Ce) => {
-      ye !== ie ? (me.push(ye), Ce + 1 === B.length && Q.push(me)) : (Q.push(me), me = [], me.push(ye), ie = ne.shift());
+      ye !== de ? (me.push(ye), Ce + 1 === B.length && Q.push(me)) : (Q.push(me), me = [], me.push(ye), de = ne.shift());
     }), Q.filter((ye) => ye.length > 0);
   }, Pe = (B) => {
     le.current = [], we.current = [];
     const ne = B, Q = B.filter(
       Pt || At
-    ), ie = Q.length > 0;
+    ), de = Q.length > 0;
     let me = [`${M}__listbox`];
-    if (g && me.push(`${M}__listbox--navbar`), (n === "avatar" || n === "avatar-with-text") && me.push(`${M}__listbox--avatar`), d === "end" && me.push(`${M}__listbox--end`), n === "icon-only" && me.push(`${M}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), ie) {
+    if (g && me.push(`${M}__listbox--navbar`), (n === "avatar" || n === "avatar-with-text") && me.push(`${M}__listbox--avatar`), d === "end" && me.push(`${M}__listbox--end`), n === "icon-only" && me.push(`${M}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), de) {
       const ye = Me(B, Q);
       ye.forEach(() => {
-        oe.current.push(Ue());
+        ie.current.push(Ue());
       });
-      let Ce = oe.current[0];
+      let Ce = ie.current[0];
       const Ve = ye[0].findIndex(
         (Ie) => !At(Ie) && !Pt(Ie)
       ), Xe = `${G}-group-${Ce}-item-${Ve + 1}`;
@@ -3822,7 +3822,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": G,
-          "aria-activedescendant": Y !== "" ? Y : Xe,
+          "aria-activedescendant": X !== "" ? X : Xe,
           style: {
             visibility: A ? "visible" : "hidden",
             opacity: A ? "1" : "0",
@@ -3835,7 +3835,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
           ref: $
         },
         ye.map((Ie, st) => {
-          Ce = oe.current[st];
+          Ce = ie.current[st];
           const nt = Ie[0].isHeading, at = nt ? `${G}-group-${Ce}-heading` : "", Z1 = `${G}-group-${Ce}`, U1 = nt ? null : `${m} ${st + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
@@ -3864,7 +3864,7 @@ const At = (t) => t.isSeparator, Pt = (t) => t.isHeading, Ft = (t) => t.isLink,
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": G,
-          "aria-activedescendant": Y !== "" ? Y : ye,
+          "aria-activedescendant": X !== "" ? X : ye,
           style: {
             visibility: A ? "visible" : "hidden",
             opacity: A ? "1" : "0",
@@ -4067,7 +4067,7 @@ P1.propTypes = {
 };
 const F1 = ({ items: t, label: s, mobileMenuMaxWidth: n = 640 }) => {
   const [a, c] = F(!1), [o, l] = F(0);
-  re(() => (l(window.innerWidth), window.addEventListener("resize", r), () => {
+  oe(() => (l(window.innerWidth), window.addEventListener("resize", r), () => {
     window.removeEventListener("resize", r);
   }), []);
   const r = () => {
@@ -4142,19 +4142,19 @@ const U2 = (l) => {
   const [d, i] = F(1025), [h, m] = F(null), [f, g] = F(-1), [E, w] = F(null), [u, C] = F({
     containerChildren: []
   });
-  re(() => (i(window.innerWidth), window.addEventListener("resize", v), () => {
+  oe(() => (i(window.innerWidth), window.addEventListener("resize", v), () => {
     window.removeEventListener("resize", v);
   }), []);
   const v = () => {
     i(window.innerWidth);
   }, b = d <= a;
-  re(() => {
+  oe(() => {
     u.containerChildren[h] && (u.containerChildren[h].classList.contains(
       "pds-nav-menu__dropdown--separator"
     ) && E == "down" ? m(h + 1) : u.containerChildren[h].classList.contains(
       "pds-nav-menu__dropdown--separator"
     ) && E == "up" ? m(h - 1) : u.containerChildren[h].children[0].focus());
-  }, [h]), re(() => {
+  }, [h]), oe(() => {
     f != -1 && (H.current[f].children[0].blur(), H.current[f].children[0].focus({
       focusVisible: !0
     }));
@@ -5599,8 +5599,8 @@ const Gt = (o) => {
     ]);
     const k = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", L = n ? J.disabled : null, z = E && !n ? J.required : null, V = C === "error" ? J.error : null, S = C === "success" ? J.success : null, M = h > 0 ? `${N}--indent-${h}` : null, O = u || d, D = typeof t != "undefined", W = typeof s != "undefined", [Z, U] = F(
       W ? s : !1
-    ), G = t || Z, K = (X) => {
-      D || U(X.target.checked), f && f(X);
+    ), G = t || Z, K = (Y) => {
+      D || U(Y.target.checked), f && f(Y);
     }, T = `${N}__box`, A = c ? null : G ? `${T}--checked` : null, j = c ? `${T}--indeterminate` : null, q = Xt(() => {
       if (c)
         return /* @__PURE__ */ e.createElement(
@@ -5922,15 +5922,15 @@ const Gt = (o) => {
     const T = k || f, A = typeof H != "undefined", j = typeof t != "undefined", q = (ge) => {
       const ve = b.find((B) => B.value === ge);
       return ve ? ve.label : "";
-    }, [X, Y] = F(!1), [de, ee] = F(null), [pe, oe] = F(
+    }, [Y, X] = F(!1), [re, ee] = F(null), [pe, ie] = F(
       j ? q(t) : ""
     ), [le, we] = F([]), ue = A ? H : pe, he = ae([]), { context: te, refs: fe } = Se({
-      open: X,
-      onOpenChange: Y,
+      open: Y,
+      onOpenChange: X,
       whileElementsMounted: Be
     }), ke = De(te, { role: "listbox" }), se = Te(te), ce = ot(te, {
       listRef: he,
-      activeIndex: de,
+      activeIndex: re,
       onNavigate: ee,
       virtual: !0,
       loop: !0,
@@ -5950,22 +5950,22 @@ const Gt = (o) => {
         opacity: 0
       }
     }), Me = () => {
-      Y(!X);
+      X(!Y);
     }, Pe = () => {
       var ge;
-      !A && oe(""), ee(null), Y(!0), (ge = fe.domReference.current) == null || ge.focus(), u && u();
+      !A && ie(""), ee(null), X(!0), (ge = fe.domReference.current) == null || ge.focus(), u && u();
     }, tt = (ge) => {
       let ve = ge.target.value;
-      E && E(ge), A || (ve.length > 0 && (ve = ve.trimStart()), oe(ve)), ve ? (ee(null), Y(!0)) : Y(!1);
+      E && E(ge), A || (ve.length > 0 && (ve = ve.trimStart()), ie(ve)), ve ? (ee(null), X(!0)) : X(!1);
     }, xt = (ge) => {
       w && w(ge);
     }, Vt = (ge) => {
       C && C(ge);
     }, dt = (ge) => {
       const ve = le[ge];
-      !A && oe(ve.label), ee(null), Y(!1), v && v(ve);
+      !A && ie(ve.label), ee(null), X(!1), v && v(ve);
     }, It = (ge) => ge.map((B) => {
-      const Xe = B, { label: ne, optionDisplay: Q, value: ie, searchIndex: me } = Xe, ye = I(Xe, ["label", "optionDisplay", "value", "searchIndex"]), Ce = ie || ne, Ve = [ne, ie];
+      const Xe = B, { label: ne, optionDisplay: Q, value: de, searchIndex: me } = Xe, ye = I(Xe, ["label", "optionDisplay", "value", "searchIndex"]), Ce = de || ne, Ve = [ne, de];
       return me && Ve.push(...me), y({
         label: ne,
         value: Ce,
@@ -5973,14 +5973,14 @@ const Gt = (o) => {
         optionDisplay: Q
       }, ye);
     });
-    re(() => {
+    oe(() => {
       const ge = It(b).filter(
         (ve) => {
           var Q;
           const B = (Q = ve.searchIndex) == null ? void 0 : Q.map(
-            (ie) => ie.toLowerCase()
+            (de) => de.toLowerCase()
           ), ne = ue.toLowerCase();
-          return B.some((ie) => ie.includes(ne));
+          return B.some((de) => de.includes(ne));
         }
       );
       we(ge);
@@ -5993,16 +5993,16 @@ const Gt = (o) => {
           key: ge
         }, Le({
           key: ne,
-          ref(ie) {
-            he.current[ve] = ie;
+          ref(de) {
+            he.current[ve] = de;
           },
           onClick() {
-            var ie;
-            dt(ve), (ie = fe.domReference.current) == null || ie.focus();
+            var de;
+            dt(ve), (de = fe.domReference.current) == null || de.focus();
           }
         })), {
-          tabIndex: de === ve ? 0 : -1,
-          isActive: de === ve
+          tabIndex: re === ve ? 0 : -1,
+          isActive: re === ve
         }),
         Q || B
       );
@@ -6060,7 +6060,7 @@ const Gt = (o) => {
             onChange: tt,
             onFocus: Vt,
             onKeyDown(ge) {
-              ge.key === "Enter" && de != null && le[de] && dt(de);
+              ge.key === "Enter" && re != null && le[re] && dt(re);
             }
           }))
         ),
@@ -6086,7 +6086,7 @@ const Gt = (o) => {
           }, xe({
             onClick: Me,
             disabled: s,
-            "aria-expanded": X,
+            "aria-expanded": Y,
             "aria-label": h.triggerButton
           })), {
             className: `${D}__trigger`
@@ -6546,10 +6546,10 @@ const Gt = (o) => {
     ]);
     const L = et(c), z = "pds-textarea", V = o ? "pds-is-resizable" : null, S = n ? J.disabled : null, M = g && !n ? J.required : null, O = b === "error" ? J.error : null, D = b === "success" ? J.success : null, W = f ? J.readonly : null, Z = v || r, U = _ != null && i !== void 0, G = typeof s != "undefined", [K, T] = F(
       G ? s : ""
-    ), A = _ || K, j = (X) => {
-      U || T(X.target.value), i && i(X);
-    }, q = (X) => {
-      d && d(X);
+    ), A = _ || K, j = (Y) => {
+      U || T(Y.target.value), i && i(Y);
+    }, q = (Y) => {
+      d && d(Y);
     };
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -6684,23 +6684,23 @@ const Gt = (o) => {
     const M = et(d), O = "pds-text-input", D = a ? J.disabled : null, W = C && !a ? J.required : null, Z = H === "error" ? J.error : null, U = H === "success" ? J.success : null, G = u ? J.readonly : null;
     let K = null;
     $ === "search" && (K = "search"), H === "error" && (K = "error"), H === "success" && (K = "success");
-    const T = x || h, A = typeof k != "undefined", j = typeof n != "undefined", [q, X] = F(
+    const T = x || h, A = typeof k != "undefined", j = typeof n != "undefined", [q, Y] = F(
       j ? n : ""
-    ), Y = k || q, de = (he) => {
-      b && oe && le(!1), m && m(he);
+    ), X = k || q, re = (he) => {
+      b && ie && le(!1), m && m(he);
     }, ee = (he) => {
-      A || X(he.target.value), f && f(he);
+      A || Y(he.target.value), f && f(he);
     }, pe = () => {
-      A || X(""), g && g();
+      A || Y(""), g && g();
       const he = document.getElementById(l);
       he && he.focus();
-    }, [oe, le] = F(!1), we = () => {
+    }, [ie, le] = F(!1), we = () => {
       le((te) => !te);
       const he = document.getElementById(l);
       he && he.focus();
     };
     let ue = $;
-    return b && $ === "password" && (oe ? ue = "text" : ue = "password"), /* @__PURE__ */ e.createElement(
+    return b && $ === "password" && (ie ? ue = "text" : ue = "password"), /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: R([
@@ -6725,7 +6725,7 @@ const Gt = (o) => {
           disabled: a
         }
       ),
-      b && $ === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${_.visibilityStatus} ${oe ? "visible" : "hidden"}.`),
+      b && $ === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${_.visibilityStatus} ${ie ? "visible" : "hidden"}.`),
       /* @__PURE__ */ e.createElement("div", { className: `${O}__input-wrapper` }, K && /* @__PURE__ */ e.createElement(pt, { variant: K }), /* @__PURE__ */ e.createElement(
         "input",
         y({
@@ -6740,13 +6740,13 @@ const Gt = (o) => {
           disabled: a,
           required: C,
           autoComplete: $ === "password" ? "off" : t,
-          onBlur: de,
+          onBlur: re,
           onChange: ee,
           onFocus: E,
           "aria-invalid": H === "error" ? !0 : null,
           "aria-describedby": T ? `${l}__message` : null
         }, r)
-      ), c && Y && /* @__PURE__ */ e.createElement(
+      ), c && X && /* @__PURE__ */ e.createElement(
         Qt,
         {
           id: l,
@@ -6758,13 +6758,13 @@ const Gt = (o) => {
         {
           type: "button",
           className: `${O}__visibility-toggle`,
-          title: oe ? _.visibilityToggleHide : _.visibilityToggleShow,
+          title: ie ? _.visibilityToggleHide : _.visibilityToggleShow,
           "aria-controls": l,
           onClick: we,
           onMouseDown: (he) => he.preventDefault()
         },
-        /* @__PURE__ */ e.createElement(P, { iconName: oe ? "eyeSlash" : "eye", iconSize: "md" })
-      ), o && $ === "search" && !Y && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement(P, { iconName: ie ? "eyeSlash" : "eye", iconSize: "md" })
+      ), o && $ === "search" && !X && /* @__PURE__ */ e.createElement(
         V1,
         {
           inputId: l,
@@ -6774,7 +6774,7 @@ const Gt = (o) => {
         I1,
         {
           id: l,
-          currentLength: Y.length,
+          currentLength: X.length,
           maxLength: s,
           overLimitMessage: _.counterOverLimit
         }
@@ -6845,9 +6845,9 @@ const Gt = (o) => {
     "className"
   ]);
   const m = "pds-modal", f = o !== "md" ? `${m}--${o}` : null, [g, E] = F(a);
-  re(() => {
+  oe(() => {
     E(a);
-  }, [a]), re(() => {
+  }, [a]), oe(() => {
     c(g);
   }, [g]);
   const { refs: w, context: u, floatingStyles: C } = Se({
@@ -7177,7 +7177,7 @@ const Gt = (o) => {
   }, u = (O) => {
     O.target.nodeName === "A" && i(!1);
   };
-  re(() => {
+  oe(() => {
     if (d) {
       const O = document.querySelector(".pds-dropdown-menu__dropdown");
       return O.addEventListener("click", u), () => {
@@ -7788,24 +7788,25 @@ const Gt = (o) => {
   }, G = (q) => {
     b(q.value), d && d(q);
   };
-  re(() => {
-    const q = (Y) => {
-      _.current && !_.current.contains(Y.target) && C(!1);
-    }, X = (Y) => {
+  oe(() => {
+    const q = (X) => {
+      _.current && !_.current.contains(X.target) && C(!1);
+    }, Y = (X) => {
       var ee;
-      const de = (ee = _.current) == null ? void 0 : ee.querySelector("input");
-      Y.key === "Tab" && u && de === document.activeElement && C(!1);
+      const re = (ee = _.current) == null ? void 0 : ee.querySelector("input");
+      X.key === "Tab" && u && re === document.activeElement && C(!1);
     };
     if (u)
-      return document.addEventListener("mousedown", q), document.addEventListener("keydown", X), () => {
-        document.removeEventListener("mousedown", q), document.removeEventListener("keydown", X);
+      return document.addEventListener("mousedown", q), document.addEventListener("keydown", Y), () => {
+        document.removeEventListener("mousedown", q), document.removeEventListener("keydown", Y);
       };
   }, [u]);
   const K = h.map((q) => {
-    const { machineName: X, name: Y } = q;
+    const { id: Y, machineName: X, name: re } = q;
     return {
-      label: Y,
-      value: X != null ? X : "",
+      id: Y,
+      label: re,
+      value: X != null ? X : re,
       optionDisplay: /* @__PURE__ */ e.createElement(is, { option: q })
     };
   }), T = /* @__PURE__ */ e.createElement("div", { ref: _, className: `${D}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
@@ -7925,11 +7926,11 @@ const Gt = (o) => {
     }
     j && (T.stopPropagation(), T.preventDefault());
   };
-  re(() => (window.addEventListener("keyup", H), () => {
+  oe(() => (window.addEventListener("keyup", H), () => {
     window.removeEventListener("keyup", H);
   }), []);
   const k = () => w(!E), N = s2();
-  re(() => {
+  oe(() => {
     if (u && t) {
       const T = H1(
         document.querySelector(".pds-navbar__mobile")
@@ -7944,14 +7945,14 @@ const Gt = (o) => {
   const L = (T) => {
     T.target.nodeName === "A" && w(!1);
   };
-  re(() => {
+  oe(() => {
     if (E) {
       const T = document.querySelector(".pds-navbar__bar-mobile"), A = document.querySelector(".pds-navbar__mobile");
       return T.addEventListener("click", L), A.addEventListener("click", L), () => {
         T.removeEventListener("click", L), A.removeEventListener("click", L);
       };
     }
-  }, [E]), re(() => {
+  }, [E]), oe(() => {
     E ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [E]);
   const z = kt(t), V = z["items-left"], S = z["items-right"];
@@ -8030,7 +8031,7 @@ const Gt = (o) => {
     "className"
   ]);
   const m = "pds-side-nav", [f, g] = F(1025);
-  re(() => (g(window.innerWidth), window.addEventListener("resize", E), () => {
+  oe(() => (g(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
   const E = () => {
@@ -8135,7 +8136,7 @@ const Gt = (o) => {
     "className"
   ]);
   const m = "pds-side-nav-compact", [f, g] = F(1025);
-  re(() => (g(window.innerWidth), window.addEventListener("resize", E), () => {
+  oe(() => (g(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
   const E = () => {
@@ -8293,22 +8294,22 @@ const Gt = (o) => {
       opacity: 0
     }
   }), O = (q) => {
-    var X;
-    q.preventDefault(), q.key === "Enter" && ((X = b.current[d].querySelector("a")) == null || X.click()), q.key === "Tab" && q.shiftKey && (E ? document.getElementById("links-filter").focus() : r(!1));
-  }, D = (q, X) => Fe(q.linkContent).toLowerCase().includes(X.toLowerCase()), W = (q) => {
-    const X = q.target.value;
-    g(X);
-    const Y = a.filter((de) => D(de, X));
-    m(Y);
+    var Y;
+    q.preventDefault(), q.key === "Enter" && ((Y = b.current[d].querySelector("a")) == null || Y.click()), q.key === "Tab" && q.shiftKey && (E ? document.getElementById("links-filter").focus() : r(!1));
+  }, D = (q, Y) => Fe(q.linkContent).toLowerCase().includes(Y.toLowerCase()), W = (q) => {
+    const Y = q.target.value;
+    g(Y);
+    const X = a.filter((re) => D(re, Y));
+    m(X);
   };
-  re(() => {
-    const q = a.filter((X) => D(X, f));
+  oe(() => {
+    const q = a.filter((Y) => D(Y, f));
     m(q);
   }, [a]);
   const Z = () => {
     g(""), m(a);
   }, U = a.reduce(
-    (q, X) => Fe(q.linkContent).length > Fe(X.linkContent).length ? q : X
+    (q, Y) => Fe(q.linkContent).length > Fe(Y.linkContent).length ? q : Y
   ), K = {
     minWidth: "13rem",
     width: `${Fe(
@@ -8327,17 +8328,17 @@ const Gt = (o) => {
       type: "search",
       autoComplete: "off"
     }
-  )), j = h.map((q, X) => {
-    const Y = q.isActive ? `${v}--active` : null;
+  )), j = h.map((q, Y) => {
+    const X = q.isActive ? `${v}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
-        key: X,
-        className: R([v, Y]),
-        ref: (de) => {
-          b.current[X] = de;
+        key: Y,
+        className: R([v, X]),
+        ref: (re) => {
+          b.current[Y] = re;
         },
-        tabIndex: X === d ? 0 : -1,
+        tabIndex: Y === d ? 0 : -1,
         onKeyDown: O
       }, V()),
       q.linkContent,
@@ -8516,19 +8517,19 @@ const Gt = (o) => {
     E.current.push(pe), w.current.push(ee);
   });
   const T = (ee) => {
-    const pe = E.current.indexOf(ee), oe = w.current[pe];
-    oe.linkContent && !oe.disabled && (V.current[pe].querySelector("a").click(), g(!1)), oe.callback && !oe.disabled && (oe.callback(oe), g(!1));
+    const pe = E.current.indexOf(ee), ie = w.current[pe];
+    ie.linkContent && !ie.disabled && (V.current[pe].querySelector("a").click(), g(!1)), ie.callback && !ie.disabled && (ie.callback(ie), g(!1));
   }, A = (ee) => {
     ee.preventDefault(), ee.key === "Enter" && T(ee.currentTarget.id);
   }, j = (ee) => {
     T(ee.currentTarget.id);
   }, q = s.map((ee, pe) => {
-    const oe = E.current[pe], le = `${b}__item`, we = ee.disabled ? `${le}--disabled` : null;
+    const ie = E.current[pe], le = `${b}__item`, we = ee.disabled ? `${le}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
-        key: oe,
-        id: oe,
+        key: ie,
+        id: ie,
         className: R([le, we]),
         role: "menuitem",
         tabIndex: h === pe ? 0 : -1,
@@ -8547,7 +8548,7 @@ const Gt = (o) => {
       ),
       ee.linkContent ? ee.linkContent : ee.label
     );
-  }), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }), Y = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
       className: `${b}__trigger`,
@@ -8565,19 +8566,19 @@ const Gt = (o) => {
       })
     }, O()),
     /* @__PURE__ */ e.createElement("div", { style: y({}, Z) }, /* @__PURE__ */ e.createElement("ul", { className: $, role: "menu" }, K, /* @__PURE__ */ e.createElement("li", { role: "separator" }), q))
-  )), Y = (ee) => {
+  )), X = (ee) => {
     const pe = ee.currentTarget;
     pe.classList.toggle(`${b}__toggle--expanded`), pe.setAttribute(
       "aria-expanded",
       pe.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), pe.nextElementSibling.classList.toggle(`${b}__mobile-menu--expanded`);
-  }, de = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }, re = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${b}__toggle`,
       "aria-expanded": !1,
       "aria-label": t,
-      onClick: Y
+      onClick: X
     },
     /* @__PURE__ */ e.createElement("span", { className: `${b}__toggle-left` }, U, c || n),
     G
@@ -8596,7 +8597,7 @@ const Gt = (o) => {
     y({
       className: R([b, _, l != null ? l : ""])
     }, r),
-    v ? de : X
+    v ? re : Y
   );
 }, ms = {
   silver: "Silver",
@@ -8662,19 +8663,19 @@ const Gt = (o) => {
   });
   let q = d.find((te) => te.isActive);
   q || (q = d[0]);
-  const X = (te) => {
+  const Y = (te) => {
     const { value: fe } = te.target, ke = d.filter((se) => se.displayName.toLowerCase().includes(fe.toLowerCase()));
     v(ke);
   };
-  re(() => {
+  oe(() => {
     const te = d.map((fe) => be(y({}, fe), {
       isActive: fe.isActive
     }));
     v(te);
   }, [d]);
-  const Y = (te) => {
+  const X = (te) => {
     te.preventDefault(), te.key === "Enter" && b.current[w].querySelector("a").click(), te.key === "Tab" && (te.shiftKey ? $ ? document.getElementById("workspace-filter").focus() : E(!1) : s ? _.current.querySelector("a").focus() : E(!1));
-  }, de = /* @__PURE__ */ e.createElement("div", { className: `${N}__button-content` }, /* @__PURE__ */ e.createElement(
+  }, re = /* @__PURE__ */ e.createElement("div", { className: `${N}__button-content` }, /* @__PURE__ */ e.createElement(
     ut,
     {
       size: "sm",
@@ -8703,12 +8704,12 @@ const Gt = (o) => {
       onClear: () => v(d),
       id: "workspace-filter",
       label: a,
-      onChange: X,
+      onChange: Y,
       placeholder: n,
       showLabel: !1,
       type: "search"
     }
-  )), oe = C.map(
+  )), ie = C.map(
     (te, fe) => {
       const ke = `${N}__item`, se = te.isActive ? `${ke}--active` : null, ce = te.isUnprivileged ? `${ke}--unprivileged` : null, xe = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${N}__active-icon` }), He = te.workspaceId, Le = te.workspaceLink.type, Ee = te.isUnprivileged ? null : (_e) => {
         b.current[fe] = _e;
@@ -8726,7 +8727,7 @@ const Gt = (o) => {
           role: "menuitem",
           tabIndex: w === fe ? 0 : -1,
           ref: Ee,
-          onKeyDown: Y
+          onKeyDown: X
         }, T()),
         /* @__PURE__ */ e.createElement(
           Le,
@@ -8763,7 +8764,7 @@ const Gt = (o) => {
       "aria-label": t,
       ref: S.setReference
     }, G()),
-    de,
+    re,
     ee
   ), A && /* @__PURE__ */ e.createElement(
     "div",
@@ -8774,7 +8775,7 @@ const Gt = (o) => {
         zIndex: "var(--pds-z-index-dropdown)"
       }
     }, K()),
-    /* @__PURE__ */ e.createElement("div", { style: y({}, j) }, pe, /* @__PURE__ */ e.createElement("ul", { className: R([z, V]), role: "menu" }, /* @__PURE__ */ e.createElement("li", { className: `${N}__item-heading`, role: "presentation" }, c), oe.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : oe), le)
+    /* @__PURE__ */ e.createElement("div", { style: y({}, j) }, pe, /* @__PURE__ */ e.createElement("ul", { className: R([z, V]), role: "menu" }, /* @__PURE__ */ e.createElement("li", { className: `${N}__item-heading`, role: "presentation" }, c), ie.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : ie), le)
   )), ue = (te) => {
     const fe = te.target;
     fe.classList.toggle(`${N}__toggle--expanded`), fe.setAttribute(
@@ -8789,7 +8790,7 @@ const Gt = (o) => {
       "aria-label": t,
       onClick: ue
     },
-    de,
+    re,
     ee
   ), /* @__PURE__ */ e.createElement("div", { className: `${N}__mobile-menu` }, pe, /* @__PURE__ */ e.createElement(
     "ul",
@@ -8798,7 +8799,7 @@ const Gt = (o) => {
       role: "menu"
     },
     /* @__PURE__ */ e.createElement("li", { className: `${N}__item-heading`, role: "presentation" }, c),
-    oe.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : oe
+    ie.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : ie
   ), le));
   return /* @__PURE__ */ e.createElement(
     "span",
@@ -8832,7 +8833,7 @@ const Gt = (o) => {
     "className"
   ]);
   const [i, h] = F(t);
-  re(() => {
+  oe(() => {
     h(t);
   }, [t]);
   const m = i.length;
@@ -9204,9 +9205,9 @@ const hn = () => {
   ]);
   var K, T, A, j;
   const [w, u] = F(i);
-  re(() => {
+  oe(() => {
     u(i);
-  }, [i]), re(() => {
+  }, [i]), oe(() => {
     h(w);
   }, [w]);
   const C = typeof s, v = "pds-popover", b = [
@@ -9744,7 +9745,7 @@ const hn = () => {
     "~"
   ], g = `#${l} h2:not(.${c}), h3:not(.${c})`, E = () => {
     const [k, N] = F([]);
-    return re(() => {
+    return oe(() => {
       const L = Array.from(
         document.querySelectorAll(g)
       );
@@ -9771,7 +9772,7 @@ const hn = () => {
   }, { nestedHeadings: u } = E(), [C, v] = F();
   ((k) => {
     const N = ae({});
-    re(() => {
+    oe(() => {
       const L = (S) => {
         N.current = S.reduce((D, W) => (D[W.target.id] = W, D), N.current);
         const M = [];
@@ -9867,7 +9868,7 @@ const hn = () => {
     "className"
   ]);
   const i = "pds-tabs", [h, m] = F(a != null ? a : s);
-  re(() => {
+  oe(() => {
     a !== void 0 && m(a);
   }, [a]);
   const f = (u) => {
@@ -9877,9 +9878,9 @@ const hn = () => {
       m(v);
     }
   }, g = ae([]);
-  re(() => {
+  oe(() => {
     n(h);
-  }, [h, n]), re(() => {
+  }, [h, n]), oe(() => {
     const u = g.current.length - 1;
     if (h > u) {
       m(0);