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

package/_dist/index.js

@@ -774,13 +774,13 @@ const u1 = {
     "zIndex",
     "className"
   ]);
-  const [f, E] = R(!1), $ = typeof n, g = "pds-tooltip", C = K([
+  const [f, E] = R(!1), $ = typeof n, g = "pds-tooltip", v = K([
     `${g}__trigger-custom`,
     $ === "string" ? `${g}__trigger-text` : null
   ]), _ = K([
     `${g}__trigger`,
     `${g}__trigger--${l}`
-  ]), { refs: b, floatingStyles: v, context: w } = Ie({
+  ]), { refs: b, floatingStyles: C, context: w } = Ie({
     placement: c,
     open: f,
     onOpenChange: E,
@@ -799,7 +799,7 @@ const u1 = {
   return /* @__PURE__ */ e.createElement("div", y({ className: K([g, d != null ? d : ""]) }, h), n ? /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: C,
+      className: v,
       ref: b.setReference
     }, L()),
     n
@@ -823,7 +823,7 @@ const u1 = {
     y({
       className: `${g}__container`,
       ref: b.setFloating,
-      style: fe(y({}, v), { zIndex: m })
+      style: fe(y({}, C), { zIndex: m })
     }, z()),
     t
   ));
@@ -1305,7 +1305,7 @@ const b1 = [
       "variant",
       "className"
     ]);
-    const g = "pds-button", C = d !== "md" ? `${g}--${d}` : null, _ = h !== "primary" ? `${g}--${h}` : null;
+    const g = "pds-button", v = d !== "md" ? `${g}--${d}` : null, _ = h !== "primary" ? `${g}--${h}` : null;
     let b;
     switch (d) {
       case "sm":
@@ -1317,7 +1317,7 @@ const b1 = [
       case "lg":
         b = "lg";
     }
-    const v = /* @__PURE__ */ e.createElement(
+    const C = /* @__PURE__ */ e.createElement(
       P,
       {
         key: "icon",
@@ -1327,11 +1327,11 @@ const b1 = [
       }
     );
     let w = [i];
-    return c == "icon-start" && r && w.unshift(v), c == "icon-end" && r && w.push(v), l && (w = [v], t = i), /* @__PURE__ */ e.createElement(
+    return c == "icon-start" && r && w.unshift(C), c == "icon-end" && r && w.push(C), l && (w = [C], t = i), /* @__PURE__ */ e.createElement(
       "button",
       fe(y({}, p), {
         type: n,
-        className: [g, C, _, u].join(" ").trim().replace(/\s+/g, " "),
+        className: [g, v, _, u].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || o,
         "aria-label": t,
         onClick: m,
@@ -1433,18 +1433,18 @@ const rt = (m) => {
       key: a
     }
   );
-  let C = [$];
-  n === "icon-start" && a ? C = [g, $] : n === "icon-end" && a && (C = [$, g]);
+  let v = [$];
+  n === "icon-start" && a ? v = [g, $] : n === "icon-end" && a && (v = [$, g]);
   const _ = Fe(c) ? Ke(c, {
     className: E,
-    children: C
+    children: v
   }) : null;
   return t ? /* @__PURE__ */ e.createElement(
     Ye,
     {
       className: K([h, l != null ? l : ""]),
       disabled: !0,
-      label: C,
+      label: v,
       size: r,
       variant: o
     }
@@ -1478,7 +1478,7 @@ const rt = (m) => {
       "aria-hidden": "true"
     }, l.props),
     /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })
-  ) : /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })) : null, C = /* @__PURE__ */ e.createElement("div", { className: `${p}__text-elements` }, o && /* @__PURE__ */ e.createElement(
+  ) : /* @__PURE__ */ e.createElement("img", { src: c.src, alt: c.alt })) : null, v = /* @__PURE__ */ e.createElement("div", { className: `${p}__text-elements` }, o && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${p}__kicker pds-overline-text pds-overline-text--sm`
@@ -1491,14 +1491,14 @@ const rt = (m) => {
       className: [p, f, m].join(" ").trim().replace(/\s+/g, " ")
     }, l.props),
     g,
-    C
+    v
   ) : /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [p, f, m].join(" ").trim().replace(/\s+/g, " ")
     }, d),
     g,
-    C
+    v
   );
 };
 $1.propTypes = {
@@ -1702,12 +1702,12 @@ const je = yt(null), w1 = ({
   ]);
   const [f, E] = R(
     a
-  ), { isMobile: $ } = we(je), g = se(), [C] = Ht(g), _ = C.width, b = {
+  ), { isMobile: $ } = we(je), g = se(), [v] = Ht(g), _ = v.width, b = {
     isSidebarExpanded: $ ? !0 : f,
     logoLinkContent: r,
     navbarWidth: _,
     isAdmin: c
-  }, v = "pds-dashboard", w = $ ? `${v}--isMobile` : `${v}--notMobile`, x = $ ? null : f ? `${v}--sidebarExpanded` : `${v}--sidebarCollapsed`, H = f ? `${l}rem` : `${o}rem`, M = {
+  }, C = "pds-dashboard", w = $ ? `${C}--isMobile` : `${C}--notMobile`, x = $ ? null : f ? `${C}--sidebarExpanded` : `${C}--sidebarCollapsed`, H = f ? `${l}rem` : `${o}rem`, M = {
     width: H,
     transition: "width 200ms ease-in-out"
   }, N = $ ? {} : {
@@ -1715,21 +1715,21 @@ const je = yt(null), w1 = ({
     transition: "width 200ms ease-in-out"
   }, L = () => {
     E(!f);
-  }, z = Yt(t), O = z.header, V = z.sidebar, k = z.main, I = z.footer, A = /* @__PURE__ */ e.createElement("aside", { className: `${v}__sidebar` }, V), B = /* @__PURE__ */ e.createElement("aside", { className: `${v}__sidebar`, style: M }, n && /* @__PURE__ */ e.createElement(
+  }, z = Yt(t), O = z.header, V = z.sidebar, k = z.main, I = z.footer, A = /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar` }, V), B = /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar`, style: M }, n && /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${v}__sidebar-toggle-button`,
+      className: `${C}__sidebar-toggle-button`,
       onClick: L,
       "aria-expanded": f,
       "aria-label": i
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${v}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(P, { iconName: "angleLeft", iconSize: "sm" }))
-  ), /* @__PURE__ */ e.createElement("div", { className: `${v}__sidebar-inner` }, V));
+    /* @__PURE__ */ e.createElement("span", { className: `${C}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(P, { iconName: "angleLeft", iconSize: "sm" }))
+  ), /* @__PURE__ */ e.createElement("div", { className: `${C}__sidebar-inner` }, V));
   return /* @__PURE__ */ e.createElement(xt.Provider, { value: b }, /* @__PURE__ */ e.createElement(N1, { text: m, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: K([
-        v,
+        C,
         w,
         x,
         "pds-typography--product",
@@ -1742,11 +1742,11 @@ const je = yt(null), w1 = ({
       "div",
       {
         ref: g,
-        className: `${v}__container`,
+        className: `${C}__container`,
         style: N
       },
-      !$ && /* @__PURE__ */ e.createElement("div", { className: `${v}__header` }, O),
-      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${v}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__main-inner` }, k), I && /* @__PURE__ */ e.createElement("footer", { className: `${v}__footer` }, I))
+      !$ && /* @__PURE__ */ e.createElement("div", { className: `${C}__header` }, O),
+      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${C}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__main-inner` }, k), I && /* @__PURE__ */ e.createElement("footer", { className: `${C}__footer` }, I))
     )
   ));
 }, Qt = (i) => {
@@ -1848,10 +1848,10 @@ const k1 = Pe(
       onBlur: E,
       onClear: $,
       onFocus: g,
-      onOptionSelect: C,
+      onOptionSelect: v,
       options: _,
       placeholder: b,
-      required: v = !1,
+      required: C = !1,
       showLabel: w = !0,
       validationMessage: x,
       validationStatus: H,
@@ -1883,7 +1883,7 @@ const k1 = Pe(
       "validationStatus",
       "className"
     ]);
-    const V = ht(i), k = "pds-combobox", I = n ? te.disabled : null, A = v && !n ? te.required : null, B = H === "error" ? te.error : null, F = H === "success" ? te.success : null;
+    const V = ht(i), k = "pds-combobox", I = n ? te.disabled : null, A = C && !n ? te.required : null, B = H === "error" ? te.error : null, F = H === "success" ? te.success : null;
     let j = null;
     r && (j = "search"), H === "error" && (j = "error"), H === "success" && (j = "success");
     const Z = x || p, G = (pe) => {
@@ -1930,7 +1930,7 @@ const k1 = Pe(
       g && g(pe);
     }, ft = (pe) => {
       const he = be[pe];
-      Q(he.label), U(null), D(!1), C && C(he);
+      Q(he.label), U(null), D(!1), v && v(he);
     }, It = (pe) => pe.map((xe) => {
       const { label: De, optionDisplay: Re, value: Ae, searchIndex: bt } = xe, q = Ae || De, oe = [De, Ae];
       return bt && oe.push(...bt), {
@@ -1993,7 +1993,7 @@ const k1 = Pe(
           id: l,
           label: d,
           showLabel: w,
-          required: v,
+          required: C,
           disabled: n
         }
       ),
@@ -2004,7 +2004,7 @@ const k1 = Pe(
           ref: L,
           id: l,
           "aria-disabled": n ? !0 : null,
-          "aria-required": v ? !0 : null,
+          "aria-required": C ? !0 : null,
           "aria-invalid": H === "error" ? !0 : null,
           "aria-describedby": Z ? `${l}__message` : null
         },
@@ -2124,7 +2124,7 @@ const k1 = Pe(
     "horizontalOffset",
     "className"
   ]);
-  const [g, C] = R(!1), [_, b] = R(null), v = se(null);
+  const [g, v] = R(!1), [_, b] = R(null), C = se(null);
   let w = !1;
   const x = we(je);
   x && (w = x.isMobile);
@@ -2138,19 +2138,19 @@ const k1 = Pe(
     right: `${O + u}rem`,
     width: `${k}rem`
   }, A = "pds-dashboard-search", B = w ? `${A}--isMobile` : null, F = () => {
-    C(!0), setTimeout(() => {
-      v.current.querySelector("input").focus();
+    v(!0), setTimeout(() => {
+      C.current.querySelector("input").focus();
     }, 500);
   }, j = () => {
     setTimeout(() => {
-      C(!1);
+      v(!1);
     }, 150);
   }, Z = (U) => {
     b(U.value), m && m(U);
   };
   ie(() => {
     if (g) {
-      const U = v.current.querySelector("input");
+      const U = C.current.querySelector("input");
       return U.addEventListener("blur", j), () => {
         U.removeEventListener("blur", j);
       };
@@ -2166,7 +2166,7 @@ const k1 = Pe(
   }), T = /* @__PURE__ */ e.createElement(
     k1,
     {
-      ref: v,
+      ref: C,
       disabled: t,
       hasClearButton: !1,
       id: `${n}-combobox`,
@@ -2456,8 +2456,8 @@ L1.propTypes = {
   className: s.string
 };
 const gt = Pe(
-  (C, g) => {
-    var _ = C, {
+  (v, g) => {
+    var _ = v, {
       children: t,
       decorator: n,
       disabled: a = !1,
@@ -2490,7 +2490,7 @@ const gt = Pe(
       "validationState",
       "className"
     ]);
-    const b = "pds-input-wrapper", v = `${b}--${r}`, w = "pds-input-label", x = `pds-input-field__message pds-input-field__message--${d}`, H = f === "error" ? "pds-has-error" : null, M = f === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, L = h ? "pds-is-readonly" : null, z = u && !a ? "pds-is-required" : null, O = o ? `${o / 16}rem` : null, V = o ? { width: O } : null, k = l ? "fieldset" : "div", I = u && !a ? /* @__PURE__ */ e.createElement(
+    const b = "pds-input-wrapper", C = `${b}--${r}`, w = "pds-input-label", x = `pds-input-field__message pds-input-field__message--${d}`, H = f === "error" ? "pds-has-error" : null, M = f === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, L = h ? "pds-is-readonly" : null, z = u && !a ? "pds-is-required" : null, O = o ? `${o / 16}rem` : null, V = o ? { width: O } : null, k = l ? "fieldset" : "div", I = u && !a ? /* @__PURE__ */ e.createElement(
       P,
       {
         iconName: "asterisk",
@@ -2512,7 +2512,7 @@ const gt = Pe(
       y({
         className: [
           b,
-          v,
+          C,
           N,
           L,
           z,
@@ -2639,27 +2639,27 @@ const mt = (u) => {
     hide: `${f}--hide`,
     scaleIn: `${f}--scaleIn`
   };
-  let C, _;
+  let v, _;
   switch (i) {
     case "sm":
-      _ = "md", C = 8;
+      _ = "md", v = 8;
       break;
     case "md":
-      _ = "md", C = 10;
+      _ = "md", v = 10;
       break;
     case "lg":
-      _ = "xl", C = 12;
+      _ = "xl", v = 12;
   }
-  const b = o !== null, v = se(null), w = se(null), x = () => {
-    v.current.classList.add(g.fadeOut), v.current.classList.add(g.hide), w.current.classList.remove(g.hide), w.current.classList.add(g.scaleIn), setTimeout(() => {
-      v.current.classList.remove(
+  const b = o !== null, C = se(null), w = se(null), x = () => {
+    C.current.classList.add(g.fadeOut), C.current.classList.add(g.hide), w.current.classList.remove(g.hide), w.current.classList.add(g.scaleIn), setTimeout(() => {
+      C.current.classList.remove(
         g.fadeOut,
         g.hide
-      ), v.current.classList.add(g.scaleIn), w.current.classList.remove(g.scaleIn), w.current.classList.add(g.hide);
+      ), C.current.classList.add(g.scaleIn), w.current.classList.remove(g.scaleIn), w.current.classList.add(g.hide);
     }, 2e3);
   }, H = () => {
     b && x(), l && l();
-  }, M = b ? /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { ref: v, className: `${f}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+  }, M = b ? /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { ref: C, className: `${f}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: r,
@@ -2703,7 +2703,7 @@ const mt = (u) => {
       {
         content: t,
         className: `${f}__tooltip`,
-        offsetValue: C,
+        offsetValue: v,
         customTrigger: M
       }
     ) : M
@@ -2742,15 +2742,15 @@ const x1 = ($) => {
     "validationFunction",
     "className"
   ]);
-  const [C, _] = R(!1), [b, v] = R(), [w, x] = R(null), H = "pds-file-upload", M = C ? `${H}--has-value` : null;
+  const [v, _] = R(!1), [b, C] = R(), [w, x] = R(null), H = "pds-file-upload", M = v ? `${H}--has-value` : null;
   let N = null;
   w === "error" && (N = "error"), w === "success" && (N = "success");
   const L = () => {
-    v(""), x(null);
+    C(""), x(null);
   }, z = (k) => {
     if (p) {
       const I = p(k.target.files) || {};
-      L(), I.error && x("error"), I.success && x("success"), v(I.message);
+      L(), I.error && x("error"), I.success && x("success"), C(I.message);
     }
     d && d(k.target.files), k.target.files.length > 0 ? _(!0) : _(!1);
   }, O = () => {
@@ -2776,7 +2776,7 @@ const x1 = ($) => {
       "label",
       {
         htmlFor: o,
-        className: C ? "visually-hidden" : `${H}__label`
+        className: v ? "visually-hidden" : `${H}__label`
       },
       /* @__PURE__ */ e.createElement(P, { iconName: "paperclip", iconSize: "sm" }),
       n
@@ -2794,7 +2794,7 @@ const x1 = ($) => {
         onChange: z
       }
     ),
-    C && /* @__PURE__ */ e.createElement(
+    v && /* @__PURE__ */ e.createElement(
       mt,
       {
         ariaLabel: a,
@@ -2999,14 +2999,14 @@ const S1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = S1.find((t)
     "validationFunction",
     "className"
   ]);
-  const g = "pds-input-formatted", C = n ? `${g}--${n}` : null, _ = se([
+  const g = "pds-input-formatted", v = n ? `${g}--${n}` : null, _ = se([
     "pds-input-field",
     g,
-    C,
+    v,
     p
-  ]), [b, v] = R(""), [w, x] = R(null), [H, M] = R(null), N = se(null), L = se(null), z = se("");
+  ]), [b, C] = R(""), [w, x] = R(null), [H, M] = R(null), N = se(null), L = se(null), z = se("");
   ie(() => {
-    switch (r && v(Z(r)), z.numExtra = "", n) {
+    switch (r && C(Z(r)), z.numExtra = "", n) {
       case "credit-card":
         z.numExtra = 3, z.current = Ot;
         break;
@@ -3031,7 +3031,7 @@ const S1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = S1.find((t)
       rawValue: L.current
     });
   }, A = (T) => {
-    v(Z(T.target.value)), k(), I(T.target.value);
+    C(Z(T.target.value)), k(), I(T.target.value);
   }, B = () => {
     M("error"), _.current.push($e.error);
   }, F = (T) => {
@@ -3046,7 +3046,7 @@ const S1 = new Intl.NumberFormat().formatToParts(100000089e-2), Tt = S1.find((t)
       )) : (n === "credit-card" || n === "phone") && (M("success"), _.current.push($e.success));
     I(T.target.value);
   }, j = () => {
-    k(), v(""), L.current = "", N.current.focus(), I("");
+    k(), C(""), L.current = "", N.current.focus(), I("");
   }, Z = (T) => {
     if (T) {
       if (n === "credit-card") {
@@ -3226,9 +3226,9 @@ const O1 = (f) => {
     "validationFunction",
     "className"
   ]);
-  const $ = "pds-input-obscured", g = se(["pds-input-field", $, u]), [C, _] = R(r), [b, v] = R(t("")), [w, x] = R(), [H, M] = R(null), [N, L] = R(!1), z = se(null), O = se(null);
+  const $ = "pds-input-obscured", g = se(["pds-input-field", $, u]), [v, _] = R(r), [b, C] = R(t("")), [w, x] = R(), [H, M] = R(null), [N, L] = R(!1), z = se(null), O = se(null);
   ie(() => {
-    r && t && v(t(r));
+    r && t && C(t(r));
   }, []);
   const V = () => {
     g.current = g.current.filter(
@@ -3241,15 +3241,15 @@ const O1 = (f) => {
   }, I = () => {
     k(), x(""), M(null);
   }, A = (T) => {
-    _(T.target.value), I(), t && v(t(T.target.value)), i && i(T.target.value);
+    _(T.target.value), I(), t && C(t(T.target.value)), i && i(T.target.value);
   }, B = (T) => {
     if (L(!1), h) {
       const D = h(T.target.value) || {};
       I(), D.error && (M("error"), g.current.push($e.error)), D.success && (M("success"), g.current.push($e.success)), x(D.message);
     }
-    i && i(C);
+    i && i(v);
   }, F = () => {
-    I(), _(""), O.current.value = null, O.current.focus(), t && v(t("")), i && i("");
+    I(), _(""), O.current.value = null, O.current.focus(), t && C(t("")), i && i("");
   }, j = () => {
     L((T) => !T);
   }, Z = (T) => {
@@ -3283,7 +3283,7 @@ const O1 = (f) => {
         name: c,
         required: m,
         disabled: n,
-        value: C,
+        value: v,
         onChange: A,
         onBlur: B,
         ref: O,
@@ -3291,7 +3291,7 @@ const O1 = (f) => {
         "aria-describedby": l || w ? `${c}__message` : null,
         autoComplete: "off"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, b && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, b), C && a && /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__accessories" }, b && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field_counter" }, b), v && a && /* @__PURE__ */ e.createElement(
       Vt,
       {
         id: c,
@@ -3418,10 +3418,10 @@ const Dt = 16, cs = 10, D1 = (N) => {
     readonly: E = !1,
     required: $ = !1,
     showLabel: g = !0,
-    specialFormatting: C,
+    specialFormatting: v,
     specialFormattingValidation: _ = !1,
     toggleVisibility: b = !1,
-    type: v = "text",
+    type: C = "text",
     validationFunction: w,
     validationMessages: x = {
       creditCardError: "Please enter a valid credit card number.",
@@ -3454,10 +3454,10 @@ const Dt = 16, cs = 10, D1 = (N) => {
     "validationMessages",
     "className"
   ]);
-  const [z, O] = R(l), [V, k] = R(n("")), [I, A] = R(), [B, F] = R(null), [j, Z] = R(!1), G = se(null), T = se(null), D = se(null), W = se(null), U = "pds-input-text", ne = C ? `${U}--${C}` : null;
+  const [z, O] = R(l), [V, k] = R(n("")), [I, A] = R(), [B, F] = R(null), [j, Z] = R(!1), G = se(null), T = se(null), D = se(null), W = se(null), U = "pds-input-text", ne = v ? `${U}--${v}` : null;
   let Q = null;
-  v === "search" && (Q = "search"), B === "error" && (Q = "error"), B === "success" && (Q = "success"), C && _ && ie(() => {
-    switch (l && O(J(l)), W.numExtra = "", C) {
+  C === "search" && (Q = "search"), B === "error" && (Q = "error"), B === "success" && (Q = "success"), v && _ && ie(() => {
+    switch (l && O(J(l)), W.numExtra = "", v) {
       case "credit-card":
         W.numExtra = 3, W.current = Dt;
         break;
@@ -3467,10 +3467,10 @@ const Dt = 16, cs = 10, D1 = (N) => {
     }
   }, []);
   let be = null;
-  (C === "credit-card" || C === "phone") && W.current && (be = W.current + W.numExtra);
+  (v === "credit-card" || v === "phone") && W.current && (be = W.current + W.numExtra);
   const J = (le) => {
     if (le) {
-      if (C === "credit-card") {
+      if (v === "credit-card") {
         const ce = ("" + le).replace(/\D/g, "");
         if (D.current = ce, ce) {
           if (new RegExp("^34|37", "g").test(ce)) {
@@ -3484,7 +3484,7 @@ const Dt = 16, cs = 10, D1 = (N) => {
         }
         return ce;
       }
-      if (C === "phone") {
+      if (v === "phone") {
         const ce = ("" + le).replace(/\D/g, "");
         if (D.current = ce, ce) {
           W.numExtra = 4, W.current = cs;
@@ -3506,15 +3506,15 @@ const Dt = 16, cs = 10, D1 = (N) => {
   }, ae = (le) => {
     p && p(le.target);
   }, ee = (le) => {
-    C ? u && u({ formattedValue: le, rawValue: D.current }) : u && u(le);
+    v ? u && u({ formattedValue: le, rawValue: D.current }) : u && u(le);
   }, _e = (le) => {
-    O(C ? J(le.target.value) : le.target.value), de(), n && k(n(C ? D.current : le.target.value)), ee(le.target.value);
+    O(v ? J(le.target.value) : le.target.value), de(), n && k(n(v ? D.current : le.target.value)), ee(le.target.value);
   }, me = (le) => {
     if (b && Z(!1), w) {
       const ce = w(le.target.value) || {};
       de(), ce.error && F("error"), ce.success && F("success"), A(ce.message);
     }
-    C && _ && !w && (G.current.checkValidity() === !1 || le.target.value.length < be ? (F("error"), C === "credit-card" && A(x.creditCardError), C === "phone" && A(x.phoneError)) : F("success")), ee(le.target.value);
+    v && _ && !w && (G.current.checkValidity() === !1 || le.target.value.length < be ? (F("error"), v === "credit-card" && A(x.creditCardError), v === "phone" && A(x.phoneError)) : F("success")), ee(le.target.value);
   }, re = (le) => {
     var ce;
     (!((ce = T.current) != null && ce.contains(le.relatedTarget)) || !le.relatedTarget) && Z(!1);
@@ -3522,7 +3522,7 @@ const Dt = 16, cs = 10, D1 = (N) => {
     de(), O(""), D.current = "", G.current.focus(), n && k(n("")), ee("");
   };
   ie(() => {
-    if (v === "search" && r) {
+    if (C === "search" && r) {
       const le = (ce) => {
         ce.key === "/" && (/^(?:input|textarea|select|button)$/i.test(ce.target.tagName) || (ce.preventDefault(), document.getElementById(o).focus()));
       };
@@ -3534,7 +3534,7 @@ const Dt = 16, cs = 10, D1 = (N) => {
   const Ee = () => {
     Z((le) => !le);
   };
-  b && v === "password" && (j ? M.type = "text" : M.type = "password"), C === "phone" && (M.type = "tel");
+  b && C === "password" && (j ? M.type = "text" : M.type = "password"), v === "phone" && (M.type = "tel");
   const He = I || h;
   return /* @__PURE__ */ e.createElement(
     gt,
@@ -3554,12 +3554,12 @@ const Dt = 16, cs = 10, D1 = (N) => {
       showLabel: g,
       validationState: B
     }, M),
-    b && v === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${d.visibilityStatus} ${j ? "visible" : "hidden"}.`),
+    b && C === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${d.visibilityStatus} ${j ? "visible" : "hidden"}.`),
     /* @__PURE__ */ e.createElement(
       "input",
       {
         className: [U, ne].join(" ").trim().replace(/\s+/g, " "),
-        type: v,
+        type: C,
         id: o,
         name: o,
         placeholder: f,
@@ -3573,7 +3573,7 @@ const Dt = 16, cs = 10, D1 = (N) => {
         ref: G,
         "aria-invalid": B === "error",
         "aria-describedby": He ? `${o}__message` : null,
-        autoComplete: v === "password" ? "off" : t,
+        autoComplete: C === "password" ? "off" : t,
         maxLength: be,
         minLength: be
       }
@@ -3587,7 +3587,7 @@ const Dt = 16, cs = 10, D1 = (N) => {
         handleClearInput: Y
       }
     ),
-    b && v === "password" && /* @__PURE__ */ e.createElement(
+    b && C === "password" && /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
@@ -3599,7 +3599,7 @@ const Dt = 16, cs = 10, D1 = (N) => {
       },
       /* @__PURE__ */ e.createElement(P, { iconName: j ? "eyeSlash" : "eye" })
     ),
-    !z && r && v === "search" && /* @__PURE__ */ e.createElement(xs, { label: d.searchShortcut })
+    !z && r && C === "search" && /* @__PURE__ */ e.createElement(xs, { label: d.searchShortcut })
   );
 };
 D1.propTypes = {
@@ -3836,7 +3836,7 @@ const rs = [
     a ? $ : E
   );
 }, Rt = (t) => t.isSeparator, At = (t) => t.isHeading, Pt = (t) => t.isLink, P1 = (t) => t.isNode, Is = (g) => {
-  var C = g, {
+  var v = g, {
     avatarImageSrc: t,
     disabled: n,
     displayType: a = "icon-end",
@@ -3852,7 +3852,7 @@ const rs = [
     variant: p = "primary",
     withinNavbar: f,
     className: E
-  } = C, $ = S(C, [
+  } = v, $ = S(v, [
     "avatarImageSrc",
     "disabled",
     "displayType",
@@ -3872,7 +3872,7 @@ const rs = [
   const {
     x: _,
     y: b,
-    reference: v,
+    reference: C,
     floating: w,
     strategy: x,
     update: H,
@@ -4151,7 +4151,7 @@ const rs = [
       "aria-expanded": D,
       onClick: ce,
       onKeyDown: ke,
-      ref: v
+      ref: C
     }
   )), a === "icon-only" && (tt = /* @__PURE__ */ e.createElement(
     mt,
@@ -4169,7 +4169,7 @@ const rs = [
       "aria-expanded": D,
       onClick: ce,
       onKeyDown: ke,
-      ref: v,
+      ref: C,
       hasTooltip: !1
     }
   )), (a === "avatar" || a === "avatar-with-text") && (tt = /* @__PURE__ */ e.createElement(
@@ -4185,7 +4185,7 @@ const rs = [
       "aria-expanded": D,
       onClick: ce,
       onKeyDown: ke,
-      ref: v
+      ref: C
     },
     /* @__PURE__ */ e.createElement("span", { className: `${k}__avatar-label` }, /* @__PURE__ */ e.createElement(ut, { size: "sm", imageSrc: t || V }), a === "avatar-with-text" && l),
     /* @__PURE__ */ e.createElement(
@@ -4342,7 +4342,7 @@ const Ss = ({ items: t, label: n, mobileMenuMaxWidth: a = 640 }) => {
       enabled: !0
     })
   });
-  const { getReferenceProps: g, getFloatingProps: C } = Oe([
+  const { getReferenceProps: g, getFloatingProps: v } = Oe([
     f,
     E,
     p,
@@ -4361,11 +4361,11 @@ const Ss = ({ items: t, label: n, mobileMenuMaxWidth: a = 640 }) => {
     y({
       className: `${d}__dropdown`,
       ref: h.setFloating
-    }, C()),
-    t.map((b, v) => /* @__PURE__ */ e.createElement(
+    }, v()),
+    t.map((b, C) => /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: v,
+        key: C,
         role: b.isSeparator ? "separator" : "menuitem",
         className: `${d}__item ${b.isSeparator ? `${d}__dropdown--separator` : `${d}__item--second-level`} ${_(b) ? `${d}__item--active` : null}`
       },
@@ -4392,7 +4392,7 @@ const q1 = (l) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [m, d] = R(1025), [h, u] = R(null), [p, f] = R(-1), [E, $] = R(null), [g, C] = R({
+  const [m, d] = R(1025), [h, u] = R(null), [p, f] = R(-1), [E, $] = R(null), [g, v] = R({
     containerChildren: []
   });
   ie(() => (d(window.innerWidth), window.addEventListener("resize", _), () => {
@@ -4412,7 +4412,7 @@ const q1 = (l) => {
       focusVisible: !0
     }));
   }, [p]);
-  const v = "pds-nav-menu", w = n !== "default" ? `${v}--${n}` : "", x = b ? `${v}--isMobile` : `${v}--notMobile`, H = se([]), M = (z) => {
+  const C = "pds-nav-menu", w = n !== "default" ? `${C}--${n}` : "", x = b ? `${C}--isMobile` : `${C}--notMobile`, H = se([]), M = (z) => {
     const O = H.current.length - 1, F = {
       ArrowRight: () => {
         u(-1), f(p === -1 ? 1 : p === O ? 0 : p + 1);
@@ -4424,7 +4424,7 @@ const q1 = (l) => {
         var G, T, D, W;
         $("down");
         let j = z.target.parentNode.children[1], Z = ((T = (G = z.target) == null ? void 0 : G.parentNode.children[1]) == null ? void 0 : T.children) || ((W = (D = z.target) == null ? void 0 : D.parentNode.parentNode.children[1]) == null ? void 0 : W.children);
-        g.container != j && j != null && C({
+        g.container != j && j != null && v({
           container: j,
           containerChildren: [...Z]
         }), h === null || h == g.containerChildren.length - 1 ? u(0) : u(parseInt(h) + 1);
@@ -4454,7 +4454,7 @@ const q1 = (l) => {
           key: `${O}-dropdown`,
           id: k,
           ref: (I) => H.current[O] = I,
-          className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${N(z) === !0 ? `${v}__item--active` : ""}`
+          className: `${C}__item ${C}__item--top-level ${C}__item--has-children ${N(z) === !0 ? `${C}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
           Ss,
@@ -4472,7 +4472,7 @@ const q1 = (l) => {
           key: O,
           id: k,
           ref: (I) => H.current[O] = I,
-          className: `${v}__item ${v}__item--top-level ${v}__item--has-link ${N(z) === !0 ? `${v}__item--active` : ""}`
+          className: `${C}__item ${C}__item--top-level ${C}__item--has-link ${N(z) === !0 ? `${C}__item--active` : ""}`
         },
         z.linkContent
       )
@@ -4480,13 +4480,13 @@ const q1 = (l) => {
   }), /* @__PURE__ */ e.createElement(
     "nav",
     y({
-      className: [v, w, x, r].join(" ").trim().replace(/\s+/g, " "),
+      className: [C, w, x, r].join(" ").trim().replace(/\s+/g, " "),
       "aria-label": t,
       onKeyDown: (z) => {
         M(z);
       }
     }, o),
-    /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, L)
+    /* @__PURE__ */ e.createElement("ul", { className: `${C}__menu` }, L)
   );
 };
 q1.propTypes = {
@@ -4990,8 +4990,8 @@ Os.propTypes = {
   pages: s.arrayOf(s.shape({ link: s.string })).isRequired,
   headingId: s.string
 };
-const Ds = (C) => {
-  var _ = C, {
+const Ds = (v) => {
+  var _ = v, {
     defaultValue: t,
     disabled: n,
     id: a,
@@ -5032,11 +5032,11 @@ const Ds = (C) => {
   var _e;
   const b = h.findIndex(
     (me) => me.value === t
-  ), [v, w] = R(!1), [x, H] = R(null), [M, N] = R(b != null ? b : null), L = "pds-select", z = n ? te.disabled : null, O = u && !n ? te.required : null, V = E === "error" ? te.error : null, k = E === "success" ? te.success : null;
+  ), [C, w] = R(!1), [x, H] = R(null), [M, N] = R(b != null ? b : null), L = "pds-select", z = n ? te.disabled : null, O = u && !n ? te.required : null, V = E === "error" ? te.error : null, k = E === "success" ? te.success : null;
   let I = null;
   E === "error" && (I = "error"), E === "success" && (I = "success");
   const A = ht(c), B = f || l, F = se([]), { context: j, refs: Z } = Ie({
-    open: v,
+    open: C,
     onOpenChange: w,
     whileElementsMounted: qe
   }), G = Je(j, {
@@ -5167,8 +5167,8 @@ const Ds = (C) => {
 }, Xe = (c) => {
   var r = c, { arrowText: t = null, direction: n } = r, a = S(r, ["arrowText", "direction"]);
   const { buttonCallback: o, currentKey: l, setCurrentKey: i, setDirection: m, pages: d } = we(it), h = Kt(
-    (g, C) => {
-      o && (g.preventDefault(), o(C));
+    (g, v) => {
+      o && (g.preventDefault(), o(v));
     },
     [o, l]
   ), { title: u, rel: p, srText: f, icon: E, keyModifier: $ } = F1[n];
@@ -5576,7 +5576,7 @@ const X1 = {
     "statusBadgeType",
     "className"
   ]);
-  const E = "pds-pricing-card", $ = `${E}-container`, g = a ? `${$}--with-list` : null, C = d ? `${E}--${d}` : null, _ = (k) => k.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [v, w] = R(
+  const E = "pds-pricing-card", $ = `${E}-container`, g = a ? `${$}--with-list` : null, v = d ? `${E}--${d}` : null, _ = (k) => k.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [C, w] = R(
     _(l[0].label)
   ), [x, H] = R(
     t.label
@@ -5599,7 +5599,7 @@ const X1 = {
       renderTypeLabels: !1
     }
   )), b && (M = l.map((k) => {
-    const A = v === _(k.label) ? null : `${E}__pricing-data--hide`;
+    const A = C === _(k.label) ? null : `${E}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -5619,7 +5619,7 @@ const X1 = {
       ), k.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, k.savingsDetails))
     );
   }), N = l.map((k) => {
-    const A = v === _(k.label) ? null : `${E}__list--hide`;
+    const A = C === _(k.label) ? null : `${E}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       is,
       {
@@ -5700,7 +5700,7 @@ const X1 = {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [E, C].join(" ").trim().replace(/\s+/g, " ")
+        className: [E, v].join(" ").trim().replace(/\s+/g, " ")
       },
       d && /* @__PURE__ */ e.createElement(
         Qt,
@@ -5825,8 +5825,8 @@ const J1 = (u) => {
     "required",
     "className"
   ]);
-  const f = "pds-radio-group", [E, $] = R(a), g = (C) => {
-    $(C.target.value), l && l(C.target.value);
+  const f = "pds-radio-group", [E, $] = R(a), g = (v) => {
+    $(v.target.value), l && l(v.target.value);
   };
   return /* @__PURE__ */ e.createElement(
     gt,
@@ -5841,7 +5841,7 @@ const J1 = (u) => {
       message: o,
       required: m
     }, h),
-    /* @__PURE__ */ e.createElement("div", { className: [f].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, i.map((C, _) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: [f].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, i.map((v, _) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${f}__option`,
@@ -5853,14 +5853,14 @@ const J1 = (u) => {
           type: "radio",
           id: `${n}-option-${_}`,
           name: n,
-          value: C.value,
+          value: v.value,
           required: m,
-          disabled: t || C.disabled,
+          disabled: t || v.disabled,
           onClick: g,
-          defaultChecked: E === C.value
+          defaultChecked: E === v.value
         }
       ),
-      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${_}` }, C.label)
+      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${_}` }, v.label)
     ))))
   );
 };
@@ -6203,9 +6203,9 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
     "className"
   ]);
   const u = t || We(), p = "pds-progress-ring", f = r ? `${p}__label` : "visually-hidden", E = `${p}__loading-text ${p}__loading-text--${l}`, $ = (H) => H * 16;
-  let g = $(l2), C = 7;
-  l === "sm" && (g = $(a2), C = C / 1.25), l === "lg" && (g = $(c2), C = C * 1.25);
-  const _ = g / 2 - C / 2, b = `${_ / 100}rem`, v = 2 * Math.PI * _, w = v - v * c / 100;
+  let g = $(l2), v = 7;
+  l === "sm" && (g = $(a2), v = v / 1.25), l === "lg" && (g = $(c2), v = v * 1.25);
+  const _ = g / 2 - v / 2, b = `${_ / 100}rem`, C = 2 * Math.PI * _, w = C - C * c / 100;
   let x;
   return n ? x = n : o ? x = `${c}%` : x = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -6213,7 +6213,7 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
       className: [p, i].join(" ").trim().replace(/\s+/g, " "),
       style: {
         "--ring-stroke-dashoffset": w,
-        "--ring-stroke-dasharray": v
+        "--ring-stroke-dasharray": C
       }
     }, m),
     /* @__PURE__ */ e.createElement("div", { id: u, className: f }, a),
@@ -6239,7 +6239,7 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
             cx: g / 2,
             cy: g / 2,
             r: _,
-            strokeWidth: C
+            strokeWidth: v
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -6249,8 +6249,8 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
             cx: g / 2,
             cy: g / 2,
             r: _,
-            strokeWidth: C,
-            strokeDasharray: v,
+            strokeWidth: v,
+            strokeDasharray: C,
             strokeDashoffset: w,
             transform: `rotate(-90 ${g / 2} ${g / 2})`
           }
@@ -6285,8 +6285,8 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
     "translatableLabels",
     "className"
   ]);
-  const l = "pds-stepper", i = "pds-stepper-mobile", m = se(), [d] = Ht(m), h = d.width, u = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, p = -40, f = 2, E = 5, $ = t.length, g = t.findLastIndex((b) => b.isCurrent), C = t.map((b, v) => {
-    const w = v + 1, x = v === g, H = v < g, M = b.hasError && x, L = (h - $ * u) / ($ + ($ - 2)), z = u + L * 2, O = u + L, V = L + p * -1, k = v === 0, I = v === $ - 1;
+  const l = "pds-stepper", i = "pds-stepper-mobile", m = se(), [d] = Ht(m), h = d.width, u = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, p = -40, f = 2, E = 5, $ = t.length, g = t.findLastIndex((b) => b.isCurrent), v = t.map((b, C) => {
+    const w = C + 1, x = C === g, H = C < g, M = b.hasError && x, L = (h - $ * u) / ($ + ($ - 2)), z = u + L * 2, O = u + L, V = L + p * -1, k = C === 0, I = C === $ - 1;
     let A = z;
     (k || I) && (A = O);
     const B = `${l}__step`, F = [B];
@@ -6347,8 +6347,8 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
         }
       )
     );
-  }), _ = t.map((b, v) => {
-    const w = v + 1, x = v === g, H = v === $ - 1, M = b.hasError && x, N = t[g + 1] ? t[g + 1].label : null;
+  }), _ = t.map((b, C) => {
+    const w = C + 1, x = C === g, H = C === $ - 1, M = b.hasError && x, N = t[g + 1] ? t[g + 1].label : null;
     if (x) {
       const L = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), w, " of ", $), z = w / $ * 100, O = M ? {
         "--pds-color-progress-partial": "var(--pds-color-semantic-critical-foreground)"
@@ -6390,7 +6390,7 @@ const a2 = 3.815, l2 = 4.678, c2 = 5.96, r2 = (d) => {
         className: [l, a].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": $
       }, c),
-      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: m }, C)
+      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: m }, v)
     ), /* @__PURE__ */ e.createElement(
       "div",
       y({
@@ -6445,22 +6445,22 @@ o2.propTypes = {
 const i2 = (r) => {
   var o = r, { headers: t, rowData: n, className: a } = o, c = S(o, ["headers", "rowData", "className"]);
   const [l] = R(t), [i, m] = R(n), [d, h] = R({ order: "asc", key: "" }), u = (g) => {
-    m(i.sort((C, _) => C[g].localeCompare(_[g]))), h({ order: "desc", key: g });
+    m(i.sort((v, _) => v[g].localeCompare(_[g]))), h({ order: "desc", key: g });
   }, p = (g) => {
-    m(i.sort((C, _) => _[g].localeCompare(C[g]))), h({ order: "asc", key: g });
-  }, f = (g, C) => {
-    h(fe(y({}, d), { key: C })), d.order === "asc" ? u(C) : p(C);
-  }, E = (g, C) => /* @__PURE__ */ e.createElement("tr", { id: C, key: `table-row-${C}` }, g.map((_, b) => /* @__PURE__ */ e.createElement("td", { key: `${C}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, _)))), $ = "pds-table";
+    m(i.sort((v, _) => _[g].localeCompare(v[g]))), h({ order: "asc", key: g });
+  }, f = (g, v) => {
+    h(fe(y({}, d), { key: v })), d.order === "asc" ? u(v) : p(v);
+  }, E = (g, v) => /* @__PURE__ */ e.createElement("tr", { id: v, key: `table-row-${v}` }, g.map((_, b) => /* @__PURE__ */ e.createElement("td", { key: `${v}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, _)))), $ = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "table",
     y({
       className: [$, a].join(" ").trim().replace(/\s+/g, " ")
     }, c),
-    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((g, C) => /* @__PURE__ */ e.createElement("th", { key: `header-${C}` }, g.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${$}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, l.map((g, v) => /* @__PURE__ */ e.createElement("th", { key: `header-${v}` }, g.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${$}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
       "span",
       {
         className: `${$}__sort-header`,
-        onClick: (_) => f(_, C)
+        onClick: (_) => f(_, v)
       },
       g.title
     ), /* @__PURE__ */ e.createElement(
@@ -6468,24 +6468,24 @@ const i2 = (r) => {
       {
         className: `${$}__sort-button`,
         title: `Sort by ${g.title}`,
-        onClick: (_) => f(_, C)
+        onClick: (_) => f(_, v)
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${$}__sort-button-top ${C != d.key && d.key !== "" ? "pds-table__sort-innactive" : d.key == C ? d.order : "asc"}`
+          className: `${$}__sort-button-top ${v != d.key && d.key !== "" ? "pds-table__sort-innactive" : d.key == v ? d.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(P, { iconName: "caretUp", iconSize: "sm" })
       ),
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          className: `${$}__sort-button-bottom ${d.key == C ? d.order : "asc"}`
+          className: `${$}__sort-button-bottom ${d.key == v ? d.order : "asc"}`
         },
         /* @__PURE__ */ e.createElement(P, { iconName: "caretDown", iconSize: "sm" })
       )
     )) : /* @__PURE__ */ e.createElement("span", null, g.title))))),
-    /* @__PURE__ */ e.createElement("tbody", null, i.map((g, C) => E(g, C)))
+    /* @__PURE__ */ e.createElement("tbody", null, i.map((g, v) => E(g, v)))
   ));
 };
 i2.propTypes = {
@@ -6560,7 +6560,7 @@ const d2 = (d) => {
         title: O
       });
     }), L;
-  }, { nestedHeadings: C } = $(), [_, b] = R();
+  }, { nestedHeadings: v } = $(), [_, b] = R();
   ((N) => {
     const L = se({});
     ie(() => {
@@ -6639,7 +6639,7 @@ const d2 = (d) => {
       },
       c
     ),
-    /* @__PURE__ */ e.createElement(M, { headings: C, activeID: _ })
+    /* @__PURE__ */ e.createElement(M, { headings: v, activeID: _ })
   );
 };
 d2.propTypes = {
@@ -6702,8 +6702,8 @@ const U2 = (m) => {
   const E = (_) => {
     const b = _.currentTarget.getAttribute("data-tabnumber");
     if (b) {
-      const v = parseInt(b, 10);
-      f(v);
+      const C = parseInt(b, 10);
+      f(C);
     }
   }, $ = se([]);
   ie(() => {
@@ -6719,11 +6719,11 @@ const U2 = (m) => {
     }
   }, [p]);
   const g = (_, b) => {
-    const v = p;
-    let w = $.current[b === "next" ? v + 1 < $.current.length ? v + 1 : 0 : v - 1 >= 0 ? v - 1 : $.current.length - 1];
+    const C = p;
+    let w = $.current[b === "next" ? C + 1 < $.current.length ? C + 1 : 0 : C - 1 >= 0 ? C - 1 : $.current.length - 1];
     w || (w = b == "next" ? $.current[_ + 1] == null ? $.current[0] : $.current[_ + 1] : $.current[_ - 1]), w.focus();
-  }, C = (_) => {
-    const b = $.current.length, v = () => {
+  }, v = (_) => {
+    const b = $.current.length, C = () => {
       g((p + 1) % b, "next"), f(p + 1);
     }, w = () => {
       g((p - 1 + b) % b, "prev"), f(p - 1);
@@ -6734,7 +6734,7 @@ const U2 = (m) => {
     }, M = () => {
       $.current[p].focus();
     }, L = {
-      ArrowRight: v,
+      ArrowRight: C,
       ArrowLeft: w,
       Home: x,
       End: H,
@@ -6756,16 +6756,16 @@ const U2 = (m) => {
         "aria-label": n,
         "aria-orientation": "horizontal"
       },
-      o.map(({ disabled: _, icon: b, tabId: v, tabLabel: w }, x) => /* @__PURE__ */ e.createElement(
+      o.map(({ disabled: _, icon: b, tabId: C, tabLabel: w }, x) => /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${h}__tab`,
           "aria-selected": x == p,
           "data-tabnumber": x,
           role: "tab",
-          id: v,
+          id: C,
           onKeyDown: (H) => {
-            H.preventDefault(), C(H);
+            H.preventDefault(), v(H);
           },
           key: w,
           ref: (H) => _ ? null : $.current[x] = H,
@@ -6777,7 +6777,7 @@ const U2 = (m) => {
         /* @__PURE__ */ e.createElement("div", { key: b, className: `${h}__tab-text` }, b ? /* @__PURE__ */ e.createElement(P, { iconName: b, iconSize: r }) : null, " ", w)
       ))
     ),
-    o.map(({ tabLabel: _, icon: b, disabled: v, panelContent: w }, x) => /* @__PURE__ */ e.createElement(
+    o.map(({ tabLabel: _, icon: b, disabled: C, panelContent: w }, x) => /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: `${h}__panel`,
@@ -6794,11 +6794,11 @@ const U2 = (m) => {
           role: "tab",
           "data-tabnumber": x,
           key: _,
-          onKeyDown: C,
-          "aria-disabled": !!v,
+          onKeyDown: v,
+          "aria-disabled": !!C,
           "aria-controls": `tabpanel_${x}`,
           tabIndex: p === x ? 1 : -1,
-          onClick: v ? null : E
+          onClick: C ? null : E
         },
         /* @__PURE__ */ e.createElement("div", { key: b, className: `${h}__tab-text` }, b ? /* @__PURE__ */ e.createElement(P, { iconSize: "md", iconName: b }) : null, " ", _),
         x == p ? /* @__PURE__ */ e.createElement(
@@ -7135,18 +7135,18 @@ const h2 = (i) => {
         id: n
       }, l),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, o.map((g, C) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, o.map((g, v) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${d}__option`,
-          key: `${n}-option-${C}`
+          key: `${n}-option-${v}`
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             className: "visually-hidden",
             type: "radio",
-            id: `${n}-option-${C}`,
+            id: `${n}-option-${v}`,
             name: n,
             value: g.value,
             disabled: t,
@@ -7154,7 +7154,7 @@ const h2 = (i) => {
             defaultChecked: p === g.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${C}` }, g.iconName && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${v}` }, g.iconName && /* @__PURE__ */ e.createElement(
           P,
           {
             iconName: g.iconName,
@@ -7239,11 +7239,11 @@ const g2 = (f) => {
     "statusOffLabel",
     "className"
   ]);
-  const $ = "pds-toggle-switch", [g, C] = R(!1), _ = (w) => {
-    C(!g), o && o(w.target);
+  const $ = "pds-toggle-switch", [g, v] = R(!1), _ = (w) => {
+    v(!g), o && o(w.target);
   };
-  let b = g === !0 ? d : h, v;
-  return m ? v = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
+  let b = g === !0 ? d : h, C;
+  return m ? C = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: "pds-toggle__label pds-toggle__label--on",
@@ -7257,7 +7257,7 @@ const g2 = (f) => {
       "aria-hidden": "true"
     },
     h
-  )) : v = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
+  )) : C = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), /* @__PURE__ */ e.createElement(
     P,
     {
       iconName: "check",
@@ -7295,7 +7295,7 @@ const g2 = (f) => {
         "aria-checked": g,
         onClick: _
       },
-      v
+      C
     ))
   );
 };
@@ -7387,10 +7387,10 @@ const G2 = () => {
       onFocus: E,
       placeholder: $,
       readonly: g = !1,
-      required: C = !1,
+      required: v = !1,
       showLabel: _ = !0,
       showVisibilityToggle: b = !1,
-      translationStrings: v = {
+      translationStrings: C = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
         searchShortcut: "Press / to focus the search field",
@@ -7431,7 +7431,7 @@ const G2 = () => {
       "value",
       "className"
     ]);
-    const k = ht(m), I = "pds-text-input", A = c ? te.disabled : null, B = C && !c ? te.required : null, F = H === "error" ? te.error : null, j = H === "success" ? te.success : null, Z = g ? te.readonly : null;
+    const k = ht(m), I = "pds-text-input", A = c ? te.disabled : null, B = v && !c ? te.required : null, F = H === "error" ? te.error : null, j = H === "success" ? te.success : null, Z = g ? te.readonly : null;
     let G = null;
     w === "search" && (G = "search"), H === "error" && (G = "error"), H === "success" && (G = "success");
     const T = x || h, D = typeof M != "undefined", W = typeof a != "undefined", [U, ne] = R(
@@ -7471,11 +7471,11 @@ const G2 = () => {
           id: l,
           label: d,
           showLabel: _,
-          required: C,
+          required: v,
           disabled: c
         }
       ),
-      b && w === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${v.visibilityStatus} ${ae ? "visible" : "hidden"}.`),
+      b && w === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${C.visibilityStatus} ${ae ? "visible" : "hidden"}.`),
       /* @__PURE__ */ e.createElement("div", { className: `${I}__input-wrapper` }, G && /* @__PURE__ */ e.createElement(Mt, { variant: G }), /* @__PURE__ */ e.createElement(
         "input",
         y({
@@ -7488,7 +7488,7 @@ const G2 = () => {
           placeholder: $,
           readOnly: g,
           disabled: c,
-          required: C,
+          required: v,
           autoComplete: w === "password" ? "off" : t,
           onBlur: be,
           onChange: J,
@@ -7500,7 +7500,7 @@ const G2 = () => {
         Hs,
         {
           id: l,
-          clearLabel: v.clearButton,
+          clearLabel: C.clearButton,
           handleClearInput: de
         }
       ), b && w === "password" && /* @__PURE__ */ e.createElement(
@@ -7508,7 +7508,7 @@ const G2 = () => {
         {
           type: "button",
           className: `${I}__visibility-toggle`,
-          title: ae ? v.visibilityToggleHide : v.visibilityToggleShow,
+          title: ae ? C.visibilityToggleHide : C.visibilityToggleShow,
           "aria-controls": l,
           onClick: _e,
           onMouseDown: (re) => re.preventDefault()
@@ -7518,7 +7518,7 @@ const G2 = () => {
         ks,
         {
           inputId: l,
-          shortcutLabel: v.searchShortcut
+          shortcutLabel: C.searchShortcut
         }
       ), n && w !== "password" && /* @__PURE__ */ e.createElement(
         zs,
@@ -7526,7 +7526,7 @@ const G2 = () => {
           id: l,
           currentLength: Q.length,
           maxLength: n,
-          overLimitMessage: v.counterOverLimit
+          overLimitMessage: C.counterOverLimit
         }
       )),
       T && /* @__PURE__ */ e.createElement(
@@ -7570,7 +7570,7 @@ const G2 = () => {
     "workspaceList",
     "className"
   ]);
-  const [f, E] = R(!1), [$, g] = R(null), [C, _] = R(m), b = se([]), v = se(null), w = m.length >= o;
+  const [f, E] = R(!1), [$, g] = R(null), [v, _] = R(m), b = se([]), C = se(null), w = m.length >= o;
   let x = !1;
   const H = we(je);
   H && (x = H.isMobile);
@@ -7616,7 +7616,7 @@ const G2 = () => {
     _(Y);
   }, [m]);
   const Q = (Y) => {
-    Y.preventDefault(), Y.key === "Enter" && b.current[$].querySelector("a").click(), Y.key === "Tab" && (Y.shiftKey ? w ? document.getElementById("workspace-filter").focus() : E(!1) : n ? v.current.querySelector("a").focus() : E(!1));
+    Y.preventDefault(), Y.key === "Enter" && b.current[$].querySelector("a").click(), Y.key === "Tab" && (Y.shiftKey ? w ? document.getElementById("workspace-filter").focus() : E(!1) : n ? C.current.querySelector("a").focus() : E(!1));
   }, be = /* @__PURE__ */ e.createElement("div", { className: `${N}__button-content` }, /* @__PURE__ */ e.createElement(
     ut,
     {
@@ -7651,7 +7651,7 @@ const G2 = () => {
       showLabel: !1,
       type: "search"
     }
-  )), ae = C.map(
+  )), ae = v.map(
     (Y, Ee) => {
       const He = `${N}__item`, le = Y.isActive ? `${He}--active` : null, ce = Y.isUnprivileged ? `${He}--unprivileged` : null, Le = /* @__PURE__ */ e.createElement(P, { iconName: "check", className: `${N}__active-icon` }), ke = Y.workspaceId, ze = Y.workspaceLink.type, ve = Y.isUnprivileged ? null : (Ze) => {
         b.current[Ee] = Ze;
@@ -7689,7 +7689,7 @@ const G2 = () => {
         )
       );
     }
-  ), ee = n && /* @__PURE__ */ e.createElement("div", { className: `${N}__create-link`, ref: v }, /* @__PURE__ */ e.createElement(
+  ), ee = n && /* @__PURE__ */ e.createElement("div", { className: `${N}__create-link`, ref: C }, /* @__PURE__ */ e.createElement(
     rt,
     {
       displayType: "icon-end",
@@ -7879,11 +7879,11 @@ const E2 = (o) => {
     "options",
     "className"
   ]);
-  const h = "pds-segmented-button", u = "pds-is-disabled", p = se([h]), [f, E] = R(a), $ = (C) => {
-    E(C.target.value), r && r(C.target.value);
+  const h = "pds-segmented-button", u = "pds-is-disabled", p = se([h]), [f, E] = R(a), $ = (v) => {
+    E(v.target.value), r && r(v.target.value);
   };
   if ((() => {
-    p.current = p.current.filter((C) => C !== u);
+    p.current = p.current.filter((v) => v !== u);
   })(), t && p.current.push(u), o.length >= 2 && o.length <= 6)
     return /* @__PURE__ */ e.createElement(
       "fieldset",
@@ -7891,7 +7891,7 @@ const E2 = (o) => {
         className: [h, l != null ? l : ""].join(" ").trim().replace(/\s+/g, " ")
       }, i),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((C, _) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((v, _) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${h}__option`,
@@ -7904,27 +7904,27 @@ const E2 = (o) => {
             type: "radio",
             id: `${n}-option-${_}`,
             name: n,
-            value: C.value,
+            value: v.value,
             disabled: t,
             onClick: $,
-            defaultChecked: f === C.value
+            defaultChecked: f === v.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${_}` }, C.tally ? /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${_}` }, v.tally ? /* @__PURE__ */ e.createElement(
           E2,
           {
-            label: C.tally.label,
-            type: C.tally.type,
+            label: v.tally.label,
+            type: v.tally.type,
             className: `${h}__tally`
           }
-        ) : C.iconName && /* @__PURE__ */ e.createElement(
+        ) : v.iconName && /* @__PURE__ */ e.createElement(
           P,
           {
-            iconName: C.iconName,
+            iconName: v.iconName,
             iconSize: "sm",
             className: `${h}__icon`
           }
-        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, C.label))
+        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, v.label))
       )))
     );
 }, v2 = {
@@ -7992,18 +7992,18 @@ const E2 = (o) => {
   const u = "pds-card-select-group";
   let p = `${u}__legend`;
   c === "center" && (p = `${u}__legend ${u}__legend--center`), c === "hidden" && (p = `${u}__legend visually-hidden`);
-  const [f, E] = R(n), $ = (v) => {
-    E(v.currentTarget.value), o && o(v.currentTarget.value);
-  }, g = l.length, C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", _ = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  const [f, E] = R(n), $ = (C) => {
+    E(C.currentTarget.value), o && o(C.currentTarget.value);
+  }, g = l.length, v = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", _ = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let b = "";
-  return r === "twoAcross" ? b = C : r === "threeAcross" ? b = _ : r === "auto" && (g % 3 === 0 ? b = _ : g % 2 === 0 ? b = C : b = _), /* @__PURE__ */ e.createElement(
+  return r === "twoAcross" ? b = v : r === "threeAcross" ? b = _ : r === "auto" && (g % 3 === 0 ? b = _ : g % 2 === 0 ? b = v : b = _), /* @__PURE__ */ e.createElement(
     "fieldset",
     y({
       className: [u, i].join(" ").trim().replace(/\s+/g, " "),
       id: t
     }, m),
     /* @__PURE__ */ e.createElement("legend", { className: p }, a),
-    /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, l.map((v, w) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, l.map((C, w) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: [`${u}__option`, b].join(" ").trim().replace(/\s+/g, " "),
@@ -8015,26 +8015,26 @@ const E2 = (o) => {
           type: "radio",
           id: `${t}-option-${w}`,
           name: t,
-          value: v.value,
+          value: C.value,
           onClick: $,
-          defaultChecked: f === v.value
+          defaultChecked: f === C.value
         }
       ),
       /* @__PURE__ */ e.createElement(
         "label",
         {
           htmlFor: `${t}-option-${w}`,
-          className: f === v.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
+          className: f === C.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           P,
           {
-            iconName: f === v.value ? "circleCheck" : "circle",
+            iconName: f === C.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: f === v.value ? `${u}__option-icon ${u}__option-icon--selected` : `${u}__option-icon`
+            className: f === C.value ? `${u}__option-icon ${u}__option-icon--selected` : `${u}__option-icon`
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-text` }, v.label, v.description && /* @__PURE__ */ e.createElement("div", { className: `${u}__option-description` }, v.description))
+        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-text` }, C.label, C.description && /* @__PURE__ */ e.createElement("div", { className: `${u}__option-description` }, C.description))
       )
     )))
   );
@@ -8058,10 +8058,10 @@ const E2 = (o) => {
       required: E,
       showLabel: $ = !0,
       validationMessage: g,
-      validationStatus: C,
+      validationStatus: v,
       value: _,
       className: b
-    } = H, v = S(H, [
+    } = H, C = S(H, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -8083,7 +8083,7 @@ const E2 = (o) => {
       "value",
       "className"
     ]);
-    const M = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", L = a ? te.disabled : null, z = E && !a ? te.required : null, O = C === "error" ? te.error : null, V = C === "success" ? te.success : null, k = h > 0 ? `${N}--indent-${h}` : null, I = g || m, A = typeof t != "undefined", B = typeof n != "undefined", [F, j] = R(
+    const M = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", L = a ? te.disabled : null, z = E && !a ? te.required : null, O = v === "error" ? te.error : null, V = v === "success" ? te.success : null, k = h > 0 ? `${N}--indent-${h}` : null, I = g || m, A = typeof t != "undefined", B = typeof n != "undefined", [F, j] = R(
       B ? n : !1
     ), Z = t || F, G = (ne) => {
       A || j(ne.target.checked), p && p(ne);
@@ -8120,7 +8120,7 @@ const E2 = (o) => {
           b != null ? b : ""
         ].join(" ").trim().replace(/\s+/g, " "),
         style: l ? M : null
-      }, v),
+      }, C),
       /* @__PURE__ */ e.createElement("div", { className: `${N}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "input",
         y(fe(y({
@@ -8136,7 +8136,7 @@ const E2 = (o) => {
           onBlur: u,
           onChange: G,
           onFocus: f,
-          "aria-invalid": C === "error" ? !0 : null,
+          "aria-invalid": v === "error" ? !0 : null,
           "aria-describedby": I ? `${c}__message` : null
         }), o)
       ), /* @__PURE__ */ e.createElement("label", { htmlFor: c, className: `${N}__label` }, /* @__PURE__ */ e.createElement(
@@ -8168,7 +8168,7 @@ const E2 = (o) => {
           message: I,
           hasValidationMessage: !!g,
           validationMessageHasDecorators: !0,
-          validationStatus: C
+          validationStatus: v
         }
       )
     );
@@ -8201,16 +8201,16 @@ const E2 = (o) => {
     "validationStatus",
     "className"
   ]);
-  const $ = r ? { width: `${r / 16}rem` } : null, g = "pds-checkbox-group", C = n ? te.disabled : null, _ = i && !n ? te.required : null, b = h === "error" ? te.error : null, v = h === "success" ? te.success : null, w = d || l;
+  const $ = r ? { width: `${r / 16}rem` } : null, g = "pds-checkbox-group", v = n ? te.disabled : null, _ = i && !n ? te.required : null, b = h === "error" ? te.error : null, C = h === "success" ? te.success : null, w = d || l;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
         g,
-        C,
+        v,
         _,
         b,
-        v,
+        C,
         u != null ? u : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: r ? $ : null
@@ -8269,7 +8269,7 @@ const E2 = (o) => {
     "validationStatus",
     "className"
   ]);
-  const C = c ? { width: `${c / 16}rem` } : null, _ = "pds-checkbox-group", b = t ? te.disabled : null, v = d && !t ? te.required : null, w = p === "error" ? te.error : null, x = p === "success" ? te.success : null, H = u || o;
+  const v = c ? { width: `${c / 16}rem` } : null, _ = "pds-checkbox-group", b = t ? te.disabled : null, C = d && !t ? te.required : null, w = p === "error" ? te.error : null, x = p === "success" ? te.success : null, H = u || o;
   m.map((V) => {
     V.id || (V.id = V.value);
   });
@@ -8295,12 +8295,12 @@ const E2 = (o) => {
       className: [
         _,
         b,
-        v,
+        C,
         w,
         x,
         f != null ? f : ""
       ].join(" ").trim().replace(/\s+/g, " "),
-      style: c ? C : null
+      style: c ? v : null
     }, E),
     /* @__PURE__ */ e.createElement("fieldset", y({ className: `${_}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
       et,
@@ -8390,7 +8390,7 @@ const E2 = (o) => {
   },
   /* @__PURE__ */ e.createElement(P, { iconName: "xmark", iconSize: "sm" })
 )), tn = Pe(
-  (_, C) => {
+  (_, v) => {
     var b = _, {
       checked: t,
       defaultChecked: n,
@@ -8426,12 +8426,12 @@ const E2 = (o) => {
       "showStatusLabel",
       "className"
     ]);
-    const v = ht(o), w = "pds-switch", x = a ? te.disabled : null, H = p && !a ? te.required : null, M = typeof t != "undefined", N = i == "below", L = i == "right", z = !M && n ? n : !1, [O, V] = R(z), k = t || O ? u : d, I = (G) => {
+    const C = ht(o), w = "pds-switch", x = a ? te.disabled : null, H = p && !a ? te.required : null, M = typeof t != "undefined", N = i == "below", L = i == "right", z = !M && n ? n : !1, [O, V] = R(z), k = t || O ? u : d, I = (G) => {
       M || V(G.target.checked), h && h(G);
     }, A = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
       y({
-        ref: C,
+        ref: v,
         id: c,
         name: c,
         type: "checkbox",
@@ -8488,7 +8488,7 @@ const E2 = (o) => {
           Z,
           $
         ]),
-        style: o ? v : null
+        style: o ? C : null
       }, g),
       j
     );
@@ -8513,7 +8513,7 @@ const E2 = (o) => {
       rows: E = 5,
       showLabel: $,
       textareaProps: g,
-      translationStrings: C = {
+      translationStrings: v = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
         searchShortcut: "Press / to focus the search field",
@@ -8523,7 +8523,7 @@ const E2 = (o) => {
       },
       validationMessage: _,
       validationStatus: b,
-      value: v,
+      value: C,
       className: w
     } = N, x = S(N, [
       "counterMaxLength",
@@ -8549,9 +8549,9 @@ const E2 = (o) => {
       "value",
       "className"
     ]);
-    const L = ht(r), z = "pds-textarea", O = o ? "pds-is-resizable" : null, V = a ? te.disabled : null, k = f && !a ? te.required : null, I = b === "error" ? te.error : null, A = b === "success" ? te.success : null, B = p ? te.readonly : null, F = _ || i, j = v != null && d !== void 0, Z = typeof n != "undefined", [G, T] = R(
+    const L = ht(r), z = "pds-textarea", O = o ? "pds-is-resizable" : null, V = a ? te.disabled : null, k = f && !a ? te.required : null, I = b === "error" ? te.error : null, A = b === "success" ? te.success : null, B = p ? te.readonly : null, F = _ || i, j = C != null && d !== void 0, Z = typeof n != "undefined", [G, T] = R(
       Z ? n : ""
-    ), D = v || G, W = (ne) => {
+    ), D = C || G, W = (ne) => {
       j || T(ne.target.value), d && d(ne);
     }, U = (ne) => {
       m && m(ne);
@@ -8587,7 +8587,7 @@ const E2 = (o) => {
           id: c,
           currentLength: D.length,
           maxLength: t,
-          overLimitMessage: C.counterOverLimit
+          overLimitMessage: v.counterOverLimit
         }
       )),
       /* @__PURE__ */ e.createElement("div", { className: `${z}__input-wrapper` }, /* @__PURE__ */ e.createElement(
@@ -8601,7 +8601,7 @@ const E2 = (o) => {
           required: f,
           readOnly: p,
           disabled: a,
-          value: j ? v : G,
+          value: j ? C : G,
           rows: E,
           onChange: W,
           onBlur: U,
@@ -8649,12 +8649,12 @@ const E2 = (o) => {
   }, [c]), ie(() => {
     r(f);
   }, [f]);
-  const { refs: $, context: g, floatingStyles: C } = Ie({
+  const { refs: $, context: g, floatingStyles: v } = Ie({
     open: f,
     onOpenChange: E
   }), _ = Je(g), b = Se(g, {
     outsidePressEvent: "mousedown"
-  }), v = Te(g), { getFloatingProps: w } = Oe([_, b, v]), { isMounted: x, styles: H } = Qe(g, {
+  }), C = Te(g), { getFloatingProps: w } = Oe([_, b, C]), { isMounted: x, styles: H } = Qe(g, {
     duration: {
       open: 300,
       close: 300
@@ -8676,7 +8676,7 @@ const E2 = (o) => {
     t1,
     {
       lockScroll: !0,
-      style: fe(y({}, C), {
+      style: fe(y({}, v), {
         background: "var(--pds-color-overlay)",
         transition: "var(--pds-animation-reveal-transition)",
         zIndex: "var(--pds-z-index-modal)",
@@ -8690,7 +8690,7 @@ const E2 = (o) => {
         "aria-label": t || l
       }, w()), {
         className: [u, p, i].join(" ").trim().replace(/\s+/g, " "),
-        style: fe(y(y({}, C), H), {
+        style: fe(y(y({}, v), H), {
           position: "relative",
           top: "5%"
         })
@@ -8797,9 +8797,9 @@ const E2 = (o) => {
   }), g = vt($, {
     move: !1,
     handleClose: bs()
-  }), C = gs($), _ = Se($), b = Te($, { role: "menu" }), { getReferenceProps: v, getFloatingProps: w } = Oe([
+  }), v = gs($), _ = Se($), b = Te($, { role: "menu" }), { getReferenceProps: C, getFloatingProps: w } = Oe([
     g,
-    C,
+    v,
     _,
     b
   ]), x = (H) => {
@@ -8820,7 +8820,7 @@ const E2 = (o) => {
         n ? `${i}--active` : null
       ]),
       ref: a ? null : f.setReference
-    }, v()),
+    }, C()),
     o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${i}-wrapper` }, Gt(
       l,
       r,
@@ -8893,7 +8893,7 @@ const E2 = (o) => {
       };
     }
   }, [m]);
-  const C = ({
+  const v = ({
     item: I,
     level: A
   }) => fe(y({}, I), {
@@ -8907,29 +8907,29 @@ const E2 = (o) => {
   }), _ = (I) => {
     const A = [];
     return I.forEach((B) => {
-      B.links ? (A.push(C({ item: B, level: "top-level" })), B.links.forEach((F) => {
-        F.links ? (A.push(C({ item: F, level: "second-level" })), F.links.forEach((j) => {
+      B.links ? (A.push(v({ item: B, level: "top-level" })), B.links.forEach((F) => {
+        F.links ? (A.push(v({ item: F, level: "second-level" })), F.links.forEach((j) => {
           A.push(
-            C({ item: j, level: "third-level" })
+            v({ item: j, level: "third-level" })
           );
-        })) : A.push(C({ item: F, level: "second-level" }));
-      })) : A.push(C({ item: B, level: "top-level" }));
+        })) : A.push(v({ item: F, level: "second-level" }));
+      })) : A.push(v({ item: B, level: "top-level" }));
     }), A;
-  }, { refs: b, context: v } = Ie({
+  }, { refs: b, context: C } = Ie({
     placement: "bottom-start",
     open: m,
     onOpenChange: d,
     whileElementsMounted: qe
-  }), w = se([]), x = pt(v, {
+  }), w = se([]), x = pt(C, {
     listRef: w,
     activeIndex: h,
     onNavigate: u,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), H = Je(v, { event: "mousedown" }), M = Se(v), N = Te(v, { role: "menu" }), { getReferenceProps: L, getFloatingProps: z, getItemProps: O } = Oe(
+  }), H = Je(C, { event: "mousedown" }), M = Se(C), N = Te(C, { role: "menu" }), { getReferenceProps: L, getFloatingProps: z, getItemProps: O } = Oe(
     [M, N, H, x]
-  ), { isMounted: V, styles: k } = Qe(v, {
+  ), { isMounted: V, styles: k } = Qe(C, {
     duration: {
       open: 300,
       close: 300
@@ -9358,7 +9358,7 @@ const E2 = (o) => {
       _.links,
       _.icon
     )
-  })), C = /* @__PURE__ */ e.createElement(
+  })), v = /* @__PURE__ */ e.createElement(
     Jt,
     {
       menuItems: g,
@@ -9379,7 +9379,7 @@ const E2 = (o) => {
         linkContent: p
       }
     ),
-    m ? C : $
+    m ? v : $
   );
 }, dt = (r) => {
   var o = r, {
@@ -9430,11 +9430,11 @@ const E2 = (o) => {
   ]);
   const [E, $] = R(!1);
   let g = !1;
-  const C = we(je);
-  C && (g = C.isMobile);
+  const v = we(je);
+  v && (g = v.isMobile);
   const _ = we(xt);
   _ && (l = _.logoLinkContent);
-  const b = "pds-navbar", v = c ? `${b}--noBorder` : "", w = n !== "default" ? `${b}--${n}` : "", x = g ? `${b}--isMobile` : `${b}--notMobile`, H = (T) => {
+  const b = "pds-navbar", C = c ? `${b}--noBorder` : "", w = n !== "default" ? `${b}--${n}` : "", x = g ? `${b}--isMobile` : `${b}--notMobile`, H = (T) => {
     const D = T.key;
     let W = !1;
     switch (D) {
@@ -9521,7 +9521,7 @@ const E2 = (o) => {
       className: K([
         b,
         w,
-        v,
+        C,
         x,
         h != null ? h : ""
       ])
@@ -9557,14 +9557,14 @@ const E2 = (o) => {
   }), []);
   const E = () => {
     f(window.innerWidth);
-  }, $ = p <= o, g = (v) => {
-    const w = v.target;
+  }, $ = p <= o, g = (C) => {
+    const w = C.target;
     w.classList.toggle(`${u}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${u}__menu--expanded`);
-  }, C = (v, w) => {
-    const { linkContent: x, links: H } = v, M = `${u}__item`, N = `${u}__menu`;
+  }, v = (C, w) => {
+    const { linkContent: x, links: H } = C, M = `${u}__item`, N = `${u}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9573,16 +9573,16 @@ const E2 = (o) => {
           M,
           `${M}--top-level`,
           H ? `${M}--has-children` : null,
-          ye(v) ? `${M}--active` : null
+          ye(C) ? `${M}--active` : null
         ])
       },
       H ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${M}-wrapper` }, ct(x, H), /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-expanded": ye(v),
+          "aria-expanded": ye(C),
           className: K([
             `${u}__toggle`,
-            ye(v) ? `${u}__toggle--expanded` : null
+            ye(C) ? `${u}__toggle--expanded` : null
           ]),
           onClick: g
         },
@@ -9594,7 +9594,7 @@ const E2 = (o) => {
           className: K([
             N,
             `${N}--second-level`,
-            ye(v) ? `${N}--expanded` : null
+            ye(C) ? `${N}--expanded` : null
           ])
         },
         H.map((L, z) => /* @__PURE__ */ e.createElement(
@@ -9617,7 +9617,7 @@ const E2 = (o) => {
         x
       )
     );
-  }, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((v, w) => C(v, w)))), b = /* @__PURE__ */ e.createElement(
+  }, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((C, w) => v(C, w)))), b = /* @__PURE__ */ e.createElement(
     Jt,
     {
       headingText: a,
@@ -9662,14 +9662,14 @@ const E2 = (o) => {
   }), []);
   const E = () => {
     f(window.innerWidth);
-  }, $ = p <= o, g = (v) => {
-    const w = v.target;
+  }, $ = p <= o, g = (C) => {
+    const w = C.target;
     w.classList.toggle(`${u}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${u}__menu--expanded`);
-  }, C = (v, w) => {
-    const { linkContent: x, links: H } = v, M = `${u}__item`, N = `${u}__menu`;
+  }, v = (C, w) => {
+    const { linkContent: x, links: H } = C, M = `${u}__item`, N = `${u}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9678,16 +9678,16 @@ const E2 = (o) => {
           M,
           `${M}--top-level`,
           H ? `${M}--has-children` : null,
-          ye(v) ? `${M}--active` : null
+          ye(C) ? `${M}--active` : null
         ])
       },
       H ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${M}-wrapper` }, /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-expanded": ye(v),
+          "aria-expanded": ye(C),
           className: K([
             `${u}__toggle`,
-            ye(v) ? `${u}__toggle--expanded` : null
+            ye(C) ? `${u}__toggle--expanded` : null
           ]),
           onClick: g
         },
@@ -9699,7 +9699,7 @@ const E2 = (o) => {
           className: K([
             N,
             `${N}--second-level`,
-            ye(v) ? `${N}--expanded` : null
+            ye(C) ? `${N}--expanded` : null
           ])
         },
         H.map((L, z) => /* @__PURE__ */ e.createElement(
@@ -9761,7 +9761,7 @@ const E2 = (o) => {
         x
       )
     );
-  }, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((v, w) => C(v, w)))), b = /* @__PURE__ */ e.createElement(
+  }, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((C, w) => v(C, w)))), b = /* @__PURE__ */ e.createElement(
     Jt,
     {
       headingText: a,
@@ -9797,9 +9797,9 @@ const E2 = (o) => {
   ]);
   const [h, u] = R(null), [p, f] = R(!1), E = se([]), $ = se([]);
   let g = !1;
-  const C = we(je);
-  C && (g = C.isMobile);
-  const _ = o && g, b = "pds-user-menu", v = _ ? `${b}--isMobile` : null, w = `${b}__menu`, { refs: x, floatingStyles: H, context: M } = Ie({
+  const v = we(je);
+  v && (g = v.isMobile);
+  const _ = o && g, b = "pds-user-menu", C = _ ? `${b}--isMobile` : null, w = `${b}__menu`, { refs: x, floatingStyles: H, context: M } = Ie({
     placement: "bottom-end",
     open: p,
     onOpenChange: f,
@@ -9921,7 +9921,7 @@ const E2 = (o) => {
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: K([b, v, l != null ? l : ""])
+      className: K([b, C, l != null ? l : ""])
     }, i),
     _ ? be : ne
   );
@@ -9956,7 +9956,7 @@ const E2 = (o) => {
     info: `${p}--info`,
     warning: `${p}--warning`,
     critical: `${p}--critical`
-  }, $ = u > 0 ? d[0].type : null, g = $ ? `${p}-group--${$}` : null, C = (H) => ({
+  }, $ = u > 0 ? d[0].type : null, g = $ ? `${p}-group--${$}` : null, v = (H) => ({
     zIndex: St - H
   }), _ = (H) => H === 0 ? 0 : -1, b = () => {
     const H = document.getElementsByClassName(
@@ -9964,7 +9964,7 @@ const E2 = (o) => {
     );
     for (; H.length; )
       H[0].classList.remove(`${p}--fading`);
-  }, v = () => {
+  }, C = () => {
     b(), document.getElementById(d[0].id).classList.add(`${p}--fading`), setTimeout(() => {
       h((H) => [
         ...H.slice(1),
@@ -10000,7 +10000,7 @@ const E2 = (o) => {
         className: K([p, E[V]]),
         role: I,
         style: {
-          zIndex: C(M).zIndex
+          zIndex: v(M).zIndex
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
@@ -10048,7 +10048,7 @@ const E2 = (o) => {
         size: "lg",
         className: `${p}__nav-button ${p}__nav-button--next`,
         ariaLabel: a,
-        onClick: v
+        onClick: C
       }
     ), d.map((H, M) => x(H, M))) : x(d[0], 0)
   );
@@ -10142,11 +10142,11 @@ const E2 = (o) => {
     discovery: `${f}--discovery`,
     dismissing: `${f}--dismissing`,
     dismissed: `${f}--dismissed`
-  }, $ = o ? `${f}--hasTitle` : null, C = ["critical", "warning"].includes(l) ? "alert" : "status", _ = `${i[l]}: `, b = () => {
-    p.current.addEventListener("animationend", v, {
+  }, $ = o ? `${f}--hasTitle` : null, v = ["critical", "warning"].includes(l) ? "alert" : "status", _ = `${i[l]}: `, b = () => {
+    p.current.addEventListener("animationend", C, {
       once: !0
     });
-  }, v = (x) => {
+  }, C = (x) => {
     c(x, n);
   }, w = () => {
     b(), p.current.classList.toggle(E.dismissing), setTimeout(() => {
@@ -10159,7 +10159,7 @@ const E2 = (o) => {
       className: [f, E[l], $, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " "),
       id: n,
       ref: p,
-      role: C
+      role: v
     }, d),
     /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__icon ${f}__icon-${l}` }, /* @__PURE__ */ e.createElement(
       P,
@@ -10239,17 +10239,17 @@ const E2 = (o) => {
   }, [d]), ie(() => {
     h($);
   }, [$]);
-  const C = typeof n, _ = "pds-popover", b = [
+  const v = typeof n, _ = "pds-popover", b = [
     `${_}__trigger-custom`,
-    C === "string" ? `${_}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), v = n ? c : 0, w = se(null), { refs: x, floatingStyles: H, context: M, middlewareData: N } = Ie({
+    v === "string" ? `${_}__trigger-text` : ""
+  ].join(" ").trim().replace(/\s+/g, " "), C = n ? c : 0, w = se(null), { refs: x, floatingStyles: H, context: M, middlewareData: N } = Ie({
     placement: o,
     open: $,
     onOpenChange(U) {
       g(U), U || r();
     },
     middleware: [
-      wt(Ue + z2 + v),
+      wt(Ue + z2 + C),
       Nt({ padding: 8 }),
       kt({ padding: 8 }),
       s1({ element: w })
@@ -10351,20 +10351,20 @@ const E2 = (o) => {
     "size",
     "className"
   ]);
-  const f = n || We(), E = "pds-progress-bar", $ = l ? `${E}__label` : "visually-hidden", g = `${E}__track ${E}__track--${m}`, C = o > 100 ? 100 : o;
+  const f = n || We(), E = "pds-progress-bar", $ = l ? `${E}__label` : "visually-hidden", g = `${E}__track ${E}__track--${m}`, v = o > 100 ? 100 : o;
   let _ = "neutral";
   t.forEach((x) => {
     o >= x.percentage && (_ = x.colorType);
   });
-  const b = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, c), v = c && r === "above", w = c && r === "below";
+  const b = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, c), C = c && r === "above", w = c && r === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [E, d].join(" ").trim().replace(/\s+/g, " "),
-      style: { "--bar-percentage": `${C}%` }
+      style: { "--bar-percentage": `${v}%` }
     }, h),
     /* @__PURE__ */ e.createElement("div", { id: f, className: $ }, a),
-    (v || i) && /* @__PURE__ */ e.createElement("div", { className: `${E}__details` }, v && b, i && /* @__PURE__ */ e.createElement(
+    (C || i) && /* @__PURE__ */ e.createElement("div", { className: `${E}__details` }, C && b, i && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${E}__percentage`,
@@ -10380,7 +10380,7 @@ const E2 = (o) => {
       {
         role: "progressbar",
         "aria-labelledby": f,
-        "aria-valuenow": C,
+        "aria-valuenow": v,
         className: g
       },
       /* @__PURE__ */ e.createElement(
@@ -10388,7 +10388,7 @@ const E2 = (o) => {
         {
           className: `${E}__bar`,
           style: {
-            width: `${C}%`,
+            width: `${v}%`,
             backgroundColor: `var(${us[_]})`
           }
         }
@@ -10554,12 +10554,12 @@ const M2 = (t) => {
   const [h, u] = R(!0), p = "pds-tag", f = r ? `${p}--${r}` : `${p}--${M2(o)}`, E = h ? null : "pds-tag--hide", $ = () => {
     u((b) => !b);
   };
-  let g, C, _;
-  return t && !n && Fe(t) ? (g = t.type, C = t.props.href ? "href" : "to", _ = C === "href" ? t.props.href : t.props.to) : (g = "span", C = null, _ = null), /* @__PURE__ */ e.createElement(
+  let g, v, _;
+  return t && !n && Fe(t) ? (g = t.type, v = t.props.href ? "href" : "to", _ = v === "href" ? t.props.href : t.props.to) : (g = "span", v = null, _ = null), /* @__PURE__ */ e.createElement(
     g,
     y({
-      href: C === "href" ? _ : null,
-      to: C === "to" ? _ : null,
+      href: v === "href" ? _ : null,
+      to: v === "to" ? _ : null,
       className: [p, f, E, l].join(" ").trim().replace(/\s+/g, " ")
     }, i),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__label`, title: o }, L2(o, 20)),
@@ -10605,7 +10605,7 @@ const M2 = (t) => {
     "children",
     "className"
   ]);
-  const p = "pds-flex", f = l ? `${p}-gap--${l}` : null, E = a ? `${p}-direction--${a}` : null, $ = c ? `${p}--${c}` : null, g = r ? `${p}-justify--${r}` : null, C = n ? `${p}-align-items--${n}` : null, _ = t ? `${p}-align-content--${t}` : null, b = o && o !== "same" ? `${p}-mobile--${o}` : null;
+  const p = "pds-flex", f = l ? `${p}-gap--${l}` : null, E = a ? `${p}-direction--${a}` : null, $ = c ? `${p}--${c}` : null, g = r ? `${p}-justify--${r}` : null, v = n ? `${p}-align-items--${n}` : null, _ = t ? `${p}-align-content--${t}` : null, b = o && o !== "same" ? `${p}-mobile--${o}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -10615,7 +10615,7 @@ const M2 = (t) => {
         E,
         $,
         g,
-        C,
+        v,
         _,
         b,
         m
@@ -10790,14 +10790,14 @@ const S2 = (o) => {
     const b = _.props.slot;
     b && ($[b] ? $[b].push(_) : $[b] = [_]);
   });
-  const g = $["first-item"], C = $["second-item"];
+  const g = $["first-item"], v = $["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [i, m, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("div", { className: f.join(" ").trim() }, g),
-    /* @__PURE__ */ e.createElement("div", { className: E.join(" ").trim() }, C)
+    /* @__PURE__ */ e.createElement("div", { className: E.join(" ").trim() }, v)
   );
 };
 S2.propTypes = {
@@ -10837,40 +10837,38 @@ const vn = ({
     "sidebarWidth",
     "className"
   ]);
-  const d = "pds-sidebar-layout", h = `pds-grid pds-grid--${n}`, u = `${d}--${a}`, p = `${d}--${c}`, f = `${d}--${r}`;
-  let E = !1;
-  const $ = we(je);
-  $ && (E = $.isMobile);
-  const g = Yt(t);
-  let C = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-8 pds-grid-item--xl-9", _ = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-4 pds-grid-item--xl-3";
-  r === "narrow" && (C = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", _ = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2"), r === "wide" && (C = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", _ = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
-  const b = /* @__PURE__ */ e.createElement(
+  const d = "pds-sidebar-layout", h = `pds-grid pds-grid--${n}`, u = `${d}--${r}`;
+  let p = !1;
+  const f = we(je);
+  f && (p = f.isMobile);
+  const E = Yt(t);
+  let $ = "pds-grid-item pds-grid-item--md-8", g = "pds-grid-item pds-grid-item--md-4";
+  r === "narrow" && ($ = "pds-grid-item pds-grid-item--md-9", g = "pds-grid-item pds-grid-item--md-3"), r === "wide" && ($ = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", g = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
+  const v = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: `${d}__main ${E ? "pds-grid-item" : C}`
+      className: `${d}__main ${p ? "pds-grid-item" : $}`
     },
-    g.content
-  ), v = /* @__PURE__ */ e.createElement(
+    E.content
+  ), _ = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: `${d}__side ${E ? "pds-grid-item" : _}`
+      className: `${d}__side ${p ? "pds-grid-item" : g}`
     },
-    g.sidebar
+    E.sidebar
   );
-  let w;
-  return a === "left" ? w = [v, b] : w = [b, v], E && (c === "before" ? w = [v, b] : w = [b, v]), /* @__PURE__ */ e.createElement(
+  let b;
+  return a === "left" ? b = [_, v] : b = [v, _], p && (c === "before" ? b = [_, v] : b = [v, _]), /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: K([
         d,
         h,
         u,
-        p,
-        f,
         o != null ? o : ""
       ])
     }, l),
-    w
+    b
   );
 };
 export {