@pantheon-systems/pds-toolkit-react 1.0.0-dev.169 → 1.0.0-dev.170

package/_dist/index.js

@@ -9,7 +9,7 @@ var ts = (s, n, a) => n in s ? Zs(s, n, { enumerable: !0, configurable: !0, writ
     for (var a of vt(n))
       ns.call(n, a) && ts(s, a, n[a]);
   return s;
-}, fe = (s, n) => Us(s, Gs(n));
+}, ge = (s, n) => Us(s, Gs(n));
 var I = (s, n) => {
   var a = {};
   for (var c in s)
@@ -19,10 +19,10 @@ var I = (s, n) => {
       n.indexOf(c) < 0 && ns.call(s, c) && (a[c] = s[c]);
   return a;
 };
-import e, { createContext as $t, useState as R, useContext as He, forwardRef as Be, cloneElement as qe, useEffect as oe, useRef as se, isValidElement as Ut, useLayoutEffect as Ks, useCallback as Gt } from "react";
+import e, { createContext as $t, useState as R, useContext as He, forwardRef as Fe, cloneElement as je, useEffect as oe, useRef as se, isValidElement as Ut, useLayoutEffect as Ks, useCallback as Gt } from "react";
 import t from "prop-types";
 import { NavLink as gs, MemoryRouter as Ys } from "react-router-dom";
-import { useFloating as Ie, offset as yt, flip as wt, shift as Nt, autoUpdate as Pe, useHover as Et, useFocus as fs, useDismiss as Se, useRole as Te, useInteractions as Oe, useId as bs, useListNavigation as mt, useTransitionStyles as Ye, useClick as rt, safePolygon as vs, FloatingOverlay as Xs, FloatingFocusManager as Es, arrow as Qs, FloatingArrow as Js } from "@floating-ui/react";
+import { useFloating as Ie, offset as yt, flip as wt, shift as Nt, autoUpdate as qe, useHover as Et, useFocus as fs, useDismiss as Se, useRole as Te, useInteractions as Oe, useId as bs, useListNavigation as ut, useTransitionStyles as Xe, useClick as ot, safePolygon as vs, FloatingOverlay as Xs, FloatingFocusManager as Es, arrow as Qs, FloatingArrow as Js } from "@floating-ui/react";
 import { useHotkeys as e1 } from "react-hotkeys-hook";
 import { useMeasure as kt } from "@reactuses/core";
 import { useFloating as t1, flip as s1 } from "@floating-ui/react-dom";
@@ -110,7 +110,7 @@ const o1 = {
   },
   resolveCrumb: () => {
   }
-}, Cs = $t(o1), Ae = () => Math.random().toString(32).substring(2, 13), $s = (s, n) => {
+}, Cs = $t(o1), Pe = () => Math.random().toString(32).substring(2, 13), $s = (s, n) => {
   let a;
   for (n = n || [], a = 0; a < s.childNodes.length; a++)
     n.push(s.childNodes[a]), $s(s.childNodes[a], n);
@@ -777,7 +777,7 @@ const o1 = {
     open: f,
     onOpenChange: E,
     middleware: [yt(a), wt(), Nt()],
-    whileElementsMounted: Pe
+    whileElementsMounted: qe
   }), L = Et(w, {
     restMs: 300,
     delay: { open: 500, close: 0 },
@@ -815,15 +815,15 @@ const o1 = {
     y({
       className: `${g}__container`,
       ref: C.setFloating,
-      style: fe(y({}, $), { zIndex: d })
+      style: ge(y({}, $), { zIndex: d })
     }, M()),
     s
   ));
-}, Ue = ({ crumb: s, lastCrumb: n, classes: a }) => {
+}, Ge = ({ crumb: s, lastCrumb: n, classes: a }) => {
   const c = s.label.length > 16 ? `${s.label.slice(0, 16)}...` : null;
   return /* @__PURE__ */ e.createElement("li", { className: `${a || ""}`, key: `key-${s.label}` }, n ? /* @__PURE__ */ e.createElement("a", { className: "pds-breadcrumbs__disabled" }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(_t, { content: s.label, triggerText: c }) : s.label) : /* @__PURE__ */ e.createElement(gs, { end: !0, to: s.uri }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(_t, { content: s.label, triggerText: c }) : s.label));
 };
-Ue.propTypes = {
+Ge.propTypes = {
   crumb: t.object,
   lastCrumb: t.bool,
   classes: t.string
@@ -833,9 +833,9 @@ const d1 = (s) => /* @__PURE__ */ e.createElement(gs, { className: "pds-breadcru
   const [r, o] = R(!0), { crumbs: l, deferredCrumbIds: i } = He(Cs), d = [...l].sort(m1), u = () => {
     o(!1);
   }, h = d.map(
-    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Ue, { crumb: _, lastCrumb: !0, key: g }) : /* @__PURE__ */ e.createElement(Ue, { crumb: _, key: g })
+    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Ge, { crumb: _, lastCrumb: !0, key: g }) : /* @__PURE__ */ e.createElement(Ge, { crumb: _, key: g })
   ), m = d.map(
-    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Ue, { crumb: _, key: `breadcrumb-${g}`, lastCrumb: !0 }) : g == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
+    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Ge, { crumb: _, key: `breadcrumb-${g}`, lastCrumb: !0 }) : g == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         key: `breadcrumb-button-${g}`,
@@ -844,20 +844,20 @@ const d1 = (s) => /* @__PURE__ */ e.createElement(gs, { className: "pds-breadcru
       },
       "..."
     )), /* @__PURE__ */ e.createElement(
-      Ue,
+      Ge,
       {
         crumb: _,
         classes: r ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${g}`
       }
     )) : g > 2 && g < d.length - 2 ? /* @__PURE__ */ e.createElement(
-      Ue,
+      Ge,
       {
         crumb: _,
         classes: r ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${g}`
       }
-    ) : /* @__PURE__ */ e.createElement(Ue, { crumb: _, key: `breadcrumb-${g}` })
+    ) : /* @__PURE__ */ e.createElement(Ge, { crumb: _, key: `breadcrumb-${g}` })
   ), p = d.length >= 6 ? m : h, f = d[d.length - 2], E = d1(f);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": s, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", y({ className: "pds-breadcrumbs__item" }, n), p), E);
 };
@@ -1034,7 +1034,7 @@ const p1 = [
   "xmarkLarge",
   "xTwitter",
   "youtube"
-], ut = t.oneOf(p1), Ht = t.oneOf([
+], pt = t.oneOf(p1), Ht = t.oneOf([
   "narrow",
   "standard",
   "wide",
@@ -1061,7 +1061,7 @@ const p1 = [
   /**
    *  Optional icon for this item. Choose from available icons in the Icon component.
    */
-  iconName: ut,
+  iconName: pt,
   /**
    * Is the item a link?
    */
@@ -1090,7 +1090,7 @@ const p1 = [
   /**
    *  Optional icon for this item. Choose from available icons in the Icon component.
    */
-  iconName: ut,
+  iconName: pt,
   /**
    * Optional ID value for this item.
    */
@@ -1131,7 +1131,7 @@ const p1 = [
     iconSize: "sm",
     className: "pds-input-label__required"
   }
-), pt = ({
+), ht = ({
   id: s,
   label: n,
   showLabel: a = !0,
@@ -1146,7 +1146,7 @@ const p1 = [
     l != null ? l : ""
   ]);
   return o ? /* @__PURE__ */ e.createElement("legend", { className: i, id: `${s}-legend` }, n, c && !r && /* @__PURE__ */ e.createElement(Wt, null)) : /* @__PURE__ */ e.createElement("label", { htmlFor: s, className: i }, n, c && !r && /* @__PURE__ */ e.createElement(Wt, null));
-}, Xe = ({
+}, Qe = ({
   id: s,
   message: n,
   hasValidationMessage: a,
@@ -1226,10 +1226,10 @@ const p1 = [
 }, Xt = (a) => {
   var c = a, { label: s } = c, n = I(c, ["label"]);
   return /* @__PURE__ */ e.createElement("span", y({ className: "visually-hidden" }, n), s);
-}, E1 = Be(
+}, E1 = Fe(
   (o, r) => {
     var l = o, { children: s, isActive: n, className: a } = l, c = I(l, ["children", "isActive", "className"]);
-    const i = bs(), d = "pds-input__option", u = n ? `${d}--active` : null;
+    const i = bs(), d = "pds-input__select-option", u = n ? `${d}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
@@ -1268,7 +1268,7 @@ const p1 = [
     /* @__PURE__ */ e.createElement("span", { className: `${u}__icon` }),
     c && !n ? /* @__PURE__ */ e.createElement("span", { className: `${u}__label` }, a) : /* @__PURE__ */ e.createElement(Xt, { label: a })
   );
-}, Ge = Be(
+}, Ke = Fe(
   (E, f) => {
     var _ = E, {
       ariaLabel: s,
@@ -1321,7 +1321,7 @@ const p1 = [
     let w = [i];
     return c == "icon-start" && r && w.unshift($), c == "icon-end" && r && w.push($), l && (w = [$], s = i), /* @__PURE__ */ e.createElement(
       "button",
-      fe(y({}, p), {
+      ge(y({}, p), {
         type: n,
         className: [g, b, v, m].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || o,
@@ -1334,8 +1334,8 @@ const p1 = [
     );
   }
 );
-Ge.displayName = "Button";
-Ge.propTypes = {
+Ke.displayName = "Button";
+Ke.propTypes = {
   /**
    * Aria-label attribute.
    */
@@ -1355,7 +1355,7 @@ Ge.propTypes = {
   /**
    * Which icon to render
    */
-  iconName: ut,
+  iconName: pt,
   /**
    * Is the button in a loading state?
    */
@@ -1394,7 +1394,7 @@ Ge.propTypes = {
    */
   className: t.string
 };
-const je = (d) => {
+const Be = (d) => {
   var u = d, {
     disabled: s = !1,
     displayType: n = "label-only",
@@ -1412,7 +1412,7 @@ const je = (d) => {
     "variant",
     "className"
   ]);
-  const h = Ae(), m = "pds-button-link", p = "pds-button", f = c.props.className, E = r !== "md" ? `${p}--${r}` : null, _ = o !== "primary" ? `${p}--${o}` : null, g = [p, f, _, E].join(" ").trim().replace(/\s+/g, " ");
+  const h = Pe(), m = "pds-button-link", p = "pds-button", f = c.props.className, E = r !== "md" ? `${p}--${r}` : null, _ = o !== "primary" ? `${p}--${o}` : null, g = [p, f, _, E].join(" ").trim().replace(/\s+/g, " ");
   let b;
   switch (r) {
     case "sm":
@@ -1435,12 +1435,12 @@ const je = (d) => {
   );
   let $ = [c.props.children];
   n == "icon-start" && a && $.unshift(v), n == "icon-end" && a && $.push(v);
-  const w = qe(c, {
+  const w = je(c, {
     className: g,
     children: $
   });
   return s ? /* @__PURE__ */ e.createElement(
-    Ge,
+    Ke,
     y({
       disabled: !0,
       onClick: () => {
@@ -1458,8 +1458,8 @@ const je = (d) => {
     w
   );
 };
-je.displayName = "ButtonLink";
-je.propTypes = {
+Be.displayName = "ButtonLink";
+Be.propTypes = {
   /**
    * Is the link disabled?
    */
@@ -1471,7 +1471,7 @@ je.propTypes = {
   /**
    * Which icon to render
    */
-  iconName: ut,
+  iconName: pt,
   /**
    * A link element using the router of your choice.
    */
@@ -1531,7 +1531,7 @@ const _1 = (h) => {
       className: `${p}__kicker pds-overline-text pds-overline-text--sm`
     },
     o
-  ), a && /* @__PURE__ */ e.createElement(E, { className: `${p}__heading` }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${p}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, s)), !r && l && /* @__PURE__ */ e.createElement("div", { className: `${p}__links pds-button-group` }, /* @__PURE__ */ e.createElement(je, { linkContent: l, variant: "primary" }), i && /* @__PURE__ */ e.createElement(je, { linkContent: i, variant: "secondary" })));
+  ), a && /* @__PURE__ */ e.createElement(E, { className: `${p}__heading` }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${p}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, s)), !r && l && /* @__PURE__ */ e.createElement("div", { className: `${p}__links pds-button-group` }, /* @__PURE__ */ e.createElement(Be, { linkContent: l, variant: "primary" }), i && /* @__PURE__ */ e.createElement(Be, { linkContent: i, variant: "secondary" })));
   return r && l ? /* @__PURE__ */ e.createElement(
     _,
     y({
@@ -1809,7 +1809,7 @@ $1.propTypes = {
    */
   className: t.string
 };
-const Fe = $t(null), y1 = ({
+const We = $t(null), y1 = ({
   children: s,
   mobileMenuMaxWidth: n = 640
 }) => {
@@ -1824,7 +1824,7 @@ const Fe = $t(null), y1 = ({
     mobileMenuMaxWidth: n,
     windowWidth: a
   };
-  return /* @__PURE__ */ e.createElement(Fe.Provider, { value: l }, s);
+  return /* @__PURE__ */ e.createElement(We.Provider, { value: l }, s);
 }, w1 = (r) => {
   var o = r, {
     destination: s = "main",
@@ -1865,7 +1865,7 @@ const Fe = $t(null), y1 = ({
   ]);
   const [m, p] = R(
     a
-  ), { isMobile: f } = He(Fe), E = se(), [_] = kt(E), b = {
+  ), { isMobile: f } = He(We), E = se(), [_] = kt(E), b = {
     navbarWidth: _.width,
     isSidebarExpanded: f ? !0 : m
   }, v = "pds-dashboard", C = f ? `${v}--isMobile` : `${v}--notMobile`, $ = f ? null : m ? `${v}--sidebarExpanded` : `${v}--sidebarCollapsed`, w = m ? `${r}rem` : `${c}rem`, L = {
@@ -1991,7 +1991,7 @@ const Fe = $t(null), y1 = ({
   );
 };
 zs.propTypes = { option: t.object };
-const N1 = Be(
+const N1 = Fe(
   (M, x) => {
     var T = M, {
       defaultValue: s,
@@ -2054,23 +2054,23 @@ const N1 = Be(
     const V = Kt(i), H = "pds-combobox", S = n ? ue.disabled : null, P = $ && !n ? ue.required : null, j = k === "error" ? ue.error : null, F = k === "success" ? ue.success : null;
     let Z = null;
     r && (Z = "search"), k === "error" && (Z = "error"), k === "success" && (Z = "success");
-    const B = L || p, W = (he) => {
-      const ve = v.find((xe) => xe.value === he);
-      return ve ? ve.label : "";
+    const B = L || p, W = (pe) => {
+      const fe = v.find((xe) => xe.value === pe);
+      return fe ? fe.label : "";
     }, [O, D] = R(!1), [U, K] = R(null), [ie, X] = R(
       s ? W(s) : ""
-    ), [be, te] = R([]), de = se([]), { context: le, refs: ae } = Ie({
+    ), [ve, te] = R([]), de = se([]), { context: le, refs: ne } = Ie({
       open: O,
       onOpenChange: D,
-      whileElementsMounted: Pe
-    }), _e = Te(le, { role: "listbox" }), ee = Se(le), Q = mt(le, {
+      whileElementsMounted: qe
+    }), _e = Te(le, { role: "listbox" }), ee = Se(le), Q = ut(le, {
       listRef: de,
       activeIndex: U,
       onNavigate: K,
       virtual: !0,
       loop: !0,
       allowEscape: !0
-    }), { getReferenceProps: G, getFloatingProps: pe, getItemProps: we } = Oe([_e, ee, Q]), { isMounted: ne, styles: ce } = Ye(le, {
+    }), { getReferenceProps: G, getFloatingProps: he, getItemProps: we } = Oe([_e, ee, Q]), { isMounted: ae, styles: ce } = Xe(le, {
       duration: {
         open: 300,
         close: 150
@@ -2087,20 +2087,20 @@ const N1 = Be(
     }), Le = () => {
       D(!O);
     }, ke = () => {
-      var he;
-      X(""), K(null), D(!0), (he = ae.domReference.current) == null || he.focus(), _ && _();
-    }, ze = (he) => {
-      let ve = he.target.value;
-      ve.length > 0 && (ve = ve.trimStart()), X(ve), ve ? (K(null), D(!0)) : D(!1);
-    }, Ee = (he) => {
-      E && g(he);
-    }, We = (he) => {
-      g && g(he);
-    }, ht = (he) => {
-      const ve = be[he];
-      X(ve.label), K(null), D(!1), b && b(ve);
-    }, xt = (he) => he.map((xe) => {
-      const { label: Re, optionDisplay: De, value: gt, searchIndex: ft } = xe, q = gt || Re, re = [Re, gt];
+      var pe;
+      X(""), K(null), D(!0), (pe = ne.domReference.current) == null || pe.focus(), _ && _();
+    }, ze = (pe) => {
+      let fe = pe.target.value;
+      fe.length > 0 && (fe = fe.trimStart()), X(fe), fe ? (K(null), D(!0)) : D(!1);
+    }, Ee = (pe) => {
+      E && g(pe);
+    }, Ze = (pe) => {
+      g && g(pe);
+    }, gt = (pe) => {
+      const fe = ve[pe];
+      X(fe.label), K(null), D(!1), b && b(fe);
+    }, xt = (pe) => pe.map((xe) => {
+      const { label: Re, optionDisplay: De, value: Ae, searchIndex: ft } = xe, q = Ae || Re, re = [Re, Ae];
       return ft && re.push(...ft), {
         label: Re,
         value: q,
@@ -2109,27 +2109,35 @@ const N1 = Be(
       };
     });
     oe(() => {
-      const he = xt(v).filter(
-        (ve) => {
-          const xe = ve.searchIndex.map(
+      const pe = xt(v).filter(
+        (fe) => {
+          const xe = fe.searchIndex.map(
             (De) => De.toLowerCase()
           ), Re = ie.toLowerCase();
           return xe.some((De) => De.includes(Re));
         }
       );
-      te(he);
+      te(pe);
     }, [ie, d, v]);
-    const Je = be.map((he, ve) => {
-      const { label: xe, value: Re, optionDisplay: De } = he;
+    const et = ve.map((pe, fe) => {
+      const { label: xe, value: Re, optionDisplay: De } = pe;
       return /* @__PURE__ */ e.createElement(
         E1,
-        y({
-          key: Re,
-          id: `${l}__option--${ve}`,
-          isActive: U === ve
+        ge(y({
+          key: pe
         }, we({
-          onMouseDown: () => ht(ve)
-        })),
+          key: Re,
+          ref(Ae) {
+            de.current[fe] = Ae;
+          },
+          onClick() {
+            var Ae;
+            gt(fe), (Ae = ne.domReference.current) == null || Ae.focus();
+          }
+        })), {
+          tabIndex: U === fe ? 0 : -1,
+          isActive: U === fe
+        }),
         De || xe
       );
     });
@@ -2148,7 +2156,7 @@ const N1 = Be(
         style: i ? V : null
       }, N),
       /* @__PURE__ */ e.createElement(
-        pt,
+        ht,
         {
           id: l,
           label: u,
@@ -2172,9 +2180,10 @@ const N1 = Be(
         /* @__PURE__ */ e.createElement(
           "input",
           y({
-            ref: ae.setReference,
+            ref: ne.setReference,
             className: `${H}__input`,
-            id: `input-${l}`
+            id: `input-${l}`,
+            autoComplete: "off"
           }, G({
             "aria-autocomplete": "list",
             "aria-label": h.inputInstructions,
@@ -2183,9 +2192,9 @@ const N1 = Be(
             value: ie,
             onBlur: Ee,
             onChange: ze,
-            onFocus: We,
-            onKeyDown(he) {
-              he.key === "Enter" && U != null && be[U] && ht(U);
+            onFocus: Ze,
+            onKeyDown(pe) {
+              pe.key === "Enter" && U != null && ve[U] && gt(U);
             }
           }))
         ),
@@ -2206,8 +2215,8 @@ const N1 = Be(
         ),
         c && /* @__PURE__ */ e.createElement(
           "button",
-          fe(y({
-            ref: ae.setReference
+          ge(y({
+            ref: ne.setReference
           }, G({
             onClick: Le,
             disabled: n,
@@ -2225,20 +2234,20 @@ const N1 = Be(
           )
         )
       ),
-      ne && /* @__PURE__ */ e.createElement(
+      ae && /* @__PURE__ */ e.createElement(
         "div",
         y({
-          ref: ae.setFloating,
+          ref: ne.setFloating,
           className: `${H}__dropdown`
-        }, pe({
+        }, he({
           style: {
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: y({}, ce) }, d ? /* @__PURE__ */ e.createElement("div", { className: `${H}__loading` }, m) : be.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${H}__options` }, Je) : /* @__PURE__ */ e.createElement("div", { className: `${H}__no-results` }, f))
+        /* @__PURE__ */ e.createElement("div", { style: y({}, ce) }, d ? /* @__PURE__ */ e.createElement("div", { className: `${H}__loading` }, m) : ve.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${H}__options` }, et) : /* @__PURE__ */ e.createElement("div", { className: `${H}__no-results` }, f))
       ),
       B && /* @__PURE__ */ e.createElement(
-        Xe,
+        Qe,
         {
           id: l,
           message: B,
@@ -2285,7 +2294,7 @@ const N1 = Be(
   ]);
   const [g, b] = R(!1), [v, C] = R(null), $ = se(null);
   let w = !1;
-  const L = He(Fe);
+  const L = He(We);
   L && (w = L.isMobile);
   let k = null;
   const z = He(Qt);
@@ -2329,7 +2338,7 @@ const N1 = Be(
       disabled: s,
       hasClearButton: !1,
       id: `${n}-combobox`,
-      initialValue: v,
+      defaultValue: v,
       isLoading: a,
       label: c,
       labelStrings: r,
@@ -2478,7 +2487,7 @@ const H1 = (l) => {
     "summary",
     "className"
   ]);
-  const d = n || `expansion-panel-${Ae()}`, u = "pds-expansion-panel";
+  const d = n || `expansion-panel-${Pe()}`, u = "pds-expansion-panel";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -2563,7 +2572,7 @@ Mt.propTypes = {
   label: t.string.isRequired,
   handleClearInput: t.func
 };
-const ct = ({ type: s }) => {
+const rt = ({ type: s }) => {
   let n;
   switch (s) {
     case "search":
@@ -2585,14 +2594,14 @@ const ct = ({ type: s }) => {
     }
   ));
 };
-ct.propTypes = {
+rt.propTypes = {
   type: t.oneOf(["search", "error", "success"]).isRequired
 };
 const Ms = ({ label: s }) => /* @__PURE__ */ e.createElement("div", { className: "pds-input__search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement(A, { iconName: "slashForward" }));
 Ms.propTypes = {
   label: t.string.isRequired
 };
-const Ls = Be(
+const Ls = Fe(
   (o, r) => {
     var l = o, { children: s, active: n, className: a } = l, c = I(l, ["children", "active", "className"]);
     const i = bs(), d = "pds-input__option", u = n ? `${d}--active` : null;
@@ -2614,7 +2623,7 @@ Ls.propTypes = {
   active: t.bool,
   className: t.string
 };
-const Qe = Be(
+const Je = Fe(
   (b, g) => {
     var v = b, {
       children: s,
@@ -2699,14 +2708,14 @@ const Qe = Be(
           className: `pds-input-field ${r ? `pds-input-field--${r}` : ""}`
         },
         i && l && /* @__PURE__ */ e.createElement("legend", { className: w }, i, S),
-        n && /* @__PURE__ */ e.createElement(ct, { type: n }),
+        n && /* @__PURE__ */ e.createElement(rt, { type: n }),
         s
       ),
       u === "after" && P
     );
   }
 );
-Qe.propTypes = {
+Je.propTypes = {
   /**
    * Children. The input field component.
    */
@@ -2768,7 +2777,7 @@ Qe.propTypes = {
    */
   className: t.string
 };
-const it = (m) => {
+const dt = (m) => {
   var p = m, {
     ariaLabel: s,
     buttonType: n = "button",
@@ -2868,7 +2877,7 @@ const it = (m) => {
     ) : z
   );
 };
-it.displayName = "IconButton";
+dt.displayName = "IconButton";
 const M1 = (_) => {
   var g = _, {
     accept: s,
@@ -2917,7 +2926,7 @@ const M1 = (_) => {
     H.value = "", v(!1), x();
   }, V = C || i;
   return /* @__PURE__ */ e.createElement(
-    Qe,
+    Je,
     y({
       className: f,
       decorator: N,
@@ -2954,7 +2963,7 @@ const M1 = (_) => {
       }
     ),
     b && /* @__PURE__ */ e.createElement(
-      it,
+      dt,
       {
         ariaLabel: a,
         buttonType: "button",
@@ -3246,7 +3255,7 @@ const V1 = new Intl.NumberFormat().formatToParts(100000089e-2), It = V1.find((s)
   };
   T(), u && !s && v.current.push($e.required), s && v.current.push($e.disabled);
   let W = null;
-  return k === "error" && (W = /* @__PURE__ */ e.createElement(ct, { type: "error" })), k === "success" && (W = /* @__PURE__ */ e.createElement(ct, { type: "success" })), /* @__PURE__ */ e.createElement("div", y({ className: v.current.join(" ").trim() }, f), /* @__PURE__ */ e.createElement("span", { className: h ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: "pds-input-label", htmlFor: c }, o)), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__input-wrapper" }, W && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, W), /* @__PURE__ */ e.createElement(
+  return k === "error" && (W = /* @__PURE__ */ e.createElement(rt, { type: "error" })), k === "success" && (W = /* @__PURE__ */ e.createElement(rt, { type: "success" })), /* @__PURE__ */ e.createElement("div", y({ className: v.current.join(" ").trim() }, f), /* @__PURE__ */ e.createElement("span", { className: h ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: "pds-input-label", htmlFor: c }, o)), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__input-wrapper" }, W && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, W), /* @__PURE__ */ e.createElement(
     "input",
     {
       className: "pds-input-field__input",
@@ -3417,7 +3426,7 @@ const S1 = (f) => {
   };
   V(), d && !n && g.current.push($e.required), n && g.current.push($e.disabled);
   let W = null;
-  return k === "error" && (W = /* @__PURE__ */ e.createElement(ct, { type: "error" })), k === "success" && (W = /* @__PURE__ */ e.createElement(ct, { type: "success" })), /* @__PURE__ */ e.createElement(
+  return k === "error" && (W = /* @__PURE__ */ e.createElement(rt, { type: "error" })), k === "success" && (W = /* @__PURE__ */ e.createElement(rt, { type: "success" })), /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: g.current.join(" ").trim(),
@@ -3625,12 +3634,12 @@ const Tt = 16, rs = 10, T1 = (N) => {
         break;
     }
   }, []);
-  let be = null;
-  (b === "credit-card" || b === "phone") && U.current && (be = U.current + U.numExtra);
-  const te = (ne) => {
-    if (ne) {
+  let ve = null;
+  (b === "credit-card" || b === "phone") && U.current && (ve = U.current + U.numExtra);
+  const te = (ae) => {
+    if (ae) {
       if (b === "credit-card") {
-        const ce = ("" + ne).replace(/\D/g, "");
+        const ce = ("" + ae).replace(/\D/g, "");
         if (D.current = ce, ce) {
           if (new RegExp("^34|37", "g").test(ce)) {
             U.numExtra = 2, U.current = Tt - 1;
@@ -3644,7 +3653,7 @@ const Tt = 16, rs = 10, T1 = (N) => {
         return ce;
       }
       if (b === "phone") {
-        const ce = ("" + ne).replace(/\D/g, "");
+        const ce = ("" + ae).replace(/\D/g, "");
         if (D.current = ce, ce) {
           U.numExtra = 4, U.current = rs;
           let Le = ce.substring(0, 3), ke = ce.substring(3, 6);
@@ -3655,48 +3664,48 @@ const Tt = 16, rs = 10, T1 = (N) => {
         return ce;
       }
     }
-    return ne;
+    return ae;
   };
   oe(() => {
     l && n && H(n(l));
   }, []);
   const de = () => {
     P(""), F(null);
-  }, le = (ne) => {
-    p && p(ne.target);
-  }, ae = (ne) => {
-    b ? m && m({ formattedValue: ne, rawValue: D.current }) : m && m(ne);
-  }, _e = (ne) => {
-    T(b ? te(ne.target.value) : ne.target.value), de(), n && H(n(b ? D.current : ne.target.value)), ae(ne.target.value);
-  }, ee = (ne) => {
+  }, le = (ae) => {
+    p && p(ae.target);
+  }, ne = (ae) => {
+    b ? m && m({ formattedValue: ae, rawValue: D.current }) : m && m(ae);
+  }, _e = (ae) => {
+    T(b ? te(ae.target.value) : ae.target.value), de(), n && H(n(b ? D.current : ae.target.value)), ne(ae.target.value);
+  }, ee = (ae) => {
     if (C && B(!1), w) {
-      const ce = w(ne.target.value) || {};
+      const ce = w(ae.target.value) || {};
       de(), ce.error && F("error"), ce.success && F("success"), P(ce.message);
     }
-    b && v && !w && (W.current.checkValidity() === !1 || ne.target.value.length < be ? (F("error"), b === "credit-card" && P(L.creditCardError), b === "phone" && P(L.phoneError)) : F("success")), ae(ne.target.value);
-  }, Q = (ne) => {
+    b && v && !w && (W.current.checkValidity() === !1 || ae.target.value.length < ve ? (F("error"), b === "credit-card" && P(L.creditCardError), b === "phone" && P(L.phoneError)) : F("success")), ne(ae.target.value);
+  }, Q = (ae) => {
     var ce;
-    (!((ce = O.current) != null && ce.contains(ne.relatedTarget)) || !ne.relatedTarget) && B(!1);
+    (!((ce = O.current) != null && ce.contains(ae.relatedTarget)) || !ae.relatedTarget) && B(!1);
   }, G = () => {
-    de(), T(""), D.current = "", W.current.focus(), n && H(n("")), ae("");
+    de(), T(""), D.current = "", W.current.focus(), n && H(n("")), ne("");
   };
   oe(() => {
     if ($ === "search" && r) {
-      const ne = (ce) => {
+      const ae = (ce) => {
         ce.key === "/" && (/^(?:input|textarea|select|button)$/i.test(ce.target.tagName) || (ce.preventDefault(), document.getElementById(o).focus()));
       };
-      return document.addEventListener("keyup", ne), () => {
-        document.removeEventListener("keyup", ne);
+      return document.addEventListener("keyup", ae), () => {
+        document.removeEventListener("keyup", ae);
       };
     }
   }, []);
-  const pe = () => {
-    B((ne) => !ne);
+  const he = () => {
+    B((ae) => !ae);
   };
   C && $ === "password" && (Z ? z.type = "text" : z.type = "password"), b === "phone" && (z.type = "tel");
   const we = S || h;
   return /* @__PURE__ */ e.createElement(
-    Qe,
+    Je,
     y({
       className: k,
       decorator: X,
@@ -3733,8 +3742,8 @@ const Tt = 16, rs = 10, T1 = (N) => {
         "aria-invalid": j === "error",
         "aria-describedby": we ? `${o}__message` : null,
         autoComplete: $ === "password" ? "off" : s,
-        maxLength: be,
-        minLength: be
+        maxLength: ve,
+        minLength: ve
       }
     ),
     V && /* @__PURE__ */ e.createElement("div", { className: "pds-input__counter" }, V),
@@ -3753,8 +3762,8 @@ const Tt = 16, rs = 10, T1 = (N) => {
         className: "pds-input__visibility-toggle",
         title: Z ? u.visibilityToggleHide : u.visibilityToggleShow,
         "aria-controls": o,
-        onClick: pe,
-        onMouseDown: (ne) => ne.preventDefault()
+        onClick: he,
+        onMouseDown: (ae) => ae.preventDefault()
       },
       /* @__PURE__ */ e.createElement(A, { iconName: Z ? "eyeSlash" : "eye" })
     ),
@@ -3953,7 +3962,7 @@ const os = [
 ], R1 = (s) => {
   const n = parseInt(_s(s), 16);
   return os[n % os.length];
-}, dt = (l) => {
+}, mt = (l) => {
   var i = l, {
     size: s = "md",
     imageSrc: n,
@@ -3972,9 +3981,9 @@ const os = [
     borderRadius: "100%",
     height: "100%",
     width: "100%"
-  }, f = n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${d}__image`, alt: "" }) : /* @__PURE__ */ e.createElement("span", { style: p }), E = /* @__PURE__ */ e.createElement("span", { className: `${d}__content` }, f), _ = Ut(a) ? qe(
+  }, f = n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${d}__image`, alt: "" }) : /* @__PURE__ */ e.createElement("span", { style: p }), E = /* @__PURE__ */ e.createElement("span", { className: `${d}__content` }, f), _ = Ut(a) ? je(
     a,
-    fe(y({}, a.props), {
+    ge(y({}, a.props), {
       className: `${d}__content ${d}__content--link`
     }),
     f
@@ -4034,9 +4043,9 @@ const os = [
     middleware: [s1()]
   });
   let x = !1;
-  const M = He(Fe);
+  const M = He(We);
   M && (x = M.isMobile);
-  const T = f && x, V = '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>', H = "pds-menu-button", S = T ? `${H}--isMobile` : null, P = f ? `${H}--navbar` : null, j = Ae(), [F] = R(`menu-button-${j}`), [Z] = R(`menu-listbox-${j}`), B = r || F, W = N.floating, O = se(null), [D, U] = R(!1), [K, ie] = R(!1), [X, be] = R(""), [te, de] = R(0), le = se([]), ae = se([]), _e = se([]);
+  const T = f && x, V = '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>', H = "pds-menu-button", S = T ? `${H}--isMobile` : null, P = f ? `${H}--navbar` : null, j = Pe(), [F] = R(`menu-button-${j}`), [Z] = R(`menu-listbox-${j}`), B = r || F, W = N.floating, O = se(null), [D, U] = R(!1), [K, ie] = R(!1), [X, ve] = R(""), [te, de] = R(0), le = se([]), ne = se([]), _e = se([]);
   Ks(() => {
     window.addEventListener("mousedown", Ee, !0), k();
     const q = W.current;
@@ -4047,34 +4056,34 @@ const os = [
     };
   }, [D, z]);
   const ee = (q, re) => {
-    be(q), de(re);
+    ve(q), de(re);
   }, Q = () => {
     U(!0), ie(!0);
   }, G = () => {
     U(!1), ee(void 0, -1), O.current.querySelector(`#${B}`).focus();
-  }, pe = (q) => {
+  }, he = (q) => {
     q = q.toLowerCase();
     let re = !1;
     for (let Y = te + 1; Y < _e.current.length; Y++)
       if (_e.current[Y].label.toLowerCase().startsWith(q)) {
-        ee(ae.current[Y], Y), re = !0;
+        ee(ne.current[Y], Y), re = !0;
         break;
       }
     if (re === !1) {
       for (let Y = 0; Y < te; Y++)
         if (_e.current[Y].label.toLowerCase().startsWith(q)) {
-          ee(ae.current[Y], Y);
+          ee(ne.current[Y], Y);
           break;
         }
     }
   }, we = (q) => {
-    const re = ae.current.indexOf(q), Y = _e.current[re];
+    const re = ne.current.indexOf(q), Y = _e.current[re];
     if (Y.callback && !Y.disabled && Y.callback(Y), Y.linkContent && !Y.disabled) {
-      const ge = O.current.querySelector(`#${q} a`);
-      ge && ge.click();
+      const be = O.current.querySelector(`#${q} a`);
+      be && be.click();
     }
-  }, ne = () => {
-    const q = ae.current[te];
+  }, ae = () => {
+    const q = ne.current[te];
     we(q);
   }, ce = (q) => {
     D ? G() : Q(), ie((re) => !re), q.stopPropagation(), q.preventDefault();
@@ -4087,7 +4096,7 @@ const os = [
       case "Enter":
       case "ArrowDown":
       case "Down":
-        Q(), ee(ae.current[0], 0), Y = !0;
+        Q(), ee(ne.current[0], 0), Y = !0;
         break;
       case "Esc":
       case "Escape":
@@ -4095,25 +4104,25 @@ const os = [
         break;
       case "Up":
       case "ArrowUp": {
-        const ge = ae.current.length - 1;
-        Q(), ee(ae.current[ge], ge), Y = !0;
+        const be = ne.current.length - 1;
+        Q(), ee(ne.current[be], be), Y = !0;
         break;
       }
     }
     Y && (q.stopPropagation(), q.preventDefault());
   }, ze = (q) => {
-    let re = q.key, Y = !1, ge = "", me = 0;
+    let re = q.key, Y = !1, be = "", me = 0;
     function Ne(Ce) {
       return Ce.length === 1 && Ce.match(/\S/);
     }
     if (!(q.ctrlKey || q.altKey || q.metaKey)) {
       if (q.shiftKey)
-        Ne(re) && (pe(re), Y = !0), q.key === "Tab" && (G(), Y = !0);
+        Ne(re) && (he(re), Y = !0), q.key === "Tab" && (G(), Y = !0);
       else
         switch (re) {
           case " ":
           case "Enter":
-            G(), ne(), Y = !0;
+            G(), ae(), Y = !0;
             break;
           case "Esc":
           case "Escape":
@@ -4121,34 +4130,34 @@ const os = [
             break;
           case "Up":
           case "ArrowUp":
-            me = te - 1, me < 0 && (me = ae.current.length - 1), ge = ae.current[me], ee(ge, me), Y = !0;
+            me = te - 1, me < 0 && (me = ne.current.length - 1), be = ne.current[me], ee(be, me), Y = !0;
             break;
           case "ArrowDown":
           case "Down":
-            me = te + 1, me > ae.current.length - 1 && (me = 0), ge = ae.current[me], ee(ge, me), Y = !0;
+            me = te + 1, me > ne.current.length - 1 && (me = 0), be = ne.current[me], ee(be, me), Y = !0;
             break;
           case "Home":
           case "PageUp":
-            ee(ae.current[0], 0), Y = !0;
+            ee(ne.current[0], 0), Y = !0;
             break;
           case "End":
           case "PageDown": {
-            const Ce = ae.current.length - 1;
-            ee(ae.current[Ce], Ce), Y = !0;
+            const Ce = ne.current.length - 1;
+            ee(ne.current[Ce], Ce), Y = !0;
             break;
           }
           case "Tab":
             G();
             break;
           default:
-            Ne(re) && (pe(re), Y = !0);
+            Ne(re) && (he(re), Y = !0);
             break;
         }
       Y && (q.stopPropagation(), q.preventDefault());
     }
   }, Ee = (q) => {
     O.current && !O.current.contains(q.target) && D && G();
-  }, We = (q, re, Y = "", ge = "", ...me) => {
+  }, Ze = (q, re, Y = "", be = "", ...me) => {
     const Ne = Y ? `-group-${Y}` : "", Ce = B + Ne + "-item-" + (re + 1), Ve = q.id ? q.id : Ce;
     if (Ot(q))
       return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Ve });
@@ -4157,8 +4166,8 @@ const os = [
         "li",
         {
           role: "presentation",
-          id: ge || null,
-          key: ge,
+          id: be || null,
+          key: be,
           className: `${H}__listbox-heading`
         },
         q.label
@@ -4166,22 +4175,22 @@ const os = [
     if (D1(q))
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: Ve }, q.nodeContent);
     if (Dt(q) || q.label) {
-      ae.current.push(Ve), _e.current.push(q);
+      ne.current.push(Ve), _e.current.push(q);
       let bt = !1;
       X !== "" && !q.disabled && (bt = X === Ve);
       let Me;
       if (q.label && (Me = [q.label]), Dt(q) && (Me = [q.linkContent.props.children]), q.iconName) {
-        const st = /* @__PURE__ */ e.createElement(A, { key: `icon-${j}`, iconName: q.iconName, iconSize: "md" });
-        Me.unshift(st);
+        const nt = /* @__PURE__ */ e.createElement(A, { key: `icon-${j}`, iconName: q.iconName, iconSize: "md" });
+        Me.unshift(nt);
       }
-      let et;
-      q.description && (et = /* @__PURE__ */ e.createElement("span", { className: `${H}__item-description` }, q.description));
       let tt;
+      q.description && (tt = /* @__PURE__ */ e.createElement("span", { className: `${H}__item-description` }, q.description));
+      let st;
       if (Dt(q)) {
-        const st = q.linkContent.type;
-        tt = /* @__PURE__ */ e.createElement(st, y({ tabIndex: -1 }, q.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, Me), et);
+        const nt = q.linkContent.type;
+        st = /* @__PURE__ */ e.createElement(nt, y({ tabIndex: -1 }, q.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, Me), tt);
       } else
-        tt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, Me), et);
+        st = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, Me), tt);
       return /* @__PURE__ */ e.createElement(
         "li",
         y({
@@ -4194,25 +4203,25 @@ const os = [
           onClick: Le,
           "aria-disabled": q.disabled ? !0 : null
         }, me),
-        tt
+        st
       );
     }
-  }, ht = (q, re) => {
+  }, gt = (q, re) => {
     const Y = [];
-    let ge = re.shift(), me = [];
+    let be = re.shift(), me = [];
     return q.map((Ne, Ce) => {
-      Ne !== ge ? (me.push(Ne), Ce + 1 === q.length && Y.push(me)) : (Y.push(me), me = [], me.push(Ne), ge = re.shift());
+      Ne !== be ? (me.push(Ne), Ce + 1 === q.length && Y.push(me)) : (Y.push(me), me = [], me.push(Ne), be = re.shift());
     }), Y.filter((Ne) => Ne.length > 0);
   }, xt = (q) => {
-    ae.current = [], _e.current = [];
+    ne.current = [], _e.current = [];
     const re = q, Y = q.filter(
       Rt || Ot
-    ), ge = Y.length > 0;
+    ), be = Y.length > 0;
     let me = [`${H}__listbox`];
-    if (f && me.push(`${H}__listbox--navbar`), (a === "avatar" || a === "avatar-with-text") && me.push(`${H}__listbox--avatar`), d === "end" && me.push(`${H}__listbox--end`), a === "icon-only" && me.push(`${H}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), ge) {
-      const Ne = ht(q, Y);
+    if (f && me.push(`${H}__listbox--navbar`), (a === "avatar" || a === "avatar-with-text") && me.push(`${H}__listbox--avatar`), d === "end" && me.push(`${H}__listbox--end`), a === "icon-only" && me.push(`${H}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), be) {
+      const Ne = gt(q, Y);
       Ne.forEach(() => {
-        le.current.push(Ae());
+        le.current.push(Pe());
       });
       let Ce = le.current[0];
       const Ve = Ne[0].findIndex(
@@ -4238,22 +4247,22 @@ const os = [
           onKeyDown: ze,
           ref: w
         },
-        Ne.map((Me, et) => {
-          Ce = le.current[et];
-          const tt = Me[0].isHeading, st = tt ? `${B}-group-${Ce}-heading` : "", js = `${B}-group-${Ce}`, Bs = tt ? null : `${m} ${et + 1}`;
+        Ne.map((Me, tt) => {
+          Ce = le.current[tt];
+          const st = Me[0].isHeading, nt = st ? `${B}-group-${Ce}-heading` : "", js = `${B}-group-${Ce}`, Bs = st ? null : `${m} ${tt + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
               role: "group",
-              "aria-labelledby": st,
+              "aria-labelledby": nt,
               "aria-label": Bs,
               key: js
             },
-            Me.map((Fs, Ws) => We(
+            Me.map((Fs, Ws) => Ze(
               Fs,
               Ws,
               Ce,
-              st
+              nt
             ))
           );
         })
@@ -4279,13 +4288,13 @@ const os = [
           onKeyDown: ze,
           ref: w
         },
-        re.map((Ce, Ve) => We(Ce, Ve))
+        re.map((Ce, Ve) => Ze(Ce, Ve))
       ));
     }
   };
-  let Je;
-  a === "icon-end" && (Je = /* @__PURE__ */ e.createElement(
-    Ge,
+  let et;
+  a === "icon-end" && (et = /* @__PURE__ */ e.createElement(
+    Ke,
     {
       id: B,
       isSplitButton: o,
@@ -4304,8 +4313,8 @@ const os = [
       onKeyDown: ke,
       ref: $
     }
-  )), a === "icon-only" && (Je = /* @__PURE__ */ e.createElement(
-    it,
+  )), a === "icon-only" && (et = /* @__PURE__ */ e.createElement(
+    dt,
     {
       id: B,
       ariaLabel: l,
@@ -4323,7 +4332,7 @@ const os = [
       ref: $,
       hasTooltip: !1
     }
-  )), (a === "avatar" || a === "avatar-with-text") && (Je = /* @__PURE__ */ e.createElement(
+  )), (a === "avatar" || a === "avatar-with-text") && (et = /* @__PURE__ */ e.createElement(
     "button",
     {
       id: B,
@@ -4338,7 +4347,7 @@ const os = [
       onKeyDown: ke,
       ref: $
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${H}__avatar-label` }, /* @__PURE__ */ e.createElement(dt, { size: "sm", imageSrc: s || V }), a === "avatar-with-text" && l),
+    /* @__PURE__ */ e.createElement("span", { className: `${H}__avatar-label` }, /* @__PURE__ */ e.createElement(mt, { size: "sm", imageSrc: s || V }), a === "avatar-with-text" && l),
     /* @__PURE__ */ e.createElement(
       A,
       {
@@ -4348,13 +4357,13 @@ const os = [
       }
     )
   ));
-  const he = (q) => {
+  const pe = (q) => {
     const re = q.target;
     re.classList.toggle(`${H}__toggle--expanded`), re.setAttribute(
       "aria-expanded",
       re.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), re.nextElementSibling.classList.toggle(`${H}__mobile-menu--expanded`);
-  }, ve = () => /* @__PURE__ */ e.createElement("ul", { className: `${H}__mobile-menu`, role: "menu" }, i.map((q, re) => We(q, re)));
+  }, fe = () => /* @__PURE__ */ e.createElement("ul", { className: `${H}__mobile-menu`, role: "menu" }, i.map((q, re) => Ze(q, re)));
   let xe;
   const Re = a === "icon-end" ? "pds-button pds-button--navbar" : null, De = [`${H}__toggle`, Re].join(" ").trim().replace(/\s+/g, " ");
   T && (xe = /* @__PURE__ */ e.createElement(
@@ -4365,10 +4374,10 @@ const os = [
       disabled: n,
       className: De,
       "aria-expanded": !1,
-      onClick: he
+      onClick: pe
     },
     a === "avatar" || a === "avatar-with-text" ? /* @__PURE__ */ e.createElement("span", { className: `${H}__avatar-label` }, /* @__PURE__ */ e.createElement(
-      dt,
+      mt,
       {
         size: "sm",
         imageSrc: s || V
@@ -4383,7 +4392,7 @@ const os = [
       }
     )
   ));
-  const gt = xe, ft = D ? `${H}--expanded` : null;
+  const Ae = xe, ft = D ? `${H}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
@@ -4391,7 +4400,7 @@ const os = [
       "data-testid": h,
       ref: O
     }, _),
-    T ? /* @__PURE__ */ e.createElement(e.Fragment, null, gt, /* @__PURE__ */ e.createElement(ve, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Je, xt(i))
+    T ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ae, /* @__PURE__ */ e.createElement(fe, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, et, xt(i))
   );
 };
 Vs.propTypes = {
@@ -4415,7 +4424,7 @@ Vs.propTypes = {
   /**
    * Icon name for icon-only buttons.
    */
-  iconName: ut,
+  iconName: pt,
   /**
    * Optional ID value for this component.
    */
@@ -4469,7 +4478,7 @@ Vs.propTypes = {
    */
   className: t.string
 };
-const nt = (r) => {
+const at = (r) => {
   var o = r, {
     children: s,
     width: n = "standard",
@@ -4488,7 +4497,7 @@ const nt = (r) => {
     s
   );
 };
-nt.propTypes = {
+at.propTypes = {
   /**
    * Container content.
    */
@@ -4820,10 +4829,10 @@ const A1 = /* @__PURE__ */ e.createElement(
     case "sub-brand":
       m = is;
   }
-  const p = e.isValidElement(a) && typeof a.props.children == "string" ? a.props.children : "", f = e.isValidElement(a) ? qe(a, {
+  const p = e.isValidElement(a) && typeof a.props.children == "string" ? a.props.children : "", f = e.isValidElement(a) ? je(a, {
     children: m,
     "aria-Label": p
-  }) : a, E = (g = c == null ? void 0 : c.text) != null ? g : "", _ = c && n === "sub-brand" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__separator" }), /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__sub-brand-wordmark" }, c.linkContent ? qe(c.linkContent, {
+  }) : a, E = (g = c == null ? void 0 : c.text) != null ? g : "", _ = c && n === "sub-brand" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__separator" }), /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__sub-brand-wordmark" }, c.linkContent ? je(c.linkContent, {
     children: E,
     "aria-label": E
   }) : E)) : null;
@@ -4866,7 +4875,7 @@ const A1 = /* @__PURE__ */ e.createElement(
   ]);
   const [f, E] = R(!1);
   let _ = !1;
-  const g = He(Fe);
+  const g = He(We);
   g && (_ = g.isMobile);
   const b = "pds-navbar", v = c ? `${b}--noBorder` : "", C = n !== "default" ? `${b}--${n}` : "", $ = _ ? `${b}--isMobile` : `${b}--notMobile`;
   oe(() => (window.addEventListener("keyup", w), () => {
@@ -4917,7 +4926,7 @@ const A1 = /* @__PURE__ */ e.createElement(
   const x = N["items-left"], M = N["items-right"];
   let T = "default";
   (n === "reverse" || n === "reverse-transparent") && (T = "reverse");
-  const V = l ? l.props.children : "", H = l ? qe(l, {
+  const V = l ? l.props.children : "", H = l ? je(l, {
     children: /* @__PURE__ */ e.createElement("img", { className: `${b}__custom-logo`, src: i }),
     "aria-label": V
   }) : /* @__PURE__ */ e.createElement("img", { className: `${b}__custom-logo`, src: i, alt: "" }), S = () => o === "custom" ? H : /* @__PURE__ */ e.createElement(
@@ -4942,7 +4951,7 @@ const A1 = /* @__PURE__ */ e.createElement(
       className: f ? `${b}__mobile ${b}__mobile--open` : `${b}__mobile ${b}__mobile--closed`,
       ref: k
     },
-    /* @__PURE__ */ e.createElement(nt, null, x, M)
+    /* @__PURE__ */ e.createElement(at, null, x, M)
   ), F = /* @__PURE__ */ e.createElement(
     n1,
     {
@@ -4951,8 +4960,8 @@ const A1 = /* @__PURE__ */ e.createElement(
         initialFocus: !1
       }
     },
-    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(nt, { className: `${b}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__inner-mobile` }, /* @__PURE__ */ e.createElement(S, null), s && P)), /* @__PURE__ */ e.createElement(nt, null, s && j))
-  ), Z = /* @__PURE__ */ e.createElement(nt, { width: a, className: `${b}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${b}__logo` }, /* @__PURE__ */ e.createElement(S, null)), /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, x ? /* @__PURE__ */ e.createElement("div", { className: `${b}__items-left` }, x) : /* @__PURE__ */ e.createElement("span", null), M && /* @__PURE__ */ e.createElement("div", { className: `${b}__items-right` }, M)));
+    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(at, { className: `${b}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__inner-mobile` }, /* @__PURE__ */ e.createElement(S, null), s && P)), /* @__PURE__ */ e.createElement(at, null, s && j))
+  ), Z = /* @__PURE__ */ e.createElement(at, { width: a, className: `${b}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${b}__logo` }, /* @__PURE__ */ e.createElement(S, null)), /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, x ? /* @__PURE__ */ e.createElement("div", { className: `${b}__items-left` }, x) : /* @__PURE__ */ e.createElement("span", null), M && /* @__PURE__ */ e.createElement("div", { className: `${b}__items-right` }, M)));
   return /* @__PURE__ */ e.createElement(
     "header",
     y({
@@ -5022,8 +5031,8 @@ const Ss = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
     placement: "bottom-start",
     open: c,
     onOpenChange: r,
-    whileElementsMounted: Pe
-  }), p = rt(m, { event: "mousedown" }), f = Se(m), E = Te(m, { role: "menu" });
+    whileElementsMounted: qe
+  }), p = ot(m, { event: "mousedown" }), f = Se(m), E = Te(m, { role: "menu" });
   let _;
   d ? _ = Et(m, {
     enabled: !1
@@ -5139,7 +5148,7 @@ const j1 = (l) => {
   };
   let x = [];
   return a.map((M, T) => {
-    const V = `item-${Ae()}`, H = M.id ? M.id : V;
+    const V = `item-${Pe()}`, H = M.id ? M.id : V;
     M.links ? x.push(
       /* @__PURE__ */ e.createElement(
         "li",
@@ -5633,7 +5642,7 @@ B1.propTypes = {
    */
   className: t.string
 };
-const ot = $t({}), F1 = (s) => {
+const it = $t({}), F1 = (s) => {
   if (typeof window == "undefined")
     return 0;
   const n = window.location.href.split("/"), c = `/${n[n.length - 1]}`.split("");
@@ -5655,7 +5664,7 @@ const ot = $t({}), F1 = (s) => {
 }) => {
   const [l, i] = R(() => F1(s)), [d, u] = R([]), h = s.length, [m, p] = R("");
   return /* @__PURE__ */ e.createElement(
-    ot.Provider,
+    it.Provider,
     {
       value: {
         currentKey: l,
@@ -5716,8 +5725,8 @@ const Lt = (E) => {
   const [g, b] = R(!1), [v, C] = R(null), [$, w] = R(a), [L, k] = R(), [z, N] = R(null), x = se([]), M = "pds-select", { context: T, refs: V } = Ie({
     open: g,
     onOpenChange: b,
-    whileElementsMounted: Pe
-  }), H = Te(T, { role: "listbox" }), S = Se(T), P = mt(T, {
+    whileElementsMounted: qe
+  }), H = Te(T, { role: "listbox" }), S = Se(T), P = ut(T, {
     listRef: x,
     activeIndex: v,
     onNavigate: C,
@@ -5725,7 +5734,7 @@ const Lt = (E) => {
     openOnArrowKeyDown: !0
   }), { getReferenceProps: j, getFloatingProps: F, getItemProps: Z } = Oe(
     [S, H, P]
-  ), { isMounted: B, styles: W } = Ye(T, {
+  ), { isMounted: B, styles: W } = Xe(T, {
     duration: {
       open: 300,
       close: 150
@@ -5743,10 +5752,10 @@ const Lt = (E) => {
     const Q = i.find((G) => G.value === ee);
     return Q ? Q.label : "";
   }, U = ((ee) => ee.map((G) => {
-    const { label: pe, value: we } = G;
+    const { label: he, value: we } = G;
     return {
-      label: pe,
-      value: we || pe
+      label: he,
+      value: we || he
     };
   }))(i), K = () => {
     k(""), N(null);
@@ -5756,9 +5765,9 @@ const Lt = (E) => {
   }, X = (ee) => {
     const Q = U[ee];
     w(Q.value), C(null), b(!1), l && l(Q), m && ie(Q);
-  }, be = /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${M}__trigger-icon` }), te = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${M}__checked-icon` }), de = U.map((ee, Q) => /* @__PURE__ */ e.createElement(
+  }, ve = /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${M}__trigger-icon` }), te = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${M}__checked-icon` }), de = U.map((ee, Q) => /* @__PURE__ */ e.createElement(
     Ls,
-    fe(y({
+    ge(y({
       key: ee
     }, Z({
       key: ee.value,
@@ -5778,9 +5787,9 @@ const Lt = (E) => {
     }),
     ee.label,
     $ === ee.value && te
-  )), le = L || o, ae = c ? `${c / 16}rem` : null, _e = c ? { width: ae } : null;
+  )), le = L || o, ne = c ? `${c / 16}rem` : null, _e = c ? { width: ne } : null;
   return /* @__PURE__ */ e.createElement(
-    Qe,
+    Je,
     y({
       className: p,
       disabled: s,
@@ -5817,7 +5826,7 @@ const Lt = (E) => {
         }
       })),
       /* @__PURE__ */ e.createElement("span", null, O($) || u),
-      be
+      ve
     ),
     B && /* @__PURE__ */ e.createElement(
       "div",
@@ -5931,9 +5940,9 @@ const W1 = {
     icon: "arrowRight",
     keyModifier: (s) => s + 1
   }
-}, Ke = (c) => {
+}, Ye = (c) => {
   var r = c, { arrowText: s = null, direction: n } = r, a = I(r, ["arrowText", "direction"]);
-  const { buttonCallback: o, currentKey: l, setCurrentKey: i, setDirection: d, pages: u } = He(ot), h = Gt(
+  const { buttonCallback: o, currentKey: l, setCurrentKey: i, setDirection: d, pages: u } = He(it), h = Gt(
     (g, b) => {
       o && (g.preventDefault(), o(b));
     },
@@ -5961,7 +5970,7 @@ const W1 = {
     )
   );
 };
-Ke.propTypes = {
+Ye.propTypes = {
   arrowText: t.string,
   direction: t.oneOf(["right", "left"])
 };
@@ -5974,7 +5983,7 @@ const Z1 = (n) => {
     headingId: o,
     itemLength: l,
     pages: i
-  } = He(ot), d = [];
+  } = He(it), d = [];
   return i.forEach((u, h) => {
     let m = { label: `Page ${h + 1}`, value: `${h + 1}` };
     d.push(m);
@@ -5986,7 +5995,7 @@ const Z1 = (n) => {
       "aria-labelledby": o
     }, s),
     /* @__PURE__ */ e.createElement("div", { id: o, className: "visually-hidden" }, "Pagination"),
-    /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, c > 0 ? /* @__PURE__ */ e.createElement(Ke, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, c > 0 ? /* @__PURE__ */ e.createElement(Ye, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
       Lt,
       {
         label: "Page select dropdown",
@@ -5996,7 +6005,7 @@ const Z1 = (n) => {
           console.log(u), r(parseInt(u - 1)), a(parseInt(u - 1));
         }
       }
-    )), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `of ${l}`), c < l - 1 ? /* @__PURE__ */ e.createElement(Ke, { arrowText: "Next", direction: "right" }) : null)
+    )), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `of ${l}`), c < l - 1 ? /* @__PURE__ */ e.createElement(Ye, { arrowText: "Next", direction: "right" }) : null)
   );
 };
 function U1(s, n, a, c, r, o) {
@@ -6109,7 +6118,7 @@ const Rs = (c) => {
     setCurrentKey: i,
     render: d = null,
     paginationItemClickHandler: u
-  } = He(ot);
+  } = He(it);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, n.key || n.key === 0 ? /* @__PURE__ */ e.createElement(
     "span",
     y({
@@ -6148,7 +6157,7 @@ const G1 = (n) => {
     itemLength: d,
     pageDirection: u,
     pages: h
-  } = He(ot), m = Gt(
+  } = He(it), m = Gt(
     (f, E) => {
       a && (f.preventDefault(), a(E));
     },
@@ -6180,7 +6189,7 @@ const G1 = (n) => {
         }
       },
       "First"
-    )), /* @__PURE__ */ e.createElement(Ke, { direction: "left" })) : null, o.map((f, E) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${E}` }, /* @__PURE__ */ e.createElement(Rs, y({ index: E, page: f }, s)))), c < d - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ke, { direction: "right" }), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__item pds-pager__item--last" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Last Page"), /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement(Ye, { direction: "left" })) : null, o.map((f, E) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${E}` }, /* @__PURE__ */ e.createElement(Rs, y({ index: E, page: f }, s)))), c < d - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ye, { direction: "right" }), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__item pds-pager__item--last" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Last Page"), /* @__PURE__ */ e.createElement(
       "a",
       {
         href: p[p.length - 1].link,
@@ -6193,7 +6202,7 @@ const G1 = (n) => {
   ));
 }, K1 = (n) => {
   var s = I(n, []);
-  const { currentKey: a, headingId: c, itemLength: r } = He(ot);
+  const { currentKey: a, headingId: c, itemLength: r } = He(it);
   return /* @__PURE__ */ e.createElement(
     "nav",
     y({
@@ -6202,7 +6211,7 @@ const G1 = (n) => {
       "aria-labelledby": c
     }, s),
     /* @__PURE__ */ e.createElement("div", { id: c, className: "visually-hidden" }, "Pagination"),
-    /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, a > 0 ? /* @__PURE__ */ e.createElement(Ke, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `${a + 1} of ${r}`), a < r - 1 ? /* @__PURE__ */ e.createElement(Ke, { arrowText: "Next", direction: "right" }) : null)
+    /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, a > 0 ? /* @__PURE__ */ e.createElement(Ye, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `${a + 1} of ${r}`), a < r - 1 ? /* @__PURE__ */ e.createElement(Ye, { arrowText: "Next", direction: "right" }) : null)
   );
 }, Y1 = (s, n, ...a) => {
   switch (s) {
@@ -6424,7 +6433,7 @@ const Q1 = {
   ));
   let T = null;
   s && (s.type === "button" && (T = /* @__PURE__ */ e.createElement(
-    Ge,
+    Ke,
     {
       variant: s.variant,
       label: L,
@@ -6432,7 +6441,7 @@ const Q1 = {
       disabled: s.disabled
     }
   )), s.type === "link" && (T = /* @__PURE__ */ e.createElement(
-    je,
+    Be,
     {
       variant: s.variant,
       linkContent: /* @__PURE__ */ e.createElement("a", { href: s.linkUrl, target: s.linkTarget }, s.label)
@@ -6440,14 +6449,14 @@ const Q1 = {
   )));
   let V = null;
   return n && (n.type === "button" && (V = /* @__PURE__ */ e.createElement(
-    Ge,
+    Ke,
     {
       variant: "secondary",
       label: n.label,
       onClick: n.buttonAction
     }
   )), n.type === "link" && (V = /* @__PURE__ */ e.createElement(
-    je,
+    Be,
     {
       variant: "secondary",
       linkContent: /* @__PURE__ */ e.createElement(
@@ -6596,7 +6605,7 @@ const e2 = (m) => {
     _(b.target.value), l && l(b.target.value);
   };
   return /* @__PURE__ */ e.createElement(
-    Qe,
+    Je,
     y({
       className: u,
       disabled: s,
@@ -6909,7 +6918,7 @@ const Pt = {
   const u = "pds-split-button", h = `${u}--${r}`, m = s[0], p = s.slice(1);
   let f = null;
   return m.isLink === !0 ? f = /* @__PURE__ */ e.createElement(
-    je,
+    Be,
     {
       className: `${u}__primary-action`,
       size: c,
@@ -6919,7 +6928,7 @@ const Pt = {
       linkContent: m.linkContent
     }
   ) : f = /* @__PURE__ */ e.createElement(
-    Ge,
+    Ke,
     {
       className: `${u}__primary-action`,
       label: m.label,
@@ -7036,7 +7045,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
     "size",
     "className"
   ]);
-  const m = s || Ae(), p = "pds-progress-ring", f = r ? `${p}__label` : "visually-hidden", E = `${p}__loading-text ${p}__loading-text--${l}`, _ = (k) => k * 16;
+  const m = s || Pe(), p = "pds-progress-ring", f = r ? `${p}__label` : "visually-hidden", E = `${p}__loading-text ${p}__loading-text--${l}`, _ = (k) => k * 16;
   let g = _(r2), b = 7;
   l === "sm" && (g = _(c2), b = b / 1.25), l === "lg" && (g = _(o2), b = b * 1.25);
   const v = g / 2 - b / 2, C = `${v / 100}rem`, $ = 2 * Math.PI * v, w = $ - $ * c / 100;
@@ -7283,7 +7292,7 @@ const m2 = (r) => {
   }, p = (g) => {
     d(i.sort((b, v) => v[g].localeCompare(b[g]))), h({ order: "asc", key: g });
   }, f = (g, b) => {
-    h(fe(y({}, u), { key: b })), u.order === "asc" ? m(b) : p(b);
+    h(ge(y({}, u), { key: b })), u.order === "asc" ? m(b) : p(b);
   }, E = (g, b) => /* @__PURE__ */ e.createElement("tr", { id: b, key: `table-row-${b}` }, g.map((v, C) => /* @__PURE__ */ e.createElement("td", { key: `${b}-cell-${C}` }, /* @__PURE__ */ e.createElement("span", null, v)))), _ = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "table",
@@ -7379,7 +7388,7 @@ const u2 = (u) => {
           V.id.includes(H) && (V.id = V.id.replaceAll(H, "-"));
         });
       }), M.map((V) => {
-        const H = `item-${Ae()}`;
+        const H = `item-${Pe()}`;
         V.id || (V.id = H);
       });
       const T = g(M);
@@ -7712,7 +7721,7 @@ const K2 = (d) => {
     d && d(v);
   }, P = L || i;
   return /* @__PURE__ */ e.createElement(
-    Qe,
+    Je,
     y({
       className: E,
       disabled: n,
@@ -8271,7 +8280,7 @@ const v2 = (f) => {
       className: `${_}__off-icon`
     }
   )), /* @__PURE__ */ e.createElement(
-    Qe,
+    Je,
     y({
       className: m,
       disabled: s,
@@ -8352,10 +8361,10 @@ const Y2 = () => {
   const s = (a, c, r = {}) => {
     const o = /* @__PURE__ */ e.createElement(As, { type: a }, c);
     let l = y({}, r);
-    return (a === "critical" || a === "warning") && (l = fe(y({}, l), {
+    return (a === "critical" || a === "warning") && (l = ge(y({}, l), {
       autoClose: !1,
       role: "alert"
-    })), a === "working" && (l = fe(y({}, l), {
+    })), a === "working" && (l = ge(y({}, l), {
       autoClose: !1,
       closeButton: !1,
       closeOnClick: !1
@@ -8366,7 +8375,7 @@ const Y2 = () => {
     exit: "pds-toast--slideOut"
   });
   return [s, as, n];
-}, E2 = Be(
+}, E2 = Fe(
   (T, M) => {
     var V = T, {
       autoComplete: s,
@@ -8435,16 +8444,16 @@ const Y2 = () => {
     w === "search" && (W = "search"), k === "error" && (W = "error"), k === "success" && (W = "success");
     const O = L || h, D = typeof z != "undefined", U = typeof a != "undefined", [K, ie] = R(
       U ? a : ""
-    ), X = z || K, be = (Q) => {
-      C && le && ae(!1), m && m(Q);
+    ), X = z || K, ve = (Q) => {
+      C && le && ne(!1), m && m(Q);
     }, te = (Q) => {
       D || ie(Q.target.value), p && p(Q);
     }, de = () => {
       D || ie(""), f && f();
       const Q = document.getElementById(l);
       Q && Q.focus();
-    }, [le, ae] = R(!1), _e = () => {
-      ae((G) => !G);
+    }, [le, ne] = R(!1), _e = () => {
+      ne((G) => !G);
       const Q = document.getElementById(l);
       Q && Q.focus();
     };
@@ -8465,7 +8474,7 @@ const Y2 = () => {
         style: d ? H : null
       }, x),
       /* @__PURE__ */ e.createElement(
-        pt,
+        ht,
         {
           id: l,
           label: u,
@@ -8489,7 +8498,7 @@ const Y2 = () => {
           disabled: c,
           required: b,
           autoComplete: w === "password" ? "off" : s,
-          onBlur: be,
+          onBlur: ve,
           onChange: te,
           onFocus: E,
           "aria-invalid": k === "error" ? !0 : null,
@@ -8529,7 +8538,7 @@ const Y2 = () => {
         }
       )),
       O && /* @__PURE__ */ e.createElement(
-        Xe,
+        Qe,
         {
           id: l,
           message: O,
@@ -8571,13 +8580,13 @@ const Y2 = () => {
   ]);
   const [f, E] = R(!1), [_, g] = R(null), [b, v] = R(d), C = se([]), $ = se(null), w = d.length >= o;
   let L = !1;
-  const k = He(Fe);
+  const k = He(We);
   k && (L = k.isMobile);
   const z = i && L, N = "pds-workspace-selector", x = z ? `${N}--isMobile` : null, M = `${N}__menu`, T = w ? `${M}--scroll` : null, { refs: V, floatingStyles: H, context: S } = Ie({
     open: f,
     onOpenChange: E,
-    whileElementsMounted: Pe
-  }), P = rt(S, { event: "mousedown" }), j = Se(S), F = Te(S, { role: "menu" }), Z = mt(S, {
+    whileElementsMounted: qe
+  }), P = ot(S, { event: "mousedown" }), j = Se(S), F = Te(S, { role: "menu" }), Z = ut(S, {
     listRef: C,
     activeIndex: _,
     onNavigate: g,
@@ -8587,7 +8596,7 @@ const Y2 = () => {
     focusItemOnOpen: !1
   }), { getReferenceProps: B, getFloatingProps: W, getItemProps: O } = Oe(
     [j, F, P, Z]
-  ), { isMounted: D, styles: U } = Ye(S, {
+  ), { isMounted: D, styles: U } = Xe(S, {
     duration: {
       open: 300,
       close: 150
@@ -8605,19 +8614,19 @@ const Y2 = () => {
   let K = d.find((G) => G.isActive);
   K || (K = d[0]);
   const ie = (G) => {
-    const { value: pe } = G.target, we = d.filter((ne) => ne.displayName.toLowerCase().includes(pe.toLowerCase()));
+    const { value: he } = G.target, we = d.filter((ae) => ae.displayName.toLowerCase().includes(he.toLowerCase()));
     v(we);
   };
   oe(() => {
-    const G = d.map((pe) => fe(y({}, pe), {
-      isActive: pe.isActive
+    const G = d.map((he) => ge(y({}, he), {
+      isActive: he.isActive
     }));
     v(G);
   }, [d]);
   const X = (G) => {
     G.preventDefault(), G.key === "Enter" && C.current[_].querySelector("a").click(), G.key === "Tab" && (G.shiftKey ? w ? document.getElementById("workspace-filter").focus() : E(!1) : n ? $.current.querySelector("a").focus() : E(!1));
-  }, be = /* @__PURE__ */ e.createElement("div", { className: `${N}__button-content` }, /* @__PURE__ */ e.createElement(
-    dt,
+  }, ve = /* @__PURE__ */ e.createElement("div", { className: `${N}__button-content` }, /* @__PURE__ */ e.createElement(
+    mt,
     {
       size: "sm",
       uniqueId: K.workspaceId,
@@ -8651,9 +8660,9 @@ const Y2 = () => {
       type: "search"
     }
   )), le = b.map(
-    (G, pe) => {
-      const we = `${N}__item`, ne = G.isActive ? `${we}--active` : null, ce = G.isUnprivileged ? `${we}--unprivileged` : null, Le = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${N}__active-icon` }), ke = G.workspaceId, ze = G.workspaceLink.type, Ee = G.isUnprivileged ? null : (We) => {
-        C.current[pe] = We;
+    (G, he) => {
+      const we = `${N}__item`, ae = G.isActive ? `${we}--active` : null, ce = G.isUnprivileged ? `${we}--unprivileged` : null, Le = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${N}__active-icon` }), ke = G.workspaceId, ze = G.workspaceLink.type, Ee = G.isUnprivileged ? null : (Ze) => {
+        C.current[he] = Ze;
       };
       return /* @__PURE__ */ e.createElement(
         "li",
@@ -8662,21 +8671,21 @@ const Y2 = () => {
           id: ke,
           className: [
             we,
-            ne,
+            ae,
             ce
           ].join(" ").trim().replace(/\s+/g, " "),
           role: "menuitem",
-          tabIndex: _ === pe ? 0 : -1,
+          tabIndex: _ === he ? 0 : -1,
           ref: Ee,
           onKeyDown: X
         }, O()),
         /* @__PURE__ */ e.createElement(
           ze,
-          fe(y({}, G.workspaceLink.props), {
+          ge(y({}, G.workspaceLink.props), {
             onClick: () => E(!1)
           }),
           /* @__PURE__ */ e.createElement("div", { className: `${N}__item-content` }, /* @__PURE__ */ e.createElement(
-            dt,
+            mt,
             {
               size: "sm",
               uniqueId: G.workspaceId,
@@ -8688,8 +8697,8 @@ const Y2 = () => {
         )
       );
     }
-  ), ae = n && /* @__PURE__ */ e.createElement("div", { className: `${N}__create-link`, ref: $ }, /* @__PURE__ */ e.createElement(
-    je,
+  ), ne = n && /* @__PURE__ */ e.createElement("div", { className: `${N}__create-link`, ref: $ }, /* @__PURE__ */ e.createElement(
+    Be,
     {
       displayType: "icon-end",
       iconName: "plus",
@@ -8705,7 +8714,7 @@ const Y2 = () => {
       "aria-label": s,
       ref: V.setReference
     }, B()),
-    be,
+    ve,
     te
   ), D && /* @__PURE__ */ e.createElement(
     "div",
@@ -8725,13 +8734,13 @@ const Y2 = () => {
       },
       /* @__PURE__ */ e.createElement("li", { className: `${N}__item-heading`, role: "presentation" }, r),
       le.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : le
-    ), ae)
+    ), ne)
   )), ee = (G) => {
-    const pe = G.target;
-    pe.classList.toggle(`${N}__toggle--expanded`), pe.setAttribute(
+    const he = G.target;
+    he.classList.toggle(`${N}__toggle--expanded`), he.setAttribute(
       "aria-expanded",
-      pe.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), pe.nextElementSibling.classList.toggle(`${N}__mobile-menu--expanded`);
+      he.getAttribute("aria-expanded") === "true" ? "false" : "true"
+    ), he.nextElementSibling.classList.toggle(`${N}__mobile-menu--expanded`);
   }, Q = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -8740,7 +8749,7 @@ const Y2 = () => {
       "aria-label": s,
       onClick: ee
     },
-    be,
+    ve,
     te
   ), /* @__PURE__ */ e.createElement("div", { className: `${N}__mobile-menu` }, de, /* @__PURE__ */ e.createElement(
     "ul",
@@ -8750,7 +8759,7 @@ const Y2 = () => {
     },
     /* @__PURE__ */ e.createElement("li", { className: `${N}__item-heading`, role: "presentation" }, r),
     le.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : le
-  ), ae));
+  ), ne));
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
@@ -8853,7 +8862,7 @@ const $2 = (o) => {
   const i = "pds-tally", d = `${i}--${n}`, h = ["critical", "warning"].includes(n) ? "alert" : "status", m = `${a[n]} notifications: `;
   return /* @__PURE__ */ e.createElement(
     "div",
-    fe(y({
+    ge(y({
       className: [i, d, c != null ? c : ""].join(" ").trim().replace(/\s+/g, " ")
     }, r), {
       role: h
@@ -8968,7 +8977,7 @@ const $2 = (o) => {
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${i}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h), n && /* @__PURE__ */ e.createElement("div", { className: `${i}__title` }, n), s && /* @__PURE__ */ e.createElement("div", { className: `${i}__main-content` }, s)))
   );
-}, w2 = Be(
+}, w2 = Fe(
   (L, w) => {
     var k = L, {
       checked: s,
@@ -9053,7 +9062,7 @@ const $2 = (o) => {
       }, $),
       /* @__PURE__ */ e.createElement("div", { className: `${N}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "input",
-        y(fe(y({
+        y(ge(y({
           ref: w,
           id: c,
           name: u,
@@ -9092,7 +9101,7 @@ const $2 = (o) => {
         E && !a && /* @__PURE__ */ e.createElement(Wt, null)
       ))),
       S && /* @__PURE__ */ e.createElement(
-        Xe,
+        Qe,
         {
           id: c,
           message: S,
@@ -9146,7 +9155,7 @@ const $2 = (o) => {
       style: r ? _ : null
     }, p),
     /* @__PURE__ */ e.createElement("fieldset", y({ className: `${g}__fieldset`, id: c }, a), /* @__PURE__ */ e.createElement(
-      pt,
+      ht,
       {
         disabled: n,
         label: o,
@@ -9157,7 +9166,7 @@ const $2 = (o) => {
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${g}__options` }, s)),
     w && /* @__PURE__ */ e.createElement(
-      Xe,
+      Qe,
       {
         id: c,
         message: w,
@@ -9233,7 +9242,7 @@ const $2 = (o) => {
       style: c ? b : null
     }, E),
     /* @__PURE__ */ e.createElement("fieldset", y({ className: `${v}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
-      pt,
+      ht,
       {
         disabled: s,
         label: r,
@@ -9258,7 +9267,7 @@ const $2 = (o) => {
       }
     )))),
     k && /* @__PURE__ */ e.createElement(
-      Xe,
+      Qe,
       {
         id: a,
         message: k,
@@ -9285,7 +9294,7 @@ const $2 = (o) => {
     }, a),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__inner` }, l),
     m && /* @__PURE__ */ e.createElement(
-      Xe,
+      Qe,
       {
         id: i,
         message: m,
@@ -9319,7 +9328,7 @@ const $2 = (o) => {
     "aria-hidden": "true"
   },
   /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "sm" })
-)), sn = Be(
+)), sn = Fe(
   (v, b) => {
     var C = v, {
       checked: s,
@@ -9374,7 +9383,7 @@ const $2 = (o) => {
         "aria-describedby": d ? `${c}__message` : null
       }, r)
     ), !E && /* @__PURE__ */ e.createElement(k2, { toggleStatusLabel: H }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), E && /* @__PURE__ */ e.createElement(N2, { toggleStatusLabel: H, id: c })), j = /* @__PURE__ */ e.createElement(
-      pt,
+      ht,
       {
         id: c,
         label: l,
@@ -9387,7 +9396,7 @@ const $2 = (o) => {
         ])
       }
     ), F = d && /* @__PURE__ */ e.createElement(
-      Xe,
+      Qe,
       {
         id: c,
         message: d,
@@ -9453,9 +9462,9 @@ const $2 = (o) => {
   const { refs: _, context: g, floatingStyles: b } = Ie({
     open: f,
     onOpenChange: E
-  }), v = rt(g), C = Se(g, {
+  }), v = ot(g), C = Se(g, {
     outsidePressEvent: "mousedown"
-  }), $ = Te(g), { getFloatingProps: w } = Oe([v, C, $]), { isMounted: L, styles: k } = Ye(g, {
+  }), $ = Te(g), { getFloatingProps: w } = Oe([v, C, $]), { isMounted: L, styles: k } = Xe(g, {
     duration: {
       open: 300,
       close: 300
@@ -9477,7 +9486,7 @@ const $2 = (o) => {
     Xs,
     {
       lockScroll: !0,
-      style: fe(y({}, b), {
+      style: ge(y({}, b), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)"
@@ -9485,12 +9494,12 @@ const $2 = (o) => {
     },
     /* @__PURE__ */ e.createElement(Es, { context: g }, /* @__PURE__ */ e.createElement(
       "div",
-      y(fe(y({
+      y(ge(y({
         ref: _.setFloating,
         "aria-label": s || l
       }, w()), {
         className: [m, p, i].join(" ").trim().replace(/\s+/g, " "),
-        style: fe(y(y({}, b), k), {
+        style: ge(y(y({}, b), k), {
           position: "relative"
         })
       }), d),
@@ -9528,10 +9537,10 @@ const $2 = (o) => {
     }
   }
   return null;
-}, at = (s) => {
+}, lt = (s) => {
   let n = s;
   return typeof s == "object" && (n = s.props.children), n;
-}, lt = (s, n) => {
+}, ct = (s, n) => {
   let a = null;
   if (typeof s == "string" && n) {
     const c = n ? n[0].linkContent : null;
@@ -9549,11 +9558,11 @@ const $2 = (o) => {
     ];
     if (a) {
       const l = a[0].linkContent;
-      Ut(l) && (r = qe(l, y({}, typeof n == "string" ? { children: o } : {})));
+      Ut(l) && (r = je(l, y({}, typeof n == "string" ? { children: o } : {})));
     } else
       r = null;
   }
-  return typeof n == "object" && (c ? r = qe(n, fe(y({}, n.props), {
+  return typeof n == "object" && (c ? r = je(n, ge(y({}, n.props), {
     children: [
       /* @__PURE__ */ e.createElement("span", { key: c, className: `${s}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${s}__link-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: c, iconSize: "md" })), /* @__PURE__ */ e.createElement("span", { className: `${s}__link-label` }, n.props.children))
     ]
@@ -9592,7 +9601,7 @@ const $2 = (o) => {
     open: m,
     onOpenChange: p,
     middleware: [yt(12), wt(), Nt()],
-    whileElementsMounted: Pe
+    whileElementsMounted: qe
   }), g = Et(_, {
     move: !1,
     handleClose: vs()
@@ -9636,7 +9645,7 @@ const $2 = (o) => {
         onClick: L
       },
       /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", iconSize: "md" }),
-      /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${at(r)} ${c.submenu}`)
+      /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${lt(r)} ${c.submenu}`)
     )), a && h(o, "second-level"), !a && m && /* @__PURE__ */ e.createElement(
       "div",
       y({
@@ -9644,12 +9653,12 @@ const $2 = (o) => {
         ref: f.setFloating,
         style: E
       }, w()),
-      /* @__PURE__ */ e.createElement("div", { className: `${l}__flyout-heading` }, at(r)),
+      /* @__PURE__ */ e.createElement("div", { className: `${l}__flyout-heading` }, lt(r)),
       h(o, "second-level-flyout")
     )) : /* @__PURE__ */ e.createElement(e.Fragment, null, a ? u : /* @__PURE__ */ e.createElement(
       _t,
       {
-        content: at(r),
+        content: lt(r),
         customTrigger: u,
         offsetValue: {
           mainAxis: -4,
@@ -9695,10 +9704,10 @@ const $2 = (o) => {
   const b = ({
     item: S,
     level: P
-  }) => fe(y({}, S), {
+  }) => ge(y({}, S), {
     level: P,
-    linkContent: qe(
-      lt(S.linkContent, S.links),
+    linkContent: je(
+      ct(S.linkContent, S.links),
       {
         tabIndex: -1
       }
@@ -9718,17 +9727,17 @@ const $2 = (o) => {
     placement: "bottom-start",
     open: d,
     onOpenChange: u,
-    whileElementsMounted: Pe
-  }), w = se([]), L = mt($, {
+    whileElementsMounted: qe
+  }), w = se([]), L = ut($, {
     listRef: w,
     activeIndex: h,
     onNavigate: m,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), k = rt($, { event: "mousedown" }), z = Se($), N = Te($, { role: "menu" }), { getReferenceProps: x, getFloatingProps: M, getItemProps: T } = Oe(
+  }), k = ot($, { event: "mousedown" }), z = Se($), N = Te($, { role: "menu" }), { getReferenceProps: x, getFloatingProps: M, getItemProps: T } = Oe(
     [z, N, k, L]
-  ), { isMounted: V, styles: H } = Ye($, {
+  ), { isMounted: V, styles: H } = Xe($, {
     duration: {
       open: 300,
       close: 300
@@ -9763,7 +9772,7 @@ const $2 = (o) => {
     y({
       className: `${i}__dropdown ${i}__menu ${i}__menu--top-level`,
       ref: C.setFloating,
-      style: fe(y({}, H), {
+      style: ge(y({}, H), {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, M()),
@@ -9800,7 +9809,7 @@ const $2 = (o) => {
     "className"
   ]);
   let d = !1;
-  const u = He(Fe);
+  const u = He(We);
   u && (d = u.isMobile);
   const h = He(Qt);
   let m = !0;
@@ -9816,7 +9825,7 @@ const $2 = (o) => {
       linkContent: b.linkContent,
       links: b.links
     }
-  )))), _ = a.map((b) => fe(y({}, b), {
+  )))), _ = a.map((b) => ge(y({}, b), {
     linkContent: Zt(
       p,
       b.linkContent,
@@ -9895,7 +9904,7 @@ const $2 = (o) => {
           ye($) ? `${z}--active` : null
         ])
       },
-      k ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${z}-wrapper` }, lt(L, k), /* @__PURE__ */ e.createElement(
+      k ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${z}-wrapper` }, ct(L, k), /* @__PURE__ */ e.createElement(
         "button",
         {
           "aria-expanded": ye($),
@@ -9906,7 +9915,7 @@ const $2 = (o) => {
           onClick: g
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", iconSize: "md" }),
-        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${at(L)} ${c.submenu}`)
+        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${lt(L)} ${c.submenu}`)
       )), /* @__PURE__ */ e.createElement(
         "ul",
         {
@@ -9926,7 +9935,7 @@ const $2 = (o) => {
               ye(x) ? `${z}--active` : null
             ])
           },
-          lt(
+          ct(
             x.linkContent,
             x.links
           )
@@ -10011,8 +10020,8 @@ const $2 = (o) => {
           onClick: g
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "caretDown", iconSize: "md" }),
-        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${at(L)} ${c.submenu}`)
-      ), lt(L, k)), /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${lt(L)} ${c.submenu}`)
+      ), ct(L, k)), /* @__PURE__ */ e.createElement(
         "ul",
         {
           className: J([
@@ -10042,8 +10051,8 @@ const $2 = (o) => {
               onClick: g
             },
             /* @__PURE__ */ e.createElement(A, { iconName: "caretDown", iconSize: "md" }),
-            /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${at(x.linkContent)} ${c.submenu}`)
-          ), lt(
+            /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${lt(x.linkContent)} ${c.submenu}`)
+          ), ct(
             x.linkContent,
             x.links
           )), /* @__PURE__ */ e.createElement(
@@ -10065,7 +10074,7 @@ const $2 = (o) => {
                   ye(T) ? `${z}--active` : null
                 ])
               },
-              lt(
+              ct(
                 T.linkContent,
                 T.links
               )
@@ -10116,15 +10125,15 @@ const $2 = (o) => {
   ]);
   const [h, m] = R(null), [p, f] = R(!1), E = se([]), _ = se([]);
   let g = !1;
-  const b = He(Fe);
+  const b = He(We);
   b && (g = b.isMobile);
   const v = o && g, C = "pds-user-menu", $ = v ? `${C}--isMobile` : null, w = `${C}__menu`, { refs: L, floatingStyles: k, context: z } = Ie({
     placement: "bottom-end",
     open: p,
     onOpenChange: f,
     middleware: [yt(12), wt(), Nt()],
-    whileElementsMounted: Pe
-  }), N = rt(z, { event: "mousedown" }), x = Se(z), M = Te(z, { role: "menu" }), T = se([]), V = mt(z, {
+    whileElementsMounted: qe
+  }), N = ot(z, { event: "mousedown" }), x = Se(z), M = Te(z, { role: "menu" }), T = se([]), V = ut(z, {
     listRef: T,
     activeIndex: h,
     onNavigate: m,
@@ -10134,7 +10143,7 @@ const $2 = (o) => {
     focusItemOnHover: !0
   }), { getReferenceProps: H, getFloatingProps: S, getItemProps: P } = Oe(
     [x, M, N, V]
-  ), { isMounted: j, styles: F } = Ye(z, {
+  ), { isMounted: j, styles: F } = Xe(z, {
     duration: {
       open: 300,
       close: 150
@@ -10149,7 +10158,7 @@ const $2 = (o) => {
       opacity: 0
     }
   }), Z = /* @__PURE__ */ e.createElement(
-    dt,
+    mt,
     {
       size: "sm",
       imageSrc: c,
@@ -10158,7 +10167,7 @@ const $2 = (o) => {
     }
   ), B = /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${C}__trigger-icon` }), W = /* @__PURE__ */ e.createElement("li", { className: `${C}__user-details`, role: "presentation" }, v ? null : /* @__PURE__ */ e.createElement("div", { className: `${C}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${C}__user-email` }, a));
   n.forEach((te) => {
-    const de = te.id ? te.id : Ae();
+    const de = te.id ? te.id : Pe();
     E.current.push(de), _.current.push(te);
   });
   const O = (te) => {
@@ -10169,13 +10178,13 @@ const $2 = (o) => {
   }, U = (te) => {
     O(te.currentTarget.id);
   }, K = n.map((te, de) => {
-    const le = E.current[de], ae = `${C}__item`, _e = te.disabled ? `${ae}--disabled` : null;
+    const le = E.current[de], ne = `${C}__item`, _e = te.disabled ? `${ne}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
         key: le,
         id: le,
-        className: J([ae, _e]),
+        className: J([ne, _e]),
         role: "menuitem",
         tabIndex: h === de ? 0 : -1,
         ref: (ee) => {
@@ -10206,7 +10215,7 @@ const $2 = (o) => {
     y({
       className: `${C}__dropdown`,
       ref: L.setFloating,
-      style: fe(y({}, k), {
+      style: ge(y({}, k), {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, S()),
@@ -10217,7 +10226,7 @@ const $2 = (o) => {
       "aria-expanded",
       de.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), de.nextElementSibling.classList.toggle(`${C}__mobile-menu--expanded`);
-  }, be = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }, ve = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${C}__toggle`,
@@ -10242,7 +10251,7 @@ const $2 = (o) => {
     y({
       className: J([C, $, l != null ? l : ""])
     }, i),
-    v ? be : ie
+    v ? ve : ie
   );
 }, z2 = {
   info: "circleInfo",
@@ -10352,7 +10361,7 @@ const $2 = (o) => {
       ])
     }, l),
     m > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${p}__navigation` }, /* @__PURE__ */ e.createElement(
-      it,
+      dt,
       {
         iconName: "angleLeft",
         size: "lg",
@@ -10361,7 +10370,7 @@ const $2 = (o) => {
         onClick: w
       }
     ), /* @__PURE__ */ e.createElement(
-      it,
+      dt,
       {
         iconName: "angleRight",
         size: "lg",
@@ -10521,7 +10530,7 @@ const $2 = (o) => {
     n && a && /* @__PURE__ */ e.createElement("span", { className: u }),
     /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, s)
   );
-}, Ze = 8, us = 14, M2 = 6, pn = (f) => {
+}, Ue = 8, us = 14, M2 = 6, pn = (f) => {
   var E = f, {
     content: s,
     customTrigger: n = !1,
@@ -10568,28 +10577,28 @@ const $2 = (o) => {
       g(K), K || r();
     },
     middleware: [
-      yt(Ze + M2 + $),
+      yt(Ue + M2 + $),
       wt({ padding: 8 }),
       Nt({ padding: 8 }),
       Qs({ element: w })
     ],
-    whileElementsMounted: Pe
+    whileElementsMounted: qe
   }), x = () => {
     g(!1), r && r();
-  }, M = rt(z), T = Se(z), V = Te(z), { getReferenceProps: H, getFloatingProps: S } = Oe([
+  }, M = ot(z), T = Se(z), V = Te(z), { getReferenceProps: H, getFloatingProps: S } = Oe([
     M,
     T,
     V
-  ]), P = (O = (W = N.arrow) == null ? void 0 : W.x) != null ? O : 0, j = (U = (D = N.arrow) == null ? void 0 : D.y) != null ? U : 0, F = P + us / 2, Z = j + Ze, { isMounted: B } = Ye(z, {
+  ]), P = (O = (W = N.arrow) == null ? void 0 : W.x) != null ? O : 0, j = (U = (D = N.arrow) == null ? void 0 : D.y) != null ? U : 0, F = P + us / 2, Z = j + Ue, { isMounted: B } = Xe(z, {
     initial: {
       transform: "scale(0)"
     },
     common: ({ side: K }) => ({
       transformOrigin: {
-        top: `${F}px calc(100% + ${Ze}px)`,
-        bottom: `${F}px ${-Ze}px`,
-        left: `calc(100% + ${Ze}px) ${Z}px`,
-        right: `${-Ze}px ${Z}px`
+        top: `${F}px calc(100% + ${Ue}px)`,
+        bottom: `${F}px ${-Ue}px`,
+        left: `calc(100% + ${Ue}px) ${Z}px`,
+        right: `${-Ue}px ${Z}px`
       }[K]
     })
   });
@@ -10625,7 +10634,7 @@ const $2 = (o) => {
         {
           ref: w,
           context: z,
-          height: Ze,
+          height: Ue,
           width: us,
           tipRadius: 0,
           fill: "var(--pds-color-background-default)",
@@ -10670,7 +10679,7 @@ const $2 = (o) => {
     "size",
     "className"
   ]);
-  const f = n || Ae(), E = "pds-progress-bar", _ = l ? `${E}__label` : "visually-hidden", g = `${E}__track ${E}__track--${d}`, b = o > 100 ? 100 : o;
+  const f = n || Pe(), E = "pds-progress-bar", _ = l ? `${E}__label` : "visually-hidden", g = `${E}__track ${E}__track--${d}`, b = o > 100 ? 100 : o;
   let v = "neutral";
   s.forEach((L) => {
     o >= L.percentage && (v = L.colorType);
@@ -11029,7 +11038,7 @@ const S2 = (c) => {
   );
   const m = "pds-stepper-layout";
   return /* @__PURE__ */ e.createElement(
-    nt,
+    at,
     y({
       className: [m, n].join(" ").trim().replace(/\s+/g, " ")
     }, a),
@@ -11165,12 +11174,12 @@ const vn = ({
   mobileMenuMaxWidth: n = 640
 }) => /* @__PURE__ */ e.createElement(y1, { mobileMenuMaxWidth: n }, s);
 export {
-  dt as Avatar,
+  mt as Avatar,
   r1 as AvatarTileList,
   on as Banner,
   u1 as Breadcrumbs,
-  Ge as Button,
-  je as ButtonLink,
+  Ke as Button,
+  Be as ButtonLink,
   h2 as CTALink,
   $1 as CTASlice,
   Q2 as Callout,
@@ -11181,7 +11190,7 @@ export {
   en as CheckboxGroup,
   N1 as Combobox,
   ms as ComparisonList,
-  nt as Container,
+  at as Container,
   Qt as DashboardContext,
   G2 as DashboardLayout,
   an as DashboardNav,
@@ -11196,14 +11205,14 @@ export {
   vn as GlobalWrapper,
   x1 as Heading,
   A as Icon,
-  it as IconButton,
+  dt as IconButton,
   Ct as IndicatorBadge,
   dn as InlineMessage,
   I1 as InputFormatted,
   tn as InputGroup,
   S1 as InputObscured,
   T1 as InputText,
-  Qe as InputWrapper,
+  Je as InputWrapper,
   O1 as LinksCard,
   Vs as MenuButton,
   nn as Modal,
@@ -11220,7 +11229,7 @@ export {
   i2 as ProgressRing,
   gn as PullQuote,
   e2 as RadioGroup,
-  Fe as ResponsiveContext,
+  We as ResponsiveContext,
   mn as SectionMessage,
   X2 as SegmentedButton,
   Lt as Select,