@pantheon-systems/pds-toolkit-react 1.0.0-dev.161 → 1.0.0-dev.162

package/_dist/index.js

@@ -774,13 +774,13 @@ const l1 = {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), w = gs(C), M = Ie(C), k = Te(C, { role: "tooltip" }), { getReferenceProps: x, getFloatingProps: N } = Oe([
+  }), w = gs(C), L = Ie(C), k = Te(C, { role: "tooltip" }), { getReferenceProps: x, getFloatingProps: N } = Oe([
     v,
     w,
-    M,
+    L,
     k
-  ]), L = c1, z = ge(y({}, f), {
-    zIndex: a || L
+  ]), M = c1, z = ge(y({}, f), {
+    zIndex: a || M
   });
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -1805,7 +1805,7 @@ const Ae = Ke(
       "validationState",
       "className"
     ]);
-    const C = "pds-input-wrapper", v = `${C}--${r}`, w = "pds-input-label", M = `pds-input-field__message pds-input-field__message--${p}`, k = b === "error" ? "pds-has-error" : null, x = b === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, L = h ? "pds-is-readonly" : null, z = d && !a ? "pds-is-required" : null, I = o ? `${o / 16}rem` : null, H = o ? { width: I } : null, V = l ? "fieldset" : "div", S = d && !a ? /* @__PURE__ */ e.createElement(
+    const C = "pds-input-wrapper", v = `${C}--${r}`, w = "pds-input-label", L = `pds-input-field__message pds-input-field__message--${p}`, k = b === "error" ? "pds-has-error" : null, x = b === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, M = h ? "pds-is-readonly" : null, z = d && !a ? "pds-is-required" : null, I = o ? `${o / 16}rem` : null, H = o ? { width: I } : null, V = l ? "fieldset" : "div", S = d && !a ? /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: "asterisk",
@@ -1815,7 +1815,7 @@ const Ae = Ke(
     ) : null, D = m ? /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: M,
+        className: L,
         id: `${c}__message`,
         role: b === "error" ? "alert" : null,
         style: H
@@ -1829,7 +1829,7 @@ const Ae = Ke(
           C,
           v,
           N,
-          L,
+          M,
           z,
           k,
           x,
@@ -1954,7 +1954,7 @@ const ks = Ke(
       showLabel: C = !0,
       validationFunction: v,
       className: w
-    } = N, M = T(N, [
+    } = N, L = T(N, [
       "disabled",
       "hasClearButton",
       "hasDropdownTrigger",
@@ -1978,11 +1978,11 @@ const ks = Ke(
       "validationFunction",
       "className"
     ]);
-    const L = (de) => {
+    const M = (de) => {
       const me = g.find((ze) => ze.value === de);
       return me ? me.label : "";
     }, [z, I] = R(!1), [H, V] = R(null), [S, D] = R(
-      l ? L(l) : ""
+      l ? M(l) : ""
     ), [q, B] = R([]), [W, Z] = R(""), [F, O] = R(null), j = ee([]), U = "pds-combobox", { context: G, refs: te } = Se({
       open: z,
       onOpenChange: I,
@@ -2031,12 +2031,12 @@ const ks = Ke(
     }, ce = (de) => {
       const me = q[de];
       D(me.label), V(null), I(!1), $ && $(me), v && he(me);
-    }, Me = () => {
+    }, Le = () => {
       var de;
       X(), D(""), I(!0), (de = te.domReference.current) == null || de.focus();
     }, He = () => {
       I(!z);
-    }, Le = (de) => de.map((ze) => {
+    }, Me = (de) => de.map((ze) => {
       const { label: Pe, optionDisplay: je, value: pt, searchIndex: ht } = ze, P = pt || Pe, re = [Pe, pt];
       return ht && re.push(...ht), {
         label: Pe,
@@ -2046,7 +2046,7 @@ const ks = Ke(
       };
     });
     ae(() => {
-      const de = Le(g).filter((me) => {
+      const de = Me(g).filter((me) => {
         const ze = me.searchIndex.map(
           (je) => je.toLowerCase()
         ), Pe = S.toLowerCase();
@@ -2072,7 +2072,7 @@ const ks = Ke(
         active: H === me
       }),
       de.optionDisplay || de.label
-    )), Xe = W || u, Lt = i ? `${i / 16}rem` : null, Qe = i ? { width: Lt } : null;
+    )), Xe = W || u, Mt = i ? `${i / 16}rem` : null, Qe = i ? { width: Mt } : null;
     return /* @__PURE__ */ e.createElement(
       Ae,
       y({
@@ -2087,7 +2087,7 @@ const ks = Ke(
         required: f,
         showLabel: C,
         validationState: F
-      }, M),
+      }, L),
       /* @__PURE__ */ e.createElement(
         "span",
         {
@@ -2123,7 +2123,7 @@ const ks = Ke(
           {
             id: o,
             label: h.clearButton,
-            handleClearInput: Me
+            handleClearInput: Le
           }
         ),
         !S && r && /* @__PURE__ */ e.createElement(Gt, { label: h.searchShortcut }),
@@ -2443,7 +2443,7 @@ const qe = Ct(null), C1 = ({
   ), { isMobile: b } = ke(qe), E = ee(), [$] = Nt(E), _ = {
     navbarWidth: $.width,
     isSidebarExpanded: b ? !0 : d
-  }, f = "pds-dashboard", C = b ? `${f}--isMobile` : `${f}--notMobile`, v = b ? null : d ? `${f}--sidebarExpanded` : `${f}--sidebarCollapsed`, w = d ? `${r}rem` : `${c}rem`, M = {
+  }, f = "pds-dashboard", C = b ? `${f}--isMobile` : `${f}--notMobile`, v = b ? null : d ? `${f}--sidebarExpanded` : `${f}--sidebarCollapsed`, w = d ? `${r}rem` : `${c}rem`, L = {
     width: w,
     transition: "width 200ms ease-in-out"
   }, k = b ? {} : {
@@ -2458,7 +2458,7 @@ const qe = Ct(null), C1 = ({
       q && (N[q] ? N[q].push(D) : N[q] = [D]);
     }
   });
-  const L = N.header, z = N.sidebar, I = N.main, H = N.footer, V = /* @__PURE__ */ e.createElement("aside", { className: `${f}__sidebar` }, z), S = /* @__PURE__ */ e.createElement("aside", { className: `${f}__sidebar`, style: M }, n && /* @__PURE__ */ e.createElement(
+  const M = N.header, z = N.sidebar, I = N.main, H = N.footer, V = /* @__PURE__ */ e.createElement("aside", { className: `${f}__sidebar` }, z), S = /* @__PURE__ */ e.createElement("aside", { className: `${f}__sidebar`, style: L }, n && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${f}__sidebar-toggle-button`,
@@ -2479,7 +2479,7 @@ const qe = Ct(null), C1 = ({
         i != null ? i : ""
       ].join(" ").trim().replace(/\s+/g, " ")
     }, m),
-    b && L,
+    b && M,
     b ? V : S,
     /* @__PURE__ */ e.createElement(
       "div",
@@ -2488,7 +2488,7 @@ const qe = Ct(null), C1 = ({
         className: `${f}__container`,
         style: k
       },
-      !b && /* @__PURE__ */ e.createElement("div", { className: `${f}__header` }, L),
+      !b && /* @__PURE__ */ e.createElement("div", { className: `${f}__header` }, M),
       /* @__PURE__ */ e.createElement("main", { id: "main", className: `${f}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__main-inner` }, I), H && /* @__PURE__ */ e.createElement("footer", { className: `${f}__footer` }, H))
     )
   ));
@@ -2602,14 +2602,14 @@ const y1 = (E) => {
   ]);
   const [g, _] = R(!1), [f, C] = R(null), v = ee(null);
   let w = !1;
-  const M = ke(qe);
-  M && (w = M.isMobile);
+  const L = ke(qe);
+  L && (w = L.isMobile);
   let k = null;
   const x = ke(Yt);
   x && (k = x.navbarWidth);
-  const N = 2.25, L = 22, z = k > 900 ? L : k / 16 - d - N * 0.675;
+  const N = 2.25, M = 22, z = k > 900 ? M : k / 16 - d - N * 0.675;
   let I = N;
-  g && !k && (I = L), g && k && (I = z);
+  g && !k && (I = M), g && k && (I = z);
   const H = {
     right: `${d}rem`,
     width: `${I}rem`
@@ -2907,7 +2907,7 @@ const Et = (d) => {
         g.hide
       ), C.current.classList.add(g.scaleIn), v.current.classList.remove(g.scaleIn), v.current.classList.add(g.hide);
     }, 2e3);
-  }, M = () => {
+  }, L = () => {
     f && w(), l && l();
   }, k = f ? /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { ref: C, className: `${b}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
     A,
@@ -2944,7 +2944,7 @@ const Et = (d) => {
       "aria-label": s,
       className: [b, E, $, p].join(" ").trim().replace(/\s+/g, " "),
       disabled: a,
-      onClick: M,
+      onClick: L,
       type: n,
       title: c && !a ? null : s
     }, h),
@@ -2990,20 +2990,20 @@ const Et = (d) => {
     "validationFunction",
     "className"
   ]);
-  const [_, f] = R(!1), [C, v] = R(), [w, M] = R(null), k = "pds-file-upload", x = _ ? `${k}--has-value` : null;
+  const [_, f] = R(!1), [C, v] = R(), [w, L] = R(null), k = "pds-file-upload", x = _ ? `${k}--has-value` : null;
   let N = null;
   w === "error" && (N = "error"), w === "success" && (N = "success");
-  const L = () => {
-    v(""), M(null);
+  const M = () => {
+    v(""), L(null);
   }, z = (V) => {
     if (u) {
       const S = u(V.target.files) || {};
-      L(), S.error && M("error"), S.success && M("success"), v(S.message);
+      M(), S.error && L("error"), S.success && L("success"), v(S.message);
     }
     p && p(V.target.files), V.target.files.length > 0 ? f(!0) : f(!1);
   }, I = () => {
     const V = document.getElementById(o);
-    V.value = "", f(!1), L();
+    V.value = "", f(!1), M();
   }, H = C || i;
   return /* @__PURE__ */ e.createElement(
     Ae,
@@ -3217,7 +3217,7 @@ z1.propTypes = {
    */
   className: t.string
 };
-const M1 = new Intl.NumberFormat().formatToParts(100000089e-2), Vt = M1.find((s) => s.type === "decimal").value, St = 16, cs = 10, L1 = (E) => {
+const L1 = new Intl.NumberFormat().formatToParts(100000089e-2), Vt = L1.find((s) => s.type === "decimal").value, St = 16, cs = 10, M1 = (E) => {
   var $ = E, {
     disabled: s = !1,
     formatting: n,
@@ -3252,7 +3252,7 @@ const M1 = new Intl.NumberFormat().formatToParts(100000089e-2), Vt = M1.find((s)
     g,
     _,
     u
-  ]), [C, v] = R(""), [w, M] = R(null), [k, x] = R(null), N = ee(null), L = ee(null), z = ee("");
+  ]), [C, v] = R(""), [w, L] = R(null), [k, x] = R(null), N = ee(null), M = ee(null), z = ee("");
   ae(() => {
     switch (r && v(Z(r)), z.numExtra = "", n) {
       case "credit-card":
@@ -3272,11 +3272,11 @@ const M1 = new Intl.NumberFormat().formatToParts(100000089e-2), Vt = M1.find((s)
       (O) => O !== ye.error && O !== ye.success
     );
   }, V = () => {
-    H(), M(""), x(null);
+    H(), L(""), x(null);
   }, S = (O) => {
     i && i({
       formattedValue: O,
-      rawValue: L.current
+      rawValue: M.current
     });
   }, D = (O) => {
     v(Z(O.target.value)), V(), S(O.target.value);
@@ -3285,21 +3285,21 @@ const M1 = new Intl.NumberFormat().formatToParts(100000089e-2), Vt = M1.find((s)
   }, B = (O) => {
     if (d) {
       const j = d(O.target.value) || {};
-      V(), j.error && q(), j.success && (x("success"), f.current.push(ye.success)), M(j.message);
+      V(), j.error && q(), j.success && (x("success"), f.current.push(ye.success)), L(j.message);
     } else
-      N.current.checkValidity() === !1 || O.target.value.length < z.current + z.numExtra ? (q(), n === "credit-card" && M(
+      N.current.checkValidity() === !1 || O.target.value.length < z.current + z.numExtra ? (q(), n === "credit-card" && L(
         `Credit card number must have at least ${z.current} digits.`
-      ), n === "phone" && M(
+      ), n === "phone" && L(
         `Phone number must have at least ${z.current} digits.`
       )) : (n === "credit-card" || n === "phone") && (x("success"), f.current.push(ye.success));
     S(O.target.value);
   }, W = () => {
-    V(), v(""), L.current = "", N.current.focus(), S("");
+    V(), v(""), M.current = "", N.current.focus(), S("");
   }, Z = (O) => {
     if (O) {
       if (n === "credit-card") {
         const j = ("" + O).replace(/\D/g, "");
-        if (L.current = j, j) {
+        if (M.current = j, j) {
           if (new RegExp("^34|37", "g").test(j)) {
             z.numExtra = 2, z.current = St - 1;
             const se = {};
@@ -3313,7 +3313,7 @@ const M1 = new Intl.NumberFormat().formatToParts(100000089e-2), Vt = M1.find((s)
       }
       if (n === "phone") {
         const j = ("" + O).replace(/\D/g, "");
-        if (L.current = j, j) {
+        if (M.current = j, j) {
           z.numExtra = 4, z.current = cs;
           let U = j.substring(0, 3), G = j.substring(3, 6);
           G.length > 0 && (U = `(${U})`, G = ` ${G}`);
@@ -3324,7 +3324,7 @@ const M1 = new Intl.NumberFormat().formatToParts(100000089e-2), Vt = M1.find((s)
       }
       if (n === "number-localized") {
         const j = new RegExp(`[^0-9${Vt}]`, "g"), U = ("" + O).replace(j, "");
-        L.current = U;
+        M.current = U;
         const G = new Intl.NumberFormat(void 0, {
           maximumFractionDigits: 20
         }).format(U);
@@ -3371,7 +3371,7 @@ const M1 = new Intl.NumberFormat().formatToParts(100000089e-2), Vt = M1.find((s)
     w || l
   ));
 };
-L1.propTypes = {
+M1.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -3474,7 +3474,7 @@ const x1 = (b) => {
     "validationFunction",
     "className"
   ]);
-  const $ = "pds-input-obscured", g = ee(["pds-input-field", $, d]), [_, f] = R(r), [C, v] = R(s("")), [w, M] = R(), [k, x] = R(null), [N, L] = R(!1), z = ee(null), I = ee(null);
+  const $ = "pds-input-obscured", g = ee(["pds-input-field", $, d]), [_, f] = R(r), [C, v] = R(s("")), [w, L] = R(), [k, x] = R(null), [N, M] = R(!1), z = ee(null), I = ee(null);
   ae(() => {
     r && s && v(s(r));
   }, []);
@@ -3487,22 +3487,22 @@ const x1 = (b) => {
       (O) => O !== ye.error && O !== ye.success
     );
   }, S = () => {
-    V(), M(""), x(null);
+    V(), L(""), x(null);
   }, D = (O) => {
     f(O.target.value), S(), s && v(s(O.target.value)), i && i(O.target.value);
   }, q = (O) => {
-    if (L(!1), h) {
+    if (M(!1), h) {
       const j = h(O.target.value) || {};
-      S(), j.error && (x("error"), g.current.push(ye.error)), j.success && (x("success"), g.current.push(ye.success)), M(j.message);
+      S(), j.error && (x("error"), g.current.push(ye.error)), j.success && (x("success"), g.current.push(ye.success)), L(j.message);
     }
     i && i(_);
   }, B = () => {
     S(), f(""), I.current.value = null, I.current.focus(), s && v(s("")), i && i("");
   }, W = () => {
-    L((O) => !O);
+    M((O) => !O);
   }, Z = (O) => {
     var j;
-    (!((j = z.current) != null && j.contains(O.relatedTarget)) || !O.relatedTarget) && L(!1);
+    (!((j = z.current) != null && j.contains(O.relatedTarget)) || !O.relatedTarget) && M(!1);
   };
   H(), m && !n && g.current.push(ye.required), n && g.current.push(ye.disabled);
   let F = null;
@@ -3641,7 +3641,7 @@ x1.propTypes = {
   className: t.string
 };
 const It = 16, rs = 10, V1 = (N) => {
-  var L = N, {
+  var M = N, {
     autoComplete: s = "on",
     counterFunction: n = () => {
     },
@@ -3671,12 +3671,12 @@ const It = 16, rs = 10, V1 = (N) => {
     toggleVisibility: C = !1,
     type: v = "text",
     validationFunction: w,
-    validationMessages: M = {
+    validationMessages: L = {
       creditCardError: "Please enter a valid credit card number.",
       phoneError: "Please enter a valid phone number."
     },
     className: k
-  } = L, x = T(L, [
+  } = M, x = T(M, [
     "autoComplete",
     "counterFunction",
     "disabled",
@@ -3736,10 +3736,10 @@ const It = 16, rs = 10, V1 = (N) => {
         const ce = ("" + J).replace(/\D/g, "");
         if (j.current = ce, ce) {
           U.numExtra = 4, U.current = rs;
-          let Me = ce.substring(0, 3), He = ce.substring(3, 6);
-          He.length > 0 && (Me = `(${Me})`, He = ` ${He}`);
-          let Le = ce.substring(6);
-          return Le.length > 0 && (Le = `-${Le}`), `${Me}${He}${Le}`;
+          let Le = ce.substring(0, 3), He = ce.substring(3, 6);
+          He.length > 0 && (Le = `(${Le})`, He = ` ${He}`);
+          let Me = ce.substring(6);
+          return Me.length > 0 && (Me = `-${Me}`), `${Le}${He}${Me}`;
         }
         return ce;
       }
@@ -3762,7 +3762,7 @@ const It = 16, rs = 10, V1 = (N) => {
       const ce = w(J.target.value) || {};
       ie(), ce.error && B("error"), ce.success && B("success"), D(ce.message);
     }
-    _ && f && !w && (F.current.checkValidity() === !1 || J.target.value.length < fe ? (B("error"), _ === "credit-card" && D(M.creditCardError), _ === "phone" && D(M.phoneError)) : B("success")), pe(J.target.value);
+    _ && f && !w && (F.current.checkValidity() === !1 || J.target.value.length < fe ? (B("error"), _ === "credit-card" && D(L.creditCardError), _ === "phone" && D(L.phoneError)) : B("success")), pe(J.target.value);
   }, K = (J) => {
     var ce;
     (!((ce = O.current) != null && ce.contains(J.relatedTarget)) || !J.relatedTarget) && Z(!1);
@@ -4075,7 +4075,7 @@ const os = [
     }, o),
     a ? $ : E
   );
-}, Tt = (s) => s.isSeparator, Ot = (s) => s.isHeading, Rt = (s) => s.isLink, T1 = (s) => s.isNode, Ms = (g) => {
+}, Tt = (s) => s.isSeparator, Ot = (s) => s.isHeading, Rt = (s) => s.isLink, T1 = (s) => s.isNode, Ls = (g) => {
   var _ = g, {
     avatarImageSrc: s,
     disabled: n,
@@ -4114,7 +4114,7 @@ const os = [
     y: C,
     reference: v,
     floating: w,
-    strategy: M,
+    strategy: L,
     update: k,
     placement: x,
     refs: N
@@ -4122,17 +4122,17 @@ const os = [
     placement: "bottom-start",
     middleware: [Js()]
   });
-  let L = !1;
+  let M = !1;
   const z = ke(qe);
-  z && (L = z.isMobile);
-  const I = b && L, H = "pds-menu-button", V = I ? `${H}--isMobile` : null, S = b ? `${H}--navbar` : null, D = Re(), [q] = R(`menu-button-${D}`), [B] = R(`menu-listbox-${D}`), W = r || q, Z = N.floating, F = ee(null), [O, j] = R(!1), [U, G] = R(!1), [te, se] = R(""), [fe, ne] = R(0), ie = ee([]), Y = ee([]), pe = ee([]);
+  z && (M = z.isMobile);
+  const I = b && M, H = "pds-menu-button", V = I ? `${H}--isMobile` : null, S = b ? `${H}--navbar` : null, D = Re(), [q] = R(`menu-button-${D}`), [B] = R(`menu-listbox-${D}`), W = r || q, Z = N.floating, F = ee(null), [O, j] = R(!1), [U, G] = R(!1), [te, se] = R(""), [fe, ne] = R(0), ie = ee([]), Y = ee([]), pe = ee([]);
   Ws(() => {
-    window.addEventListener("mousedown", Le, !0), k();
+    window.addEventListener("mousedown", Me, !0), k();
     const P = Z.current;
     return P && (P.dataset.fuiPlacement = x), U && (setTimeout(() => {
       P.focus();
     }, 0), G(!1)), () => {
-      window.removeEventListener("mousedown", Le, !0);
+      window.removeEventListener("mousedown", Me, !0);
     };
   }, [O, x]);
   const be = (P, re) => {
@@ -4169,7 +4169,7 @@ const os = [
     O ? K() : le(), G((re) => !re), P.stopPropagation(), P.preventDefault();
   }, ce = (P) => {
     he(P.currentTarget.id), I || K();
-  }, Me = (P) => {
+  }, Le = (P) => {
     var re = P.key, Q = !1;
     switch (re) {
       case " ":
@@ -4235,7 +4235,7 @@ const os = [
         }
       Q && (P.stopPropagation(), P.preventDefault());
     }
-  }, Le = (P) => {
+  }, Me = (P) => {
     F.current && !F.current.contains(P.target) && O && K();
   }, _e = (P, re, Q = "", ve = "", ...ue) => {
     const we = Q ? `-group-${Q}` : "", $e = W + we + "-item-" + (re + 1), Ve = P.id ? P.id : $e;
@@ -4292,7 +4292,7 @@ const os = [
     return P.map((we, $e) => {
       we !== ve ? (ue.push(we), $e + 1 === P.length && Q.push(ue)) : (Q.push(ue), ue = [], ue.push(we), ve = re.shift());
     }), Q.filter((we) => we.length > 0);
-  }, Lt = (P) => {
+  }, Mt = (P) => {
     Y.current = [], pe.current = [];
     const re = P, Q = P.filter(
       Ot || Tt
@@ -4320,7 +4320,7 @@ const os = [
             visibility: O ? "visible" : "hidden",
             opacity: O ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
-            position: M,
+            position: L,
             transform: `translate(${Math.round(f)}px,${Math.round(C)}px)`,
             zIndex: "var(--pds-z-index-dropdown)"
           },
@@ -4362,7 +4362,7 @@ const os = [
             visibility: O ? "visible" : "hidden",
             opacity: O ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
-            position: M,
+            position: L,
             transform: `translate(${Math.round(f)}px,${Math.round(C)}px)`
           },
           onKeyDown: He,
@@ -4390,7 +4390,7 @@ const os = [
       "aria-controls": B,
       "aria-expanded": O,
       onClick: J,
-      onKeyDown: Me,
+      onKeyDown: Le,
       ref: v
     }
   )), a === "icon-only" && (Qe = /* @__PURE__ */ e.createElement(
@@ -4408,7 +4408,7 @@ const os = [
       "aria-controls": B,
       "aria-expanded": O,
       onClick: J,
-      onKeyDown: Me,
+      onKeyDown: Le,
       ref: v,
       hasTooltip: !1
     }
@@ -4424,7 +4424,7 @@ const os = [
       "aria-controls": B,
       "aria-expanded": O,
       onClick: J,
-      onKeyDown: Me,
+      onKeyDown: Le,
       ref: v
     },
     /* @__PURE__ */ e.createElement("span", { className: `${H}__avatar-label` }, /* @__PURE__ */ e.createElement(it, { size: "sm", imageSrc: s }), a === "avatar-with-text" && l),
@@ -4474,10 +4474,10 @@ const os = [
       "data-testid": h,
       ref: F
     }, $),
-    I ? /* @__PURE__ */ e.createElement(e.Fragment, null, pt, /* @__PURE__ */ e.createElement(me, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Qe, Lt(i))
+    I ? /* @__PURE__ */ e.createElement(e.Fragment, null, pt, /* @__PURE__ */ e.createElement(me, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Qe, Mt(i))
   );
 };
-Ms.propTypes = {
+Ls.propTypes = {
   /**
    * Image src for avatar — only necessary for avatar-based buttons.
    */
@@ -4981,10 +4981,10 @@ const O1 = (u) => {
   const _ = ke(qe);
   _ && (g = _.isMobile);
   const f = "pds-navbar", C = c ? `${f}--noBorder` : "", v = n !== "default" ? `${f}--${n}` : "", w = g ? `${f}--isMobile` : `${f}--notMobile`;
-  ae(() => (window.addEventListener("keyup", M), () => {
-    window.removeEventListener("keyup", M);
+  ae(() => (window.addEventListener("keyup", L), () => {
+    window.removeEventListener("keyup", L);
   }), []);
-  const M = (Z) => {
+  const L = (Z) => {
     var F = Z.key, O = !1;
     switch (F) {
       case "Esc":
@@ -5021,12 +5021,12 @@ const O1 = (u) => {
   }, [g]), ae(() => {
     E ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [E]);
-  const L = {};
+  const M = {};
   e.Children.forEach(s, (Z) => {
     const F = Z.props.slot;
-    F && (L[F] ? L[F].push(Z) : L[F] = [Z]);
+    F && (M[F] ? M[F].push(Z) : M[F] = [Z]);
   });
-  const z = L["items-left"], I = L["items-right"];
+  const z = M["items-left"], I = M["items-right"];
   let H = /* @__PURE__ */ e.createElement(
     "img",
     {
@@ -5139,7 +5139,7 @@ O1.propTypes = {
    */
   className: t.string
 };
-const Ls = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
+const Ms = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
   const [c, r] = R(!1), [o, l] = R(0);
   ae(() => (l(window.innerWidth), window.addEventListener("resize", i), () => {
     window.removeEventListener("resize", i);
@@ -5194,7 +5194,7 @@ const Ls = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
     ))
   ));
 };
-Ls.propTypes = {
+Ms.propTypes = {
   items: t.array,
   label: t.string,
   mobileMenuMaxWidth: t.number
@@ -5233,7 +5233,7 @@ const R1 = (l) => {
       focusVisible: !0
     }));
   }, [u]);
-  const v = "pds-nav-menu", w = n !== "default" ? `${v}--${n}` : "", M = C ? `${v}--isMobile` : `${v}--notMobile`, k = ee([]), x = (z) => {
+  const v = "pds-nav-menu", w = n !== "default" ? `${v}--${n}` : "", L = C ? `${v}--isMobile` : `${v}--notMobile`, k = ee([]), x = (z) => {
     const I = k.current.length - 1, B = {
       ArrowRight: () => {
         d(-1), b(u === -1 ? 1 : u === I ? 0 : u + 1);
@@ -5265,10 +5265,10 @@ const R1 = (l) => {
     }
     return !1;
   };
-  let L = [];
+  let M = [];
   return a.map((z, I) => {
     const H = `item-${Re()}`, V = z.id ? z.id : H;
-    z.links ? L.push(
+    z.links ? M.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
@@ -5278,7 +5278,7 @@ const R1 = (l) => {
           className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${N(z) === !0 ? `${v}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
-          Ls,
+          Ms,
           {
             label: z.label,
             items: z.links,
@@ -5286,7 +5286,7 @@ const R1 = (l) => {
           }
         )
       )
-    ) : L.push(
+    ) : M.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
@@ -5301,13 +5301,13 @@ const R1 = (l) => {
   }), /* @__PURE__ */ e.createElement(
     "nav",
     y({
-      className: [v, w, M, r].join(" ").trim().replace(/\s+/g, " "),
+      className: [v, w, L, r].join(" ").trim().replace(/\s+/g, " "),
       "aria-label": s,
       onKeyDown: (z) => {
         x(z);
       }
     }, o),
-    /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, L)
+    /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, M)
   );
 };
 R1.propTypes = {
@@ -5811,7 +5811,7 @@ Vs.propTypes = {
   pages: t.arrayOf(t.shape({ link: t.string })).isRequired,
   headingId: t.string
 };
-const Mt = (E) => {
+const Lt = (E) => {
   var $ = E, {
     disabled: s = !1,
     id: n,
@@ -5841,12 +5841,12 @@ const Mt = (E) => {
     "validationFunction",
     "className"
   ]);
-  const [g, _] = R(!1), [f, C] = R(null), [v, w] = R(a), [M, k] = R(), [x, N] = R(null), L = ee([]), z = "pds-select", { context: I, refs: H } = Se({
+  const [g, _] = R(!1), [f, C] = R(null), [v, w] = R(a), [L, k] = R(), [x, N] = R(null), M = ee([]), z = "pds-select", { context: I, refs: H } = Se({
     open: g,
     onOpenChange: _,
     whileElementsMounted: De
   }), V = Te(I, { role: "listbox" }), S = Ie(I), D = dt(I, {
-    listRef: L,
+    listRef: M,
     activeIndex: f,
     onNavigate: C,
     loop: !0,
@@ -5891,7 +5891,7 @@ const Mt = (E) => {
     }, W({
       key: le.value,
       ref(X) {
-        L.current[K] = X;
+        M.current[K] = X;
       },
       onClick() {
         var X;
@@ -5906,7 +5906,7 @@ const Mt = (E) => {
     }),
     le.label,
     v === le.value && ne
-  )), Y = M || o, pe = c ? `${c / 16}rem` : null, be = c ? { width: pe } : null;
+  )), Y = L || o, pe = c ? `${c / 16}rem` : null, be = c ? { width: pe } : null;
   return /* @__PURE__ */ e.createElement(
     Ae,
     y({
@@ -5961,8 +5961,8 @@ const Mt = (E) => {
     )
   );
 };
-Mt.displayName = "Select";
-Mt.propTypes = {
+Lt.displayName = "Select";
+Lt.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -6115,7 +6115,7 @@ const P1 = (n) => {
     }, s),
     /* @__PURE__ */ e.createElement("div", { id: o, className: "visually-hidden" }, "Pagination"),
     /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, c > 0 ? /* @__PURE__ */ e.createElement(Ge, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
-      Mt,
+      Lt,
       {
         label: "Page select dropdown",
         selectOptions: m,
@@ -6473,7 +6473,7 @@ const U1 = {
   ]);
   const E = "pds-pricing-card", $ = `${E}-container`, g = a ? `${$}--with-list` : null, _ = p ? `${E}--${p}` : null, f = (V) => V.toLowerCase().replace(/\s/g, "-"), C = l && l.length > 1, [v, w] = R(
     f(l[0].label)
-  ), [M, k] = R(
+  ), [L, k] = R(
     s.label
   );
   let x = null, N = null;
@@ -6526,7 +6526,7 @@ const U1 = {
       }
     );
   }));
-  const L = (V) => {
+  const M = (V) => {
     const S = l.find(
       (D) => f(D.label) === V
     );
@@ -6534,7 +6534,7 @@ const U1 = {
   };
   let z = null;
   C && (z = /* @__PURE__ */ e.createElement(
-    Mt,
+    Lt,
     {
       id: "plan-select",
       className: `${E}__select`,
@@ -6546,7 +6546,7 @@ const U1 = {
       })),
       initialValue: f(l[0].label),
       onOptionSelect: (V) => {
-        w(V.value), k(L(V.value)), c && c(V.value);
+        w(V.value), k(M(V.value)), c && c(V.value);
       }
     }
   ));
@@ -6555,7 +6555,7 @@ const U1 = {
     Ze,
     {
       variant: s.variant,
-      label: M,
+      label: L,
       onClick: s.buttonAction,
       disabled: s.disabled
     }
@@ -7063,7 +7063,7 @@ const At = {
     }, l),
     b,
     /* @__PURE__ */ e.createElement(
-      Ms,
+      Ls,
       {
         className: `${p}__menu-button`,
         label: a,
@@ -7168,8 +7168,8 @@ const tn = 3.815, sn = 4.678, nn = 5.96, an = (p) => {
   let g = $(sn), _ = 7;
   l === "sm" && (g = $(tn), _ = _ / 1.25), l === "lg" && (g = $(nn), _ = _ * 1.25);
   const f = g / 2 - _ / 2, C = `${f / 100}rem`, v = 2 * Math.PI * f, w = v - v * c / 100;
-  let M;
-  return n ? M = n : o ? M = `${c}%` : M = "", /* @__PURE__ */ e.createElement(
+  let L;
+  return n ? L = n : o ? L = `${c}%` : L = "", /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [u, i].join(" ").trim().replace(/\s+/g, " "),
@@ -7227,7 +7227,7 @@ const tn = 3.815, sn = 4.678, nn = 5.96, an = (p) => {
             textAnchor: "middle",
             dy: C
           },
-          M
+          L
         )
       )
     )
@@ -7248,11 +7248,11 @@ const tn = 3.815, sn = 4.678, nn = 5.96, an = (p) => {
     "className"
   ]);
   const l = "pds-stepper", i = "pds-stepper-mobile", m = ee(), [p] = Nt(m), h = p.width, d = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, u = -40, b = 2, E = 5, $ = s.length, g = s.findLastIndex((C) => C.isCurrent), _ = s.map((C, v) => {
-    const w = v + 1, M = v === g, k = v < g, x = C.hasError && M, L = (h - $ * d) / ($ + ($ - 2)), z = d + L * 2, I = d + L, H = L + u * -1, V = v === 0, S = v === $ - 1;
+    const w = v + 1, L = v === g, k = v < g, x = C.hasError && L, M = (h - $ * d) / ($ + ($ - 2)), z = d + M * 2, I = d + M, H = M + u * -1, V = v === 0, S = v === $ - 1;
     let D = z;
     (V || S) && (D = I);
     const q = `${l}__step`, B = [q];
-    M && B.push(`${q}--current`), k && B.push(`${q}--complete`), x && B.push(`${q}--error`);
+    L && B.push(`${q}--current`), k && B.push(`${q}--complete`), x && B.push(`${q}--error`);
     let W = `${n.step} ${w}`;
     k && (W = `${n.step} ${w}, ${n.completed}`), x && (W = `${n.step} ${w}, ${n.hasError}`);
     const Z = k ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${l}__step-indicator` }, /* @__PURE__ */ e.createElement(
@@ -7286,7 +7286,7 @@ const tn = 3.815, sn = 4.678, nn = 5.96, an = (p) => {
         "aria-label": W,
         "aria-posinset": w,
         "aria-setsize": $,
-        "aria-current": M ? "step" : null,
+        "aria-current": L ? "step" : null,
         className: B.join(" ").trim().replace(/\s+/g, " "),
         style: { width: D }
       },
@@ -7310,9 +7310,9 @@ const tn = 3.815, sn = 4.678, nn = 5.96, an = (p) => {
       )
     );
   }), f = s.map((C, v) => {
-    const w = v + 1, M = v === g, k = v === $ - 1, x = C.hasError && M, N = s[g + 1] ? s[g + 1].label : null;
-    if (M) {
-      const L = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), w, " of ", $), z = w / $ * 100, I = x ? {
+    const w = v + 1, L = v === g, k = v === $ - 1, x = C.hasError && L, N = s[g + 1] ? s[g + 1].label : null;
+    if (L) {
+      const M = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), w, " of ", $), z = w / $ * 100, I = x ? {
         "--pds-color-progress-partial": "var(--pds-color-semantic-critical-foreground)"
       } : {
         "--pds-color-progress-partial": "var(--pds-color-stepper-completed)"
@@ -7330,7 +7330,7 @@ const tn = 3.815, sn = 4.678, nn = 5.96, an = (p) => {
             label: "Step progress",
             size: "sm",
             percentage: z,
-            innerLabel: L,
+            innerLabel: M,
             style: I
           }
         )),
@@ -7497,7 +7497,7 @@ const rn = (p) => {
     "|",
     "~"
   ], E = `#${l} h2:not(.${r}), h3:not(.${r})`, $ = () => {
-    const [N, L] = R([]);
+    const [N, M] = R([]);
     return ae(() => {
       const z = Array.from(
         document.querySelectorAll(E)
@@ -7511,26 +7511,26 @@ const rn = (p) => {
         H.id || (H.id = V);
       });
       const I = g(z);
-      L(I);
+      M(I);
     }, []), { nestedHeadings: N };
   }, g = (N) => {
-    const L = [];
+    const M = [];
     return N.forEach((z) => {
       const { innerText: I, id: H } = z;
-      z.nodeName === "H2" ? L.push({ id: H, title: I, items: [] }) : z.nodeName === "H3" && L.length > 0 && L[L.length - 1].items.push({
+      z.nodeName === "H2" ? M.push({ id: H, title: I, items: [] }) : z.nodeName === "H3" && M.length > 0 && M[M.length - 1].items.push({
         id: H,
         title: I
       });
-    }), L;
+    }), M;
   }, { nestedHeadings: _ } = $(), [f, C] = R();
   ((N) => {
-    const L = ee({});
+    const M = ee({});
     ae(() => {
       const z = (V) => {
-        L.current = V.reduce((q, B) => (q[B.target.id] = B, q), L.current);
+        M.current = V.reduce((q, B) => (q[B.target.id] = B, q), M.current);
         const S = [];
-        Object.keys(L.current).forEach((q) => {
-          const B = L.current[q];
+        Object.keys(M.current).forEach((q) => {
+          const B = M.current[q];
           B.isIntersecting && S.push(B);
         });
         const D = (q) => H.findIndex((B) => B.id === q);
@@ -7552,29 +7552,29 @@ const rn = (p) => {
   })(C);
   const w = (N) => {
     typeof window != "undefined" && window.location.hash !== `#${N}` && window.history.pushState({}, "", `#${N}`);
-  }, M = (N) => {
+  }, L = (N) => {
     document.querySelector(`#${N}`).scrollIntoView({
       behavior: "smooth",
       block: "start"
     });
-  }, k = (N, L) => {
-    N.preventDefault(), s && w(L), M(L);
-  }, x = ({ headings: N }) => /* @__PURE__ */ e.createElement("ul", { className: `${d}__list ${d}__list--top-level` }, N.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${d}__list-item` }, /* @__PURE__ */ e.createElement(
+  }, k = (N, M) => {
+    N.preventDefault(), s && w(M), L(M);
+  }, x = ({ headings: N }) => /* @__PURE__ */ e.createElement("ul", { className: `${d}__list ${d}__list--top-level` }, N.map((M) => /* @__PURE__ */ e.createElement("li", { key: M.id, className: `${d}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
-      className: L.id === f ? `${d}__link ${d}__link--active` : `${d}__link`,
-      href: `#${L.id}`,
+      className: M.id === f ? `${d}__link ${d}__link--active` : `${d}__link`,
+      href: `#${M.id}`,
       onClick: (z) => {
-        k(z, L.id);
+        k(z, M.id);
       }
     },
-    L.title
-  ), L.items.length > 0 && /* @__PURE__ */ e.createElement(
+    M.title
+  ), M.items.length > 0 && /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: `${d}__list ${d}__list--second-level`
     },
-    L.items.map((z) => /* @__PURE__ */ e.createElement("li", { key: z.id, className: `${d}__list-item` }, /* @__PURE__ */ e.createElement(
+    M.items.map((z) => /* @__PURE__ */ e.createElement("li", { key: z.id, className: `${d}__list-item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
         className: z.id === f ? `${d}__link ${d}__link--active` : `${d}__link`,
@@ -7689,21 +7689,21 @@ const Fn = (m) => {
       g((u + 1) % C, "next"), b(u + 1);
     }, w = () => {
       g((u - 1 + C) % C, "prev"), b(u - 1);
-    }, M = () => {
+    }, L = () => {
       g(0), b(0);
     }, k = () => {
       g(C - 1), b(C - 1);
     }, x = () => {
       $.current[u].focus();
-    }, L = {
+    }, M = {
       ArrowRight: v,
       ArrowLeft: w,
-      Home: M,
+      Home: L,
       End: k,
       Space: x,
       Enter: x
     }[f.code];
-    L && (f.preventDefault(), L());
+    M && (f.preventDefault(), M());
   };
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
@@ -7718,52 +7718,52 @@ const Fn = (m) => {
         "aria-label": n,
         "aria-orientation": "horizontal"
       },
-      o.map(({ disabled: f, icon: C, tabId: v, tabLabel: w }, M) => /* @__PURE__ */ e.createElement(
+      o.map(({ disabled: f, icon: C, tabId: v, tabLabel: w }, L) => /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${h}__tab`,
-          "aria-selected": M == u,
-          "data-tabnumber": M,
+          "aria-selected": L == u,
+          "data-tabnumber": L,
           role: "tab",
           id: v,
           onKeyDown: (k) => {
             k.preventDefault(), _(k);
           },
           key: w,
-          ref: (k) => f ? null : $.current[M] = k,
-          "aria-controls": `tabpanel_${M}`,
-          tabIndex: u === M ? 1 : -1,
+          ref: (k) => f ? null : $.current[L] = k,
+          "aria-controls": `tabpanel_${L}`,
+          tabIndex: u === L ? 1 : -1,
           "aria-disabled": !!f,
           onClick: f ? null : E
         },
         /* @__PURE__ */ e.createElement("div", { key: C, className: `${h}__tab-text` }, C ? /* @__PURE__ */ e.createElement(A, { iconName: C, iconSize: r }) : null, " ", w)
       ))
     ),
-    o.map(({ tabLabel: f, icon: C, disabled: v, panelContent: w }, M) => /* @__PURE__ */ e.createElement(
+    o.map(({ tabLabel: f, icon: C, disabled: v, panelContent: w }, L) => /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: `${h}__panel`,
         role: "tabpanel",
-        key: M,
-        id: `${h}__tab--${M}`,
-        "aria-labelledby": `${h}__tab--${M}`
+        key: L,
+        id: `${h}__tab--${L}`,
+        "aria-labelledby": `${h}__tab--${L}`
       }, i),
       /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${h}__trigger`,
-          "aria-selected": M == u,
+          "aria-selected": L == u,
           role: "tab",
-          "data-tabnumber": M,
+          "data-tabnumber": L,
           key: f,
           onKeyDown: _,
           "aria-disabled": !!v,
-          "aria-controls": `tabpanel_${M}`,
-          tabIndex: u === M ? 1 : -1,
+          "aria-controls": `tabpanel_${L}`,
+          tabIndex: u === L ? 1 : -1,
           onClick: v ? null : E
         },
         /* @__PURE__ */ e.createElement("div", { key: C, className: `${h}__tab-text` }, C ? /* @__PURE__ */ e.createElement(A, { iconSize: "md", iconName: C }) : null, " ", f),
-        M == u ? /* @__PURE__ */ e.createElement(
+        L == u ? /* @__PURE__ */ e.createElement(
           A,
           {
             iconName: "angleUp",
@@ -7783,7 +7783,7 @@ const Fn = (m) => {
         "section",
         {
           className: `${h}__panel-content`,
-          hidden: M != u
+          hidden: L != u
         },
         w
       )
@@ -7824,7 +7824,7 @@ const Fn = (m) => {
     "validationFunction",
     "className"
   ]);
-  const [f, C] = R(c), [v, w] = R(s("")), [M, k] = R(), [x, N] = R(null), L = ee(null), z = "pds-textarea", I = o ? "pds-is-resizable" : null;
+  const [f, C] = R(c), [v, w] = R(s("")), [L, k] = R(), [x, N] = R(null), M = ee(null), z = "pds-textarea", I = o ? "pds-is-resizable" : null;
   ae(() => {
     c && s && w(s(c));
   }, []);
@@ -7838,7 +7838,7 @@ const Fn = (m) => {
       H(), B.error && N("error"), B.success && N("success"), k(B.message);
     }
     m && m(f);
-  }, D = M || i;
+  }, D = L || i;
   return /* @__PURE__ */ e.createElement(
     Ae,
     y({
@@ -7868,7 +7868,7 @@ const Fn = (m) => {
         rows: u,
         onChange: V,
         onBlur: S,
-        ref: L,
+        ref: M,
         "aria-invalid": x === "error",
         "aria-describedby": D ? `${a}__message` : null
       }
@@ -8526,11 +8526,11 @@ const Wn = () => {
         visibilityToggleShow: "Show input value"
       },
       type: w = "text",
-      validationMessage: M,
+      validationMessage: L,
       validationStatus: k,
       value: x,
       className: N
-    } = H, L = T(H, [
+    } = H, M = T(H, [
       "autoComplete",
       "counterMaxLength",
       "defaultValue",
@@ -8561,7 +8561,7 @@ const Wn = () => {
     const V = Ns(m), S = "pds-text-input", D = c ? Ee.disabled : null, q = _ && !c ? Ee.required : null, B = k === "error" ? Ee.error : null, W = k === "success" ? Ee.success : null, Z = g ? Ee.readonly : null;
     let F = null;
     w === "search" && (F = "search"), k === "error" && (F = "error"), k === "success" && (F = "success");
-    const O = M || h, j = typeof x != "undefined", U = typeof a != "undefined", [G, te] = R(
+    const O = L || h, j = typeof x != "undefined", U = typeof a != "undefined", [G, te] = R(
       U ? a : ""
     ), se = x || G, fe = (K) => {
       C && Y && pe(!1), d && d(K);
@@ -8591,7 +8591,7 @@ const Wn = () => {
           N != null ? N : ""
         ]),
         style: m ? V : null
-      }, L),
+      }, M),
       /* @__PURE__ */ e.createElement(
         Ht,
         {
@@ -8661,7 +8661,7 @@ const Wn = () => {
         {
           id: l,
           message: O,
-          hasValidationMessage: !!M,
+          hasValidationMessage: !!L,
           validationMessageHasDecorators: !1,
           validationStatus: k
         }
@@ -8698,10 +8698,10 @@ const Wn = () => {
     "className"
   ]);
   const [b, E] = R(!1), [$, g] = R(null), [_, f] = R(m), C = ee([]), v = ee(null), w = m.length >= o;
-  let M = !1;
+  let L = !1;
   const k = ke(qe);
-  k && (M = k.isMobile);
-  const x = i && M, N = "pds-workspace-selector", L = x ? `${N}--isMobile` : null, z = `${N}__menu`, I = w ? `${z}--scroll` : null, { refs: H, floatingStyles: V, context: S } = Se({
+  k && (L = k.isMobile);
+  const x = i && L, N = "pds-workspace-selector", M = x ? `${N}--isMobile` : null, z = `${N}__menu`, I = w ? `${z}--scroll` : null, { refs: H, floatingStyles: V, context: S } = Se({
     open: b,
     onOpenChange: E,
     whileElementsMounted: De
@@ -8780,7 +8780,7 @@ const Wn = () => {
     }
   )), Y = _.map(
     (X, he) => {
-      const Ne = `${N}__item`, J = X.isActive ? `${Ne}--active` : null, ce = X.isUnprivileged ? `${Ne}--unprivileged` : null, Me = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${N}__active-icon` }), He = X.workspaceId, Le = X.workspaceLink.type, _e = X.isUnprivileged ? null : (Xe) => {
+      const Ne = `${N}__item`, J = X.isActive ? `${Ne}--active` : null, ce = X.isUnprivileged ? `${Ne}--unprivileged` : null, Le = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${N}__active-icon` }), He = X.workspaceId, Me = X.workspaceLink.type, _e = X.isUnprivileged ? null : (Xe) => {
         C.current[he] = Xe;
       };
       return /* @__PURE__ */ e.createElement(
@@ -8799,7 +8799,7 @@ const Wn = () => {
           onKeyDown: se
         }, O()),
         /* @__PURE__ */ e.createElement(
-          Le,
+          Me,
           ge(y({}, X.workspaceLink.props), {
             onClick: () => E(!1)
           }),
@@ -8812,7 +8812,7 @@ const Wn = () => {
               className: `${N}__list-avatar`
             }
           ), X.displayName),
-          X.isActive && Me
+          X.isActive && Le
         )
       );
     }
@@ -8882,7 +8882,7 @@ const Wn = () => {
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [N, L, p].join(" ").trim().replace(/\s+/g, " ")
+      className: [N, M, p].join(" ").trim().replace(/\s+/g, " ")
     }, h),
     x ? K : be
   );
@@ -9097,8 +9097,8 @@ const vn = (o) => {
     )), /* @__PURE__ */ e.createElement("div", { className: `${i}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h), n && /* @__PURE__ */ e.createElement("div", { className: `${i}__title` }, n), s && /* @__PURE__ */ e.createElement("div", { className: `${i}__main-content` }, s)))
   );
 }, _n = Ke(
-  (M, w) => {
-    var k = M, {
+  (L, w) => {
+    var k = L, {
       checked: s,
       defaultChecked: n,
       disabled: a,
@@ -9141,7 +9141,7 @@ const vn = (o) => {
       "value",
       "className"
     ]);
-    const x = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", L = a ? Ee.disabled : null, z = E && !a ? Ee.required : null, I = _ === "error" ? Ee.error : null, H = _ === "success" ? Ee.success : null, V = h > 0 ? `${N}--indent-${h}` : null, S = g || m, D = typeof s != "undefined", q = typeof n != "undefined", [B, W] = R(
+    const x = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", M = a ? Ee.disabled : null, z = E && !a ? Ee.required : null, I = _ === "error" ? Ee.error : null, H = _ === "success" ? Ee.success : null, V = h > 0 ? `${N}--indent-${h}` : null, S = g || m, D = typeof s != "undefined", q = typeof n != "undefined", [B, W] = R(
       q ? n : !1
     ), Z = s || B, F = (te) => {
       D || W(te.target.checked), u && u(te);
@@ -9170,7 +9170,7 @@ const vn = (o) => {
       y({
         className: [
           N,
-          L,
+          M,
           z,
           I,
           H,
@@ -9327,7 +9327,7 @@ const vn = (o) => {
     "validationStatus",
     "className"
   ]);
-  const _ = c ? { width: `${c / 16}rem` } : null, f = "pds-checkbox-group", C = s ? Ee.disabled : null, v = p && !s ? Ee.required : null, w = u === "error" ? Ee.error : null, M = u === "success" ? Ee.success : null, k = d || o;
+  const _ = c ? { width: `${c / 16}rem` } : null, f = "pds-checkbox-group", C = s ? Ee.disabled : null, v = p && !s ? Ee.required : null, w = u === "error" ? Ee.error : null, L = u === "success" ? Ee.success : null, k = d || o;
   m.map((H) => {
     H.id || (H.id = H.value);
   });
@@ -9335,9 +9335,9 @@ const vn = (o) => {
   m.map((H) => {
     H.checked === !0 && x.push(H.value);
   });
-  const [N, L] = R(x), z = (H) => {
+  const [N, M] = R(x), z = (H) => {
     const { value: V } = H.target, S = N.includes(V) ? N.filter((D) => D !== V) : [...N, V];
-    L(S), i && i(S);
+    M(S), i && i(S);
   };
   m.map((H) => {
     N.includes(H.value) ? H.checked = !0 : H.checked = !1;
@@ -9355,7 +9355,7 @@ const vn = (o) => {
         C,
         v,
         w,
-        M,
+        L,
         b != null ? b : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: c ? _ : null
@@ -9405,7 +9405,7 @@ const vn = (o) => {
     "className"
   ]);
   var $, g, _, f;
-  const o = "pds-input-group", l = [], i = ["TextInput", "Select"], m = ["Button", "IconButton"];
+  const o = "pds-input-group", l = [], i = ["TextInput", "Select"], m = ["Button", "IconButton", "ButtonLink"];
   i.includes(s[0].type.displayName) && l.push(s[0]), m.includes(s[1].type.displayName) && l.push(s[1]);
   const p = ($ = s[0].props.id) != null ? $ : null, h = (g = s[0].props.message) != null ? g : null, d = (_ = s[0].props.validationMessage) != null ? _ : null, u = (f = s[0].props.validationStatus) != null ? f : null, b = d || h, E = b ? `${o}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
@@ -9486,7 +9486,7 @@ const vn = (o) => {
       "showStatusLabel",
       "className"
     ]);
-    const v = Ns(o), w = "pds-switch", M = a ? Ee.disabled : null, k = u && !a ? Ee.required : null, x = typeof s != "undefined", N = i == "below", L = i == "right", z = !x && n ? n : !1, [I, H] = R(z), V = s || I ? d : p, S = (F) => {
+    const v = Ns(o), w = "pds-switch", L = a ? Ee.disabled : null, k = u && !a ? Ee.required : null, x = typeof s != "undefined", N = i == "below", M = i == "right", z = !x && n ? n : !1, [I, H] = R(z), V = s || I ? d : p, S = (F) => {
       x || H(F.target.checked), h && h(F);
     }, D = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -9527,7 +9527,7 @@ const vn = (o) => {
       }
     );
     let W, Z;
-    return N ? W = /* @__PURE__ */ e.createElement(e.Fragment, null, q, B, D) : L && (Z = "pds-switch--placement-right", W = m ? /* @__PURE__ */ e.createElement(e.Fragment, null, q, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, B, /* @__PURE__ */ e.createElement("div", null, D))) : /* @__PURE__ */ e.createElement(
+    return N ? W = /* @__PURE__ */ e.createElement(e.Fragment, null, q, B, D) : M && (Z = "pds-switch--placement-right", W = m ? /* @__PURE__ */ e.createElement(e.Fragment, null, q, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, B, /* @__PURE__ */ e.createElement("div", null, D))) : /* @__PURE__ */ e.createElement(
       "div",
       {
         className: oe([
@@ -9543,7 +9543,7 @@ const vn = (o) => {
         className: oe([
           Ee.base,
           w,
-          M,
+          L,
           k,
           Z,
           $
@@ -9585,7 +9585,7 @@ const vn = (o) => {
     onOpenChange: E
   }), f = lt(g), C = Ie(g, {
     outsidePressEvent: "mousedown"
-  }), v = Te(g), { getFloatingProps: w } = Oe([f, C, v]), { isMounted: M, styles: k } = Ye(g, {
+  }), v = Te(g), { getFloatingProps: w } = Oe([f, C, v]), { isMounted: L, styles: k } = Ye(g, {
     duration: {
       open: 300,
       close: 300
@@ -9603,7 +9603,7 @@ const vn = (o) => {
       transform: "translateY(1rem)"
     }
   });
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, M && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, L && /* @__PURE__ */ e.createElement(
     Gs,
     {
       lockScroll: !0,
@@ -9729,15 +9729,15 @@ const vn = (o) => {
     open: m,
     onOpenChange: p,
     whileElementsMounted: De
-  }), w = ee([]), M = dt(v, {
+  }), w = ee([]), L = dt(v, {
     listRef: w,
     activeIndex: h,
     onNavigate: d,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), k = lt(v, { event: "mousedown" }), x = Ie(v), N = Te(v, { role: "menu" }), { getReferenceProps: L, getFloatingProps: z, getItemProps: I } = Oe(
-    [x, N, k, M]
+  }), k = lt(v, { event: "mousedown" }), x = Ie(v), N = Te(v, { role: "menu" }), { getReferenceProps: M, getFloatingProps: z, getItemProps: I } = Oe(
+    [x, N, k, L]
   ), { isMounted: H, styles: V } = Ye(v, {
     duration: {
       open: 300,
@@ -9758,7 +9758,7 @@ const vn = (o) => {
     y({
       className: `${i}__trigger`,
       ref: C.setReference
-    }, L()),
+    }, M()),
     /* @__PURE__ */ e.createElement("span", { className: `${i}__active-label` }, b),
     /* @__PURE__ */ e.createElement(
       A,
@@ -9821,11 +9821,11 @@ const vn = (o) => {
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${u}__menu--expanded`);
-  }, $ = (v, w, M) => {
+  }, $ = (v, w, L) => {
     let k = null;
     if (typeof v == "string") {
-      const x = M ? [
-        /* @__PURE__ */ e.createElement("span", { key: v, className: `${u}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${u}__link-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: M, iconSize: "md" })), /* @__PURE__ */ e.createElement("span", { className: `${u}__link-label` }, v))
+      const x = L ? [
+        /* @__PURE__ */ e.createElement("span", { key: v, className: `${u}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${u}__link-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: L, iconSize: "md" })), /* @__PURE__ */ e.createElement("span", { className: `${u}__link-label` }, v))
       ] : [
         /* @__PURE__ */ e.createElement("span", { key: v, className: `${u}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${u}__link-label` }, v))
       ];
@@ -9835,19 +9835,19 @@ const vn = (o) => {
       } else
         k = null;
     }
-    return typeof v == "object" && (M ? k = ot(v, ge(y({}, v.props), {
+    return typeof v == "object" && (L ? k = ot(v, ge(y({}, v.props), {
       children: [
-        /* @__PURE__ */ e.createElement("span", { key: M, className: `${u}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${u}__link-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: M, iconSize: "md" })), /* @__PURE__ */ e.createElement("span", { className: `${u}__link-label` }, v.props.children))
+        /* @__PURE__ */ e.createElement("span", { key: L, className: `${u}__item-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${u}__link-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: L, iconSize: "md" })), /* @__PURE__ */ e.createElement("span", { className: `${u}__link-label` }, v.props.children))
       ]
     })) : k = v), k;
   }, g = (v, w) => {
-    const { linkContent: M, links: k, icon: x } = v, N = `${u}__item`, L = `${u}__menu`, z = /* @__PURE__ */ e.createElement("div", { className: `${N}-wrapper` }, $(M, k, x)), I = (U, G) => /* @__PURE__ */ e.createElement(
+    const { linkContent: L, links: k, icon: x } = v, N = `${u}__item`, M = `${u}__menu`, z = /* @__PURE__ */ e.createElement("div", { className: `${N}-wrapper` }, $(L, k, x)), I = (U, G) => /* @__PURE__ */ e.createElement(
       "ul",
       {
         className: oe([
-          L,
+          M,
           G,
-          Ce(v) ? `${L}--expanded` : null
+          Ce(v) ? `${M}--expanded` : null
         ])
       },
       U.map((te, se) => /* @__PURE__ */ e.createElement(
@@ -9893,7 +9893,7 @@ const vn = (o) => {
         ]),
         ref: d ? null : S.setReference
       }, O()),
-      k ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}-wrapper` }, $(M, k, x), d && /* @__PURE__ */ e.createElement(
+      k ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}-wrapper` }, $(L, k, x), d && /* @__PURE__ */ e.createElement(
         "button",
         {
           "aria-expanded": Ce(v),
@@ -9904,20 +9904,20 @@ const vn = (o) => {
           onClick: E
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", iconSize: "md" }),
-        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${n.toggle} ${nt(M)} ${n.submenu}`)
-      )), d && I(k, `${L}--second-level`), !d && H && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${n.toggle} ${nt(L)} ${n.submenu}`)
+      )), d && I(k, `${M}--second-level`), !d && H && /* @__PURE__ */ e.createElement(
         "div",
         y({
           className: `${u}__flyout`,
           ref: S.setFloating,
           style: D
         }, j()),
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__flyout-heading` }, nt(M)),
-        I(k, `${L}--flyout`)
+        /* @__PURE__ */ e.createElement("div", { className: `${u}__flyout-heading` }, nt(L)),
+        I(k, `${M}--flyout`)
       )) : /* @__PURE__ */ e.createElement(e.Fragment, null, d ? z : /* @__PURE__ */ e.createElement(
         vt,
         {
-          content: nt(M),
+          content: nt(L),
           customTrigger: z,
           offsetValue: {
             mainAxis: -6,
@@ -9993,7 +9993,7 @@ const vn = (o) => {
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${d}__menu--expanded`);
   }, _ = (v, w) => {
-    const { linkContent: M, links: k } = v, x = `${d}__item`, N = `${d}__menu`;
+    const { linkContent: L, links: k } = v, x = `${d}__item`, N = `${d}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -10005,7 +10005,7 @@ const vn = (o) => {
           Ce(v) ? `${x}--active` : null
         ])
       },
-      k ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${x}-wrapper` }, We(M, k), /* @__PURE__ */ e.createElement(
+      k ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${x}-wrapper` }, We(L, k), /* @__PURE__ */ e.createElement(
         "button",
         {
           "aria-expanded": Ce(v),
@@ -10016,7 +10016,7 @@ const vn = (o) => {
           onClick: g
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", iconSize: "md" }),
-        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${nt(M)} ${c.submenu}`)
+        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${nt(L)} ${c.submenu}`)
       )), /* @__PURE__ */ e.createElement(
         "ul",
         {
@@ -10026,24 +10026,24 @@ const vn = (o) => {
             Ce(v) ? `${N}--expanded` : null
           ])
         },
-        k.map((L, z) => /* @__PURE__ */ e.createElement(
+        k.map((M, z) => /* @__PURE__ */ e.createElement(
           "li",
           {
             key: z,
             className: oe([
               x,
               `${x}--second-level`,
-              Ce(L) ? `${x}--active` : null
+              Ce(M) ? `${x}--active` : null
             ])
           },
           We(
-            L.linkContent,
-            L.links
+            M.linkContent,
+            M.links
           )
         ))
       )) : (
         // If no top-level child links are present, render the link content as is.
-        M
+        L
       )
     );
   }, f = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${d}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, r.map((v, w) => _(v, w)))), C = /* @__PURE__ */ e.createElement(
@@ -10098,7 +10098,7 @@ const vn = (o) => {
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${d}__menu--expanded`);
   }, _ = (v, w) => {
-    const { linkContent: M, links: k } = v, x = `${d}__item`, N = `${d}__menu`;
+    const { linkContent: L, links: k } = v, x = `${d}__item`, N = `${d}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -10121,8 +10121,8 @@ const vn = (o) => {
           onClick: g
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "caretDown", iconSize: "md" }),
-        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${nt(M)} ${c.submenu}`)
-      ), We(M, k)), /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${nt(L)} ${c.submenu}`)
+      ), We(L, k)), /* @__PURE__ */ e.createElement(
         "ul",
         {
           className: oe([
@@ -10131,41 +10131,41 @@ const vn = (o) => {
             Ce(v) ? `${N}--expanded` : null
           ])
         },
-        k.map((L, z) => /* @__PURE__ */ e.createElement(
+        k.map((M, z) => /* @__PURE__ */ e.createElement(
           "li",
           {
             key: z,
             className: oe([
               x,
               `${x}--second-level`,
-              Ce(L) ? `${x}--active` : null
+              Ce(M) ? `${x}--active` : null
             ])
           },
-          L.links ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${x}-wrapper` }, /* @__PURE__ */ e.createElement(
+          M.links ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${x}-wrapper` }, /* @__PURE__ */ e.createElement(
             "button",
             {
-              "aria-expanded": Ce(L),
+              "aria-expanded": Ce(M),
               className: oe([
                 `${d}__toggle`,
-                Ce(L) ? `${d}__toggle--expanded` : null
+                Ce(M) ? `${d}__toggle--expanded` : null
               ]),
               onClick: g
             },
             /* @__PURE__ */ e.createElement(A, { iconName: "caretDown", iconSize: "md" }),
-            /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${nt(L.linkContent)} ${c.submenu}`)
+            /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${nt(M.linkContent)} ${c.submenu}`)
           ), We(
-            L.linkContent,
-            L.links
+            M.linkContent,
+            M.links
           )), /* @__PURE__ */ e.createElement(
             "ul",
             {
               className: oe([
                 N,
                 `${N}--third-level`,
-                Ce(L) ? `${N}--expanded` : null
+                Ce(M) ? `${N}--expanded` : null
               ])
             },
-            L.links.map((I, H) => /* @__PURE__ */ e.createElement(
+            M.links.map((I, H) => /* @__PURE__ */ e.createElement(
               "li",
               {
                 key: H,
@@ -10182,12 +10182,12 @@ const vn = (o) => {
             ))
           )) : (
             // If no second-level child links are present, render the link content as is.
-            L.linkContent
+            M.linkContent
           )
         ))
       )) : (
         // If no top-level child links are present, render the link content as is.
-        M
+        L
       )
     );
   }, f = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${d}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, r.map((v, w) => _(v, w)))), C = /* @__PURE__ */ e.createElement(
@@ -10228,13 +10228,13 @@ const vn = (o) => {
   let g = !1;
   const _ = ke(qe);
   _ && (g = _.isMobile);
-  const f = o && g, C = "pds-user-menu", v = f ? `${C}--isMobile` : null, w = `${C}__menu`, { refs: M, floatingStyles: k, context: x } = Se({
+  const f = o && g, C = "pds-user-menu", v = f ? `${C}--isMobile` : null, w = `${C}__menu`, { refs: L, floatingStyles: k, context: x } = Se({
     placement: "bottom-end",
     open: u,
     onOpenChange: b,
     middleware: [$t(12), yt(), wt()],
     whileElementsMounted: De
-  }), N = lt(x, { event: "mousedown" }), L = Ie(x), z = Te(x, { role: "menu" }), I = ee([]), H = dt(x, {
+  }), N = lt(x, { event: "mousedown" }), M = Ie(x), z = Te(x, { role: "menu" }), I = ee([]), H = dt(x, {
     listRef: I,
     activeIndex: h,
     onNavigate: d,
@@ -10243,7 +10243,7 @@ const vn = (o) => {
     focusItemOnOpen: !1,
     focusItemOnHover: !0
   }), { getReferenceProps: V, getFloatingProps: S, getItemProps: D } = Oe(
-    [L, z, N, H]
+    [M, z, N, H]
   ), { isMounted: q, styles: B } = Ye(x, {
     duration: {
       open: 300,
@@ -10308,14 +10308,14 @@ const vn = (o) => {
     y({
       className: `${C}__trigger`,
       "aria-label": s,
-      ref: M.setReference
+      ref: L.setReference
     }, V()),
     W
   ), q && /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: `${C}__dropdown`,
-      ref: M.setFloating,
+      ref: L.setFloating,
       style: ge(y({}, k), {
         zIndex: "var(--pds-z-index-dropdown)"
       })
@@ -10409,8 +10409,8 @@ const vn = (o) => {
         ...k.slice(0, k.length - 1)
       ]), document.getElementById(p[0].id).classList.remove(`${u}--fading`);
     }, 200);
-  }, M = (k, x) => {
-    const { id: N, isDismissible: L, message: z, onDismiss: I, type: H } = k, S = ["critical", "warning"].includes(H) ? "alert" : "status", D = `${r[H]}:  `, q = (B) => {
+  }, L = (k, x) => {
+    const { id: N, isDismissible: M, message: z, onDismiss: I, type: H } = k, S = ["critical", "warning"].includes(H) ? "alert" : "status", D = `${r[H]}:  `, q = (B) => {
       B.preventDefault(), document.getElementById(N).classList.add(`${u}--dismissing`), setTimeout(() => {
         if (d === 1) {
           h([]);
@@ -10440,7 +10440,7 @@ const vn = (o) => {
           className: `${u}__icon ${u}__icon--${k.type}`
         }
       ), /* @__PURE__ */ e.createElement("div", { className: `${u}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, D, " "), z)),
-      L && /* @__PURE__ */ e.createElement(
+      M && /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${u}__dismiss-button`,
@@ -10479,7 +10479,7 @@ const vn = (o) => {
         ariaLabel: a,
         onClick: v
       }
-    ), p.map((k, x) => M(k, x))) : M(p[0], 0)
+    ), p.map((k, x) => L(k, x))) : L(p[0], 0)
   );
 }, Pt = {
   info: "circleInfo",
@@ -10575,8 +10575,8 @@ const vn = (o) => {
     u.current.addEventListener("animationend", v, {
       once: !0
     });
-  }, v = (M) => {
-    c(M, n);
+  }, v = (L) => {
+    c(L, n);
   }, w = () => {
     C(), u.current.classList.toggle(E.dismissing), setTimeout(() => {
       u.current.classList.toggle(E.dismissing), u.current.classList.toggle(E.dismissed);
@@ -10671,7 +10671,7 @@ const vn = (o) => {
   const _ = typeof n, f = "pds-popover", C = [
     `${f}__trigger-custom`,
     _ === "string" ? `${f}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), v = n ? c : 0, w = ee(null), { refs: M, floatingStyles: k, context: x, middlewareData: N } = Se({
+  ].join(" ").trim().replace(/\s+/g, " "), v = n ? c : 0, w = ee(null), { refs: L, floatingStyles: k, context: x, middlewareData: N } = Se({
     placement: o,
     open: $,
     onOpenChange(G) {
@@ -10684,7 +10684,7 @@ const vn = (o) => {
       Ks({ element: w })
     ],
     whileElementsMounted: De
-  }), L = () => {
+  }), M = () => {
     g(!1), r && r();
   }, z = lt(x), I = Ie(x), H = Te(x), { getReferenceProps: V, getFloatingProps: S } = Oe([
     z,
@@ -10712,7 +10712,7 @@ const vn = (o) => {
       "span",
       y({
         className: `${f}__trigger`,
-        ref: M.setReference
+        ref: L.setReference
       }, V()),
       n ? /* @__PURE__ */ e.createElement("span", { className: C }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), /* @__PURE__ */ e.createElement(
         A,
@@ -10727,7 +10727,7 @@ const vn = (o) => {
       "div",
       y({
         className: `${f}__container`,
-        ref: M.setFloating,
+        ref: L.setFloating,
         style: k
       }, S()),
       /* @__PURE__ */ e.createElement(
@@ -10744,7 +10744,7 @@ const vn = (o) => {
           className: `${f}__arrow`
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: `${f}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, l), s && /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, s), a && /* @__PURE__ */ e.createElement("button", { onClick: L, className: `${f}__close` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"), /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "lg" })))
+      /* @__PURE__ */ e.createElement("div", { className: `${f}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, l), s && /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, s), a && /* @__PURE__ */ e.createElement("button", { onClick: M, className: `${f}__close` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"), /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "lg" })))
     ))
   );
 }, us = {
@@ -10782,8 +10782,8 @@ const vn = (o) => {
   ]);
   const b = n || Re(), E = "pds-progress-bar", $ = l ? `${E}__label` : "visually-hidden", g = `${E}__track ${E}__track--${m}`, _ = o > 100 ? 100 : o;
   let f = "neutral";
-  s.forEach((M) => {
-    o >= M.percentage && (f = M.colorType);
+  s.forEach((L) => {
+    o >= L.percentage && (f = L.colorType);
   });
   const C = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, c), v = c && r === "above", w = c && r === "below";
   return /* @__PURE__ */ e.createElement(
@@ -11069,9 +11069,9 @@ const zn = (i) => {
   const d = "pds-sidebar-layout", u = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, b = `${d}--${a}`, E = () => {
     h(window.innerWidth);
   }, $ = {};
-  e.Children.forEach(s, (M) => {
-    const k = M.props.slot;
-    k && ($[k] ? $[k].push(M) : $[k] = [M]);
+  e.Children.forEach(s, (L) => {
+    const k = L.props.slot;
+    k && ($[k] ? $[k].push(L) : $[k] = [L]);
   });
   let g = "pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", _ = "pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
   r === "narrow" && (g = "pds-grid-item--md-9 pds-grid-item--lg-10", _ = "pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (g = "pds-grid-item--md-7 pds-grid-item--lg-8", _ = "pds-grid-item--md-5 pds-grid-item--lg-4");
@@ -11125,7 +11125,7 @@ zn.propTypes = {
    */
   className: t.string
 };
-const Mn = (c) => {
+const Ln = (c) => {
   var r = c, { children: s, className: n } = r, a = T(r, ["children", "className"]);
   const o = {};
   e.Children.forEach(s, (u) => {
@@ -11154,7 +11154,7 @@ const Mn = (c) => {
     i && /* @__PURE__ */ e.createElement("div", { className: `${d}__form-container` }, i)
   );
 };
-Mn.propTypes = {
+Ln.propTypes = {
   /**
    * Layout content.
    */
@@ -11164,7 +11164,7 @@ Mn.propTypes = {
    */
   className: t.string
 };
-const Ln = (r) => {
+const Mn = (r) => {
   var o = r, {
     children: s,
     gridGap: n = "standard",
@@ -11199,7 +11199,7 @@ const Ln = (r) => {
     ))
   );
 };
-Ln.propTypes = {
+Mn.propTypes = {
   /**
    * Item content.
    */
@@ -11309,13 +11309,13 @@ export {
   Et as IconButton,
   _t as IndicatorBadge,
   a2 as InlineMessage,
-  L1 as InputFormatted,
+  M1 as InputFormatted,
   Yn as InputGroup,
   x1 as InputObscured,
   V1 as InputText,
   Ae as InputWrapper,
   S1 as LinksCard,
-  Ms as MenuButton,
+  Ls as MenuButton,
   Qn as Modal,
   R1 as NavMenu,
   O1 as Navbar,
@@ -11333,7 +11333,7 @@ export {
   qe as ResponsiveContext,
   l2 as SectionMessage,
   Zn as SegmentedButton,
-  Mt as Select,
+  Lt as Select,
   e2 as SideNav,
   t2 as SideNavCompact,
   zn as SidebarLayout,
@@ -11347,7 +11347,7 @@ export {
   Xt as StatusBadge,
   d2 as StatusIndicator,
   ln as Stepper,
-  Mn as StepperLayout,
+  Ln as StepperLayout,
   Xn as Switch,
   cn as Table,
   rn as TableOfContents,
@@ -11356,7 +11356,7 @@ export {
   vn as Tally,
   gn as TextInput,
   on as Textarea,
-  Ln as ThreeItemLayout,
+  Mn as ThreeItemLayout,
   Is as Tile,
   mn as TileGrid,
   Ts as Toast,