@pantheon-systems/pds-toolkit-react 1.0.0-dev.182 → 1.0.0-dev.184

package/_dist/index.js

@@ -774,9 +774,9 @@ const p1 = {
     "zIndex",
     "className"
   ]);
-  const [g, b] = P(!1), v = typeof s, p = "pds-tooltip", _ = Z([
+  const [g, b] = P(!1), _ = typeof s, p = "pds-tooltip", v = Z([
     `${p}__trigger-custom`,
-    v === "string" ? `${p}__trigger-text` : null
+    _ === "string" ? `${p}__trigger-text` : null
   ]), C = Z([
     `${p}__trigger`,
     `${p}__trigger--${l}`
@@ -799,7 +799,7 @@ const p1 = {
   return /* @__PURE__ */ e.createElement("div", w({ className: Z([p, d != null ? d : ""]) }, h), s ? /* @__PURE__ */ e.createElement(
     "span",
     w({
-      className: _,
+      className: v,
       ref: E.setReference
     }, L()),
     s
@@ -841,9 +841,9 @@ const g1 = (t) => /* @__PURE__ */ e.createElement(fs, { className: "pds-breadcru
   const [r, o] = P(!0), { crumbs: l, deferredCrumbIds: i } = ze($s), m = [...l].sort(f1), d = () => {
     o(!1);
   }, h = m.map(
-    (v, p) => p === m.length - 1 ? /* @__PURE__ */ e.createElement(Xe, { crumb: v, lastCrumb: !0, key: p }) : /* @__PURE__ */ e.createElement(Xe, { crumb: v, key: p })
+    (_, p) => p === m.length - 1 ? /* @__PURE__ */ e.createElement(Xe, { crumb: _, lastCrumb: !0, key: p }) : /* @__PURE__ */ e.createElement(Xe, { crumb: _, key: p })
   ), u = m.map(
-    (v, p) => p === m.length - 1 ? /* @__PURE__ */ e.createElement(Xe, { crumb: v, key: `breadcrumb-${p}`, lastCrumb: !0 }) : p == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
+    (_, p) => p === m.length - 1 ? /* @__PURE__ */ e.createElement(Xe, { crumb: _, key: `breadcrumb-${p}`, lastCrumb: !0 }) : p == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         key: `breadcrumb-button-${p}`,
@@ -854,18 +854,18 @@ const g1 = (t) => /* @__PURE__ */ e.createElement(fs, { className: "pds-breadcru
     )), /* @__PURE__ */ e.createElement(
       Xe,
       {
-        crumb: v,
+        crumb: _,
         classes: r ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${p}`
       }
     )) : p > 2 && p < m.length - 2 ? /* @__PURE__ */ e.createElement(
       Xe,
       {
-        crumb: v,
+        crumb: _,
         classes: r ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${p}`
       }
-    ) : /* @__PURE__ */ e.createElement(Xe, { crumb: v, key: `breadcrumb-${p}` })
+    ) : /* @__PURE__ */ e.createElement(Xe, { crumb: _, key: `breadcrumb-${p}` })
   ), f = m.length >= 6 ? u : h, g = m[m.length - 2], b = g1(g);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": t, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", w({ className: "pds-breadcrumbs__item" }, s), f), b);
 };
@@ -1279,7 +1279,7 @@ const E1 = [
   );
 }, Je = je(
   (b, g) => {
-    var v = b, {
+    var _ = b, {
       ariaLabel: t,
       buttonType: s = "button",
       disabled: a = !1,
@@ -1292,7 +1292,7 @@ const E1 = [
       size: d = "md",
       variant: h = "primary",
       className: u
-    } = v, f = T(v, [
+    } = _, f = T(_, [
       "ariaLabel",
       "buttonType",
       "disabled",
@@ -1306,7 +1306,7 @@ const E1 = [
       "variant",
       "className"
     ]);
-    const p = "pds-button", _ = d !== "md" ? `${p}--${d}` : null, C = h !== "primary" ? `${p}--${h}` : null;
+    const p = "pds-button", v = d !== "md" ? `${p}--${d}` : null, C = h !== "primary" ? `${p}--${h}` : null;
     let E;
     switch (d) {
       case "sm":
@@ -1332,7 +1332,7 @@ const E1 = [
       "button",
       ve(w({}, f), {
         type: s,
-        className: [p, _, C, u].join(" ").trim().replace(/\s+/g, " "),
+        className: [p, v, C, u].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || o,
         "aria-label": t,
         onClick: m,
@@ -1425,7 +1425,7 @@ const dt = (m) => {
     u,
     f,
     g
-  ]), v = Ge(c) ? c.props.children : null, p = /* @__PURE__ */ e.createElement(
+  ]), _ = Ge(c) ? c.props.children : null, p = /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: a,
@@ -1434,18 +1434,18 @@ const dt = (m) => {
       key: a
     }
   );
-  let _ = [v];
-  s === "icon-start" && a ? _ = [p, v] : s === "icon-end" && a && (_ = [v, p]);
+  let v = [_];
+  s === "icon-start" && a ? v = [p, _] : s === "icon-end" && a && (v = [_, p]);
   const C = Ge(c) ? Qe(c, {
     className: b,
-    children: _
+    children: v
   }) : null;
   return t ? /* @__PURE__ */ e.createElement(
     Je,
     {
       className: Z([h, l != null ? l : ""]),
       disabled: !0,
-      label: _,
+      label: v,
       size: r,
       variant: o
     }
@@ -1472,14 +1472,14 @@ const dt = (m) => {
     "secondaryLink",
     "className"
   ]);
-  const f = "pds-card", g = r ? `${f}--clickable` : null, b = `${s}`, v = l.type, p = c ? /* @__PURE__ */ e.createElement("div", { className: `${f}__image` }, !r && l ? /* @__PURE__ */ e.createElement(
-    v,
+  const f = "pds-card", g = r ? `${f}--clickable` : null, b = `${s}`, _ = l.type, p = c ? /* @__PURE__ */ e.createElement("div", { className: `${f}__image` }, !r && l ? /* @__PURE__ */ e.createElement(
+    _,
     w({
       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, _ = /* @__PURE__ */ e.createElement("div", { className: `${f}__text-elements` }, o && /* @__PURE__ */ e.createElement(
+  ) : /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })) : null, v = /* @__PURE__ */ e.createElement("div", { className: `${f}__text-elements` }, o && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${f}__kicker pds-overline-text pds-overline-text--sm`
@@ -1487,19 +1487,19 @@ const dt = (m) => {
     o
   ), a && /* @__PURE__ */ e.createElement(b, { className: `${f}__heading` }, a), t && /* @__PURE__ */ e.createElement("div", { className: `${f}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, t)), !r && l && /* @__PURE__ */ e.createElement("div", { className: `${f}__links pds-button-group` }, /* @__PURE__ */ e.createElement(dt, { linkContent: l, variant: "primary" }), i && /* @__PURE__ */ e.createElement(dt, { linkContent: i, variant: "secondary" })));
   return r && l ? /* @__PURE__ */ e.createElement(
-    v,
+    _,
     w({
       className: [f, g, m].join(" ").trim().replace(/\s+/g, " ")
     }, l.props),
     p,
-    _
+    v
   ) : /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: [f, g, m].join(" ").trim().replace(/\s+/g, " ")
     }, d),
     p,
-    _
+    v
   );
 };
 y1.propTypes = {
@@ -1721,7 +1721,7 @@ k1.propTypes = {
   className: n.string
 };
 const H1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = H1.find((t) => t.type === "decimal").value, Ot = 16, rs = 10, z1 = (b) => {
-  var v = b, {
+  var _ = b, {
     disabled: t = !1,
     formatting: s,
     hasClearButton: a = !1,
@@ -1735,7 +1735,7 @@ const H1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = H1.find((t)
     showLabel: h = !0,
     validationFunction: u,
     className: f
-  } = v, g = T(v, [
+  } = _, g = T(_, [
     "disabled",
     "formatting",
     "hasClearButton",
@@ -1750,10 +1750,10 @@ const H1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = H1.find((t)
     "validationFunction",
     "className"
   ]);
-  const p = "pds-input-formatted", _ = s ? `${p}--${s}` : null, C = le([
+  const p = "pds-input-formatted", v = s ? `${p}--${s}` : null, C = le([
     "pds-input-field",
     p,
-    _,
+    v,
     f
   ]), [E, $] = P(""), [y, x] = P(null), [z, M] = P(null), k = le(null), L = le(null), H = le("");
   oe(() => {
@@ -1766,16 +1766,16 @@ const H1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = H1.find((t)
         break;
     }
   }, []);
-  const I = () => {
+  const V = () => {
     C.current = C.current.filter(
       (S) => S !== ke.required && S !== ke.disabled
     );
-  }, V = () => {
+  }, I = () => {
     C.current = C.current.filter(
       (S) => S !== ke.error && S !== ke.success
     );
   }, N = () => {
-    V(), x(""), M(null);
+    I(), x(""), M(null);
   }, O = (S) => {
     i && i({
       formattedValue: S,
@@ -1836,7 +1836,7 @@ const H1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = H1.find((t)
     }
     return S;
   };
-  I(), d && !t && C.current.push(ke.required), t && C.current.push(ke.disabled);
+  V(), d && !t && C.current.push(ke.required), t && C.current.push(ke.disabled);
   let K = null;
   return z === "error" && (K = /* @__PURE__ */ e.createElement(mt, { type: "error" })), z === "success" && (K = /* @__PURE__ */ e.createElement(mt, { type: "success" })), /* @__PURE__ */ e.createElement("div", w({ className: C.current.join(" ").trim() }, g), /* @__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" }, K && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, K), /* @__PURE__ */ e.createElement(
     "input",
@@ -1977,11 +1977,11 @@ const M1 = (g) => {
     "validationFunction",
     "className"
   ]);
-  const v = "pds-input-obscured", p = le(["pds-input-field", v, u]), [_, C] = P(r), [E, $] = P(t("")), [y, x] = P(), [z, M] = P(null), [k, L] = P(!1), H = le(null), I = le(null);
+  const _ = "pds-input-obscured", p = le(["pds-input-field", _, u]), [v, C] = P(r), [E, $] = P(t("")), [y, x] = P(), [z, M] = P(null), [k, L] = P(!1), H = le(null), V = le(null);
   oe(() => {
     r && t && $(t(r));
   }, []);
-  const V = () => {
+  const I = () => {
     p.current = p.current.filter(
       (S) => S !== ke.required && S !== ke.disabled
     );
@@ -1998,16 +1998,16 @@ const M1 = (g) => {
       const D = h(S.target.value) || {};
       O(), D.error && (M("error"), p.current.push(ke.error)), D.success && (M("success"), p.current.push(ke.success)), x(D.message);
     }
-    i && i(_);
+    i && i(v);
   }, j = () => {
-    O(), C(""), I.current.value = null, I.current.focus(), t && $(t("")), i && i("");
+    O(), C(""), V.current.value = null, V.current.focus(), t && $(t("")), i && i("");
   }, W = () => {
     L((S) => !S);
   }, U = (S) => {
     var D;
     (!((D = H.current) != null && D.contains(S.relatedTarget)) || !S.relatedTarget) && L(!1);
   };
-  V(), m && !s && p.current.push(ke.required), s && p.current.push(ke.disabled);
+  I(), m && !s && p.current.push(ke.required), s && p.current.push(ke.disabled);
   let K = null;
   return z === "error" && (K = /* @__PURE__ */ e.createElement(mt, { type: "error" })), z === "success" && (K = /* @__PURE__ */ e.createElement(mt, { type: "success" })), /* @__PURE__ */ e.createElement(
     "div",
@@ -2034,15 +2034,15 @@ const M1 = (g) => {
         name: c,
         required: m,
         disabled: s,
-        value: _,
+        value: v,
         onChange: R,
         onBlur: B,
-        ref: I,
+        ref: V,
         "aria-invalid": z === "error",
         "aria-describedby": l || y ? `${c}__message` : null,
         autoComplete: "off"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, E && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, E), _ && a && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, E && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, E), v && a && /* @__PURE__ */ e.createElement(
       Vt,
       {
         id: c,
@@ -2053,7 +2053,7 @@ const M1 = (g) => {
       "button",
       {
         type: "button",
-        className: `pds-input-field__accessory ${v}__toggle`,
+        className: `pds-input-field__accessory ${_}__toggle`,
         title: `${k ? "Hide" : "Show"} content of ${o} input`,
         "aria-controls": c,
         onClick: W,
@@ -2144,8 +2144,8 @@ M1.propTypes = {
   className: n.string
 };
 const Jt = je(
-  (_, p) => {
-    var C = _, {
+  (v, p) => {
+    var C = v, {
       children: t,
       decorator: s,
       disabled: a = !1,
@@ -2161,7 +2161,7 @@ const Jt = je(
       showLabel: f = !0,
       validationState: g,
       className: b
-    } = C, v = T(C, [
+    } = C, _ = T(C, [
       "children",
       "decorator",
       "disabled",
@@ -2178,7 +2178,7 @@ const Jt = je(
       "validationState",
       "className"
     ]);
-    const E = "pds-input-wrapper", $ = `${E}--${r}`, y = "pds-input-label", x = `pds-input-field__message pds-input-field__message--${d}`, z = g === "error" ? "pds-has-error" : null, M = g === "success" ? "pds-has-success" : null, k = a ? "pds-is-disabled" : null, L = h ? "pds-is-readonly" : null, H = u && !a ? "pds-is-required" : null, I = o ? `${o / 16}rem` : null, V = o ? { width: I } : null, N = l ? "fieldset" : "div", O = u && !a ? /* @__PURE__ */ e.createElement(
+    const E = "pds-input-wrapper", $ = `${E}--${r}`, y = "pds-input-label", x = `pds-input-field__message pds-input-field__message--${d}`, z = g === "error" ? "pds-has-error" : null, M = g === "success" ? "pds-has-success" : null, k = a ? "pds-is-disabled" : null, L = h ? "pds-is-readonly" : null, H = u && !a ? "pds-is-required" : null, V = o ? `${o / 16}rem` : null, I = o ? { width: V } : null, N = l ? "fieldset" : "div", O = u && !a ? /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: "asterisk",
@@ -2191,7 +2191,7 @@ const Jt = je(
         className: x,
         id: `${c}__message`,
         role: g === "error" ? "alert" : null,
-        style: V
+        style: I
       },
       m
     ) : null;
@@ -2209,8 +2209,8 @@ const Jt = je(
           b
         ].join(" ").trim().replace(/\s+/g, " "),
         ref: p,
-        style: V
-      }, v),
+        style: I
+      }, _),
       i && !l && r != "file-upload" && /* @__PURE__ */ e.createElement(
         "label",
         {
@@ -2321,9 +2321,9 @@ const Dt = 16, os = 10, L1 = (k) => {
     onFocus: f,
     placeholder: g,
     readonly: b = !1,
-    required: v = !1,
+    required: _ = !1,
     showLabel: p = !0,
-    specialFormatting: _,
+    specialFormatting: v,
     specialFormattingValidation: C = !1,
     toggleVisibility: E = !1,
     type: $ = "text",
@@ -2359,10 +2359,10 @@ const Dt = 16, os = 10, L1 = (k) => {
     "validationMessages",
     "className"
   ]);
-  const [H, I] = P(l), [V, N] = P(s("")), [O, R] = P(), [B, j] = P(null), [W, U] = P(!1), K = le(null), S = le(null), D = le(null), F = le(null), G = "pds-input-text", se = _ ? `${G}--${_}` : null;
+  const [H, V] = P(l), [I, N] = P(s("")), [O, R] = P(), [B, j] = P(null), [W, U] = P(!1), K = le(null), S = le(null), D = le(null), F = le(null), G = "pds-input-text", se = v ? `${G}--${v}` : null;
   let Q = null;
-  $ === "search" && (Q = "search"), B === "error" && (Q = "error"), B === "success" && (Q = "success"), _ && C && oe(() => {
-    switch (l && I(ee(l)), F.numExtra = "", _) {
+  $ === "search" && (Q = "search"), B === "error" && (Q = "error"), B === "success" && (Q = "success"), v && C && oe(() => {
+    switch (l && V(ee(l)), F.numExtra = "", v) {
       case "credit-card":
         F.numExtra = 3, F.current = Dt;
         break;
@@ -2372,10 +2372,10 @@ const Dt = 16, os = 10, L1 = (k) => {
     }
   }, []);
   let ue = null;
-  (_ === "credit-card" || _ === "phone") && F.current && (ue = F.current + F.numExtra);
+  (v === "credit-card" || v === "phone") && F.current && (ue = F.current + F.numExtra);
   const ee = (te) => {
     if (te) {
-      if (_ === "credit-card") {
+      if (v === "credit-card") {
         const ae = ("" + te).replace(/\D/g, "");
         if (D.current = ae, ae) {
           if (new RegExp("^34|37", "g").test(ae)) {
@@ -2389,7 +2389,7 @@ const Dt = 16, os = 10, L1 = (k) => {
         }
         return ae;
       }
-      if (_ === "phone") {
+      if (v === "phone") {
         const ae = ("" + te).replace(/\D/g, "");
         if (D.current = ae, ae) {
           F.numExtra = 4, F.current = os;
@@ -2411,20 +2411,20 @@ const Dt = 16, os = 10, L1 = (k) => {
   }, ce = (te) => {
     f && f(te.target);
   }, ne = (te) => {
-    _ ? u && u({ formattedValue: te, rawValue: D.current }) : u && u(te);
+    v ? u && u({ formattedValue: te, rawValue: D.current }) : u && u(te);
   }, Ce = (te) => {
-    I(_ ? ee(te.target.value) : te.target.value), ie(), s && N(s(_ ? D.current : te.target.value)), ne(te.target.value);
+    V(v ? ee(te.target.value) : te.target.value), ie(), s && N(s(v ? D.current : te.target.value)), ne(te.target.value);
   }, me = (te) => {
     if (E && U(!1), y) {
       const ae = y(te.target.value) || {};
       ie(), ae.error && j("error"), ae.success && j("success"), R(ae.message);
     }
-    _ && C && !y && (K.current.checkValidity() === !1 || te.target.value.length < ue ? (j("error"), _ === "credit-card" && R(x.creditCardError), _ === "phone" && R(x.phoneError)) : j("success")), ne(te.target.value);
+    v && C && !y && (K.current.checkValidity() === !1 || te.target.value.length < ue ? (j("error"), v === "credit-card" && R(x.creditCardError), v === "phone" && R(x.phoneError)) : j("success")), ne(te.target.value);
   }, pe = (te) => {
     var ae;
     (!((ae = S.current) != null && ae.contains(te.relatedTarget)) || !te.relatedTarget) && U(!1);
   }, J = () => {
-    ie(), I(""), D.current = "", K.current.focus(), s && N(s("")), ne("");
+    ie(), V(""), D.current = "", K.current.focus(), s && N(s("")), ne("");
   };
   oe(() => {
     if ($ === "search" && r) {
@@ -2439,7 +2439,7 @@ const Dt = 16, os = 10, L1 = (k) => {
   const be = () => {
     U((te) => !te);
   };
-  E && $ === "password" && (W ? M.type = "text" : M.type = "password"), _ === "phone" && (M.type = "tel");
+  E && $ === "password" && (W ? M.type = "text" : M.type = "password"), v === "phone" && (M.type = "tel");
   const $e = O || h;
   return /* @__PURE__ */ e.createElement(
     Jt,
@@ -2455,7 +2455,7 @@ const Dt = 16, os = 10, L1 = (k) => {
       onBlur: pe,
       ref: S,
       readonly: b,
-      required: v,
+      required: _,
       showLabel: p,
       validationState: B
     }, M),
@@ -2468,7 +2468,7 @@ const Dt = 16, os = 10, L1 = (k) => {
         id: o,
         name: o,
         placeholder: g,
-        required: v,
+        required: _,
         readOnly: b,
         disabled: a,
         value: H,
@@ -2483,7 +2483,7 @@ const Dt = 16, os = 10, L1 = (k) => {
         minLength: ue
       }
     ),
-    V && /* @__PURE__ */ e.createElement("div", { className: "pds-input__counter" }, V),
+    I && /* @__PURE__ */ e.createElement("div", { className: "pds-input__counter" }, I),
     H && c && /* @__PURE__ */ e.createElement(
       Vt,
       {
@@ -2713,9 +2713,9 @@ const Ss = (C) => {
     showLabel: f = !0,
     validationMessage: g,
     validationStatus: b,
-    value: v,
+    value: _,
     className: p
-  } = E, _ = T(E, [
+  } = E, v = T(E, [
     "defaultValue",
     "disabled",
     "id",
@@ -2738,7 +2738,7 @@ const Ss = (C) => {
   const $ = nt(c), y = "pds-select", x = s ? Y.disabled : null, z = u && !s ? Y.required : null, M = b === "error" ? Y.error : null, k = b === "success" ? Y.success : null;
   let L = null;
   b === "error" && (L = "error"), b === "success" && (L = "success");
-  const H = g || l, I = typeof v != "undefined", V = typeof t != "undefined", N = (fe) => h.findIndex((we) => we.value === fe), O = I && N(v) >= 0 ? N(v) : null, R = V ? N(t) : null, B = O || R, [j, W] = P(!1), [U, K] = P(null), [S, D] = P(
+  const H = g || l, V = typeof _ != "undefined", I = typeof t != "undefined", N = (fe) => h.findIndex((we) => we.value === fe), O = V && N(_) >= 0 ? N(_) : null, R = I ? N(t) : null, B = O || R, [j, W] = P(!1), [U, K] = P(null), [S, D] = P(
     B != null ? B : null
   ), F = S !== null ? (Le = h[S]) == null ? void 0 : Le.label : void 0, G = S !== null ? (ge = h[S]) == null ? void 0 : ge.value : void 0, se = le([]), { context: Q, refs: ue } = De({
     open: j,
@@ -2771,14 +2771,14 @@ const Ss = (C) => {
     }
   }), $e = (fe) => {
     const we = h[fe];
-    I || (D(fe), W(!1)), d && d(we);
+    V || (D(fe), W(!1)), d && d(we);
   };
   oe(() => {
-    if (I) {
-      const fe = N(v);
+    if (V) {
+      const fe = N(_);
       D(fe), W(!1);
     }
-  }, [v]);
+  }, [_]);
   const te = () => {
     i && i(G);
   }, ae = () => {
@@ -2819,7 +2819,7 @@ const Ss = (C) => {
         p != null ? p : ""
       ]),
       style: c ? $ : null
-    }, _),
+    }, v),
     /* @__PURE__ */ e.createElement(
       Ze,
       {
@@ -2888,11 +2888,11 @@ const Ss = (C) => {
 }, et = (c) => {
   var r = c, { arrowText: t = null, direction: s } = r, a = T(r, ["arrowText", "direction"]);
   const { buttonCallback: o, currentKey: l, setCurrentKey: i, setDirection: m, pages: d } = ze(ut), h = Kt(
-    (p, _) => {
-      o && (p.preventDefault(), o(_));
+    (p, v) => {
+      o && (p.preventDefault(), o(v));
     },
     [o, l]
-  ), { title: u, rel: f, srText: g, icon: b, keyModifier: v } = V1[s];
+  ), { title: u, rel: f, srText: g, icon: b, keyModifier: _ } = V1[s];
   return /* @__PURE__ */ e.createElement(
     "li",
     w({
@@ -2903,9 +2903,9 @@ const Ss = (C) => {
       {
         title: u,
         rel: f,
-        href: d[v(l)].link,
+        href: d[_(l)].link,
         onClick: (p) => {
-          h(p, v(l)), i(v(l)), m(s);
+          h(p, _(l)), i(_(l)), m(s);
         }
       },
       s === "right" && t ? /* @__PURE__ */ e.createElement("span", null, t) : null,
@@ -3267,47 +3267,47 @@ A1.propTypes = {
 const P1 = (r) => {
   var o = r, { headers: t, rowData: s, className: a } = o, c = T(o, ["headers", "rowData", "className"]);
   const [l] = P(t), [i, m] = P(s), [d, h] = P({ order: "asc", key: "" }), u = (p) => {
-    m(i.sort((_, C) => _[p].localeCompare(C[p]))), h({ order: "desc", key: p });
+    m(i.sort((v, C) => v[p].localeCompare(C[p]))), h({ order: "desc", key: p });
   }, f = (p) => {
-    m(i.sort((_, C) => C[p].localeCompare(_[p]))), h({ order: "asc", key: p });
-  }, g = (p, _) => {
-    h(ve(w({}, d), { key: _ })), d.order === "asc" ? u(_) : f(_);
-  }, b = (p, _) => /* @__PURE__ */ e.createElement("tr", { id: _, key: `table-row-${_}` }, p.map((C, E) => /* @__PURE__ */ e.createElement("td", { key: `${_}-cell-${E}` }, /* @__PURE__ */ e.createElement("span", null, C)))), v = "pds-table";
+    m(i.sort((v, C) => C[p].localeCompare(v[p]))), h({ order: "asc", key: p });
+  }, g = (p, v) => {
+    h(ve(w({}, d), { key: v })), d.order === "asc" ? u(v) : f(v);
+  }, b = (p, v) => /* @__PURE__ */ e.createElement("tr", { id: v, key: `table-row-${v}` }, p.map((C, E) => /* @__PURE__ */ e.createElement("td", { key: `${v}-cell-${E}` }, /* @__PURE__ */ e.createElement("span", null, C)))), _ = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "table",
     w({
-      className: [v, a].join(" ").trim().replace(/\s+/g, " ")
+      className: [_, a].join(" ").trim().replace(/\s+/g, " ")
     }, c),
-    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((p, _) => /* @__PURE__ */ e.createElement("th", { key: `header-${_}` }, p.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${v}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((p, v) => /* @__PURE__ */ e.createElement("th", { key: `header-${v}` }, p.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${_}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
       "span",
       {
-        className: `${v}__sort-header`,
-        onClick: (C) => g(C, _)
+        className: `${_}__sort-header`,
+        onClick: (C) => g(C, v)
       },
       p.title
     ), /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `${v}__sort-button`,
+        className: `${_}__sort-button`,
         title: `Sort by ${p.title}`,
-        onClick: (C) => g(C, _)
+        onClick: (C) => g(C, v)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${v}__sort-button-top ${_ != d.key && d.key !== "" ? "pds-table__sort-innactive" : d.key == _ ? 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(A, { iconName: "caretUp", iconSize: "sm" })
       ),
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${v}__sort-button-bottom ${d.key == _ ? d.order : "asc"}`
+          className: `${_}__sort-button-bottom ${d.key == v ? d.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(A, { iconName: "caretDown", iconSize: "sm" })
       )
     )) : /* @__PURE__ */ e.createElement("span", null, p.title))))),
-    /* @__PURE__ */ e.createElement("tbody", null, i.map((p, _) => b(p, _)))
+    /* @__PURE__ */ e.createElement("tbody", null, i.map((p, v) => b(p, v)))
   ));
 };
 P1.propTypes = {
@@ -3347,18 +3347,18 @@ const q1 = (i) => {
         id: s
       }, l),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, o.map((p, _) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, o.map((p, v) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${d}__option`,
-          key: `${s}-option-${_}`
+          key: `${s}-option-${v}`
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             className: "visually-hidden",
             type: "radio",
-            id: `${s}-option-${_}`,
+            id: `${s}-option-${v}`,
             name: s,
             value: p.value,
             disabled: t,
@@ -3366,7 +3366,7 @@ const q1 = (i) => {
             defaultChecked: f === p.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${s}-option-${_}` }, p.iconName && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${s}-option-${v}` }, p.iconName && /* @__PURE__ */ e.createElement(
           A,
           {
             iconName: p.iconName,
@@ -3451,8 +3451,8 @@ const B1 = (g) => {
     "statusOffLabel",
     "className"
   ]);
-  const v = "pds-toggle-switch", [p, _] = P(!1), C = (y) => {
-    _(!p), o && o(y.target);
+  const _ = "pds-toggle-switch", [p, v] = P(!1), C = (y) => {
+    v(!p), o && o(y.target);
   };
   let E = p === !0 ? d : h, $;
   return m ? $ = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, E), /* @__PURE__ */ e.createElement(
@@ -3474,14 +3474,14 @@ const B1 = (g) => {
     {
       iconName: "check",
       iconSize: "sm",
-      className: `${v}__on-icon`
+      className: `${_}__on-icon`
     }
   ), /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: "xmark",
       iconSize: "sm",
-      className: `${v}__off-icon`
+      className: `${_}__off-icon`
     }
   )), /* @__PURE__ */ e.createElement(
     Jt,
@@ -3497,11 +3497,11 @@ const B1 = (g) => {
       showLabel: i,
       required: l
     }, f),
-    /* @__PURE__ */ e.createElement("div", { className: [v].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: [_].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement(
       "button",
       {
         id: s,
-        className: `${v}__toggle`,
+        className: `${_}__toggle`,
         role: "switch",
         disabled: t,
         "aria-checked": p,
@@ -3721,20 +3721,20 @@ const Ue = Nt(null), j1 = ({
   ]);
   const [g, b] = P(
     a
-  ), { isMobile: v } = ze(Ue), p = le(), [_] = Mt(p), C = _.width, E = {
-    isSidebarExpanded: v ? !0 : g,
+  ), { isMobile: _ } = ze(Ue), p = le(), [v] = Mt(p), C = v.width, E = {
+    isSidebarExpanded: _ ? !0 : g,
     logoLinkContent: r,
     navbarWidth: C,
     isAdmin: c
-  }, $ = "pds-dashboard", y = v ? `${$}--isMobile` : `${$}--notMobile`, x = v ? null : g ? `${$}--sidebarExpanded` : `${$}--sidebarCollapsed`, z = g ? `${l}rem` : `${o}rem`, M = {
+  }, $ = "pds-dashboard", y = _ ? `${$}--isMobile` : `${$}--notMobile`, x = _ ? null : g ? `${$}--sidebarExpanded` : `${$}--sidebarCollapsed`, z = g ? `${l}rem` : `${o}rem`, M = {
     width: z,
     transition: "width 200ms ease-in-out"
-  }, k = v ? {} : {
+  }, k = _ ? {} : {
     width: `calc(100% - ${z})`,
     transition: "width 200ms ease-in-out"
   }, L = () => {
     b(!g);
-  }, H = Yt(t), I = H.header, V = H.sidebar, N = H.main, O = H.footer, R = /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar` }, V), B = /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar`, style: M }, s && /* @__PURE__ */ e.createElement(
+  }, H = Yt(t), V = H.header, I = H.sidebar, N = H.main, O = H.footer, R = /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar` }, I), B = /* @__PURE__ */ e.createElement("aside", { className: `${$}__sidebar`, style: M }, s && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${$}__sidebar-toggle-button`,
@@ -3743,7 +3743,7 @@ const Ue = Nt(null), j1 = ({
       "aria-label": i
     },
     /* @__PURE__ */ e.createElement("span", { className: `${$}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" }))
-  ), /* @__PURE__ */ e.createElement("div", { className: `${$}__sidebar-inner` }, V));
+  ), /* @__PURE__ */ e.createElement("div", { className: `${$}__sidebar-inner` }, I));
   return /* @__PURE__ */ e.createElement(It.Provider, { value: E }, /* @__PURE__ */ e.createElement(W1, { text: m, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -3755,8 +3755,8 @@ const Ue = Nt(null), j1 = ({
         d != null ? d : ""
       ])
     }, h),
-    v && I,
-    v ? R : B,
+    _ && V,
+    _ ? R : B,
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -3764,7 +3764,7 @@ const Ue = Nt(null), j1 = ({
         className: `${$}__container`,
         style: k
       },
-      !v && /* @__PURE__ */ e.createElement("div", { className: `${$}__header` }, I),
+      !_ && /* @__PURE__ */ e.createElement("div", { className: `${$}__header` }, V),
       /* @__PURE__ */ e.createElement("main", { id: "main", className: `${$}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${$}__main-inner` }, N), O && /* @__PURE__ */ e.createElement("footer", { className: `${$}__footer` }, O))
     )
   ));
@@ -3844,7 +3844,7 @@ const Ue = Nt(null), j1 = ({
 Os.propTypes = { option: n.object };
 const Z1 = je(
   (H, L) => {
-    var I = H, {
+    var V = H, {
       defaultValue: t,
       disabled: s = !1,
       hasClearButton: a = !0,
@@ -3865,9 +3865,9 @@ const Z1 = je(
       message: f,
       noResultsText: g = "No results found",
       onBlur: b,
-      onClear: v,
+      onClear: _,
       onFocus: p,
-      onOptionSelect: _,
+      onOptionSelect: v,
       options: C,
       placeholder: E,
       required: $ = !1,
@@ -3875,7 +3875,7 @@ const Z1 = je(
       validationMessage: x,
       validationStatus: z,
       className: M
-    } = I, k = T(I, [
+    } = V, k = T(V, [
       "defaultValue",
       "disabled",
       "hasClearButton",
@@ -3902,7 +3902,7 @@ const Z1 = je(
       "validationStatus",
       "className"
     ]);
-    const V = nt(i), N = "pds-combobox", O = s ? Y.disabled : null, R = $ && !s ? Y.required : null, B = z === "error" ? Y.error : null, j = z === "success" ? Y.success : null;
+    const I = nt(i), N = "pds-combobox", O = s ? Y.disabled : null, R = $ && !s ? Y.required : null, B = z === "error" ? Y.error : null, j = z === "success" ? Y.success : null;
     let W = null;
     r && (W = "search"), z === "error" && (W = "error"), z === "success" && (W = "success");
     const U = x || f, K = (he) => {
@@ -3939,17 +3939,17 @@ const Z1 = je(
       D(!S);
     }, ye = () => {
       var he;
-      Q(""), G(null), D(!0), (he = ne.domReference.current) == null || he.focus(), v && v();
+      Q(""), G(null), D(!0), (he = ne.domReference.current) == null || he.focus(), _ && _();
     }, Le = (he) => {
       let Ee = he.target.value;
       Ee.length > 0 && (Ee = Ee.trimStart()), Q(Ee), Ee ? (G(null), D(!0)) : D(!1);
     }, ge = (he) => {
-      b && p(he);
+      b && b(he);
     }, fe = (he) => {
       p && p(he);
     }, we = (he) => {
       const Ee = ue[he];
-      Q(Ee.label), G(null), D(!1), _ && _(Ee);
+      Q(Ee.label), G(null), D(!1), v && v(Ee);
     }, Se = (he) => he.map((Te) => {
       const { label: qe, optionDisplay: Be, value: Fe, searchIndex: bt } = Te, q = Fe || qe, re = [qe, Fe];
       return bt && re.push(...bt), {
@@ -4004,7 +4004,7 @@ const Z1 = je(
           j,
           M != null ? M : ""
         ]),
-        style: i ? V : null
+        style: i ? I : null
       }, k),
       /* @__PURE__ */ e.createElement(
         Ze,
@@ -4110,7 +4110,7 @@ const Z1 = je(
     );
   }
 ), U1 = (b) => {
-  var v = b, {
+  var _ = b, {
     disabled: t = !1,
     id: s,
     isLoading: a = !1,
@@ -4128,7 +4128,7 @@ const Z1 = je(
     siteList: h,
     horizontalOffset: u = 0,
     className: f
-  } = v, g = T(v, [
+  } = _, g = T(_, [
     "disabled",
     "id",
     "isLoading",
@@ -4143,26 +4143,26 @@ const Z1 = je(
     "horizontalOffset",
     "className"
   ]);
-  const [p, _] = P(!1), [C, E] = P(null), $ = le(null);
+  const [p, v] = P(!1), [C, E] = P(null), $ = le(null);
   let y = !1;
   const x = ze(Ue);
   x && (y = x.isMobile);
   let z = null, M = !1;
   const k = ze(It);
   k && (z = k.navbarWidth, M = k.isAdmin);
-  const L = 2.25, H = 22, I = M ? 14.25 : 9.25, V = z > 900 ? H : z / 16 - (I + u) - L * 0.675;
+  const L = 2.25, H = 22, V = M ? 14.25 : 9.25, I = z > 900 ? H : z / 16 - (V + u) - L * 0.675;
   let N = L;
-  p && !z && (N = H), p && z && (N = V);
+  p && !z && (N = H), p && z && (N = I);
   const O = {
-    right: `${I + u}rem`,
+    right: `${V + u}rem`,
     width: `${N}rem`
   }, R = "pds-dashboard-search", B = y ? `${R}--isMobile` : null, j = () => {
-    _(!0), setTimeout(() => {
+    v(!0), setTimeout(() => {
       $.current.querySelector("input").focus();
     }, 500);
   }, W = () => {
     setTimeout(() => {
-      _(!1);
+      v(!1);
     }, 150);
   }, U = (G) => {
     E(G.value), m && m(G);
@@ -4485,7 +4485,7 @@ const is = [
       className: `${m}__image`,
       alt: ""
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: f }), b = /* @__PURE__ */ e.createElement("span", { className: `${m}__content` }, g), v = Ge(a) ? Qe(
+  ) : /* @__PURE__ */ e.createElement("span", { style: f }), b = /* @__PURE__ */ e.createElement("span", { className: `${m}__content` }, g), _ = Ge(a) ? Qe(
     a,
     ve(w({}, a.props), {
       className: `${m}__content ${m}__content--link`
@@ -4497,7 +4497,7 @@ const is = [
     w({
       className: Z([m, d, h, r])
     }, o),
-    a ? v : b
+    a ? _ : b
   );
 }, yt = (u) => {
   var f = u, {
@@ -4524,21 +4524,21 @@ const is = [
     "variant",
     "className"
   ]);
-  const g = "pds-icon-button", b = i !== "md" ? `${g}--${i}` : null, v = m !== "standard" ? `${g}--${m}` : null, p = {
+  const g = "pds-icon-button", b = i !== "md" ? `${g}--${i}` : null, _ = m !== "standard" ? `${g}--${m}` : null, p = {
     fadeOut: `${g}--fadeOut`,
     hide: `${g}--hide`,
     scaleIn: `${g}--scaleIn`
   };
-  let _, C;
+  let v, C;
   switch (i) {
     case "sm":
-      C = "md", _ = 8;
+      C = "md", v = 8;
       break;
     case "md":
-      C = "md", _ = 10;
+      C = "md", v = 10;
       break;
     case "lg":
-      C = "xl", _ = 12;
+      C = "xl", v = 12;
   }
   const E = o !== null, $ = le(null), y = le(null), x = () => {
     $.current.classList.add(p.fadeOut), $.current.classList.add(p.hide), y.current.classList.remove(p.hide), y.current.classList.add(p.scaleIn), setTimeout(() => {
@@ -4582,7 +4582,7 @@ const is = [
     "button",
     w({
       "aria-label": t,
-      className: [g, b, v, d].join(" ").trim().replace(/\s+/g, " "),
+      className: [g, b, _, d].join(" ").trim().replace(/\s+/g, " "),
       disabled: a,
       onClick: z,
       type: s,
@@ -4593,7 +4593,7 @@ const is = [
       {
         content: t,
         className: `${g}__tooltip`,
-        offsetValue: _,
+        offsetValue: v,
         customTrigger: M
       }
     ) : M
@@ -4601,7 +4601,7 @@ const is = [
 };
 yt.displayName = "IconButton";
 const Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink, Q1 = (t) => t.isNode, Ds = (p) => {
-  var _ = p, {
+  var v = p, {
     avatarImageSrc: t,
     disabled: s,
     displayType: a = "icon-end",
@@ -4617,7 +4617,7 @@ const Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink,
     variant: f = "primary",
     withinNavbar: g,
     className: b
-  } = _, v = T(_, [
+  } = v, _ = T(v, [
     "avatarImageSrc",
     "disabled",
     "displayType",
@@ -4650,7 +4650,7 @@ const Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink,
   let L = !1;
   const H = ze(Ue);
   H && (L = H.isMobile);
-  const I = g && 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>', N = "pds-menu-button", O = I ? `${N}--isMobile` : null, R = g ? `${N}--navbar` : null, B = Ke(), [j] = P(`menu-button-${B}`), [W] = P(`menu-listbox-${B}`), U = r || j, K = k.floating, S = le(null), [D, F] = P(!1), [G, se] = P(!1), [Q, ue] = P(""), [ee, ie] = P(0), ce = le([]), ne = le([]), Ce = le([]);
+  const V = g && L, I = '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>', N = "pds-menu-button", O = V ? `${N}--isMobile` : null, R = g ? `${N}--navbar` : null, B = Ke(), [j] = P(`menu-button-${B}`), [W] = P(`menu-listbox-${B}`), U = r || j, K = k.floating, S = le(null), [D, F] = P(!1), [G, se] = P(!1), [Q, ue] = P(""), [ee, ie] = P(0), ce = le([]), ne = le([]), Ce = le([]);
   Qs(() => {
     window.addEventListener("mousedown", ge, !0), z();
     const q = K.current;
@@ -4693,7 +4693,7 @@ const Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink,
   }, ae = (q) => {
     D ? J() : pe(), se((re) => !re), q.stopPropagation(), q.preventDefault();
   }, xe = (q) => {
-    $e(q.currentTarget.id), I || J();
+    $e(q.currentTarget.id), V || J();
   }, ye = (q) => {
     var re = q.key, X = !1;
     switch (re) {
@@ -4952,7 +4952,7 @@ const Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink,
       onKeyDown: ye,
       ref: $
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${N}__avatar-label` }, /* @__PURE__ */ e.createElement(ht, { size: "sm", imageSrc: t || V }), a === "avatar-with-text" && l),
+    /* @__PURE__ */ e.createElement("span", { className: `${N}__avatar-label` }, /* @__PURE__ */ e.createElement(ht, { size: "sm", imageSrc: t || I }), a === "avatar-with-text" && l),
     /* @__PURE__ */ e.createElement(
       A,
       {
@@ -4971,7 +4971,7 @@ const Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink,
   }, Ee = () => /* @__PURE__ */ e.createElement("ul", { className: `${N}__mobile-menu`, role: "menu" }, i.map((q, re) => fe(q, re)));
   let Te;
   const qe = a === "icon-end" ? "pds-button pds-button--navbar" : null, Be = [`${N}__toggle`, qe].join(" ").trim().replace(/\s+/g, " ");
-  I && (Te = /* @__PURE__ */ e.createElement(
+  V && (Te = /* @__PURE__ */ e.createElement(
     "button",
     {
       id: U,
@@ -4985,7 +4985,7 @@ const Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink,
       ht,
       {
         size: "sm",
-        imageSrc: t || V
+        imageSrc: t || I
       }
     ), l) : a === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${N}__icon-label` }, /* @__PURE__ */ e.createElement(A, { iconName: c }), " ", l) : l,
     /* @__PURE__ */ e.createElement(
@@ -5004,8 +5004,8 @@ const Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink,
       className: [N, R, O, bt, b].join(" ").trim().replace(/\s+/g, " "),
       "data-testid": h,
       ref: S
-    }, v),
-    I ? /* @__PURE__ */ e.createElement(e.Fragment, null, Fe, /* @__PURE__ */ e.createElement(Ee, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, at, Se(i))
+    }, _),
+    V ? /* @__PURE__ */ e.createElement(e.Fragment, null, Fe, /* @__PURE__ */ e.createElement(Ee, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, at, Se(i))
   );
 };
 Ds.propTypes = {
@@ -5096,10 +5096,10 @@ const Rs = ({ items: t, label: s, mobileMenuMaxWidth: a = 640 }) => {
     onOpenChange: r,
     whileElementsMounted: We
   }), f = tt(u, { event: "mousedown" }), g = Re(u), b = Ae(u, { role: "menu" });
-  let v;
-  m ? v = Ct(u, {
+  let _;
+  m ? _ = Ct(u, {
     enabled: !1
-  }) : v = Ct(u, {
+  }) : _ = Ct(u, {
     handleClose: _s({
       requireIntent: !1,
       buffer: 10,
@@ -5107,11 +5107,11 @@ const Rs = ({ items: t, label: s, mobileMenuMaxWidth: a = 640 }) => {
       enabled: !0
     })
   });
-  const { getReferenceProps: p, getFloatingProps: _ } = Pe([
+  const { getReferenceProps: p, getFloatingProps: v } = Pe([
     g,
     b,
     f,
-    v
+    _
   ]), C = (E) => !!(E.isActive || E.linkContent && E.linkContent.props.className && E.linkContent.props.className.includes("pds-isActive"));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
@@ -5126,7 +5126,7 @@ const Rs = ({ items: t, label: s, mobileMenuMaxWidth: a = 640 }) => {
     w({
       className: `${d}__dropdown`,
       ref: h.setFloating
-    }, _()),
+    }, v()),
     t.map((E, $) => /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -5157,7 +5157,7 @@ const J1 = (l) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [m, d] = P(1025), [h, u] = P(null), [f, g] = P(-1), [b, v] = P(null), [p, _] = P({
+  const [m, d] = P(1025), [h, u] = P(null), [f, g] = P(-1), [b, _] = P(null), [p, v] = P({
     containerChildren: []
   });
   oe(() => (d(window.innerWidth), window.addEventListener("resize", C), () => {
@@ -5178,24 +5178,24 @@ const J1 = (l) => {
     }));
   }, [f]);
   const $ = "pds-nav-menu", y = s !== "default" ? `${$}--${s}` : "", x = E ? `${$}--isMobile` : `${$}--notMobile`, z = le([]), M = (H) => {
-    const I = z.current.length - 1, j = {
+    const V = z.current.length - 1, j = {
       ArrowRight: () => {
-        u(-1), g(f === -1 ? 1 : f === I ? 0 : f + 1);
+        u(-1), g(f === -1 ? 1 : f === V ? 0 : f + 1);
       },
       ArrowLeft: () => {
-        u(-1), g(f === 0 ? I : f - 1);
+        u(-1), g(f === 0 ? V : f - 1);
       },
       ArrowDown: () => {
         var K, S, D, F;
-        v("down");
+        _("down");
         let W = H.target.parentNode.children[1], U = ((S = (K = H.target) == null ? void 0 : K.parentNode.children[1]) == null ? void 0 : S.children) || ((F = (D = H.target) == null ? void 0 : D.parentNode.parentNode.children[1]) == null ? void 0 : F.children);
-        p.container != W && W != null && _({
+        p.container != W && W != null && v({
           container: W,
           containerChildren: [...U]
         }), h === null || h == p.containerChildren.length - 1 ? u(0) : u(parseInt(h) + 1);
       },
       ArrowUp: () => {
-        v("up"), u(h === 0 ? p.containerChildren.length - 1 : parseInt(h) - 1);
+        _("up"), u(h === 0 ? p.containerChildren.length - 1 : parseInt(h) - 1);
       }
     }[H.code];
     j && j();
@@ -5203,22 +5203,22 @@ const J1 = (l) => {
     if (H.isActive || H.linkContent && H.linkContent.props.className && H.linkContent.props.className.includes("pds-isActive"))
       return !0;
     if (H.links) {
-      for (let I = 0; I < H.links.length; I++)
-        if (k(H.links[I]))
+      for (let V = 0; V < H.links.length; V++)
+        if (k(H.links[V]))
           return !0;
     }
     return !1;
   };
   let L = [];
-  return a.map((H, I) => {
-    const V = `item-${Ke()}`, N = H.id ? H.id : V;
+  return a.map((H, V) => {
+    const I = `item-${Ke()}`, N = H.id ? H.id : I;
     H.links ? L.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
-          key: `${I}-dropdown`,
+          key: `${V}-dropdown`,
           id: N,
-          ref: (O) => z.current[I] = O,
+          ref: (O) => z.current[V] = O,
           className: `${$}__item ${$}__item--top-level ${$}__item--has-children ${k(H) === !0 ? `${$}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
@@ -5234,9 +5234,9 @@ const J1 = (l) => {
       /* @__PURE__ */ e.createElement(
         "li",
         {
-          key: I,
+          key: V,
           id: N,
-          ref: (O) => z.current[I] = O,
+          ref: (O) => z.current[V] = O,
           className: `${$}__item ${$}__item--top-level ${$}__item--has-link ${k(H) === !0 ? `${$}__item--active` : ""}`
         },
         H.linkContent
@@ -5642,9 +5642,9 @@ const qt = {
       o && /* @__PURE__ */ e.createElement("div", { className: `${u}__summary` }, o)
     ),
     r && r.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${u}__links` }, r.map((g, b) => {
-      const v = g.type;
+      const _ = g.type;
       return /* @__PURE__ */ e.createElement(
-        v,
+        _,
         w({
           key: b,
           className: `${u}__link`
@@ -5777,7 +5777,7 @@ const t2 = {
     "statusBadgeType",
     "className"
   ]);
-  const b = "pds-pricing-card", v = `${b}-container`, p = a ? `${v}--with-list` : null, _ = d ? `${b}--${d}` : null, C = (N) => N.toLowerCase().replace(/\s/g, "-"), E = l && l.length > 1, [$, y] = P(
+  const b = "pds-pricing-card", _ = `${b}-container`, p = a ? `${_}--with-list` : null, v = d ? `${b}--${d}` : null, C = (N) => N.toLowerCase().replace(/\s/g, "-"), E = l && l.length > 1, [$, y] = P(
     C(l[0].label)
   ), [x, z] = P(
     t.label
@@ -5856,8 +5856,8 @@ const t2 = {
       }
     }
   ));
-  let I = null;
-  t && (t.type === "button" && (I = /* @__PURE__ */ e.createElement(
+  let V = null;
+  t && (t.type === "button" && (V = /* @__PURE__ */ e.createElement(
     Je,
     {
       variant: t.variant,
@@ -5865,22 +5865,22 @@ const t2 = {
       onClick: t.buttonAction,
       disabled: t.disabled
     }
-  )), t.type === "link" && (I = /* @__PURE__ */ e.createElement(
+  )), t.type === "link" && (V = /* @__PURE__ */ e.createElement(
     dt,
     {
       variant: t.variant,
       linkContent: /* @__PURE__ */ e.createElement("a", { href: t.linkUrl, target: t.linkTarget }, t.label)
     }
   )));
-  let V = null;
-  return s && (s.type === "button" && (V = /* @__PURE__ */ e.createElement(
+  let I = null;
+  return s && (s.type === "button" && (I = /* @__PURE__ */ e.createElement(
     Je,
     {
       variant: "secondary",
       label: s.label,
       onClick: s.buttonAction
     }
-  )), s.type === "link" && (V = /* @__PURE__ */ e.createElement(
+  )), s.type === "link" && (I = /* @__PURE__ */ e.createElement(
     dt,
     {
       variant: "secondary",
@@ -5896,12 +5896,12 @@ const t2 = {
   ))), /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: [v, p, h].join(" ").trim().replace(/\s+/g, " ")
+      className: [_, p, h].join(" ").trim().replace(/\s+/g, " ")
     }, u),
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [b, _].join(" ").trim().replace(/\s+/g, " ")
+        className: [b, v].join(" ").trim().replace(/\s+/g, " ")
       },
       d && /* @__PURE__ */ e.createElement(
         es,
@@ -5913,7 +5913,7 @@ const t2 = {
         }
       ),
       /* @__PURE__ */ e.createElement("div", { className: `${b}__main-content` }, o && /* @__PURE__ */ e.createElement("div", { className: `${b}__plan pds-overline-text` }, o), M, r && /* @__PURE__ */ e.createElement("div", { className: `${b}__description` }, r), H),
-      /* @__PURE__ */ e.createElement("div", { className: `${b}__actions` }, t && I, t && s && V)
+      /* @__PURE__ */ e.createElement("div", { className: `${b}__actions` }, t && V, t && s && I)
     ),
     a && k
   );
@@ -6032,9 +6032,9 @@ const n2 = (d) => {
       statusType: g,
       hasStatusIndicator: !0
     }
-  ), v = c.type;
+  ), _ = c.type;
   return /* @__PURE__ */ e.createElement(
-    v,
+    _,
     w(w({
       "aria-label": `${s} ${r} dashboard`,
       className: [u, i].join(" ").trim().replace(/\s+/g, " ")
@@ -6096,13 +6096,13 @@ const a2 = (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"), f = a.includes("cookiePolicy"), g = a.includes("termsOfUse"), b = a.includes("acceptableUse"), v = 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"), f = a.includes("cookiePolicy"), g = a.includes("termsOfUse"), b = a.includes("acceptableUse"), _ = a.includes("accessibilityStatement");
   return /* @__PURE__ */ e.createElement(
     "footer",
     w({
       className: [i, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
-    /* @__PURE__ */ e.createElement("div", { className: m }, s && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, s), /* @__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"), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), v && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
+    /* @__PURE__ */ e.createElement("div", { className: m }, s && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, s), /* @__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"), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), b && /* @__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")))
   );
 };
 a2.propTypes = {
@@ -6239,10 +6239,10 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (d) => {
     "size",
     "className"
   ]);
-  const u = t || Ke(), f = "pds-progress-ring", g = r ? `${f}__label` : "visually-hidden", b = `${f}__loading-text ${f}__loading-text--${l}`, v = (z) => z * 16;
-  let p = v(r2), _ = 7;
-  l === "sm" && (p = v(c2), _ = _ / 1.25), l === "lg" && (p = v(o2), _ = _ * 1.25);
-  const C = p / 2 - _ / 2, E = `${C / 100}rem`, $ = 2 * Math.PI * C, y = $ - $ * c / 100;
+  const u = t || Ke(), f = "pds-progress-ring", g = r ? `${f}__label` : "visually-hidden", b = `${f}__loading-text ${f}__loading-text--${l}`, _ = (z) => z * 16;
+  let p = _(r2), v = 7;
+  l === "sm" && (p = _(c2), v = v / 1.25), l === "lg" && (p = _(o2), v = v * 1.25);
+  const C = p / 2 - v / 2, E = `${C / 100}rem`, $ = 2 * Math.PI * C, y = $ - $ * c / 100;
   let x;
   return s ? x = s : o ? x = `${c}%` : x = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -6276,7 +6276,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (d) => {
             cx: p / 2,
             cy: p / 2,
             r: C,
-            strokeWidth: _
+            strokeWidth: v
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -6286,7 +6286,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (d) => {
             cx: p / 2,
             cy: p / 2,
             r: C,
-            strokeWidth: _,
+            strokeWidth: v,
             strokeDasharray: $,
             strokeDashoffset: y,
             transform: `rotate(-90 ${p / 2} ${p / 2})`
@@ -6322,10 +6322,10 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (d) => {
     "translatableLabels",
     "className"
   ]);
-  const l = "pds-stepper", i = "pds-stepper-mobile", m = le(), [d] = Mt(m), h = d.width, u = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, f = -40, g = 2, b = 5, v = t.length, p = t.findLastIndex((E) => E.isCurrent), _ = t.map((E, $) => {
-    const y = $ + 1, x = $ === p, z = $ < p, M = E.hasError && x, L = (h - v * u) / (v + (v - 2)), H = u + L * 2, I = u + L, V = L + f * -1, N = $ === 0, O = $ === v - 1;
+  const l = "pds-stepper", i = "pds-stepper-mobile", m = le(), [d] = Mt(m), h = d.width, u = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, f = -40, g = 2, b = 5, _ = t.length, p = t.findLastIndex((E) => E.isCurrent), v = t.map((E, $) => {
+    const y = $ + 1, x = $ === p, z = $ < p, M = E.hasError && x, L = (h - _ * u) / (_ + (_ - 2)), H = u + L * 2, V = u + L, I = L + f * -1, N = $ === 0, O = $ === _ - 1;
     let R = H;
-    (N || O) && (R = I);
+    (N || O) && (R = V);
     const B = `${l}__step`, j = [B];
     x && j.push(`${B}--current`), z && j.push(`${B}--complete`), M && j.push(`${B}--error`);
     let W = `${s.step} ${y}`;
@@ -6360,7 +6360,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (d) => {
         id: E.id,
         "aria-label": W,
         "aria-posinset": y,
-        "aria-setsize": v,
+        "aria-setsize": _,
         "aria-current": x ? "step" : null,
         className: j.join(" ").trim().replace(/\s+/g, " "),
         style: { width: R }
@@ -6370,7 +6370,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (d) => {
         {
           className: `${l}__connector ${l}__connector--before`,
           style: {
-            width: V,
+            width: I,
             marginRight: f
           }
         }
@@ -6380,18 +6380,18 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (d) => {
         "span",
         {
           className: `${l}__connector ${l}__connector--after`,
-          style: { width: V, marginLeft: f }
+          style: { width: I, marginLeft: f }
         }
       )
     );
   }), C = t.map((E, $) => {
-    const y = $ + 1, x = $ === p, z = $ === v - 1, M = E.hasError && x, k = t[p + 1] ? t[p + 1].label : null;
+    const y = $ + 1, x = $ === p, z = $ === _ - 1, M = E.hasError && x, k = t[p + 1] ? t[p + 1].label : null;
     if (x) {
-      const L = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s.step, " "), y, " of ", v), H = y / v * 100, I = M ? {
+      const L = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s.step, " "), y, " of ", _), H = y / _ * 100, V = M ? {
         "--pds-color-progress-partial": "var(--pds-color-semantic-critical-foreground)"
       } : {
         "--pds-color-progress-partial": "var(--pds-color-stepper-completed)"
-      }, V = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, s.step, " ", y, ", ", s.hasError);
+      }, I = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, s.step, " ", y, ", ", s.hasError);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -6406,10 +6406,10 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (d) => {
             size: "sm",
             percentage: H,
             innerLabel: L,
-            style: I
+            style: V
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${i}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${i}__step-label` }, M && /* @__PURE__ */ e.createElement(e.Fragment, null, V, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("div", { className: `${i}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${i}__step-label` }, M && /* @__PURE__ */ e.createElement(e.Fragment, null, I, /* @__PURE__ */ e.createElement(
           A,
           {
             iconName: "diamondExclamation",
@@ -6420,19 +6420,19 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (d) => {
       );
     }
   });
-  if (v >= g && v <= b)
+  if (_ >= g && _ <= b)
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       w({
         className: [l, a].join(" ").trim().replace(/\s+/g, " "),
-        "data-steps": v
+        "data-steps": _
       }, c),
-      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: m }, _)
+      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: m }, v)
     ), /* @__PURE__ */ e.createElement(
       "div",
       w({
         className: [i, a].join(" ").trim().replace(/\s+/g, " "),
-        "data-steps": v
+        "data-steps": _
       }, c),
       /* @__PURE__ */ e.createElement("div", { className: `${i}__steps` }, C)
     ));
@@ -6517,33 +6517,33 @@ const m2 = (d) => {
     "=",
     "|",
     "~"
-  ], b = `#${l} h2:not(.${r}), h3:not(.${r})`, v = () => {
+  ], b = `#${l} h2:not(.${r}), h3:not(.${r})`, _ = () => {
     const [k, L] = P([]);
     return oe(() => {
       const H = Array.from(
         document.querySelectorAll(b)
       );
-      H.map((V) => {
+      H.map((I) => {
         g.forEach((N) => {
-          V.id.includes(N) && (V.id = V.id.replaceAll(N, "-"));
+          I.id.includes(N) && (I.id = I.id.replaceAll(N, "-"));
         });
-      }), H.map((V) => {
+      }), H.map((I) => {
         const N = `item-${Ke()}`;
-        V.id || (V.id = N);
+        I.id || (I.id = N);
       });
-      const I = p(H);
-      L(I);
+      const V = p(H);
+      L(V);
     }, []), { nestedHeadings: k };
   }, p = (k) => {
     const L = [];
     return k.forEach((H) => {
-      const { innerText: I, id: V } = H;
-      H.nodeName === "H2" ? L.push({ id: V, title: I, items: [] }) : H.nodeName === "H3" && L.length > 0 && L[L.length - 1].items.push({
-        id: V,
-        title: I
+      const { innerText: V, id: I } = H;
+      H.nodeName === "H2" ? L.push({ id: I, title: V, items: [] }) : H.nodeName === "H3" && L.length > 0 && L[L.length - 1].items.push({
+        id: I,
+        title: V
       });
     }), L;
-  }, { nestedHeadings: _ } = v(), [C, E] = P();
+  }, { nestedHeadings: v } = _(), [C, E] = P();
   ((k) => {
     const L = le({});
     oe(() => {
@@ -6554,7 +6554,7 @@ const m2 = (d) => {
           const j = L.current[B];
           j.isIntersecting && O.push(j);
         });
-        const R = (B) => V.findIndex((j) => j.id === B);
+        const R = (B) => I.findIndex((j) => j.id === B);
         if (O.length === 1)
           k(O[0].target.id);
         else if (O.length > 1) {
@@ -6563,12 +6563,12 @@ const m2 = (d) => {
           );
           k(B[0].target.id);
         }
-      }, I = new IntersectionObserver(H, {
+      }, V = new IntersectionObserver(H, {
         rootMargin: "0px 0px -20% 0px"
-      }), V = Array.from(
+      }), I = Array.from(
         document.querySelectorAll(b)
       );
-      return V.forEach((N) => I.observe(N)), () => I.disconnect();
+      return I.forEach((N) => V.observe(N)), () => V.disconnect();
     }, [k]);
   })(E);
   const y = (k) => {
@@ -6600,8 +6600,8 @@ const m2 = (d) => {
       {
         className: H.id === C ? `${u}__link ${u}__link--active` : `${u}__link`,
         href: `#${H.id}`,
-        onClick: (I) => {
-          z(I, H.id);
+        onClick: (V) => {
+          z(V, H.id);
         }
       },
       H.title
@@ -6622,7 +6622,7 @@ const m2 = (d) => {
       },
       c
     ),
-    /* @__PURE__ */ e.createElement(M, { headings: _, activeID: C })
+    /* @__PURE__ */ e.createElement(M, { headings: v, activeID: C })
   );
 };
 m2.propTypes = {
@@ -6790,8 +6790,8 @@ const Z2 = () => {
   });
   return [t, ls, s];
 }, p2 = je(
-  (I, H) => {
-    var V = I, {
+  (V, H) => {
+    var I = V, {
       autoComplete: t,
       counterMaxLength: s,
       defaultValue: a,
@@ -6807,9 +6807,9 @@ const Z2 = () => {
       onChange: f,
       onClear: g,
       onFocus: b,
-      placeholder: v,
+      placeholder: _,
       readonly: p = !1,
-      required: _ = !1,
+      required: v = !1,
       showLabel: C = !0,
       showVisibilityToggle: E = !1,
       translationStrings: $ = {
@@ -6825,7 +6825,7 @@ const Z2 = () => {
       validationStatus: z,
       value: M,
       className: k
-    } = V, L = T(V, [
+    } = I, L = T(I, [
       "autoComplete",
       "counterMaxLength",
       "defaultValue",
@@ -6853,7 +6853,7 @@ const Z2 = () => {
       "value",
       "className"
     ]);
-    const N = nt(m), O = "pds-text-input", R = c ? Y.disabled : null, B = _ && !c ? Y.required : null, j = z === "error" ? Y.error : null, W = z === "success" ? Y.success : null, U = p ? Y.readonly : null;
+    const N = nt(m), O = "pds-text-input", R = c ? Y.disabled : null, B = v && !c ? Y.required : null, j = z === "error" ? Y.error : null, W = z === "success" ? Y.success : null, U = p ? Y.readonly : null;
     let K = null;
     y === "search" && (K = "search"), z === "error" && (K = "error"), z === "success" && (K = "success");
     const S = x || h, D = typeof M != "undefined", F = typeof a != "undefined", [G, se] = P(
@@ -6893,7 +6893,7 @@ const Z2 = () => {
           id: l,
           label: d,
           showLabel: C,
-          required: _,
+          required: v,
           disabled: c
         }
       ),
@@ -6907,10 +6907,10 @@ const Z2 = () => {
           name: l,
           type: me,
           value: D ? M : G,
-          placeholder: v,
+          placeholder: _,
           readOnly: p,
           disabled: c,
-          required: _,
+          required: v,
           autoComplete: y === "password" ? "off" : t,
           onBlur: ue,
           onChange: ee,
@@ -6992,17 +6992,17 @@ const Z2 = () => {
     "workspaceList",
     "className"
   ]);
-  const [g, b] = P(!1), [v, p] = P(null), [_, C] = P(m), E = le([]), $ = le(null), y = m.length >= o;
+  const [g, b] = P(!1), [_, p] = P(null), [v, C] = P(m), E = le([]), $ = le(null), y = m.length >= o;
   let x = !1;
   const z = ze(Ue);
   z && (x = z.isMobile);
-  const M = i && x, k = "pds-workspace-selector", L = M ? `${k}--isMobile` : null, H = `${k}__menu`, I = y ? `${H}--scroll` : null, { refs: V, floatingStyles: N, context: O } = De({
+  const M = i && x, k = "pds-workspace-selector", L = M ? `${k}--isMobile` : null, H = `${k}__menu`, V = y ? `${H}--scroll` : null, { refs: I, floatingStyles: N, context: O } = De({
     open: g,
     onOpenChange: b,
     whileElementsMounted: We
   }), R = tt(O, { event: "mousedown" }), B = Re(O), j = Ae(O, { role: "menu" }), W = gt(O, {
     listRef: E,
-    activeIndex: v,
+    activeIndex: _,
     onNavigate: p,
     loop: !0,
     openOnArrowKeyDown: !0,
@@ -7038,7 +7038,7 @@ const Z2 = () => {
     C(J);
   }, [m]);
   const Q = (J) => {
-    J.preventDefault(), J.key === "Enter" && E.current[v].querySelector("a").click(), J.key === "Tab" && (J.shiftKey ? y ? document.getElementById("workspace-filter").focus() : b(!1) : s ? $.current.querySelector("a").focus() : b(!1));
+    J.preventDefault(), J.key === "Enter" && E.current[_].querySelector("a").click(), J.key === "Tab" && (J.shiftKey ? y ? document.getElementById("workspace-filter").focus() : b(!1) : s ? $.current.querySelector("a").focus() : b(!1));
   }, ue = /* @__PURE__ */ e.createElement("div", { className: `${k}__button-content` }, /* @__PURE__ */ e.createElement(
     ht,
     {
@@ -7073,7 +7073,7 @@ const Z2 = () => {
       showLabel: !1,
       type: "search"
     }
-  )), ce = _.map(
+  )), ce = v.map(
     (J, be) => {
       const $e = `${k}__item`, te = J.isActive ? `${$e}--active` : null, ae = J.isUnprivileged ? `${$e}--unprivileged` : null, xe = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${k}__active-icon` }), ye = J.workspaceId, Le = J.workspaceLink.type, ge = J.isUnprivileged ? null : (fe) => {
         E.current[be] = fe;
@@ -7089,7 +7089,7 @@ const Z2 = () => {
             ae
           ].join(" ").trim().replace(/\s+/g, " "),
           role: "menuitem",
-          tabIndex: v === be ? 0 : -1,
+          tabIndex: _ === be ? 0 : -1,
           ref: ge,
           onKeyDown: Q
         }, S()),
@@ -7126,7 +7126,7 @@ const Z2 = () => {
     w({
       className: `${k}__trigger`,
       "aria-label": t,
-      ref: V.setReference
+      ref: I.setReference
     }, U()),
     ue,
     ee
@@ -7134,7 +7134,7 @@ const Z2 = () => {
     "div",
     w({
       className: `${k}__dropdown`,
-      ref: V.setFloating,
+      ref: I.setFloating,
       style: {
         floatingStyles: N,
         zIndex: "var(--pds-z-index-dropdown)"
@@ -7143,7 +7143,7 @@ const Z2 = () => {
     /* @__PURE__ */ e.createElement("div", { style: w({}, F) }, ie, /* @__PURE__ */ e.createElement(
       "ul",
       {
-        className: [H, I].join(" ").trim().replace(/\s+/g, " "),
+        className: [H, V].join(" ").trim().replace(/\s+/g, " "),
         role: "menu"
       },
       /* @__PURE__ */ e.createElement("li", { className: `${k}__item-heading`, role: "presentation" }, r),
@@ -7299,8 +7299,8 @@ const Ut = (o) => {
     "options",
     "className"
   ]);
-  const h = "pds-segmented-button", u = t ? "pds-is-disabled" : null, [f, g] = P(a), b = (v) => {
-    g(v.target.value), r && r(v.target.value);
+  const h = "pds-segmented-button", u = t ? "pds-is-disabled" : null, [f, g] = P(a), b = (_) => {
+    g(_.target.value), r && r(_.target.value);
   };
   if (o.length >= 2 && o.length <= 6)
     return /* @__PURE__ */ e.createElement(
@@ -7309,7 +7309,7 @@ const Ut = (o) => {
         className: Z([h, u, l != null ? l : ""])
       }, i),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((v, p) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((_, p) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${h}__option`,
@@ -7322,27 +7322,27 @@ const Ut = (o) => {
             type: "radio",
             id: `${s}-option-${p}`,
             name: s,
-            value: v.value,
+            value: _.value,
             disabled: t,
             onClick: b,
-            defaultChecked: f === v.value
+            defaultChecked: f === _.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${s}-option-${p}` }, v.tally ? /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${s}-option-${p}` }, _.tally ? /* @__PURE__ */ e.createElement(
           Ut,
           {
-            label: v.tally.label,
-            type: v.tally.type,
+            label: _.tally.label,
+            type: _.tally.type,
             className: `${h}__tally`
           }
-        ) : v.iconName && /* @__PURE__ */ e.createElement(
+        ) : _.iconName && /* @__PURE__ */ e.createElement(
           A,
           {
-            iconName: v.iconName,
+            iconName: _.iconName,
             iconSize: "md",
             className: `${h}__icon`
           }
-        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, v.label))
+        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, _.label))
       )))
     );
 }, f2 = {
@@ -7390,7 +7390,7 @@ const Ut = (o) => {
 }, K2 = (d) => {
   var h = d, {
     id: t,
-    initialSelection: s,
+    defaultValue: s,
     label: a,
     labelDisplay: c = "left",
     layout: r = "auto",
@@ -7399,7 +7399,7 @@ const Ut = (o) => {
     className: i
   } = h, m = T(h, [
     "id",
-    "initialSelection",
+    "defaultValue",
     "label",
     "labelDisplay",
     "layout",
@@ -7410,49 +7410,49 @@ const Ut = (o) => {
   const u = "pds-card-select-group";
   let f = `${u}__legend`;
   c === "center" && (f = `${u}__legend ${u}__legend--center`), c === "hidden" && (f = `${u}__legend visually-hidden`);
-  const [g, b] = P(s), v = ($) => {
-    b($.currentTarget.value), o && o($.currentTarget.value);
-  }, p = l.length, _ = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
-  let E = "";
-  return r === "twoAcross" ? E = _ : r === "threeAcross" ? E = C : r === "auto" && (p % 3 === 0 ? E = C : p % 2 === 0 ? E = _ : E = C), /* @__PURE__ */ e.createElement(
+  const [g, b] = P(s), _ = (y) => {
+    b(y.currentTarget.value), o && o(y.currentTarget.value);
+  }, p = l.length, v = "pds-grid-item", C = "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 $ = "";
+  return r === "twoAcross" ? $ = C : r === "threeAcross" ? $ = E : r === "auto" && (p === 1 ? $ = v : p % 3 === 0 ? $ = E : p % 2 === 0 ? $ = C : $ = E), /* @__PURE__ */ e.createElement(
     "fieldset",
     w({
       className: [u, i].join(" ").trim().replace(/\s+/g, " "),
       id: t
     }, m),
     /* @__PURE__ */ e.createElement("legend", { className: f }, a),
-    /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, l.map(($, y) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, l.map((y, x) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [`${u}__option`, E].join(" ").trim().replace(/\s+/g, " "),
-        key: `${t}-option-${y}`
+        className: [`${u}__option`, $].join(" ").trim().replace(/\s+/g, " "),
+        key: `${t}-option-${x}`
       },
       /* @__PURE__ */ e.createElement(
         "input",
         {
           type: "radio",
-          id: `${t}-option-${y}`,
+          id: y.id ? y.id : `${t}-option-${x}`,
           name: t,
-          value: $.value,
-          onClick: v,
-          defaultChecked: g === $.value
+          value: y.value,
+          onClick: _,
+          defaultChecked: g === y.value
         }
       ),
       /* @__PURE__ */ e.createElement(
         "label",
         {
-          htmlFor: `${t}-option-${y}`,
-          className: g === $.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
+          htmlFor: `${t}-option-${x}`,
+          className: g === y.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           A,
           {
-            iconName: g === $.value ? "circleCheck" : "circle",
+            iconName: g === y.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: g === $.value ? `${u}__option-icon ${u}__option-icon--selected` : `${u}__option-icon`
+            className: g === y.value ? `${u}__option-icon ${u}__option-icon--selected` : `${u}__option-icon`
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-text` }, $.label, $.description && /* @__PURE__ */ e.createElement("div", { className: `${u}__option-description` }, $.description))
+        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-text` }, y.label, y.description && /* @__PURE__ */ e.createElement("div", { className: `${u}__option-description` }, y.description))
       )
     )))
   );
@@ -7500,9 +7500,9 @@ const Ut = (o) => {
       onChange: f,
       onFocus: g,
       required: b,
-      showLabel: v = !0,
+      showLabel: _ = !0,
       validationMessage: p,
-      validationStatus: _,
+      validationStatus: v,
       value: C,
       className: E
     } = z, $ = T(z, [
@@ -7527,7 +7527,7 @@ const Ut = (o) => {
       "value",
       "className"
     ]);
-    const M = l ? { width: `${l / 16}rem` } : null, k = "pds-checkbox", L = a ? Y.disabled : null, H = b && !a ? Y.required : null, I = _ === "error" ? Y.error : null, V = _ === "success" ? Y.success : null, N = h > 0 ? `${k}--indent-${h}` : null, O = p || m, R = typeof t != "undefined", B = typeof s != "undefined", [j, W] = P(
+    const M = l ? { width: `${l / 16}rem` } : null, k = "pds-checkbox", L = a ? Y.disabled : null, H = b && !a ? Y.required : null, V = v === "error" ? Y.error : null, I = v === "success" ? Y.success : null, N = h > 0 ? `${k}--indent-${h}` : null, O = p || m, R = typeof t != "undefined", B = typeof s != "undefined", [j, W] = P(
       B ? s : !1
     ), U = t || j, K = (se) => {
       R || W(se.target.checked), f && f(se);
@@ -7558,8 +7558,8 @@ const Ut = (o) => {
           k,
           L,
           H,
-          I,
           V,
+          I,
           N,
           E != null ? E : ""
         ].join(" ").trim().replace(/\s+/g, " "),
@@ -7580,7 +7580,7 @@ const Ut = (o) => {
           onBlur: u,
           onChange: K,
           onFocus: g,
-          "aria-invalid": _ === "error" ? !0 : null,
+          "aria-invalid": v === "error" ? !0 : null,
           "aria-describedby": O ? `${c}__message` : null
         }), o)
       ), /* @__PURE__ */ e.createElement("label", { htmlFor: c, className: `${k}__label` }, /* @__PURE__ */ e.createElement(
@@ -7598,7 +7598,7 @@ const Ut = (o) => {
         {
           className: Z([
             `${k}__label-text`,
-            v ? "" : "visually-hidden"
+            _ ? "" : "visually-hidden"
           ])
         },
         i,
@@ -7612,7 +7612,7 @@ const Ut = (o) => {
           message: O,
           hasValidationMessage: !!p,
           validationMessageHasDecorators: !0,
-          validationStatus: _
+          validationStatus: v
         }
       )
     );
@@ -7645,19 +7645,19 @@ const Ut = (o) => {
     "validationStatus",
     "className"
   ]);
-  const v = r ? { width: `${r / 16}rem` } : null, p = "pds-checkbox-group", _ = s ? Y.disabled : null, C = i && !s ? Y.required : null, E = h === "error" ? Y.error : null, $ = h === "success" ? Y.success : null, y = d || l;
+  const _ = r ? { width: `${r / 16}rem` } : null, p = "pds-checkbox-group", v = s ? Y.disabled : null, C = i && !s ? Y.required : null, E = h === "error" ? Y.error : null, $ = h === "success" ? Y.success : null, y = d || l;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: [
         p,
-        _,
+        v,
         C,
         E,
         $,
         u != null ? u : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: r ? v : null
+      style: r ? _ : null
     }, f),
     /* @__PURE__ */ e.createElement("fieldset", w({ className: `${p}__fieldset`, id: c }, a), /* @__PURE__ */ e.createElement(
       Ze,
@@ -7681,8 +7681,8 @@ const Ut = (o) => {
       }
     )
   );
-}, X2 = (v) => {
-  var p = v, {
+}, X2 = (_) => {
+  var p = _, {
     disabled: t = !1,
     fieldsetProps: s,
     id: a,
@@ -7713,24 +7713,24 @@ const Ut = (o) => {
     "validationStatus",
     "className"
   ]);
-  const _ = c ? { width: `${c / 16}rem` } : null, C = "pds-checkbox-group", E = t ? Y.disabled : null, $ = d && !t ? Y.required : null, y = f === "error" ? Y.error : null, x = f === "success" ? Y.success : null, z = u || o;
-  m.map((V) => {
-    V.id || (V.id = V.value);
+  const v = c ? { width: `${c / 16}rem` } : null, C = "pds-checkbox-group", E = t ? Y.disabled : null, $ = d && !t ? Y.required : null, y = f === "error" ? Y.error : null, x = f === "success" ? Y.success : null, z = u || o;
+  m.map((I) => {
+    I.id || (I.id = I.value);
   });
   const M = [];
-  m.map((V) => {
-    V.checked === !0 && M.push(V.value);
+  m.map((I) => {
+    I.checked === !0 && M.push(I.value);
   });
-  const [k, L] = P(M), H = (V) => {
-    const { value: N } = V.target, O = k.includes(N) ? k.filter((R) => R !== N) : [...k, N];
+  const [k, L] = P(M), H = (I) => {
+    const { value: N } = I.target, O = k.includes(N) ? k.filter((R) => R !== N) : [...k, N];
     L(O), i && i(O);
   };
-  m.map((V) => {
-    k.includes(V.value) ? V.checked = !0 : V.checked = !1;
+  m.map((I) => {
+    k.includes(I.value) ? I.checked = !0 : I.checked = !1;
   });
-  const I = () => {
+  const V = () => {
     l && setTimeout(() => {
-      m.some((V) => V.id === document.activeElement.id) || l(k);
+      m.some((I) => I.id === document.activeElement.id) || l(k);
     }, 1500);
   };
   return /* @__PURE__ */ e.createElement(
@@ -7744,7 +7744,7 @@ const Ut = (o) => {
         x,
         g != null ? g : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: c ? _ : null
+      style: c ? v : null
     }, b),
     /* @__PURE__ */ e.createElement("fieldset", w({ className: `${C}__fieldset`, id: a }, s), /* @__PURE__ */ e.createElement(
       Ze,
@@ -7756,19 +7756,19 @@ const Ut = (o) => {
         required: d,
         showLabel: h
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${C}__options` }, m.map((V) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${C}__options` }, m.map((I) => /* @__PURE__ */ e.createElement(
       E2,
       {
-        key: V.id,
-        checked: V.checked,
-        id: V.id,
-        label: V.label,
-        name: V.name,
-        value: V.value,
-        disabled: V.disabled || t,
+        key: I.id,
+        checked: I.checked,
+        id: I.id,
+        label: I.label,
+        name: I.name,
+        value: I.value,
+        disabled: I.disabled || t,
         className: `${C}__checkbox`,
         onChange: H,
-        onBlur: I
+        onBlur: V
       }
     )))),
     z && /* @__PURE__ */ e.createElement(
@@ -7783,7 +7783,7 @@ const Ut = (o) => {
     )
   );
 }, Q2 = (p) => {
-  var _ = p, {
+  var v = p, {
     accept: t,
     disabled: s = !1,
     fieldLabel: a,
@@ -7802,7 +7802,7 @@ const Ut = (o) => {
     validationMessage: f,
     validationStatus: g,
     className: b
-  } = _, v = T(_, [
+  } = v, _ = T(v, [
     "accept",
     "disabled",
     "fieldLabel",
@@ -7822,9 +7822,9 @@ const Ut = (o) => {
   const [C, E] = P(!1), $ = nt(r), y = "pds-file-upload", x = s ? Y.disabled : null, z = h && !s ? Y.required : null, M = g === "error" ? Y.error : null, k = g === "success" ? Y.success : null;
   let L = null;
   g === "error" && (L = "error"), g === "success" && (L = "success");
-  const H = f || l, I = (N) => {
+  const H = f || l, V = (N) => {
     d && d(N.target.files), N.target.files.length > 0 ? E(!0) : E(!1);
-  }, V = () => {
+  }, I = () => {
     const N = document.getElementById(
       `${c}--input`
     );
@@ -7843,7 +7843,7 @@ const Ut = (o) => {
         b != null ? b : ""
       ]),
       style: r ? $ : null
-    }, v),
+    }, _),
     /* @__PURE__ */ e.createElement(
       Ze,
       {
@@ -7873,7 +7873,7 @@ const Ut = (o) => {
         disabled: s,
         multiple: i,
         required: h,
-        onChange: I,
+        onChange: V,
         "aria-invalid": g === "error" ? !0 : null,
         "aria-describedby": H ? `${c}__message` : null
       }
@@ -7882,7 +7882,7 @@ const Ut = (o) => {
       {
         id: c,
         clearLabel: o.clearButton,
-        handleClearInput: V
+        handleClearInput: I
       }
     )),
     H && /* @__PURE__ */ e.createElement(
@@ -7904,8 +7904,8 @@ const Ut = (o) => {
     "children",
     "className"
   ]);
-  var g, b, v, p;
-  const o = "pds-input-group", l = [t[0], t[1]], i = (g = t[0].props.id) != null ? g : null, m = (b = t[0].props.message) != null ? b : null, d = (v = t[0].props.validationMessage) != null ? v : null, h = (p = t[0].props.validationStatus) != null ? p : null, u = d || m, f = u ? `${o}--has-message` : null;
+  var g, b, _, p;
+  const o = "pds-input-group", l = [t[0], t[1]], i = (g = t[0].props.id) != null ? g : null, m = (b = t[0].props.message) != null ? b : null, d = (_ = t[0].props.validationMessage) != null ? _ : null, h = (p = t[0].props.validationStatus) != null ? p : null, u = d || m, f = u ? `${o}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -7924,7 +7924,7 @@ const Ut = (o) => {
     )
   );
 }, en = (p) => {
-  var _ = p, {
+  var v = p, {
     defaultValue: t,
     disabled: s = !1,
     fieldsetProps: a,
@@ -7940,7 +7940,7 @@ const Ut = (o) => {
     validationMessage: f,
     validationStatus: g,
     className: b
-  } = _, v = T(_, [
+  } = v, _ = T(v, [
     "defaultValue",
     "disabled",
     "fieldsetProps",
@@ -7957,10 +7957,10 @@ const Ut = (o) => {
     "validationStatus",
     "className"
   ]);
-  const C = "pds-radio-group", E = s ? Y.disabled : null, $ = h && !s ? Y.required : null, y = g === "error" ? Y.error : null, x = g === "success" ? Y.success : null, [z, M] = P(t), k = f || l, L = (I) => {
-    M(I.target.value), m && m(I.target.value);
-  }, H = (I) => {
-    i && i(I);
+  const C = "pds-radio-group", E = s ? Y.disabled : null, $ = h && !s ? Y.required : null, y = g === "error" ? Y.error : null, x = g === "success" ? Y.success : null, [z, M] = P(t), k = f || l, L = (V) => {
+    M(V.target.value), m && m(V.target.value);
+  }, H = (V) => {
+    i && i(V);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -7974,7 +7974,7 @@ const Ut = (o) => {
         b != null ? b : ""
       ]),
       style: nt(r)
-    }, v),
+    }, _),
     /* @__PURE__ */ e.createElement("fieldset", w({ className: `${C}__fieldset`, id: c }, a), /* @__PURE__ */ e.createElement(
       Ze,
       {
@@ -7985,27 +7985,27 @@ const Ut = (o) => {
         required: h,
         showLabel: u
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${C}__options` }, d.map((I, V) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${C}__options` }, d.map((V, I) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${C}__option`,
-        key: `${c}-option-${V}`
+        key: `${c}-option-${I}`
       },
       /* @__PURE__ */ e.createElement(
         "input",
         {
           type: "radio",
-          id: `${c}-option-${V}`,
+          id: V.id ? V.id : `${c}-option-${I}`,
           name: c,
-          value: I.value,
+          value: V.value,
           required: h,
-          disabled: s || I.disabled,
+          disabled: s || V.disabled,
           onBlur: H,
           onChange: L,
-          defaultChecked: z === I.value
+          defaultChecked: z === V.value
         }
       ),
-      /* @__PURE__ */ e.createElement("label", { htmlFor: `${c}-option-${V}` }, I.label)
+      /* @__PURE__ */ e.createElement("label", { htmlFor: `${c}-option-${I}` }, V.label)
     )))),
     k && /* @__PURE__ */ e.createElement(
       Ie,
@@ -8043,7 +8043,7 @@ const Ut = (o) => {
   },
   /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "sm" })
 )), tn = je(
-  (C, _) => {
+  (C, v) => {
     var E = C, {
       checked: t,
       defaultChecked: s,
@@ -8060,7 +8060,7 @@ const Ut = (o) => {
       required: f = !1,
       showLabel: g = !0,
       showStatusLabel: b = !0,
-      className: v
+      className: _
     } = E, p = T(E, [
       "checked",
       "defaultChecked",
@@ -8079,12 +8079,12 @@ const Ut = (o) => {
       "showStatusLabel",
       "className"
     ]);
-    const $ = nt(o), y = "pds-switch", x = a ? Y.disabled : null, z = f && !a ? Y.required : null, M = typeof t != "undefined", k = i == "below", L = i == "right", H = !M && s ? s : !1, [I, V] = P(H), N = t || I ? u : d, O = (K) => {
-      M || V(K.target.checked), h && h(K);
+    const $ = nt(o), y = "pds-switch", x = a ? Y.disabled : null, z = f && !a ? Y.required : null, M = typeof t != "undefined", k = i == "below", L = i == "right", H = !M && s ? s : !1, [V, I] = P(H), N = t || V ? u : d, O = (K) => {
+      M || I(K.target.checked), h && h(K);
     }, R = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
       w({
-        ref: _,
+        ref: v,
         id: c,
         name: c,
         type: "checkbox",
@@ -8093,7 +8093,7 @@ const Ut = (o) => {
         onChange: O,
         disabled: a,
         required: f,
-        checked: t !== void 0 ? t : I,
+        checked: t !== void 0 ? t : V,
         "aria-describedby": m ? `${c}__message` : null
       }, r)
     ), !b && /* @__PURE__ */ e.createElement(v2, { toggleStatusLabel: N }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), b && /* @__PURE__ */ e.createElement(_2, { toggleStatusLabel: N, id: c })), B = /* @__PURE__ */ e.createElement(
@@ -8139,7 +8139,7 @@ const Ut = (o) => {
           x,
           z,
           U,
-          v
+          _
         ]),
         style: o ? $ : null
       }, p),
@@ -8164,9 +8164,9 @@ const Ut = (o) => {
       readonly: f = !1,
       required: g = !1,
       rows: b = 5,
-      showLabel: v,
+      showLabel: _,
       textareaProps: p,
-      translationStrings: _ = {
+      translationStrings: v = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
         searchShortcut: "Press / to focus the search field",
@@ -8202,7 +8202,7 @@ const Ut = (o) => {
       "value",
       "className"
     ]);
-    const L = nt(r), H = "pds-textarea", I = o ? "pds-is-resizable" : null, V = a ? Y.disabled : null, N = g && !a ? Y.required : null, O = E === "error" ? Y.error : null, R = E === "success" ? Y.success : null, B = f ? Y.readonly : null, j = C || i, W = $ != null && d !== void 0, U = typeof s != "undefined", [K, S] = P(
+    const L = nt(r), H = "pds-textarea", V = o ? "pds-is-resizable" : null, I = a ? Y.disabled : null, N = g && !a ? Y.required : null, O = E === "error" ? Y.error : null, R = E === "success" ? Y.success : null, B = f ? Y.readonly : null, j = C || i, W = $ != null && d !== void 0, U = typeof s != "undefined", [K, S] = P(
       U ? s : ""
     ), D = $ || K, F = (se) => {
       W || S(se.target.value), d && d(se);
@@ -8215,7 +8215,7 @@ const Ut = (o) => {
         className: Z([
           Y.base,
           H,
-          V,
+          I,
           N,
           O,
           R,
@@ -8229,7 +8229,7 @@ const Ut = (o) => {
         {
           id: c,
           label: l,
-          showLabel: v,
+          showLabel: _,
           required: g,
           disabled: a,
           className: `${H}__inputlabel`
@@ -8240,14 +8240,14 @@ const Ut = (o) => {
           id: c,
           currentLength: D.length,
           maxLength: t,
-          overLimitMessage: _.counterOverLimit
+          overLimitMessage: v.counterOverLimit
         }
       )),
       /* @__PURE__ */ e.createElement("div", { className: `${H}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "textarea",
         w({
           ref: z,
-          className: Z([`${H}--textarea`, I]),
+          className: Z([`${H}--textarea`, V]),
           id: c,
           name: c,
           placeholder: u,
@@ -8302,7 +8302,7 @@ const Ut = (o) => {
   }, [c]), oe(() => {
     r(g);
   }, [g]);
-  const { refs: v, context: p, floatingStyles: _ } = De({
+  const { refs: _, context: p, floatingStyles: v } = De({
     open: g,
     onOpenChange: b
   }), C = tt(p), E = Re(p, {
@@ -8329,7 +8329,7 @@ const Ut = (o) => {
     s1,
     {
       lockScroll: !0,
-      style: ve(w({}, _), {
+      style: ve(w({}, v), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)",
@@ -8339,11 +8339,11 @@ const Ut = (o) => {
     /* @__PURE__ */ e.createElement(vs, { context: p }, /* @__PURE__ */ e.createElement(
       "div",
       w(ve(w({
-        ref: v.setFloating,
+        ref: _.setFloating,
         "aria-label": t || l
       }, y()), {
         className: [u, f, i].join(" ").trim().replace(/\s+/g, " "),
-        style: ve(w(w({}, _), z), {
+        style: ve(w(w({}, v), z), {
           position: "relative",
           top: "5%"
         })
@@ -8441,18 +8441,18 @@ const Ut = (o) => {
       },
       k.linkContent
     ))
-  ), [u, f] = P(!1), { refs: g, floatingStyles: b, context: v } = De({
+  ), [u, f] = P(!1), { refs: g, floatingStyles: b, context: _ } = De({
     placement: "right-start",
     open: u,
     onOpenChange: f,
     middleware: [kt(12), Ht(), zt()],
     whileElementsMounted: We
-  }), p = Ct(v, {
+  }), p = Ct(_, {
     move: !1,
     handleClose: _s()
-  }), _ = bs(v), C = Re(v), E = Ae(v, { role: "menu" }), { getReferenceProps: $, getFloatingProps: y } = Pe([
+  }), v = bs(_), C = Re(_), E = Ae(_, { role: "menu" }), { getReferenceProps: $, getFloatingProps: y } = Pe([
     p,
-    _,
+    v,
     C,
     E
   ]), x = (z) => {
@@ -8532,7 +8532,7 @@ const Ut = (o) => {
       iconSize: "md",
       className: `${i}__active-icon`
     }
-  ), v = (O) => {
+  ), _ = (O) => {
     var R;
     O.key === "Enter" && ((R = y.current[h].querySelector("a")) == null || R.click());
   }, p = (O) => {
@@ -8546,7 +8546,7 @@ const Ut = (o) => {
       };
     }
   }, [m]);
-  const _ = ({
+  const v = ({
     item: O,
     level: R
   }) => ve(w({}, O), {
@@ -8560,13 +8560,13 @@ const Ut = (o) => {
   }), C = (O) => {
     const R = [];
     return O.forEach((B) => {
-      B.links ? (R.push(_({ item: B, level: "top-level" })), B.links.forEach((j) => {
-        j.links ? (R.push(_({ item: j, level: "second-level" })), j.links.forEach((W) => {
+      B.links ? (R.push(v({ item: B, level: "top-level" })), B.links.forEach((j) => {
+        j.links ? (R.push(v({ item: j, level: "second-level" })), j.links.forEach((W) => {
           R.push(
-            _({ item: W, level: "third-level" })
+            v({ item: W, level: "third-level" })
           );
-        })) : R.push(_({ item: j, level: "second-level" }));
-      })) : R.push(_({ item: B, level: "top-level" }));
+        })) : R.push(v({ item: j, level: "second-level" }));
+      })) : R.push(v({ item: B, level: "top-level" }));
     }), R;
   }, { refs: E, context: $ } = De({
     placement: "bottom-start",
@@ -8580,9 +8580,9 @@ const Ut = (o) => {
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), z = tt($, { event: "mousedown" }), M = Re($), k = Ae($, { role: "menu" }), { getReferenceProps: L, getFloatingProps: H, getItemProps: I } = Pe(
+  }), z = tt($, { event: "mousedown" }), M = Re($), k = Ae($, { role: "menu" }), { getReferenceProps: L, getFloatingProps: H, getItemProps: V } = Pe(
     [M, k, z, x]
-  ), { isMounted: V, styles: N } = st($, {
+  ), { isMounted: I, styles: N } = st($, {
     duration: {
       open: 300,
       close: 300
@@ -8612,7 +8612,7 @@ const Ut = (o) => {
         className: `${i}__trigger-icon`
       }
     )
-  ), V && /* @__PURE__ */ e.createElement(
+  ), I && /* @__PURE__ */ e.createElement(
     "ul",
     w({
       className: `${i}__dropdown ${i}__menu ${i}__menu--top-level`,
@@ -8625,13 +8625,13 @@ const Ut = (o) => {
       "li",
       w({
         key: R,
-        onKeyDown: v,
+        onKeyDown: _,
         className: `${i}__item ${i}__item--${O.level} ${O.isActive === !0 ? `${i}__item--active` : ""}`,
         tabIndex: h === R ? 0 : -1,
         ref: (B) => {
           y.current[R] = B;
         }
-      }, I()),
+      }, V()),
       O.linkContent,
       O.isActive === !0 && b
     ))
@@ -8993,7 +8993,7 @@ const Ut = (o) => {
   const h = ze(It);
   let u = !0, f = null;
   h && (u = h.isSidebarExpanded, f = h.logoLinkContent);
-  const g = "pds-dashboard-nav", b = u ? `${g}--expanded` : `${g}--collapsed`, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${g}__menu ${g}__menu--top-level` }, a.map((C, E) => /* @__PURE__ */ e.createElement(
+  const g = "pds-dashboard-nav", b = u ? `${g}--expanded` : `${g}--collapsed`, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${g}__menu ${g}__menu--top-level` }, a.map((C, E) => /* @__PURE__ */ e.createElement(
     C2,
     {
       key: E,
@@ -9011,7 +9011,7 @@ const Ut = (o) => {
       C.links,
       C.icon
     )
-  })), _ = /* @__PURE__ */ e.createElement(
+  })), v = /* @__PURE__ */ e.createElement(
     ts,
     {
       menuItems: p,
@@ -9032,7 +9032,7 @@ const Ut = (o) => {
         linkContent: f
       }
     ),
-    m ? _ : v
+    m ? v : _
   );
 }, pt = (r) => {
   var o = r, {
@@ -9081,10 +9081,10 @@ const Ut = (o) => {
     "translationStrings",
     "className"
   ]);
-  const [b, v] = P(!1);
+  const [b, _] = P(!1);
   let p = !1;
-  const _ = ze(Ue);
-  _ && (p = _.isMobile);
+  const v = ze(Ue);
+  v && (p = v.isMobile);
   const C = ze(It);
   C && (l = C.logoLinkContent);
   const E = "pds-navbar", $ = c ? `${E}--noBorder` : "", y = s !== "default" ? `${E}--${s}` : "", x = p ? `${E}--isMobile` : `${E}--notMobile`, z = (S) => {
@@ -9093,7 +9093,7 @@ const Ut = (o) => {
     switch (D) {
       case "Esc":
       case "Escape":
-        v(!1), F = !0;
+        _(!1), F = !0;
         break;
     }
     F && (S.stopPropagation(), S.preventDefault());
@@ -9101,7 +9101,7 @@ const Ut = (o) => {
   oe(() => (window.addEventListener("keyup", z), () => {
     window.removeEventListener("keyup", z);
   }), []);
-  const M = () => v(!b), k = Js();
+  const M = () => _(!b), k = Js();
   oe(() => {
     if (p && t) {
       const S = ys(
@@ -9115,7 +9115,7 @@ const Ut = (o) => {
     }
   }, [b]);
   const L = (S) => {
-    S.target.nodeName === "A" && v(!1);
+    S.target.nodeName === "A" && _(!1);
   };
   oe(() => {
     if (b) {
@@ -9129,7 +9129,7 @@ const Ut = (o) => {
   }, [p]), oe(() => {
     b ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [b]);
-  const H = Yt(t), I = H["items-left"], V = H["items-right"];
+  const H = Yt(t), V = H["items-left"], I = H["items-right"];
   let N = "default";
   (s === "reverse" || s === "reverse-transparent") && (N = "reverse");
   const O = Ge(l) ? l.props.children : null, R = Ge(l) && O ? Qe(l, {
@@ -9157,7 +9157,7 @@ const Ut = (o) => {
       className: b ? `${E}__mobile ${E}__mobile--open` : `${E}__mobile ${E}__mobile--closed`,
       ref: k
     },
-    /* @__PURE__ */ e.createElement(pt, null, I, V)
+    /* @__PURE__ */ e.createElement(pt, null, V, I)
   ), U = /* @__PURE__ */ e.createElement(
     m1,
     {
@@ -9167,7 +9167,7 @@ const Ut = (o) => {
       }
     },
     /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(pt, { className: `${E}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${E}__inner-mobile` }, B(), t && j)), /* @__PURE__ */ e.createElement(pt, null, t && W))
-  ), K = /* @__PURE__ */ e.createElement(pt, { width: a, className: `${E}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${E}__logo` }, B()), /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, I ? /* @__PURE__ */ e.createElement("div", { className: `${E}__items-left` }, I) : /* @__PURE__ */ e.createElement("span", null), V && /* @__PURE__ */ e.createElement("div", { className: `${E}__items-right` }, V)));
+  ), K = /* @__PURE__ */ e.createElement(pt, { width: a, className: `${E}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${E}__logo` }, B()), /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, V ? /* @__PURE__ */ e.createElement("div", { className: `${E}__items-left` }, V) : /* @__PURE__ */ e.createElement("span", null), I && /* @__PURE__ */ e.createElement("div", { className: `${E}__items-right` }, I)));
   return /* @__PURE__ */ e.createElement(
     "header",
     w({
@@ -9210,13 +9210,13 @@ const Ut = (o) => {
   }), []);
   const b = () => {
     g(window.innerWidth);
-  }, v = f <= o, p = ($) => {
+  }, _ = f <= o, p = ($) => {
     const y = $.target;
     y.classList.toggle(`${u}__toggle--expanded`), y.setAttribute(
       "aria-expanded",
       y.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), y.parentElement.nextElementSibling.classList.toggle(`${u}__menu--expanded`);
-  }, _ = ($, y) => {
+  }, v = ($, y) => {
     const { linkContent: x, links: z } = $, M = `${u}__item`, k = `${u}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -9270,7 +9270,7 @@ const Ut = (o) => {
         x
       )
     );
-  }, C = /* @__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(($, y) => _($, y)))), E = /* @__PURE__ */ e.createElement(
+  }, C = /* @__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(($, y) => v($, y)))), E = /* @__PURE__ */ e.createElement(
     ts,
     {
       headingText: a,
@@ -9284,7 +9284,7 @@ const Ut = (o) => {
       "aria-label": t,
       className: Z([u, i != null ? i : ""])
     }, m),
-    v && s ? E : C
+    _ && s ? E : C
   );
 }, rn = (d) => {
   var h = d, {
@@ -9315,13 +9315,13 @@ const Ut = (o) => {
   }), []);
   const b = () => {
     g(window.innerWidth);
-  }, v = f <= o, p = ($) => {
+  }, _ = f <= o, p = ($) => {
     const y = $.target;
     y.classList.toggle(`${u}__toggle--expanded`), y.setAttribute(
       "aria-expanded",
       y.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), y.parentElement.nextElementSibling.classList.toggle(`${u}__menu--expanded`);
-  }, _ = ($, y) => {
+  }, v = ($, y) => {
     const { linkContent: x, links: z } = $, M = `${u}__item`, k = `${u}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -9389,19 +9389,19 @@ const Ut = (o) => {
                 He(L) ? `${k}--expanded` : null
               ])
             },
-            L.links.map((I, V) => /* @__PURE__ */ e.createElement(
+            L.links.map((V, I) => /* @__PURE__ */ e.createElement(
               "li",
               {
-                key: V,
+                key: I,
                 className: Z([
                   M,
                   `${M}--third-level`,
-                  He(I) ? `${M}--active` : null
+                  He(V) ? `${M}--active` : null
                 ])
               },
               it(
-                I.linkContent,
-                I.links
+                V.linkContent,
+                V.links
               )
             ))
           )) : (
@@ -9414,7 +9414,7 @@ const Ut = (o) => {
         x
       )
     );
-  }, C = /* @__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(($, y) => _($, y)))), E = /* @__PURE__ */ e.createElement(
+  }, C = /* @__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(($, y) => v($, y)))), E = /* @__PURE__ */ e.createElement(
     ts,
     {
       headingText: a,
@@ -9428,7 +9428,7 @@ const Ut = (o) => {
       "aria-label": t,
       className: Z([u, i != null ? i : ""])
     }, m),
-    v && s ? E : C
+    _ && s ? E : C
   );
 }, on = (m) => {
   var d = m, {
@@ -9448,18 +9448,18 @@ const Ut = (o) => {
     "withinNavbar",
     "className"
   ]);
-  const [h, u] = P(null), [f, g] = P(!1), b = le([]), v = le([]);
+  const [h, u] = P(null), [f, g] = P(!1), b = le([]), _ = le([]);
   let p = !1;
-  const _ = ze(Ue);
-  _ && (p = _.isMobile);
+  const v = ze(Ue);
+  v && (p = v.isMobile);
   const C = o && p, E = "pds-user-menu", $ = C ? `${E}--isMobile` : null, y = `${E}__menu`, { refs: x, floatingStyles: z, context: M } = De({
     placement: "bottom-end",
     open: f,
     onOpenChange: g,
     middleware: [kt(12), Ht(), zt()],
     whileElementsMounted: We
-  }), k = tt(M, { event: "mousedown" }), L = Re(M), H = Ae(M, { role: "menu" }), I = le([]), V = gt(M, {
-    listRef: I,
+  }), k = tt(M, { event: "mousedown" }), L = Re(M), H = Ae(M, { role: "menu" }), V = le([]), I = gt(M, {
+    listRef: V,
     activeIndex: h,
     onNavigate: u,
     loop: !0,
@@ -9467,7 +9467,7 @@ const Ut = (o) => {
     focusItemOnOpen: !1,
     focusItemOnHover: !0
   }), { getReferenceProps: N, getFloatingProps: O, getItemProps: R } = Pe(
-    [L, H, k, V]
+    [L, H, k, I]
   ), { isMounted: B, styles: j } = st(M, {
     duration: {
       open: 300,
@@ -9493,11 +9493,11 @@ const Ut = (o) => {
   ), U = /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${E}__trigger-icon` }), K = /* @__PURE__ */ e.createElement("li", { className: `${E}__user-details`, role: "presentation" }, C ? null : /* @__PURE__ */ e.createElement("div", { className: `${E}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${E}__user-email` }, a));
   s.forEach((ee) => {
     const ie = ee.id ? ee.id : Ke();
-    b.current.push(ie), v.current.push(ee);
+    b.current.push(ie), _.current.push(ee);
   });
   const S = (ee) => {
-    const ie = b.current.indexOf(ee), ce = v.current[ie];
-    ce.linkContent && !ce.disabled && (I.current[ie].querySelector("a").click(), g(!1)), ce.callback && !ce.disabled && (ce.callback(ce), g(!1));
+    const ie = b.current.indexOf(ee), ce = _.current[ie];
+    ce.linkContent && !ce.disabled && (V.current[ie].querySelector("a").click(), g(!1)), ce.callback && !ce.disabled && (ce.callback(ce), g(!1));
   }, D = (ee) => {
     ee.preventDefault(), ee.key === "Enter" && S(ee.currentTarget.id);
   }, F = (ee) => {
@@ -9513,7 +9513,7 @@ const Ut = (o) => {
         role: "menuitem",
         tabIndex: h === ie ? 0 : -1,
         ref: (me) => {
-          I.current[ie] = me;
+          V.current[ie] = me;
         },
         onKeyDown: D
       }, R({ onClick: (me) => F(me) })),
@@ -9613,7 +9613,7 @@ const Ut = (o) => {
     info: `${f}--info`,
     warning: `${f}--warning`,
     critical: `${f}--critical`
-  }, v = u > 0 ? d[0].type : null, p = v ? `${f}-group--${v}` : null, _ = (z) => ({
+  }, _ = u > 0 ? d[0].type : null, p = _ ? `${f}-group--${_}` : null, v = (z) => ({
     zIndex: St - z
   }), C = (z) => z === 0 ? 0 : -1, E = () => {
     const z = document.getElementsByClassName(
@@ -9638,7 +9638,7 @@ const Ut = (o) => {
       ]), document.getElementById(d[0].id).classList.remove(`${f}--fading`);
     }, 200);
   }, x = (z, M) => {
-    const { id: k, isDismissible: L, message: H, onDismiss: I, type: V } = z, O = ["critical", "warning"].includes(V) ? "alert" : "status", R = `${r[V]}:  `, B = (j) => {
+    const { id: k, isDismissible: L, message: H, onDismiss: V, type: I } = z, O = ["critical", "warning"].includes(I) ? "alert" : "status", R = `${r[I]}:  `, B = (j) => {
       j.preventDefault(), document.getElementById(k).classList.add(`${f}--dismissing`), setTimeout(() => {
         if (u === 1) {
           h([]);
@@ -9646,7 +9646,7 @@ const Ut = (o) => {
         }
         h(
           (W) => W.filter((U) => U.id !== k)
-        ), I && z.onDismiss();
+        ), V && z.onDismiss();
       }, 200);
     };
     return /* @__PURE__ */ e.createElement(
@@ -9654,16 +9654,16 @@ const Ut = (o) => {
       {
         key: k,
         id: k,
-        className: Z([f, b[V]]),
+        className: Z([f, b[I]]),
         role: O,
         style: {
-          zIndex: _(M).zIndex
+          zIndex: v(M).zIndex
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement(
         A,
         {
-          iconName: w2[V],
+          iconName: w2[I],
           iconSize: "md",
           className: `${f}__icon ${f}__icon--${z.type}`
         }
@@ -9799,7 +9799,7 @@ const Ut = (o) => {
     discovery: `${g}--discovery`,
     dismissing: `${g}--dismissing`,
     dismissed: `${g}--dismissed`
-  }, v = o ? `${g}--hasTitle` : null, _ = ["critical", "warning"].includes(l) ? "alert" : "status", C = `${i[l]}: `, E = () => {
+  }, _ = o ? `${g}--hasTitle` : null, v = ["critical", "warning"].includes(l) ? "alert" : "status", C = `${i[l]}: `, E = () => {
     f.current.addEventListener("animationend", $, {
       once: !0
     });
@@ -9813,10 +9813,10 @@ const Ut = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: [g, b[l], v, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " "),
+      className: [g, b[l], _, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " "),
       id: s,
       ref: f,
-      role: _
+      role: v
     }, d),
     /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__icon ${g}__icon-${l}` }, /* @__PURE__ */ e.createElement(
       A,
@@ -9890,18 +9890,18 @@ const Ut = (o) => {
     "className"
   ]);
   var K, S, D, F;
-  const [v, p] = P(d);
+  const [_, p] = P(d);
   oe(() => {
     p(d);
   }, [d]), oe(() => {
-    h(v);
-  }, [v]);
-  const _ = typeof s, C = "pds-popover", E = [
+    h(_);
+  }, [_]);
+  const v = typeof s, C = "pds-popover", E = [
     `${C}__trigger-custom`,
-    _ === "string" ? `${C}__trigger-text` : ""
+    v === "string" ? `${C}__trigger-text` : ""
   ].join(" ").trim().replace(/\s+/g, " "), $ = s ? c : 0, y = le(null), { refs: x, floatingStyles: z, context: M, middlewareData: k } = De({
     placement: o,
-    open: v,
+    open: _,
     onOpenChange(G) {
       p(G), G || r();
     },
@@ -9914,10 +9914,10 @@ const Ut = (o) => {
     whileElementsMounted: We
   }), L = () => {
     p(!1), r && r();
-  }, H = tt(M), I = Re(M), V = Ae(M), { getReferenceProps: N, getFloatingProps: O } = Pe([
+  }, H = tt(M), V = Re(M), I = Ae(M), { getReferenceProps: N, getFloatingProps: O } = Pe([
     H,
-    I,
-    V
+    V,
+    I
   ]), R = (S = (K = k.arrow) == null ? void 0 : K.x) != null ? S : 0, B = (F = (D = k.arrow) == null ? void 0 : D.y) != null ? F : 0, j = R + ps / 2, W = B + Ye, { isMounted: U } = st(M, {
     initial: {
       transform: "scale(0)"
@@ -10008,7 +10008,7 @@ const Ut = (o) => {
     "size",
     "className"
   ]);
-  const g = s || Ke(), b = "pds-progress-bar", v = l ? `${b}__label` : "visually-hidden", p = `${b}__track ${b}__track--${m}`, _ = o > 100 ? 100 : o;
+  const g = s || Ke(), b = "pds-progress-bar", _ = l ? `${b}__label` : "visually-hidden", p = `${b}__track ${b}__track--${m}`, v = o > 100 ? 100 : o;
   let C = "neutral";
   t.forEach((x) => {
     o >= x.percentage && (C = x.colorType);
@@ -10018,9 +10018,9 @@ const Ut = (o) => {
     "div",
     w({
       className: [b, d].join(" ").trim().replace(/\s+/g, " "),
-      style: { "--bar-percentage": `${_}%` }
+      style: { "--bar-percentage": `${v}%` }
     }, h),
-    /* @__PURE__ */ e.createElement("div", { id: g, className: v }, a),
+    /* @__PURE__ */ e.createElement("div", { id: g, className: _ }, a),
     ($ || i) && /* @__PURE__ */ e.createElement("div", { className: `${b}__details` }, $ && E, i && /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -10037,7 +10037,7 @@ const Ut = (o) => {
       {
         role: "progressbar",
         "aria-labelledby": g,
-        "aria-valuenow": _,
+        "aria-valuenow": v,
         className: p
       },
       /* @__PURE__ */ e.createElement(
@@ -10045,7 +10045,7 @@ const Ut = (o) => {
         {
           className: `${b}__bar`,
           style: {
-            width: `${_}%`,
+            width: `${v}%`,
             backgroundColor: `var(${hs[C]})`
           }
         }
@@ -10186,9 +10186,9 @@ const Ut = (o) => {
     c !== void 0 && u(c);
   }, [c]);
   const f = (p) => {
-    const _ = p.currentTarget.getAttribute("data-tabnumber");
-    if (_) {
-      const C = parseInt(_, 10);
+    const v = p.currentTarget.getAttribute("data-tabnumber");
+    if (v) {
+      const C = parseInt(v, 10);
       u(C);
     }
   }, g = le([]);
@@ -10204,19 +10204,19 @@ const Ut = (o) => {
       return;
     }
   }, [h]);
-  const b = (p, _) => {
+  const b = (p, v) => {
     const C = h;
-    let E = g.current[_ === "next" ? C + 1 < g.current.length ? C + 1 : 0 : C - 1 >= 0 ? C - 1 : g.current.length - 1];
-    E || (E = _ == "next" ? g.current[p + 1] == null ? g.current[0] : g.current[p + 1] : g.current[p - 1]), E.focus();
-  }, v = (p) => {
-    const _ = g.current.length, C = () => {
-      b((h + 1) % _, "next"), u(h + 1);
+    let E = g.current[v === "next" ? C + 1 < g.current.length ? C + 1 : 0 : C - 1 >= 0 ? C - 1 : g.current.length - 1];
+    E || (E = v == "next" ? g.current[p + 1] == null ? g.current[0] : g.current[p + 1] : g.current[p - 1]), E.focus();
+  }, _ = (p) => {
+    const v = g.current.length, C = () => {
+      b((h + 1) % v, "next"), u(h + 1);
     }, E = () => {
-      b((h - 1 + _) % _, "prev"), u(h - 1);
+      b((h - 1 + v) % v, "prev"), u(h - 1);
     }, $ = () => {
       b(0), u(0);
     }, y = () => {
-      b(_ - 1), u(_ - 1);
+      b(v - 1), u(v - 1);
     }, x = () => {
       g.current[h].focus();
     }, M = {
@@ -10237,7 +10237,7 @@ const Ut = (o) => {
       "aria-label": t,
       "aria-orientation": "horizontal"
     },
-    r.map(({ disabled: p, icon: _, tabId: C, tabLabel: E, tally: $ }, y) => /* @__PURE__ */ e.createElement(
+    r.map(({ disabled: p, icon: v, tabId: C, tabLabel: E, tally: $ }, y) => /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${d}__tab`,
@@ -10246,7 +10246,7 @@ const Ut = (o) => {
         role: "tab",
         id: C,
         onKeyDown: (x) => {
-          x.preventDefault(), v(x);
+          x.preventDefault(), _(x);
         },
         key: E,
         ref: (x) => p ? null : g.current[y] = x,
@@ -10255,9 +10255,9 @@ const Ut = (o) => {
         "aria-disabled": !!p,
         onClick: p ? null : f
       },
-      /* @__PURE__ */ e.createElement("div", { key: _, className: `${d}__tab-label` }, _ ? /* @__PURE__ */ e.createElement(A, { iconName: _, iconSize: "md" }) : null, " ", E, r[y].tally ? /* @__PURE__ */ e.createElement(Ut, { label: $.label, type: $.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: v, className: `${d}__tab-label` }, v ? /* @__PURE__ */ e.createElement(A, { iconName: v, iconSize: "md" }) : null, " ", E, r[y].tally ? /* @__PURE__ */ e.createElement(Ut, { label: $.label, type: $.type }) : null)
     ))
-  ), r.map(({ disabled: p, icon: _, panelContent: C, tabLabel: E, tally: $ }, y) => /* @__PURE__ */ e.createElement(
+  ), r.map(({ disabled: p, icon: v, panelContent: C, tabLabel: E, tally: $ }, y) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${d}__panel`,
@@ -10274,13 +10274,13 @@ const Ut = (o) => {
         role: "tab",
         "data-tabnumber": y,
         key: E,
-        onKeyDown: v,
+        onKeyDown: _,
         "aria-disabled": !!p,
         "aria-controls": `tabpanel_${y}`,
         tabIndex: h === y ? 1 : -1,
         onClick: p ? null : f
       },
-      /* @__PURE__ */ e.createElement("div", { key: _, className: `${d}__tab-label` }, _ ? /* @__PURE__ */ e.createElement(A, { iconSize: "md", iconName: _ }) : null, " ", E, r[y].tally ? /* @__PURE__ */ e.createElement(Ut, { label: $.label, type: $.type }) : null),
+      /* @__PURE__ */ e.createElement("div", { key: v, className: `${d}__tab-label` }, v ? /* @__PURE__ */ e.createElement(A, { iconSize: "md", iconName: v }) : null, " ", E, r[y].tally ? /* @__PURE__ */ e.createElement(Ut, { label: $.label, type: $.type }) : null),
       y == h ? /* @__PURE__ */ e.createElement(
         A,
         {
@@ -10350,15 +10350,15 @@ const k2 = (t) => {
     "tagLabel",
     "className"
   ]);
-  const [h, u] = P(!0), f = "pds-tag", g = r ? `${f}--${r}` : `${f}--${k2(o)}`, b = h ? null : "pds-tag--hide", v = () => {
+  const [h, u] = P(!0), f = "pds-tag", g = r ? `${f}--${r}` : `${f}--${k2(o)}`, b = h ? null : "pds-tag--hide", _ = () => {
     u((E) => !E);
   };
-  let p, _, C;
-  return t && !s && Ge(t) ? (p = t.type, _ = t.props.href ? "href" : "to", C = _ === "href" ? t.props.href : t.props.to) : (p = "span", _ = null, C = null), /* @__PURE__ */ e.createElement(
+  let p, v, C;
+  return t && !s && Ge(t) ? (p = t.type, v = t.props.href ? "href" : "to", C = v === "href" ? t.props.href : t.props.to) : (p = "span", v = null, C = null), /* @__PURE__ */ e.createElement(
     p,
     w({
-      href: _ === "href" ? C : null,
-      to: _ === "to" ? C : null,
+      href: v === "href" ? C : null,
+      to: v === "to" ? C : null,
       className: [f, g, b, l].join(" ").trim().replace(/\s+/g, " ")
     }, i),
     /* @__PURE__ */ e.createElement("span", { className: `${f}__label`, title: o }, H2(o, 20)),
@@ -10369,7 +10369,7 @@ const k2 = (t) => {
         className: `${f}__remove`,
         "aria-label": `${c}: ${o}`,
         onClick: () => {
-          v(), a();
+          _(), a();
         }
       },
       /* @__PURE__ */ e.createElement(
@@ -10498,7 +10498,7 @@ const k2 = (t) => {
     "children",
     "className"
   ]);
-  const f = "pds-flex", g = l ? `${f}-gap--${l}` : null, b = a ? `${f}-direction--${a}` : null, v = c ? `${f}--${c}` : null, p = r ? `${f}-justify--${r}` : null, _ = s ? `${f}-align-items--${s}` : null, C = t ? `${f}-align-content--${t}` : null, E = o && o !== "same" ? `${f}-mobile--${o}` : null;
+  const f = "pds-flex", g = l ? `${f}-gap--${l}` : null, b = a ? `${f}-direction--${a}` : null, _ = c ? `${f}--${c}` : null, p = r ? `${f}-justify--${r}` : null, v = s ? `${f}-align-items--${s}` : null, C = t ? `${f}-align-content--${t}` : null, E = o && o !== "same" ? `${f}-mobile--${o}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -10506,9 +10506,9 @@ const k2 = (t) => {
         "pds-flex-container",
         g,
         b,
-        v,
-        p,
         _,
+        p,
+        v,
         C,
         E,
         m
@@ -10678,19 +10678,19 @@ const I2 = (o) => {
     case "one-third-end":
       g = f.concat(u), b = f.concat(h);
   }
-  const v = {};
+  const _ = {};
   e.Children.forEach(t, (C) => {
     const E = C.props.slot;
-    E && (v[E] ? v[E].push(C) : v[E] = [C]);
+    E && (_[E] ? _[E].push(C) : _[E] = [C]);
   });
-  const p = v["first-item"], _ = v["second-item"];
+  const p = _["first-item"], v = _["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: [i, m, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("div", { className: g.join(" ").trim() }, p),
-    /* @__PURE__ */ e.createElement("div", { className: b.join(" ").trim() }, _)
+    /* @__PURE__ */ e.createElement("div", { className: b.join(" ").trim() }, v)
   );
 };
 I2.propTypes = {
@@ -10735,13 +10735,13 @@ const $n = ({
   const g = ze(Ue);
   g && (f = g.isMobile);
   const b = Yt(t);
-  let v = "pds-grid-item pds-grid-item--md-8", p = "pds-grid-item pds-grid-item--md-4";
-  r === "narrow" && (v = "pds-grid-item pds-grid-item--md-9", p = "pds-grid-item pds-grid-item--md-3"), r === "wide" && (v = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", p = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
-  const _ = /* @__PURE__ */ e.createElement(
+  let _ = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9", p = "pds-grid-item pds-grid-item--lg-3";
+  r === "narrow" && (_ = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", p = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (_ = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", p = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
+  const v = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "content",
-      className: `${d}__main ${f ? "pds-grid-item" : v}`
+      className: `${d}__main ${f ? "pds-grid-item" : _}`
     },
     b.content
   ), C = /* @__PURE__ */ e.createElement(
@@ -10762,7 +10762,7 @@ const $n = ({
         o != null ? o : ""
       ])
     }, l),
-    f ? c === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, C, _) : /* @__PURE__ */ e.createElement(e.Fragment, null, _, C) : a === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, C, _) : /* @__PURE__ */ e.createElement(e.Fragment, null, _, C)
+    f ? c === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, C, v) : /* @__PURE__ */ e.createElement(e.Fragment, null, v, C) : a === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, C, v) : /* @__PURE__ */ e.createElement(e.Fragment, null, v, C)
   );
 };
 export {