@pantheon-systems/pds-toolkit-react 1.0.0-alpha.3 → 1.0.0-alpha.4

package/_dist/index.js

@@ -1,5 +1,5 @@
-import './index.css';var jt = Object.defineProperty, Xt = Object.defineProperties;
-var Kt = Object.getOwnPropertyDescriptors;
+import './index.css';var jt = Object.defineProperty, Kt = Object.defineProperties;
+var Xt = Object.getOwnPropertyDescriptors;
 var w2 = Object.getOwnPropertySymbols;
 var it = Object.prototype.hasOwnProperty, dt = Object.prototype.propertyIsEnumerable;
 var ot = (t, n, s) => n in t ? jt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s, w = (t, n) => {
@@ -9,7 +9,7 @@ var ot = (t, n, s) => n in t ? jt(t, n, { enumerable: !0, configurable: !0, writ
     for (var s of w2(n))
       dt.call(n, s) && ot(t, s, n[s]);
   return t;
-}, ne = (t, n) => Xt(t, Kt(n));
+}, ne = (t, n) => Kt(t, Xt(n));
 var T = (t, n) => {
   var s = {};
   for (var a in t)
@@ -35,9 +35,9 @@ var mt = (t, n, s) => new Promise((a, r) => {
   }, l = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(d, c);
   l((s = s.apply(t, n)).next());
 });
-import e, { Children as Yt, isValidElement as Le, useState as U, cloneElement as Oe, createElement as kt, forwardRef as Ue, useEffect as ae, useRef as oe, createContext as Nt, useContext as He, useCallback as U2, useMemo as zt, createRef as Qt, Fragment as Jt } from "react";
+import e, { Children as Yt, isValidElement as He, useState as U, cloneElement as Oe, createElement as kt, forwardRef as Ue, useEffect as ae, useRef as oe, createContext as Nt, useContext as Me, useCallback as U2, useMemo as zt, createRef as Qt, Fragment as Jt } from "react";
 import xt from "hash-sum";
-import { useFloating as Ie, offset as s2, flip as l2, shift as v2, autoUpdate as Fe, useHover as C2, useFocus as K2, useDismiss as Ae, useRole as Te, useInteractions as De, FloatingPortal as Vt, useId as e1, useClick as je, useListNavigation as a2, useTypeahead as Y2, useTransitionStyles as Xe, size as t1, FloatingOverlay as n1, FloatingFocusManager as St, safePolygon as Q2, arrow as s1, FloatingArrow as l1 } from "@floating-ui/react";
+import { useFloating as Ie, offset as s2, flip as l2, shift as v2, autoUpdate as Fe, useHover as C2, useFocus as X2, useDismiss as Ae, useRole as Te, useInteractions as De, FloatingPortal as Vt, useId as e1, useClick as je, useListNavigation as a2, useTypeahead as Y2, useTransitionStyles as Ke, size as t1, FloatingOverlay as n1, FloatingFocusManager as St, safePolygon as Q2, arrow as s1, FloatingArrow as l1 } from "@floating-ui/react";
 import { useHotkeys as a1 } from "react-hotkeys-hook";
 import { CodeBlock as m2 } from "react-code-block";
 import { useMultipleSelection as u2, useCombobox as t2 } from "downshift";
@@ -55,7 +55,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), It = (t, n) => {
 }, Pe = (t) => {
   const n = {}, s = [];
   return Yt.forEach(t, (a) => {
-    if (Le(a)) {
+    if (He(a)) {
       const r = a.props.slot;
       r ? n[r] ? n[r].push(a) : n[r] = [a] : s.push(a);
     } else
@@ -818,7 +818,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), It = (t, n) => {
 ], m1 = (t) => {
   const n = parseInt(xt(t), 16);
   return pt[n % pt.length];
-}, X2 = (i) => {
+}, K2 = (i) => {
   var m = i, {
     ariaLabel: t,
     hasUserFallback: n = !1,
@@ -853,7 +853,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), It = (t, n) => {
       onLoad: () => _(!1),
       onError: () => _(!0)
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: C }, n && /* @__PURE__ */ e.createElement(Z, { iconName: "user", className: `${g}__user-icon` })), h = /* @__PURE__ */ e.createElement("span", { className: `${g}__content` }, v), o = Le(a) ? Oe(
+  ) : /* @__PURE__ */ e.createElement("span", { style: C }, n && /* @__PURE__ */ e.createElement(Z, { iconName: "user", className: `${g}__user-icon` })), h = /* @__PURE__ */ e.createElement("span", { className: `${g}__content` }, v), o = He(a) ? Oe(
     a,
     ne(w({}, a.props), {
       className: `${g}__content ${g}__content--link`,
@@ -986,7 +986,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), M = K2(E), H = Ae(E), L = Te(E, { role: "tooltip" }), { getReferenceProps: k, getFloatingProps: z } = De([
+  }), M = X2(E), H = Ae(E), L = Te(E, { role: "tooltip" }), { getReferenceProps: k, getFloatingProps: z } = De([
     $,
     M,
     H,
@@ -1370,7 +1370,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
     p,
     b,
     _
-  ]), C = Le(a) ? a.props.children : null, v = /* @__PURE__ */ e.createElement(
+  ]), C = He(a) ? a.props.children : null, v = /* @__PURE__ */ e.createElement(
     Z,
     {
       iconName: s,
@@ -1381,7 +1381,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
   );
   let h = [C];
   n === "icon-start" && s ? h = [v, C] : n === "icon-end" && s && (h = [C, v]);
-  const o = Le(a) ? Oe(a, {
+  const o = He(a) ? Oe(a, {
     className: y,
     children: h
   }) : null;
@@ -1583,7 +1583,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
       window.removeEventListener("resize", a);
     };
   }, []), n;
-}, Ne = Nt(null), f1 = ({
+}, ze = Nt(null), f1 = ({
   children: t,
   mobileMenuMaxWidth: n = 640
 }) => {
@@ -1594,7 +1594,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
   };
   return ae(() => {
     a ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
-  }, [a]), /* @__PURE__ */ e.createElement(Ne.Provider, { value: r }, t);
+  }, [a]), /* @__PURE__ */ e.createElement(ze.Provider, { value: r }, t);
 }, r2 = (t) => "isSeparator" in t && t.isSeparator === !0, o2 = (t) => "isHeading" in t && t.isHeading === !0, L2 = (t) => "isLink" in t && t.isLink === !0, p2 = (t) => "isNode" in t && t.isNode === !0, Ft = (C) => {
   var v = C, {
     disabled: t,
@@ -1629,8 +1629,8 @@ const O2 = 500, u1 = 700, Se = (u) => {
     "withinNavbar",
     "className"
   ]);
-  var Ke;
-  const h = He(Ne), o = (Ke = h == null ? void 0 : h.isMobile) != null ? Ke : !1, f = p === "navbar" && o, E = "pds-menu-button", $ = f ? `${E}--isMobile` : null, M = b ? `${E}--navbar` : null, H = a, [L] = U(`menu-button-${a}`), [k, z] = U(!1), [x, O] = U(null), S = oe(!1), q = oe(null), R = oe([]), I = oe([]), F = oe([]), W = () => {
+  var Xe;
+  const h = Me(ze), o = (Xe = h == null ? void 0 : h.isMobile) != null ? Xe : !1, f = p === "navbar" && o, E = "pds-menu-button", $ = f ? `${E}--isMobile` : null, M = b ? `${E}--navbar` : null, H = a, [L] = U(`menu-button-${a}`), [k, z] = U(!1), [x, O] = U(null), S = oe(!1), q = oe(null), R = oe([]), I = oe([]), F = oe([]), W = () => {
     const G = [];
     let ie = 0;
     return c.forEach((he) => {
@@ -1646,16 +1646,16 @@ const O2 = 500, u1 = 700, Se = (u) => {
       G == null || G.focus();
     }, 0), S.current = !1) : O(null);
   }, [k]);
-  const { context: X, refs: J, floatingStyles: K } = Ie({
+  const { context: K, refs: J, floatingStyles: X } = Ie({
     placement: l === "end" ? "bottom-end" : "bottom-start",
     open: k,
     onOpenChange: z,
     whileElementsMounted: Fe,
     middleware: [s2(b ? 0 : 12), l2()]
-  }), Q = je(X, {
+  }), Q = je(K, {
     enabled: !t,
     event: "mousedown"
-  }), Y = Ae(X), B = Te(X, { role: "menu" }), D = a2(X, {
+  }), Y = Ae(K), B = Te(K, { role: "menu" }), D = a2(K, {
     listRef: R,
     activeIndex: x,
     onNavigate: O,
@@ -1663,7 +1663,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
     disabledIndices: F.current,
     openOnArrowKeyDown: !1,
     focusItemOnHover: !1
-  }), V = Y2(X, {
+  }), V = Y2(K, {
     listRef: R,
     activeIndex: x,
     selectedIndex: null,
@@ -1672,9 +1672,9 @@ const O2 = 500, u1 = 700, Se = (u) => {
     },
     findMatch: (G, ie) => {
       const he = ie.toLowerCase();
-      return G.find((be) => {
+      return G.find((we) => {
         var me, fe;
-        const se = be;
+        const se = we;
         return (se == null ? void 0 : se.getAttribute("aria-disabled")) === "true" ? !1 : ((fe = (me = se == null ? void 0 : se.textContent) == null ? void 0 : me.trim().toLowerCase()) != null ? fe : "").startsWith(he);
       });
     }
@@ -1687,7 +1687,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
         (ie.key === "Enter" || ie.key === " " || ie.key === "ArrowDown" || ie.key === "ArrowUp") && (S.current = !0), G.onKeyDown && typeof G.onKeyDown == "function" && G.onKeyDown(ie);
       }
     });
-  }, { isMounted: ge, styles: Ce } = Xe(X, {
+  }, { isMounted: ge, styles: Ce } = Ke(K, {
     duration: {
       open: 300,
       close: 300
@@ -1706,18 +1706,18 @@ const O2 = 500, u1 = 700, Se = (u) => {
     if (!("disabled" in G && G.disabled)) {
       if ("callback" in G && G.callback && G.callback(G), L2(G) && G.linkContent) {
         const he = G.linkContent;
-        Le(he) && ((ie = he.props) != null && ie.onClick) && he.props.onClick();
+        He(he) && ((ie = he.props) != null && ie.onClick) && he.props.onClick();
       }
       f || z(!1);
     }
   }, ve = (G, ie) => {
     const he = [];
-    let be = ie.shift(), se = [];
+    let we = ie.shift(), se = [];
     return G.forEach((de, me) => {
-      de !== be ? (se.push(de), me + 1 === G.length && he.push(se)) : (he.push(se), se = [], se.push(de), be = ie.shift());
+      de !== we ? (se.push(de), me + 1 === G.length && he.push(se)) : (he.push(se), se = [], se.push(de), we = ie.shift());
     }), he.filter((de) => de.length > 0);
-  }, ce = (G, ie, he, be = "", se = "") => {
-    const de = be ? `-group-${be}` : "", me = H + de + "-item-" + (ie + 1), fe = "id" in G && G.id ? G.id : me;
+  }, ce = (G, ie, he, we = "", se = "") => {
+    const de = we ? `-group-${we}` : "", me = H + de + "-item-" + (ie + 1), fe = "id" in G && G.id ? G.id : me;
     if (r2(G))
       return /* @__PURE__ */ e.createElement("li", { role: "separator", key: fe });
     if (o2(G))
@@ -1734,10 +1734,10 @@ const O2 = 500, u1 = 700, Se = (u) => {
     if (p2(G))
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: fe }, G.nodeContent);
     if (L2(G) || "label" in G && G.label) {
-      const $e = x === he;
+      const ye = x === he;
       let le;
-      if ("label" in G && G.label && (le = [G.label]), L2(G) && Le(G.linkContent) && (le = [G.linkContent.props.children]), "iconName" in G && G.iconName) {
-        const Me = /* @__PURE__ */ e.createElement(
+      if ("label" in G && G.label && (le = [G.label]), L2(G) && He(G.linkContent) && (le = [G.linkContent.props.children]), "iconName" in G && G.iconName) {
+        const be = /* @__PURE__ */ e.createElement(
           Z,
           {
             key: `icon-${H}-${ie}`,
@@ -1745,44 +1745,48 @@ const O2 = 500, u1 = 700, Se = (u) => {
             iconSize: "md"
           }
         );
-        le.unshift(Me);
+        le.unshift(be);
       }
       let re;
       "description" in G && G.description && (re = /* @__PURE__ */ e.createElement("span", { className: `${E}__item-description` }, G.description));
-      let we;
-      if (L2(G) && Le(G.linkContent)) {
-        const Me = G.linkContent.type;
-        we = /* @__PURE__ */ e.createElement(Me, w({ tabIndex: -1 }, G.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${E}__item-label` }, le), re);
+      let Le;
+      if (L2(G) && He(G.linkContent)) {
+        const be = G.linkContent.type;
+        Le = /* @__PURE__ */ e.createElement(be, w({ tabIndex: -1 }, G.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${E}__item-label` }, le), re);
       } else
-        we = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${E}__item-label` }, le), re);
-      const xe = j();
+        Le = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${E}__item-label` }, le), re);
+      const ke = j();
       return /* @__PURE__ */ e.createElement(
         "li",
         ne(w({
           id: fe,
           key: fe,
           "data-testid": "testId" in G ? G.testId : void 0,
-          className: $e ? `${E}__item-focused` : null,
+          className: ye ? `${E}__item-focused` : null,
           role: "menuitem",
-          tabIndex: $e ? 0 : -1,
-          ref: (Me) => {
-            R.current[he] = Me;
+          tabIndex: ye ? 0 : -1,
+          ref: (be) => {
+            R.current[he] = be;
           },
           "aria-disabled": "disabled" in G && G.disabled || null
-        }, xe), {
-          onPointerDown: (Me) => {
-            var ye;
-            (ye = xe.onPointerDown) == null || ye.call(xe, Me), "disabled" in G && G.disabled || Ee(G);
+        }, ke), {
+          onPointerDown: (be) => {
+            var $e;
+            ($e = ke.onPointerDown) == null || $e.call(ke, be), be.preventDefault(), "disabled" in G && G.disabled || Ee(G);
+          },
+          onKeyDown: (be) => {
+            var $e;
+            ($e = ke.onKeyDown) == null || $e.call(ke, be), be.preventDefault(), be.key === "Enter" && !("disabled" in G && G.disabled) && Ee(G);
           }
         }),
-        we
+        Le
       );
     }
   }, _e = (G) => {
     const ie = G.filter(
       (de) => o2(de) || r2(de)
-    ), he = ie.length > 0, be = [`${E}__listbox`];
-    b && be.push(`${E}__listbox--navbar`), l === "end" && be.push(`${E}__listbox--end`), n === "icon-only" && be.push(`${E}__listbox--icon-only`);
+    ), he = ie.length > 0, we = [`${E}__listbox`];
+    b && we.push(`${E}__listbox--navbar`), l === "end" && we.push(`${E}__listbox--end`), n === "icon-only" && we.push(`${E}__listbox--icon-only`);
     let se = 0;
     if (he) {
       const de = ve(G, [
@@ -1791,35 +1795,35 @@ const O2 = 500, u1 = 700, Se = (u) => {
       return I.current = de.map(() => c2()), /* @__PURE__ */ e.createElement(
         "div",
         ne(w({
-          className: N(be),
+          className: N(we),
           id: L,
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": H,
-          style: ne(w(w({}, K), Ce), {
+          style: ne(w(w({}, X), Ce), {
             zIndex: "var(--pds-z-index-dropdown)"
           })
         }, P()), {
           ref: J.setFloating
         }),
         de.map((me, fe) => {
-          var Me;
-          const $e = I.current[fe], le = (Me = me[0]) == null ? void 0 : Me.isHeading, re = le ? `${H}-group-${$e}-heading` : "", we = `${H}-group-${$e}`, xe = le ? null : `${u} ${fe + 1}`;
+          var be;
+          const ye = I.current[fe], le = (be = me[0]) == null ? void 0 : be.isHeading, re = le ? `${H}-group-${ye}-heading` : "", Le = `${H}-group-${ye}`, ke = le ? null : `${u} ${fe + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
               role: "group",
               "aria-labelledby": re || null,
-              "aria-label": xe,
-              key: we
+              "aria-label": ke,
+              key: Le
             },
-            me.map((ye, $2) => {
-              const D2 = !r2(ye) && !o2(ye) && !p2(ye), R2 = se;
+            me.map(($e, $2) => {
+              const D2 = !r2($e) && !o2($e) && !p2($e), R2 = se;
               return D2 && se++, ce(
-                ye,
+                $e,
                 $2,
                 R2,
-                $e,
+                ye,
                 re
               );
             })
@@ -1830,20 +1834,20 @@ const O2 = 500, u1 = 700, Se = (u) => {
       return /* @__PURE__ */ e.createElement(
         "ul",
         ne(w({
-          className: N(be),
+          className: N(we),
           id: L,
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": H,
-          style: ne(w(w({}, K), Ce), {
+          style: ne(w(w({}, X), Ce), {
             zIndex: "var(--pds-z-index-dropdown)"
           })
         }, P()), {
           ref: J.setFloating
         }),
         G.map((de, me) => {
-          const fe = !r2(de) && !o2(de) && !p2(de), $e = se;
-          return fe && se++, ce(de, me, $e);
+          const fe = !r2(de) && !o2(de) && !p2(de), ye = se;
+          return fe && se++, ce(de, me, ye);
         })
       );
   };
@@ -1899,11 +1903,11 @@ const O2 = 500, u1 = 700, Se = (u) => {
     );
     const he = ie.nextElementSibling;
     he && he.classList.toggle(`${E}__mobile-menu--expanded`);
-  }, ze = () => {
+  }, xe = () => {
     let G = 0;
     return /* @__PURE__ */ e.createElement("ul", { className: `${E}__mobile-menu`, role: "menu" }, c.map((ie, he) => {
-      const be = !r2(ie) && !o2(ie) && !p2(ie), se = G;
-      return be && G++, ce(ie, he, se);
+      const we = !r2(ie) && !o2(ie) && !p2(ie), se = G;
+      return we && G++, ce(ie, he, se);
     }));
   };
   let Re;
@@ -1945,7 +1949,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
       "data-testid": g,
       ref: q
     }, y),
-    f ? /* @__PURE__ */ e.createElement(e.Fragment, null, Re, /* @__PURE__ */ e.createElement(ze, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, ue, ge && _e(c))
+    f ? /* @__PURE__ */ e.createElement(e.Fragment, null, Re, /* @__PURE__ */ e.createElement(xe, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, ue, ge && _e(c))
   );
 }, Un = (g) => {
   var u = g, {
@@ -2157,7 +2161,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
   discovery: "squareQuestion",
   code: "squareTerminal",
   earlyAccess: "leaf"
-}, Xn = (c) => {
+}, Kn = (c) => {
   var l = c, {
     children: t,
     title: n,
@@ -2247,7 +2251,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
     }, d),
     a
   );
-}, Kn = (m) => {
+}, Xn = (m) => {
   var g = m, {
     id: t,
     defaultValue: n,
@@ -3184,15 +3188,15 @@ const O2 = 500, u1 = 700, Se = (u) => {
     "value",
     "className"
   ]);
-  var he, be;
+  var he, we;
   const E = Je(a), $ = "pds-select", M = n ? te.disabled : null, H = u && !n ? te.required : null, L = y === "error" ? te.error : null, k = y === "success" ? te.success : null;
   let z = null;
   y === "error" && (z = "error"), y === "success" && (z = "success");
-  const x = _ || c, O = typeof C != "undefined", S = typeof t != "undefined", R = ((se) => se.reduce((de, me) => ft(me) ? [...de, ...me.options] : [...de, me], []))(g), I = (se) => R.findIndex((de) => de.value === se), F = O && I(C) >= 0 ? I(C) : null, W = S ? I(t) : null, X = F || W, [J, K] = U(!1), [Q, Y] = U(null), [B, D] = U(
-    X != null ? X : null
-  ), V = B !== null ? (he = R[B]) == null ? void 0 : he.label : void 0, A = B !== null ? (be = R[B]) == null ? void 0 : be.value : void 0, P = oe([]), { context: j, refs: ee, floatingStyles: ge } = Ie({
+  const x = _ || c, O = typeof C != "undefined", S = typeof t != "undefined", R = ((se) => se.reduce((de, me) => ft(me) ? [...de, ...me.options] : [...de, me], []))(g), I = (se) => R.findIndex((de) => de.value === se), F = O && I(C) >= 0 ? I(C) : null, W = S ? I(t) : null, K = F || W, [J, X] = U(!1), [Q, Y] = U(null), [B, D] = U(
+    K != null ? K : null
+  ), V = B !== null ? (he = R[B]) == null ? void 0 : he.label : void 0, A = B !== null ? (we = R[B]) == null ? void 0 : we.value : void 0, P = oe([]), { context: j, refs: ee, floatingStyles: ge } = Ie({
     open: J,
-    onOpenChange: K,
+    onOpenChange: X,
     whileElementsMounted: Fe,
     middleware: [
       s2(({ placement: se }) => se.startsWith("top") ? 16 : 0),
@@ -3220,7 +3224,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
     activeIndex: Q,
     selectedIndex: B,
     onMatch: (se) => {
-      J || K(!0), Y(se);
+      J || X(!0), Y(se);
     },
     findMatch: (se, de) => {
       const me = de.toLowerCase();
@@ -3229,9 +3233,9 @@ const O2 = 500, u1 = 700, Se = (u) => {
         return ((re = (le = fe == null ? void 0 : fe.textContent) == null ? void 0 : le.trim().toLowerCase()) != null ? re : "").startsWith(me);
       });
     }
-  }), { getReferenceProps: ue, getFloatingProps: pe, getItemProps: ze } = De(
+  }), { getReferenceProps: ue, getFloatingProps: pe, getItemProps: xe } = De(
     [ve, Ee, ce, Ce, _e]
-  ), { isMounted: Re, styles: We } = Xe(j, {
+  ), { isMounted: Re, styles: We } = Ke(j, {
     duration: {
       open: 300,
       close: 150
@@ -3247,17 +3251,17 @@ const O2 = 500, u1 = 700, Se = (u) => {
     }
   }), Ze = (se) => {
     const de = R[se];
-    O || (D(se), K(!1)), m && m(de);
+    O || (D(se), X(!1)), m && m(de);
   };
   ae(() => {
     if (O) {
       const se = I(C);
-      D(se), K(!1);
+      D(se), X(!1);
     }
   }, [C]);
   const e2 = () => {
     l && l(A);
-  }, Ke = () => {
+  }, Xe = () => {
     i && i(A);
   }, G = () => {
     ee.reference.current.focus();
@@ -3265,24 +3269,24 @@ const O2 = 500, u1 = 700, Se = (u) => {
     let de = 0;
     return se.map((me) => {
       if (ft(me)) {
-        const $e = me.options.map((le) => {
+        const ye = me.options.map((le) => {
           const re = de++;
           return /* @__PURE__ */ e.createElement(
             x2,
             w({
               key: re,
-              ref: (we) => {
-                P.current[re] = we;
+              ref: (Le) => {
+                P.current[re] = Le;
               },
               tabIndex: re === Q ? 0 : -1,
               "aria-selected": re === B && re === Q,
               "aria-disabled": le == null ? void 0 : le.disabled
-            }, !(le != null && le.disabled) && ze({
+            }, !(le != null && le.disabled) && xe({
               onClick() {
                 Ze(re);
               },
-              onKeyDown(we) {
-                we.key === "Enter" && (we.preventDefault(), Ze(re), ee.reference.current.focus()), we.key === "Escape" && (we.preventDefault(), ee.reference.current.focus());
+              onKeyDown(Le) {
+                Le.key === "Enter" && (Le.preventDefault(), Ze(re), ee.reference.current.focus()), Le.key === "Escape" && (Le.preventDefault(), ee.reference.current.focus());
               }
             })),
             le.label,
@@ -3295,25 +3299,25 @@ const O2 = 500, u1 = 700, Se = (u) => {
             )
           );
         });
-        return /* @__PURE__ */ e.createElement(b1, { key: me.groupLabel, label: me.groupLabel }, $e);
+        return /* @__PURE__ */ e.createElement(b1, { key: me.groupLabel, label: me.groupLabel }, ye);
       }
       const fe = de++;
       return /* @__PURE__ */ e.createElement(
         x2,
         w({
           key: fe,
-          ref: ($e) => {
-            P.current[fe] = $e;
+          ref: (ye) => {
+            P.current[fe] = ye;
           },
           tabIndex: fe === Q ? 0 : -1,
           "aria-selected": fe === B && fe === Q,
           "aria-disabled": me == null ? void 0 : me.disabled
-        }, !(me != null && me.disabled) && ze({
+        }, !(me != null && me.disabled) && xe({
           onClick() {
             Ze(fe);
           },
-          onKeyDown($e) {
-            $e.key === "Enter" && ($e.preventDefault(), Ze(fe), ee.reference.current.focus()), $e.key === "Escape" && ($e.preventDefault(), ee.reference.current.focus());
+          onKeyDown(ye) {
+            ye.key === "Enter" && (ye.preventDefault(), Ze(fe), ee.reference.current.focus()), ye.key === "Escape" && (ye.preventDefault(), ee.reference.current.focus());
           }
         })),
         me.label,
@@ -3358,7 +3362,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
       }, ue({
         onClick: G,
         onBlur: e2,
-        onFocus: Ke
+        onFocus: Xe
       })),
       z && /* @__PURE__ */ e.createElement(d2, { variant: z }),
       /* @__PURE__ */ e.createElement("span", { className: `${$}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${$}__option-text` }, V != null ? V : d.selectOptionText), /* @__PURE__ */ e.createElement(Z, { iconName: "angleDown", className: `${$}__trigger-icon` }))
@@ -3587,7 +3591,7 @@ const O2 = 500, u1 = 700, Se = (u) => {
       level: n,
       text: r
     }
-  ), _), /* @__PURE__ */ e.createElement("div", { className: `${u}__plan` }, d))), C = Le(a) ? Oe(a, ne(w({}, a.props), {
+  ), _), /* @__PURE__ */ e.createElement("div", { className: `${u}__plan` }, d))), C = He(a) ? Oe(a, ne(w({}, a.props), {
     className: `${u}__link`,
     children: y,
     "aria-label": `${t} ${r} dashboard`
@@ -4228,25 +4232,25 @@ var Pt = { exports: {} };
               z.pattern = RegExp(z.pattern.source, R + "g");
             }
             for (var I = z.pattern || z, F = E.next, W = $; F !== o.tail && !(M && W >= M.reach); W += F.value.length, F = F.next) {
-              var X = F.value;
+              var K = F.value;
               if (o.length > h.length)
                 return;
-              if (!(X instanceof i)) {
-                var J = 1, K;
+              if (!(K instanceof i)) {
+                var J = 1, X;
                 if (S) {
-                  if (K = m(I, W, h, O), !K || K.index >= h.length)
+                  if (X = m(I, W, h, O), !X || X.index >= h.length)
                     break;
-                  var D = K.index, Q = K.index + K[0].length, Y = W;
+                  var D = X.index, Q = X.index + X[0].length, Y = W;
                   for (Y += F.value.length; D >= Y; )
                     F = F.next, Y += F.value.length;
                   if (Y -= F.value.length, W = Y, F.value instanceof i)
                     continue;
                   for (var B = F; B !== o.tail && (Y < Q || typeof B.value == "string"); B = B.next)
                     J++, Y += B.value.length;
-                  J--, X = h.slice(W, Y), K.index -= W;
-                } else if (K = m(I, 0, X, O), !K)
+                  J--, K = h.slice(W, Y), X.index -= W;
+                } else if (X = m(I, 0, K, O), !X)
                   continue;
-                var D = K.index, V = K[0], A = X.slice(0, D), P = X.slice(D + V.length), j = W + X.length;
+                var D = X.index, V = X[0], A = K.slice(0, D), P = K.slice(D + V.length), j = W + K.length;
                 M && j > M.reach && (M.reach = j);
                 var ee = F.prev;
                 A && (ee = p(o, ee, A), W += A.length), b(o, ee, J);
@@ -4483,7 +4487,7 @@ const L1 = /* @__PURE__ */ w1(y1), H1 = {
   SPACING_6XL: Zt,
   SPACING_7XL: Gt,
   SPACING_8XL: O1
-}, F1 = 0.64, P1 = 0.8, B1 = 1, Z1 = 1.25, G1 = 1.563, W1 = 1.953, q1 = 2.441, U1 = 3.052, j1 = 3.815, X1 = 4.678, K1 = 5.96, Y1 = 7.451, Q1 = 6.192, bt = {
+}, F1 = 0.64, P1 = 0.8, B1 = 1, Z1 = 1.25, G1 = 1.563, W1 = 1.953, q1 = 2.441, U1 = 3.052, j1 = 3.815, K1 = 4.678, X1 = 5.96, Y1 = 7.451, Q1 = 6.192, bt = {
   TYPE_SCALE_XS: F1,
   TYPE_SCALE_S: P1,
   TYPE_SCALE_M: B1,
@@ -4493,8 +4497,8 @@ const L1 = /* @__PURE__ */ w1(y1), H1 = {
   TYPE_SCALE_3XL: q1,
   TYPE_SCALE_4XL: U1,
   TYPE_SCALE_5XL: j1,
-  TYPE_SCALE_6XL: X1,
-  TYPE_SCALE_7XL: K1,
+  TYPE_SCALE_6XL: K1,
+  TYPE_SCALE_7XL: X1,
   TYPE_SCALE_8XL: Y1,
   TYPE_SCALE_9XL: Q1
 }, J1 = (m) => {
@@ -4554,8 +4558,8 @@ const L1 = /* @__PURE__ */ w1(y1), H1 = {
     const S = Math.ceil(E / 2), q = Math.max(0, S - 1);
     if (x < q)
       return 1;
-    const R = E - q, I = x - q, F = 1 - 0.1, W = I / R, X = 1 - F * W;
-    return Math.max(0.1, X);
+    const R = E - q, I = x - q, F = 1 - 0.1, W = I / R, K = 1 - F * W;
+    return Math.max(0.1, K);
   }, z = /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -5187,7 +5191,7 @@ const s4 = (C) => {
     "className"
   ]);
   let _ = !1;
-  const y = He(Ne);
+  const y = Me(ze);
   y && (_ = y.isMobile);
   const C = "pds-horizontal-empty-state", v = `${C}--${t}`, h = _ ? `${C}--isMobile` : null, o = a ? `${C}--panel` : null, f = l ? `${C}--video` : null, E = {
     width: i,
@@ -5469,11 +5473,11 @@ const s4 = (C) => {
       "value",
       "className"
     ]);
-    const L = c ? { width: `${c / 16}rem` } : null, k = "pds-checkbox", z = s ? te.disabled : null, x = h === "error" ? te.error : null, O = g > 0 ? `${k}--indent-${g}` : null, S = _ && !s ? te.required : null, q = C === "S" ? `${k}--sm` : null, R = h === "success" ? te.success : null, I = v || i, F = typeof t != "undefined", W = typeof n != "undefined", [X, J] = U(
+    const L = c ? { width: `${c / 16}rem` } : null, k = "pds-checkbox", z = s ? te.disabled : null, x = h === "error" ? te.error : null, O = g > 0 ? `${k}--indent-${g}` : null, S = _ && !s ? te.required : null, q = C === "S" ? `${k}--sm` : null, R = h === "success" ? te.success : null, I = v || i, F = typeof t != "undefined", W = typeof n != "undefined", [K, J] = U(
       W ? n : !1
-    ), K = t || X, Q = (A) => {
+    ), X = t || K, Q = (A) => {
       F || J(A.target.checked), p && p(A);
-    }, Y = `${k}__box`, B = r ? null : K ? `${Y}--checked` : null, D = r ? `${Y}--indeterminate` : null, V = U2(() => {
+    }, Y = `${k}__box`, B = r ? null : X ? `${Y}--checked` : null, D = r ? `${Y}--indeterminate` : null, V = U2(() => {
       if (r)
         return /* @__PURE__ */ e.createElement(
           Z,
@@ -5483,7 +5487,7 @@ const s4 = (C) => {
             className: `${k}__icon ${k}__icon--indeterminate`
           }
         );
-      if (K)
+      if (X)
         return /* @__PURE__ */ e.createElement(
           Z,
           {
@@ -5492,7 +5496,7 @@ const s4 = (C) => {
             className: `${k}__icon ${k}__icon--checked`
           }
         );
-    }, [r, K]);
+    }, [r, X]);
     return /* @__PURE__ */ e.createElement(
       "div",
       w({
@@ -5515,8 +5519,8 @@ const s4 = (C) => {
           id: a,
           name: m,
           type: "checkbox",
-          checked: F ? t : X,
-          "aria-checked": r ? "mixed" : K ? "true" : "false"
+          checked: F ? t : K,
+          "aria-checked": r ? "mixed" : X ? "true" : "false"
         }, o ? { value: o } : {}), {
           disabled: s,
           required: _,
@@ -5797,11 +5801,11 @@ const s4 = (C) => {
       "validationStatus",
       "className"
     ]);
-    const R = Je(l), I = "pds-combobox", F = n ? te.disabled : null, W = E && !n ? te.required : null, X = k === "error" ? te.error : null, J = k === "success" ? te.success : null;
-    let K = null;
-    r && (K = "search"), k === "error" && (K = "error"), k === "success" && (K = "success");
+    const R = Je(l), I = "pds-combobox", F = n ? te.disabled : null, W = E && !n ? te.required : null, K = k === "error" ? te.error : null, J = k === "success" ? te.success : null;
+    let X = null;
+    r && (X = "search"), k === "error" && (X = "error"), k === "success" && (X = "success");
     const Q = L || p, Y = typeof H != "undefined", B = typeof t != "undefined", D = (le) => {
-      const re = o.find((we) => we.value === le);
+      const re = o.find((Le) => Le.value === le);
       return re ? re.label : "";
     }, [V, A] = U(!1), [P, j] = U(null), [ee, ge] = U(
       B ? D(t) : ""
@@ -5809,14 +5813,14 @@ const s4 = (C) => {
       open: V,
       onOpenChange: A,
       whileElementsMounted: Fe
-    }), pe = Te(_e, { role: "listbox" }), ze = Ae(_e), Re = a2(_e, {
+    }), pe = Te(_e, { role: "listbox" }), xe = Ae(_e), Re = a2(_e, {
       listRef: ce,
       activeIndex: P,
       onNavigate: j,
       virtual: !0,
       loop: !0,
       allowEscape: !0
-    }), { getReferenceProps: We, getFloatingProps: Ze, getItemProps: e2 } = De([pe, ze, Re]), { isMounted: Ke, styles: G } = Xe(_e, {
+    }), { getReferenceProps: We, getFloatingProps: Ze, getItemProps: e2 } = De([pe, xe, Re]), { isMounted: Xe, styles: G } = Ke(_e, {
       duration: {
         open: 300,
         close: 150
@@ -5835,7 +5839,7 @@ const s4 = (C) => {
     }, he = () => {
       var le;
       !Y && ge(""), j(null), A(!0), (le = ue.domReference.current) == null || le.focus(), C && C();
-    }, be = (le) => {
+    }, we = (le) => {
       let re = le.target.value;
       _ && _(le), Y || (re.length > 0 && (re = re.trimStart()), ge(re)), re ? (j(null), A(!0)) : A(!1);
     }, se = (le) => {
@@ -5845,47 +5849,47 @@ const s4 = (C) => {
     }, me = (le) => {
       const re = Ce[le];
       !Y && ge(re.label), j(null), A(!1), h && h(re);
-    }, fe = (le) => le.map((we) => {
-      const rt = we, { label: xe, optionDisplay: Me, value: ye, searchIndex: $2 } = rt, D2 = T(rt, ["label", "optionDisplay", "value", "searchIndex"]), R2 = ye || xe, ct = [xe, ye];
+    }, fe = (le) => le.map((Le) => {
+      const rt = Le, { label: ke, optionDisplay: be, value: $e, searchIndex: $2 } = rt, D2 = T(rt, ["label", "optionDisplay", "value", "searchIndex"]), R2 = $e || ke, ct = [ke, $e];
       return $2 && ct.push(...$2), w({
-        label: xe,
+        label: ke,
         value: R2,
         searchIndex: ct,
-        optionDisplay: Me
+        optionDisplay: be
       }, D2);
     });
     ae(() => {
       const le = fe(o).filter(
         (re) => {
-          var Me;
-          const we = (Me = re.searchIndex) == null ? void 0 : Me.map(
-            (ye) => ye.toLowerCase()
-          ), xe = ve.toLowerCase();
-          return we.some((ye) => ye.includes(xe));
+          var be;
+          const Le = (be = re.searchIndex) == null ? void 0 : be.map(
+            ($e) => $e.toLowerCase()
+          ), ke = ve.toLowerCase();
+          return Le.some(($e) => $e.includes(ke));
         }
       );
       Ee(le);
     }, [ve, i, o]);
-    const $e = Ce.map((le, re) => {
-      const { label: we, value: xe, optionDisplay: Me } = le;
+    const ye = Ce.map((le, re) => {
+      const { label: Le, value: ke, optionDisplay: be } = le;
       return /* @__PURE__ */ e.createElement(
         x2,
         ne(w({
           key: le
         }, e2({
-          key: xe,
-          ref(ye) {
-            ce.current[re] = ye;
+          key: ke,
+          ref($e) {
+            ce.current[re] = $e;
           },
           onClick() {
-            var ye;
-            me(re), (ye = ue.domReference.current) == null || ye.focus();
+            var $e;
+            me(re), ($e = ue.domReference.current) == null || $e.focus();
           }
         })), {
           tabIndex: P === re ? 0 : -1,
           isActive: P === re
         }),
-        Me || we
+        be || Le
       );
     });
     return /* @__PURE__ */ e.createElement(
@@ -5896,7 +5900,7 @@ const s4 = (C) => {
           I,
           F,
           W,
-          X,
+          K,
           J,
           z != null ? z : ""
         ]),
@@ -5924,7 +5928,7 @@ const s4 = (C) => {
           "aria-invalid": k === "error" ? !0 : null,
           "aria-describedby": Q ? `${c}__message` : null
         },
-        K && /* @__PURE__ */ e.createElement(d2, { variant: K }),
+        X && /* @__PURE__ */ e.createElement(d2, { variant: X }),
         /* @__PURE__ */ e.createElement(
           "input",
           w({
@@ -5939,7 +5943,7 @@ const s4 = (C) => {
             placeholder: f,
             value: ve,
             onBlur: se,
-            onChange: be,
+            onChange: we,
             onFocus: de,
             onKeyDown(le) {
               le.key === "Enter" && P != null && Ce[P] && me(P);
@@ -5983,7 +5987,7 @@ const s4 = (C) => {
           )
         )
       ),
-      Ke && /* @__PURE__ */ e.createElement(
+      Xe && /* @__PURE__ */ e.createElement(
         "div",
         w({
           ref: ue.setFloating,
@@ -5993,7 +5997,7 @@ const s4 = (C) => {
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: w({}, G) }, i ? /* @__PURE__ */ e.createElement("div", { className: `${I}__loading` }, u) : Ce.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${I}__options` }, $e) : /* @__PURE__ */ e.createElement("div", { className: `${I}__no-results` }, b))
+        /* @__PURE__ */ e.createElement("div", { style: w({}, G) }, i ? /* @__PURE__ */ e.createElement("div", { className: `${I}__loading` }, u) : Ce.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${I}__options` }, ye) : /* @__PURE__ */ e.createElement("div", { className: `${I}__no-results` }, b))
       ),
       Q && /* @__PURE__ */ e.createElement(
         Be,
@@ -6077,9 +6081,9 @@ const s4 = (C) => {
     isOpen: I,
     highlightedIndex: F,
     selectedItem: W,
-    getToggleButtonProps: X,
+    getToggleButtonProps: K,
     getMenuProps: J,
-    getInputProps: K,
+    getInputProps: X,
     getItemProps: Q
   } = t2({
     items: x,
@@ -6130,9 +6134,9 @@ const s4 = (C) => {
     if (!t && ((A.key === "Backspace" || A.key === "Delete") && !$ && H.length > 0 && (A.preventDefault(), Y()), A.key === "Enter" && k !== null && (A.preventDefault(), Y()), A.key === "ArrowDown" && !I)) {
       A.preventDefault();
       const ee = A.nativeEvent;
-      (j = (P = X()).onClick) == null || j.call(P, ee);
+      (j = (P = K()).onClick) == null || j.call(P, ee);
     }
-  }, D = K(ne(w({}, q({
+  }, D = X(ne(w({}, q({
     preventKeyAction: I
   })), {
     disabled: t,
@@ -6202,7 +6206,7 @@ const s4 = (C) => {
           disabled: t,
           tabIndex: -1,
           type: "button"
-        }, X()),
+        }, K()),
         /* @__PURE__ */ e.createElement(Z, { iconName: "angleDown", className: `${o}__trigger-icon` })
       )
     ),
@@ -6293,14 +6297,14 @@ const s4 = (C) => {
     ), z = Je(c), x = "pds-file-upload", O = s ? te.disabled : null, S = p && !s ? te.required : null, q = v === "error" ? te.error : null, R = v === "success" ? te.success : null, I = L ? `${x}--safari-default` : null;
     let F = null;
     v === "error" && (F = "error"), v === "success" && (F = "success");
-    const W = C || i, X = n ? [n] : null, J = n ? n.split("/").pop() : null, K = b ? n : J, Q = n ? new File(X, K) : null;
+    const W = C || i, K = n ? [n] : null, J = n ? n.split("/").pop() : null, X = b ? n : J, Q = n ? new File(K, X) : null;
     ae(() => {
       const V = new DataTransfer();
       if (Q && V.items.add(Q), V.files.length > 0) {
         const A = document.getElementById(
           `${r}--input`
         );
-        A.files = V.files, y2 && (A.dataset.file = `${K}`), H(!0);
+        A.files = V.files, y2 && (A.dataset.file = `${X}`), H(!0);
       }
     }, [n, b]);
     const Y = () => {
@@ -6625,8 +6629,8 @@ const s4 = (C) => {
         className: "pds-input-message--switch"
       }
     );
-    let W, X;
-    return L ? W = /* @__PURE__ */ e.createElement(e.Fragment, null, I, F, R) : k && (X = "pds-switch--placement-right", W = i ? /* @__PURE__ */ e.createElement(e.Fragment, null, I, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, F, /* @__PURE__ */ e.createElement("div", null, R))) : /* @__PURE__ */ e.createElement(
+    let W, K;
+    return L ? W = /* @__PURE__ */ e.createElement(e.Fragment, null, I, F, R) : k && (K = "pds-switch--placement-right", W = i ? /* @__PURE__ */ e.createElement(e.Fragment, null, I, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, F, /* @__PURE__ */ e.createElement("div", null, R))) : /* @__PURE__ */ e.createElement(
       "div",
       {
         className: N([
@@ -6644,7 +6648,7 @@ const s4 = (C) => {
           E,
           $,
           M,
-          X,
+          K,
           y
         ]),
         style: d ? f : null
@@ -6710,10 +6714,10 @@ const s4 = (C) => {
       "value",
       "className"
     ]);
-    const z = Je(r), x = "pds-textarea", O = d ? "pds-is-resizable" : null, S = s ? te.disabled : null, q = b && !s ? te.required : null, R = f === "error" ? te.error : null, I = f === "success" ? te.success : null, F = p ? te.readonly : null, W = o || l, X = E != null && m !== void 0, J = typeof n != "undefined", [K, Q] = U(
+    const z = Je(r), x = "pds-textarea", O = d ? "pds-is-resizable" : null, S = s ? te.disabled : null, q = b && !s ? te.required : null, R = f === "error" ? te.error : null, I = f === "success" ? te.success : null, F = p ? te.readonly : null, W = o || l, K = E != null && m !== void 0, J = typeof n != "undefined", [X, Q] = U(
       J ? n : ""
-    ), Y = E || K, B = (V) => {
-      X || Q(V.target.value), m && m(V);
+    ), Y = E || X, B = (V) => {
+      K || Q(V.target.value), m && m(V);
     }, D = (V) => {
       i && i(V);
     };
@@ -6763,7 +6767,7 @@ const s4 = (C) => {
           required: b,
           readOnly: p,
           disabled: s,
-          value: X ? E : K,
+          value: K ? E : X,
           rows: _,
           onChange: B,
           onBlur: D,
@@ -6854,28 +6858,28 @@ const s4 = (C) => {
       "value",
       "className"
     ]);
-    const I = Je(m), F = "pds-text-input", W = a ? te.disabled : null, X = h && !a ? te.required : null, J = k === "error" ? te.error : null, K = k === "success" ? te.success : null, Q = v ? te.readonly : null, Y = c && H === "url" ? `${F}--has-url-prefix` : null;
+    const I = Je(m), F = "pds-text-input", W = a ? te.disabled : null, K = h && !a ? te.required : null, J = k === "error" ? te.error : null, X = k === "success" ? te.success : null, Q = v ? te.readonly : null, Y = c && H === "url" ? `${F}--has-url-prefix` : null;
     let B = null;
     H === "search" && (B = "search"), H === "search" && o === "filter" && (B = "filter"), k === "error" && (B = "error"), k === "success" && (B = "success");
     const D = L || u, V = typeof z != "undefined", A = typeof s != "undefined", [P, j] = U(
       A ? s : ""
     ), ee = z || P, ge = (pe) => {
       if (E && ve && ce(!1), c && H === "url") {
-        const ze = ht(pe.target.value), Re = ne(w({}, pe), {
+        const xe = ht(pe.target.value), Re = ne(w({}, pe), {
           target: ne(w({}, pe.target), {
-            value: ze
+            value: xe
           })
         });
         p && p(Re);
       } else p && p(pe);
     }, Ce = (pe) => {
       if (c && H === "url") {
-        const ze = ht(pe.target.value), Re = ne(w({}, pe), {
+        const xe = ht(pe.target.value), Re = ne(w({}, pe), {
           target: ne(w({}, pe.target), {
-            value: ze
+            value: xe
           })
         });
-        V || j(ze), b && b(Re);
+        V || j(xe), b && b(Re);
       } else
         V || j(pe.target.value), b && b(pe);
     }, Ee = () => {
@@ -6883,7 +6887,7 @@ const s4 = (C) => {
       const pe = document.getElementById(l);
       pe && pe.focus();
     }, [ve, ce] = U(!1), _e = () => {
-      ce((ze) => !ze);
+      ce((xe) => !xe);
       const pe = document.getElementById(l);
       pe && pe.focus();
     };
@@ -6895,9 +6899,9 @@ const s4 = (C) => {
           te.base,
           F,
           W,
-          X,
-          J,
           K,
+          J,
+          X,
           Q,
           Y,
           x != null ? x : ""
@@ -7078,7 +7082,7 @@ const s4 = (C) => {
     onOpenChange: E
   }), L = je(M), k = r ? void 0 : Ae(M, {
     outsidePressEvent: "mousedown"
-  }), z = Te(M), { getFloatingProps: x } = De([L, k, z]), { isMounted: O, styles: S } = Xe(M, {
+  }), z = Te(M), { getFloatingProps: x } = De([L, k, z]), { isMounted: O, styles: S } = Ke(M, {
     duration: {
       open: 300,
       close: 300
@@ -7146,7 +7150,7 @@ const s4 = (C) => {
     if (g < l - 1)
       return /* @__PURE__ */ e.createElement("li", { key: g, className: `${c}__crumb` }, m);
     {
-      const u = Le(m) ? Oe(m, {
+      const u = He(m) ? Oe(m, {
         "aria-current": "page"
       }) : null;
       return /* @__PURE__ */ e.createElement(
@@ -7183,17 +7187,17 @@ const s4 = (C) => {
 }, Ve = (t) => {
   let n = t;
   return typeof t == "object" && (n = t.props.children), n;
-}, qt = (t) => typeof t.linkContent != "string" ? !!(t.isActive || t.linkContent.props.className && t.linkContent.props.className.includes("pds-isActive")) : !1, ke = (t) => {
+}, qt = (t) => typeof t.linkContent != "string" ? !!(t.isActive || t.linkContent.props.className && t.linkContent.props.className.includes("pds-isActive")) : !1, Ne = (t) => {
   if (qt(t))
     return !0;
   if (t.links) {
     for (let n = 0; n < t.links.length; n++)
-      if (ke(t.links[n]))
+      if (Ne(t.links[n]))
         return !0;
   }
   return !1;
 }, dn = (t) => {
-  if (Le(t)) {
+  if (He(t)) {
     const n = t.type;
     if (n === "a" || typeof n == "string" && n.toLowerCase() === "a")
       return !0;
@@ -7223,7 +7227,7 @@ const s4 = (C) => {
     ];
     if (s) {
       const c = s[0].linkContent;
-      Le(c) && (r = Oe(c, w({}, typeof n == "string" ? { children: d } : {})));
+      He(c) && (r = Oe(c, w({}, typeof n == "string" ? { children: d } : {})));
     } else
       r = null;
   }
@@ -7245,7 +7249,7 @@ const s4 = (C) => {
     "className"
   ]);
   let l = !1;
-  const i = He(Ne);
+  const i = Me(ze);
   i && (l = i.isMobile);
   const m = oe(null), g = "pds-button-nav", u = l ? `${g}--isMobile` : null, p = s !== "md" ? `${g}--${s}` : null;
   ae(() => {
@@ -7291,11 +7295,11 @@ const s4 = (C) => {
     {
       key: h,
       linkContent: v.linkContent,
-      isActive: ke(v)
+      isActive: Ne(v)
     }
   ))) : null, y = [];
   n.map((v) => {
-    v.linkContent && (ke(v) ? y.unshift({
+    v.linkContent && (Ne(v) ? y.unshift({
       linkContent: v.linkContent,
       isLink: !0
     }) : y.push({
@@ -7371,7 +7375,7 @@ const s4 = (C) => {
     "setIsSidebarExpanded",
     "className"
   ]);
-  const { isMobile: _, windowWidth: y } = He(Ne), [C, v] = U(() => i !== void 0 ? i : y > 1440), h = oe(), [o] = S2(h), f = o.width;
+  const { isMobile: _, windowWidth: y } = Me(ze), [C, v] = U(() => i !== void 0 ? i : y > 1440), h = oe(), [o] = S2(h), f = o.width;
   ae(() => {
     i !== void 0 && v(i);
   }, [i]), ae(() => {
@@ -7390,7 +7394,7 @@ const s4 = (C) => {
     transition: "width 200ms ease-in-out"
   }, O = () => {
     v(!C);
-  }, S = Pe(t), q = S.header, R = S.sidebar, I = S.main, F = S.footer, W = /* @__PURE__ */ e.createElement(e.Fragment, null, q, /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar` }, R), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${$}__main` }, I), F && /* @__PURE__ */ e.createElement("footer", { className: `${$}__footer` }, F)), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar`, style: z }, n && /* @__PURE__ */ e.createElement(
+  }, S = Pe(t), q = S.header, R = S.sidebar, I = S.main, F = S.footer, W = /* @__PURE__ */ e.createElement(e.Fragment, null, q, /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar` }, R), /* @__PURE__ */ e.createElement("main", { id: "main", className: `${$}__main` }, I), F && /* @__PURE__ */ e.createElement("footer", { className: `${$}__footer` }, F)), K = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar`, style: z }, n && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${$}__sidebar-toggle-button`,
@@ -7421,7 +7425,7 @@ const s4 = (C) => {
         g != null ? g : ""
       ])
     }, u),
-    _ ? W : X
+    _ ? W : K
   ));
 }, Ye = "ease-out", $t = 0, un = ({
   icon: t,
@@ -7447,7 +7451,7 @@ const s4 = (C) => {
         className: N([
           l,
           `${l}--${k}`,
-          ke(z) ? `${l}--active` : null
+          Ne(z) ? `${l}--active` : null
         ])
       },
       z.linkContent
@@ -7461,7 +7465,7 @@ const s4 = (C) => {
   }), C = C2(y, {
     move: !1,
     handleClose: Q2()
-  }), v = K2(y), h = Ae(y), o = Te(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: E } = De([
+  }), v = X2(y), h = Ae(y), o = Te(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: E } = De([
     C,
     v,
     h,
@@ -7622,15 +7626,15 @@ const s4 = (C) => {
     const I = [];
     return R.forEach((F) => {
       F.links ? (I.push(v({ item: F, level: "top-level" })), F.links.forEach((W) => {
-        W.links ? (I.push(v({ item: W, level: "second-level" })), W.links.forEach((X) => {
-          X.links && (I.push(
-            v({ item: X, level: "third-level" })
-          ), X.links.forEach((J) => {
+        W.links ? (I.push(v({ item: W, level: "second-level" })), W.links.forEach((K) => {
+          K.links && (I.push(
+            v({ item: K, level: "third-level" })
+          ), K.links.forEach((J) => {
             I.push(
               v({ item: J, level: "fourth-level" })
             );
           })), I.push(
-            v({ item: X, level: "third-level" })
+            v({ item: K, level: "third-level" })
           );
         })) : I.push(v({ item: W, level: "second-level" }));
       })) : I.push(v({ item: F, level: "top-level" }));
@@ -7657,13 +7661,13 @@ const s4 = (C) => {
     findMatch: (R, I) => {
       const F = I.toLowerCase();
       return R.find((W) => {
-        var J, K;
-        return ((K = (J = W == null ? void 0 : W.textContent) == null ? void 0 : J.trim().toLowerCase()) != null ? K : "").startsWith(F);
+        var J, X;
+        return ((X = (J = W == null ? void 0 : W.textContent) == null ? void 0 : J.trim().toLowerCase()) != null ? X : "").startsWith(F);
       });
     }
   }), { getReferenceProps: z, getFloatingProps: x, getItemProps: O } = De(
     [H, L, M, $, k]
-  ), { isMounted: S, styles: q } = Xe(f, {
+  ), { isMounted: S, styles: q } = Ke(f, {
     duration: {
       open: 300,
       close: 300
@@ -8073,9 +8077,9 @@ const s4 = (C) => {
     "className"
   ]);
   let i = !1;
-  const m = He(Ne);
+  const m = Me(ze);
   m && (i = m.isMobile);
-  const g = He(A2);
+  const g = Me(A2);
   let u = !0, p = null;
   g && (u = g.isSidebarExpanded, p = g.logoLinkContent);
   const b = "pds-dashboard-nav", _ = u ? `${b}--expanded` : `${b}--collapsed`, y = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${b}__menu ${b}__menu--top-level` }, s.map((h, o) => /* @__PURE__ */ e.createElement(
@@ -8083,7 +8087,7 @@ const s4 = (C) => {
     {
       key: o,
       icon: h.icon,
-      isActive: ke(h),
+      isActive: Ne(h),
       isSidebarExpanded: u,
       labels: n,
       linkContent: h.linkContent,
@@ -8226,10 +8230,10 @@ const s4 = (C) => {
   ]);
   const [C, v] = U(!1), [h, o] = U(null), f = oe(null);
   let E = !1;
-  const $ = He(Ne);
+  const $ = Me(ze);
   $ && (E = $.isMobile);
   let M = null, H = !1;
-  const L = He(A2);
+  const L = Me(A2);
   L && (M = L.navbarWidth, H = L.isAdmin);
   const k = 2.25, z = 22, x = H ? 14.5 : 9.625, O = M > 900 ? z : M / 16 - (x + u) - k * 0.675;
   let S = k;
@@ -8245,7 +8249,7 @@ const s4 = (C) => {
     setTimeout(() => {
       v(!1);
     }, 150);
-  }, X = (B) => {
+  }, K = (B) => {
     o(B.value), i && i(B);
   };
   ae(() => {
@@ -8269,7 +8273,7 @@ const s4 = (C) => {
       value: V != null ? V : A,
       optionDisplay: /* @__PURE__ */ e.createElement(gn, { option: B })
     };
-  }), K = /* @__PURE__ */ e.createElement("div", { ref: f, className: `${R}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
+  }), X = /* @__PURE__ */ e.createElement("div", { ref: f, className: `${R}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
     ln,
     {
       disabled: t,
@@ -8282,7 +8286,7 @@ const s4 = (C) => {
       loadingText: d,
       noResultsText: c,
       onFocus: l,
-      onOptionSelect: X,
+      onOptionSelect: K,
       placeholder: m,
       options: J,
       showLabel: !1,
@@ -8293,7 +8297,7 @@ const s4 = (C) => {
     {
       style: C ? { visibility: "visible" } : { visibility: "hidden" }
     },
-    K
+    X
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -8316,7 +8320,7 @@ const s4 = (C) => {
         )
       }
     )
-  )), Y = /* @__PURE__ */ e.createElement("div", { className: `${R}--mobile-inner` }, K);
+  )), Y = /* @__PURE__ */ e.createElement("div", { className: `${R}--mobile-inner` }, X);
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -8378,9 +8382,9 @@ const s4 = (C) => {
   ]);
   const [_, y] = U(!1);
   let C = !1;
-  const v = He(Ne);
+  const v = Me(ze);
   v && (C = v.isMobile);
-  const h = He(A2);
+  const h = Me(A2);
   h && (c = h.logoLinkContent);
   const o = "pds-navbar", f = a ? `${o}--noBorder` : "", E = n !== "default" ? `${o}--${n}` : "", $ = C ? `${o}--isMobile` : `${o}--notMobile`, M = (Q) => {
     const Y = Q.key;
@@ -8425,7 +8429,7 @@ const s4 = (C) => {
   const z = Pe(t), x = z["items-left"], O = z["items-right"];
   let S = "default";
   (n === "reverse" || n === "reverse-transparent") && (S = "reverse");
-  const q = Le(c) ? c.props.children : null, R = Le(c) && q ? Oe(c, {
+  const q = He(c) ? c.props.children : null, R = He(c) && q ? Oe(c, {
     children: /* @__PURE__ */ e.createElement("img", { className: `${o}__custom-logo`, src: l }),
     "aria-label": q || null
   }) : /* @__PURE__ */ e.createElement("img", { className: `${o}__custom-logo`, src: l, alt: "" }), I = () => l ? R : /* @__PURE__ */ e.createElement(
@@ -8446,9 +8450,9 @@ const s4 = (C) => {
     },
     /* @__PURE__ */ e.createElement(Z, { iconName: _ ? "xmark" : "bars", iconSize: "lg" })
   ), W = e.Children.toArray(t).sort((Q, Y) => {
-    const B = Le(Q) && parseInt(Q.props["data-mobile-order"], 10) || 1 / 0, D = Le(Y) && parseInt(Y.props["data-mobile-order"], 10) || 1 / 0;
+    const B = He(Q) && parseInt(Q.props["data-mobile-order"], 10) || 1 / 0, D = He(Y) && parseInt(Y.props["data-mobile-order"], 10) || 1 / 0;
     return B - D;
-  }), X = /* @__PURE__ */ e.createElement(
+  }), K = /* @__PURE__ */ e.createElement(
     "div",
     {
       className: _ ? `${o}__mobile ${o}__mobile--open` : `${o}__mobile ${o}__mobile--closed`,
@@ -8463,8 +8467,8 @@ const s4 = (C) => {
         initialFocus: !1
       }
     },
-    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(h2, { className: `${o}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__inner-mobile` }, I(), t && F)), /* @__PURE__ */ e.createElement(h2, null, t && X))
-  ), K = /* @__PURE__ */ e.createElement(h2, { width: s, className: `${o}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${o}__logo` }, I()), /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, x ? /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, x) : /* @__PURE__ */ e.createElement("span", null), O && /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, O)));
+    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(h2, { className: `${o}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__inner-mobile` }, I(), t && F)), /* @__PURE__ */ e.createElement(h2, null, t && K))
+  ), X = /* @__PURE__ */ e.createElement(h2, { width: s, className: `${o}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${o}__logo` }, I()), /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, x ? /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, x) : /* @__PURE__ */ e.createElement("span", null), O && /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, O)));
   return /* @__PURE__ */ e.createElement(
     "header",
     w({
@@ -8476,7 +8480,7 @@ const s4 = (C) => {
         g != null ? g : ""
       ])
     }, u),
-    C ? J : K
+    C ? J : X
   );
 }, Cn = ({
   items: t,
@@ -8581,12 +8585,12 @@ const s4 = (C) => {
         u(-1), b(p === 0 ? x : p - 1);
       },
       ArrowDown: () => {
-        var J, K, Q, Y;
+        var J, X, Q, Y;
         y("down");
-        const W = z.target.parentNode.children[1], X = ((K = (J = z.target) == null ? void 0 : J.parentNode.children[1]) == null ? void 0 : K.children) || ((Y = (Q = z.target) == null ? void 0 : Q.parentNode.parentNode.children[1]) == null ? void 0 : Y.children);
+        const W = z.target.parentNode.children[1], K = ((X = (J = z.target) == null ? void 0 : J.parentNode.children[1]) == null ? void 0 : X.children) || ((Y = (Q = z.target) == null ? void 0 : Q.parentNode.parentNode.children[1]) == null ? void 0 : Y.children);
         C.container != W && W != null && v({
           container: W,
-          containerChildren: [...X]
+          containerChildren: [...K]
         }), g === null || g == C.containerChildren.length - 1 ? u(0) : u(parseInt(g) + 1);
       },
       ArrowUp: () => {
@@ -8674,7 +8678,7 @@ const s4 = (C) => {
     const f = v.getAttribute("aria-expanded") === "false";
     v.classList.toggle(`${m}__toggle--expanded`, f), v.setAttribute("aria-expanded", f ? "true" : "false"), h.classList.toggle(`${u}--expanded`, f);
   }, b = (C, v) => {
-    const { linkContent: h, links: o } = C, f = ke(C), E = dn(h), $ = f;
+    const { linkContent: h, links: o } = C, f = Ne(C), E = dn(h), $ = f;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -8715,7 +8719,7 @@ const s4 = (C) => {
             className: N([
               g,
               `${g}--second-level`,
-              ke(M) ? `${g}--active` : null
+              Ne(M) ? `${g}--active` : null
             ])
           },
           g2(
@@ -8737,7 +8741,7 @@ const s4 = (C) => {
             onClick: p,
             type: "button"
           },
-          Le(h) && h.type === "span" ? (
+          He(h) && h.type === "span" ? (
             // If linkContent is already a span, clone it and add the toggle-content class.
             Oe(h, {
               className: N([
@@ -8767,7 +8771,7 @@ const s4 = (C) => {
               className: N([
                 g,
                 `${g}--second-level`,
-                ke(M) ? `${g}--active` : null
+                Ne(M) ? `${g}--active` : null
               ])
             },
             g2(
@@ -8984,7 +8988,7 @@ const s4 = (C) => {
       ).indexOf(j);
       o((Ee) => P && !Ee.includes(Ce) && Ce !== -1 ? [...Ee, Ce] : P ? Ee : Ee.filter((ve) => ve !== Ce));
     }
-    P ? W(A) : X(A);
+    P ? W(A) : K(A);
   }, W = (D) => {
     D.style.display = "flex", D.style.height = "auto";
     const V = `${D.scrollHeight}px`;
@@ -9009,7 +9013,7 @@ const s4 = (C) => {
         marginBlockStart: `${k2}rem`
       }), D.classList.add(`${b}--expanded`), k();
     };
-  }, X = (D) => {
+  }, K = (D) => {
     const V = `${D.scrollHeight}px`, A = D.animate(
       [
         {
@@ -9034,9 +9038,9 @@ const s4 = (C) => {
         marginBlockStart: "0"
       }), k();
     };
-  }, J = { 2: "second", 3: "third", 4: "fourth" }, K = (D, V, A) => {
+  }, J = { 2: "second", 3: "third", 4: "fourth" }, X = (D, V, A) => {
     var ce, _e;
-    const P = J[D], j = `${b}--${P}-level`, ee = `${p}--${P}-level`, ge = D + 1, Ce = ke(V);
+    const P = J[D], j = `${b}--${P}-level`, ee = `${p}--${P}-level`, ge = D + 1, Ce = Ne(V);
     let Ee = !1;
     const ve = (ce = f.current) == null ? void 0 : ce.querySelector(
       `.${p}--top-level[data-item-path="${V.path}"]`
@@ -9051,10 +9055,10 @@ const s4 = (C) => {
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${p}-wrapper` }, /* @__PURE__ */ e.createElement(
       "button",
       {
-        "aria-expanded": ke(V),
+        "aria-expanded": Ne(V),
         className: N([
           `${u}__toggle`,
-          ke(V) ? `${u}__toggle--expanded` : null
+          Ne(V) ? `${u}__toggle--expanded` : null
         ]),
         onClick: F,
         type: "button"
@@ -9084,11 +9088,11 @@ const s4 = (C) => {
           className: N([
             p,
             ee,
-            ke(ue) ? `${p}--active` : null
+            Ne(ue) ? `${p}--active` : null
           ]),
           "data-item-path": ue.path || ""
         },
-        ue.links && ge in J ? K(
+        ue.links && ge in J ? X(
           ge,
           ue,
           ue.links
@@ -9104,11 +9108,11 @@ const s4 = (C) => {
         className: N([
           p,
           `${p}--top-level`,
-          ke(D) ? `${p}--active` : null
+          Ne(D) ? `${p}--active` : null
         ]),
         "data-item-path": D.path || ""
       },
-      P ? K(2, D) : A
+      P ? X(2, D) : A
     );
   }, Y = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((D, V) => Q(D, V)))), B = /* @__PURE__ */ e.createElement(
     T2,
@@ -9157,7 +9161,7 @@ const s4 = (C) => {
         className: N([
           l,
           `${l}--${H}`,
-          ke(L) ? `${l}--active` : null
+          Ne(L) ? `${l}--active` : null
         ])
       },
       L.linkContent
@@ -9171,7 +9175,7 @@ const s4 = (C) => {
   }), C = C2(y, {
     move: !1,
     handleClose: Q2()
-  }), v = K2(y), h = Ae(y), o = Te(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: E } = De([
+  }), v = X2(y), h = Ae(y), o = Te(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: E } = De([
     C,
     v,
     h,
@@ -9270,7 +9274,7 @@ const s4 = (C) => {
     {
       key: v,
       icon: C.icon,
-      isActive: ke(C),
+      isActive: Ne(C),
       isSidebarCollapsed: s,
       labels: a,
       linkContent: C.linkContent,
@@ -9323,7 +9327,7 @@ const s4 = (C) => {
     focusItemOnOpen: !1
   }), { getReferenceProps: k, getFloatingProps: z, getItemProps: x } = De(
     [H, M, L, $]
-  ), { isMounted: O, styles: S } = Xe(f, {
+  ), { isMounted: O, styles: S } = Ke(f, {
     duration: {
       open: 300,
       close: 150
@@ -9359,7 +9363,7 @@ const s4 = (C) => {
     width: `${Ve(
       W.linkContent
     ).length + 2}ch`
-  }, K = /* @__PURE__ */ e.createElement(Z, { iconName: "check", className: `${y}__active-icon` }), Q = _ && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
+  }, X = /* @__PURE__ */ e.createElement(Z, { iconName: "check", className: `${y}__active-icon` }), Q = _ && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
     Wt,
     {
       hasClearButton: !0,
@@ -9386,7 +9390,7 @@ const s4 = (C) => {
         onKeyDown: q
       }, x()),
       B.linkContent,
-      B.isActive && K
+      B.isActive && X
     );
   });
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -9430,7 +9434,7 @@ const s4 = (C) => {
     "className"
   ]);
   let c = !1;
-  const l = He(Ne);
+  const l = Me(ze);
   l && (c = l.isMobile);
   const i = "pds-tab-menu", m = c ? `${i}--isMobile` : null, g = ({
     dropdownSettings: p,
@@ -9482,7 +9486,7 @@ const s4 = (C) => {
       key: b,
       dropdownSettings: p.dropdownSettings,
       icon: p.icon,
-      isActive: ke(p),
+      isActive: Ne(p),
       linkContent: p.linkContent,
       links: p.links,
       promoteActiveChildLink: p.promoteActiveChildLink
@@ -9516,7 +9520,7 @@ const s4 = (C) => {
   ]);
   const [g, u] = U(null), [p, b] = U(!1), _ = oe([]), y = oe([]);
   let C = !1;
-  const v = He(Ne);
+  const v = Me(ze);
   v && (C = v.isMobile);
   const h = d && C, o = "pds-user-menu", f = h ? `${o}--isMobile` : null, E = `${o}__menu`, { refs: $, floatingStyles: M, context: H } = Ie({
     placement: "bottom-end",
@@ -9534,7 +9538,7 @@ const s4 = (C) => {
     focusItemOnHover: !0
   }), { getReferenceProps: S, getFloatingProps: q, getItemProps: R } = De(
     [k, z, L, O]
-  ), { isMounted: I, styles: F } = Xe(H, {
+  ), { isMounted: I, styles: F } = Ke(H, {
     duration: {
       open: 300,
       close: 150
@@ -9549,7 +9553,7 @@ const s4 = (C) => {
       opacity: 0
     }
   }), W = /* @__PURE__ */ e.createElement(
-    X2,
+    K2,
     {
       hasUserFallback: !0,
       imageSrc: a,
@@ -9557,18 +9561,18 @@ const s4 = (C) => {
       uniqueId: s,
       className: `${o}__avatar`
     }
-  ), X = /* @__PURE__ */ e.createElement(Z, { iconName: "angleDown", className: `${o}__trigger-icon` }), J = /* @__PURE__ */ e.createElement("li", { className: `${o}__user-details`, role: "presentation" }, h ? null : /* @__PURE__ */ e.createElement("div", { className: `${o}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${o}__user-email` }, s));
+  ), K = /* @__PURE__ */ e.createElement(Z, { iconName: "angleDown", className: `${o}__trigger-icon` }), J = /* @__PURE__ */ e.createElement("li", { className: `${o}__user-details`, role: "presentation" }, h ? null : /* @__PURE__ */ e.createElement("div", { className: `${o}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${o}__user-email` }, s));
   n.forEach((P) => {
     const j = P.id ? P.id : c2();
     _.current.push(j), y.current.push(P);
   });
-  const K = (P) => {
+  const X = (P) => {
     const j = _.current.indexOf(P), ee = y.current[j];
     ee.linkContent && !ee.disabled && (x.current[j].querySelector("a").click(), b(!1)), ee.callback && !ee.disabled && (ee.callback(ee), b(!1));
   }, Q = (P) => {
-    P.preventDefault(), P.key === "Enter" && K(P.currentTarget.id);
+    P.preventDefault(), P.key === "Enter" && X(P.currentTarget.id);
   }, Y = (P) => {
-    K(P.currentTarget.id);
+    X(P.currentTarget.id);
   }, B = n.map((P, j) => {
     const ee = _.current[j], ge = `${o}__item`, Ce = P.disabled ? `${ge}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
@@ -9628,7 +9632,7 @@ const s4 = (C) => {
       onClick: V
     },
     /* @__PURE__ */ e.createElement("span", { className: `${o}__toggle-left` }, W, r || s),
-    X
+    K
   ), /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
     {
@@ -9677,7 +9681,7 @@ const s4 = (C) => {
   ]);
   const [b, _] = U(!1), [y, C] = U(null), [v, h] = U(i), o = oe([]), f = oe(null), E = i.length >= d;
   let $ = !1;
-  const M = He(Ne);
+  const M = Me(ze);
   M && ($ = M.isMobile);
   const H = l && $, L = "pds-workspace-selector", k = H ? `${L}--isMobile` : null, z = `${L}__menu`, x = E ? `${z}--scroll` : null, { refs: O, floatingStyles: S, context: q } = Ie({
     open: b,
@@ -9691,9 +9695,9 @@ const s4 = (C) => {
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
-  }), { getReferenceProps: X, getFloatingProps: J, getItemProps: K } = De(
+  }), { getReferenceProps: K, getFloatingProps: J, getItemProps: X } = De(
     [I, F, R, W]
-  ), { isMounted: Q, styles: Y } = Xe(q, {
+  ), { isMounted: Q, styles: Y } = Ke(q, {
     duration: {
       open: 300,
       close: 150
@@ -9723,7 +9727,7 @@ const s4 = (C) => {
   const V = (ce) => {
     ce.preventDefault(), ce.key === "Enter" && o.current[y].querySelector("a").click(), ce.key === "Tab" && (ce.shiftKey ? E ? document.getElementById("workspace-filter").focus() : _(!1) : n ? f.current.querySelector("a").focus() : _(!1));
   }, A = /* @__PURE__ */ e.createElement("div", { className: `${L}__button-content` }, /* @__PURE__ */ e.createElement(
-    X2,
+    K2,
     {
       size: "sm",
       uniqueId: B.workspaceId,
@@ -9758,8 +9762,8 @@ const s4 = (C) => {
     }
   )), ee = v.map(
     (ce, _e) => {
-      const ue = `${L}__item`, pe = ce.isActive ? `${ue}--active` : null, ze = ce.isUnprivileged ? `${ue}--unprivileged` : null, Re = /* @__PURE__ */ e.createElement(Z, { iconName: "check", className: `${L}__active-icon` }), We = ce.workspaceId, Ze = ce.workspaceLink.type, e2 = ce.isUnprivileged ? null : (Ke) => {
-        o.current[_e] = Ke;
+      const ue = `${L}__item`, pe = ce.isActive ? `${ue}--active` : null, xe = ce.isUnprivileged ? `${ue}--unprivileged` : null, Re = /* @__PURE__ */ e.createElement(Z, { iconName: "check", className: `${L}__active-icon` }), We = ce.workspaceId, Ze = ce.workspaceLink.type, e2 = ce.isUnprivileged ? null : (Xe) => {
+        o.current[_e] = Xe;
       };
       return /* @__PURE__ */ e.createElement(
         "li",
@@ -9769,20 +9773,20 @@ const s4 = (C) => {
           className: N([
             ue,
             pe,
-            ze
+            xe
           ]),
           role: "menuitem",
           tabIndex: y === _e ? 0 : -1,
           ref: e2,
           onKeyDown: V
-        }, K()),
+        }, X()),
         /* @__PURE__ */ e.createElement(
           Ze,
           ne(w({}, ce.workspaceLink.props), {
             onClick: () => _(!1)
           }),
           /* @__PURE__ */ e.createElement("div", { className: `${L}__item-content` }, /* @__PURE__ */ e.createElement(
-            X2,
+            K2,
             {
               size: "sm",
               uniqueId: ce.workspaceId,
@@ -9811,7 +9815,7 @@ const s4 = (C) => {
       "aria-label": t,
       ref: O.setReference,
       type: "button"
-    }, X()),
+    }, K()),
     A,
     P
   ), Q && /* @__PURE__ */ e.createElement(
@@ -9924,7 +9928,7 @@ const s4 = (C) => {
           return;
         }
         g(
-          (W) => W.filter((X) => X.id !== L)
+          (W) => W.filter((K) => K.id !== L)
         );
       }, 200);
     };
@@ -10692,14 +10696,14 @@ const P4 = () => {
     O,
     S,
     q
-  ]), F = (Y = (Q = z.arrow) == null ? void 0 : Q.x) != null ? Y : 0, W = (D = (B = z.arrow) == null ? void 0 : B.y) != null ? D : 0, X = F + Lt / 2, J = W + n2, { isMounted: K } = Xe(k, {
+  ]), F = (Y = (Q = z.arrow) == null ? void 0 : Q.x) != null ? Y : 0, W = (D = (B = z.arrow) == null ? void 0 : B.y) != null ? D : 0, K = F + Lt / 2, J = W + n2, { isMounted: X } = Ke(k, {
     initial: {
       transform: "scale(0)"
     },
     common: ({ side: V }) => ({
       transformOrigin: {
-        top: `${X}px calc(100% + ${n2}px)`,
-        bottom: `${X}px ${-n2}px`,
+        top: `${K}px calc(100% + ${n2}px)`,
+        bottom: `${K}px ${-n2}px`,
         left: `calc(100% + ${n2}px) ${J}px`,
         right: `${-n2}px ${J}px`
       }[V]
@@ -10721,7 +10725,7 @@ const P4 = () => {
         iconSize: "md"
       }
     ))
-  ), K && /* @__PURE__ */ e.createElement(Vt, null, /* @__PURE__ */ e.createElement(
+  ), X && /* @__PURE__ */ e.createElement(Vt, null, /* @__PURE__ */ e.createElement(
     St,
     {
       context: k,
@@ -10768,7 +10772,7 @@ const P4 = () => {
   success: "--pds-color-status-success-foreground",
   warning: "--pds-color-status-warning-foreground",
   critical: "--pds-color-status-critical-foreground"
-}, X4 = (u) => {
+}, K4 = (u) => {
   var p = u, {
     colorBreakpoints: t = [
       { colorType: "info", percentage: 0 },
@@ -10931,7 +10935,7 @@ const P4 = () => {
       )
     )
   );
-}, K4 = (c) => {
+}, X4 = (c) => {
   var l = c, {
     attribution: t,
     image: n,
@@ -11222,7 +11226,7 @@ const Y4 = (i) => {
     $ && F.push(`${I}--current`), M && F.push(`${I}--complete`), H && F.push(`${I}--error`);
     let W = `${n.step} ${E}`;
     M && (W = `${n.step} ${E}, ${n.completed}`), H && (W = `${n.step} ${E}, ${n.hasError}`);
-    const X = M ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }, /* @__PURE__ */ e.createElement(
+    const K = M ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }, /* @__PURE__ */ e.createElement(
       Z,
       {
         iconName: "check",
@@ -11230,12 +11234,12 @@ const Y4 = (i) => {
         className: `${c}__step-complete-icon`
       }
     )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }), J = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-label` }, o.label);
-    let K = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-content` }, J, X);
+    let X = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-content` }, J, K);
     if (M && o.callback) {
       const Q = (Y) => {
         o.callback(o), Y.preventDefault();
       };
-      K = /* @__PURE__ */ e.createElement(
+      X = /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${c}__step-content`,
@@ -11243,7 +11247,7 @@ const Y4 = (i) => {
           type: "button"
         },
         J,
-        X
+        K
       );
     }
     return /* @__PURE__ */ e.createElement(
@@ -11268,7 +11272,7 @@ const Y4 = (i) => {
           }
         }
       ),
-      K,
+      X,
       !q && /* @__PURE__ */ e.createElement(
         "span",
         {
@@ -11781,7 +11785,7 @@ const Y4 = (i) => {
     u((o) => !o);
   };
   let C, v, h;
-  return t && !n && Le(t) ? (C = t.type, v = t.props.href ? "href" : "to", h = v === "href" ? t.props.href : t.props.to) : (C = "span", v = null, h = null), /* @__PURE__ */ e.createElement(
+  return t && !n && He(t) ? (C = t.type, v = t.props.href ? "href" : "to", h = v === "href" ? t.props.href : t.props.to) : (C = "span", v = null, h = null), /* @__PURE__ */ e.createElement(
     C,
     w({
       href: v === "href" ? h : null,
@@ -11891,7 +11895,7 @@ const Y4 = (i) => {
     name: p,
     title: b,
     org: _
-  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("div", { className: `${c}__image ${c}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: g, alt: u })), p && /* @__PURE__ */ e.createElement("div", { className: `${c}__name` }, p), b && /* @__PURE__ */ e.createElement("div", { className: `${c}__title` }, b), _ && /* @__PURE__ */ e.createElement("div", { className: `${c}__org` }, _)), i = (g) => Le(g.linkContent) ? Oe(g.linkContent, {
+  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("div", { className: `${c}__image ${c}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: g, alt: u })), p && /* @__PURE__ */ e.createElement("div", { className: `${c}__name` }, p), b && /* @__PURE__ */ e.createElement("div", { className: `${c}__title` }, b), _ && /* @__PURE__ */ e.createElement("div", { className: `${c}__org` }, _)), i = (g) => He(g.linkContent) ? Oe(g.linkContent, {
     children: /* @__PURE__ */ e.createElement(l, w({}, g)),
     className: `${c}__item`
   }) : /* @__PURE__ */ e.createElement("span", { className: `${c}__item` }, /* @__PURE__ */ e.createElement(l, w({}, g))), m = () => t.map((g, u) => /* @__PURE__ */ e.createElement(Jt, { key: `tile-${u}` }, i(g), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
@@ -12022,7 +12026,7 @@ const Y4 = (i) => {
     "className"
   ]);
   let C = !1;
-  const v = He(Ne);
+  const v = Me(ze);
   v && (C = v.isMobile);
   const [h, o] = U(
     a || !1
@@ -12103,7 +12107,7 @@ const Y4 = (i) => {
     "hasContentSpacing",
     "className"
   ]);
-  const { isMobile: c } = He(Ne), l = "pds-dashboard-inner", i = c ? `${l}--isMobile` : `${l}--notMobile`, m = Pe(t), g = m["header-left"], u = m["header-right"], p = m.content;
+  const { isMobile: c } = Me(ze), l = "pds-dashboard-inner", i = c ? `${l}--isMobile` : `${l}--notMobile`, m = Pe(t), g = m["header-left"], u = m["header-right"], p = m.content;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -12131,7 +12135,7 @@ const Y4 = (i) => {
     "className"
   ]);
   let l = !1;
-  const i = He(Ne);
+  const i = Me(ze);
   i && (l = i.isMobile);
   const m = "pds-docs-layout", g = l ? `${m}--isMobile` : null, u = {
     width: n,
@@ -12182,7 +12186,7 @@ const Y4 = (i) => {
     "className"
   ]);
   let h = Ot() <= 640;
-  const o = He(Ne);
+  const o = Me(ze);
   o && (h = o.isMobile);
   const f = "pds-flex", E = `${f}-container`, $ = h ? `${E}--mobile` : null;
   let M = null;
@@ -12234,7 +12238,7 @@ const Y4 = (i) => {
   ]);
   const m = "pds-sidebar-layout", g = `pds-grid pds-grid--${n}`, u = `${m}--${r}`;
   let p = !1;
-  const b = He(Ne);
+  const b = Me(ze);
   b && (p = b.isMobile);
   const _ = Pe(t);
   let y = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", C = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
@@ -12382,7 +12386,7 @@ const Y4 = (i) => {
 };
 export {
   ds as AppLayout,
-  X2 as Avatar,
+  K2 as Avatar,
   os as AvatarTileList,
   D4 as Banner,
   qn as BranchDiff,
@@ -12392,10 +12396,10 @@ export {
   y4 as ButtonNav,
   en as CTALink,
   l4 as CTASlice,
-  Xn as Callout,
+  Kn as Callout,
   I2 as Card,
   st as CardHeading,
-  Kn as CardSelectGroup,
+  Xn as CardSelectGroup,
   sn as Checkbox,
   p4 as CheckboxFieldset,
   h4 as CheckboxGroup,
@@ -12450,13 +12454,13 @@ export {
   C1 as PlatformIcon,
   Mn as Popover,
   t4 as PricingCard,
-  X4 as ProgressBar,
+  K4 as ProgressBar,
   kn as ProgressRing,
-  K4 as PullQuote,
+  X4 as PullQuote,
   _4 as RadioGroup,
   Y4 as RefreshChecker,
   Nn as RefreshCheckerState,
-  Ne as ResponsiveContext,
+  ze as ResponsiveContext,
   O4 as SectionMessage,
   Un as SegmentedButton,
   $1 as Select,