@pantheon-systems/pds-toolkit-react 1.0.0-dev.176 → 1.0.0-dev.178

package/_dist/index.js

@@ -1,12 +1,12 @@
 import './index.css';var Gs = Object.defineProperty, Ks = Object.defineProperties;
 var Ys = Object.getOwnPropertyDescriptors;
-var Et = Object.getOwnPropertySymbols;
+var _t = Object.getOwnPropertySymbols;
 var ts = Object.prototype.hasOwnProperty, ss = Object.prototype.propertyIsEnumerable;
 var es = (t, n, a) => n in t ? Gs(t, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[n] = a, y = (t, n) => {
   for (var a in n || (n = {}))
     ts.call(n, a) && es(t, a, n[a]);
-  if (Et)
-    for (var a of Et(n))
+  if (_t)
+    for (var a of _t(n))
       ss.call(n, a) && es(t, a, n[a]);
   return t;
 }, fe = (t, n) => Ks(t, Ys(n));
@@ -14,19 +14,19 @@ var S = (t, n) => {
   var a = {};
   for (var c in t)
     ts.call(t, c) && n.indexOf(c) < 0 && (a[c] = t[c]);
-  if (t != null && Et)
-    for (var c of Et(t))
+  if (t != null && _t)
+    for (var c of _t(t))
       n.indexOf(c) < 0 && ss.call(t, c) && (a[c] = t[c]);
   return a;
 };
 import e, { createContext as yt, Children as Xs, isValidElement as Fe, useState as R, useContext as we, forwardRef as Pe, cloneElement as Ke, useEffect as ie, useRef as se, useLayoutEffect as Qs, useCallback as Kt, createRef as Js } from "react";
 import s from "prop-types";
 import { NavLink as hs, MemoryRouter as e1 } from "react-router-dom";
-import { useFloating as Ie, offset as wt, flip as Nt, shift as kt, autoUpdate as qe, useHover as vt, useFocus as gs, useDismiss as Se, useRole as Te, useInteractions as Oe, useId as fs, useListNavigation as pt, useTransitionStyles as Qe, useClick as Je, safePolygon as bs, FloatingOverlay as t1, FloatingFocusManager as _s, arrow as s1, FloatingArrow as n1 } from "@floating-ui/react";
+import { useFloating as Ie, offset as wt, flip as Nt, shift as kt, autoUpdate as qe, useHover as vt, useFocus as gs, useDismiss as Se, useRole as Te, useInteractions as Oe, useId as fs, useListNavigation as pt, useTransitionStyles as Qe, useClick as Je, safePolygon as bs, FloatingOverlay as t1, FloatingFocusManager as Es, arrow as s1, FloatingArrow as n1 } from "@floating-ui/react";
 import { useHotkeys as a1 } from "react-hotkeys-hook";
 import { useMeasure as Ht } from "@reactuses/core";
 import { useFloating as l1, flip as c1 } from "@floating-ui/react-dom";
-import Es from "hash-sum";
+import _s from "hash-sum";
 import { ToastContainer as r1, Slide as o1, cssTransition as i1, toast as ns } from "react-toastify";
 import d1 from "focus-trap-react";
 const m1 = (r) => {
@@ -52,7 +52,7 @@ const m1 = (r) => {
       ].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     n.map((d, h) => {
-      const u = d.linkContent ? d.linkContent.type : "div", p = d.linkContent.props.href ? "href" : "to", f = p === "href" ? d.linkContent.props.href : d.linkContent.props.to, E = d.linkContent.props.target ? "target" : null;
+      const u = d.linkContent ? d.linkContent.type : "div", p = d.linkContent.props.href ? "href" : "to", f = p === "href" ? d.linkContent.props.href : d.linkContent.props.to, _ = d.linkContent.props.target ? "target" : null;
       return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
         u,
         {
@@ -60,7 +60,7 @@ const m1 = (r) => {
           className: `${i}__item`,
           href: p === "href" ? f : null,
           to: p === "to" ? f : null,
-          target: E
+          target: _
         },
         /* @__PURE__ */ e.createElement(
           "div",
@@ -774,16 +774,16 @@ const u1 = {
     "zIndex",
     "className"
   ]);
-  const [f, E] = R(!1), $ = typeof n, g = "pds-tooltip", C = K([
+  const [f, _] = R(!1), $ = typeof n, g = "pds-tooltip", v = K([
     `${g}__trigger-custom`,
     $ === "string" ? `${g}__trigger-text` : null
-  ]), _ = K([
+  ]), E = K([
     `${g}__trigger`,
     `${g}__trigger--${l}`
-  ]), { refs: b, floatingStyles: v, context: w } = Ie({
+  ]), { refs: b, floatingStyles: C, context: w } = Ie({
     placement: c,
     open: f,
-    onOpenChange: E,
+    onOpenChange: _,
     middleware: [wt(a), Nt(), kt()],
     whileElementsMounted: qe
   }), x = vt(w, {
@@ -799,7 +799,7 @@ const u1 = {
   return /* @__PURE__ */ e.createElement("div", y({ className: K([g, d != null ? d : ""]) }, h), n ? /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: C,
+      className: v,
       ref: b.setReference
     }, L()),
     n
@@ -807,7 +807,7 @@ const u1 = {
     "button",
     y({
       "aria-label": r,
-      className: _,
+      className: E,
       ref: b.setReference
     }, L()),
     /* @__PURE__ */ e.createElement(
@@ -823,7 +823,7 @@ const u1 = {
     y({
       className: `${g}__container`,
       ref: b.setFloating,
-      style: fe(y({}, v), { zIndex: m })
+      style: fe(y({}, C), { zIndex: m })
     }, z()),
     t
   ));
@@ -866,8 +866,8 @@ const h1 = (t) => /* @__PURE__ */ e.createElement(hs, { className: "pds-breadcru
         key: `breadcrumb-${g}`
       }
     ) : /* @__PURE__ */ e.createElement(Ge, { crumb: $, key: `breadcrumb-${g}` })
-  ), p = m.length >= 6 ? u : h, f = m[m.length - 2], E = h1(f);
-  return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": t, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", y({ className: "pds-breadcrumbs__item" }, n), p), E);
+  ), p = m.length >= 6 ? u : h, f = m[m.length - 2], _ = h1(f);
+  return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": t, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", y({ className: "pds-breadcrumbs__item" }, n), p), _);
 };
 $s.propTypes = {
   ariaLabel: s.string.isRequired,
@@ -1048,7 +1048,7 @@ const b1 = [
   "wide",
   "x-wide",
   "full"
-]), _1 = s.exact({
+]), E1 = s.exact({
   /**
    * Label for a menu item
    */
@@ -1111,7 +1111,7 @@ const b1 = [
    *  Optional `data-testid` value for this item.
    */
   testId: s.string
-}), E1 = s.exact({
+}), _1 = s.exact({
   /**
    * Is the item a node?
    */
@@ -1277,8 +1277,8 @@ const b1 = [
     c && !n ? /* @__PURE__ */ e.createElement("span", { className: `${d}__label` }, a) : /* @__PURE__ */ e.createElement(Xt, { label: a })
   );
 }, Ye = Pe(
-  (E, f) => {
-    var $ = E, {
+  (_, f) => {
+    var $ = _, {
       ariaLabel: t,
       buttonType: n = "button",
       disabled: a = !1,
@@ -1305,7 +1305,7 @@ const b1 = [
       "variant",
       "className"
     ]);
-    const g = "pds-button", C = d !== "md" ? `${g}--${d}` : null, _ = h !== "primary" ? `${g}--${h}` : null;
+    const g = "pds-button", v = d !== "md" ? `${g}--${d}` : null, E = h !== "primary" ? `${g}--${h}` : null;
     let b;
     switch (d) {
       case "sm":
@@ -1317,7 +1317,7 @@ const b1 = [
       case "lg":
         b = "lg";
     }
-    const v = /* @__PURE__ */ e.createElement(
+    const C = /* @__PURE__ */ e.createElement(
       P,
       {
         key: "icon",
@@ -1327,11 +1327,11 @@ const b1 = [
       }
     );
     let w = [i];
-    return c == "icon-start" && r && w.unshift(v), c == "icon-end" && r && w.push(v), l && (w = [v], t = i), /* @__PURE__ */ e.createElement(
+    return c == "icon-start" && r && w.unshift(C), c == "icon-end" && r && w.push(C), l && (w = [C], t = i), /* @__PURE__ */ e.createElement(
       "button",
       fe(y({}, p), {
         type: n,
-        className: [g, C, _, u].join(" ").trim().replace(/\s+/g, " "),
+        className: [g, v, E, u].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || o,
         "aria-label": t,
         onClick: m,
@@ -1420,7 +1420,7 @@ const rt = (m) => {
     "variant",
     "className"
   ]);
-  const h = "pds-button-link", u = "pds-button", p = r !== "md" ? `${u}--${r}` : null, f = o !== "primary" ? `${u}--${o}` : null, E = K([
+  const h = "pds-button-link", u = "pds-button", p = r !== "md" ? `${u}--${r}` : null, f = o !== "primary" ? `${u}--${o}` : null, _ = K([
     u,
     p,
     f
@@ -1433,22 +1433,22 @@ const rt = (m) => {
       key: a
     }
   );
-  let C = [$];
-  n === "icon-start" && a ? C = [g, $] : n === "icon-end" && a && (C = [$, g]);
-  const _ = Fe(c) ? Ke(c, {
-    className: E,
-    children: C
+  let v = [$];
+  n === "icon-start" && a ? v = [g, $] : n === "icon-end" && a && (v = [$, g]);
+  const E = Fe(c) ? Ke(c, {
+    className: _,
+    children: v
   }) : null;
   return t ? /* @__PURE__ */ e.createElement(
     Ye,
     {
       className: K([h, l != null ? l : ""]),
       disabled: !0,
-      label: C,
+      label: v,
       size: r,
       variant: o
     }
-  ) : /* @__PURE__ */ e.createElement("span", y({ className: K([h, l != null ? l : ""]) }, i), _);
+  ) : /* @__PURE__ */ e.createElement("span", y({ className: K([h, l != null ? l : ""]) }, i), E);
 }, $1 = (h) => {
   var u = h, {
     bodyText: t,
@@ -1471,34 +1471,34 @@ const rt = (m) => {
     "secondaryLink",
     "className"
   ]);
-  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(
+  const p = "pds-card", f = r ? `${p}--clickable` : null, _ = `${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, C = /* @__PURE__ */ e.createElement("div", { className: `${p}__text-elements` }, o && /* @__PURE__ */ e.createElement(
+  ) : /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })) : null, v = /* @__PURE__ */ e.createElement("div", { className: `${p}__text-elements` }, o && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${p}__kicker pds-overline-text pds-overline-text--sm`
     },
     o
-  ), a && /* @__PURE__ */ e.createElement(E, { className: `${p}__heading` }, a), t && /* @__PURE__ */ e.createElement("div", { className: `${p}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, t)), !r && l && /* @__PURE__ */ e.createElement("div", { className: `${p}__links pds-button-group` }, /* @__PURE__ */ e.createElement(rt, { linkContent: l, variant: "primary" }), i && /* @__PURE__ */ e.createElement(rt, { linkContent: i, variant: "secondary" })));
+  ), a && /* @__PURE__ */ e.createElement(_, { className: `${p}__heading` }, a), t && /* @__PURE__ */ e.createElement("div", { className: `${p}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, t)), !r && l && /* @__PURE__ */ e.createElement("div", { className: `${p}__links pds-button-group` }, /* @__PURE__ */ e.createElement(rt, { linkContent: l, variant: "primary" }), i && /* @__PURE__ */ e.createElement(rt, { linkContent: i, variant: "secondary" })));
   return r && l ? /* @__PURE__ */ e.createElement(
     $,
     y({
       className: [p, f, m].join(" ").trim().replace(/\s+/g, " ")
     }, l.props),
     g,
-    C
+    v
   ) : /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [p, f, m].join(" ").trim().replace(/\s+/g, " ")
     }, d),
     g,
-    C
+    v
   );
 };
 $1.propTypes = {
@@ -1562,13 +1562,13 @@ const y1 = (d) => {
     "secondaryLink",
     "className"
   ]);
-  const u = "pds-cta-slice", p = t && t !== "default" ? `${u}--${t}` : null, f = n && n !== "default" ? `pds-container pds-container--${n}` : "pds-container", E = `${a}`;
+  const u = "pds-cta-slice", p = t && t !== "default" ? `${u}--${t}` : null, f = n && n !== "default" ? `pds-container pds-container--${n}` : "pds-container", _ = `${a}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [u, p, i].join(" ").trim().replace(/\s+/g, " ")
     }, m),
-    /* @__PURE__ */ e.createElement("div", { className: f }, c && /* @__PURE__ */ e.createElement(E, { className: `${u}__heading pds-ts-4xl` }, c), r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: f }, c && /* @__PURE__ */ e.createElement(_, { className: `${u}__heading pds-ts-4xl` }, c), r && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${u}__lead-text pds-lead-text pds-lead-text--sm`
@@ -1700,36 +1700,36 @@ const je = yt(null), w1 = ({
     "skiplinkText",
     "className"
   ]);
-  const [f, E] = R(
+  const [f, _] = R(
     a
-  ), { isMobile: $ } = we(je), g = se(), [C] = Ht(g), _ = C.width, b = {
+  ), { isMobile: $ } = we(je), g = se(), [v] = Ht(g), E = v.width, b = {
     isSidebarExpanded: $ ? !0 : f,
     logoLinkContent: r,
-    navbarWidth: _,
+    navbarWidth: E,
     isAdmin: c
-  }, v = "pds-dashboard", w = $ ? `${v}--isMobile` : `${v}--notMobile`, x = $ ? null : f ? `${v}--sidebarExpanded` : `${v}--sidebarCollapsed`, H = f ? `${l}rem` : `${o}rem`, M = {
+  }, C = "pds-dashboard", w = $ ? `${C}--isMobile` : `${C}--notMobile`, x = $ ? null : f ? `${C}--sidebarExpanded` : `${C}--sidebarCollapsed`, H = f ? `${l}rem` : `${o}rem`, M = {
     width: H,
     transition: "width 200ms ease-in-out"
   }, N = $ ? {} : {
     width: `calc(100% - ${H})`,
     transition: "width 200ms ease-in-out"
   }, L = () => {
-    E(!f);
-  }, z = Yt(t), O = z.header, V = z.sidebar, k = z.main, I = z.footer, A = /* @__PURE__ */ e.createElement("aside", { className: `${v}__sidebar` }, V), B = /* @__PURE__ */ e.createElement("aside", { className: `${v}__sidebar`, style: M }, n && /* @__PURE__ */ e.createElement(
+    _(!f);
+  }, z = Yt(t), O = z.header, V = z.sidebar, k = z.main, I = z.footer, A = /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar` }, V), B = /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar`, style: M }, n && /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${v}__sidebar-toggle-button`,
+      className: `${C}__sidebar-toggle-button`,
       onClick: L,
       "aria-expanded": f,
       "aria-label": i
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${v}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(P, { iconName: "angleLeft", iconSize: "sm" }))
-  ), /* @__PURE__ */ e.createElement("div", { className: `${v}__sidebar-inner` }, V));
+    /* @__PURE__ */ e.createElement("span", { className: `${C}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(P, { iconName: "angleLeft", iconSize: "sm" }))
+  ), /* @__PURE__ */ e.createElement("div", { className: `${C}__sidebar-inner` }, V));
   return /* @__PURE__ */ e.createElement(xt.Provider, { value: b }, /* @__PURE__ */ e.createElement(N1, { text: m, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: K([
-        v,
+        C,
         w,
         x,
         "pds-typography--product",
@@ -1742,11 +1742,11 @@ const je = yt(null), w1 = ({
       "div",
       {
         ref: g,
-        className: `${v}__container`,
+        className: `${C}__container`,
         style: N
       },
-      !$ && /* @__PURE__ */ e.createElement("div", { className: `${v}__header` }, O),
-      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${v}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__main-inner` }, k), I && /* @__PURE__ */ e.createElement("footer", { className: `${v}__footer` }, I))
+      !$ && /* @__PURE__ */ e.createElement("div", { className: `${C}__header` }, O),
+      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${C}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__main-inner` }, k), I && /* @__PURE__ */ e.createElement("footer", { className: `${C}__footer` }, I))
     )
   ));
 }, Qt = (i) => {
@@ -1845,13 +1845,13 @@ const k1 = Pe(
       loadingText: u = "Loading results...",
       message: p,
       noResultsText: f = "No results found",
-      onBlur: E,
+      onBlur: _,
       onClear: $,
       onFocus: g,
-      onOptionSelect: C,
-      options: _,
+      onOptionSelect: v,
+      options: E,
       placeholder: b,
-      required: v = !1,
+      required: C = !1,
       showLabel: w = !0,
       validationMessage: x,
       validationStatus: H,
@@ -1883,11 +1883,11 @@ const k1 = Pe(
       "validationStatus",
       "className"
     ]);
-    const V = ht(i), k = "pds-combobox", I = n ? te.disabled : null, A = v && !n ? te.required : null, B = H === "error" ? te.error : null, F = H === "success" ? te.success : null;
+    const V = ht(i), k = "pds-combobox", I = n ? te.disabled : null, A = C && !n ? te.required : null, B = H === "error" ? te.error : null, F = H === "success" ? te.success : null;
     let j = null;
     r && (j = "search"), H === "error" && (j = "error"), H === "success" && (j = "success");
     const Z = x || p, G = (pe) => {
-      const he = _.find((xe) => xe.value === pe);
+      const he = E.find((xe) => xe.value === pe);
       return he ? he.label : "";
     }, [T, D] = R(!1), [W, U] = R(null), [ne, Q] = R(
       t ? G(t) : ""
@@ -1895,14 +1895,14 @@ const k1 = Pe(
       open: T,
       onOpenChange: D,
       whileElementsMounted: qe
-    }), _e = Te(ae, { role: "listbox" }), me = Se(ae), re = pt(ae, {
+    }), Ee = Te(ae, { role: "listbox" }), me = Se(ae), re = pt(ae, {
       listRef: de,
       activeIndex: W,
       onNavigate: U,
       virtual: !0,
       loop: !0,
       allowEscape: !0
-    }), { getReferenceProps: Y, getFloatingProps: Ee, getItemProps: He } = Oe([_e, me, re]), { isMounted: le, styles: ce } = Qe(ae, {
+    }), { getReferenceProps: Y, getFloatingProps: _e, getItemProps: He } = Oe([Ee, me, re]), { isMounted: le, styles: ce } = Qe(ae, {
       duration: {
         open: 300,
         close: 150
@@ -1925,12 +1925,12 @@ const k1 = Pe(
       let he = pe.target.value;
       he.length > 0 && (he = he.trimStart()), Q(he), he ? (U(null), D(!0)) : D(!1);
     }, ve = (pe) => {
-      E && g(pe);
+      _ && g(pe);
     }, Ze = (pe) => {
       g && g(pe);
     }, ft = (pe) => {
       const he = be[pe];
-      Q(he.label), U(null), D(!1), C && C(he);
+      Q(he.label), U(null), D(!1), v && v(he);
     }, It = (pe) => pe.map((xe) => {
       const { label: De, optionDisplay: Re, value: Ae, searchIndex: bt } = xe, q = Ae || De, oe = [De, Ae];
       return bt && oe.push(...bt), {
@@ -1941,7 +1941,7 @@ const k1 = Pe(
       };
     });
     ie(() => {
-      const pe = It(_).filter(
+      const pe = It(E).filter(
         (he) => {
           const xe = he.searchIndex.map(
             (Re) => Re.toLowerCase()
@@ -1950,7 +1950,7 @@ const k1 = Pe(
         }
       );
       J(pe);
-    }, [ne, m, _]);
+    }, [ne, m, E]);
     const tt = be.map((pe, he) => {
       const { label: xe, value: De, optionDisplay: Re } = pe;
       return /* @__PURE__ */ e.createElement(
@@ -1993,7 +1993,7 @@ const k1 = Pe(
           id: l,
           label: d,
           showLabel: w,
-          required: v,
+          required: C,
           disabled: n
         }
       ),
@@ -2004,7 +2004,7 @@ const k1 = Pe(
           ref: L,
           id: l,
           "aria-disabled": n ? !0 : null,
-          "aria-required": v ? !0 : null,
+          "aria-required": C ? !0 : null,
           "aria-invalid": H === "error" ? !0 : null,
           "aria-describedby": Z ? `${l}__message` : null
         },
@@ -2071,7 +2071,7 @@ const k1 = Pe(
         y({
           ref: ee.setFloating,
           className: `${k}__dropdown`
-        }, Ee({
+        }, _e({
           style: {
             zIndex: "var(--pds-z-index-dropdown)"
           }
@@ -2090,8 +2090,8 @@ const k1 = Pe(
       )
     );
   }
-), H1 = (E) => {
-  var $ = E, {
+), H1 = (_) => {
+  var $ = _, {
     disabled: t = !1,
     id: n,
     isLoading: a = !1,
@@ -2124,7 +2124,7 @@ const k1 = Pe(
     "horizontalOffset",
     "className"
   ]);
-  const [g, C] = R(!1), [_, b] = R(null), v = se(null);
+  const [g, v] = R(!1), [E, b] = R(null), C = se(null);
   let w = !1;
   const x = we(je);
   x && (w = x.isMobile);
@@ -2138,19 +2138,19 @@ const k1 = Pe(
     right: `${O + u}rem`,
     width: `${k}rem`
   }, A = "pds-dashboard-search", B = w ? `${A}--isMobile` : null, F = () => {
-    C(!0), setTimeout(() => {
-      v.current.querySelector("input").focus();
+    v(!0), setTimeout(() => {
+      C.current.querySelector("input").focus();
     }, 500);
   }, j = () => {
     setTimeout(() => {
-      C(!1);
+      v(!1);
     }, 150);
   }, Z = (U) => {
     b(U.value), m && m(U);
   };
   ie(() => {
     if (g) {
-      const U = v.current.querySelector("input");
+      const U = C.current.querySelector("input");
       return U.addEventListener("blur", j), () => {
         U.removeEventListener("blur", j);
       };
@@ -2166,11 +2166,11 @@ const k1 = Pe(
   }), T = /* @__PURE__ */ e.createElement(
     k1,
     {
-      ref: v,
+      ref: C,
       disabled: t,
       hasClearButton: !1,
       id: `${n}-combobox`,
-      defaultValue: _,
+      defaultValue: E,
       isLoading: a,
       label: c,
       labelStrings: r,
@@ -2456,8 +2456,8 @@ L1.propTypes = {
   className: s.string
 };
 const gt = Pe(
-  (C, g) => {
-    var _ = C, {
+  (v, g) => {
+    var E = v, {
       children: t,
       decorator: n,
       disabled: a = !1,
@@ -2472,8 +2472,8 @@ const gt = Pe(
       required: u = !1,
       showLabel: p = !0,
       validationState: f,
-      className: E
-    } = _, $ = S(_, [
+      className: _
+    } = E, $ = S(E, [
       "children",
       "decorator",
       "disabled",
@@ -2490,7 +2490,7 @@ const gt = Pe(
       "validationState",
       "className"
     ]);
-    const b = "pds-input-wrapper", v = `${b}--${r}`, w = "pds-input-label", x = `pds-input-field__message pds-input-field__message--${d}`, H = f === "error" ? "pds-has-error" : null, M = f === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, L = h ? "pds-is-readonly" : null, z = u && !a ? "pds-is-required" : null, O = o ? `${o / 16}rem` : null, V = o ? { width: O } : null, k = l ? "fieldset" : "div", I = u && !a ? /* @__PURE__ */ e.createElement(
+    const b = "pds-input-wrapper", C = `${b}--${r}`, w = "pds-input-label", x = `pds-input-field__message pds-input-field__message--${d}`, H = f === "error" ? "pds-has-error" : null, M = f === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, L = h ? "pds-is-readonly" : null, z = u && !a ? "pds-is-required" : null, O = o ? `${o / 16}rem` : null, V = o ? { width: O } : null, k = l ? "fieldset" : "div", I = u && !a ? /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: "asterisk",
@@ -2512,13 +2512,13 @@ const gt = Pe(
       y({
         className: [
           b,
-          v,
+          C,
           N,
           L,
           z,
           H,
           M,
-          E
+          _
         ].join(" ").trim().replace(/\s+/g, " "),
         ref: g,
         style: V
@@ -2634,36 +2634,36 @@ const mt = (u) => {
     "variant",
     "className"
   ]);
-  const f = "pds-icon-button", E = i !== "md" ? `${f}--${i}` : null, $ = m !== "standard" ? `${f}--${m}` : null, g = {
+  const f = "pds-icon-button", _ = i !== "md" ? `${f}--${i}` : null, $ = m !== "standard" ? `${f}--${m}` : null, g = {
     fadeOut: `${f}--fadeOut`,
     hide: `${f}--hide`,
     scaleIn: `${f}--scaleIn`
   };
-  let C, _;
+  let v, E;
   switch (i) {
     case "sm":
-      _ = "md", C = 8;
+      E = "md", v = 8;
       break;
     case "md":
-      _ = "md", C = 10;
+      E = "md", v = 10;
       break;
     case "lg":
-      _ = "xl", C = 12;
+      E = "xl", v = 12;
   }
-  const b = o !== null, v = se(null), w = se(null), x = () => {
-    v.current.classList.add(g.fadeOut), v.current.classList.add(g.hide), w.current.classList.remove(g.hide), w.current.classList.add(g.scaleIn), setTimeout(() => {
-      v.current.classList.remove(
+  const b = o !== null, C = se(null), w = se(null), x = () => {
+    C.current.classList.add(g.fadeOut), C.current.classList.add(g.hide), w.current.classList.remove(g.hide), w.current.classList.add(g.scaleIn), setTimeout(() => {
+      C.current.classList.remove(
         g.fadeOut,
         g.hide
-      ), v.current.classList.add(g.scaleIn), w.current.classList.remove(g.scaleIn), w.current.classList.add(g.hide);
+      ), C.current.classList.add(g.scaleIn), w.current.classList.remove(g.scaleIn), w.current.classList.add(g.hide);
     }, 2e3);
   }, H = () => {
     b && x(), l && l();
-  }, M = b ? /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { ref: v, className: `${f}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+  }, M = b ? /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { ref: C, className: `${f}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: r,
-      iconSize: _,
+      iconSize: E,
       className: `${f}__icon`
     }
   )), /* @__PURE__ */ e.createElement(
@@ -2676,7 +2676,7 @@ const mt = (u) => {
       P,
       {
         iconName: o,
-        iconSize: _,
+        iconSize: E,
         className: `${f}__icon`
       }
     )
@@ -2684,7 +2684,7 @@ const mt = (u) => {
     P,
     {
       iconName: r,
-      iconSize: _,
+      iconSize: E,
       className: `${f}__icon`
     }
   ));
@@ -2692,7 +2692,7 @@ const mt = (u) => {
     "button",
     y({
       "aria-label": t,
-      className: [f, E, $, d].join(" ").trim().replace(/\s+/g, " "),
+      className: [f, _, $, d].join(" ").trim().replace(/\s+/g, " "),
       disabled: a,
       onClick: H,
       type: n,
@@ -2703,7 +2703,7 @@ const mt = (u) => {
       {
         content: t,
         className: `${f}__tooltip`,
-        offsetValue: C,
+        offsetValue: v,
         customTrigger: M
       }
     ) : M
@@ -2726,7 +2726,7 @@ const x1 = ($) => {
     showLabel: u = !0,
     validationFunction: p,
     className: f
-  } = g, E = S(g, [
+  } = g, _ = S(g, [
     "accept",
     "chooseFileLabel",
     "clearButtonLabel",
@@ -2742,20 +2742,20 @@ const x1 = ($) => {
     "validationFunction",
     "className"
   ]);
-  const [C, _] = R(!1), [b, v] = R(), [w, x] = R(null), H = "pds-file-upload", M = C ? `${H}--has-value` : null;
+  const [v, E] = R(!1), [b, C] = R(), [w, x] = R(null), H = "pds-file-upload", M = v ? `${H}--has-value` : null;
   let N = null;
   w === "error" && (N = "error"), w === "success" && (N = "success");
   const L = () => {
-    v(""), x(null);
+    C(""), x(null);
   }, z = (k) => {
     if (p) {
       const I = p(k.target.files) || {};
-      L(), I.error && x("error"), I.success && x("success"), v(I.message);
+      L(), I.error && x("error"), I.success && x("success"), C(I.message);
     }
-    d && d(k.target.files), k.target.files.length > 0 ? _(!0) : _(!1);
+    d && d(k.target.files), k.target.files.length > 0 ? E(!0) : E(!1);
   }, O = () => {
     const k = document.getElementById(o);
-    k.value = "", _(!1), L();
+    k.value = "", E(!1), L();
   }, V = b || i;
   return /* @__PURE__ */ e.createElement(
     gt,
@@ -2771,12 +2771,12 @@ const x1 = ($) => {
       required: h,
       showLabel: u,
       validationState: w
-    }, E),
+    }, _),
     /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: o,
-        className: C ? "visually-hidden" : `${H}__label`
+        className: v ? "visually-hidden" : `${H}__label`
       },
       /* @__PURE__ */ e.createElement(P, { iconName: "paperclip", iconSize: "sm" }),
       n
@@ -2794,7 +2794,7 @@ const x1 = ($) => {
         onChange: z
       }
     ),
-    C && /* @__PURE__ */ e.createElement(
+    v && /* @__PURE__ */ e.createElement(
       mt,
       {
         ariaLabel: a,
@@ -2969,8 +2969,8 @@ I1.propTypes = {
    */
   className: s.string
 };
-const S1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = S1.find((t) => t.type === "decimal").value, Ot = 16, ls = 10, T1 = (E) => {
-  var $ = E, {
+const S1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = S1.find((t) => t.type === "decimal").value, Ot = 16, ls = 10, T1 = (_) => {
+  var $ = _, {
     disabled: t = !1,
     formatting: n,
     hasClearButton: a = !1,
@@ -2999,14 +2999,14 @@ const S1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = S1.find((t)
     "validationFunction",
     "className"
   ]);
-  const g = "pds-input-formatted", C = n ? `${g}--${n}` : null, _ = se([
+  const g = "pds-input-formatted", v = n ? `${g}--${n}` : null, E = se([
     "pds-input-field",
     g,
-    C,
+    v,
     p
-  ]), [b, v] = R(""), [w, x] = R(null), [H, M] = R(null), N = se(null), L = se(null), z = se("");
+  ]), [b, C] = R(""), [w, x] = R(null), [H, M] = R(null), N = se(null), L = se(null), z = se("");
   ie(() => {
-    switch (r && v(Z(r)), z.numExtra = "", n) {
+    switch (r && C(Z(r)), z.numExtra = "", n) {
       case "credit-card":
         z.numExtra = 3, z.current = Ot;
         break;
@@ -3016,11 +3016,11 @@ const S1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = S1.find((t)
     }
   }, []);
   const O = () => {
-    _.current = _.current.filter(
+    E.current = E.current.filter(
       (T) => T !== $e.required && T !== $e.disabled
     );
   }, V = () => {
-    _.current = _.current.filter(
+    E.current = E.current.filter(
       (T) => T !== $e.error && T !== $e.success
     );
   }, k = () => {
@@ -3031,22 +3031,22 @@ const S1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = S1.find((t)
       rawValue: L.current
     });
   }, A = (T) => {
-    v(Z(T.target.value)), k(), I(T.target.value);
+    C(Z(T.target.value)), k(), I(T.target.value);
   }, B = () => {
-    M("error"), _.current.push($e.error);
+    M("error"), E.current.push($e.error);
   }, F = (T) => {
     if (u) {
       const D = u(T.target.value) || {};
-      k(), D.error && B(), D.success && (M("success"), _.current.push($e.success)), x(D.message);
+      k(), D.error && B(), D.success && (M("success"), E.current.push($e.success)), x(D.message);
     } else
       N.current.checkValidity() === !1 || T.target.value.length < z.current + z.numExtra ? (B(), n === "credit-card" && x(
         `Credit card number must have at least ${z.current} digits.`
       ), n === "phone" && x(
         `Phone number must have at least ${z.current} digits.`
-      )) : (n === "credit-card" || n === "phone") && (M("success"), _.current.push($e.success));
+      )) : (n === "credit-card" || n === "phone") && (M("success"), E.current.push($e.success));
     I(T.target.value);
   }, j = () => {
-    k(), v(""), L.current = "", N.current.focus(), I("");
+    k(), C(""), L.current = "", N.current.focus(), I("");
   }, Z = (T) => {
     if (T) {
       if (n === "credit-card") {
@@ -3085,9 +3085,9 @@ const S1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = S1.find((t)
     }
     return T;
   };
-  O(), d && !t && _.current.push($e.required), t && _.current.push($e.disabled);
+  O(), d && !t && E.current.push($e.required), t && E.current.push($e.disabled);
   let G = null;
-  return H === "error" && (G = /* @__PURE__ */ e.createElement(ot, { type: "error" })), H === "success" && (G = /* @__PURE__ */ e.createElement(ot, { type: "success" })), /* @__PURE__ */ e.createElement("div", y({ className: _.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" }, G && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, G), /* @__PURE__ */ e.createElement(
+  return H === "error" && (G = /* @__PURE__ */ e.createElement(ot, { type: "error" })), H === "success" && (G = /* @__PURE__ */ e.createElement(ot, { type: "success" })), /* @__PURE__ */ e.createElement("div", y({ className: E.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" }, G && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, G), /* @__PURE__ */ e.createElement(
     "input",
     {
       className: "pds-input-field__input",
@@ -3198,7 +3198,7 @@ T1.propTypes = {
   className: s.string
 };
 const O1 = (f) => {
-  var E = f, {
+  var _ = f, {
     counterFunction: t = () => {
     },
     disabled: n = !1,
@@ -3212,7 +3212,7 @@ const O1 = (f) => {
     showLabel: d = !0,
     validationFunction: h,
     className: u
-  } = E, p = S(E, [
+  } = _, p = S(_, [
     "counterFunction",
     "disabled",
     "hasClearButton",
@@ -3226,9 +3226,9 @@ const O1 = (f) => {
     "validationFunction",
     "className"
   ]);
-  const $ = "pds-input-obscured", g = se(["pds-input-field", $, u]), [C, _] = R(r), [b, v] = R(t("")), [w, x] = R(), [H, M] = R(null), [N, L] = R(!1), z = se(null), O = se(null);
+  const $ = "pds-input-obscured", g = se(["pds-input-field", $, u]), [v, E] = R(r), [b, C] = R(t("")), [w, x] = R(), [H, M] = R(null), [N, L] = R(!1), z = se(null), O = se(null);
   ie(() => {
-    r && t && v(t(r));
+    r && t && C(t(r));
   }, []);
   const V = () => {
     g.current = g.current.filter(
@@ -3241,15 +3241,15 @@ const O1 = (f) => {
   }, I = () => {
     k(), x(""), M(null);
   }, A = (T) => {
-    _(T.target.value), I(), t && v(t(T.target.value)), i && i(T.target.value);
+    E(T.target.value), I(), t && C(t(T.target.value)), i && i(T.target.value);
   }, B = (T) => {
     if (L(!1), h) {
       const D = h(T.target.value) || {};
       I(), D.error && (M("error"), g.current.push($e.error)), D.success && (M("success"), g.current.push($e.success)), x(D.message);
     }
-    i && i(C);
+    i && i(v);
   }, F = () => {
-    I(), _(""), O.current.value = null, O.current.focus(), t && v(t("")), i && i("");
+    I(), E(""), O.current.value = null, O.current.focus(), t && C(t("")), i && i("");
   }, j = () => {
     L((T) => !T);
   }, Z = (T) => {
@@ -3283,7 +3283,7 @@ const O1 = (f) => {
         name: c,
         required: m,
         disabled: n,
-        value: C,
+        value: v,
         onChange: A,
         onBlur: B,
         ref: O,
@@ -3291,7 +3291,7 @@ const O1 = (f) => {
         "aria-describedby": l || w ? `${c}__message` : null,
         autoComplete: "off"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, b && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, b), C && a && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, b && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, b), v && a && /* @__PURE__ */ e.createElement(
       Vt,
       {
         id: c,
@@ -3415,13 +3415,13 @@ const Dt = 16, cs = 10, D1 = (N) => {
     onChange: u,
     onFocus: p,
     placeholder: f,
-    readonly: E = !1,
+    readonly: _ = !1,
     required: $ = !1,
     showLabel: g = !0,
-    specialFormatting: C,
-    specialFormattingValidation: _ = !1,
+    specialFormatting: v,
+    specialFormattingValidation: E = !1,
     toggleVisibility: b = !1,
-    type: v = "text",
+    type: C = "text",
     validationFunction: w,
     validationMessages: x = {
       creditCardError: "Please enter a valid credit card number.",
@@ -3454,10 +3454,10 @@ const Dt = 16, cs = 10, D1 = (N) => {
     "validationMessages",
     "className"
   ]);
-  const [z, O] = R(l), [V, k] = R(n("")), [I, A] = R(), [B, F] = R(null), [j, Z] = R(!1), G = se(null), T = se(null), D = se(null), W = se(null), U = "pds-input-text", ne = C ? `${U}--${C}` : null;
+  const [z, O] = R(l), [V, k] = R(n("")), [I, A] = R(), [B, F] = R(null), [j, Z] = R(!1), G = se(null), T = se(null), D = se(null), W = se(null), U = "pds-input-text", ne = v ? `${U}--${v}` : null;
   let Q = null;
-  v === "search" && (Q = "search"), B === "error" && (Q = "error"), B === "success" && (Q = "success"), C && _ && ie(() => {
-    switch (l && O(J(l)), W.numExtra = "", C) {
+  C === "search" && (Q = "search"), B === "error" && (Q = "error"), B === "success" && (Q = "success"), v && E && ie(() => {
+    switch (l && O(J(l)), W.numExtra = "", v) {
       case "credit-card":
         W.numExtra = 3, W.current = Dt;
         break;
@@ -3467,10 +3467,10 @@ const Dt = 16, cs = 10, D1 = (N) => {
     }
   }, []);
   let be = null;
-  (C === "credit-card" || C === "phone") && W.current && (be = W.current + W.numExtra);
+  (v === "credit-card" || v === "phone") && W.current && (be = W.current + W.numExtra);
   const J = (le) => {
     if (le) {
-      if (C === "credit-card") {
+      if (v === "credit-card") {
         const ce = ("" + le).replace(/\D/g, "");
         if (D.current = ce, ce) {
           if (new RegExp("^34|37", "g").test(ce)) {
@@ -3484,7 +3484,7 @@ const Dt = 16, cs = 10, D1 = (N) => {
         }
         return ce;
       }
-      if (C === "phone") {
+      if (v === "phone") {
         const ce = ("" + le).replace(/\D/g, "");
         if (D.current = ce, ce) {
           W.numExtra = 4, W.current = cs;
@@ -3506,15 +3506,15 @@ const Dt = 16, cs = 10, D1 = (N) => {
   }, ae = (le) => {
     p && p(le.target);
   }, ee = (le) => {
-    C ? u && u({ formattedValue: le, rawValue: D.current }) : u && u(le);
-  }, _e = (le) => {
-    O(C ? J(le.target.value) : le.target.value), de(), n && k(n(C ? D.current : le.target.value)), ee(le.target.value);
+    v ? u && u({ formattedValue: le, rawValue: D.current }) : u && u(le);
+  }, Ee = (le) => {
+    O(v ? J(le.target.value) : le.target.value), de(), n && k(n(v ? D.current : le.target.value)), ee(le.target.value);
   }, me = (le) => {
     if (b && Z(!1), w) {
       const ce = w(le.target.value) || {};
       de(), ce.error && F("error"), ce.success && F("success"), A(ce.message);
     }
-    C && _ && !w && (G.current.checkValidity() === !1 || le.target.value.length < be ? (F("error"), C === "credit-card" && A(x.creditCardError), C === "phone" && A(x.phoneError)) : F("success")), ee(le.target.value);
+    v && E && !w && (G.current.checkValidity() === !1 || le.target.value.length < be ? (F("error"), v === "credit-card" && A(x.creditCardError), v === "phone" && A(x.phoneError)) : F("success")), ee(le.target.value);
   }, re = (le) => {
     var ce;
     (!((ce = T.current) != null && ce.contains(le.relatedTarget)) || !le.relatedTarget) && Z(!1);
@@ -3522,7 +3522,7 @@ const Dt = 16, cs = 10, D1 = (N) => {
     de(), O(""), D.current = "", G.current.focus(), n && k(n("")), ee("");
   };
   ie(() => {
-    if (v === "search" && r) {
+    if (C === "search" && r) {
       const le = (ce) => {
         ce.key === "/" && (/^(?:input|textarea|select|button)$/i.test(ce.target.tagName) || (ce.preventDefault(), document.getElementById(o).focus()));
       };
@@ -3531,10 +3531,10 @@ const Dt = 16, cs = 10, D1 = (N) => {
       };
     }
   }, []);
-  const Ee = () => {
+  const _e = () => {
     Z((le) => !le);
   };
-  b && v === "password" && (j ? M.type = "text" : M.type = "password"), C === "phone" && (M.type = "tel");
+  b && C === "password" && (j ? M.type = "text" : M.type = "password"), v === "phone" && (M.type = "tel");
   const He = I || h;
   return /* @__PURE__ */ e.createElement(
     gt,
@@ -3549,31 +3549,31 @@ const Dt = 16, cs = 10, D1 = (N) => {
       message: He,
       onBlur: re,
       ref: T,
-      readonly: E,
+      readonly: _,
       required: $,
       showLabel: g,
       validationState: B
     }, M),
-    b && v === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${d.visibilityStatus} ${j ? "visible" : "hidden"}.`),
+    b && C === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${d.visibilityStatus} ${j ? "visible" : "hidden"}.`),
     /* @__PURE__ */ e.createElement(
       "input",
       {
         className: [U, ne].join(" ").trim().replace(/\s+/g, " "),
-        type: v,
+        type: C,
         id: o,
         name: o,
         placeholder: f,
         required: $,
-        readOnly: E,
+        readOnly: _,
         disabled: a,
         value: z,
         onBlur: me,
-        onChange: _e,
+        onChange: Ee,
         onFocus: ae,
         ref: G,
         "aria-invalid": B === "error",
         "aria-describedby": He ? `${o}__message` : null,
-        autoComplete: v === "password" ? "off" : t,
+        autoComplete: C === "password" ? "off" : t,
         maxLength: be,
         minLength: be
       }
@@ -3587,19 +3587,19 @@ const Dt = 16, cs = 10, D1 = (N) => {
         handleClearInput: Y
       }
     ),
-    b && v === "password" && /* @__PURE__ */ e.createElement(
+    b && C === "password" && /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
         className: "pds-input__visibility-toggle",
         title: j ? d.visibilityToggleHide : d.visibilityToggleShow,
         "aria-controls": o,
-        onClick: Ee,
+        onClick: _e,
         onMouseDown: (le) => le.preventDefault()
       },
       /* @__PURE__ */ e.createElement(P, { iconName: j ? "eyeSlash" : "eye" })
     ),
-    !z && r && v === "search" && /* @__PURE__ */ e.createElement(xs, { label: d.searchShortcut })
+    !z && r && C === "search" && /* @__PURE__ */ e.createElement(xs, { label: d.searchShortcut })
   );
 };
 D1.propTypes = {
@@ -3792,7 +3792,7 @@ const rs = [
   "g11",
   "g12"
 ], A1 = (t) => {
-  const n = parseInt(Es(t), 16);
+  const n = parseInt(_s(t), 16);
   return rs[n % rs.length];
 }, ut = (l) => {
   var i = l, {
@@ -3821,7 +3821,7 @@ const rs = [
       className: `${m}__image`,
       alt: ""
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: p }), E = /* @__PURE__ */ e.createElement("span", { className: `${m}__content` }, f), $ = Fe(a) ? Ke(
+  ) : /* @__PURE__ */ e.createElement("span", { style: p }), _ = /* @__PURE__ */ e.createElement("span", { className: `${m}__content` }, f), $ = Fe(a) ? Ke(
     a,
     fe(y({}, a.props), {
       className: `${m}__content ${m}__content--link`
@@ -3833,10 +3833,10 @@ const rs = [
     y({
       className: K([m, d, h, r])
     }, o),
-    a ? $ : E
+    a ? $ : _
   );
 }, Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink, P1 = (t) => t.isNode, Is = (g) => {
-  var C = g, {
+  var v = g, {
     avatarImageSrc: t,
     disabled: n,
     displayType: a = "icon-end",
@@ -3851,8 +3851,8 @@ const rs = [
     undefinedLabel: u = "Unlabeled group",
     variant: p = "primary",
     withinNavbar: f,
-    className: E
-  } = C, $ = S(C, [
+    className: _
+  } = v, $ = S(v, [
     "avatarImageSrc",
     "disabled",
     "displayType",
@@ -3870,9 +3870,9 @@ const rs = [
     "className"
   ]);
   const {
-    x: _,
+    x: E,
     y: b,
-    reference: v,
+    reference: C,
     floating: w,
     strategy: x,
     update: H,
@@ -3885,7 +3885,7 @@ const rs = [
   let L = !1;
   const z = we(je);
   z && (L = z.isMobile);
-  const O = f && L, 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>', k = "pds-menu-button", I = O ? `${k}--isMobile` : null, A = f ? `${k}--navbar` : null, B = We(), [F] = R(`menu-button-${B}`), [j] = R(`menu-listbox-${B}`), Z = r || F, G = N.floating, T = se(null), [D, W] = R(!1), [U, ne] = R(!1), [Q, be] = R(""), [J, de] = R(0), ae = se([]), ee = se([]), _e = se([]);
+  const O = f && L, 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>', k = "pds-menu-button", I = O ? `${k}--isMobile` : null, A = f ? `${k}--navbar` : null, B = We(), [F] = R(`menu-button-${B}`), [j] = R(`menu-listbox-${B}`), Z = r || F, G = N.floating, T = se(null), [D, W] = R(!1), [U, ne] = R(!1), [Q, be] = R(""), [J, de] = R(0), ae = se([]), ee = se([]), Ee = se([]);
   Qs(() => {
     window.addEventListener("mousedown", ve, !0), H();
     const q = G.current;
@@ -3901,23 +3901,23 @@ const rs = [
     W(!0), ne(!0);
   }, Y = () => {
     W(!1), me(void 0, -1), T.current.querySelector(`#${Z}`).focus();
-  }, Ee = (q) => {
+  }, _e = (q) => {
     q = q.toLowerCase();
     let oe = !1;
-    for (let X = J + 1; X < _e.current.length; X++)
-      if (_e.current[X].label.toLowerCase().startsWith(q)) {
+    for (let X = J + 1; X < Ee.current.length; X++)
+      if (Ee.current[X].label.toLowerCase().startsWith(q)) {
         me(ee.current[X], X), oe = !0;
         break;
       }
     if (oe === !1) {
       for (let X = 0; X < J; X++)
-        if (_e.current[X].label.toLowerCase().startsWith(q)) {
+        if (Ee.current[X].label.toLowerCase().startsWith(q)) {
           me(ee.current[X], X);
           break;
         }
     }
   }, He = (q) => {
-    const oe = ee.current.indexOf(q), X = _e.current[oe];
+    const oe = ee.current.indexOf(q), X = Ee.current[oe];
     if (X.callback && !X.disabled && X.callback(X), X.linkContent && !X.disabled) {
       const ge = T.current.querySelector(`#${q} a`);
       ge && ge.click();
@@ -3957,7 +3957,7 @@ const rs = [
     }
     if (!(q.ctrlKey || q.altKey || q.metaKey)) {
       if (q.shiftKey)
-        Ne(oe) && (Ee(oe), X = !0), q.key === "Tab" && (Y(), X = !0);
+        Ne(oe) && (_e(oe), X = !0), q.key === "Tab" && (Y(), X = !0);
       else
         switch (oe) {
           case " ":
@@ -3990,7 +3990,7 @@ const rs = [
             Y();
             break;
           default:
-            Ne(oe) && (Ee(oe), X = !0);
+            Ne(oe) && (_e(oe), X = !0);
             break;
         }
       X && (q.stopPropagation(), q.preventDefault());
@@ -4015,9 +4015,9 @@ const rs = [
     if (P1(q))
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: Ve }, q.nodeContent);
     if (Pt(q) || q.label) {
-      ee.current.push(Ve), _e.current.push(q);
-      let _t = !1;
-      Q !== "" && !q.disabled && (_t = Q === Ve);
+      ee.current.push(Ve), Ee.current.push(q);
+      let Et = !1;
+      Q !== "" && !q.disabled && (Et = Q === Ve);
       let Me;
       if (q.label && (Me = [q.label]), Pt(q) && (Me = [q.linkContent.props.children]), q.iconName) {
         const at = /* @__PURE__ */ e.createElement(P, { key: `icon-${B}`, iconName: q.iconName, iconSize: "md" });
@@ -4037,7 +4037,7 @@ const rs = [
           id: Ve,
           key: Ve,
           "data-testid": q.testId,
-          className: _t ? `${k}__item-focused` : null,
+          className: Et ? `${k}__item-focused` : null,
           role: "menuitem",
           tabIndex: -1,
           onClick: Le,
@@ -4053,7 +4053,7 @@ const rs = [
       Ne !== ge ? (ue.push(Ne), Ce + 1 === q.length && X.push(ue)) : (X.push(ue), ue = [], ue.push(Ne), ge = oe.shift());
     }), X.filter((Ne) => Ne.length > 0);
   }, It = (q) => {
-    ee.current = [], _e.current = [];
+    ee.current = [], Ee.current = [];
     const oe = q, X = q.filter(
       At || Rt
     ), ge = X.length > 0;
@@ -4066,7 +4066,7 @@ const rs = [
       let Ce = ae.current[0];
       const Ve = Ne[0].findIndex(
         (Me) => !Rt(Me) && !At(Me)
-      ), _t = `${Z}-group-${Ce}-item-${Ve + 1}`;
+      ), Et = `${Z}-group-${Ce}-item-${Ve + 1}`;
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -4075,13 +4075,13 @@ const rs = [
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": Z,
-          "aria-activedescendant": Q !== "" ? Q : _t,
+          "aria-activedescendant": Q !== "" ? Q : Et,
           style: {
             visibility: D ? "visible" : "hidden",
             opacity: D ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: x,
-            transform: `translate(${Math.round(_)}px,${Math.round(b)}px)`,
+            transform: `translate(${Math.round(E)}px,${Math.round(b)}px)`,
             zIndex: "var(--pds-z-index-dropdown)"
           },
           onKeyDown: ze,
@@ -4123,7 +4123,7 @@ const rs = [
             opacity: D ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: x,
-            transform: `translate(${Math.round(_)}px,${Math.round(b)}px)`
+            transform: `translate(${Math.round(E)}px,${Math.round(b)}px)`
           },
           onKeyDown: ze,
           ref: w
@@ -4151,7 +4151,7 @@ const rs = [
       "aria-expanded": D,
       onClick: ce,
       onKeyDown: ke,
-      ref: v
+      ref: C
     }
   )), a === "icon-only" && (tt = /* @__PURE__ */ e.createElement(
     mt,
@@ -4169,7 +4169,7 @@ const rs = [
       "aria-expanded": D,
       onClick: ce,
       onKeyDown: ke,
-      ref: v,
+      ref: C,
       hasTooltip: !1
     }
   )), (a === "avatar" || a === "avatar-with-text") && (tt = /* @__PURE__ */ e.createElement(
@@ -4185,7 +4185,7 @@ const rs = [
       "aria-expanded": D,
       onClick: ce,
       onKeyDown: ke,
-      ref: v
+      ref: C
     },
     /* @__PURE__ */ e.createElement("span", { className: `${k}__avatar-label` }, /* @__PURE__ */ e.createElement(ut, { size: "sm", imageSrc: t || V }), a === "avatar-with-text" && l),
     /* @__PURE__ */ e.createElement(
@@ -4236,7 +4236,7 @@ const rs = [
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [k, A, I, bt, E].join(" ").trim().replace(/\s+/g, " "),
+      className: [k, A, I, bt, _].join(" ").trim().replace(/\s+/g, " "),
       "data-testid": h,
       ref: T
     }, $),
@@ -4282,10 +4282,10 @@ Is.propTypes = {
    */
   menuItems: s.arrayOf(
     s.oneOfType([
-      _1,
+      E1,
       ws,
       Ns,
-      E1,
+      _1,
       v1
     ])
   ),
@@ -4330,7 +4330,7 @@ const Ss = ({ items: t, label: n, mobileMenuMaxWidth: a = 640 }) => {
     open: c,
     onOpenChange: r,
     whileElementsMounted: qe
-  }), p = Je(u, { event: "mousedown" }), f = Se(u), E = Te(u, { role: "menu" });
+  }), p = Je(u, { event: "mousedown" }), f = Se(u), _ = Te(u, { role: "menu" });
   let $;
   m ? $ = vt(u, {
     enabled: !1
@@ -4342,12 +4342,12 @@ const Ss = ({ items: t, label: n, mobileMenuMaxWidth: a = 640 }) => {
       enabled: !0
     })
   });
-  const { getReferenceProps: g, getFloatingProps: C } = Oe([
+  const { getReferenceProps: g, getFloatingProps: v } = Oe([
     f,
-    E,
+    _,
     p,
     $
-  ]), _ = (b) => !!(b.isActive || b.linkContent && b.linkContent.props.className && b.linkContent.props.className.includes("pds-isActive"));
+  ]), E = (b) => !!(b.isActive || b.linkContent && b.linkContent.props.className && b.linkContent.props.className.includes("pds-isActive"));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
@@ -4361,13 +4361,13 @@ const Ss = ({ items: t, label: n, mobileMenuMaxWidth: a = 640 }) => {
     y({
       className: `${d}__dropdown`,
       ref: h.setFloating
-    }, C()),
-    t.map((b, v) => /* @__PURE__ */ e.createElement(
+    }, v()),
+    t.map((b, C) => /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: v,
+        key: C,
         role: b.isSeparator ? "separator" : "menuitem",
-        className: `${d}__item ${b.isSeparator ? `${d}__dropdown--separator` : `${d}__item--second-level`} ${_(b) ? `${d}__item--active` : null}`
+        className: `${d}__item ${b.isSeparator ? `${d}__dropdown--separator` : `${d}__item--second-level`} ${E(b) ? `${d}__item--active` : null}`
       },
       !b.isSeparator && b.linkContent
     ))
@@ -4392,27 +4392,27 @@ const q1 = (l) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [m, d] = R(1025), [h, u] = R(null), [p, f] = R(-1), [E, $] = R(null), [g, C] = R({
+  const [m, d] = R(1025), [h, u] = R(null), [p, f] = R(-1), [_, $] = R(null), [g, v] = R({
     containerChildren: []
   });
-  ie(() => (d(window.innerWidth), window.addEventListener("resize", _), () => {
-    window.removeEventListener("resize", _);
+  ie(() => (d(window.innerWidth), window.addEventListener("resize", E), () => {
+    window.removeEventListener("resize", E);
   }), []);
-  const _ = () => {
+  const E = () => {
     d(window.innerWidth);
   }, b = m <= c;
   ie(() => {
     g.containerChildren[h] && (g.containerChildren[h].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && E == "down" ? u(h + 1) : g.containerChildren[h].classList.contains(
+    ) && _ == "down" ? u(h + 1) : g.containerChildren[h].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && E == "up" ? u(h - 1) : g.containerChildren[h].children[0].focus());
+    ) && _ == "up" ? u(h - 1) : g.containerChildren[h].children[0].focus());
   }, [h]), ie(() => {
     p != -1 && (H.current[p].children[0].blur(), H.current[p].children[0].focus({
       focusVisible: !0
     }));
   }, [p]);
-  const v = "pds-nav-menu", w = n !== "default" ? `${v}--${n}` : "", x = b ? `${v}--isMobile` : `${v}--notMobile`, H = se([]), M = (z) => {
+  const C = "pds-nav-menu", w = n !== "default" ? `${C}--${n}` : "", x = b ? `${C}--isMobile` : `${C}--notMobile`, H = se([]), M = (z) => {
     const O = H.current.length - 1, F = {
       ArrowRight: () => {
         u(-1), f(p === -1 ? 1 : p === O ? 0 : p + 1);
@@ -4424,7 +4424,7 @@ const q1 = (l) => {
         var G, T, D, W;
         $("down");
         let j = z.target.parentNode.children[1], Z = ((T = (G = z.target) == null ? void 0 : G.parentNode.children[1]) == null ? void 0 : T.children) || ((W = (D = z.target) == null ? void 0 : D.parentNode.parentNode.children[1]) == null ? void 0 : W.children);
-        g.container != j && j != null && C({
+        g.container != j && j != null && v({
           container: j,
           containerChildren: [...Z]
         }), h === null || h == g.containerChildren.length - 1 ? u(0) : u(parseInt(h) + 1);
@@ -4454,7 +4454,7 @@ const q1 = (l) => {
           key: `${O}-dropdown`,
           id: k,
           ref: (I) => H.current[O] = I,
-          className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${N(z) === !0 ? `${v}__item--active` : ""}`
+          className: `${C}__item ${C}__item--top-level ${C}__item--has-children ${N(z) === !0 ? `${C}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
           Ss,
@@ -4472,7 +4472,7 @@ const q1 = (l) => {
           key: O,
           id: k,
           ref: (I) => H.current[O] = I,
-          className: `${v}__item ${v}__item--top-level ${v}__item--has-link ${N(z) === !0 ? `${v}__item--active` : ""}`
+          className: `${C}__item ${C}__item--top-level ${C}__item--has-link ${N(z) === !0 ? `${C}__item--active` : ""}`
         },
         z.linkContent
       )
@@ -4480,13 +4480,13 @@ const q1 = (l) => {
   }), /* @__PURE__ */ e.createElement(
     "nav",
     y({
-      className: [v, w, x, r].join(" ").trim().replace(/\s+/g, " "),
+      className: [C, w, x, r].join(" ").trim().replace(/\s+/g, " "),
       "aria-label": t,
       onKeyDown: (z) => {
         M(z);
       }
     }, o),
-    /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, L)
+    /* @__PURE__ */ e.createElement("ul", { className: `${C}__menu` }, L)
   );
 };
 q1.propTypes = {
@@ -4876,12 +4876,12 @@ const qt = {
       ),
       o && /* @__PURE__ */ e.createElement("div", { className: `${u}__summary` }, o)
     ),
-    r && r.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${u}__links` }, r.map((f, E) => {
+    r && r.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${u}__links` }, r.map((f, _) => {
       const $ = f.type;
       return /* @__PURE__ */ e.createElement(
         $,
         y({
-          key: E,
+          key: _,
           className: `${u}__link`
         }, f.props),
         f.props.children,
@@ -4990,8 +4990,8 @@ Os.propTypes = {
   pages: s.arrayOf(s.shape({ link: s.string })).isRequired,
   headingId: s.string
 };
-const Ds = (C) => {
-  var _ = C, {
+const Ds = (v) => {
+  var E = v, {
     defaultValue: t,
     disabled: n,
     id: a,
@@ -5009,9 +5009,9 @@ const Ds = (C) => {
     required: u = !1,
     showLabel: p = !0,
     validationMessage: f,
-    validationStatus: E,
+    validationStatus: _,
     className: $
-  } = _, g = S(_, [
+  } = E, g = S(E, [
     "defaultValue",
     "disabled",
     "id",
@@ -5029,14 +5029,14 @@ const Ds = (C) => {
     "validationStatus",
     "className"
   ]);
-  var _e;
+  var Ee;
   const b = h.findIndex(
     (me) => me.value === t
-  ), [v, w] = R(!1), [x, H] = R(null), [M, N] = R(b != null ? b : null), L = "pds-select", z = n ? te.disabled : null, O = u && !n ? te.required : null, V = E === "error" ? te.error : null, k = E === "success" ? te.success : null;
+  ), [C, w] = R(!1), [x, H] = R(null), [M, N] = R(b != null ? b : null), L = "pds-select", z = n ? te.disabled : null, O = u && !n ? te.required : null, V = _ === "error" ? te.error : null, k = _ === "success" ? te.success : null;
   let I = null;
-  E === "error" && (I = "error"), E === "success" && (I = "success");
+  _ === "error" && (I = "error"), _ === "success" && (I = "success");
   const A = ht(c), B = f || l, F = se([]), { context: j, refs: Z } = Ie({
-    open: v,
+    open: C,
     onOpenChange: w,
     whileElementsMounted: qe
   }), G = Je(j, {
@@ -5067,7 +5067,7 @@ const Ds = (C) => {
   }), de = (me) => {
     const re = h[me];
     N(me), w(!1), d && d(re);
-  }, ae = M !== null ? (_e = h[M]) == null ? void 0 : _e.label : void 0, ee = h.map((me, re) => /* @__PURE__ */ e.createElement(
+  }, ae = M !== null ? (Ee = h[M]) == null ? void 0 : Ee.label : void 0, ee = h.map((me, re) => /* @__PURE__ */ e.createElement(
     Ms,
     y({
       key: re,
@@ -5145,7 +5145,7 @@ const Ds = (C) => {
         message: B,
         hasValidationMessage: !!f,
         validationMessageHasDecorators: !1,
-        validationStatus: E
+        validationStatus: _
       }
     )
   );
@@ -5167,11 +5167,11 @@ const Ds = (C) => {
 }, Xe = (c) => {
   var r = c, { arrowText: t = null, direction: n } = r, a = S(r, ["arrowText", "direction"]);
   const { buttonCallback: o, currentKey: l, setCurrentKey: i, setDirection: m, pages: d } = we(it), h = Kt(
-    (g, C) => {
-      o && (g.preventDefault(), o(C));
+    (g, v) => {
+      o && (g.preventDefault(), o(v));
     },
     [o, l]
-  ), { title: u, rel: p, srText: f, icon: E, keyModifier: $ } = F1[n];
+  ), { title: u, rel: p, srText: f, icon: _, keyModifier: $ } = F1[n];
   return /* @__PURE__ */ e.createElement(
     "li",
     y({
@@ -5188,7 +5188,7 @@ const Ds = (C) => {
         }
       },
       n === "right" && t ? /* @__PURE__ */ e.createElement("span", null, t) : null,
-      /* @__PURE__ */ e.createElement(P, { iconName: E, classes: "pds-page__icon" }),
+      /* @__PURE__ */ e.createElement(P, { iconName: _, classes: "pds-page__icon" }),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f),
       n === "left" && t ? /* @__PURE__ */ e.createElement("span", null, t) : null
     )
@@ -5382,8 +5382,8 @@ const U1 = (n) => {
     pageDirection: d,
     pages: h
   } = we(it), u = Kt(
-    (f, E) => {
-      a && (f.preventDefault(), a(E));
+    (f, _) => {
+      a && (f.preventDefault(), a(_));
     },
     [a, c]
   ), [p] = R(h);
@@ -5413,7 +5413,7 @@ const U1 = (n) => {
         }
       },
       "First"
-    )), /* @__PURE__ */ e.createElement(Xe, { direction: "left" })) : null, o.map((f, E) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${E}` }, /* @__PURE__ */ e.createElement(Rs, y({ index: E, page: f }, t)))), c < m - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Xe, { 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(Xe, { direction: "left" })) : null, o.map((f, _) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${_}` }, /* @__PURE__ */ e.createElement(Rs, y({ index: _, page: f }, t)))), c < m - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Xe, { 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,
@@ -5576,64 +5576,64 @@ const X1 = {
     "statusBadgeType",
     "className"
   ]);
-  const E = "pds-pricing-card", $ = `${E}-container`, g = a ? `${$}--with-list` : null, C = d ? `${E}--${d}` : null, _ = (k) => k.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [v, w] = R(
-    _(l[0].label)
+  const _ = "pds-pricing-card", $ = `${_}-container`, g = a ? `${$}--with-list` : null, v = d ? `${_}--${d}` : null, E = (k) => k.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [C, w] = R(
+    E(l[0].label)
   ), [x, H] = R(
     t.label
   );
   let M = null, N = null;
-  b || (M = /* @__PURE__ */ e.createElement("div", { className: `${E}__pricing-data` }, /* @__PURE__ */ e.createElement("div", { className: `${E}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__price` }, l[0].price), l[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__details` }, l[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${E}__savings-line` }, l[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+  b || (M = /* @__PURE__ */ e.createElement("div", { className: `${_}__pricing-data` }, /* @__PURE__ */ e.createElement("div", { className: `${_}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__price` }, l[0].price), l[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__details` }, l[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${_}__savings-line` }, l[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
     $t,
     {
-      className: `${E}__savings-badge`,
+      className: `${_}__savings-badge`,
       color: "neutral",
       size: "sm",
       label: l[0].savingsBadgeLabel
     }
-  ), l[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, l[0].savingsDetails))), N = /* @__PURE__ */ e.createElement(
+  ), l[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__savings-details` }, l[0].savingsDetails))), N = /* @__PURE__ */ e.createElement(
     is,
     {
-      className: `${E}__list`,
+      className: `${_}__list`,
       listLabel: l[0].listLabel,
       listItems: l[0].listItems,
       renderTypeLabels: !1
     }
   )), b && (M = l.map((k) => {
-    const A = v === _(k.label) ? null : `${E}__pricing-data--hide`;
+    const A = C === E(k.label) ? null : `${_}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [`${E}__pricing-data`, A].join(" ").trim().replace(/\s+/g, " "),
-        id: `data-${_(k.label)}`,
-        key: _(k.label)
+        className: [`${_}__pricing-data`, A].join(" ").trim().replace(/\s+/g, " "),
+        id: `data-${E(k.label)}`,
+        key: E(k.label)
       },
-      /* @__PURE__ */ e.createElement("div", { className: `${E}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__price` }, k.price), k.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__details` }, k.priceDetails)),
-      /* @__PURE__ */ e.createElement("div", { className: `${E}__savings-line` }, k.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${_}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__price` }, k.price), k.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__details` }, k.priceDetails)),
+      /* @__PURE__ */ e.createElement("div", { className: `${_}__savings-line` }, k.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
         $t,
         {
-          className: `${E}__savings-badge`,
+          className: `${_}__savings-badge`,
           color: "neutral",
           size: "sm",
           label: k.savingsBadgeLabel
         }
-      ), k.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, k.savingsDetails))
+      ), k.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__savings-details` }, k.savingsDetails))
     );
   }), N = l.map((k) => {
-    const A = v === _(k.label) ? null : `${E}__list--hide`;
+    const A = C === E(k.label) ? null : `${_}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       is,
       {
-        className: [`${E}__list`, A].join(" ").trim().replace(/\s+/g, " "),
+        className: [`${_}__list`, A].join(" ").trim().replace(/\s+/g, " "),
         listLabel: k.listLabel,
         listItems: k.listItems,
         renderTypeLabels: !1,
-        key: `${_(k.label)}-list`
+        key: `${E(k.label)}-list`
       }
     );
   }));
   const L = (k) => {
     const I = l.find(
-      (A) => _(A.label) === k
+      (A) => E(A.label) === k
     );
     return I.customActionLabel ? I.customActionLabel : t.label;
   };
@@ -5642,14 +5642,14 @@ const X1 = {
     Ds,
     {
       id: "plan-select",
-      className: `${E}__select`,
+      className: `${_}__select`,
       label: m,
       showLabel: !1,
       options: l.map((k) => ({
-        value: _(k.label),
+        value: E(k.label),
         label: k.label
       })),
-      defaultValue: _(l[0].label),
+      defaultValue: E(l[0].label),
       onOptionSelect: (k) => {
         w(k.value), H(L(k.value)), c && c(k.value);
       }
@@ -5700,19 +5700,19 @@ const X1 = {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [E, C].join(" ").trim().replace(/\s+/g, " ")
+        className: [_, v].join(" ").trim().replace(/\s+/g, " ")
       },
       d && /* @__PURE__ */ e.createElement(
         Qt,
         {
-          className: `${E}__status-badge`,
+          className: `${_}__status-badge`,
           type: d,
           label: i[d],
           color: d === "mostPopular" ? "reverse" : "neutral"
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: `${E}__main-content` }, o && /* @__PURE__ */ e.createElement("div", { className: `${E}__plan pds-overline-text` }, o), M, r && /* @__PURE__ */ e.createElement("div", { className: `${E}__description` }, r), z),
-      /* @__PURE__ */ e.createElement("div", { className: `${E}__actions` }, t && O, t && n && V)
+      /* @__PURE__ */ e.createElement("div", { className: `${_}__main-content` }, o && /* @__PURE__ */ e.createElement("div", { className: `${_}__plan pds-overline-text` }, o), M, r && /* @__PURE__ */ e.createElement("div", { className: `${_}__description` }, r), z),
+      /* @__PURE__ */ e.createElement("div", { className: `${_}__actions` }, t && O, t && n && V)
     ),
     a && N
   );
@@ -5825,8 +5825,8 @@ const J1 = (u) => {
     "required",
     "className"
   ]);
-  const f = "pds-radio-group", [E, $] = R(a), g = (C) => {
-    $(C.target.value), l && l(C.target.value);
+  const f = "pds-radio-group", [_, $] = R(a), g = (v) => {
+    $(v.target.value), l && l(v.target.value);
   };
   return /* @__PURE__ */ e.createElement(
     gt,
@@ -5841,26 +5841,26 @@ const J1 = (u) => {
       message: o,
       required: m
     }, h),
-    /* @__PURE__ */ e.createElement("div", { className: [f].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, i.map((C, _) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: [f].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, i.map((v, E) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${f}__option`,
-        key: `${n}-option-${_}`
+        key: `${n}-option-${E}`
       },
       /* @__PURE__ */ e.createElement(
         "input",
         {
           type: "radio",
-          id: `${n}-option-${_}`,
+          id: `${n}-option-${E}`,
           name: n,
-          value: C.value,
+          value: v.value,
           required: m,
-          disabled: t || C.disabled,
+          disabled: t || v.disabled,
           onClick: g,
-          defaultChecked: E === C.value
+          defaultChecked: _ === v.value
         }
       ),
-      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${_}` }, C.label)
+      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${E}` }, v.label)
     ))))
   );
 };
@@ -5949,7 +5949,7 @@ const e2 = (d) => {
   const u = "pds-site-card", p = `${t}`;
   let f = "";
   l === "Active" && (f = "success"), l === "Frozen" && (f = "frozen");
-  const E = /* @__PURE__ */ e.createElement(
+  const _ = /* @__PURE__ */ e.createElement(
     Qt,
     {
       label: l,
@@ -5964,7 +5964,7 @@ const e2 = (d) => {
       className: [u, i].join(" ").trim().replace(/\s+/g, " ")
     }, c.props), m),
     /* @__PURE__ */ e.createElement("div", { className: `${u}__image` }, /* @__PURE__ */ e.createElement("img", { src: a, alt: "" })),
-    /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__heading` }, /* @__PURE__ */ e.createElement(p, { className: `${u}__site-name pds-ts-l`, title: r }, r), E), /* @__PURE__ */ e.createElement("div", { className: `${u}__plan` }, o))
+    /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__heading` }, /* @__PURE__ */ e.createElement(p, { className: `${u}__site-name pds-ts-l`, title: r }, r), _), /* @__PURE__ */ e.createElement("div", { className: `${u}__plan` }, o))
   );
 };
 e2.propTypes = {
@@ -6020,13 +6020,13 @@ const t2 = (o) => {
     "legalLinks",
     "className"
   ]);
-  const i = "pds-site-footer", m = t && t !== "default" ? `pds-container pds-container--${t}` : "pds-container", d = (/* @__PURE__ */ new Date()).getFullYear(), h = a.includes("privacy"), u = a.includes("dataSubjectRequest"), p = a.includes("cookiePolicy"), f = a.includes("termsOfUse"), E = a.includes("acceptableUse"), $ = a.includes("accessibilityStatement");
+  const i = "pds-site-footer", m = t && t !== "default" ? `pds-container pds-container--${t}` : "pds-container", d = (/* @__PURE__ */ new Date()).getFullYear(), h = a.includes("privacy"), u = a.includes("dataSubjectRequest"), p = a.includes("cookiePolicy"), f = a.includes("termsOfUse"), _ = 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: m }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${i}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__copyright` }, "© ", d, " Pantheon Systems, Inc."), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), u && /* @__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")))
+    /* @__PURE__ */ e.createElement("div", { className: m }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${i}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__copyright` }, "© ", d, " Pantheon Systems, Inc."), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), u && /* @__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"), _ && /* @__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")))
   );
 };
 t2.propTypes = {
@@ -6202,10 +6202,10 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
     "size",
     "className"
   ]);
-  const u = t || We(), p = "pds-progress-ring", f = r ? `${p}__label` : "visually-hidden", E = `${p}__loading-text ${p}__loading-text--${l}`, $ = (H) => H * 16;
-  let g = $(l2), C = 7;
-  l === "sm" && (g = $(a2), C = C / 1.25), l === "lg" && (g = $(c2), C = C * 1.25);
-  const _ = g / 2 - C / 2, b = `${_ / 100}rem`, v = 2 * Math.PI * _, w = v - v * c / 100;
+  const u = t || We(), p = "pds-progress-ring", f = r ? `${p}__label` : "visually-hidden", _ = `${p}__loading-text ${p}__loading-text--${l}`, $ = (H) => H * 16;
+  let g = $(l2), v = 7;
+  l === "sm" && (g = $(a2), v = v / 1.25), l === "lg" && (g = $(c2), v = v * 1.25);
+  const E = g / 2 - v / 2, b = `${E / 100}rem`, C = 2 * Math.PI * E, w = C - C * c / 100;
   let x;
   return n ? x = n : o ? x = `${c}%` : x = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -6213,7 +6213,7 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
       className: [p, i].join(" ").trim().replace(/\s+/g, " "),
       style: {
         "--ring-stroke-dashoffset": w,
-        "--ring-stroke-dasharray": v
+        "--ring-stroke-dasharray": C
       }
     }, m),
     /* @__PURE__ */ e.createElement("div", { id: u, className: f }, a),
@@ -6238,8 +6238,8 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
             className: `${p}__track`,
             cx: g / 2,
             cy: g / 2,
-            r: _,
-            strokeWidth: C
+            r: E,
+            strokeWidth: v
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -6248,9 +6248,9 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
             className: `${p}__progress`,
             cx: g / 2,
             cy: g / 2,
-            r: _,
-            strokeWidth: C,
-            strokeDasharray: v,
+            r: E,
+            strokeWidth: v,
+            strokeDasharray: C,
             strokeDashoffset: w,
             transform: `rotate(-90 ${g / 2} ${g / 2})`
           }
@@ -6258,7 +6258,7 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
         /* @__PURE__ */ e.createElement(
           "text",
           {
-            className: E,
+            className: _,
             fill: "var(--pds-color-text-default)",
             x: "50%",
             y: "50%",
@@ -6285,8 +6285,8 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
     "translatableLabels",
     "className"
   ]);
-  const l = "pds-stepper", i = "pds-stepper-mobile", m = se(), [d] = Ht(m), h = d.width, u = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, p = -40, f = 2, E = 5, $ = t.length, g = t.findLastIndex((b) => b.isCurrent), C = t.map((b, v) => {
-    const w = v + 1, x = v === g, H = v < g, M = b.hasError && x, L = (h - $ * u) / ($ + ($ - 2)), z = u + L * 2, O = u + L, V = L + p * -1, k = v === 0, I = v === $ - 1;
+  const l = "pds-stepper", i = "pds-stepper-mobile", m = se(), [d] = Ht(m), h = d.width, u = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, p = -40, f = 2, _ = 5, $ = t.length, g = t.findLastIndex((b) => b.isCurrent), v = t.map((b, C) => {
+    const w = C + 1, x = C === g, H = C < g, M = b.hasError && x, L = (h - $ * u) / ($ + ($ - 2)), z = u + L * 2, O = u + L, V = L + p * -1, k = C === 0, I = C === $ - 1;
     let A = z;
     (k || I) && (A = O);
     const B = `${l}__step`, F = [B];
@@ -6347,8 +6347,8 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
         }
       )
     );
-  }), _ = t.map((b, v) => {
-    const w = v + 1, x = v === g, H = v === $ - 1, M = b.hasError && x, N = t[g + 1] ? t[g + 1].label : null;
+  }), E = t.map((b, C) => {
+    const w = C + 1, x = C === g, H = C === $ - 1, M = b.hasError && x, N = t[g + 1] ? t[g + 1].label : null;
     if (x) {
       const L = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), w, " of ", $), z = w / $ * 100, O = M ? {
         "--pds-color-progress-partial": "var(--pds-color-semantic-critical-foreground)"
@@ -6383,21 +6383,21 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
       );
     }
   });
-  if ($ >= f && $ <= E)
+  if ($ >= f && $ <= _)
     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: m }, C)
+      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: m }, v)
     ), /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: [i, a].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": $
       }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${i}__steps` }, _)
+      /* @__PURE__ */ e.createElement("div", { className: `${i}__steps` }, E)
     ));
 };
 o2.propTypes = {
@@ -6445,22 +6445,22 @@ o2.propTypes = {
 const i2 = (r) => {
   var o = r, { headers: t, rowData: n, className: a } = o, c = S(o, ["headers", "rowData", "className"]);
   const [l] = R(t), [i, m] = R(n), [d, h] = R({ order: "asc", key: "" }), u = (g) => {
-    m(i.sort((C, _) => C[g].localeCompare(_[g]))), h({ order: "desc", key: g });
+    m(i.sort((v, E) => v[g].localeCompare(E[g]))), h({ order: "desc", key: g });
   }, p = (g) => {
-    m(i.sort((C, _) => _[g].localeCompare(C[g]))), h({ order: "asc", key: g });
-  }, f = (g, C) => {
-    h(fe(y({}, d), { key: C })), d.order === "asc" ? u(C) : p(C);
-  }, E = (g, C) => /* @__PURE__ */ e.createElement("tr", { id: C, key: `table-row-${C}` }, g.map((_, b) => /* @__PURE__ */ e.createElement("td", { key: `${C}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, _)))), $ = "pds-table";
+    m(i.sort((v, E) => E[g].localeCompare(v[g]))), h({ order: "asc", key: g });
+  }, f = (g, v) => {
+    h(fe(y({}, d), { key: v })), d.order === "asc" ? u(v) : p(v);
+  }, _ = (g, v) => /* @__PURE__ */ e.createElement("tr", { id: v, key: `table-row-${v}` }, g.map((E, b) => /* @__PURE__ */ e.createElement("td", { key: `${v}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, E)))), $ = "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, C) => /* @__PURE__ */ e.createElement("th", { key: `header-${C}` }, 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, v) => /* @__PURE__ */ e.createElement("th", { key: `header-${v}` }, g.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${$}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
       "span",
       {
         className: `${$}__sort-header`,
-        onClick: (_) => f(_, C)
+        onClick: (E) => f(E, v)
       },
       g.title
     ), /* @__PURE__ */ e.createElement(
@@ -6468,24 +6468,24 @@ const i2 = (r) => {
       {
         className: `${$}__sort-button`,
         title: `Sort by ${g.title}`,
-        onClick: (_) => f(_, C)
+        onClick: (E) => f(E, v)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${$}__sort-button-top ${C != d.key && d.key !== "" ? "pds-table__sort-innactive" : d.key == C ? d.order : "asc"}`
+          className: `${$}__sort-button-top ${v != d.key && d.key !== "" ? "pds-table__sort-innactive" : d.key == v ? d.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(P, { iconName: "caretUp", iconSize: "sm" })
       ),
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${$}__sort-button-bottom ${d.key == C ? d.order : "asc"}`
+          className: `${$}__sort-button-bottom ${d.key == v ? d.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(P, { iconName: "caretDown", iconSize: "sm" })
       )
     )) : /* @__PURE__ */ e.createElement("span", null, g.title))))),
-    /* @__PURE__ */ e.createElement("tbody", null, i.map((g, C) => E(g, C)))
+    /* @__PURE__ */ e.createElement("tbody", null, i.map((g, v) => _(g, v)))
   ));
 };
 i2.propTypes = {
@@ -6534,11 +6534,11 @@ const d2 = (d) => {
     "=",
     "|",
     "~"
-  ], E = `#${l} h2:not(.${r}), h3:not(.${r})`, $ = () => {
+  ], _ = `#${l} h2:not(.${r}), h3:not(.${r})`, $ = () => {
     const [N, L] = R([]);
     return ie(() => {
       const z = Array.from(
-        document.querySelectorAll(E)
+        document.querySelectorAll(_)
       );
       z.map((V) => {
         f.forEach((k) => {
@@ -6560,7 +6560,7 @@ const d2 = (d) => {
         title: O
       });
     }), L;
-  }, { nestedHeadings: C } = $(), [_, b] = R();
+  }, { nestedHeadings: v } = $(), [E, b] = R();
   ((N) => {
     const L = se({});
     ie(() => {
@@ -6583,7 +6583,7 @@ const d2 = (d) => {
       }, O = new IntersectionObserver(z, {
         rootMargin: "0px 0px -20% 0px"
       }), V = Array.from(
-        document.querySelectorAll(E)
+        document.querySelectorAll(_)
       );
       return V.forEach((k) => O.observe(k)), () => O.disconnect();
     }, [N]);
@@ -6600,7 +6600,7 @@ const d2 = (d) => {
   }, M = ({ headings: N }) => /* @__PURE__ */ e.createElement("ul", { className: `${u}__list ${u}__list--top-level` }, N.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${u}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
-      className: L.id === _ ? `${u}__link ${u}__link--active` : `${u}__link`,
+      className: L.id === E ? `${u}__link ${u}__link--active` : `${u}__link`,
       href: `#${L.id}`,
       onClick: (z) => {
         H(z, L.id);
@@ -6615,7 +6615,7 @@ const d2 = (d) => {
     L.items.map((z) => /* @__PURE__ */ e.createElement("li", { key: z.id, className: `${u}__list-item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        className: z.id === _ ? `${u}__link ${u}__link--active` : `${u}__link`,
+        className: z.id === E ? `${u}__link ${u}__link--active` : `${u}__link`,
         href: `#${z.id}`,
         onClick: (O) => {
           H(O, z.id);
@@ -6639,7 +6639,7 @@ const d2 = (d) => {
       },
       c
     ),
-    /* @__PURE__ */ e.createElement(M, { headings: C, activeID: _ })
+    /* @__PURE__ */ e.createElement(M, { headings: v, activeID: E })
   );
 };
 d2.propTypes = {
@@ -6699,31 +6699,31 @@ const U2 = (m) => {
   ie(() => {
     c !== void 0 && f(c);
   }, [c]);
-  const E = (_) => {
-    const b = _.currentTarget.getAttribute("data-tabnumber");
+  const _ = (E) => {
+    const b = E.currentTarget.getAttribute("data-tabnumber");
     if (b) {
-      const v = parseInt(b, 10);
-      f(v);
+      const C = parseInt(b, 10);
+      f(C);
     }
   }, $ = se([]);
   ie(() => {
     t(p);
   }, [p, t]), ie(() => {
-    const _ = $.current.length - 1;
-    if (p > _) {
+    const E = $.current.length - 1;
+    if (p > E) {
       f(0);
       return;
     } else if (p < 0) {
-      f(_);
+      f(E);
       return;
     }
   }, [p]);
-  const g = (_, b) => {
-    const v = p;
-    let w = $.current[b === "next" ? v + 1 < $.current.length ? v + 1 : 0 : v - 1 >= 0 ? v - 1 : $.current.length - 1];
-    w || (w = b == "next" ? $.current[_ + 1] == null ? $.current[0] : $.current[_ + 1] : $.current[_ - 1]), w.focus();
-  }, C = (_) => {
-    const b = $.current.length, v = () => {
+  const g = (E, b) => {
+    const C = p;
+    let w = $.current[b === "next" ? C + 1 < $.current.length ? C + 1 : 0 : C - 1 >= 0 ? C - 1 : $.current.length - 1];
+    w || (w = b == "next" ? $.current[E + 1] == null ? $.current[0] : $.current[E + 1] : $.current[E - 1]), w.focus();
+  }, v = (E) => {
+    const b = $.current.length, C = () => {
       g((p + 1) % b, "next"), f(p + 1);
     }, w = () => {
       g((p - 1 + b) % b, "prev"), f(p - 1);
@@ -6734,14 +6734,14 @@ const U2 = (m) => {
     }, M = () => {
       $.current[p].focus();
     }, L = {
-      ArrowRight: v,
+      ArrowRight: C,
       ArrowLeft: w,
       Home: x,
       End: H,
       Space: M,
       Enter: M
-    }[_.code];
-    L && (_.preventDefault(), L());
+    }[E.code];
+    L && (E.preventDefault(), L());
   };
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
@@ -6756,28 +6756,28 @@ const U2 = (m) => {
         "aria-label": n,
         "aria-orientation": "horizontal"
       },
-      o.map(({ disabled: _, icon: b, tabId: v, tabLabel: w }, x) => /* @__PURE__ */ e.createElement(
+      o.map(({ disabled: E, icon: b, tabId: C, tabLabel: w }, x) => /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${h}__tab`,
           "aria-selected": x == p,
           "data-tabnumber": x,
           role: "tab",
-          id: v,
+          id: C,
           onKeyDown: (H) => {
-            H.preventDefault(), C(H);
+            H.preventDefault(), v(H);
           },
           key: w,
-          ref: (H) => _ ? null : $.current[x] = H,
+          ref: (H) => E ? null : $.current[x] = H,
           "aria-controls": `tabpanel_${x}`,
           tabIndex: p === x ? 1 : -1,
-          "aria-disabled": !!_,
-          onClick: _ ? null : E
+          "aria-disabled": !!E,
+          onClick: E ? null : _
         },
         /* @__PURE__ */ e.createElement("div", { key: b, className: `${h}__tab-text` }, b ? /* @__PURE__ */ e.createElement(P, { iconName: b, iconSize: r }) : null, " ", w)
       ))
     ),
-    o.map(({ tabLabel: _, icon: b, disabled: v, panelContent: w }, x) => /* @__PURE__ */ e.createElement(
+    o.map(({ tabLabel: E, icon: b, disabled: C, panelContent: w }, x) => /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: `${h}__panel`,
@@ -6793,14 +6793,14 @@ const U2 = (m) => {
           "aria-selected": x == p,
           role: "tab",
           "data-tabnumber": x,
-          key: _,
-          onKeyDown: C,
-          "aria-disabled": !!v,
+          key: E,
+          onKeyDown: v,
+          "aria-disabled": !!C,
           "aria-controls": `tabpanel_${x}`,
           tabIndex: p === x ? 1 : -1,
-          onClick: v ? null : E
+          onClick: C ? null : _
         },
-        /* @__PURE__ */ e.createElement("div", { key: b, className: `${h}__tab-text` }, b ? /* @__PURE__ */ e.createElement(P, { iconSize: "md", iconName: b }) : null, " ", _),
+        /* @__PURE__ */ e.createElement("div", { key: b, className: `${h}__tab-text` }, b ? /* @__PURE__ */ e.createElement(P, { iconSize: "md", iconName: b }) : null, " ", E),
         x == p ? /* @__PURE__ */ e.createElement(
           P,
           {
@@ -7122,7 +7122,7 @@ const h2 = (i) => {
     "onChange",
     "options"
   ]);
-  const d = "pds-toggle-button", h = "pds-is-disabled", u = se([d]), [p, f] = R(a), E = (g) => {
+  const d = "pds-toggle-button", h = "pds-is-disabled", u = se([d]), [p, f] = R(a), _ = (g) => {
     f(g.target.value), r && r(g.target.value);
   };
   if ((() => {
@@ -7135,26 +7135,26 @@ const h2 = (i) => {
         id: n
       }, l),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, o.map((g, C) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, o.map((g, v) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${d}__option`,
-          key: `${n}-option-${C}`
+          key: `${n}-option-${v}`
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             className: "visually-hidden",
             type: "radio",
-            id: `${n}-option-${C}`,
+            id: `${n}-option-${v}`,
             name: n,
             value: g.value,
             disabled: t,
-            onClick: E,
+            onClick: _,
             defaultChecked: p === g.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${C}` }, g.iconName && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${v}` }, g.iconName && /* @__PURE__ */ e.createElement(
           P,
           {
             iconName: g.iconName,
@@ -7212,7 +7212,7 @@ h2.propTypes = {
   className: s.string
 };
 const g2 = (f) => {
-  var E = f, {
+  var _ = f, {
     disabled: t = !1,
     id: n,
     inputWidth: a,
@@ -7225,7 +7225,7 @@ const g2 = (f) => {
     statusOnLabel: d = "On",
     statusOffLabel: h = "Off",
     className: u
-  } = E, p = S(E, [
+  } = _, p = S(_, [
     "disabled",
     "id",
     "inputWidth",
@@ -7239,11 +7239,11 @@ const g2 = (f) => {
     "statusOffLabel",
     "className"
   ]);
-  const $ = "pds-toggle-switch", [g, C] = R(!1), _ = (w) => {
-    C(!g), o && o(w.target);
+  const $ = "pds-toggle-switch", [g, v] = R(!1), E = (w) => {
+    v(!g), o && o(w.target);
   };
-  let b = g === !0 ? d : h, v;
-  return m ? v = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
+  let b = g === !0 ? d : h, C;
+  return m ? C = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: "pds-toggle__label pds-toggle__label--on",
@@ -7257,7 +7257,7 @@ const g2 = (f) => {
       "aria-hidden": "true"
     },
     h
-  )) : v = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
+  )) : C = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: "check",
@@ -7293,9 +7293,9 @@ const g2 = (f) => {
         role: "switch",
         disabled: t,
         "aria-checked": g,
-        onClick: _
+        onClick: E
       },
-      v
+      C
     ))
   );
 };
@@ -7384,13 +7384,13 @@ const G2 = () => {
       onBlur: u,
       onChange: p,
       onClear: f,
-      onFocus: E,
+      onFocus: _,
       placeholder: $,
       readonly: g = !1,
-      required: C = !1,
-      showLabel: _ = !0,
+      required: v = !1,
+      showLabel: E = !0,
       showVisibilityToggle: b = !1,
-      translationStrings: v = {
+      translationStrings: C = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
         searchShortcut: "Press / to focus the search field",
@@ -7431,7 +7431,7 @@ const G2 = () => {
       "value",
       "className"
     ]);
-    const k = ht(m), I = "pds-text-input", A = c ? te.disabled : null, B = C && !c ? te.required : null, F = H === "error" ? te.error : null, j = H === "success" ? te.success : null, Z = g ? te.readonly : null;
+    const k = ht(m), I = "pds-text-input", A = c ? te.disabled : null, B = v && !c ? te.required : null, F = H === "error" ? te.error : null, j = H === "success" ? te.success : null, Z = g ? te.readonly : null;
     let G = null;
     w === "search" && (G = "search"), H === "error" && (G = "error"), H === "success" && (G = "success");
     const T = x || h, D = typeof M != "undefined", W = typeof a != "undefined", [U, ne] = R(
@@ -7444,7 +7444,7 @@ const G2 = () => {
       D || ne(""), f && f();
       const re = document.getElementById(l);
       re && re.focus();
-    }, [ae, ee] = R(!1), _e = () => {
+    }, [ae, ee] = R(!1), Ee = () => {
       ee((Y) => !Y);
       const re = document.getElementById(l);
       re && re.focus();
@@ -7470,12 +7470,12 @@ const G2 = () => {
         {
           id: l,
           label: d,
-          showLabel: _,
-          required: C,
+          showLabel: E,
+          required: v,
           disabled: c
         }
       ),
-      b && w === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${v.visibilityStatus} ${ae ? "visible" : "hidden"}.`),
+      b && w === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${C.visibilityStatus} ${ae ? "visible" : "hidden"}.`),
       /* @__PURE__ */ e.createElement("div", { className: `${I}__input-wrapper` }, G && /* @__PURE__ */ e.createElement(Mt, { variant: G }), /* @__PURE__ */ e.createElement(
         "input",
         y({
@@ -7488,11 +7488,11 @@ const G2 = () => {
           placeholder: $,
           readOnly: g,
           disabled: c,
-          required: C,
+          required: v,
           autoComplete: w === "password" ? "off" : t,
           onBlur: be,
           onChange: J,
-          onFocus: E,
+          onFocus: _,
           "aria-invalid": H === "error" ? !0 : null,
           "aria-describedby": T ? `${l}__message` : null
         }, i)
@@ -7500,7 +7500,7 @@ const G2 = () => {
         Hs,
         {
           id: l,
-          clearLabel: v.clearButton,
+          clearLabel: C.clearButton,
           handleClearInput: de
         }
       ), b && w === "password" && /* @__PURE__ */ e.createElement(
@@ -7508,9 +7508,9 @@ const G2 = () => {
         {
           type: "button",
           className: `${I}__visibility-toggle`,
-          title: ae ? v.visibilityToggleHide : v.visibilityToggleShow,
+          title: ae ? C.visibilityToggleHide : C.visibilityToggleShow,
           "aria-controls": l,
-          onClick: _e,
+          onClick: Ee,
           onMouseDown: (re) => re.preventDefault()
         },
         /* @__PURE__ */ e.createElement(P, { iconName: ae ? "eyeSlash" : "eye", iconSize: "md" })
@@ -7518,7 +7518,7 @@ const G2 = () => {
         ks,
         {
           inputId: l,
-          shortcutLabel: v.searchShortcut
+          shortcutLabel: C.searchShortcut
         }
       ), n && w !== "password" && /* @__PURE__ */ e.createElement(
         zs,
@@ -7526,7 +7526,7 @@ const G2 = () => {
           id: l,
           currentLength: Q.length,
           maxLength: n,
-          overLimitMessage: v.counterOverLimit
+          overLimitMessage: C.counterOverLimit
         }
       )),
       T && /* @__PURE__ */ e.createElement(
@@ -7546,7 +7546,7 @@ const G2 = () => {
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, _2 = (u) => {
+}, E2 = (u) => {
   var p = u, {
     ariaLabel: t = "Workspace selector menu",
     createWorkspaceLink: n,
@@ -7570,13 +7570,13 @@ const G2 = () => {
     "workspaceList",
     "className"
   ]);
-  const [f, E] = R(!1), [$, g] = R(null), [C, _] = R(m), b = se([]), v = se(null), w = m.length >= o;
+  const [f, _] = R(!1), [$, g] = R(null), [v, E] = R(m), b = se([]), C = se(null), w = m.length >= o;
   let x = !1;
   const H = we(je);
   H && (x = H.isMobile);
   const M = i && x, N = "pds-workspace-selector", L = M ? `${N}--isMobile` : null, z = `${N}__menu`, O = w ? `${z}--scroll` : null, { refs: V, floatingStyles: k, context: I } = Ie({
     open: f,
-    onOpenChange: E,
+    onOpenChange: _,
     whileElementsMounted: qe
   }), A = Je(I, { event: "mousedown" }), B = Se(I), F = Te(I, { role: "menu" }), j = pt(I, {
     listRef: b,
@@ -7606,17 +7606,17 @@ const G2 = () => {
   let U = m.find((Y) => Y.isActive);
   U || (U = m[0]);
   const ne = (Y) => {
-    const { value: Ee } = Y.target, He = m.filter((le) => le.displayName.toLowerCase().includes(Ee.toLowerCase()));
-    _(He);
+    const { value: _e } = Y.target, He = m.filter((le) => le.displayName.toLowerCase().includes(_e.toLowerCase()));
+    E(He);
   };
   ie(() => {
-    const Y = m.map((Ee) => fe(y({}, Ee), {
-      isActive: Ee.isActive
+    const Y = m.map((_e) => fe(y({}, _e), {
+      isActive: _e.isActive
     }));
-    _(Y);
+    E(Y);
   }, [m]);
   const Q = (Y) => {
-    Y.preventDefault(), Y.key === "Enter" && b.current[$].querySelector("a").click(), Y.key === "Tab" && (Y.shiftKey ? w ? document.getElementById("workspace-filter").focus() : E(!1) : n ? v.current.querySelector("a").focus() : E(!1));
+    Y.preventDefault(), Y.key === "Enter" && b.current[$].querySelector("a").click(), Y.key === "Tab" && (Y.shiftKey ? w ? document.getElementById("workspace-filter").focus() : _(!1) : n ? C.current.querySelector("a").focus() : _(!1));
   }, be = /* @__PURE__ */ e.createElement("div", { className: `${N}__button-content` }, /* @__PURE__ */ e.createElement(
     ut,
     {
@@ -7643,7 +7643,7 @@ const G2 = () => {
     f2,
     {
       hasClearButton: !0,
-      onClear: () => _(m),
+      onClear: () => E(m),
       id: "workspace-filter",
       label: c,
       onChange: ne,
@@ -7651,10 +7651,10 @@ const G2 = () => {
       showLabel: !1,
       type: "search"
     }
-  )), ae = C.map(
-    (Y, Ee) => {
+  )), ae = v.map(
+    (Y, _e) => {
       const He = `${N}__item`, le = Y.isActive ? `${He}--active` : null, ce = Y.isUnprivileged ? `${He}--unprivileged` : null, Le = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${N}__active-icon` }), ke = Y.workspaceId, ze = Y.workspaceLink.type, ve = Y.isUnprivileged ? null : (Ze) => {
-        b.current[Ee] = Ze;
+        b.current[_e] = Ze;
       };
       return /* @__PURE__ */ e.createElement(
         "li",
@@ -7667,14 +7667,14 @@ const G2 = () => {
             ce
           ].join(" ").trim().replace(/\s+/g, " "),
           role: "menuitem",
-          tabIndex: $ === Ee ? 0 : -1,
+          tabIndex: $ === _e ? 0 : -1,
           ref: ve,
           onKeyDown: Q
         }, T()),
         /* @__PURE__ */ e.createElement(
           ze,
           fe(y({}, Y.workspaceLink.props), {
-            onClick: () => E(!1)
+            onClick: () => _(!1)
           }),
           /* @__PURE__ */ e.createElement("div", { className: `${N}__item-content` }, /* @__PURE__ */ e.createElement(
             ut,
@@ -7689,17 +7689,17 @@ const G2 = () => {
         )
       );
     }
-  ), ee = n && /* @__PURE__ */ e.createElement("div", { className: `${N}__create-link`, ref: v }, /* @__PURE__ */ e.createElement(
+  ), ee = n && /* @__PURE__ */ e.createElement("div", { className: `${N}__create-link`, ref: C }, /* @__PURE__ */ e.createElement(
     rt,
     {
       displayType: "icon-end",
       iconName: "plus",
       linkContent: n,
       variant: "subtle",
-      onBlur: E.bind(null, !1),
-      onClick: E.bind(null, !1)
+      onBlur: _.bind(null, !1),
+      onClick: _.bind(null, !1)
     }
-  )), _e = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  )), Ee = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     y({
       className: `${N}__trigger`,
@@ -7728,11 +7728,11 @@ const G2 = () => {
       ae.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${N}__no-results` }, l) : ae
     ), ee)
   )), me = (Y) => {
-    const Ee = Y.target;
-    Ee.classList.toggle(`${N}__toggle--expanded`), Ee.setAttribute(
+    const _e = Y.target;
+    _e.classList.toggle(`${N}__toggle--expanded`), _e.setAttribute(
       "aria-expanded",
-      Ee.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), Ee.nextElementSibling.classList.toggle(`${N}__mobile-menu--expanded`);
+      _e.getAttribute("aria-expanded") === "true" ? "false" : "true"
+    ), _e.nextElementSibling.classList.toggle(`${N}__mobile-menu--expanded`);
   }, re = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -7757,10 +7757,10 @@ const G2 = () => {
     y({
       className: [N, L, d].join(" ").trim().replace(/\s+/g, " ")
     }, h),
-    M ? re : _e
+    M ? re : Ee
   );
 };
-_2.propTypes = {
+E2.propTypes = {
   /**
    * Aria label for the workspace selector menu.
    */
@@ -7833,7 +7833,7 @@ _2.propTypes = {
    */
   className: s.string
 };
-const E2 = (o) => {
+const _2 = (o) => {
   var l = o, {
     label: t,
     type: n = "neutral",
@@ -7879,11 +7879,11 @@ const E2 = (o) => {
     "options",
     "className"
   ]);
-  const h = "pds-segmented-button", u = "pds-is-disabled", p = se([h]), [f, E] = R(a), $ = (C) => {
-    E(C.target.value), r && r(C.target.value);
+  const h = "pds-segmented-button", u = "pds-is-disabled", p = se([h]), [f, _] = R(a), $ = (v) => {
+    _(v.target.value), r && r(v.target.value);
   };
   if ((() => {
-    p.current = p.current.filter((C) => C !== u);
+    p.current = p.current.filter((v) => v !== u);
   })(), t && p.current.push(u), o.length >= 2 && o.length <= 6)
     return /* @__PURE__ */ e.createElement(
       "fieldset",
@@ -7891,40 +7891,40 @@ const E2 = (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((C, _) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((v, E) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${h}__option`,
-          key: `${n}-option-${_}`
+          key: `${n}-option-${E}`
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             className: "visually-hidden",
             type: "radio",
-            id: `${n}-option-${_}`,
+            id: `${n}-option-${E}`,
             name: n,
-            value: C.value,
+            value: v.value,
             disabled: t,
             onClick: $,
-            defaultChecked: f === C.value
+            defaultChecked: f === v.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${_}` }, C.tally ? /* @__PURE__ */ e.createElement(
-          E2,
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${E}` }, v.tally ? /* @__PURE__ */ e.createElement(
+          _2,
           {
-            label: C.tally.label,
-            type: C.tally.type,
+            label: v.tally.label,
+            type: v.tally.type,
             className: `${h}__tally`
           }
-        ) : C.iconName && /* @__PURE__ */ e.createElement(
+        ) : v.iconName && /* @__PURE__ */ e.createElement(
           P,
           {
-            iconName: C.iconName,
+            iconName: v.iconName,
             iconSize: "sm",
             className: `${h}__icon`
           }
-        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, C.label))
+        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, v.label))
       )))
     );
 }, v2 = {
@@ -7992,18 +7992,18 @@ const E2 = (o) => {
   const u = "pds-card-select-group";
   let p = `${u}__legend`;
   c === "center" && (p = `${u}__legend ${u}__legend--center`), c === "hidden" && (p = `${u}__legend visually-hidden`);
-  const [f, E] = R(n), $ = (v) => {
-    E(v.currentTarget.value), o && o(v.currentTarget.value);
-  }, g = l.length, C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", _ = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  const [f, _] = R(n), $ = (C) => {
+    _(C.currentTarget.value), o && o(C.currentTarget.value);
+  }, g = l.length, v = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", E = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let b = "";
-  return r === "twoAcross" ? b = C : r === "threeAcross" ? b = _ : r === "auto" && (g % 3 === 0 ? b = _ : g % 2 === 0 ? b = C : b = _), /* @__PURE__ */ e.createElement(
+  return r === "twoAcross" ? b = v : r === "threeAcross" ? b = E : r === "auto" && (g % 3 === 0 ? b = E : g % 2 === 0 ? b = v : b = E), /* @__PURE__ */ e.createElement(
     "fieldset",
     y({
       className: [u, i].join(" ").trim().replace(/\s+/g, " "),
       id: t
     }, m),
     /* @__PURE__ */ e.createElement("legend", { className: p }, a),
-    /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, l.map((v, w) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, l.map((C, w) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: [`${u}__option`, b].join(" ").trim().replace(/\s+/g, " "),
@@ -8015,26 +8015,26 @@ const E2 = (o) => {
           type: "radio",
           id: `${t}-option-${w}`,
           name: t,
-          value: v.value,
+          value: C.value,
           onClick: $,
-          defaultChecked: f === v.value
+          defaultChecked: f === C.value
         }
       ),
       /* @__PURE__ */ e.createElement(
         "label",
         {
           htmlFor: `${t}-option-${w}`,
-          className: f === v.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
+          className: f === C.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           P,
           {
-            iconName: f === v.value ? "circleCheck" : "circle",
+            iconName: f === C.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: f === v.value ? `${u}__option-icon ${u}__option-icon--selected` : `${u}__option-icon`
+            className: f === C.value ? `${u}__option-icon ${u}__option-icon--selected` : `${u}__option-icon`
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-text` }, v.label, v.description && /* @__PURE__ */ e.createElement("div", { className: `${u}__option-description` }, v.description))
+        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-text` }, C.label, C.description && /* @__PURE__ */ e.createElement("div", { className: `${u}__option-description` }, C.description))
       )
     )))
   );
@@ -8055,13 +8055,13 @@ const E2 = (o) => {
       onBlur: u,
       onChange: p,
       onFocus: f,
-      required: E,
+      required: _,
       showLabel: $ = !0,
       validationMessage: g,
-      validationStatus: C,
-      value: _,
+      validationStatus: v,
+      value: E,
       className: b
-    } = H, v = S(H, [
+    } = H, C = S(H, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -8083,7 +8083,7 @@ const E2 = (o) => {
       "value",
       "className"
     ]);
-    const M = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", L = a ? te.disabled : null, z = E && !a ? te.required : null, O = C === "error" ? te.error : null, V = C === "success" ? te.success : null, k = h > 0 ? `${N}--indent-${h}` : null, I = g || m, A = typeof t != "undefined", B = typeof n != "undefined", [F, j] = R(
+    const M = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", L = a ? te.disabled : null, z = _ && !a ? te.required : null, O = v === "error" ? te.error : null, V = v === "success" ? te.success : null, k = h > 0 ? `${N}--indent-${h}` : null, I = g || m, A = typeof t != "undefined", B = typeof n != "undefined", [F, j] = R(
       B ? n : !1
     ), Z = t || F, G = (ne) => {
       A || j(ne.target.checked), p && p(ne);
@@ -8120,7 +8120,7 @@ const E2 = (o) => {
           b != null ? b : ""
         ].join(" ").trim().replace(/\s+/g, " "),
         style: l ? M : null
-      }, v),
+      }, C),
       /* @__PURE__ */ e.createElement("div", { className: `${N}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "input",
         y(fe(y({
@@ -8130,13 +8130,13 @@ const E2 = (o) => {
           type: "checkbox",
           checked: A ? t : F,
           "aria-checked": r ? "mixed" : Z ? "true" : "false"
-        }, _ ? { value: _ } : {}), {
+        }, E ? { value: E } : {}), {
           disabled: a,
-          required: E,
+          required: _,
           onBlur: u,
           onChange: G,
           onFocus: f,
-          "aria-invalid": C === "error" ? !0 : null,
+          "aria-invalid": v === "error" ? !0 : null,
           "aria-describedby": I ? `${c}__message` : null
         }), o)
       ), /* @__PURE__ */ e.createElement("label", { htmlFor: c, className: `${N}__label` }, /* @__PURE__ */ e.createElement(
@@ -8159,7 +8159,7 @@ const E2 = (o) => {
         },
         i,
         " ",
-        E && !a && /* @__PURE__ */ e.createElement(Ut, null)
+        _ && !a && /* @__PURE__ */ e.createElement(Ut, null)
       ))),
       I && /* @__PURE__ */ e.createElement(
         Be,
@@ -8168,13 +8168,13 @@ const E2 = (o) => {
           message: I,
           hasValidationMessage: !!g,
           validationMessageHasDecorators: !0,
-          validationStatus: C
+          validationStatus: v
         }
       )
     );
   }
 ), Q2 = (f) => {
-  var E = f, {
+  var _ = f, {
     children: t,
     disabled: n = !1,
     fieldsetProps: a,
@@ -8187,7 +8187,7 @@ const E2 = (o) => {
     validationMessage: d,
     validationStatus: h,
     className: u
-  } = E, p = S(E, [
+  } = _, p = S(_, [
     "children",
     "disabled",
     "fieldsetProps",
@@ -8201,16 +8201,16 @@ const E2 = (o) => {
     "validationStatus",
     "className"
   ]);
-  const $ = r ? { width: `${r / 16}rem` } : null, g = "pds-checkbox-group", C = n ? te.disabled : null, _ = i && !n ? te.required : null, b = h === "error" ? te.error : null, v = h === "success" ? te.success : null, w = d || l;
+  const $ = r ? { width: `${r / 16}rem` } : null, g = "pds-checkbox-group", v = n ? te.disabled : null, E = i && !n ? te.required : null, b = h === "error" ? te.error : null, C = h === "success" ? te.success : null, w = d || l;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
         g,
-        C,
-        _,
-        b,
         v,
+        E,
+        b,
+        C,
         u != null ? u : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: r ? $ : null
@@ -8253,7 +8253,7 @@ const E2 = (o) => {
     validationMessage: u,
     validationStatus: p,
     className: f
-  } = g, E = S(g, [
+  } = g, _ = S(g, [
     "disabled",
     "fieldsetProps",
     "id",
@@ -8269,7 +8269,7 @@ const E2 = (o) => {
     "validationStatus",
     "className"
   ]);
-  const C = c ? { width: `${c / 16}rem` } : null, _ = "pds-checkbox-group", b = t ? te.disabled : null, v = d && !t ? te.required : null, w = p === "error" ? te.error : null, x = p === "success" ? te.success : null, H = u || o;
+  const v = c ? { width: `${c / 16}rem` } : null, E = "pds-checkbox-group", b = t ? te.disabled : null, C = d && !t ? te.required : null, w = p === "error" ? te.error : null, x = p === "success" ? te.success : null, H = u || o;
   m.map((V) => {
     V.id || (V.id = V.value);
   });
@@ -8293,16 +8293,16 @@ const E2 = (o) => {
     "div",
     y({
       className: [
-        _,
+        E,
         b,
-        v,
+        C,
         w,
         x,
         f != null ? f : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: c ? C : null
-    }, E),
-    /* @__PURE__ */ e.createElement("fieldset", y({ className: `${_}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
+      style: c ? v : null
+    }, _),
+    /* @__PURE__ */ e.createElement("fieldset", y({ className: `${E}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
       et,
       {
         disabled: t,
@@ -8312,7 +8312,7 @@ const E2 = (o) => {
         required: d,
         showLabel: h
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${_}__options` }, m.map((V) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${E}__options` }, m.map((V) => /* @__PURE__ */ e.createElement(
       C2,
       {
         key: V.id,
@@ -8322,7 +8322,7 @@ const E2 = (o) => {
         name: V.name,
         value: V.value,
         disabled: V.disabled || t,
-        className: `${_}__checkbox`,
+        className: `${E}__checkbox`,
         onChange: z,
         onBlur: O
       }
@@ -8346,8 +8346,8 @@ const E2 = (o) => {
     "children",
     "className"
   ]);
-  var f, E, $, g;
-  const o = "pds-input-group", l = [t[0], t[1]], i = (f = t[0].props.id) != null ? f : null, m = (E = t[0].props.message) != null ? E : null, d = ($ = t[0].props.validationMessage) != null ? $ : null, h = (g = t[0].props.validationStatus) != null ? g : null, u = d || m, p = u ? `${o}--has-message` : null;
+  var f, _, $, g;
+  const o = "pds-input-group", l = [t[0], t[1]], i = (f = t[0].props.id) != null ? f : null, m = (_ = t[0].props.message) != null ? _ : null, d = ($ = t[0].props.validationMessage) != null ? $ : null, h = (g = t[0].props.validationStatus) != null ? g : null, u = d || m, p = u ? `${o}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -8390,8 +8390,8 @@ const E2 = (o) => {
   },
   /* @__PURE__ */ e.createElement(P, { iconName: "xmark", iconSize: "sm" })
 )), tn = Pe(
-  (_, C) => {
-    var b = _, {
+  (E, v) => {
+    var b = E, {
       checked: t,
       defaultChecked: n,
       disabled: a = !1,
@@ -8406,7 +8406,7 @@ const E2 = (o) => {
       onLabel: u = "On",
       required: p = !1,
       showLabel: f = !0,
-      showStatusLabel: E = !0,
+      showStatusLabel: _ = !0,
       className: $
     } = b, g = S(b, [
       "checked",
@@ -8426,12 +8426,12 @@ const E2 = (o) => {
       "showStatusLabel",
       "className"
     ]);
-    const v = ht(o), w = "pds-switch", x = a ? te.disabled : null, H = p && !a ? te.required : null, M = typeof t != "undefined", N = i == "below", L = i == "right", z = !M && n ? n : !1, [O, V] = R(z), k = t || O ? u : d, I = (G) => {
+    const C = ht(o), w = "pds-switch", x = a ? te.disabled : null, H = p && !a ? te.required : null, M = typeof t != "undefined", N = i == "below", L = i == "right", z = !M && n ? n : !1, [O, V] = R(z), k = t || O ? u : d, I = (G) => {
       M || V(G.target.checked), h && h(G);
     }, A = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
       y({
-        ref: C,
+        ref: v,
         id: c,
         name: c,
         type: "checkbox",
@@ -8443,7 +8443,7 @@ const E2 = (o) => {
         checked: t !== void 0 ? t : O,
         "aria-describedby": m ? `${c}__message` : null
       }, r)
-    ), !E && /* @__PURE__ */ e.createElement(y2, { toggleStatusLabel: k }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), E && /* @__PURE__ */ e.createElement($2, { toggleStatusLabel: k, id: c })), B = /* @__PURE__ */ e.createElement(
+    ), !_ && /* @__PURE__ */ e.createElement(y2, { toggleStatusLabel: k }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), _ && /* @__PURE__ */ e.createElement($2, { toggleStatusLabel: k, id: c })), B = /* @__PURE__ */ e.createElement(
       et,
       {
         id: c,
@@ -8488,7 +8488,7 @@ const E2 = (o) => {
           Z,
           $
         ]),
-        style: o ? v : null
+        style: o ? C : null
       }, g),
       j
     );
@@ -8510,10 +8510,10 @@ const E2 = (o) => {
       placeholder: u,
       readonly: p = !1,
       required: f = !1,
-      rows: E = 5,
+      rows: _ = 5,
       showLabel: $,
       textareaProps: g,
-      translationStrings: C = {
+      translationStrings: v = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
         searchShortcut: "Press / to focus the search field",
@@ -8521,9 +8521,9 @@ const E2 = (o) => {
         visibilityToggleHide: "Hide input value",
         visibilityToggleShow: "Show input value"
       },
-      validationMessage: _,
+      validationMessage: E,
       validationStatus: b,
-      value: v,
+      value: C,
       className: w
     } = N, x = S(N, [
       "counterMaxLength",
@@ -8549,9 +8549,9 @@ const E2 = (o) => {
       "value",
       "className"
     ]);
-    const L = ht(r), z = "pds-textarea", O = o ? "pds-is-resizable" : null, V = a ? te.disabled : null, k = f && !a ? te.required : null, I = b === "error" ? te.error : null, A = b === "success" ? te.success : null, B = p ? te.readonly : null, F = _ || i, j = v != null && d !== void 0, Z = typeof n != "undefined", [G, T] = R(
+    const L = ht(r), z = "pds-textarea", O = o ? "pds-is-resizable" : null, V = a ? te.disabled : null, k = f && !a ? te.required : null, I = b === "error" ? te.error : null, A = b === "success" ? te.success : null, B = p ? te.readonly : null, F = E || i, j = C != null && d !== void 0, Z = typeof n != "undefined", [G, T] = R(
       Z ? n : ""
-    ), D = v || G, W = (ne) => {
+    ), D = C || G, W = (ne) => {
       j || T(ne.target.value), d && d(ne);
     }, U = (ne) => {
       m && m(ne);
@@ -8587,7 +8587,7 @@ const E2 = (o) => {
           id: c,
           currentLength: D.length,
           maxLength: t,
-          overLimitMessage: C.counterOverLimit
+          overLimitMessage: v.counterOverLimit
         }
       )),
       /* @__PURE__ */ e.createElement("div", { className: `${z}__input-wrapper` }, /* @__PURE__ */ e.createElement(
@@ -8601,8 +8601,8 @@ const E2 = (o) => {
           required: f,
           readOnly: p,
           disabled: a,
-          value: j ? v : G,
-          rows: E,
+          value: j ? C : G,
+          rows: _,
           onChange: W,
           onBlur: U,
           onFocus: h,
@@ -8615,7 +8615,7 @@ const E2 = (o) => {
         {
           id: c,
           message: F,
-          hasValidationMessage: !!_,
+          hasValidationMessage: !!E,
           validationMessageHasDecorators: !0,
           validationStatus: b
         }
@@ -8643,18 +8643,18 @@ const E2 = (o) => {
     "title",
     "className"
   ]);
-  const u = "pds-modal", p = o !== "md" ? `${u}--${o}` : null, [f, E] = R(c);
+  const u = "pds-modal", p = o !== "md" ? `${u}--${o}` : null, [f, _] = R(c);
   ie(() => {
-    E(c);
+    _(c);
   }, [c]), ie(() => {
     r(f);
   }, [f]);
-  const { refs: $, context: g, floatingStyles: C } = Ie({
+  const { refs: $, context: g, floatingStyles: v } = Ie({
     open: f,
-    onOpenChange: E
-  }), _ = Je(g), b = Se(g, {
+    onOpenChange: _
+  }), E = Je(g), b = Se(g, {
     outsidePressEvent: "mousedown"
-  }), v = Te(g), { getFloatingProps: w } = Oe([_, b, v]), { isMounted: x, styles: H } = Qe(g, {
+  }), C = Te(g), { getFloatingProps: w } = Oe([E, b, C]), { isMounted: x, styles: H } = Qe(g, {
     duration: {
       open: 300,
       close: 300
@@ -8676,21 +8676,21 @@ const E2 = (o) => {
     t1,
     {
       lockScroll: !0,
-      style: fe(y({}, C), {
+      style: fe(y({}, v), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)",
         position: "fixed"
       })
     },
-    /* @__PURE__ */ e.createElement(_s, { context: g }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(Es, { context: g }, /* @__PURE__ */ e.createElement(
       "div",
       y(fe(y({
         ref: $.setFloating,
         "aria-label": t || l
       }, w()), {
         className: [u, p, i].join(" ").trim().replace(/\s+/g, " "),
-        style: fe(y(y({}, C), H), {
+        style: fe(y(y({}, v), H), {
           position: "relative",
           top: "5%"
         })
@@ -8698,7 +8698,7 @@ const E2 = (o) => {
       a && /* @__PURE__ */ e.createElement(
         "button",
         {
-          onClick: () => E(!1),
+          onClick: () => _(!1),
           className: `${u}__close`,
           type: "button"
         },
@@ -8788,7 +8788,7 @@ const E2 = (o) => {
       },
       N.linkContent
     ))
-  ), [u, p] = R(!1), { refs: f, floatingStyles: E, context: $ } = Ie({
+  ), [u, p] = R(!1), { refs: f, floatingStyles: _, context: $ } = Ie({
     placement: "right-start",
     open: u,
     onOpenChange: p,
@@ -8797,10 +8797,10 @@ const E2 = (o) => {
   }), g = vt($, {
     move: !1,
     handleClose: bs()
-  }), C = gs($), _ = Se($), b = Te($, { role: "menu" }), { getReferenceProps: v, getFloatingProps: w } = Oe([
+  }), v = gs($), E = Se($), b = Te($, { role: "menu" }), { getReferenceProps: C, getFloatingProps: w } = Oe([
     g,
-    C,
-    _,
+    v,
+    E,
     b
   ]), x = (H) => {
     const M = H.target;
@@ -8820,7 +8820,7 @@ const E2 = (o) => {
         n ? `${i}--active` : null
       ]),
       ref: a ? null : f.setReference
-    }, v()),
+    }, C()),
     o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${i}-wrapper` }, Gt(
       l,
       r,
@@ -8843,7 +8843,7 @@ const E2 = (o) => {
       y({
         className: `${l}__flyout`,
         ref: f.setFloating,
-        style: E
+        style: _
       }, w()),
       /* @__PURE__ */ e.createElement("div", { className: `${l}__flyout-heading` }, lt(r)),
       h(o, "second-level-flyout")
@@ -8872,7 +8872,7 @@ const E2 = (o) => {
     "selectTextFallback",
     "className"
   ]);
-  const i = "pds-dropdown-menu", [m, d] = R(!1), [h, u] = R(null), p = Bs(n), f = p ? p.props.children : a, E = /* @__PURE__ */ e.createElement(
+  const i = "pds-dropdown-menu", [m, d] = R(!1), [h, u] = R(null), p = Bs(n), f = p ? p.props.children : a, _ = /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: "check",
@@ -8893,7 +8893,7 @@ const E2 = (o) => {
       };
     }
   }, [m]);
-  const C = ({
+  const v = ({
     item: I,
     level: A
   }) => fe(y({}, I), {
@@ -8904,32 +8904,32 @@ const E2 = (o) => {
         tabIndex: -1
       }
     )
-  }), _ = (I) => {
+  }), E = (I) => {
     const A = [];
     return I.forEach((B) => {
-      B.links ? (A.push(C({ item: B, level: "top-level" })), B.links.forEach((F) => {
-        F.links ? (A.push(C({ item: F, level: "second-level" })), F.links.forEach((j) => {
+      B.links ? (A.push(v({ item: B, level: "top-level" })), B.links.forEach((F) => {
+        F.links ? (A.push(v({ item: F, level: "second-level" })), F.links.forEach((j) => {
           A.push(
-            C({ item: j, level: "third-level" })
+            v({ item: j, level: "third-level" })
           );
-        })) : A.push(C({ item: F, level: "second-level" }));
-      })) : A.push(C({ item: B, level: "top-level" }));
+        })) : A.push(v({ item: F, level: "second-level" }));
+      })) : A.push(v({ item: B, level: "top-level" }));
     }), A;
-  }, { refs: b, context: v } = Ie({
+  }, { refs: b, context: C } = Ie({
     placement: "bottom-start",
     open: m,
     onOpenChange: d,
     whileElementsMounted: qe
-  }), w = se([]), x = pt(v, {
+  }), w = se([]), x = pt(C, {
     listRef: w,
     activeIndex: h,
     onNavigate: u,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), H = Je(v, { event: "mousedown" }), M = Se(v), N = Te(v, { role: "menu" }), { getReferenceProps: L, getFloatingProps: z, getItemProps: O } = Oe(
+  }), H = Je(C, { event: "mousedown" }), M = Se(C), N = Te(C, { role: "menu" }), { getReferenceProps: L, getFloatingProps: z, getItemProps: O } = Oe(
     [M, N, H, x]
-  ), { isMounted: V, styles: k } = Qe(v, {
+  ), { isMounted: V, styles: k } = Qe(C, {
     duration: {
       open: 300,
       close: 300
@@ -8968,7 +8968,7 @@ const E2 = (o) => {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, z()),
-    _(n).map((I, A) => /* @__PURE__ */ e.createElement(
+    E(n).map((I, A) => /* @__PURE__ */ e.createElement(
       "li",
       y({
         key: A,
@@ -8980,7 +8980,7 @@ const E2 = (o) => {
         }
       }, O()),
       I.linkContent,
-      I.isActive === !0 && E
+      I.isActive === !0 && _
     ))
   ));
 }, N2 = /* @__PURE__ */ e.createElement(
@@ -9340,25 +9340,25 @@ const E2 = (o) => {
   const h = we(xt);
   let u = !0, p = null;
   h && (u = h.isSidebarExpanded, p = h.logoLinkContent);
-  const f = "pds-dashboard-nav", E = u ? `${f}--expanded` : `${f}--collapsed`, $ = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, a.map((_, b) => /* @__PURE__ */ e.createElement(
+  const f = "pds-dashboard-nav", _ = u ? `${f}--expanded` : `${f}--collapsed`, $ = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, a.map((E, b) => /* @__PURE__ */ e.createElement(
     w2,
     {
       key: b,
-      icon: _.icon,
-      isActive: ye(_),
+      icon: E.icon,
+      isActive: ye(E),
       isSidebarExpanded: u,
       labels: n,
-      linkContent: _.linkContent,
-      links: _.links
+      linkContent: E.linkContent,
+      links: E.links
     }
-  )))), g = a.map((_) => fe(y({}, _), {
+  )))), g = a.map((E) => fe(y({}, E), {
     linkContent: Gt(
       f,
-      _.linkContent,
-      _.links,
-      _.icon
+      E.linkContent,
+      E.links,
+      E.icon
     )
-  })), C = /* @__PURE__ */ e.createElement(
+  })), v = /* @__PURE__ */ e.createElement(
     Jt,
     {
       menuItems: g,
@@ -9369,7 +9369,7 @@ const E2 = (o) => {
     "nav",
     y({
       "aria-label": t,
-      className: K([f, E, r])
+      className: K([f, _, r])
     }, o),
     !m && /* @__PURE__ */ e.createElement(
       js,
@@ -9379,7 +9379,7 @@ const E2 = (o) => {
         linkContent: p
       }
     ),
-    m ? C : $
+    m ? v : $
   );
 }, dt = (r) => {
   var o = r, {
@@ -9428,13 +9428,13 @@ const E2 = (o) => {
     "translationStrings",
     "className"
   ]);
-  const [E, $] = R(!1);
+  const [_, $] = R(!1);
   let g = !1;
-  const C = we(je);
-  C && (g = C.isMobile);
-  const _ = we(xt);
-  _ && (l = _.logoLinkContent);
-  const b = "pds-navbar", v = c ? `${b}--noBorder` : "", w = n !== "default" ? `${b}--${n}` : "", x = g ? `${b}--isMobile` : `${b}--notMobile`, H = (T) => {
+  const v = we(je);
+  v && (g = v.isMobile);
+  const E = we(xt);
+  E && (l = E.logoLinkContent);
+  const b = "pds-navbar", C = c ? `${b}--noBorder` : "", w = n !== "default" ? `${b}--${n}` : "", x = g ? `${b}--isMobile` : `${b}--notMobile`, H = (T) => {
     const D = T.key;
     let W = !1;
     switch (D) {
@@ -9448,34 +9448,34 @@ const E2 = (o) => {
   ie(() => (window.addEventListener("keyup", H), () => {
     window.removeEventListener("keyup", H);
   }), []);
-  const M = () => $(!E), N = Js();
+  const M = () => $(!_), N = Js();
   ie(() => {
     if (g && t) {
       const T = Cs(
         document.querySelector(".pds-navbar__mobile")
       ), D = ["a", "button", "input", "select", "textarea"];
-      E ? T.forEach((W) => {
+      _ ? T.forEach((W) => {
         D.includes(W.nodeName.toLowerCase()) && (W.tabIndex = 0);
       }) : T.forEach((W) => {
         D.includes(W.nodeName.toLowerCase()) && (W.tabIndex = -1);
       });
     }
-  }, [E]);
+  }, [_]);
   const L = (T) => {
     T.target.nodeName === "A" && $(!1);
   };
   ie(() => {
-    if (E) {
+    if (_) {
       const T = document.querySelector(".pds-navbar__bar-mobile"), D = document.querySelector(".pds-navbar__mobile");
       return T.addEventListener("click", L), D.addEventListener("click", L), () => {
         T.removeEventListener("click", L), D.removeEventListener("click", L);
       };
     }
-  }, [E]), ie(() => {
+  }, [_]), ie(() => {
     g ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
   }, [g]), ie(() => {
-    E ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
-  }, [E]);
+    _ ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
+  }, [_]);
   const z = Yt(t), O = z["items-left"], V = z["items-right"];
   let k = "default";
   (n === "reverse" || n === "reverse-transparent") && (k = "reverse");
@@ -9494,14 +9494,14 @@ const E2 = (o) => {
     "button",
     {
       className: `${b}__menu-toggle`,
-      "aria-label": E ? d.closeMobileNav : d.openMobileNav,
+      "aria-label": _ ? d.closeMobileNav : d.openMobileNav,
       onClick: M
     },
-    /* @__PURE__ */ e.createElement(P, { iconName: E ? "xmark" : "bars", iconSize: "lg" })
+    /* @__PURE__ */ e.createElement(P, { iconName: _ ? "xmark" : "bars", iconSize: "lg" })
   ), j = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: E ? `${b}__mobile ${b}__mobile--open` : `${b}__mobile ${b}__mobile--closed`,
+      className: _ ? `${b}__mobile ${b}__mobile--open` : `${b}__mobile ${b}__mobile--closed`,
       ref: N
     },
     /* @__PURE__ */ e.createElement(dt, null, O, V)
@@ -9521,7 +9521,7 @@ const E2 = (o) => {
       className: K([
         b,
         w,
-        v,
+        C,
         x,
         h != null ? h : ""
       ])
@@ -9552,19 +9552,19 @@ const E2 = (o) => {
     "className"
   ]);
   const u = "pds-side-nav", [p, f] = R(1025);
-  ie(() => (f(window.innerWidth), window.addEventListener("resize", E), () => {
-    window.removeEventListener("resize", E);
+  ie(() => (f(window.innerWidth), window.addEventListener("resize", _), () => {
+    window.removeEventListener("resize", _);
   }), []);
-  const E = () => {
+  const _ = () => {
     f(window.innerWidth);
-  }, $ = p <= o, g = (v) => {
-    const w = v.target;
+  }, $ = p <= o, g = (C) => {
+    const w = C.target;
     w.classList.toggle(`${u}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${u}__menu--expanded`);
-  }, C = (v, w) => {
-    const { linkContent: x, links: H } = v, M = `${u}__item`, N = `${u}__menu`;
+  }, v = (C, w) => {
+    const { linkContent: x, links: H } = C, M = `${u}__item`, N = `${u}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9573,16 +9573,16 @@ const E2 = (o) => {
           M,
           `${M}--top-level`,
           H ? `${M}--has-children` : null,
-          ye(v) ? `${M}--active` : null
+          ye(C) ? `${M}--active` : null
         ])
       },
       H ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${M}-wrapper` }, ct(x, H), /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-expanded": ye(v),
+          "aria-expanded": ye(C),
           className: K([
             `${u}__toggle`,
-            ye(v) ? `${u}__toggle--expanded` : null
+            ye(C) ? `${u}__toggle--expanded` : null
           ]),
           onClick: g
         },
@@ -9594,7 +9594,7 @@ const E2 = (o) => {
           className: K([
             N,
             `${N}--second-level`,
-            ye(v) ? `${N}--expanded` : null
+            ye(C) ? `${N}--expanded` : null
           ])
         },
         H.map((L, z) => /* @__PURE__ */ e.createElement(
@@ -9617,7 +9617,7 @@ const E2 = (o) => {
         x
       )
     );
-  }, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((v, w) => C(v, w)))), b = /* @__PURE__ */ e.createElement(
+  }, E = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((C, w) => v(C, w)))), b = /* @__PURE__ */ e.createElement(
     Jt,
     {
       headingText: a,
@@ -9631,7 +9631,7 @@ const E2 = (o) => {
       "aria-label": t,
       className: K([u, i != null ? i : ""])
     }, m),
-    $ && n ? b : _
+    $ && n ? b : E
   );
 }, rn = (d) => {
   var h = d, {
@@ -9657,19 +9657,19 @@ const E2 = (o) => {
     "className"
   ]);
   const u = "pds-side-nav-compact", [p, f] = R(1025);
-  ie(() => (f(window.innerWidth), window.addEventListener("resize", E), () => {
-    window.removeEventListener("resize", E);
+  ie(() => (f(window.innerWidth), window.addEventListener("resize", _), () => {
+    window.removeEventListener("resize", _);
   }), []);
-  const E = () => {
+  const _ = () => {
     f(window.innerWidth);
-  }, $ = p <= o, g = (v) => {
-    const w = v.target;
+  }, $ = p <= o, g = (C) => {
+    const w = C.target;
     w.classList.toggle(`${u}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${u}__menu--expanded`);
-  }, C = (v, w) => {
-    const { linkContent: x, links: H } = v, M = `${u}__item`, N = `${u}__menu`;
+  }, v = (C, w) => {
+    const { linkContent: x, links: H } = C, M = `${u}__item`, N = `${u}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9678,16 +9678,16 @@ const E2 = (o) => {
           M,
           `${M}--top-level`,
           H ? `${M}--has-children` : null,
-          ye(v) ? `${M}--active` : null
+          ye(C) ? `${M}--active` : null
         ])
       },
       H ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${M}-wrapper` }, /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-expanded": ye(v),
+          "aria-expanded": ye(C),
           className: K([
             `${u}__toggle`,
-            ye(v) ? `${u}__toggle--expanded` : null
+            ye(C) ? `${u}__toggle--expanded` : null
           ]),
           onClick: g
         },
@@ -9699,7 +9699,7 @@ const E2 = (o) => {
           className: K([
             N,
             `${N}--second-level`,
-            ye(v) ? `${N}--expanded` : null
+            ye(C) ? `${N}--expanded` : null
           ])
         },
         H.map((L, z) => /* @__PURE__ */ e.createElement(
@@ -9761,7 +9761,7 @@ const E2 = (o) => {
         x
       )
     );
-  }, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((v, w) => C(v, w)))), b = /* @__PURE__ */ e.createElement(
+  }, E = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((C, w) => v(C, w)))), b = /* @__PURE__ */ e.createElement(
     Jt,
     {
       headingText: a,
@@ -9775,7 +9775,7 @@ const E2 = (o) => {
       "aria-label": t,
       className: K([u, i != null ? i : ""])
     }, m),
-    $ && n ? b : _
+    $ && n ? b : E
   );
 }, on = (m) => {
   var d = m, {
@@ -9795,11 +9795,11 @@ const E2 = (o) => {
     "withinNavbar",
     "className"
   ]);
-  const [h, u] = R(null), [p, f] = R(!1), E = se([]), $ = se([]);
+  const [h, u] = R(null), [p, f] = R(!1), _ = se([]), $ = se([]);
   let g = !1;
-  const C = we(je);
-  C && (g = C.isMobile);
-  const _ = o && g, b = "pds-user-menu", v = _ ? `${b}--isMobile` : null, w = `${b}__menu`, { refs: x, floatingStyles: H, context: M } = Ie({
+  const v = we(je);
+  v && (g = v.isMobile);
+  const E = o && g, b = "pds-user-menu", C = E ? `${b}--isMobile` : null, w = `${b}__menu`, { refs: x, floatingStyles: H, context: M } = Ie({
     placement: "bottom-end",
     open: p,
     onOpenChange: f,
@@ -9837,26 +9837,26 @@ const E2 = (o) => {
       uniqueId: a,
       className: `${b}__avatar`
     }
-  ), Z = /* @__PURE__ */ e.createElement(P, { iconName: "angleDown", className: `${b}__trigger-icon` }), G = /* @__PURE__ */ e.createElement("li", { className: `${b}__user-details`, role: "presentation" }, _ ? null : /* @__PURE__ */ e.createElement("div", { className: `${b}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${b}__user-email` }, a));
+  ), Z = /* @__PURE__ */ e.createElement(P, { iconName: "angleDown", className: `${b}__trigger-icon` }), G = /* @__PURE__ */ e.createElement("li", { className: `${b}__user-details`, role: "presentation" }, E ? null : /* @__PURE__ */ e.createElement("div", { className: `${b}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${b}__user-email` }, a));
   n.forEach((J) => {
     const de = J.id ? J.id : We();
-    E.current.push(de), $.current.push(J);
+    _.current.push(de), $.current.push(J);
   });
   const T = (J) => {
-    const de = E.current.indexOf(J), ae = $.current[de];
+    const de = _.current.indexOf(J), ae = $.current[de];
     ae.linkContent && !ae.disabled && (O.current[de].querySelector("a").click(), f(!1)), ae.callback && !ae.disabled && (ae.callback(ae), f(!1));
   }, D = (J) => {
     J.preventDefault(), J.key === "Enter" && T(J.currentTarget.id);
   }, W = (J) => {
     T(J.currentTarget.id);
   }, U = n.map((J, de) => {
-    const ae = E.current[de], ee = `${b}__item`, _e = J.disabled ? `${ee}--disabled` : null;
+    const ae = _.current[de], ee = `${b}__item`, Ee = J.disabled ? `${ee}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
         key: ae,
         id: ae,
-        className: K([ee, _e]),
+        className: K([ee, Ee]),
         role: "menuitem",
         tabIndex: h === de ? 0 : -1,
         ref: (me) => {
@@ -9921,9 +9921,9 @@ const E2 = (o) => {
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: K([b, v, l != null ? l : ""])
+      className: K([b, C, l != null ? l : ""])
     }, i),
-    _ ? be : ne
+    E ? be : ne
   );
 }, H2 = {
   info: "circleInfo",
@@ -9952,19 +9952,19 @@ const E2 = (o) => {
   const [d, h] = R(t), u = d.length;
   if (u === 0)
     return null;
-  const p = "pds-banner", f = u > 1 ? `${p}-group--multiple` : null, E = {
+  const p = "pds-banner", f = u > 1 ? `${p}-group--multiple` : null, _ = {
     info: `${p}--info`,
     warning: `${p}--warning`,
     critical: `${p}--critical`
-  }, $ = u > 0 ? d[0].type : null, g = $ ? `${p}-group--${$}` : null, C = (H) => ({
+  }, $ = u > 0 ? d[0].type : null, g = $ ? `${p}-group--${$}` : null, v = (H) => ({
     zIndex: St - H
-  }), _ = (H) => H === 0 ? 0 : -1, b = () => {
+  }), E = (H) => H === 0 ? 0 : -1, b = () => {
     const H = document.getElementsByClassName(
       `${p}--fading`
     );
     for (; H.length; )
       H[0].classList.remove(`${p}--fading`);
-  }, v = () => {
+  }, C = () => {
     b(), document.getElementById(d[0].id).classList.add(`${p}--fading`), setTimeout(() => {
       h((H) => [
         ...H.slice(1),
@@ -9997,10 +9997,10 @@ const E2 = (o) => {
       {
         key: N,
         id: N,
-        className: K([p, E[V]]),
+        className: K([p, _[V]]),
         role: I,
         style: {
-          zIndex: C(M).zIndex
+          zIndex: v(M).zIndex
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
@@ -10016,7 +10016,7 @@ const E2 = (o) => {
         {
           className: `${p}__dismiss-button`,
           onClick: B,
-          tabIndex: _(M)
+          tabIndex: E(M)
         },
         n
       )
@@ -10048,7 +10048,7 @@ const E2 = (o) => {
         size: "lg",
         className: `${p}__nav-button ${p}__nav-button--next`,
         ariaLabel: a,
-        onClick: v
+        onClick: C
       }
     ), d.map((H, M) => x(H, M))) : x(d[0], 0)
   );
@@ -10133,7 +10133,7 @@ const E2 = (o) => {
     "typeLabels",
     "className"
   ]);
-  const p = se(null), f = "pds-section-message", E = {
+  const p = se(null), f = "pds-section-message", _ = {
     error: `${f}--error`,
     success: `${f}--success`,
     warning: `${f}--warning`,
@@ -10142,24 +10142,24 @@ const E2 = (o) => {
     discovery: `${f}--discovery`,
     dismissing: `${f}--dismissing`,
     dismissed: `${f}--dismissed`
-  }, $ = o ? `${f}--hasTitle` : null, C = ["critical", "warning"].includes(l) ? "alert" : "status", _ = `${i[l]}: `, b = () => {
-    p.current.addEventListener("animationend", v, {
+  }, $ = o ? `${f}--hasTitle` : null, v = ["critical", "warning"].includes(l) ? "alert" : "status", E = `${i[l]}: `, b = () => {
+    p.current.addEventListener("animationend", C, {
       once: !0
     });
-  }, v = (x) => {
+  }, C = (x) => {
     c(x, n);
   }, w = () => {
-    b(), p.current.classList.toggle(E.dismissing), setTimeout(() => {
-      p.current.classList.toggle(E.dismissing), p.current.classList.toggle(E.dismissed);
+    b(), p.current.classList.toggle(_.dismissing), setTimeout(() => {
+      p.current.classList.toggle(_.dismissing), p.current.classList.toggle(_.dismissed);
     }, 400);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [f, E[l], $, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " "),
+      className: [f, _[l], $, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " "),
       id: n,
       ref: p,
-      role: C
+      role: v
     }, d),
     /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__icon ${f}__icon-${l}` }, /* @__PURE__ */ e.createElement(
       P,
@@ -10167,7 +10167,7 @@ const E2 = (o) => {
         iconName: `${l}` in Ft ? Ft[l] : Ft.info,
         iconSize: "md"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${f}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, _), o && /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, o), /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, r))),
+    )), /* @__PURE__ */ e.createElement("div", { className: `${f}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, E), o && /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, o), /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, r))),
     a && /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -10203,7 +10203,7 @@ const E2 = (o) => {
     /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, t)
   );
 }, Ue = 8, ms = 14, z2 = 6, hn = (f) => {
-  var E = f, {
+  var _ = f, {
     content: t,
     customTrigger: n = !1,
     hasCloseButton: a = !1,
@@ -10218,7 +10218,7 @@ const E2 = (o) => {
     setPopoverIsOpen: h = () => {
     },
     className: u
-  } = E, p = S(E, [
+  } = _, p = S(_, [
     "content",
     "customTrigger",
     "hasCloseButton",
@@ -10239,17 +10239,17 @@ const E2 = (o) => {
   }, [d]), ie(() => {
     h($);
   }, [$]);
-  const C = typeof n, _ = "pds-popover", b = [
-    `${_}__trigger-custom`,
-    C === "string" ? `${_}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), v = n ? c : 0, w = se(null), { refs: x, floatingStyles: H, context: M, middlewareData: N } = Ie({
+  const v = typeof n, E = "pds-popover", b = [
+    `${E}__trigger-custom`,
+    v === "string" ? `${E}__trigger-text` : ""
+  ].join(" ").trim().replace(/\s+/g, " "), C = n ? c : 0, w = se(null), { refs: x, floatingStyles: H, context: M, middlewareData: N } = Ie({
     placement: o,
     open: $,
     onOpenChange(U) {
       g(U), U || r();
     },
     middleware: [
-      wt(Ue + z2 + v),
+      wt(Ue + z2 + C),
       Nt({ padding: 8 }),
       kt({ padding: 8 }),
       s1({ element: w })
@@ -10277,27 +10277,27 @@ const E2 = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [_, u].join(" ").trim().replace(/\s+/g, " ")
+      className: [E, u].join(" ").trim().replace(/\s+/g, " ")
     }, p),
     /* @__PURE__ */ e.createElement(
       "span",
       y({
-        className: `${_}__trigger`,
+        className: `${E}__trigger`,
         ref: x.setReference
       }, k()),
       n ? /* @__PURE__ */ e.createElement("span", { className: b }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), /* @__PURE__ */ e.createElement(
         P,
         {
           iconName: i,
-          className: `${_}__icon`,
+          className: `${E}__icon`,
           iconSize: "md"
         }
       ))
     ),
-    Z && /* @__PURE__ */ e.createElement(_s, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
+    Z && /* @__PURE__ */ e.createElement(Es, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
       "div",
       y({
-        className: `${_}__container`,
+        className: `${E}__container`,
         ref: x.setFloating,
         style: H
       }, I()),
@@ -10312,10 +10312,10 @@ const E2 = (o) => {
           fill: "var(--pds-color-background-default)",
           stroke: "var(--pds-color-border-default)",
           strokeWidth: 1,
-          className: `${_}__arrow`
+          className: `${E}__arrow`
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: `${_}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${_}__title` }, l), t && /* @__PURE__ */ e.createElement("div", { className: `${_}__content` }, t), a && /* @__PURE__ */ e.createElement("button", { onClick: L, className: `${_}__close` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"), /* @__PURE__ */ e.createElement(P, { iconName: "xmark", iconSize: "lg" })))
+      /* @__PURE__ */ e.createElement("div", { className: `${E}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${E}__title` }, l), t && /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, t), a && /* @__PURE__ */ e.createElement("button", { onClick: L, className: `${E}__close` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"), /* @__PURE__ */ e.createElement(P, { iconName: "xmark", iconSize: "lg" })))
     ))
   );
 }, us = {
@@ -10351,45 +10351,45 @@ const E2 = (o) => {
     "size",
     "className"
   ]);
-  const f = n || We(), E = "pds-progress-bar", $ = l ? `${E}__label` : "visually-hidden", g = `${E}__track ${E}__track--${m}`, C = o > 100 ? 100 : o;
-  let _ = "neutral";
+  const f = n || We(), _ = "pds-progress-bar", $ = l ? `${_}__label` : "visually-hidden", g = `${_}__track ${_}__track--${m}`, v = o > 100 ? 100 : o;
+  let E = "neutral";
   t.forEach((x) => {
-    o >= x.percentage && (_ = x.colorType);
+    o >= x.percentage && (E = x.colorType);
   });
-  const b = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, c), v = c && r === "above", w = c && r === "below";
+  const b = /* @__PURE__ */ e.createElement("div", { className: `${_}__message` }, c), C = c && r === "above", w = c && r === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [E, d].join(" ").trim().replace(/\s+/g, " "),
-      style: { "--bar-percentage": `${C}%` }
+      className: [_, d].join(" ").trim().replace(/\s+/g, " "),
+      style: { "--bar-percentage": `${v}%` }
     }, h),
     /* @__PURE__ */ e.createElement("div", { id: f, className: $ }, a),
-    (v || i) && /* @__PURE__ */ e.createElement("div", { className: `${E}__details` }, v && b, i && /* @__PURE__ */ e.createElement(
+    (C || i) && /* @__PURE__ */ e.createElement("div", { className: `${_}__details` }, C && b, i && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${E}__percentage`,
+        className: `${_}__percentage`,
         style: {
-          color: `hsl(from var(${us[_]}) h s calc(l - 7))`
+          color: `hsl(from var(${us[E]}) h s calc(l - 7))`
         }
       },
       o,
       "%"
     )),
-    /* @__PURE__ */ e.createElement("div", { className: `${E}__wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${_}__wrapper` }, /* @__PURE__ */ e.createElement(
       "div",
       {
         role: "progressbar",
         "aria-labelledby": f,
-        "aria-valuenow": C,
+        "aria-valuenow": v,
         className: g
       },
       /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: `${E}__bar`,
+          className: `${_}__bar`,
           style: {
-            width: `${C}%`,
-            backgroundColor: `var(${us[_]})`
+            width: `${v}%`,
+            backgroundColor: `var(${us[E]})`
           }
         }
       )
@@ -10481,7 +10481,7 @@ const E2 = (o) => {
       /* @__PURE__ */ e.createElement(P, { iconName: Wt[l].icon, iconSize: "xl" })
     )))
   );
-}, _n = (r) => {
+}, En = (r) => {
   var o = r, {
     label: t = null,
     type: n = "neutral",
@@ -10531,9 +10531,9 @@ let ps = [
   "color-20"
 ];
 const M2 = (t) => {
-  const n = parseInt(Es(t), 16);
+  const n = parseInt(_s(t), 16);
   return ps[n % ps.length];
-}, L2 = (t, n) => t.length > n ? t.slice(0, n) + " ..." : t, En = (m) => {
+}, L2 = (t, n) => t.length > n ? t.slice(0, n) + " ..." : t, _n = (m) => {
   var d = m, {
     linkContent: t,
     isRemovable: n,
@@ -10551,16 +10551,16 @@ const M2 = (t) => {
     "tagLabel",
     "className"
   ]);
-  const [h, u] = R(!0), p = "pds-tag", f = r ? `${p}--${r}` : `${p}--${M2(o)}`, E = h ? null : "pds-tag--hide", $ = () => {
+  const [h, u] = R(!0), p = "pds-tag", f = r ? `${p}--${r}` : `${p}--${M2(o)}`, _ = h ? null : "pds-tag--hide", $ = () => {
     u((b) => !b);
   };
-  let g, C, _;
-  return t && !n && Fe(t) ? (g = t.type, C = t.props.href ? "href" : "to", _ = C === "href" ? t.props.href : t.props.to) : (g = "span", C = null, _ = null), /* @__PURE__ */ e.createElement(
+  let g, v, E;
+  return t && !n && Fe(t) ? (g = t.type, v = t.props.href ? "href" : "to", E = v === "href" ? t.props.href : t.props.to) : (g = "span", v = null, E = null), /* @__PURE__ */ e.createElement(
     g,
     y({
-      href: C === "href" ? _ : null,
-      to: C === "to" ? _ : null,
-      className: [p, f, E, l].join(" ").trim().replace(/\s+/g, " ")
+      href: v === "href" ? E : null,
+      to: v === "to" ? E : null,
+      className: [p, f, _, l].join(" ").trim().replace(/\s+/g, " ")
     }, i),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__label`, title: o }, L2(o, 20)),
     n ? /* @__PURE__ */ e.createElement(
@@ -10605,18 +10605,18 @@ const M2 = (t) => {
     "children",
     "className"
   ]);
-  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, C = n ? `${p}-align-items--${n}` : null, _ = t ? `${p}-align-content--${t}` : null, b = o && o !== "same" ? `${p}-mobile--${o}` : null;
+  const p = "pds-flex", f = l ? `${p}-gap--${l}` : null, _ = a ? `${p}-direction--${a}` : null, $ = c ? `${p}--${c}` : null, g = r ? `${p}-justify--${r}` : null, v = n ? `${p}-align-items--${n}` : null, E = t ? `${p}-align-content--${t}` : null, b = o && o !== "same" ? `${p}-mobile--${o}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
         "pds-flex-container",
         f,
-        E,
+        _,
         $,
         g,
-        C,
-        _,
+        v,
+        E,
         b,
         m
       ].join(" ").trim().replace(/\s+/g, " ")
@@ -10774,30 +10774,30 @@ const S2 = (o) => {
     "className"
   ]);
   const i = "pds-two-item-layout", m = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, d = ["pds-grid-item--md-6"], h = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], u = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"];
-  let f, E;
+  let f, _;
   switch (a) {
     case "equal":
-      f = p.concat(d), E = p.concat(d);
+      f = p.concat(d), _ = p.concat(d);
       break;
     case "one-third-start":
-      f = p.concat(h), E = p.concat(u);
+      f = p.concat(h), _ = p.concat(u);
       break;
     case "one-third-end":
-      f = p.concat(u), E = p.concat(h);
+      f = p.concat(u), _ = p.concat(h);
   }
   const $ = {};
-  e.Children.forEach(t, (_) => {
-    const b = _.props.slot;
-    b && ($[b] ? $[b].push(_) : $[b] = [_]);
+  e.Children.forEach(t, (E) => {
+    const b = E.props.slot;
+    b && ($[b] ? $[b].push(E) : $[b] = [E]);
   });
-  const g = $["first-item"], C = $["second-item"];
+  const g = $["first-item"], v = $["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [i, m, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("div", { className: f.join(" ").trim() }, g),
-    /* @__PURE__ */ e.createElement("div", { className: E.join(" ").trim() }, C)
+    /* @__PURE__ */ e.createElement("div", { className: _.join(" ").trim() }, v)
   );
 };
 S2.propTypes = {
@@ -10837,40 +10837,39 @@ const vn = ({
     "sidebarWidth",
     "className"
   ]);
-  const d = "pds-sidebar-layout", h = `pds-grid pds-grid--${n}`, u = `${d}--${a}`, p = `${d}--${c}`, f = `${d}--${r}`;
-  let E = !1;
-  const $ = we(je);
-  $ && (E = $.isMobile);
-  const g = Yt(t);
-  let C = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-8 pds-grid-item--xl-9", _ = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-4 pds-grid-item--xl-3";
-  r === "narrow" && (C = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", _ = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2"), r === "wide" && (C = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", _ = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
-  const b = /* @__PURE__ */ e.createElement(
+  const d = "pds-sidebar-layout", h = `pds-grid pds-grid--${n}`, u = `${d}--${r}`;
+  let p = !1;
+  const f = we(je);
+  f && (p = f.isMobile);
+  const _ = Yt(t);
+  let $ = "pds-grid-item pds-grid-item--md-8", g = "pds-grid-item pds-grid-item--md-4";
+  r === "narrow" && ($ = "pds-grid-item pds-grid-item--md-9", g = "pds-grid-item pds-grid-item--md-3"), r === "wide" && ($ = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", g = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
+  const v = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: `${d}__main ${E ? "pds-grid-item" : C}`
+      key: "content",
+      className: `${d}__main ${p ? "pds-grid-item" : $}`
     },
-    g.content
-  ), v = /* @__PURE__ */ e.createElement(
+    _.content
+  ), E = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: `${d}__side ${E ? "pds-grid-item" : _}`
+      key: "sidebar",
+      className: `${d}__side ${p ? "pds-grid-item" : g}`
     },
-    g.sidebar
+    _.sidebar
   );
-  let w;
-  return a === "left" ? w = [v, b] : w = [b, v], E && (c === "before" ? w = [v, b] : w = [b, v]), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: K([
         d,
         h,
         u,
-        p,
-        f,
         o != null ? o : ""
       ])
     }, l),
-    w
+    p ? c === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, E, v) : /* @__PURE__ */ e.createElement(e.Fragment, null, v, E) : a === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, E, v) : /* @__PURE__ */ e.createElement(e.Fragment, null, v, E)
   );
 };
 export {
@@ -10944,15 +10943,15 @@ export {
   s2 as SplitButton,
   n2 as StatsTileList,
   Qt as StatusBadge,
-  _n as StatusIndicator,
+  En as StatusIndicator,
   o2 as Stepper,
   V2 as StepperLayout,
   tn as Switch,
   i2 as Table,
   d2 as TableOfContents,
   U2 as Tabs,
-  En as Tag,
-  E2 as Tally,
+  _n as Tag,
+  _2 as Tally,
   f2 as TextInput,
   sn as Textarea,
   I2 as ThreeItemLayout,
@@ -10965,7 +10964,7 @@ export {
   Ct as Tooltip,
   S2 as TwoItemLayout,
   on as UserMenu,
-  _2 as WorkspaceSelector,
+  E2 as WorkspaceSelector,
   as as iconList,
   ps as tagColors,
   G2 as useToast