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

package/_dist/index.js

@@ -1,12 +1,12 @@
 import './index.css';var Zs = Object.defineProperty, Us = Object.defineProperties;
 var Gs = Object.getOwnPropertyDescriptors;
-var bt = Object.getOwnPropertySymbols;
+var vt = Object.getOwnPropertySymbols;
 var ss = Object.prototype.hasOwnProperty, ns = Object.prototype.propertyIsEnumerable;
 var ts = (s, n, a) => n in s ? Zs(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a, y = (s, n) => {
   for (var a in n || (n = {}))
     ss.call(n, a) && ts(s, a, n[a]);
-  if (bt)
-    for (var a of bt(n))
+  if (vt)
+    for (var a of vt(n))
       ns.call(n, a) && ts(s, a, n[a]);
   return s;
 }, fe = (s, n) => Us(s, Gs(n));
@@ -14,15 +14,15 @@ var I = (s, n) => {
   var a = {};
   for (var c in s)
     ss.call(s, c) && n.indexOf(c) < 0 && (a[c] = s[c]);
-  if (s != null && bt)
-    for (var c of bt(s))
+  if (s != null && vt)
+    for (var c of vt(s))
       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 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 vt, useFocus as fs, useDismiss as Se, useRole as Te, useInteractions as Oe, useId as bs, useListNavigation as dt, 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 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 { 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";
@@ -52,14 +52,14 @@ const r1 = (r) => {
       ].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     n.map((u, h) => {
-      const m = u.linkContent ? u.linkContent.type : "div", p = u.linkContent.props.href ? "href" : "to", b = p === "href" ? u.linkContent.props.href : u.linkContent.props.to, E = u.linkContent.props.target ? "target" : null;
+      const m = u.linkContent ? u.linkContent.type : "div", p = u.linkContent.props.href ? "href" : "to", f = p === "href" ? u.linkContent.props.href : u.linkContent.props.to, E = u.linkContent.props.target ? "target" : null;
       return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
         m,
         {
           key: `avatar-tile-item-${h}`,
           className: `${i}__item`,
-          href: p === "href" ? b : null,
-          to: p === "to" ? b : null,
+          href: p === "href" ? f : null,
+          to: p === "to" ? f : null,
           target: E
         },
         /* @__PURE__ */ e.createElement(
@@ -742,7 +742,7 @@ const o1 = {
     path: "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z",
     width: "576"
   }
-}, ls = Object.keys(Ft), Vt = 300, i1 = 400, Et = (m) => {
+}, ls = Object.keys(Ft), Vt = 300, i1 = 400, _t = (m) => {
   var p = m, {
     content: s,
     customTrigger: n = null,
@@ -766,7 +766,7 @@ const o1 = {
     "zIndex",
     "className"
   ]);
-  const [b, E] = R(!1), _ = typeof n, g = "pds-tooltip", f = J([
+  const [f, E] = R(!1), _ = typeof n, g = "pds-tooltip", b = J([
     `${g}__trigger-custom`,
     _ === "string" ? `${g}__trigger-text` : null
   ]), v = J([
@@ -774,11 +774,11 @@ const o1 = {
     `${g}__trigger--${l}`
   ]), { refs: C, floatingStyles: $, context: w } = Ie({
     placement: c,
-    open: b,
+    open: f,
     onOpenChange: E,
     middleware: [yt(a), wt(), Nt()],
     whileElementsMounted: Pe
-  }), L = vt(w, {
+  }), L = Et(w, {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
@@ -791,7 +791,7 @@ const o1 = {
   return /* @__PURE__ */ e.createElement("div", y({ className: J([g, u != null ? u : ""]) }, h), n ? /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: f,
+      className: b,
       ref: C.setReference
     }, x()),
     n
@@ -810,7 +810,7 @@ const o1 = {
         iconSize: i
       }
     )
-  ), b && /* @__PURE__ */ e.createElement(
+  ), f && /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: `${g}__container`,
@@ -821,7 +821,7 @@ const o1 = {
   ));
 }, Ue = ({ 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(Et, { content: s.label, triggerText: c }) : s.label) : /* @__PURE__ */ e.createElement(gs, { end: !0, to: s.uri }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(Et, { content: s.label, triggerText: c }) : s.label));
+  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 = {
   crumb: t.object,
@@ -858,7 +858,7 @@ const d1 = (s) => /* @__PURE__ */ e.createElement(gs, { className: "pds-breadcru
         key: `breadcrumb-${g}`
       }
     ) : /* @__PURE__ */ e.createElement(Ue, { crumb: _, key: `breadcrumb-${g}` })
-  ), p = d.length >= 6 ? m : h, b = d[d.length - 2], E = d1(b);
+  ), 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);
 };
 ys.propTypes = {
@@ -1034,7 +1034,7 @@ const p1 = [
   "xmarkLarge",
   "xTwitter",
   "youtube"
-], mt = t.oneOf(p1), Ht = t.oneOf([
+], ut = 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: mt,
+  iconName: ut,
   /**
    * 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: mt,
+  iconName: ut,
   /**
    * Optional ID value for this item.
    */
@@ -1131,7 +1131,7 @@ const p1 = [
     iconSize: "sm",
     className: "pds-input-label__required"
   }
-), ut = ({
+), pt = ({
   id: s,
   label: n,
   showLabel: a = !0,
@@ -1269,7 +1269,7 @@ const p1 = [
     c && !n ? /* @__PURE__ */ e.createElement("span", { className: `${u}__label` }, a) : /* @__PURE__ */ e.createElement(Xt, { label: a })
   );
 }, Ge = Be(
-  (E, b) => {
+  (E, f) => {
     var _ = E, {
       ariaLabel: s,
       buttonType: n = "button",
@@ -1297,7 +1297,7 @@ const p1 = [
       "variant",
       "className"
     ]);
-    const g = "pds-button", f = u !== "md" ? `${g}--${u}` : null, v = h !== "primary" ? `${g}--${h}` : null;
+    const g = "pds-button", b = u !== "md" ? `${g}--${u}` : null, v = h !== "primary" ? `${g}--${h}` : null;
     let C;
     switch (u) {
       case "sm":
@@ -1323,11 +1323,11 @@ const p1 = [
       "button",
       fe(y({}, p), {
         type: n,
-        className: [g, f, v, m].join(" ").trim().replace(/\s+/g, " "),
+        className: [g, b, v, m].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || o,
         "aria-label": s,
         onClick: d,
-        ref: b
+        ref: f
       }),
       o && /* @__PURE__ */ e.createElement(zt, { className: `${g}__loading-indicator`, size: "md" }),
       w
@@ -1355,7 +1355,7 @@ Ge.propTypes = {
   /**
    * Which icon to render
    */
-  iconName: mt,
+  iconName: ut,
   /**
    * Is the button in a loading state?
    */
@@ -1412,23 +1412,23 @@ const je = (d) => {
     "variant",
     "className"
   ]);
-  const h = Ae(), m = "pds-button-link", p = "pds-button", b = c.props.className, E = r !== "md" ? `${p}--${r}` : null, _ = o !== "primary" ? `${p}--${o}` : null, g = [p, b, _, E].join(" ").trim().replace(/\s+/g, " ");
-  let f;
+  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, " ");
+  let b;
   switch (r) {
     case "sm":
-      f = "sm";
+      b = "sm";
       break;
     case "md":
-      f = "md";
+      b = "md";
       break;
     case "lg":
-      f = "lg";
+      b = "lg";
   }
   const v = /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: a,
-      iconSize: f,
+      iconSize: b,
       className: `${p}__icon`,
       key: `icon-${h}`
     }
@@ -1471,7 +1471,7 @@ je.propTypes = {
   /**
    * Which icon to render
    */
-  iconName: mt,
+  iconName: ut,
   /**
    * A link element using the router of your choice.
    */
@@ -1518,14 +1518,14 @@ const _1 = (h) => {
     "secondaryLink",
     "className"
   ]);
-  const p = "pds-card", b = r ? `${p}--clickable` : null, E = `${n}`, _ = l.type, g = c ? /* @__PURE__ */ e.createElement("div", { className: `${p}__image` }, !r && l ? /* @__PURE__ */ e.createElement(
+  const p = "pds-card", f = r ? `${p}--clickable` : null, E = `${n}`, _ = l.type, g = c ? /* @__PURE__ */ e.createElement("div", { className: `${p}__image` }, !r && l ? /* @__PURE__ */ e.createElement(
     _,
     y({
       tabIndex: "-1",
       "aria-hidden": "true"
     }, l.props),
     /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })
-  ) : /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })) : null, f = /* @__PURE__ */ e.createElement("div", { className: `${p}__text-elements` }, o && /* @__PURE__ */ e.createElement(
+  ) : /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })) : null, b = /* @__PURE__ */ e.createElement("div", { className: `${p}__text-elements` }, o && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${p}__kicker pds-overline-text pds-overline-text--sm`
@@ -1535,17 +1535,17 @@ const _1 = (h) => {
   return r && l ? /* @__PURE__ */ e.createElement(
     _,
     y({
-      className: [p, b, d].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, f, d].join(" ").trim().replace(/\s+/g, " ")
     }, l.props),
     g,
-    f
+    b
   ) : /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [p, b, d].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, f, d].join(" ").trim().replace(/\s+/g, " ")
     }, u),
     g,
-    f
+    b
   );
 };
 _1.propTypes = {
@@ -1612,11 +1612,11 @@ const C1 = (u) => {
   const m = "pds-card-select-group";
   let p = `${m}__legend`;
   c === "center" && (p = `${m}__legend ${m}__legend--center`), c === "hidden" && (p = `${m}__legend visually-hidden`);
-  const [b, E] = R(n), _ = ($) => {
+  const [f, E] = R(n), _ = ($) => {
     E($.target.value), o && o($.target.value);
-  }, g = l.length, f = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", v = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  }, g = l.length, b = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", v = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let C = "";
-  return r === "twoAcross" ? C = f : r === "threeAcross" ? C = v : r === "auto" && (g % 3 === 0 ? C = v : g % 2 === 0 ? C = f : C = v), /* @__PURE__ */ e.createElement(
+  return r === "twoAcross" ? C = b : r === "threeAcross" ? C = v : r === "auto" && (g % 3 === 0 ? C = v : g % 2 === 0 ? C = b : C = v), /* @__PURE__ */ e.createElement(
     "fieldset",
     y({
       className: [m, i].join(" ").trim().replace(/\s+/g, " "),
@@ -1637,21 +1637,21 @@ const C1 = (u) => {
           name: s,
           value: $.value,
           onClick: _,
-          defaultChecked: b === $.value
+          defaultChecked: f === $.value
         }
       ),
       /* @__PURE__ */ e.createElement(
         "label",
         {
           htmlFor: `${s}-option-${w}`,
-          className: b === $.value ? `${m}__option-label ${m}__option-label--selected` : `${m}__option-label`
+          className: f === $.value ? `${m}__option-label ${m}__option-label--selected` : `${m}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${m}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           A,
           {
-            iconName: b === $.value ? "circleCheck" : "circle",
+            iconName: f === $.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: b === $.value ? `${m}__option-icon ${m}__option-icon--selected` : `${m}__option-icon`
+            className: f === $.value ? `${m}__option-icon ${m}__option-icon--selected` : `${m}__option-icon`
           }
         )),
         /* @__PURE__ */ e.createElement("div", { className: `${m}__option-label-text` }, $.label, $.description && /* @__PURE__ */ e.createElement("div", { className: `${m}__option-description` }, $.description))
@@ -1729,13 +1729,13 @@ const $1 = (u) => {
     "secondaryLink",
     "className"
   ]);
-  const m = "pds-cta-slice", p = s && s !== "default" ? `${m}--${s}` : null, b = n && n !== "default" ? `pds-container pds-container--${n}` : "pds-container", E = `${a}`;
+  const m = "pds-cta-slice", p = s && s !== "default" ? `${m}--${s}` : null, f = n && n !== "default" ? `pds-container pds-container--${n}` : "pds-container", E = `${a}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [m, p, i].join(" ").trim().replace(/\s+/g, " ")
     }, d),
-    /* @__PURE__ */ e.createElement("div", { className: b }, c && /* @__PURE__ */ e.createElement(E, { className: `${m}__heading pds-ts-4xl` }, c), r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: f }, c && /* @__PURE__ */ e.createElement(E, { className: `${m}__heading pds-ts-4xl` }, c), r && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${m}__lead-text pds-lead-text pds-lead-text--sm`
@@ -1865,13 +1865,13 @@ const Fe = $t(null), y1 = ({
   ]);
   const [m, p] = R(
     a
-  ), { isMobile: b } = He(Fe), E = se(), [_] = kt(E), f = {
+  ), { isMobile: f } = He(Fe), E = se(), [_] = kt(E), b = {
     navbarWidth: _.width,
-    isSidebarExpanded: b ? !0 : m
-  }, v = "pds-dashboard", C = b ? `${v}--isMobile` : `${v}--notMobile`, $ = b ? null : m ? `${v}--sidebarExpanded` : `${v}--sidebarCollapsed`, w = m ? `${r}rem` : `${c}rem`, L = {
+    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 = {
     width: w,
     transition: "width 200ms ease-in-out"
-  }, k = b ? {} : {
+  }, k = f ? {} : {
     width: `calc(100% - ${w})`,
     transition: "width 200ms ease-in-out"
   }, z = () => {
@@ -1893,7 +1893,7 @@ const Fe = $t(null), y1 = ({
     },
     /* @__PURE__ */ e.createElement("span", { className: `${v}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" }))
   ), /* @__PURE__ */ e.createElement("div", { className: `${v}__sidebar-inner` }, M));
-  return /* @__PURE__ */ e.createElement(Qt.Provider, { value: f }, /* @__PURE__ */ e.createElement(w1, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Qt.Provider, { value: b }, /* @__PURE__ */ e.createElement(w1, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
@@ -1904,8 +1904,8 @@ const Fe = $t(null), y1 = ({
         i != null ? i : ""
       ].join(" ").trim().replace(/\s+/g, " ")
     }, d),
-    b && x,
-    b ? H : S,
+    f && x,
+    f ? H : S,
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -1913,7 +1913,7 @@ const Fe = $t(null), y1 = ({
         className: `${v}__container`,
         style: k
       },
-      !b && /* @__PURE__ */ e.createElement("div", { className: `${v}__header` }, x),
+      !f && /* @__PURE__ */ e.createElement("div", { className: `${v}__header` }, x),
       /* @__PURE__ */ e.createElement("main", { id: "main", className: `${v}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__main-inner` }, T), V && /* @__PURE__ */ e.createElement("footer", { className: `${v}__footer` }, V))
     )
   ));
@@ -2012,11 +2012,11 @@ const N1 = Be(
       },
       loadingText: m = "Loading results...",
       message: p,
-      noResultsText: b = "No results found",
+      noResultsText: f = "No results found",
       onBlur: E,
       onClear: _,
       onFocus: g,
-      onOptionSelect: f,
+      onOptionSelect: b,
       options: v,
       placeholder: C,
       required: $ = !1,
@@ -2063,7 +2063,7 @@ const N1 = Be(
       open: O,
       onOpenChange: D,
       whileElementsMounted: Pe
-    }), _e = Te(le, { role: "listbox" }), ee = Se(le), Q = dt(le, {
+    }), _e = Te(le, { role: "listbox" }), ee = Se(le), Q = mt(le, {
       listRef: de,
       activeIndex: U,
       onNavigate: K,
@@ -2096,12 +2096,12 @@ const N1 = Be(
       E && g(he);
     }, We = (he) => {
       g && g(he);
-    }, pt = (he) => {
+    }, ht = (he) => {
       const ve = be[he];
-      X(ve.label), K(null), D(!1), f && f(ve);
+      X(ve.label), K(null), D(!1), b && b(ve);
     }, xt = (he) => he.map((xe) => {
-      const { label: Re, optionDisplay: De, value: ht, searchIndex: gt } = xe, q = ht || Re, re = [Re, ht];
-      return gt && re.push(...gt), {
+      const { label: Re, optionDisplay: De, value: gt, searchIndex: ft } = xe, q = gt || Re, re = [Re, gt];
+      return ft && re.push(...ft), {
         label: Re,
         value: q,
         searchIndex: re,
@@ -2128,7 +2128,7 @@ const N1 = Be(
           id: `${l}__option--${ve}`,
           isActive: U === ve
         }, we({
-          onMouseDown: () => pt(ve)
+          onMouseDown: () => ht(ve)
         })),
         De || xe
       );
@@ -2148,7 +2148,7 @@ const N1 = Be(
         style: i ? V : null
       }, N),
       /* @__PURE__ */ e.createElement(
-        ut,
+        pt,
         {
           id: l,
           label: u,
@@ -2185,7 +2185,7 @@ const N1 = Be(
             onChange: ze,
             onFocus: We,
             onKeyDown(he) {
-              he.key === "Enter" && U != null && be[U] && pt(U);
+              he.key === "Enter" && U != null && be[U] && ht(U);
             }
           }))
         ),
@@ -2235,7 +2235,7 @@ const N1 = Be(
             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` }, b))
+        /* @__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))
       ),
       B && /* @__PURE__ */ e.createElement(
         Xe,
@@ -2268,7 +2268,7 @@ const N1 = Be(
     siteList: h,
     startingRightPosition: m = 9.25,
     className: p
-  } = _, b = I(_, [
+  } = _, f = I(_, [
     "disabled",
     "id",
     "isLoading",
@@ -2283,7 +2283,7 @@ const N1 = Be(
     "startingRightPosition",
     "className"
   ]);
-  const [g, f] = R(!1), [v, C] = R(null), $ = se(null);
+  const [g, b] = R(!1), [v, C] = R(null), $ = se(null);
   let w = !1;
   const L = He(Fe);
   L && (w = L.isMobile);
@@ -2297,12 +2297,12 @@ const N1 = Be(
     right: `${m}rem`,
     width: `${T}rem`
   }, H = "pds-dashboard-search", S = w ? `${H}--isMobile` : null, P = () => {
-    f(!0), setTimeout(() => {
+    b(!0), setTimeout(() => {
       $.current.querySelector("input").focus();
     }, 500);
   }, j = () => {
     setTimeout(() => {
-      f(!1);
+      b(!1);
     }, 150);
   }, F = (D) => {
     C(D.value), d && d(D);
@@ -2373,7 +2373,7 @@ const N1 = Be(
       onKeyDown: w ? null : (D) => {
         D.key === "Escape" && j();
       }
-    }, b),
+    }, f),
     w ? O : W
   );
 };
@@ -2615,8 +2615,8 @@ Ls.propTypes = {
   className: t.string
 };
 const Qe = Be(
-  (f, g) => {
-    var v = f, {
+  (b, g) => {
+    var v = b, {
       children: s,
       decorator: n,
       disabled: a = !1,
@@ -2630,7 +2630,7 @@ const Qe = Be(
       readonly: h = !1,
       required: m = !1,
       showLabel: p = !0,
-      validationState: b,
+      validationState: f,
       className: E
     } = v, _ = I(v, [
       "children",
@@ -2649,7 +2649,7 @@ const Qe = Be(
       "validationState",
       "className"
     ]);
-    const C = "pds-input-wrapper", $ = `${C}--${r}`, w = "pds-input-label", L = `pds-input-field__message pds-input-field__message--${u}`, k = b === "error" ? "pds-has-error" : null, z = b === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, x = h ? "pds-is-readonly" : null, M = m && !a ? "pds-is-required" : null, T = o ? `${o / 16}rem` : null, V = o ? { width: T } : null, H = l ? "fieldset" : "div", S = m && !a ? /* @__PURE__ */ e.createElement(
+    const C = "pds-input-wrapper", $ = `${C}--${r}`, w = "pds-input-label", L = `pds-input-field__message pds-input-field__message--${u}`, k = f === "error" ? "pds-has-error" : null, z = f === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, x = h ? "pds-is-readonly" : null, M = m && !a ? "pds-is-required" : null, T = o ? `${o / 16}rem` : null, V = o ? { width: T } : null, H = l ? "fieldset" : "div", S = m && !a ? /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: "asterisk",
@@ -2661,7 +2661,7 @@ const Qe = Be(
       {
         className: L,
         id: `${c}__message`,
-        role: b === "error" ? "alert" : null,
+        role: f === "error" ? "alert" : null,
         style: V
       },
       d
@@ -2768,7 +2768,7 @@ Qe.propTypes = {
    */
   className: t.string
 };
-const _t = (m) => {
+const it = (m) => {
   var p = m, {
     ariaLabel: s,
     buttonType: n = "button",
@@ -2793,21 +2793,21 @@ const _t = (m) => {
     "variant",
     "className"
   ]);
-  const b = "pds-icon-button", E = i !== "md" ? `${b}--${i}` : null, _ = d !== "standard" ? `${b}--${d}` : null, g = {
-    fadeOut: `${b}--fadeOut`,
-    hide: `${b}--hide`,
-    scaleIn: `${b}--scaleIn`
+  const f = "pds-icon-button", E = i !== "md" ? `${f}--${i}` : null, _ = d !== "standard" ? `${f}--${d}` : null, g = {
+    fadeOut: `${f}--fadeOut`,
+    hide: `${f}--hide`,
+    scaleIn: `${f}--scaleIn`
   };
-  let f, v;
+  let b, v;
   switch (i) {
     case "sm":
-      v = "md", f = 8;
+      v = "md", b = 8;
       break;
     case "md":
-      v = "md", f = 10;
+      v = "md", b = 10;
       break;
     case "lg":
-      v = "xl", f = 12;
+      v = "xl", b = 12;
   }
   const C = o !== null, $ = se(null), w = se(null), L = () => {
     $.current.classList.add(g.fadeOut), $.current.classList.add(g.hide), w.current.classList.remove(g.hide), w.current.classList.add(g.scaleIn), setTimeout(() => {
@@ -2818,56 +2818,58 @@ const _t = (m) => {
     }, 2e3);
   }, k = () => {
     C && L(), l && l();
-  }, z = C ? /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { ref: $, className: `${b}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+  }, z = C ? /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { ref: $, className: `${f}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: r,
       iconSize: v,
-      className: `${b}__icon`
+      className: `${f}__icon`
     }
   )), /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: w,
-      className: `${b}__icon-wrapper ${g.hide}`
+      className: `${f}__icon-wrapper ${g.hide}`
     },
     /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: o,
         iconSize: v,
-        className: `${b}__icon`
+        className: `${f}__icon`
       }
     )
-  )) : /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement(
+  )) : /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: r,
       iconSize: v,
-      className: `${b}__icon`
+      className: `${f}__icon`
     }
   ));
   return /* @__PURE__ */ e.createElement(
     "button",
     y({
       "aria-label": s,
-      className: [b, E, _, u].join(" ").trim().replace(/\s+/g, " "),
+      className: [f, E, _, u].join(" ").trim().replace(/\s+/g, " "),
       disabled: a,
       onClick: k,
       type: n,
       title: c && !a ? null : s
     }, h),
     c && !a ? /* @__PURE__ */ e.createElement(
-      Et,
+      _t,
       {
         content: s,
-        className: `${b}__tooltip`,
-        offsetValue: f,
+        className: `${f}__tooltip`,
+        offsetValue: b,
         customTrigger: z
       }
     ) : z
   );
-}, M1 = (_) => {
+};
+it.displayName = "IconButton";
+const M1 = (_) => {
   var g = _, {
     accept: s,
     chooseFileLabel: n = "Choose file",
@@ -2882,7 +2884,7 @@ const _t = (m) => {
     required: h = !1,
     showLabel: m = !0,
     validationFunction: p,
-    className: b
+    className: f
   } = g, E = I(g, [
     "accept",
     "chooseFileLabel",
@@ -2899,7 +2901,7 @@ const _t = (m) => {
     "validationFunction",
     "className"
   ]);
-  const [f, v] = R(!1), [C, $] = R(), [w, L] = R(null), k = "pds-file-upload", z = f ? `${k}--has-value` : null;
+  const [b, v] = R(!1), [C, $] = R(), [w, L] = R(null), k = "pds-file-upload", z = b ? `${k}--has-value` : null;
   let N = null;
   w === "error" && (N = "error"), w === "success" && (N = "success");
   const x = () => {
@@ -2917,7 +2919,7 @@ const _t = (m) => {
   return /* @__PURE__ */ e.createElement(
     Qe,
     y({
-      className: b,
+      className: f,
       decorator: N,
       disabled: c,
       id: o,
@@ -2933,7 +2935,7 @@ const _t = (m) => {
       "label",
       {
         htmlFor: o,
-        className: f ? "visually-hidden" : `${k}__label`
+        className: b ? "visually-hidden" : `${k}__label`
       },
       /* @__PURE__ */ e.createElement(A, { iconName: "paperclip", iconSize: "sm" }),
       n
@@ -2951,8 +2953,8 @@ const _t = (m) => {
         onChange: M
       }
     ),
-    f && /* @__PURE__ */ e.createElement(
-      _t,
+    b && /* @__PURE__ */ e.createElement(
+      it,
       {
         ariaLabel: a,
         buttonType: "button",
@@ -3141,7 +3143,7 @@ const V1 = new Intl.NumberFormat().formatToParts(100000089e-2), It = V1.find((s)
     showLabel: h = !0,
     validationFunction: m,
     className: p
-  } = _, b = I(_, [
+  } = _, f = I(_, [
     "disabled",
     "formatting",
     "hasClearButton",
@@ -3156,10 +3158,10 @@ const V1 = new Intl.NumberFormat().formatToParts(100000089e-2), It = V1.find((s)
     "validationFunction",
     "className"
   ]);
-  const g = "pds-input-formatted", f = n ? `${g}--${n}` : null, v = se([
+  const g = "pds-input-formatted", b = n ? `${g}--${n}` : null, v = se([
     "pds-input-field",
     g,
-    f,
+    b,
     p
   ]), [C, $] = R(""), [w, L] = R(null), [k, z] = R(null), N = se(null), x = se(null), M = se("");
   oe(() => {
@@ -3244,7 +3246,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() }, b), /* @__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(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(
     "input",
     {
       className: "pds-input-field__input",
@@ -3354,8 +3356,8 @@ I1.propTypes = {
    */
   className: t.string
 };
-const S1 = (b) => {
-  var E = b, {
+const S1 = (f) => {
+  var E = f, {
     counterFunction: s = () => {
     },
     disabled: n = !1,
@@ -3383,7 +3385,7 @@ const S1 = (b) => {
     "validationFunction",
     "className"
   ]);
-  const _ = "pds-input-obscured", g = se(["pds-input-field", _, m]), [f, v] = R(r), [C, $] = R(s("")), [w, L] = R(), [k, z] = R(null), [N, x] = R(!1), M = se(null), T = se(null);
+  const _ = "pds-input-obscured", g = se(["pds-input-field", _, m]), [b, v] = R(r), [C, $] = R(s("")), [w, L] = R(), [k, z] = R(null), [N, x] = R(!1), M = se(null), T = se(null);
   oe(() => {
     r && s && $(s(r));
   }, []);
@@ -3404,7 +3406,7 @@ const S1 = (b) => {
       const D = h(O.target.value) || {};
       S(), D.error && (z("error"), g.current.push($e.error)), D.success && (z("success"), g.current.push($e.success)), L(D.message);
     }
-    i && i(f);
+    i && i(b);
   }, F = () => {
     S(), v(""), T.current.value = null, T.current.focus(), s && $(s("")), i && i("");
   }, Z = () => {
@@ -3440,7 +3442,7 @@ const S1 = (b) => {
         name: c,
         required: d,
         disabled: n,
-        value: f,
+        value: b,
         onChange: P,
         onBlur: j,
         ref: T,
@@ -3448,7 +3450,7 @@ const S1 = (b) => {
         "aria-describedby": l || w ? `${c}__message` : null,
         autoComplete: "off"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, C && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, C), f && a && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, C && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, C), b && a && /* @__PURE__ */ e.createElement(
       Mt,
       {
         id: c,
@@ -3571,11 +3573,11 @@ const Tt = 16, rs = 10, T1 = (N) => {
     message: h,
     onChange: m,
     onFocus: p,
-    placeholder: b,
+    placeholder: f,
     readonly: E = !1,
     required: _ = !1,
     showLabel: g = !0,
-    specialFormatting: f,
+    specialFormatting: b,
     specialFormattingValidation: v = !1,
     toggleVisibility: C = !1,
     type: $ = "text",
@@ -3611,10 +3613,10 @@ const Tt = 16, rs = 10, T1 = (N) => {
     "validationMessages",
     "className"
   ]);
-  const [M, T] = R(l), [V, H] = R(n("")), [S, P] = R(), [j, F] = R(null), [Z, B] = R(!1), W = se(null), O = se(null), D = se(null), U = se(null), K = "pds-input-text", ie = f ? `${K}--${f}` : null;
+  const [M, T] = R(l), [V, H] = R(n("")), [S, P] = R(), [j, F] = R(null), [Z, B] = R(!1), W = se(null), O = se(null), D = se(null), U = se(null), K = "pds-input-text", ie = b ? `${K}--${b}` : null;
   let X = null;
-  $ === "search" && (X = "search"), j === "error" && (X = "error"), j === "success" && (X = "success"), f && v && oe(() => {
-    switch (l && T(te(l)), U.numExtra = "", f) {
+  $ === "search" && (X = "search"), j === "error" && (X = "error"), j === "success" && (X = "success"), b && v && oe(() => {
+    switch (l && T(te(l)), U.numExtra = "", b) {
       case "credit-card":
         U.numExtra = 3, U.current = Tt;
         break;
@@ -3624,10 +3626,10 @@ const Tt = 16, rs = 10, T1 = (N) => {
     }
   }, []);
   let be = null;
-  (f === "credit-card" || f === "phone") && U.current && (be = U.current + U.numExtra);
+  (b === "credit-card" || b === "phone") && U.current && (be = U.current + U.numExtra);
   const te = (ne) => {
     if (ne) {
-      if (f === "credit-card") {
+      if (b === "credit-card") {
         const ce = ("" + ne).replace(/\D/g, "");
         if (D.current = ce, ce) {
           if (new RegExp("^34|37", "g").test(ce)) {
@@ -3641,7 +3643,7 @@ const Tt = 16, rs = 10, T1 = (N) => {
         }
         return ce;
       }
-      if (f === "phone") {
+      if (b === "phone") {
         const ce = ("" + ne).replace(/\D/g, "");
         if (D.current = ce, ce) {
           U.numExtra = 4, U.current = rs;
@@ -3663,15 +3665,15 @@ const Tt = 16, rs = 10, T1 = (N) => {
   }, le = (ne) => {
     p && p(ne.target);
   }, ae = (ne) => {
-    f ? m && m({ formattedValue: ne, rawValue: D.current }) : m && m(ne);
+    b ? m && m({ formattedValue: ne, rawValue: D.current }) : m && m(ne);
   }, _e = (ne) => {
-    T(f ? te(ne.target.value) : ne.target.value), de(), n && H(n(f ? D.current : ne.target.value)), ae(ne.target.value);
+    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) => {
     if (C && B(!1), w) {
       const ce = w(ne.target.value) || {};
       de(), ce.error && F("error"), ce.success && F("success"), P(ce.message);
     }
-    f && v && !w && (W.current.checkValidity() === !1 || ne.target.value.length < be ? (F("error"), f === "credit-card" && P(L.creditCardError), f === "phone" && P(L.phoneError)) : F("success")), ae(ne.target.value);
+    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) => {
     var ce;
     (!((ce = O.current) != null && ce.contains(ne.relatedTarget)) || !ne.relatedTarget) && B(!1);
@@ -3691,7 +3693,7 @@ const Tt = 16, rs = 10, T1 = (N) => {
   const pe = () => {
     B((ne) => !ne);
   };
-  C && $ === "password" && (Z ? z.type = "text" : z.type = "password"), f === "phone" && (z.type = "tel");
+  C && $ === "password" && (Z ? z.type = "text" : z.type = "password"), b === "phone" && (z.type = "tel");
   const we = S || h;
   return /* @__PURE__ */ e.createElement(
     Qe,
@@ -3719,7 +3721,7 @@ const Tt = 16, rs = 10, T1 = (N) => {
         type: $,
         id: o,
         name: o,
-        placeholder: b,
+        placeholder: f,
         required: _,
         readOnly: E,
         disabled: a,
@@ -3951,7 +3953,7 @@ const os = [
 ], R1 = (s) => {
   const n = parseInt(_s(s), 16);
   return os[n % os.length];
-}, it = (l) => {
+}, dt = (l) => {
   var i = l, {
     size: s = "md",
     imageSrc: n,
@@ -3970,12 +3972,12 @@ const os = [
     borderRadius: "100%",
     height: "100%",
     width: "100%"
-  }, b = 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` }, b), _ = 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) ? qe(
     a,
     fe(y({}, a.props), {
       className: `${d}__content ${d}__content--link`
     }),
-    b
+    f
   ) : null;
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -3985,7 +3987,7 @@ const os = [
     a ? _ : E
   );
 }, Ot = (s) => s.isSeparator, Rt = (s) => s.isHeading, Dt = (s) => s.isLink, D1 = (s) => s.isNode, Vs = (g) => {
-  var f = g, {
+  var b = g, {
     avatarImageSrc: s,
     disabled: n,
     displayType: a = "icon-end",
@@ -3999,9 +4001,9 @@ const os = [
     testId: h,
     undefinedLabel: m = "Unlabeled group",
     variant: p = "primary",
-    withinNavbar: b,
+    withinNavbar: f,
     className: E
-  } = f, _ = I(f, [
+  } = b, _ = I(b, [
     "avatarImageSrc",
     "disabled",
     "displayType",
@@ -4034,7 +4036,7 @@ const os = [
   let x = !1;
   const M = He(Fe);
   M && (x = M.isMobile);
-  const T = b && 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 = b ? `${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 = 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([]);
   Ks(() => {
     window.addEventListener("mousedown", Ee, !0), k();
     const q = W.current;
@@ -4165,8 +4167,8 @@ const os = [
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: Ve }, q.nodeContent);
     if (Dt(q) || q.label) {
       ae.current.push(Ve), _e.current.push(q);
-      let ft = !1;
-      X !== "" && !q.disabled && (ft = X === Ve);
+      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" });
@@ -4186,7 +4188,7 @@ const os = [
           id: Ve,
           key: Ve,
           "data-testid": q.testId,
-          className: ft ? `${H}__item-focused` : null,
+          className: bt ? `${H}__item-focused` : null,
           role: "menuitem",
           tabIndex: -1,
           onClick: Le,
@@ -4195,7 +4197,7 @@ const os = [
         tt
       );
     }
-  }, pt = (q, re) => {
+  }, ht = (q, re) => {
     const Y = [];
     let ge = re.shift(), me = [];
     return q.map((Ne, Ce) => {
@@ -4207,15 +4209,15 @@ const os = [
       Rt || Ot
     ), ge = Y.length > 0;
     let me = [`${H}__listbox`];
-    if (b && 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 = pt(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, " "), ge) {
+      const Ne = ht(q, Y);
       Ne.forEach(() => {
         le.current.push(Ae());
       });
       let Ce = le.current[0];
       const Ve = Ne[0].findIndex(
         (Me) => !Ot(Me) && !Rt(Me)
-      ), ft = `${B}-group-${Ce}-item-${Ve + 1}`;
+      ), bt = `${B}-group-${Ce}-item-${Ve + 1}`;
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -4224,7 +4226,7 @@ const os = [
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": B,
-          "aria-activedescendant": X !== "" ? X : ft,
+          "aria-activedescendant": X !== "" ? X : bt,
           style: {
             visibility: D ? "visible" : "hidden",
             opacity: D ? "1" : "0",
@@ -4303,7 +4305,7 @@ const os = [
       ref: $
     }
   )), a === "icon-only" && (Je = /* @__PURE__ */ e.createElement(
-    _t,
+    it,
     {
       id: B,
       ariaLabel: l,
@@ -4336,7 +4338,7 @@ const os = [
       onKeyDown: ke,
       ref: $
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${H}__avatar-label` }, /* @__PURE__ */ e.createElement(it, { size: "sm", imageSrc: s || V }), a === "avatar-with-text" && l),
+    /* @__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(
       A,
       {
@@ -4366,7 +4368,7 @@ const os = [
       onClick: he
     },
     a === "avatar" || a === "avatar-with-text" ? /* @__PURE__ */ e.createElement("span", { className: `${H}__avatar-label` }, /* @__PURE__ */ e.createElement(
-      it,
+      dt,
       {
         size: "sm",
         imageSrc: s || V
@@ -4381,15 +4383,15 @@ const os = [
       }
     )
   ));
-  const ht = xe, gt = D ? `${H}--expanded` : null;
+  const gt = xe, ft = D ? `${H}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [H, P, S, gt, E].join(" ").trim().replace(/\s+/g, " "),
+      className: [H, P, S, ft, E].join(" ").trim().replace(/\s+/g, " "),
       "data-testid": h,
       ref: O
     }, _),
-    T ? /* @__PURE__ */ e.createElement(e.Fragment, null, ht, /* @__PURE__ */ e.createElement(ve, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Je, xt(i))
+    T ? /* @__PURE__ */ e.createElement(e.Fragment, null, gt, /* @__PURE__ */ e.createElement(ve, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Je, xt(i))
   );
 };
 Vs.propTypes = {
@@ -4413,7 +4415,7 @@ Vs.propTypes = {
   /**
    * Icon name for icon-only buttons.
    */
-  iconName: mt,
+  iconName: ut,
   /**
    * Optional ID value for this component.
    */
@@ -4818,7 +4820,7 @@ const A1 = /* @__PURE__ */ e.createElement(
     case "sub-brand":
       m = is;
   }
-  const p = e.isValidElement(a) && typeof a.props.children == "string" ? a.props.children : "", b = e.isValidElement(a) ? qe(a, {
+  const p = e.isValidElement(a) && typeof a.props.children == "string" ? a.props.children : "", f = e.isValidElement(a) ? qe(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, {
@@ -4835,7 +4837,7 @@ const A1 = /* @__PURE__ */ e.createElement(
         r != null ? r : ""
       ])
     }, o),
-    a ? b : m,
+    a ? f : m,
     _
   );
 }, q1 = (m) => {
@@ -4862,11 +4864,11 @@ const A1 = /* @__PURE__ */ e.createElement(
     "logoSubBrand",
     "className"
   ]);
-  const [b, E] = R(!1);
+  const [f, E] = R(!1);
   let _ = !1;
   const g = He(Fe);
   g && (_ = g.isMobile);
-  const f = "pds-navbar", v = c ? `${f}--noBorder` : "", C = n !== "default" ? `${f}--${n}` : "", $ = _ ? `${f}--isMobile` : `${f}--notMobile`;
+  const b = "pds-navbar", v = c ? `${b}--noBorder` : "", C = n !== "default" ? `${b}--${n}` : "", $ = _ ? `${b}--isMobile` : `${b}--notMobile`;
   oe(() => (window.addEventListener("keyup", w), () => {
     window.removeEventListener("keyup", w);
   }), []);
@@ -4879,34 +4881,34 @@ const A1 = /* @__PURE__ */ e.createElement(
         break;
     }
     O && (B.stopPropagation(), B.preventDefault());
-  }, L = () => E(!b), k = e.createRef();
+  }, L = () => E(!f), k = e.createRef();
   oe(() => {
     if (_ && s) {
       const B = $s(
         document.querySelector(".pds-navbar__mobile")
       ), W = ["a", "button", "input", "select", "textarea"];
-      b ? B.forEach((O) => {
+      f ? B.forEach((O) => {
         W.includes(O.nodeName.toLowerCase()) && (O.tabIndex = 0);
       }) : B.forEach((O) => {
         W.includes(O.nodeName.toLowerCase()) && (O.tabIndex = -1);
       });
     }
-  }, [b]);
+  }, [f]);
   const z = (B) => {
     B.target.nodeName === "A" && E(!1);
   };
   oe(() => {
-    if (b) {
+    if (f) {
       const B = document.querySelector(".pds-navbar__bar-mobile"), W = document.querySelector(".pds-navbar__mobile");
       return B.addEventListener("click", z), W.addEventListener("click", z), () => {
         B.removeEventListener("click", z), W.removeEventListener("click", z);
       };
     }
-  }, [b]), oe(() => {
+  }, [f]), oe(() => {
     _ ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
   }, [_]), oe(() => {
-    b ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
-  }, [b]);
+    f ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
+  }, [f]);
   const N = {};
   e.Children.forEach(s, (B) => {
     const W = B.props.slot;
@@ -4916,9 +4918,9 @@ const A1 = /* @__PURE__ */ e.createElement(
   let T = "default";
   (n === "reverse" || n === "reverse-transparent") && (T = "reverse");
   const V = l ? l.props.children : "", H = l ? qe(l, {
-    children: /* @__PURE__ */ e.createElement("img", { className: `${f}__custom-logo`, src: i }),
+    children: /* @__PURE__ */ e.createElement("img", { className: `${b}__custom-logo`, src: i }),
     "aria-label": V
-  }) : /* @__PURE__ */ e.createElement("img", { className: `${f}__custom-logo`, src: i, alt: "" }), S = () => o === "custom" ? H : /* @__PURE__ */ e.createElement(
+  }) : /* @__PURE__ */ e.createElement("img", { className: `${b}__custom-logo`, src: i, alt: "" }), S = () => o === "custom" ? H : /* @__PURE__ */ e.createElement(
     Is,
     {
       colorType: T,
@@ -4929,15 +4931,15 @@ const A1 = /* @__PURE__ */ e.createElement(
   ), P = /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${f}__menu-toggle`,
-      "aria-label": b ? "Close navigation area" : "Open navigation area",
+      className: `${b}__menu-toggle`,
+      "aria-label": f ? "Close navigation area" : "Open navigation area",
       onClick: L
     },
-    /* @__PURE__ */ e.createElement(A, { iconName: b ? "xmark" : "bars", iconSize: "lg" })
+    /* @__PURE__ */ e.createElement(A, { iconName: f ? "xmark" : "bars", iconSize: "lg" })
   ), j = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: b ? `${f}__mobile ${f}__mobile--open` : `${f}__mobile ${f}__mobile--closed`,
+      className: f ? `${b}__mobile ${b}__mobile--open` : `${b}__mobile ${b}__mobile--closed`,
       ref: k
     },
     /* @__PURE__ */ e.createElement(nt, null, x, M)
@@ -4949,12 +4951,12 @@ const A1 = /* @__PURE__ */ e.createElement(
         initialFocus: !1
       }
     },
-    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(nt, { className: `${f}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__inner-mobile` }, /* @__PURE__ */ e.createElement(S, null), s && P)), /* @__PURE__ */ e.createElement(nt, null, s && j))
-  ), Z = /* @__PURE__ */ e.createElement(nt, { width: a, className: `${f}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${f}__logo` }, /* @__PURE__ */ e.createElement(S, null)), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, x ? /* @__PURE__ */ e.createElement("div", { className: `${f}__items-left` }, x) : /* @__PURE__ */ e.createElement("span", null), M && /* @__PURE__ */ e.createElement("div", { className: `${f}__items-right` }, M)));
+    /* @__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)));
   return /* @__PURE__ */ e.createElement(
     "header",
     y({
-      className: [f, C, v, $, u].join(" ").trim().replace(/\s+/g, " ")
+      className: [b, C, v, $, u].join(" ").trim().replace(/\s+/g, " ")
     }, h),
     _ ? F : Z
   );
@@ -5021,11 +5023,11 @@ const Ss = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
     open: c,
     onOpenChange: r,
     whileElementsMounted: Pe
-  }), p = rt(m, { event: "mousedown" }), b = Se(m), E = Te(m, { role: "menu" });
+  }), p = rt(m, { event: "mousedown" }), f = Se(m), E = Te(m, { role: "menu" });
   let _;
-  d ? _ = vt(m, {
+  d ? _ = Et(m, {
     enabled: !1
-  }) : _ = vt(m, {
+  }) : _ = Et(m, {
     handleClose: vs({
       requireIntent: !1,
       buffer: 10,
@@ -5033,8 +5035,8 @@ const Ss = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
       enabled: !0
     })
   });
-  const { getReferenceProps: g, getFloatingProps: f } = Oe([
-    b,
+  const { getReferenceProps: g, getFloatingProps: b } = Oe([
+    f,
     E,
     p,
     _
@@ -5052,7 +5054,7 @@ const Ss = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
     y({
       className: `${u}__dropdown`,
       ref: h.setFloating
-    }, f()),
+    }, b()),
     s.map((C, $) => /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -5083,7 +5085,7 @@ const j1 = (l) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [d, u] = R(1025), [h, m] = R(null), [p, b] = R(-1), [E, _] = R(null), [g, f] = R({
+  const [d, u] = R(1025), [h, m] = R(null), [p, f] = R(-1), [E, _] = R(null), [g, b] = R({
     containerChildren: []
   });
   oe(() => (u(window.innerWidth), window.addEventListener("resize", v), () => {
@@ -5106,16 +5108,16 @@ const j1 = (l) => {
   const $ = "pds-nav-menu", w = n !== "default" ? `${$}--${n}` : "", L = C ? `${$}--isMobile` : `${$}--notMobile`, k = se([]), z = (M) => {
     const T = k.current.length - 1, F = {
       ArrowRight: () => {
-        m(-1), b(p === -1 ? 1 : p === T ? 0 : p + 1);
+        m(-1), f(p === -1 ? 1 : p === T ? 0 : p + 1);
       },
       ArrowLeft: () => {
-        m(-1), b(p === 0 ? T : p - 1);
+        m(-1), f(p === 0 ? T : p - 1);
       },
       ArrowDown: () => {
         var W, O, D, U;
         _("down");
         let Z = M.target.parentNode.children[1], B = ((O = (W = M.target) == null ? void 0 : W.parentNode.children[1]) == null ? void 0 : O.children) || ((U = (D = M.target) == null ? void 0 : D.parentNode.parentNode.children[1]) == null ? void 0 : U.children);
-        g.container != Z && Z != null && f({
+        g.container != Z && Z != null && b({
           container: Z,
           containerChildren: [...B]
         }), h === null || h == g.containerChildren.length - 1 ? m(0) : m(parseInt(h) + 1);
@@ -5567,16 +5569,16 @@ const At = {
       ),
       o && /* @__PURE__ */ e.createElement("div", { className: `${m}__summary` }, o)
     ),
-    r && r.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${m}__links` }, r.map((b, E) => {
-      const _ = b.type;
+    r && r.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${m}__links` }, r.map((f, E) => {
+      const _ = f.type;
       return /* @__PURE__ */ e.createElement(
         _,
         y({
           key: E,
           className: `${m}__link`
-        }, b.props),
-        b.props.children,
-        b.props.target === "_blank" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+        }, f.props),
+        f.props.children,
+        f.props.target === "_blank" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
           A,
           {
             iconName: "externalLink",
@@ -5696,7 +5698,7 @@ const Lt = (E) => {
     showLabel: h = !0,
     validationFunction: m,
     className: p
-  } = _, b = I(_, [
+  } = _, f = I(_, [
     "disabled",
     "id",
     "initialValue",
@@ -5711,11 +5713,11 @@ const Lt = (E) => {
     "validationFunction",
     "className"
   ]);
-  const [g, f] = 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({
+  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: f,
+    onOpenChange: b,
     whileElementsMounted: Pe
-  }), H = Te(T, { role: "listbox" }), S = Se(T), P = dt(T, {
+  }), H = Te(T, { role: "listbox" }), S = Se(T), P = mt(T, {
     listRef: x,
     activeIndex: v,
     onNavigate: C,
@@ -5753,7 +5755,7 @@ const Lt = (E) => {
     K(), Q.error && N("error"), Q.success && N("success"), k(Q.message);
   }, X = (ee) => {
     const Q = U[ee];
-    w(Q.value), C(null), f(!1), l && l(Q), m && ie(Q);
+    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(
     Ls,
     fe(y({
@@ -5790,7 +5792,7 @@ const Lt = (E) => {
       required: d,
       showLabel: h,
       validationState: z
-    }, b),
+    }, f),
     /* @__PURE__ */ e.createElement(
       "div",
       y({
@@ -5808,10 +5810,10 @@ const Lt = (E) => {
       }, j({
         "aria-autocomplete": "list",
         disabled: s,
-        onClick: () => s ? null : f(!g),
+        onClick: () => s ? null : b(!g),
         onChange: X,
         onKeyDown: (ee) => {
-          (ee.key === "Enter" || ee.key === " ") && f(!0);
+          (ee.key === "Enter" || ee.key === " ") && b(!0);
         }
       })),
       /* @__PURE__ */ e.createElement("span", null, O($) || u),
@@ -5932,11 +5934,11 @@ const W1 = {
 }, Ke = (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(
-    (g, f) => {
-      o && (g.preventDefault(), o(f));
+    (g, b) => {
+      o && (g.preventDefault(), o(b));
     },
     [o, l]
-  ), { title: m, rel: p, srText: b, icon: E, keyModifier: _ } = W1[n];
+  ), { title: m, rel: p, srText: f, icon: E, keyModifier: _ } = W1[n];
   return /* @__PURE__ */ e.createElement(
     "li",
     y({
@@ -5954,7 +5956,7 @@ const W1 = {
       },
       n === "right" && s ? /* @__PURE__ */ e.createElement("span", null, s) : null,
       /* @__PURE__ */ e.createElement(A, { iconName: E, classes: "pds-page__icon" }),
-      /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b),
+      /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f),
       n === "left" && s ? /* @__PURE__ */ e.createElement("span", null, s) : null
     )
   );
@@ -6147,8 +6149,8 @@ const G1 = (n) => {
     pageDirection: u,
     pages: h
   } = He(ot), m = Gt(
-    (b, E) => {
-      a && (b.preventDefault(), a(E));
+    (f, E) => {
+      a && (f.preventDefault(), a(E));
     },
     [a, c]
   ), [p] = R(h);
@@ -6173,17 +6175,17 @@ const G1 = (n) => {
       "a",
       {
         href: p[p.length - 1].link,
-        onClick: (b) => {
-          m(b, 0), r(0);
+        onClick: (f) => {
+          m(f, 0), r(0);
         }
       },
       "First"
-    )), /* @__PURE__ */ e.createElement(Ke, { direction: "left" })) : null, o.map((b, E) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${E}` }, /* @__PURE__ */ e.createElement(Rs, y({ index: E, page: b }, 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(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(
       "a",
       {
         href: p[p.length - 1].link,
-        onClick: (b) => {
-          m(b, d - 1), r(d - 1);
+        onClick: (f) => {
+          m(f, d - 1), r(d - 1);
         }
       },
       "Last"
@@ -6313,7 +6315,7 @@ const Q1 = {
     a && /* @__PURE__ */ e.createElement("div", { className: `${u}__more-link` }, a)
   );
 }, J1 = (p) => {
-  var b = p, {
+  var f = p, {
     actionPrimary: s,
     actionSecondary: n,
     hasComparisonList: a = !0,
@@ -6328,7 +6330,7 @@ const Q1 = {
     selectLabel: d = "Select a plan size",
     statusBadgeType: u,
     className: h
-  } = b, m = I(b, [
+  } = f, m = I(f, [
     "actionPrimary",
     "actionSecondary",
     "hasComparisonList",
@@ -6341,7 +6343,7 @@ const Q1 = {
     "statusBadgeType",
     "className"
   ]);
-  const E = "pds-pricing-card", _ = `${E}-container`, g = a ? `${_}--with-list` : null, f = u ? `${E}--${u}` : null, v = (H) => H.toLowerCase().replace(/\s/g, "-"), C = l && l.length > 1, [$, w] = R(
+  const E = "pds-pricing-card", _ = `${E}-container`, g = a ? `${_}--with-list` : null, b = u ? `${E}--${u}` : null, v = (H) => H.toLowerCase().replace(/\s/g, "-"), C = l && l.length > 1, [$, w] = R(
     v(l[0].label)
   ), [L, k] = R(
     s.label
@@ -6465,7 +6467,7 @@ const Q1 = {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [E, f].join(" ").trim().replace(/\s+/g, " ")
+        className: [E, b].join(" ").trim().replace(/\s+/g, " ")
       },
       u && /* @__PURE__ */ e.createElement(
         Jt,
@@ -6590,8 +6592,8 @@ const e2 = (m) => {
     "required",
     "className"
   ]);
-  const b = "pds-radio-group", [E, _] = R(a), g = (f) => {
-    _(f.target.value), l && l(f.target.value);
+  const f = "pds-radio-group", [E, _] = R(a), g = (b) => {
+    _(b.target.value), l && l(b.target.value);
   };
   return /* @__PURE__ */ e.createElement(
     Qe,
@@ -6606,10 +6608,10 @@ const e2 = (m) => {
       message: o,
       required: d
     }, h),
-    /* @__PURE__ */ e.createElement("div", { className: [b].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${b}__options` }, i.map((f, v) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: [f].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, i.map((b, v) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${b}__option`,
+        className: `${f}__option`,
         key: `${n}-option-${v}`
       },
       /* @__PURE__ */ e.createElement(
@@ -6618,14 +6620,14 @@ const e2 = (m) => {
           type: "radio",
           id: `${n}-option-${v}`,
           name: n,
-          value: f.value,
+          value: b.value,
           required: d,
-          disabled: s || f.disabled,
+          disabled: s || b.disabled,
           onClick: g,
-          defaultChecked: E === f.value
+          defaultChecked: E === b.value
         }
       ),
-      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${v}` }, f.label)
+      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${v}` }, b.label)
     ))))
   );
 };
@@ -6712,13 +6714,13 @@ const t2 = (u) => {
     "className"
   ]);
   const m = "pds-site-card", p = `${s}`;
-  let b = "";
-  l === "Active" && (b = "success"), l === "Frozen" && (b = "frozen");
+  let f = "";
+  l === "Active" && (f = "success"), l === "Frozen" && (f = "frozen");
   const E = /* @__PURE__ */ e.createElement(
     Jt,
     {
       label: l,
-      statusType: b,
+      statusType: f,
       hasStatusIndicator: !0
     }
   ), _ = c.type;
@@ -6785,13 +6787,13 @@ const s2 = (o) => {
     "legalLinks",
     "className"
   ]);
-  const i = "pds-site-footer", d = s && s !== "default" ? `pds-container pds-container--${s}` : "pds-container", u = (/* @__PURE__ */ new Date()).getFullYear(), h = a.includes("privacy"), m = a.includes("dataSubjectRequest"), p = a.includes("cookiePolicy"), b = a.includes("termsOfUse"), E = a.includes("acceptableUse"), _ = a.includes("accessibilityStatement");
+  const i = "pds-site-footer", d = s && s !== "default" ? `pds-container pds-container--${s}` : "pds-container", u = (/* @__PURE__ */ new Date()).getFullYear(), h = a.includes("privacy"), m = a.includes("dataSubjectRequest"), p = a.includes("cookiePolicy"), f = a.includes("termsOfUse"), E = a.includes("acceptableUse"), _ = a.includes("accessibilityStatement");
   return /* @__PURE__ */ e.createElement(
     "footer",
     y({
       className: [i, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
-    /* @__PURE__ */ e.createElement("div", { className: d }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${i}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__copyright` }, "© ", u, " Pantheon Systems, Inc."), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), m && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), p && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
+    /* @__PURE__ */ e.createElement("div", { className: d }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${i}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__copyright` }, "© ", u, " Pantheon Systems, Inc."), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), m && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), p && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
   );
 };
 s2.propTypes = {
@@ -6905,8 +6907,8 @@ const Pt = {
     "className"
   ]);
   const u = "pds-split-button", h = `${u}--${r}`, m = s[0], p = s.slice(1);
-  let b = null;
-  return m.isLink === !0 ? b = /* @__PURE__ */ e.createElement(
+  let f = null;
+  return m.isLink === !0 ? f = /* @__PURE__ */ e.createElement(
     je,
     {
       className: `${u}__primary-action`,
@@ -6916,7 +6918,7 @@ const Pt = {
       disabled: n,
       linkContent: m.linkContent
     }
-  ) : b = /* @__PURE__ */ e.createElement(
+  ) : f = /* @__PURE__ */ e.createElement(
     Ge,
     {
       className: `${u}__primary-action`,
@@ -6931,7 +6933,7 @@ const Pt = {
     y({
       className: [u, h, o].join(" ").trim().replace(/\s+/g, " ")
     }, l),
-    b,
+    f,
     /* @__PURE__ */ e.createElement(
       Vs,
       {
@@ -7034,10 +7036,10 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
     "size",
     "className"
   ]);
-  const m = s || Ae(), p = "pds-progress-ring", b = r ? `${p}__label` : "visually-hidden", E = `${p}__loading-text ${p}__loading-text--${l}`, _ = (k) => k * 16;
-  let g = _(r2), f = 7;
-  l === "sm" && (g = _(c2), f = f / 1.25), l === "lg" && (g = _(o2), f = f * 1.25);
-  const v = g / 2 - f / 2, C = `${v / 100}rem`, $ = 2 * Math.PI * v, w = $ - $ * c / 100;
+  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;
+  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;
   let L;
   return n ? L = n : o ? L = `${c}%` : L = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -7048,7 +7050,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
         "--ring-stroke-dasharray": $
       }
     }, d),
-    /* @__PURE__ */ e.createElement("div", { id: m, className: b }, a),
+    /* @__PURE__ */ e.createElement("div", { id: m, className: f }, a),
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -7071,7 +7073,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
             cx: g / 2,
             cy: g / 2,
             r: v,
-            strokeWidth: f
+            strokeWidth: b
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -7081,7 +7083,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
             cx: g / 2,
             cy: g / 2,
             r: v,
-            strokeWidth: f,
+            strokeWidth: b,
             strokeDasharray: $,
             strokeDashoffset: w,
             transform: `rotate(-90 ${g / 2} ${g / 2})`
@@ -7117,7 +7119,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
     "translatableLabels",
     "className"
   ]);
-  const l = "pds-stepper", i = "pds-stepper-mobile", d = se(), [u] = kt(d), h = u.width, m = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, p = -40, b = 2, E = 5, _ = s.length, g = s.findLastIndex((C) => C.isCurrent), f = s.map((C, $) => {
+  const l = "pds-stepper", i = "pds-stepper-mobile", d = se(), [u] = kt(d), h = u.width, m = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, p = -40, f = 2, E = 5, _ = s.length, g = s.findLastIndex((C) => C.isCurrent), b = s.map((C, $) => {
     const w = $ + 1, L = $ === g, k = $ < g, z = C.hasError && L, x = (h - _ * m) / (_ + (_ - 2)), M = m + x * 2, T = m + x, V = x + p * -1, H = $ === 0, S = $ === _ - 1;
     let P = M;
     (H || S) && (P = T);
@@ -7215,14 +7217,14 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
       );
     }
   });
-  if (_ >= b && _ <= E)
+  if (_ >= f && _ <= E)
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: [l, a].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": _
       }, c),
-      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: d }, f)
+      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: d }, b)
     ), /* @__PURE__ */ e.createElement(
       "div",
       y({
@@ -7277,22 +7279,22 @@ d2.propTypes = {
 const m2 = (r) => {
   var o = r, { headers: s, rowData: n, className: a } = o, c = I(o, ["headers", "rowData", "className"]);
   const [l] = R(s), [i, d] = R(n), [u, h] = R({ order: "asc", key: "" }), m = (g) => {
-    d(i.sort((f, v) => f[g].localeCompare(v[g]))), h({ order: "desc", key: g });
+    d(i.sort((b, v) => b[g].localeCompare(v[g]))), h({ order: "desc", key: g });
   }, p = (g) => {
-    d(i.sort((f, v) => v[g].localeCompare(f[g]))), h({ order: "asc", key: g });
-  }, b = (g, f) => {
-    h(fe(y({}, u), { key: f })), u.order === "asc" ? m(f) : p(f);
-  }, E = (g, f) => /* @__PURE__ */ e.createElement("tr", { id: f, key: `table-row-${f}` }, g.map((v, C) => /* @__PURE__ */ e.createElement("td", { key: `${f}-cell-${C}` }, /* @__PURE__ */ e.createElement("span", null, v)))), _ = "pds-table";
+    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);
+  }, 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",
     y({
       className: [_, a].join(" ").trim().replace(/\s+/g, " ")
     }, c),
-    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((g, f) => /* @__PURE__ */ e.createElement("th", { key: `header-${f}` }, g.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${_}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((g, b) => /* @__PURE__ */ e.createElement("th", { key: `header-${b}` }, g.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${_}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
       "span",
       {
         className: `${_}__sort-header`,
-        onClick: (v) => b(v, f)
+        onClick: (v) => f(v, b)
       },
       g.title
     ), /* @__PURE__ */ e.createElement(
@@ -7300,24 +7302,24 @@ const m2 = (r) => {
       {
         className: `${_}__sort-button`,
         title: `Sort by ${g.title}`,
-        onClick: (v) => b(v, f)
+        onClick: (v) => f(v, b)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${_}__sort-button-top ${f != u.key && u.key !== "" ? "pds-table__sort-innactive" : u.key == f ? u.order : "asc"}`
+          className: `${_}__sort-button-top ${b != u.key && u.key !== "" ? "pds-table__sort-innactive" : u.key == b ? u.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "caretUp", iconSize: "sm" })
       ),
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${_}__sort-button-bottom ${u.key == f ? u.order : "asc"}`
+          className: `${_}__sort-button-bottom ${u.key == b ? u.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "caretDown", iconSize: "sm" })
       )
     )) : /* @__PURE__ */ e.createElement("span", null, g.title))))),
-    /* @__PURE__ */ e.createElement("tbody", null, i.map((g, f) => E(g, f)))
+    /* @__PURE__ */ e.createElement("tbody", null, i.map((g, b) => E(g, b)))
   ));
 };
 m2.propTypes = {
@@ -7348,7 +7350,7 @@ const u2 = (u) => {
     "sourceID",
     "className"
   ]);
-  const m = "pds-toc", p = `${a}`, b = [
+  const m = "pds-toc", p = `${a}`, f = [
     " ",
     "/",
     ".",
@@ -7373,7 +7375,7 @@ const u2 = (u) => {
         document.querySelectorAll(E)
       );
       M.map((V) => {
-        b.forEach((H) => {
+        f.forEach((H) => {
           V.id.includes(H) && (V.id = V.id.replaceAll(H, "-"));
         });
       }), M.map((V) => {
@@ -7392,7 +7394,7 @@ const u2 = (u) => {
         title: T
       });
     }), x;
-  }, { nestedHeadings: f } = _(), [v, C] = R();
+  }, { nestedHeadings: b } = _(), [v, C] = R();
   ((N) => {
     const x = se({});
     oe(() => {
@@ -7471,7 +7473,7 @@ const u2 = (u) => {
       },
       c
     ),
-    /* @__PURE__ */ e.createElement(z, { headings: f, activeID: v })
+    /* @__PURE__ */ e.createElement(z, { headings: b, activeID: v })
   );
 };
 u2.propTypes = {
@@ -7527,15 +7529,15 @@ const K2 = (d) => {
     "tabs",
     "className"
   ]);
-  const h = "pds-tabs", m = r != "md" ? `${h}--${r}` : "", [p, b] = R(c != null ? c : a);
+  const h = "pds-tabs", m = r != "md" ? `${h}--${r}` : "", [p, f] = R(c != null ? c : a);
   oe(() => {
-    c !== void 0 && b(c);
+    c !== void 0 && f(c);
   }, [c]);
   const E = (v) => {
     const C = v.currentTarget.getAttribute("data-tabnumber");
     if (C) {
       const $ = parseInt(C, 10);
-      b($);
+      f($);
     }
   }, _ = se([]);
   oe(() => {
@@ -7543,10 +7545,10 @@ const K2 = (d) => {
   }, [p, s]), oe(() => {
     const v = _.current.length - 1;
     if (p > v) {
-      b(0);
+      f(0);
       return;
     } else if (p < 0) {
-      b(v);
+      f(v);
       return;
     }
   }, [p]);
@@ -7554,15 +7556,15 @@ const K2 = (d) => {
     const $ = p;
     let w = _.current[C === "next" ? $ + 1 < _.current.length ? $ + 1 : 0 : $ - 1 >= 0 ? $ - 1 : _.current.length - 1];
     w || (w = C == "next" ? _.current[v + 1] == null ? _.current[0] : _.current[v + 1] : _.current[v - 1]), w.focus();
-  }, f = (v) => {
+  }, b = (v) => {
     const C = _.current.length, $ = () => {
-      g((p + 1) % C, "next"), b(p + 1);
+      g((p + 1) % C, "next"), f(p + 1);
     }, w = () => {
-      g((p - 1 + C) % C, "prev"), b(p - 1);
+      g((p - 1 + C) % C, "prev"), f(p - 1);
     }, L = () => {
-      g(0), b(0);
+      g(0), f(0);
     }, k = () => {
-      g(C - 1), b(C - 1);
+      g(C - 1), f(C - 1);
     }, z = () => {
       _.current[p].focus();
     }, x = {
@@ -7597,7 +7599,7 @@ const K2 = (d) => {
           role: "tab",
           id: $,
           onKeyDown: (k) => {
-            k.preventDefault(), f(k);
+            k.preventDefault(), b(k);
           },
           key: w,
           ref: (k) => v ? null : _.current[L] = k,
@@ -7626,7 +7628,7 @@ const K2 = (d) => {
           role: "tab",
           "data-tabnumber": L,
           key: v,
-          onKeyDown: f,
+          onKeyDown: b,
           "aria-disabled": !!$,
           "aria-controls": `tabpanel_${L}`,
           tabIndex: p === L ? 1 : -1,
@@ -7660,7 +7662,7 @@ const K2 = (d) => {
     ))
   ));
 }, p2 = (g) => {
-  var f = g, {
+  var b = g, {
     counterFunction: s = () => {
     },
     disabled: n = !1,
@@ -7675,9 +7677,9 @@ const K2 = (d) => {
     readonly: h = !1,
     required: m = !1,
     rows: p = 5,
-    validationFunction: b,
+    validationFunction: f,
     className: E
-  } = f, _ = I(f, [
+  } = b, _ = I(b, [
     "counterFunction",
     "disabled",
     "id",
@@ -7703,8 +7705,8 @@ const K2 = (d) => {
   }, H = (j) => {
     C(j.target.value), V(), s && w(s(j.target.value)), d && d(v);
   }, S = (j) => {
-    if (b) {
-      const F = b(j.target.value) || {};
+    if (f) {
+      const F = f(j.target.value) || {};
       V(), F.error && N("error"), F.success && N("success"), k(F.message);
     }
     d && d(v);
@@ -8119,8 +8121,8 @@ const b2 = (i) => {
     "onChange",
     "options"
   ]);
-  const u = "pds-toggle-button", h = "pds-is-disabled", m = se([u]), [p, b] = R(a), E = (g) => {
-    b(g.target.value), r && r(g.target.value);
+  const u = "pds-toggle-button", h = "pds-is-disabled", m = se([u]), [p, f] = R(a), E = (g) => {
+    f(g.target.value), r && r(g.target.value);
   };
   if ((() => {
     m.current = m.current.filter((g) => g !== h);
@@ -8132,18 +8134,18 @@ const b2 = (i) => {
         id: n
       }, l),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${u}__options` }, o.map((g, f) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${u}__options` }, o.map((g, b) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${u}__option`,
-          key: `${n}-option-${f}`
+          key: `${n}-option-${b}`
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             className: "visually-hidden",
             type: "radio",
-            id: `${n}-option-${f}`,
+            id: `${n}-option-${b}`,
             name: n,
             value: g.value,
             disabled: s,
@@ -8151,7 +8153,7 @@ const b2 = (i) => {
             defaultChecked: p === g.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${f}` }, g.iconName && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${b}` }, g.iconName && /* @__PURE__ */ e.createElement(
           A,
           {
             iconName: g.iconName,
@@ -8208,8 +8210,8 @@ b2.propTypes = {
    */
   className: t.string
 };
-const v2 = (b) => {
-  var E = b, {
+const v2 = (f) => {
+  var E = f, {
     disabled: s = !1,
     id: n,
     inputWidth: a,
@@ -8236,8 +8238,8 @@ const v2 = (b) => {
     "statusOffLabel",
     "className"
   ]);
-  const _ = "pds-toggle-switch", [g, f] = R(!1), v = (w) => {
-    f(!g), o && o(w.target);
+  const _ = "pds-toggle-switch", [g, b] = R(!1), v = (w) => {
+    b(!g), o && o(w.target);
   };
   let C = g === !0 ? u : h, $;
   return d ? $ = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), /* @__PURE__ */ e.createElement(
@@ -8380,11 +8382,11 @@ const Y2 = () => {
       message: h,
       onBlur: m,
       onChange: p,
-      onClear: b,
+      onClear: f,
       onFocus: E,
       placeholder: _,
       readonly: g = !1,
-      required: f = !1,
+      required: b = !1,
       showLabel: v = !0,
       showVisibilityToggle: C = !1,
       translationStrings: $ = {
@@ -8428,7 +8430,7 @@ const Y2 = () => {
       "value",
       "className"
     ]);
-    const H = Kt(d), S = "pds-text-input", P = c ? ue.disabled : null, j = f && !c ? ue.required : null, F = k === "error" ? ue.error : null, Z = k === "success" ? ue.success : null, B = g ? ue.readonly : null;
+    const H = Kt(d), S = "pds-text-input", P = c ? ue.disabled : null, j = b && !c ? ue.required : null, F = k === "error" ? ue.error : null, Z = k === "success" ? ue.success : null, B = g ? ue.readonly : null;
     let W = null;
     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(
@@ -8438,7 +8440,7 @@ const Y2 = () => {
     }, te = (Q) => {
       D || ie(Q.target.value), p && p(Q);
     }, de = () => {
-      D || ie(""), b && b();
+      D || ie(""), f && f();
       const Q = document.getElementById(l);
       Q && Q.focus();
     }, [le, ae] = R(!1), _e = () => {
@@ -8463,12 +8465,12 @@ const Y2 = () => {
         style: d ? H : null
       }, x),
       /* @__PURE__ */ e.createElement(
-        ut,
+        pt,
         {
           id: l,
           label: u,
           showLabel: v,
-          required: f,
+          required: b,
           disabled: c
         }
       ),
@@ -8485,7 +8487,7 @@ const Y2 = () => {
           placeholder: _,
           readOnly: g,
           disabled: c,
-          required: f,
+          required: b,
           autoComplete: w === "password" ? "off" : s,
           onBlur: be,
           onChange: te,
@@ -8567,15 +8569,15 @@ const Y2 = () => {
     "workspaceList",
     "className"
   ]);
-  const [b, E] = R(!1), [_, g] = R(null), [f, v] = R(d), C = se([]), $ = se(null), w = d.length >= o;
+  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);
   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: b,
+    open: f,
     onOpenChange: E,
     whileElementsMounted: Pe
-  }), P = rt(S, { event: "mousedown" }), j = Se(S), F = Te(S, { role: "menu" }), Z = dt(S, {
+  }), P = rt(S, { event: "mousedown" }), j = Se(S), F = Te(S, { role: "menu" }), Z = mt(S, {
     listRef: C,
     activeIndex: _,
     onNavigate: g,
@@ -8615,7 +8617,7 @@ const Y2 = () => {
   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(
-    it,
+    dt,
     {
       size: "sm",
       uniqueId: K.workspaceId,
@@ -8648,7 +8650,7 @@ const Y2 = () => {
       showLabel: !1,
       type: "search"
     }
-  )), le = f.map(
+  )), 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;
@@ -8674,7 +8676,7 @@ const Y2 = () => {
             onClick: () => E(!1)
           }),
           /* @__PURE__ */ e.createElement("div", { className: `${N}__item-content` }, /* @__PURE__ */ e.createElement(
-            it,
+            dt,
             {
               size: "sm",
               uniqueId: G.workspaceId,
@@ -8876,11 +8878,11 @@ const $2 = (o) => {
     "options",
     "className"
   ]);
-  const h = "pds-segmented-button", m = "pds-is-disabled", p = se([h]), [b, E] = R(a), _ = (f) => {
-    E(f.target.value), r && r(f.target.value);
+  const h = "pds-segmented-button", m = "pds-is-disabled", p = se([h]), [f, E] = R(a), _ = (b) => {
+    E(b.target.value), r && r(b.target.value);
   };
   if ((() => {
-    p.current = p.current.filter((f) => f !== m);
+    p.current = p.current.filter((b) => b !== m);
   })(), s && p.current.push(m), o.length >= 2 && o.length <= 6)
     return /* @__PURE__ */ e.createElement(
       "fieldset",
@@ -8888,7 +8890,7 @@ const $2 = (o) => {
         className: [h, l != null ? l : ""].join(" ").trim().replace(/\s+/g, " ")
       }, i),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((f, v) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((b, v) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${h}__option`,
@@ -8901,27 +8903,27 @@ const $2 = (o) => {
             type: "radio",
             id: `${n}-option-${v}`,
             name: n,
-            value: f.value,
+            value: b.value,
             disabled: s,
             onClick: _,
-            defaultChecked: b === f.value
+            defaultChecked: f === b.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${v}` }, f.tally ? /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${v}` }, b.tally ? /* @__PURE__ */ e.createElement(
           $2,
           {
-            label: f.tally.label,
-            type: f.tally.type,
+            label: b.tally.label,
+            type: b.tally.type,
             className: `${h}__tally`
           }
-        ) : f.iconName && /* @__PURE__ */ e.createElement(
+        ) : b.iconName && /* @__PURE__ */ e.createElement(
           A,
           {
-            iconName: f.iconName,
+            iconName: b.iconName,
             iconSize: "sm",
             className: `${h}__icon`
           }
-        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, f.label))
+        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, b.label))
       )))
     );
 }, y2 = {
@@ -8982,11 +8984,11 @@ const $2 = (o) => {
       nestingLevel: h = 0,
       onBlur: m,
       onChange: p,
-      onFocus: b,
+      onFocus: f,
       required: E,
       showLabel: _ = !0,
       validationMessage: g,
-      validationStatus: f,
+      validationStatus: b,
       value: v,
       className: C
     } = k, $ = I(k, [
@@ -9011,7 +9013,7 @@ const $2 = (o) => {
       "value",
       "className"
     ]);
-    const z = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", x = a ? ue.disabled : null, M = E && !a ? ue.required : null, T = f === "error" ? ue.error : null, V = f === "success" ? ue.success : null, H = h > 0 ? `${N}--indent-${h}` : null, S = g || d, P = typeof s != "undefined", j = typeof n != "undefined", [F, Z] = R(
+    const z = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", x = a ? ue.disabled : null, M = E && !a ? ue.required : null, T = b === "error" ? ue.error : null, V = b === "success" ? ue.success : null, H = h > 0 ? `${N}--indent-${h}` : null, S = g || d, P = typeof s != "undefined", j = typeof n != "undefined", [F, Z] = R(
       j ? n : !1
     ), B = s || F, W = (ie) => {
       P || Z(ie.target.checked), p && p(ie);
@@ -9063,8 +9065,8 @@ const $2 = (o) => {
           required: E,
           onBlur: m,
           onChange: W,
-          onFocus: b,
-          "aria-invalid": f === "error" ? !0 : null,
+          onFocus: f,
+          "aria-invalid": b === "error" ? !0 : null,
           "aria-describedby": S ? `${c}__message` : null
         }), o)
       ), /* @__PURE__ */ e.createElement("label", { htmlFor: c, className: `${N}__label` }, /* @__PURE__ */ e.createElement(
@@ -9096,13 +9098,13 @@ const $2 = (o) => {
           message: S,
           hasValidationMessage: !!g,
           validationMessageHasDecorators: !0,
-          validationStatus: f
+          validationStatus: b
         }
       )
     );
   }
-), J2 = (b) => {
-  var E = b, {
+), J2 = (f) => {
+  var E = f, {
     children: s,
     disabled: n = !1,
     fieldsetProps: a,
@@ -9129,13 +9131,13 @@ const $2 = (o) => {
     "validationStatus",
     "className"
   ]);
-  const _ = r ? { width: `${r / 16}rem` } : null, g = "pds-checkbox-group", f = n ? ue.disabled : null, v = i && !n ? ue.required : null, C = h === "error" ? ue.error : null, $ = h === "success" ? ue.success : null, w = u || l;
+  const _ = r ? { width: `${r / 16}rem` } : null, g = "pds-checkbox-group", b = n ? ue.disabled : null, v = i && !n ? ue.required : null, C = h === "error" ? ue.error : null, $ = h === "success" ? ue.success : null, w = u || l;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
         g,
-        f,
+        b,
         v,
         C,
         $,
@@ -9144,7 +9146,7 @@ const $2 = (o) => {
       style: r ? _ : null
     }, p),
     /* @__PURE__ */ e.createElement("fieldset", y({ className: `${g}__fieldset`, id: c }, a), /* @__PURE__ */ e.createElement(
-      ut,
+      pt,
       {
         disabled: n,
         label: o,
@@ -9180,7 +9182,7 @@ const $2 = (o) => {
     showLabel: h = !0,
     validationMessage: m,
     validationStatus: p,
-    className: b
+    className: f
   } = g, E = I(g, [
     "disabled",
     "fieldsetProps",
@@ -9197,7 +9199,7 @@ const $2 = (o) => {
     "validationStatus",
     "className"
   ]);
-  const f = c ? { width: `${c / 16}rem` } : null, v = "pds-checkbox-group", C = s ? ue.disabled : null, $ = u && !s ? ue.required : null, w = p === "error" ? ue.error : null, L = p === "success" ? ue.success : null, k = m || o;
+  const b = c ? { width: `${c / 16}rem` } : null, v = "pds-checkbox-group", C = s ? ue.disabled : null, $ = u && !s ? ue.required : null, w = p === "error" ? ue.error : null, L = p === "success" ? ue.success : null, k = m || o;
   d.map((V) => {
     V.id || (V.id = V.value);
   });
@@ -9226,12 +9228,12 @@ const $2 = (o) => {
         $,
         w,
         L,
-        b != null ? b : ""
+        f != null ? f : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: c ? f : null
+      style: c ? b : null
     }, E),
     /* @__PURE__ */ e.createElement("fieldset", y({ className: `${v}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
-      ut,
+      pt,
       {
         disabled: s,
         label: r,
@@ -9274,24 +9276,22 @@ const $2 = (o) => {
     "children",
     "className"
   ]);
-  var E, _, g, f;
-  const o = "pds-input-group", l = [], i = ["Button", "IconButton", "ButtonLink"];
-  l.push(s[0]), i.includes(s[1].type.displayName) && l.push(s[1]);
-  const d = (E = s[0].props.id) != null ? E : null, u = (_ = s[0].props.message) != null ? _ : null, h = (g = s[0].props.validationMessage) != null ? g : null, m = (f = s[0].props.validationStatus) != null ? f : null, p = h || u, b = p ? `${o}--has-message` : null;
+  var f, E, _, g;
+  const o = "pds-input-group", l = [s[0], s[1]], i = (f = s[0].props.id) != null ? f : null, d = (E = s[0].props.message) != null ? E : null, u = (_ = s[0].props.validationMessage) != null ? _ : null, h = (g = s[0].props.validationStatus) != null ? g : null, m = u || d, p = m ? `${o}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: J([o, b, n != null ? n : ""])
+      className: J([o, p, n != null ? n : ""])
     }, a),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__inner` }, l),
-    p && /* @__PURE__ */ e.createElement(
+    m && /* @__PURE__ */ e.createElement(
       Xe,
       {
-        id: d,
-        message: p,
-        hasValidationMessage: !!h,
+        id: i,
+        message: m,
+        hasValidationMessage: !!u,
         validationMessageHasDecorators: !1,
-        validationStatus: m
+        validationStatus: h
       }
     )
   );
@@ -9320,7 +9320,7 @@ const $2 = (o) => {
   },
   /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "sm" })
 )), sn = Be(
-  (v, f) => {
+  (v, b) => {
     var C = v, {
       checked: s,
       defaultChecked: n,
@@ -9335,7 +9335,7 @@ const $2 = (o) => {
       onChange: h,
       onLabel: m = "On",
       required: p = !1,
-      showLabel: b = !0,
+      showLabel: f = !0,
       showStatusLabel: E = !0,
       className: _
     } = C, g = I(C, [
@@ -9361,7 +9361,7 @@ const $2 = (o) => {
     }, P = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
       y({
-        ref: f,
+        ref: b,
         id: c,
         name: c,
         type: "checkbox",
@@ -9374,11 +9374,11 @@ 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(
-      ut,
+      pt,
       {
         id: c,
         label: l,
-        showLabel: b,
+        showLabel: f,
         required: p,
         disabled: a,
         className: J([
@@ -9444,14 +9444,14 @@ const $2 = (o) => {
     "title",
     "className"
   ]);
-  const m = "pds-modal", p = o !== "md" ? `${m}--${o}` : null, [b, E] = R(c);
+  const m = "pds-modal", p = o !== "md" ? `${m}--${o}` : null, [f, E] = R(c);
   oe(() => {
     E(c);
   }, [c]), oe(() => {
-    r(b);
-  }, [b]);
-  const { refs: _, context: g, floatingStyles: f } = Ie({
-    open: b,
+    r(f);
+  }, [f]);
+  const { refs: _, context: g, floatingStyles: b } = Ie({
+    open: f,
     onOpenChange: E
   }), v = rt(g), C = Se(g, {
     outsidePressEvent: "mousedown"
@@ -9477,7 +9477,7 @@ const $2 = (o) => {
     Xs,
     {
       lockScroll: !0,
-      style: fe(y({}, f), {
+      style: fe(y({}, b), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)"
@@ -9490,7 +9490,7 @@ const $2 = (o) => {
         "aria-label": s || l
       }, w()), {
         className: [m, p, i].join(" ").trim().replace(/\s+/g, " "),
-        style: fe(y(y({}, f), k), {
+        style: fe(y(y({}, b), k), {
           position: "relative"
         })
       }), d),
@@ -9587,18 +9587,18 @@ const $2 = (o) => {
       },
       N.linkContent
     ))
-  ), [m, p] = R(!1), { refs: b, floatingStyles: E, context: _ } = Ie({
+  ), [m, p] = R(!1), { refs: f, floatingStyles: E, context: _ } = Ie({
     placement: "right-start",
     open: m,
     onOpenChange: p,
     middleware: [yt(12), wt(), Nt()],
     whileElementsMounted: Pe
-  }), g = vt(_, {
+  }), g = Et(_, {
     move: !1,
     handleClose: vs()
-  }), f = fs(_), v = Se(_), C = Te(_, { role: "menu" }), { getReferenceProps: $, getFloatingProps: w } = Oe([
+  }), b = fs(_), v = Se(_), C = Te(_, { role: "menu" }), { getReferenceProps: $, getFloatingProps: w } = Oe([
     g,
-    f,
+    b,
     v,
     C
   ]), L = (k) => {
@@ -9618,7 +9618,7 @@ const $2 = (o) => {
         a ? null : `${i}--collapsed`,
         n ? `${i}--active` : null
       ]),
-      ref: a ? null : b.setReference
+      ref: a ? null : f.setReference
     }, $()),
     o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${i}-wrapper` }, Zt(
       l,
@@ -9641,13 +9641,13 @@ const $2 = (o) => {
       "div",
       y({
         className: `${l}__flyout`,
-        ref: b.setFloating,
+        ref: f.setFloating,
         style: E
       }, w()),
       /* @__PURE__ */ e.createElement("div", { className: `${l}__flyout-heading` }, at(r)),
       h(o, "second-level-flyout")
     )) : /* @__PURE__ */ e.createElement(e.Fragment, null, a ? u : /* @__PURE__ */ e.createElement(
-      Et,
+      _t,
       {
         content: at(r),
         customTrigger: u,
@@ -9671,7 +9671,7 @@ const $2 = (o) => {
     "selectTextFallback",
     "className"
   ]);
-  const i = "pds-dropdown-menu", [d, u] = R(!1), [h, m] = R(null), p = qs(n), b = p ? p.props.children : a, E = /* @__PURE__ */ e.createElement(
+  const i = "pds-dropdown-menu", [d, u] = R(!1), [h, m] = R(null), p = qs(n), f = p ? p.props.children : a, E = /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: "check",
@@ -9692,7 +9692,7 @@ const $2 = (o) => {
       };
     }
   }, [d]);
-  const f = ({
+  const b = ({
     item: S,
     level: P
   }) => fe(y({}, S), {
@@ -9706,20 +9706,20 @@ const $2 = (o) => {
   }), v = (S) => {
     const P = [];
     return S.forEach((j) => {
-      j.links ? (P.push(f({ item: j, level: "top-level" })), j.links.forEach((F) => {
-        F.links ? (P.push(f({ item: F, level: "second-level" })), F.links.forEach((Z) => {
+      j.links ? (P.push(b({ item: j, level: "top-level" })), j.links.forEach((F) => {
+        F.links ? (P.push(b({ item: F, level: "second-level" })), F.links.forEach((Z) => {
           P.push(
-            f({ item: Z, level: "third-level" })
+            b({ item: Z, level: "third-level" })
           );
-        })) : P.push(f({ item: F, level: "second-level" }));
-      })) : P.push(f({ item: j, level: "top-level" }));
+        })) : P.push(b({ item: F, level: "second-level" }));
+      })) : P.push(b({ item: j, level: "top-level" }));
     }), P;
   }, { refs: C, context: $ } = Ie({
     placement: "bottom-start",
     open: d,
     onOpenChange: u,
     whileElementsMounted: Pe
-  }), w = se([]), L = dt($, {
+  }), w = se([]), L = mt($, {
     listRef: w,
     activeIndex: h,
     onNavigate: m,
@@ -9749,7 +9749,7 @@ const $2 = (o) => {
       className: `${i}__trigger`,
       ref: C.setReference
     }, x()),
-    /* @__PURE__ */ e.createElement("span", { className: `${i}__active-label` }, b),
+    /* @__PURE__ */ e.createElement("span", { className: `${i}__active-label` }, f),
     /* @__PURE__ */ e.createElement(
       A,
       {
@@ -9805,23 +9805,23 @@ const $2 = (o) => {
   const h = He(Qt);
   let m = !0;
   h && (m = h.isSidebarExpanded);
-  const p = "pds-dashboard-nav", b = m ? `${p}--expanded` : `${p}--collapsed`, E = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, a.map((f, v) => /* @__PURE__ */ e.createElement(
+  const p = "pds-dashboard-nav", f = m ? `${p}--expanded` : `${p}--collapsed`, E = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, a.map((b, v) => /* @__PURE__ */ e.createElement(
     H2,
     {
       key: v,
-      icon: f.icon,
-      isActive: ye(f),
+      icon: b.icon,
+      isActive: ye(b),
       isSidebarExpanded: m,
       labels: n,
-      linkContent: f.linkContent,
-      links: f.links
+      linkContent: b.linkContent,
+      links: b.links
     }
-  )))), _ = a.map((f) => fe(y({}, f), {
+  )))), _ = a.map((b) => fe(y({}, b), {
     linkContent: Zt(
       p,
-      f.linkContent,
-      f.links,
-      f.icon
+      b.linkContent,
+      b.links,
+      b.icon
     )
   })), g = /* @__PURE__ */ e.createElement(
     es,
@@ -9834,7 +9834,7 @@ const $2 = (o) => {
     "nav",
     y({
       "aria-label": s,
-      className: J([p, b, r])
+      className: J([p, f, r])
     }, o),
     !d && /* @__PURE__ */ e.createElement(
       Is,
@@ -9870,19 +9870,19 @@ const $2 = (o) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const m = "pds-side-nav", [p, b] = R(1025);
-  oe(() => (b(window.innerWidth), window.addEventListener("resize", E), () => {
+  const m = "pds-side-nav", [p, f] = R(1025);
+  oe(() => (f(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
   const E = () => {
-    b(window.innerWidth);
+    f(window.innerWidth);
   }, _ = p <= o, g = ($) => {
     const w = $.target;
     w.classList.toggle(`${m}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${m}__menu--expanded`);
-  }, f = ($, w) => {
+  }, b = ($, w) => {
     const { linkContent: L, links: k } = $, z = `${m}__item`, N = `${m}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -9936,7 +9936,7 @@ const $2 = (o) => {
         L
       )
     );
-  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, r.map(($, w) => f($, w)))), C = /* @__PURE__ */ e.createElement(
+  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, r.map(($, w) => b($, w)))), C = /* @__PURE__ */ e.createElement(
     es,
     {
       headingText: a,
@@ -9975,19 +9975,19 @@ const $2 = (o) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const m = "pds-side-nav-compact", [p, b] = R(1025);
-  oe(() => (b(window.innerWidth), window.addEventListener("resize", E), () => {
+  const m = "pds-side-nav-compact", [p, f] = R(1025);
+  oe(() => (f(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
   const E = () => {
-    b(window.innerWidth);
+    f(window.innerWidth);
   }, _ = p <= o, g = ($) => {
     const w = $.target;
     w.classList.toggle(`${m}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${m}__menu--expanded`);
-  }, f = ($, w) => {
+  }, b = ($, w) => {
     const { linkContent: L, links: k } = $, z = `${m}__item`, N = `${m}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -10080,7 +10080,7 @@ const $2 = (o) => {
         L
       )
     );
-  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, r.map(($, w) => f($, w)))), C = /* @__PURE__ */ e.createElement(
+  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, r.map(($, w) => b($, w)))), C = /* @__PURE__ */ e.createElement(
     es,
     {
       headingText: a,
@@ -10114,17 +10114,17 @@ const $2 = (o) => {
     "withinNavbar",
     "className"
   ]);
-  const [h, m] = R(null), [p, b] = R(!1), E = se([]), _ = se([]);
+  const [h, m] = R(null), [p, f] = R(!1), E = se([]), _ = se([]);
   let g = !1;
-  const f = He(Fe);
-  f && (g = f.isMobile);
+  const b = He(Fe);
+  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: b,
+    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 = dt(z, {
+  }), N = rt(z, { event: "mousedown" }), x = Se(z), M = Te(z, { role: "menu" }), T = se([]), V = mt(z, {
     listRef: T,
     activeIndex: h,
     onNavigate: m,
@@ -10149,7 +10149,7 @@ const $2 = (o) => {
       opacity: 0
     }
   }), Z = /* @__PURE__ */ e.createElement(
-    it,
+    dt,
     {
       size: "sm",
       imageSrc: c,
@@ -10163,7 +10163,7 @@ const $2 = (o) => {
   });
   const O = (te) => {
     const de = E.current.indexOf(te), le = _.current[de];
-    le.linkContent && !le.disabled && (T.current[de].querySelector("a").click(), b(!1)), le.callback && !le.disabled && (le.callback(le), b(!1));
+    le.linkContent && !le.disabled && (T.current[de].querySelector("a").click(), f(!1)), le.callback && !le.disabled && (le.callback(le), f(!1));
   }, D = (te) => {
     te.preventDefault(), te.key === "Enter" && O(te.currentTarget.id);
   }, U = (te) => {
@@ -10271,11 +10271,11 @@ const $2 = (o) => {
   const [u, h] = R(s), m = u.length;
   if (m === 0)
     return null;
-  const p = "pds-banner", b = m > 1 ? `${p}-group--multiple` : null, E = {
+  const p = "pds-banner", f = m > 1 ? `${p}-group--multiple` : null, E = {
     info: `${p}--info`,
     warning: `${p}--warning`,
     critical: `${p}--critical`
-  }, _ = m > 0 ? u[0].type : null, g = _ ? `${p}-group--${_}` : null, f = (k) => ({
+  }, _ = m > 0 ? u[0].type : null, g = _ ? `${p}-group--${_}` : null, b = (k) => ({
     zIndex: Vt - k
   }), v = (k) => k === 0 ? 0 : -1, C = () => {
     const k = document.getElementsByClassName(
@@ -10319,7 +10319,7 @@ const $2 = (o) => {
         className: J([p, E[V]]),
         role: S,
         style: {
-          zIndex: f(z).zIndex
+          zIndex: b(z).zIndex
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
@@ -10347,12 +10347,12 @@ const $2 = (o) => {
       className: J([
         `${p}-group`,
         g,
-        b,
+        f,
         o != null ? o : ""
       ])
     }, l),
     m > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${p}__navigation` }, /* @__PURE__ */ e.createElement(
-      _t,
+      it,
       {
         iconName: "angleLeft",
         size: "lg",
@@ -10361,7 +10361,7 @@ const $2 = (o) => {
         onClick: w
       }
     ), /* @__PURE__ */ e.createElement(
-      _t,
+      it,
       {
         iconName: "angleRight",
         size: "lg",
@@ -10403,7 +10403,7 @@ const $2 = (o) => {
     info: `${d}--info`,
     critical: `${d}--critical`,
     working: `${d}--working`
-  }, h = s ? `${d}--hasTitle` : null, p = ["critical", "warning"].includes(a) ? "alert" : "status", b = `${c[a]}: `;
+  }, h = s ? `${d}--hasTitle` : null, p = ["critical", "warning"].includes(a) ? "alert" : "status", f = `${c[a]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -10416,7 +10416,7 @@ const $2 = (o) => {
         iconName: `${a}` in jt ? jt[a] : jt.info,
         iconSize: "md"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${d}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), s && /* @__PURE__ */ e.createElement("div", { className: `${d}__title` }, s), /* @__PURE__ */ e.createElement("div", { className: `${d}__secondaryText` }, n)))
+    )), /* @__PURE__ */ e.createElement("div", { className: `${d}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), s && /* @__PURE__ */ e.createElement("div", { className: `${d}__title` }, s), /* @__PURE__ */ e.createElement("div", { className: `${d}__secondaryText` }, n)))
   );
 }, Bt = {
   info: "circleInfo",
@@ -10452,16 +10452,16 @@ const $2 = (o) => {
     "typeLabels",
     "className"
   ]);
-  const p = se(null), b = "pds-section-message", E = {
-    error: `${b}--error`,
-    success: `${b}--success`,
-    warning: `${b}--warning`,
-    info: `${b}--info`,
-    critical: `${b}--critical`,
-    discovery: `${b}--discovery`,
-    dismissing: `${b}--dismissing`,
-    dismissed: `${b}--dismissed`
-  }, _ = o ? `${b}--hasTitle` : null, f = ["critical", "warning"].includes(l) ? "alert" : "status", v = `${i[l]}: `, C = () => {
+  const p = se(null), f = "pds-section-message", E = {
+    error: `${f}--error`,
+    success: `${f}--success`,
+    warning: `${f}--warning`,
+    info: `${f}--info`,
+    critical: `${f}--critical`,
+    discovery: `${f}--discovery`,
+    dismissing: `${f}--dismissing`,
+    dismissed: `${f}--dismissed`
+  }, _ = o ? `${f}--hasTitle` : null, b = ["critical", "warning"].includes(l) ? "alert" : "status", v = `${i[l]}: `, C = () => {
     p.current.addEventListener("animationend", $, {
       once: !0
     });
@@ -10475,22 +10475,22 @@ const $2 = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [b, E[l], _, d != null ? d : ""].join(" ").trim().replace(/\s+/g, " "),
+      className: [f, E[l], _, d != null ? d : ""].join(" ").trim().replace(/\s+/g, " "),
       id: n,
       ref: p,
-      role: f
+      role: b
     }, u),
-    /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__icon ${b}__icon-${l}` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__icon ${f}__icon-${l}` }, /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: `${l}` in Bt ? Bt[l] : Bt.info,
         iconSize: "md"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${b}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, v), o && /* @__PURE__ */ e.createElement("div", { className: `${b}__title` }, o), /* @__PURE__ */ e.createElement("div", { className: `${b}__message` }, r))),
+    )), /* @__PURE__ */ e.createElement("div", { className: `${f}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, v), o && /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, o), /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, r))),
     a && /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `${b}__dismiss`,
+        className: `${f}__dismiss`,
         onClick: w,
         "aria-label": s,
         role: "button"
@@ -10521,8 +10521,8 @@ 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 = (b) => {
-  var E = b, {
+}, Ze = 8, us = 14, M2 = 6, pn = (f) => {
+  var E = f, {
     content: s,
     customTrigger: n = !1,
     hasCloseButton: a = !1,
@@ -10558,9 +10558,9 @@ const $2 = (o) => {
   }, [u]), oe(() => {
     h(_);
   }, [_]);
-  const f = typeof n, v = "pds-popover", C = [
+  const b = typeof n, v = "pds-popover", C = [
     `${v}__trigger-custom`,
-    f === "string" ? `${v}__trigger-text` : ""
+    b === "string" ? `${v}__trigger-text` : ""
   ].join(" ").trim().replace(/\s+/g, " "), $ = n ? c : 0, w = se(null), { refs: L, floatingStyles: k, context: z, middlewareData: N } = Ie({
     placement: o,
     open: _,
@@ -10670,7 +10670,7 @@ const $2 = (o) => {
     "size",
     "className"
   ]);
-  const b = n || Ae(), E = "pds-progress-bar", _ = l ? `${E}__label` : "visually-hidden", g = `${E}__track ${E}__track--${d}`, f = o > 100 ? 100 : o;
+  const f = n || Ae(), 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);
@@ -10680,9 +10680,9 @@ const $2 = (o) => {
     "div",
     y({
       className: [E, u].join(" ").trim().replace(/\s+/g, " "),
-      style: { "--bar-percentage": `${f}%` }
+      style: { "--bar-percentage": `${b}%` }
     }, h),
-    /* @__PURE__ */ e.createElement("div", { id: b, className: _ }, a),
+    /* @__PURE__ */ e.createElement("div", { id: f, className: _ }, a),
     ($ || i) && /* @__PURE__ */ e.createElement("div", { className: `${E}__details` }, $ && C, i && /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -10698,8 +10698,8 @@ const $2 = (o) => {
       "div",
       {
         role: "progressbar",
-        "aria-labelledby": b,
-        "aria-valuenow": f,
+        "aria-labelledby": f,
+        "aria-valuenow": b,
         className: g
       },
       /* @__PURE__ */ e.createElement(
@@ -10707,7 +10707,7 @@ const $2 = (o) => {
         {
           className: `${E}__bar`,
           style: {
-            width: `${f}%`,
+            width: `${b}%`,
             backgroundColor: `var(${ps[v]})`
           }
         }
@@ -10814,16 +10814,16 @@ const L2 = (s) => {
     "tagLabel",
     "className"
   ]);
-  const [h, m] = R(!0), p = "pds-tag", b = r ? `${p}--${r}` : `${p}--${L2(o)}`, E = h ? null : "pds-tag--hide", _ = () => {
+  const [h, m] = R(!0), p = "pds-tag", f = r ? `${p}--${r}` : `${p}--${L2(o)}`, E = h ? null : "pds-tag--hide", _ = () => {
     m((C) => !C);
   };
-  let g, f, v;
-  return s && !n && Ut(s) ? (g = s.type, f = s.props.href ? "href" : "to", v = f === "href" ? s.props.href : s.props.to) : (g = "span", f = null, v = null), /* @__PURE__ */ e.createElement(
+  let g, b, v;
+  return s && !n && Ut(s) ? (g = s.type, b = s.props.href ? "href" : "to", v = b === "href" ? s.props.href : s.props.to) : (g = "span", b = null, v = null), /* @__PURE__ */ e.createElement(
     g,
     y({
-      href: f === "href" ? v : null,
-      to: f === "to" ? v : null,
-      className: [p, b, E, l].join(" ").trim().replace(/\s+/g, " ")
+      href: b === "href" ? v : null,
+      to: b === "to" ? v : null,
+      className: [p, f, E, l].join(" ").trim().replace(/\s+/g, " ")
     }, i),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__label`, title: o }, x2(o, 20)),
     n ? /* @__PURE__ */ e.createElement(
@@ -10868,17 +10868,17 @@ const L2 = (s) => {
     "children",
     "className"
   ]);
-  const p = "pds-flex", b = l ? `${p}-gap--${l}` : null, E = a ? `${p}-direction--${a}` : null, _ = c ? `${p}--${c}` : null, g = r ? `${p}-justify--${r}` : null, f = n ? `${p}-align-items--${n}` : null, v = s ? `${p}-align-content--${s}` : null, C = o && o !== "same" ? `${p}-mobile--${o}` : null;
+  const p = "pds-flex", f = l ? `${p}-gap--${l}` : null, E = a ? `${p}-direction--${a}` : null, _ = c ? `${p}--${c}` : null, g = r ? `${p}-justify--${r}` : null, b = n ? `${p}-align-items--${n}` : null, v = s ? `${p}-align-content--${s}` : null, C = o && o !== "same" ? `${p}-mobile--${o}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
         "pds-flex-container",
-        b,
+        f,
         E,
         _,
         g,
-        f,
+        b,
         v,
         C,
         d
@@ -10956,15 +10956,15 @@ const I2 = (i) => {
   oe(() => (h(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
-  const m = "pds-sidebar-layout", p = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, b = `${m}--${a}`, E = () => {
+  const m = "pds-sidebar-layout", p = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, f = `${m}--${a}`, E = () => {
     h(window.innerWidth);
   }, _ = {};
   e.Children.forEach(s, (L) => {
     const k = L.props.slot;
     k && (_[k] ? _[k].push(L) : _[k] = [L]);
   });
-  let g = "pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", f = "pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
-  r === "narrow" && (g = "pds-grid-item--md-9 pds-grid-item--lg-10", f = "pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (g = "pds-grid-item--md-7 pds-grid-item--lg-8", f = "pds-grid-item--md-5 pds-grid-item--lg-4");
+  let g = "pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", b = "pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
+  r === "narrow" && (g = "pds-grid-item--md-9 pds-grid-item--lg-10", b = "pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (g = "pds-grid-item--md-7 pds-grid-item--lg-8", b = "pds-grid-item--md-5 pds-grid-item--lg-4");
   const v = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -10976,7 +10976,7 @@ const I2 = (i) => {
     "div",
     {
       key: "2",
-      className: `${m}__side pds-grid-item pds-grid-item--sm-4 ${f}`
+      className: `${m}__side pds-grid-item pds-grid-item--sm-4 ${b}`
     },
     _.sidebar
   ), $ = u < 641;
@@ -10984,7 +10984,7 @@ const I2 = (i) => {
   return a === "left" && c === "before" && (w = [C, v]), a === "left" && c === "after" && (w = $ ? [v, C] : [C, v]), a === "right" && c === "before" && (w = $ ? [C, v] : [v, C]), a === "right" && c === "after" && (w = [v, C]), /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [m, p, b, o].join(" ").trim().replace(/\s+/g, " ")
+      className: [m, p, f, o].join(" ").trim().replace(/\s+/g, " ")
     }, l),
     w
   );
@@ -11019,8 +11019,8 @@ const S2 = (c) => {
   var r = c, { children: s, className: n } = r, a = I(r, ["children", "className"]);
   const o = {};
   e.Children.forEach(s, (p) => {
-    const b = p.props.slot;
-    b && (o[b] ? o[b].push(p) : o[b] = [p]);
+    const f = p.props.slot;
+    f && (o[f] ? o[f].push(p) : o[f] = [p]);
   });
   const l = o.stepper, i = o.form, d = se(), [u] = kt(d), h = u.width;
   document.documentElement.style.setProperty(
@@ -11116,30 +11116,30 @@ const O2 = (o) => {
     "className"
   ]);
   const i = "pds-two-item-layout", d = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, u = ["pds-grid-item--md-6"], h = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], m = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"];
-  let b, E;
+  let f, E;
   switch (a) {
     case "equal":
-      b = p.concat(u), E = p.concat(u);
+      f = p.concat(u), E = p.concat(u);
       break;
     case "one-third-start":
-      b = p.concat(h), E = p.concat(m);
+      f = p.concat(h), E = p.concat(m);
       break;
     case "one-third-end":
-      b = p.concat(m), E = p.concat(h);
+      f = p.concat(m), E = p.concat(h);
   }
   const _ = {};
   e.Children.forEach(s, (v) => {
     const C = v.props.slot;
     C && (_[C] ? _[C].push(v) : _[C] = [v]);
   });
-  const g = _["first-item"], f = _["second-item"];
+  const g = _["first-item"], b = _["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [i, d, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
-    /* @__PURE__ */ e.createElement("div", { className: b.join(" ").trim() }, g),
-    /* @__PURE__ */ e.createElement("div", { className: E.join(" ").trim() }, f)
+    /* @__PURE__ */ e.createElement("div", { className: f.join(" ").trim() }, g),
+    /* @__PURE__ */ e.createElement("div", { className: E.join(" ").trim() }, b)
   );
 };
 O2.propTypes = {
@@ -11165,7 +11165,7 @@ const vn = ({
   mobileMenuMaxWidth: n = 640
 }) => /* @__PURE__ */ e.createElement(y1, { mobileMenuMaxWidth: n }, s);
 export {
-  it as Avatar,
+  dt as Avatar,
   r1 as AvatarTileList,
   on as Banner,
   u1 as Breadcrumbs,
@@ -11196,7 +11196,7 @@ export {
   vn as GlobalWrapper,
   x1 as Heading,
   A as Icon,
-  _t as IconButton,
+  it as IconButton,
   Ct as IndicatorBadge,
   dn as InlineMessage,
   I1 as InputFormatted,
@@ -11253,7 +11253,7 @@ export {
   f2 as Toaster,
   b2 as ToggleButton,
   v2 as ToggleSwitch,
-  Et as Tooltip,
+  _t as Tooltip,
   O2 as TwoItemLayout,
   rn as UserMenu,
   C2 as WorkspaceSelector,