@pantheon-systems/pds-toolkit-react 1.7.1 → 1.8.0

package/_dist/index.js

@@ -868,7 +868,7 @@ import './index.css';const lt = () => Math.random().toString(32).substring(2, 13
   uniqueId: i,
   ...n
 }) => {
-  const m = "pds-avatar", o = `${m}--${l}`, u = a ? `${m}--image` : null, [_, h] = B(void 0), g = {
+  const m = "pds-avatar", o = `${m}--${l}`, u = a ? `${m}--image` : null, [_, h] = B(void 0), C = {
     backgroundImage: i ? `var(--pds-color-gradient-avatar-${o1(i)})` : null,
     borderRadius: "100%",
     height: "100%",
@@ -885,7 +885,7 @@ import './index.css';const lt = () => Math.random().toString(32).substring(2, 13
       onLoad: () => h(!1),
       src: `${a}`
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: g }, t && /* @__PURE__ */ e.createElement(D, { className: `${m}__user-icon`, iconName: "user" })), C = /* @__PURE__ */ e.createElement("span", { className: `${m}__content` }, f), $ = c && Ee(c) ? Re(
+  ) : /* @__PURE__ */ e.createElement("span", { style: C }, t && /* @__PURE__ */ e.createElement(D, { className: `${m}__user-icon`, iconName: "user" })), g = /* @__PURE__ */ e.createElement("span", { className: `${m}__content` }, f), y = c && Ee(c) ? Re(
     c,
     Object.assign({}, c.props, {
       className: `${m}__content ${m}__content--link`,
@@ -899,7 +899,7 @@ import './index.css';const lt = () => Math.random().toString(32).substring(2, 13
       className: H([m, o, u, r]),
       ...n
     },
-    c ? $ : C
+    c ? y : g
   );
 }, vt = ({
   className: s,
@@ -978,29 +978,29 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   zIndex: o = i1,
   ...u
 }) => {
-  const [_, h] = B(!1), v = typeof t, g = "pds-tooltip", f = H([
-    `${g}__trigger-custom`,
-    v === "string" ? `${g}__trigger-text` : null
-  ]), C = H([
-    `${g}__trigger`,
-    `${g}__trigger--${n}`
-  ]), { context: $, floatingStyles: p, refs: d } = He({
+  const [_, h] = B(!1), v = typeof t, C = "pds-tooltip", f = H([
+    `${C}__trigger-custom`,
+    v === "string" ? `${C}__trigger-text` : null
+  ]), g = H([
+    `${C}__trigger`,
+    `${C}__trigger--${n}`
+  ]), { context: y, floatingStyles: p, refs: d } = He({
     placement: c,
     open: _,
     onOpenChange: h,
     middleware: [Ue(a), We(), mt()],
     whileElementsMounted: ze
-  }), E = Et($, {
+  }), E = Et(y, {
     restMs: 300,
     delay: { open: 100, close: 0 },
     move: !1
-  }), y = Jt($), N = De($), w = Fe($, { role: "tooltip" }), { getFloatingProps: L, getReferenceProps: b } = Te([
+  }), $ = Jt(y), N = De(y), w = Fe(y, { role: "tooltip" }), { getFloatingProps: L, getReferenceProps: b } = Te([
     E,
-    y,
+    $,
     N,
     w
   ]);
-  return /* @__PURE__ */ e.createElement("div", { className: H([g, s ?? ""]), ...u }, t ? /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: H([C, s ?? ""]), ...u }, t ? /* @__PURE__ */ e.createElement(
     "span",
     {
       ref: d.setReference,
@@ -1013,14 +1013,14 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     {
       ref: d.setReference,
       "aria-label": l,
-      className: C,
+      className: g,
       type: "button",
       ...b()
     },
     /* @__PURE__ */ e.createElement(
       D,
       {
-        className: `${g}__icon`,
+        className: `${C}__icon`,
         iconName: i,
         iconSize: m
       }
@@ -1030,7 +1030,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     {
       ref: d.setFloating,
       "aria-hidden": !_,
-      className: `${g}__container`,
+      className: `${C}__container`,
       style: {
         ...p,
         zIndex: o,
@@ -1054,13 +1054,13 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   ...m
 }) => {
   const o = "pds-branch-diff", u = t ? `${o}--loading` : null, _ = t ? "pds-pulse" : null, h = r !== null && r > 0 ? `${r}rem` : "100%";
-  let v = Math.max(0, c), g = Math.max(0, i);
-  t && (v = 1, g = 1);
-  const f = Math.max(v, g);
-  let C = f > 0 ? g / f * 100 : 0, $ = f > 0 ? v / f * 100 : 0;
+  let v = Math.max(0, c), C = Math.max(0, i);
+  t && (v = 1, C = 1);
+  const f = Math.max(v, C);
+  let g = f > 0 ? C / f * 100 : 0, y = f > 0 ? v / f * 100 : 0;
   const p = 10;
-  C < p ? (C = p, $ = 100 - p) : $ < p && ($ = p, C = 100 - p);
-  const d = t ? a : `${g} ${n} & ${v} ${l}`;
+  g < p ? (g = p, y = 100 - p) : y < p && (y = p, g = 100 - p);
+  const d = t ? a : `${C} ${n} & ${v} ${l}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -1077,15 +1077,15 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
           {
             className: `${o}__segment ${o}__segment--behind`
           },
-          /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, !t && g),
-          g > 0 && /* @__PURE__ */ e.createElement(
+          /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, !t && C),
+          C > 0 && /* @__PURE__ */ e.createElement(
             "div",
             {
               className: H([
                 `${o}__line ${o}__line--behind`,
                 _
               ]),
-              style: { width: `${C}%` }
+              style: { width: `${g}%` }
             }
           )
         ), /* @__PURE__ */ e.createElement(
@@ -1101,7 +1101,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
                 `${o}__line ${o}__line--ahead`,
                 _
               ]),
-              style: { width: `${$}%` }
+              style: { width: `${y}%` }
             }
           )
         )),
@@ -1330,9 +1330,9 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     size: _ = "md",
     tooltipText: h,
     variant: v = "primary",
-    ...g
+    ...C
   }, f) => {
-    const C = "pds-button", $ = _ !== "md" ? `${C}--${_}` : null, p = v !== "primary" ? `${C}--${v}` : null, d = i ? `${C}--full-width` : null;
+    const g = "pds-button", y = _ !== "md" ? `${g}--${_}` : null, p = v !== "primary" ? `${g}--${v}` : null, d = i ? `${g}--full-width` : null;
     let E;
     switch (_) {
       case "sm":
@@ -1344,25 +1344,25 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       case "lg":
         E = "lg";
     }
-    const y = /* @__PURE__ */ e.createElement(
+    const $ = /* @__PURE__ */ e.createElement(
       D,
       {
         key: "icon",
-        className: `${C}__icon`,
+        className: `${g}__icon`,
         iconName: l,
         iconSize: E
       }
     );
     let N = [o];
-    c == "icon-start" && l && N.unshift(y), c == "icon-end" && l && N.push(y), m && (N = [y], s = a2(o));
+    c == "icon-start" && l && N.unshift($), c == "icon-end" && l && N.push($), m && (N = [$], s = a2(o));
     const w = /* @__PURE__ */ e.createElement(
       "button",
       {
         ref: f,
         "aria-label": s,
         className: H([
-          C,
-          $,
+          g,
+          y,
           p,
           d,
           t
@@ -1370,9 +1370,9 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
         disabled: a || n,
         onClick: u,
         type: r,
-        ...g
+        ...C
       },
-      n && /* @__PURE__ */ e.createElement(ot, { className: `${C}__loading-indicator`, size: "md" }),
+      n && /* @__PURE__ */ e.createElement(ot, { className: `${g}__loading-indicator`, size: "md" }),
       N
     );
     return (a || n) && h ? /* @__PURE__ */ e.createElement(Ae, { content: h, customTrigger: w }) : /* @__PURE__ */ e.createElement(e.Fragment, null, w);
@@ -1392,7 +1392,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     u,
     _,
     h
-  ]), g = Ee(c) ? c.props.children : null, f = /* @__PURE__ */ e.createElement(
+  ]), C = Ee(c) ? c.props.children : null, f = /* @__PURE__ */ e.createElement(
     D,
     {
       key: a,
@@ -1401,13 +1401,13 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       iconSize: l
     }
   );
-  let C = [g];
-  t === "icon-start" && a ? C = [f, g] : t === "icon-end" && a && (C = [g, f]);
-  const $ = Ee(c) ? Re(
+  let g = [C];
+  t === "icon-start" && a ? g = [f, C] : t === "icon-end" && a && (g = [C, f]);
+  const y = Ee(c) ? Re(
     c,
     Object.assign({}, c.props, {
       className: v,
-      children: C
+      children: g
     })
   ) : null;
   return r ? /* @__PURE__ */ e.createElement(
@@ -1415,12 +1415,12 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     {
       disabled: !0,
       className: H([o, s ?? ""]),
-      label: C,
+      label: g,
       size: l,
       tooltipText: i ?? null,
       variant: n
     }
-  ) : /* @__PURE__ */ e.createElement("span", { className: H([o, s ?? ""]), ...m }, $);
+  ) : /* @__PURE__ */ e.createElement("span", { className: H([o, s ?? ""]), ...m }, y);
 }, p1 = (s, r) => {
   const [t, a] = B(!1), c = r?.duration;
   return me(() => {
@@ -1451,23 +1451,23 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     variant: o = "standard",
     ...u
   }, _) => {
-    const h = "pds-icon-button", v = m !== "md" ? `${h}--${m}` : null, g = o !== "standard" ? `${h}--${o}` : null, f = {
+    const h = "pds-icon-button", v = m !== "md" ? `${h}--${m}` : null, C = o !== "standard" ? `${h}--${o}` : null, f = {
       fadeOut: `${h}--fadeOut`,
       hide: `${h}--hide`,
       scaleIn: `${h}--scaleIn`
     };
-    let C, $;
+    let g, y;
     switch (m) {
       case "sm":
-        $ = "md", C = 8;
+        y = "md", g = 8;
         break;
       case "md":
-        $ = "md", C = 11;
+        y = "md", g = 11;
         break;
       case "lg":
-        $ = "xl", C = 12;
+        y = "xl", g = 12;
     }
-    const p = l !== null, d = ue(null), E = ue(null), y = () => {
+    const p = l !== null, d = ue(null), E = ue(null), $ = () => {
       d.current.classList.add(f.fadeOut), d.current.classList.add(f.hide), E.current.classList.remove(f.hide), E.current.classList.add(f.scaleIn), setTimeout(() => {
         d.current.classList.remove(
           f.fadeOut,
@@ -1475,13 +1475,13 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
         ), d.current.classList.add(f.scaleIn), E.current.classList.remove(f.scaleIn), E.current.classList.add(f.hide);
       }, 2e3);
     }, N = (L) => {
-      p && y(), n && n(L);
+      p && $(), n && n(L);
     }, w = p ? /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, /* @__PURE__ */ e.createElement("div", { ref: d, className: `${h}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
       D,
       {
         className: `${h}__icon`,
         iconName: i,
-        iconSize: $
+        iconSize: y
       }
     )), /* @__PURE__ */ e.createElement(
       "div",
@@ -1494,7 +1494,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
         {
           className: `${h}__icon`,
           iconName: l,
-          iconSize: $
+          iconSize: y
         }
       )
     )) : /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, /* @__PURE__ */ e.createElement(
@@ -1502,7 +1502,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       {
         className: `${h}__icon`,
         iconName: i,
-        iconSize: $
+        iconSize: y
       }
     ));
     return /* @__PURE__ */ e.createElement(
@@ -1513,7 +1513,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
         className: H([
           h,
           v,
-          g,
+          C,
           t
         ]),
         disabled: a,
@@ -1528,7 +1528,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
           className: `${h}__tooltip`,
           content: s,
           customTrigger: w,
-          offsetValue: C
+          offsetValue: g
         }
       ) : w
     );
@@ -1642,27 +1642,27 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   testId: _,
   undefinedLabel: h = "Unlabeled group",
   variant: v = "primary",
-  withinNavbar: g,
+  withinNavbar: C,
   ...f
 }) => {
-  const { placement: C, refs: $, strategy: p, x: d, y: E } = He({
+  const { placement: g, refs: y, strategy: p, x: d, y: E } = He({
     placement: "bottom-start",
     middleware: [We()],
     whileElementsMounted: ze
   });
-  let y = !1;
+  let $ = !1;
   const N = ye(Me);
-  N && (y = N.isMobile);
-  const w = v === "navbar" && y, L = "pds-menu-button", b = w ? `${L}--isMobile` : null, k = g ? `${L}--navbar` : null, M = c, [z] = B(`menu-button-${c}`), T = $.floating, A = ue(null), [V, I] = B(!1), [Z, W] = B(!1), [X, ce] = B(""), [te, se] = B(0), Y = ue([]), S = ue([]), x = ue([]);
+  N && ($ = N.isMobile);
+  const w = v === "navbar" && $, L = "pds-menu-button", b = w ? `${L}--isMobile` : null, k = C ? `${L}--navbar` : null, M = c, [z] = B(`menu-button-${c}`), T = y.floating, A = ue(null), [V, I] = B(!1), [Z, W] = B(!1), [X, ce] = B(""), [te, se] = B(0), Y = ue([]), S = ue([]), x = ue([]);
   j2(() => {
     window.addEventListener("mousedown", ae, !0);
     const P = T.current;
-    return P && (P.dataset.fuiPlacement = C), Z && (setTimeout(() => {
+    return P && (P.dataset.fuiPlacement = g), Z && (setTimeout(() => {
       P.focus();
     }, 0), W(!1)), () => {
       window.removeEventListener("mousedown", ae, !0);
     };
-  }, [V, C]);
+  }, [V, g]);
   const O = (P, ee) => {
     ce(P), se(ee);
   }, F = () => {
@@ -1896,7 +1896,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       Ot || Tt
     ), ie = j.length > 0;
     let le = [`${L}__listbox`];
-    if (g && le.push(`${L}__listbox--navbar`), m === "end" && le.push(`${L}__listbox--end`), t === "icon-only" && le.push(`${L}__listbox--icon-only`), le = H(le), ie) {
+    if (C && le.push(`${L}__listbox--navbar`), m === "end" && le.push(`${L}__listbox--end`), t === "icon-only" && le.push(`${L}__listbox--icon-only`), le = H(le), ie) {
       const ge = ve(P, j);
       ge.forEach(() => {
         Y.current.push(lt());
@@ -1908,7 +1908,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          ref: $.setFloating,
+          ref: y.setFloating,
           "aria-activedescendant": X !== "" ? X : ke,
           "aria-labelledby": M,
           className: le.toString(),
@@ -1950,7 +1950,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
         "ul",
         {
-          ref: $.setFloating,
+          ref: y.setFloating,
           "aria-activedescendant": X !== "" ? X : ge,
           "aria-labelledby": M,
           className: le.toString(),
@@ -1974,7 +1974,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   if (t === "icon-end" && (we = /* @__PURE__ */ e.createElement(
     Oe,
     {
-      ref: $.setReference,
+      ref: y.setReference,
       "aria-controls": z,
       "aria-expanded": V,
       "aria-haspopup": "true",
@@ -1996,7 +1996,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     we = /* @__PURE__ */ e.createElement(
       xt,
       {
-        ref: $.setReference,
+        ref: y.setReference,
         "aria-controls": z,
         "aria-expanded": V,
         "aria-haspopup": "true",
@@ -2075,10 +2075,10 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   value: m,
   ...o
 }) => {
-  const u = "pds-segmented-button", _ = t ? "pds-is-disabled" : null, h = n !== "md" ? `${u}--${n}` : null, v = typeof m < "u", g = typeof r < "u", [f, C] = B(
-    g ? r : ""
-  ), $ = (p) => {
-    C(p.target.value), l && l(p.target.value);
+  const u = "pds-segmented-button", _ = t ? "pds-is-disabled" : null, h = n !== "md" ? `${u}--${n}` : null, v = typeof m < "u", C = typeof r < "u", [f, g] = B(
+    C ? r : ""
+  ), y = (p) => {
+    g(p.target.value), l && l(p.target.value);
   };
   if (i.length >= 2 && i.length <= 6)
     return /* @__PURE__ */ e.createElement(
@@ -2094,12 +2094,12 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       },
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
       /* @__PURE__ */ e.createElement("div", { className: `${u}__options` }, i.map((p, d) => {
-        const E = v ? m === p.value : f === p.value, y = `${u}__option`, N = E ? `${y}--checked` : null;
+        const E = v ? m === p.value : f === p.value, $ = `${u}__option`, N = E ? `${$}--checked` : null;
         return /* @__PURE__ */ e.createElement(
           "div",
           {
             key: `${a}-option-${d}`,
-            className: H([y, N])
+            className: H([$, N])
           },
           /* @__PURE__ */ e.createElement(
             "input",
@@ -2109,7 +2109,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
               disabled: t || p.disabled,
               id: p.id ? p.id : `${a}-option-${d}`,
               name: a,
-              onChange: $,
+              onChange: y,
               type: "radio",
               value: p.value
             }
@@ -2212,9 +2212,9 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   linkContent: _,
   onClick: h,
   tooltipText: v,
-  ...g
+  ...C
 }) => {
-  const f = "pds-utility-button", C = a ? `${f}--border` : null, $ = i ? `${f}--critical` : null, p = t ? `${f}--disabled` : null, d = n ? `${f}--loading` : null, E = o ? `${f}--working` : null, y = m ? `${f}--monospace` : null, N = n ? "pds-pulse" : null;
+  const f = "pds-utility-button", g = a ? `${f}--border` : null, y = i ? `${f}--critical` : null, p = t ? `${f}--disabled` : null, d = n ? `${f}--loading` : null, E = o ? `${f}--working` : null, $ = m ? `${f}--monospace` : null, N = n ? "pds-pulse" : null;
   if (_ && !t) {
     const b = Ee(_) ? _.props.children : null, k = [];
     l === "before" && c && !o && k.push(
@@ -2264,15 +2264,15 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       {
         className: H([
           f,
-          C,
-          $,
+          g,
+          y,
           p,
           d,
           E,
-          y,
+          $,
           r ?? ""
         ]),
-        ...g
+        ...C
       },
       v ? /* @__PURE__ */ e.createElement(Ae, { content: v, customTrigger: M }) : M
     );
@@ -2303,15 +2303,15 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     {
       className: H([
         f,
-        C,
-        $,
+        g,
+        y,
         p,
         d,
         E,
-        y,
+        $,
         r ?? ""
       ]),
-      ...g
+      ...C
     },
     v ? /* @__PURE__ */ e.createElement(Ae, { content: v, customTrigger: L }) : L
   );
@@ -2411,9 +2411,9 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   c === "center" && (u = `${o}__legend ${o}__legend--center`), c === "hidden" && (u = `${o}__legend visually-hidden`);
   const [_, h] = B(r), v = (d) => {
     h(d.currentTarget.value), i && i(d.currentTarget.value);
-  }, g = n.length, f = "pds-grid-item", 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";
+  }, C = n.length, f = "pds-grid-item", g = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", y = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let p = "";
-  return l === "twoAcross" ? p = C : l === "threeAcross" ? p = $ : l === "auto" && (g === 1 ? p = f : g % 3 === 0 ? p = $ : g % 2 === 0 ? p = C : p = $), /* @__PURE__ */ e.createElement(
+  return l === "twoAcross" ? p = g : l === "threeAcross" ? p = y : l === "auto" && (C === 1 ? p = f : C % 3 === 0 ? p = y : C % 2 === 0 ? p = g : p = y), /* @__PURE__ */ e.createElement(
     "fieldset",
     {
       className: H([o, s]),
@@ -3167,14 +3167,14 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   title: m,
   ...o
 }) => {
-  const u = "pds-new-site-card", _ = c.type, v = t && ["bitbucket", "github", "gitlab"].includes(t), g = t === "pantheon", f = /* @__PURE__ */ e.createElement(Vt, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { className: `${u}__main`, slot: "main" }, /* @__PURE__ */ e.createElement(
+  const u = "pds-new-site-card", _ = c.type, v = t && ["bitbucket", "github", "gitlab"].includes(t), C = t === "pantheon", f = /* @__PURE__ */ e.createElement(Vt, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { className: `${u}__main`, slot: "main" }, /* @__PURE__ */ e.createElement(
     _,
     {
       "aria-label": c.props.children,
       className: `${u}__selection-link`,
       ...c.props
     },
-    /* @__PURE__ */ e.createElement("div", { className: `${u}__header` }, t && /* @__PURE__ */ e.createElement("div", { className: `${u}__icon` }, g ? /* @__PURE__ */ e.createElement(It, { displayType: "icon" }) : v ? /* @__PURE__ */ e.createElement(D, { iconName: t, iconSize: "2xl" }) : /* @__PURE__ */ e.createElement(B2, { platformType: t })), /* @__PURE__ */ e.createElement("div", { className: `${u}__title` }, m, l && /* @__PURE__ */ e.createElement("div", { className: `${u}__subtitle` }, l))),
+    /* @__PURE__ */ e.createElement("div", { className: `${u}__header` }, t && /* @__PURE__ */ e.createElement("div", { className: `${u}__icon` }, C ? /* @__PURE__ */ e.createElement(It, { displayType: "icon" }) : v ? /* @__PURE__ */ e.createElement(D, { iconName: t, iconSize: "2xl" }) : /* @__PURE__ */ e.createElement(B2, { platformType: t })), /* @__PURE__ */ e.createElement("div", { className: `${u}__title` }, m, l && /* @__PURE__ */ e.createElement("div", { className: `${u}__subtitle` }, l))),
     s && /* @__PURE__ */ e.createElement(
       vt,
       {
@@ -3185,17 +3185,17 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       }
     ),
     i && /* @__PURE__ */ e.createElement("div", { className: `${u}__summary` }, i)
-  ), n && n.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${u}__links` }, n.map((C, $) => {
-    const p = C.type;
+  ), n && n.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${u}__links` }, n.map((g, y) => {
+    const p = g.type;
     return /* @__PURE__ */ e.createElement(
       p,
       {
-        key: $,
+        key: y,
         className: `${u}__link`,
-        ...C.props
+        ...g.props
       },
-      C.props.children,
-      C.props.target === "_blank" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      g.props.children,
+      g.props.target === "_blank" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
         D,
         {
           className: `${u}__link-icon`,
@@ -3583,31 +3583,41 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   listLabel: t,
   moreLink: a,
   renderTypeLabels: c = !0,
-  typeLabels: l = {
+  showBorder: l = !0,
+  typeLabels: i = {
     included: "Included",
     notIncluded: "Not included",
     addon: "Add-on"
   },
-  ...i
+  ...n
 }) => {
-  const n = "pds-comparison-list";
-  return /* @__PURE__ */ e.createElement("div", { className: H([n, s ?? ""]), ...i }, t && /* @__PURE__ */ e.createElement("div", { className: `${n}__intro` }, t), r && /* @__PURE__ */ e.createElement("ul", { className: `${n}__list` }, r.map((m, o) => /* @__PURE__ */ e.createElement(
-    "li",
+  const m = "pds-comparison-list", o = l ? null : `${m}--no-border`;
+  return /* @__PURE__ */ e.createElement(
+    "div",
     {
-      key: o,
-      className: `${n}__list-item ${n}__list-item--${m.type}`
+      className: H([m, o, s ?? ""]),
+      ...n
     },
-    /* @__PURE__ */ e.createElement("div", { className: `${n}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(
-      D,
+    t && /* @__PURE__ */ e.createElement("div", { className: `${m}__intro` }, t),
+    r && /* @__PURE__ */ e.createElement("ul", { className: `${m}__list` }, r.map((u, _) => /* @__PURE__ */ e.createElement(
+      "li",
       {
-        className: `${n}__item-icon`,
-        iconName: y1[m.type],
-        iconSize: "md"
-      }
-    )),
-    c && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, l[m.type], ":", " "),
-    m.text
-  ))), a && /* @__PURE__ */ e.createElement("div", { className: `${n}__more-link` }, a));
+        key: _,
+        className: `${m}__list-item ${m}__list-item--${u.type}`
+      },
+      /* @__PURE__ */ e.createElement("div", { className: `${m}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(
+        D,
+        {
+          className: `${m}__item-icon`,
+          iconName: y1[u.type],
+          iconSize: "md"
+        }
+      )),
+      c && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, i[u.type], ":", " "),
+      u.text
+    ))),
+    a && /* @__PURE__ */ e.createElement("div", { className: `${m}__more-link` }, a)
+  );
 }, N1 = ({
   children: s,
   label: r
@@ -3632,17 +3642,17 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   onOptionSelect: _,
   options: h,
   required: v = !1,
-  showLabel: g = !0,
+  showLabel: C = !0,
   tooltipText: f = null,
-  validationMessage: C,
-  validationStatus: $,
+  validationMessage: g,
+  validationStatus: y,
   value: p,
   ...d
 }) => {
-  const E = je(l), y = "pds-select", N = t ? J.disabled : null, w = v && !t ? J.required : null, L = $ === "error" ? J.error : null, b = $ === "success" ? J.success : null;
+  const E = je(l), $ = "pds-select", N = t ? J.disabled : null, w = v && !t ? J.required : null, L = y === "error" ? J.error : null, b = y === "success" ? J.success : null;
   let k = null;
-  $ === "error" && (k = "error"), $ === "success" && (k = "success");
-  const M = C || m, z = typeof p < "u", T = typeof r < "u", V = ((ee) => ee.reduce((j, ie) => h2(ie) ? [...j, ...ie.options] : [...j, ie], []))(h), I = (ee) => V.findIndex((j) => j.value === ee), Z = z && I(p) >= 0 ? I(p) : null, W = T ? I(r) : null, X = Z || W, [ce, te] = B(!1), [se, Y] = B(null), [S, x] = B(
+  y === "error" && (k = "error"), y === "success" && (k = "success");
+  const M = g || m, z = typeof p < "u", T = typeof r < "u", V = ((ee) => ee.reduce((j, ie) => h2(ie) ? [...j, ...ie.options] : [...j, ie], []))(h), I = (ee) => V.findIndex((j) => j.value === ee), Z = z && I(p) >= 0 ? I(p) : null, W = T ? I(r) : null, X = Z || W, [ce, te] = B(!1), [se, Y] = B(null), [S, x] = B(
     X ?? null
   ), O = S !== null ? V[S]?.label : void 0, F = S !== null ? V[S]?.icon : void 0, K = S !== null ? V[S]?.value : void 0, R = ue([]), { context: G, floatingStyles: oe, refs: re } = He({
     open: ce,
@@ -3754,11 +3764,11 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
                 }
               })
             },
-            /* @__PURE__ */ e.createElement("span", { className: `${y}__option-label` }, de.icon && $e(de.icon, `${y}__option-icon`), de.label),
+            /* @__PURE__ */ e.createElement("span", { className: `${$}__option-label` }, de.icon && $e(de.icon, `${$}__option-icon`), de.label),
             S === pe && /* @__PURE__ */ e.createElement(
               D,
               {
-                className: `${y}__checked-icon`,
+                className: `${$}__checked-icon`,
                 iconName: "check"
               }
             )
@@ -3786,8 +3796,8 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
             }
           })
         },
-        /* @__PURE__ */ e.createElement("span", { className: `${y}__option-label` }, ie.icon && $e(ie.icon, `${y}__option-icon`), ie.label),
-        S === le && /* @__PURE__ */ e.createElement(D, { className: `${y}__checked-icon`, iconName: "check" })
+        /* @__PURE__ */ e.createElement("span", { className: `${$}__option-label` }, ie.icon && $e(ie.icon, `${$}__option-icon`), ie.label),
+        S === le && /* @__PURE__ */ e.createElement(D, { className: `${$}__checked-icon`, iconName: "check" })
       );
     });
   };
@@ -3796,7 +3806,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     {
       className: H([
         J.base,
-        y,
+        $,
         N,
         w,
         L,
@@ -3813,7 +3823,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
         id: c,
         label: i,
         required: v,
-        showLabel: g,
+        showLabel: C,
         tooltipText: f
       }
     ),
@@ -3823,7 +3833,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
         ref: re.setReference,
         "aria-autocomplete": "none",
         "aria-labelledby": `${c}-label`,
-        className: `${y}__input-wrapper`,
+        className: `${$}__input-wrapper`,
         id: c,
         tabIndex: 0,
         ...we({
@@ -3833,29 +3843,29 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
         })
       },
       k && /* @__PURE__ */ e.createElement(ut, { variant: k }),
-      /* @__PURE__ */ e.createElement("span", { className: `${y}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${y}__option-text` }, (F || !O && a) && $e(F || a, `${y}__icon`), O ?? n.selectOptionText), /* @__PURE__ */ e.createElement(D, { className: `${y}__trigger-icon`, iconName: "angleDown" }))
+      /* @__PURE__ */ e.createElement("span", { className: `${$}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${$}__option-text` }, (F || !O && a) && $e(F || a, `${$}__icon`), O ?? n.selectOptionText), /* @__PURE__ */ e.createElement(D, { className: `${$}__trigger-icon`, iconName: "angleDown" }))
     ),
     Xe && /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: re.setFloating,
-        className: `${y}__dropdown`,
+        className: `${$}__dropdown`,
         style: {
           ...oe,
           zIndex: "var(--pds-z-index-dropdown)"
         },
         ...ve()
       },
-      /* @__PURE__ */ e.createElement("div", { style: { ...Ge } }, /* @__PURE__ */ e.createElement("ul", { className: `${y}__options`, role: "group" }, P(h)))
+      /* @__PURE__ */ e.createElement("div", { style: { ...Ge } }, /* @__PURE__ */ e.createElement("ul", { className: `${$}__options`, role: "group" }, P(h)))
     ),
     M && /* @__PURE__ */ e.createElement(
       Ze,
       {
-        hasValidationMessage: !!C,
+        hasValidationMessage: !!g,
         id: c,
         message: M,
         validationMessageHasDecorators: !1,
-        validationStatus: $
+        validationStatus: y
       }
     )
   );
@@ -3876,13 +3886,13 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   statusBadgeType: u,
   ..._
 }) => {
-  const h = "pds-pricing-card", v = `${h}-container`, g = a ? `${v}--with-list` : null, f = u ? `${h}--${u}` : null, C = (z) => z.toLowerCase().replace(/\s/g, "-"), $ = n && n.length > 1, [p, d] = B(
-    C(n[0].label)
-  ), [E, y] = B(
+  const h = "pds-pricing-card", v = `${h}-container`, C = a ? `${v}--with-list` : null, f = u ? `${h}--${u}` : null, g = (z) => z.toLowerCase().replace(/\s/g, "-"), y = n && n.length > 1, [p, d] = B(
+    g(n[0].label)
+  ), [E, $] = B(
     s.label
   );
   let N = null, w = null;
-  $ || (N = /* @__PURE__ */ e.createElement("div", { className: `${h}__pricing-data` }, n[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${h}__price-prefix` }, n[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${h}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__price` }, n[0].price), n[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__details` }, n[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${h}__savings-line` }, n[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
+  y || (N = /* @__PURE__ */ e.createElement("div", { className: `${h}__pricing-data` }, n[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${h}__price-prefix` }, n[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${h}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__price` }, n[0].price), n[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__details` }, n[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${h}__savings-line` }, n[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
     vt,
     {
       className: `${h}__savings-badge`,
@@ -3898,17 +3908,17 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       listLabel: n[0].listLabel,
       renderTypeLabels: !1
     }
-  )), $ && (N = n.map((z) => {
-    const A = p === C(z.label) ? null : `${h}__pricing-data--hide`;
+  )), y && (N = n.map((z) => {
+    const A = p === g(z.label) ? null : `${h}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        key: C(z.label),
+        key: g(z.label),
         className: H([
           `${h}__pricing-data`,
           A
         ]),
-        id: `data-${C(z.label)}`
+        id: `data-${g(z.label)}`
       },
       z.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${h}__price-prefix` }, z.pricePrefix),
       /* @__PURE__ */ e.createElement("div", { className: `${h}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__price` }, z.price), z.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__details` }, z.priceDetails)),
@@ -3923,11 +3933,11 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       ), z.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__savings-details` }, z.savingsDetails))
     );
   }), w = n.map((z) => {
-    const A = p === C(z.label) ? null : `${h}__list--hide`;
+    const A = p === g(z.label) ? null : `${h}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       _2,
       {
-        key: `${C(z.label)}-list`,
+        key: `${g(z.label)}-list`,
         className: H([`${h}__list`, A]),
         listItems: z.listItems,
         listLabel: z.listLabel,
@@ -3937,23 +3947,23 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   }));
   const L = (z) => {
     const T = n.find(
-      (A) => C(A.label) === z
+      (A) => g(A.label) === z
     );
     return T.customActionLabel ? T.customActionLabel : s.label;
   };
   let b = null;
-  $ && (b = /* @__PURE__ */ e.createElement(
+  y && (b = /* @__PURE__ */ e.createElement(
     w1,
     {
       className: `${h}__select`,
-      defaultValue: C(n[0].label),
+      defaultValue: g(n[0].label),
       id: "plan-select",
       label: m,
       onOptionSelect: (z) => {
-        d(z.value), y(L(z.value)), c && c(z.value);
+        d(z.value), $(L(z.value)), c && c(z.value);
       },
       options: n.map((z) => ({
-        value: C(z.label),
+        value: g(z.label),
         label: z.label
       })),
       showLabel: !1
@@ -3999,7 +4009,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
   ))), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: H([v, g, t]),
+      className: H([v, C, t]),
       ..._
     },
     /* @__PURE__ */ e.createElement("div", { className: H([h, f]) }, u && /* @__PURE__ */ e.createElement(
@@ -4034,7 +4044,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       label: _,
       statusType: h
     }
-  ), g = /* @__PURE__ */ e.createElement(Vt, null, /* @__PURE__ */ e.createElement("img", { alt: "", slot: "image", src: c }), /* @__PURE__ */ e.createElement("div", { className: `${u}__main`, slot: "main" }, /* @__PURE__ */ e.createElement("div", { className: `${u}__header` }, /* @__PURE__ */ e.createElement(
+  ), C = /* @__PURE__ */ e.createElement(Vt, null, /* @__PURE__ */ e.createElement("img", { alt: "", slot: "image", src: c }), /* @__PURE__ */ e.createElement("div", { className: `${u}__main`, slot: "main" }, /* @__PURE__ */ e.createElement("div", { className: `${u}__header` }, /* @__PURE__ */ e.createElement(
     r2,
     {
       fontSize: "L",
@@ -4046,7 +4056,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
     l,
     Object.assign({}, l.props, {
       className: `${u}__link`,
-      children: g,
+      children: C,
       "aria-label": `${r} ${i} dashboard`
     })
   ) : null;
@@ -4058,7 +4068,7 @@ const n2 = "cubic-bezier(.2, 0, 0, 1)", rt = "cubic-bezier(.2, 0, 0, 1)", Dt = 5
       onClick: a,
       type: "button"
     },
-    g
+    C
   ) : f);
 };
 var E2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -4168,26 +4178,26 @@ function H1() {
            */
           clone: function p(d, E) {
             E = E || {};
-            var y, N;
+            var $, N;
             switch (n.util.type(d)) {
               case "Object":
                 if (N = n.util.objId(d), E[N])
                   return E[N];
-                y = /** @type {Record<string, any>} */
-                {}, E[N] = y;
+                $ = /** @type {Record<string, any>} */
+                {}, E[N] = $;
                 for (var w in d)
-                  d.hasOwnProperty(w) && (y[w] = p(d[w], E));
+                  d.hasOwnProperty(w) && ($[w] = p(d[w], E));
                 return (
                   /** @type {any} */
-                  y
+                  $
                 );
               case "Array":
-                return N = n.util.objId(d), E[N] ? E[N] : (y = [], E[N] = y, /** @type {Array} */
+                return N = n.util.objId(d), E[N] ? E[N] : ($ = [], E[N] = $, /** @type {Array} */
                 /** @type {any} */
                 d.forEach(function(L, b) {
-                  y[b] = p(L, E);
+                  $[b] = p(L, E);
                 }), /** @type {any} */
-                y);
+                $);
               default:
                 return d;
             }
@@ -4236,8 +4246,8 @@ function H1() {
               );
             try {
               throw new Error();
-            } catch (y) {
-              var p = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(y.stack) || [])[1];
+            } catch ($) {
+              var p = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec($.stack) || [])[1];
               if (p) {
                 var d = document.getElementsByTagName("script");
                 for (var E in d)
@@ -4267,11 +4277,11 @@ function H1() {
            * @returns {boolean}
            */
           isActive: function(p, d, E) {
-            for (var y = "no-" + d; p; ) {
+            for (var $ = "no-" + d; p; ) {
               var N = p.classList;
               if (N.contains(d))
                 return !0;
-              if (N.contains(y))
+              if (N.contains($))
                 return !1;
               p = p.parentElement;
             }
@@ -4323,8 +4333,8 @@ function H1() {
            */
           extend: function(p, d) {
             var E = n.util.clone(n.languages[p]);
-            for (var y in d)
-              E[y] = d[y];
+            for (var $ in d)
+              E[$] = d[$];
             return E;
           },
           /**
@@ -4402,10 +4412,10 @@ function H1() {
            * @returns {Grammar} The new grammar object.
            * @public
            */
-          insertBefore: function(p, d, E, y) {
-            y = y || /** @type {any} */
+          insertBefore: function(p, d, E, $) {
+            $ = $ || /** @type {any} */
             n.languages;
-            var N = y[p], w = {};
+            var N = $[p], w = {};
             for (var L in N)
               if (N.hasOwnProperty(L)) {
                 if (L == d)
@@ -4413,18 +4423,18 @@ function H1() {
                     E.hasOwnProperty(b) && (w[b] = E[b]);
                 E.hasOwnProperty(L) || (w[L] = N[L]);
               }
-            var k = y[p];
-            return y[p] = w, n.languages.DFS(n.languages, function(M, z) {
+            var k = $[p];
+            return $[p] = w, n.languages.DFS(n.languages, function(M, z) {
               z === k && M != p && (this[M] = w);
             }), w;
           },
           // Traverse a language definition with Depth First Search
-          DFS: function p(d, E, y, N) {
+          DFS: function p(d, E, $, N) {
             N = N || {};
             var w = n.util.objId;
             for (var L in d)
               if (d.hasOwnProperty(L)) {
-                E.call(d, L, d[L], y || L);
+                E.call(d, L, d[L], $ || L);
                 var b = d[L], k = n.util.type(b);
                 k === "Object" && !N[w(b)] ? (N[w(b)] = !0, p(b, E, null, N)) : k === "Array" && !N[w(b)] && (N[w(b)] = !0, p(b, E, L, N));
               }
@@ -4462,14 +4472,14 @@ function H1() {
          * @public
          */
         highlightAllUnder: function(p, d, E) {
-          var y = {
+          var $ = {
             callback: E,
             container: p,
             selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
           };
-          n.hooks.run("before-highlightall", y), y.elements = Array.prototype.slice.apply(y.container.querySelectorAll(y.selector)), n.hooks.run("before-all-elements-highlight", y);
-          for (var N = 0, w; w = y.elements[N++]; )
-            n.highlightElement(w, d === !0, y.callback);
+          n.hooks.run("before-highlightall", $), $.elements = Array.prototype.slice.apply($.container.querySelectorAll($.selector)), n.hooks.run("before-all-elements-highlight", $);
+          for (var N = 0, w; w = $.elements[N++]; )
+            n.highlightElement(w, d === !0, $.callback);
         },
         /**
          * Highlights the code inside a single element.
@@ -4500,13 +4510,13 @@ function H1() {
          * @public
          */
         highlightElement: function(p, d, E) {
-          var y = n.util.getLanguage(p), N = n.languages[y];
-          n.util.setLanguage(p, y);
+          var $ = n.util.getLanguage(p), N = n.languages[$];
+          n.util.setLanguage(p, $);
           var w = p.parentElement;
-          w && w.nodeName.toLowerCase() === "pre" && n.util.setLanguage(w, y);
+          w && w.nodeName.toLowerCase() === "pre" && n.util.setLanguage(w, $);
           var L = p.textContent, b = {
             element: p,
-            language: y,
+            language: $,
             grammar: N,
             code: L
           };
@@ -4554,14 +4564,14 @@ function H1() {
          * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
          */
         highlight: function(p, d, E) {
-          var y = {
+          var $ = {
             code: p,
             grammar: d,
             language: E
           };
-          if (n.hooks.run("before-tokenize", y), !y.grammar)
-            throw new Error('The language "' + y.language + '" has no grammar.');
-          return y.tokens = n.tokenize(y.code, y.grammar), n.hooks.run("after-tokenize", y), m.stringify(n.util.encode(y.tokens), y.language);
+          if (n.hooks.run("before-tokenize", $), !$.grammar)
+            throw new Error('The language "' + $.language + '" has no grammar.');
+          return $.tokens = n.tokenize($.code, $.grammar), n.hooks.run("after-tokenize", $), m.stringify(n.util.encode($.tokens), $.language);
         },
         /**
          * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
@@ -4590,12 +4600,12 @@ function H1() {
         tokenize: function(p, d) {
           var E = d.rest;
           if (E) {
-            for (var y in E)
-              d[y] = E[y];
+            for (var $ in E)
+              d[$] = E[$];
             delete d.rest;
           }
           var N = new _();
-          return h(N, N.head, p), u(p, N, d, N.head, 0), g(N);
+          return h(N, N.head, p), u(p, N, d, N.head, 0), C(N);
         },
         /**
          * @namespace
@@ -4632,24 +4642,24 @@ function H1() {
           run: function(p, d) {
             var E = n.hooks.all[p];
             if (!(!E || !E.length))
-              for (var y = 0, N; N = E[y++]; )
+              for (var $ = 0, N; N = E[$++]; )
                 N(d);
           }
         },
         Token: m
       };
       a.Prism = n;
-      function m(p, d, E, y) {
-        this.type = p, this.content = d, this.alias = E, this.length = (y || "").length | 0;
+      function m(p, d, E, $) {
+        this.type = p, this.content = d, this.alias = E, this.length = ($ || "").length | 0;
       }
       m.stringify = function p(d, E) {
         if (typeof d == "string")
           return d;
         if (Array.isArray(d)) {
-          var y = "";
+          var $ = "";
           return d.forEach(function(k) {
-            y += p(k, E);
-          }), y;
+            $ += p(k, E);
+          }), $;
         }
         var N = {
           type: d.type,
@@ -4665,16 +4675,16 @@ function H1() {
           L += " " + b + '="' + (N.attributes[b] || "").replace(/"/g, "&quot;") + '"';
         return "<" + N.tag + ' class="' + N.classes.join(" ") + '"' + L + ">" + N.content + "</" + N.tag + ">";
       };
-      function o(p, d, E, y) {
+      function o(p, d, E, $) {
         p.lastIndex = d;
         var N = p.exec(E);
-        if (N && y && N[1]) {
+        if (N && $ && N[1]) {
           var w = N[1].length;
           N.index += w, N[0] = N[0].slice(w);
         }
         return N;
       }
-      function u(p, d, E, y, N, w) {
+      function u(p, d, E, $, N, w) {
         for (var L in E)
           if (!(!E.hasOwnProperty(L) || !E[L])) {
             var b = E[L];
@@ -4687,7 +4697,7 @@ function H1() {
                 var I = M.pattern.toString().match(/[imsuy]*$/)[0];
                 M.pattern = RegExp(M.pattern.source, I + "g");
               }
-              for (var Z = M.pattern || M, W = y.next, X = N; W !== d.tail && !(w && X >= w.reach); X += W.value.length, W = W.next) {
+              for (var Z = M.pattern || M, W = $.next, X = N; W !== d.tail && !(w && X >= w.reach); X += W.value.length, W = W.next) {
                 var ce = W.value;
                 if (d.length > p.length)
                   return;
@@ -4728,32 +4738,32 @@ function H1() {
         p.next = d, this.head = p, this.tail = d, this.length = 0;
       }
       function h(p, d, E) {
-        var y = d.next, N = { value: E, prev: d, next: y };
-        return d.next = N, y.prev = N, p.length++, N;
+        var $ = d.next, N = { value: E, prev: d, next: $ };
+        return d.next = N, $.prev = N, p.length++, N;
       }
       function v(p, d, E) {
-        for (var y = d.next, N = 0; N < E && y !== p.tail; N++)
-          y = y.next;
-        d.next = y, y.prev = d, p.length -= N;
+        for (var $ = d.next, N = 0; N < E && $ !== p.tail; N++)
+          $ = $.next;
+        d.next = $, $.prev = d, p.length -= N;
       }
-      function g(p) {
+      function C(p) {
         for (var d = [], E = p.head.next; E !== p.tail; )
           d.push(E.value), E = E.next;
         return d;
       }
       if (!a.document)
         return a.addEventListener && (n.disableWorkerMessageHandler || a.addEventListener("message", function(p) {
-          var d = JSON.parse(p.data), E = d.language, y = d.code, N = d.immediateClose;
-          a.postMessage(n.highlight(y, n.languages[E], E)), N && a.close();
+          var d = JSON.parse(p.data), E = d.language, $ = d.code, N = d.immediateClose;
+          a.postMessage(n.highlight($, n.languages[E], E)), N && a.close();
         }, !1)), n;
       var f = n.util.currentScript();
       f && (n.filename = f.src, f.hasAttribute("data-manual") && (n.manual = !0));
-      function C() {
+      function g() {
         n.manual || n.highlightAll();
       }
       if (!n.manual) {
-        var $ = document.readyState;
-        $ === "loading" || $ === "interactive" && f && f.defer ? document.addEventListener("DOMContentLoaded", C) : window.requestAnimationFrame ? window.requestAnimationFrame(C) : window.setTimeout(C, 16);
+        var y = document.readyState;
+        y === "loading" || y === "interactive" && f && f.defer ? document.addEventListener("DOMContentLoaded", g) : window.requestAnimationFrame ? window.requestAnimationFrame(g) : window.setTimeout(g, 16);
       }
       return n;
     })(r);
@@ -5066,16 +5076,16 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   textSize: n = "m",
   ...m
 }) => {
-  const o = "pds-skeleton", u = `${o}--${a}`, _ = t ? `pds-pulse pds-pulse--${r}` : `${o}--${r}`, h = ["text-block", "code-block", "code-block-prefix"], v = c?.height ? $2(c.height) : "1rem", g = c?.width ? $2(c.width) : "100%";
+  const o = "pds-skeleton", u = `${o}--${a}`, _ = t ? `pds-pulse pds-pulse--${r}` : `${o}--${r}`, h = ["text-block", "code-block", "code-block-prefix"], v = c?.height ? $2(c.height) : "1rem", C = c?.width ? $2(c.width) : "100%";
   let f = {
     height: v,
-    width: g
+    width: C
   };
   a === "circular" && (f = {
     ...f,
     width: f.height
   });
-  const C = /* @__PURE__ */ e.createElement(
+  const g = /* @__PURE__ */ e.createElement(
     "div",
     {
       className: H([
@@ -5090,15 +5100,15 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   ), d = Math.max(1, Math.min(i, a === "code-block" || a === "code-block-prefix" ? 15 : 5));
   let E = `${b2[`TYPE_SCALE_${n.toUpperCase()}`] * 0.75}rem`;
   (a === "code-block" || a === "code-block-prefix") && (E = `${b2[`TYPE_SCALE_${n.toUpperCase()}`] * 1.25}rem`);
-  const y = `calc(var(--pds-typography-size-${n}) * 0.75)`, N = (k) => {
+  const $ = `calc(var(--pds-typography-size-${n}) * 0.75)`, N = (k) => {
     if (a === "text-block") {
       if (l || k === 0)
-        return g;
+        return C;
       const M = k + 1;
-      return M === 2 ? `calc(${g} * 0.75)` : M % 2 === 1 ? `calc(${g} * 0.85)` : `calc(${g} * 0.75)`;
+      return M === 2 ? `calc(${C} * 0.75)` : M % 2 === 1 ? `calc(${C} * 0.85)` : `calc(${C} * 0.75)`;
     }
     if (a === "code-block" || a === "code-block-prefix")
-      return k === d - 1 ? `calc(${g} * 0.80)` : g;
+      return k === d - 1 ? `calc(${C} * 0.80)` : C;
   }, w = () => `var(--pds-typography-size-${n})`, L = (k) => {
     if (!(a === "code-block" || a === "code-block-prefix") || d < 5)
       return 1;
@@ -5128,7 +5138,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         key: M,
         className: H([`${o}-line`]),
         style: a === "code-block-prefix" ? {
-          gap: y,
+          gap: $,
           opacity: L(M)
         } : {
           opacity: L(M)
@@ -5153,14 +5163,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         {
           className: H([o, _, u]),
           style: {
-            width: a === "code-block-prefix" ? `calc(${N(M)} - ${w()} - ${y})` : N(M),
+            width: a === "code-block-prefix" ? `calc(${N(M)} - ${w()} - ${$})` : N(M),
             height: `var(--pds-typography-size-${n})`
           }
         }
       )
     ))
   );
-  return h.includes(a) ? b : C;
+  return h.includes(a) ? b : g;
 }, ns = {
   plain: {
     color: "var(--pds-color-code-block-dark-foreground)",
@@ -5341,15 +5351,15 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   maxHeight: _,
   promptSymbol: h = "$",
   renderAsLegacy: v = !1,
-  shouldWrap: g = !1,
+  shouldWrap: C = !1,
   ...f
 }) => {
-  const C = "pds-code-block", $ = `${C}--${t}`, p = g ? `${C}__line-wrapped` : "", d = {};
+  const g = "pds-code-block", y = `${g}--${t}`, p = C ? `${g}__line-wrapped` : "", d = {};
   n && (d.height = `${n}rem`), _ && (d.maxHeight = `${_}rem`);
-  const E = t === "dark" ? "reverse" : "standard", y = t === "dark" ? ns : as, N = /* @__PURE__ */ e.createElement("div", { className: `${C}__code` }, /* @__PURE__ */ e.createElement(
+  const E = t === "dark" ? "reverse" : "standard", $ = t === "dark" ? ns : as, N = /* @__PURE__ */ e.createElement("div", { className: `${g}__code` }, /* @__PURE__ */ e.createElement(
     ss,
     {
-      className: `${C}__skeleton`,
+      className: `${g}__skeleton`,
       colorType: t === "dark" ? "bold" : "regular",
       shape: l || i ? "code-block-prefix" : "code-block",
       textLineCount: u
@@ -5360,16 +5370,16 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       I.replaceWith(`
 `);
     }), A.textContent || A.innerText || "";
-  }, L = (T) => T.split(/<br\s*\/?>/i).map((V, I) => /* @__PURE__ */ e.createElement("div", { key: I, className: `${C}__line ${p}` }, /* @__PURE__ */ e.createElement("span", { className: `${C}__number` }, I + 1), /* @__PURE__ */ e.createElement(
+  }, L = (T) => T.split(/<br\s*\/?>/i).map((V, I) => /* @__PURE__ */ e.createElement("div", { key: I, className: `${g}__line ${p}` }, /* @__PURE__ */ e.createElement("span", { className: `${g}__number` }, I + 1), /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: `${C}__line-content`,
+      className: `${g}__line-content`,
       dangerouslySetInnerHTML: { __html: V }
     }
-  ))), b = (T) => T.split(/<br\s*\/?>/i).map((V, I) => /* @__PURE__ */ e.createElement("div", { key: I, className: `${C}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${C}__prompt` }, h), /* @__PURE__ */ e.createElement(
+  ))), b = (T) => T.split(/<br\s*\/?>/i).map((V, I) => /* @__PURE__ */ e.createElement("div", { key: I, className: `${g}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${g}__prompt` }, h), /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: `${C}__line-content`,
+      className: `${g}__line-content`,
       dangerouslySetInnerHTML: { __html: V }
     }
   )));
@@ -5378,17 +5388,17 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: H([C, $, s ?? ""]),
+        className: H([g, y, s ?? ""]),
         style: d,
         ...f
       },
-      m ? N : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("pre", { className: `${C}__code`, tabIndex: 0 }, l || i ? l ? /* @__PURE__ */ e.createElement(e.Fragment, null, L(r)) : /* @__PURE__ */ e.createElement(e.Fragment, null, b(r)) : /* @__PURE__ */ e.createElement(
+      m ? N : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("pre", { className: `${g}__code`, tabIndex: 0 }, l || i ? l ? /* @__PURE__ */ e.createElement(e.Fragment, null, L(r)) : /* @__PURE__ */ e.createElement(e.Fragment, null, b(r)) : /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: `${C}__content`,
+          className: `${g}__content`,
           dangerouslySetInnerHTML: { __html: r }
         }
-      )), c && /* @__PURE__ */ e.createElement("div", { className: `${C}__copy` }, /* @__PURE__ */ e.createElement(
+      )), c && /* @__PURE__ */ e.createElement("div", { className: `${g}__copy` }, /* @__PURE__ */ e.createElement(
         g2,
         {
           ariaLabel: a,
@@ -5398,11 +5408,11 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       )))
     );
   }
-  const k = /* @__PURE__ */ e.createElement(ft.LineContent, null, /* @__PURE__ */ e.createElement(ft.Token, null)), M = /* @__PURE__ */ e.createElement("div", { className: `${C}__line ${p}` }, /* @__PURE__ */ e.createElement(ft.LineNumber, { className: `${C}__number` }), k), z = /* @__PURE__ */ e.createElement("div", { className: `${C}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${C}__prompt` }, h), k);
+  const k = /* @__PURE__ */ e.createElement(ft.LineContent, null, /* @__PURE__ */ e.createElement(ft.Token, null)), M = /* @__PURE__ */ e.createElement("div", { className: `${g}__line ${p}` }, /* @__PURE__ */ e.createElement(ft.LineNumber, { className: `${g}__number` }), k), z = /* @__PURE__ */ e.createElement("div", { className: `${g}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${g}__prompt` }, h), k);
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: H([C, $, s ?? ""]),
+      className: H([g, y, s ?? ""]),
       style: d,
       ...f
     },
@@ -5412,10 +5422,10 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         code: r,
         language: o || "",
         prism: k1,
-        theme: y
+        theme: $
       },
-      /* @__PURE__ */ e.createElement(ft.Code, { className: `${C}__code`, tabIndex: 0 }, l || i ? l ? M : z : k)
-    ), c && /* @__PURE__ */ e.createElement("div", { className: `${C}__copy` }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement(ft.Code, { className: `${g}__code`, tabIndex: 0 }, l || i ? l ? M : z : k)
+    ), c && /* @__PURE__ */ e.createElement("div", { className: `${g}__copy` }, /* @__PURE__ */ e.createElement(
       g2,
       {
         ariaLabel: a,
@@ -5589,21 +5599,21 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   ...h
 }) => {
   let v = !1;
-  const g = ye(Me);
-  g && (v = g.isMobile);
-  const f = "pds-horizontal-empty-state", C = `${f}--${s}`, $ = v ? `${f}--isMobile` : null, p = m ? `${f}--panel` : null, d = _ ? `${f}--video` : null, E = {
+  const C = ye(Me);
+  C && (v = C.isMobile);
+  const f = "pds-horizontal-empty-state", g = `${f}--${s}`, y = v ? `${f}--isMobile` : null, p = m ? `${f}--panel` : null, d = _ ? `${f}--video` : null, E = {
     width: n,
     marginLeft: i
   };
   typeof u == "string" ? u = /* @__PURE__ */ e.createElement("p", { className: `${f}__message` }, u) : u = /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, u);
-  const y = _ && /* @__PURE__ */ e.createElement("div", { className: `${f}__media` }, /* @__PURE__ */ e.createElement(cs, { platform: _.platform, videoId: _.videoId }));
+  const $ = _ && /* @__PURE__ */ e.createElement("div", { className: `${f}__media` }, /* @__PURE__ */ e.createElement(cs, { platform: _.platform, videoId: _.videoId }));
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       className: H([
         f,
-        C,
-        $,
+        g,
+        y,
         p,
         d,
         r ?? ""
@@ -5611,7 +5621,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       style: { maxWidth: o },
       ...h
     },
-    v && _ && y,
+    v && _ && $,
     /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement(
       nt,
       {
@@ -5622,7 +5632,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       a
     ), u && u, t && /* @__PURE__ */ e.createElement("div", { className: `${f}__cta` }, t)),
     !v && l && !_ && /* @__PURE__ */ e.createElement("div", { className: `${f}__media`, style: E }, typeof l == "string" ? /* @__PURE__ */ e.createElement("img", { alt: "", className: `${f}__image`, src: l }) : l),
-    !v && _ && y
+    !v && _ && $
   );
 }, dn = ({
   className: s,
@@ -5723,8 +5733,8 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   ...c
 }) => {
   const l = "pds-flow-steps", i = `${l}--${r}`, n = t === "horizontal" ? `${l}--horizontal` : "", m = a.map(({ content: o, header: u }, _) => {
-    const h = /* @__PURE__ */ e.createElement("div", { className: `${l}__number` }, /* @__PURE__ */ e.createElement("span", null, _ + 1)), v = /* @__PURE__ */ e.createElement("div", { className: `${l}__header` }, u), g = o ? /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, o) : null, f = `${l}__step`;
-    return /* @__PURE__ */ e.createElement("li", { key: _, className: f }, r === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, h, /* @__PURE__ */ e.createElement("div", { className: `${l}__content-group` }, v, g)), r === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}__header-group` }, h, v), g));
+    const h = /* @__PURE__ */ e.createElement("div", { className: `${l}__number` }, /* @__PURE__ */ e.createElement("span", null, _ + 1)), v = /* @__PURE__ */ e.createElement("div", { className: `${l}__header` }, u), C = o ? /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, o) : null, f = `${l}__step`;
+    return /* @__PURE__ */ e.createElement("li", { key: _, className: f }, r === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, h, /* @__PURE__ */ e.createElement("div", { className: `${l}__content-group` }, v, C)), r === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}__header-group` }, h, v), C));
   });
   return /* @__PURE__ */ e.createElement(
     "ol",
@@ -5786,14 +5796,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   ],
   ...l
 }) => {
-  const i = "pds-site-footer", n = a ? `${i}--border` : null, m = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", o = (/* @__PURE__ */ new Date()).getFullYear(), u = c.includes("privacy"), _ = c.includes("dataSubjectRequest"), h = c.includes("cookiePolicy"), v = c.includes("termsOfUse"), g = c.includes("acceptableUse"), f = c.includes("accessibilityStatement");
+  const i = "pds-site-footer", n = a ? `${i}--border` : null, m = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", o = (/* @__PURE__ */ new Date()).getFullYear(), u = c.includes("privacy"), _ = c.includes("dataSubjectRequest"), h = c.includes("cookiePolicy"), v = c.includes("termsOfUse"), C = c.includes("acceptableUse"), f = c.includes("accessibilityStatement");
   return /* @__PURE__ */ e.createElement(
     "footer",
     {
       className: H([i, n, r ?? ""]),
       ...l
     },
-    /* @__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` }, "© ", o, " Pantheon Systems, Inc."), u && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), h && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), v && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), g && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), f && /* @__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` }, "© ", o, " Pantheon Systems, Inc."), u && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), h && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), v && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), C && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
   );
 }, os = Ke(
   ({
@@ -5811,16 +5821,16 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     nestingLevel: _ = 0,
     onBlur: h,
     onChange: v,
-    onFocus: g,
+    onFocus: C,
     required: f,
-    showLabel: C = !0,
-    size: $ = "M",
+    showLabel: g = !0,
+    size: y = "M",
     validationMessage: p,
     validationStatus: d,
     value: E,
-    ...y
+    ...$
   }, N) => {
-    const w = n ? { width: `${n / 16}rem` } : null, L = "pds-checkbox", b = a ? J.disabled : null, k = d === "error" ? J.error : null, M = _ > 0 ? `${L}--indent-${_}` : null, z = f && !a ? J.required : null, T = $ === "S" ? `${L}--sm` : null, A = d === "success" ? J.success : null, V = p || o, I = typeof s < "u", Z = typeof t < "u", [W, X] = B(
+    const w = n ? { width: `${n / 16}rem` } : null, L = "pds-checkbox", b = a ? J.disabled : null, k = d === "error" ? J.error : null, M = _ > 0 ? `${L}--indent-${_}` : null, z = f && !a ? J.required : null, T = y === "S" ? `${L}--sm` : null, A = d === "success" ? J.success : null, V = p || o, I = typeof s < "u", Z = typeof t < "u", [W, X] = B(
       Z ? t : !1
     ), ce = s || W, te = (O) => {
       I || X(O.target.checked), v && v(O);
@@ -5858,7 +5868,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           r ?? ""
         ]),
         style: n ? w : null,
-        ...y
+        ...$
       },
       /* @__PURE__ */ e.createElement("div", { className: `${L}__input-wrapper` }, /* @__PURE__ */ e.createElement(
         "input",
@@ -5875,7 +5885,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           disabled: a,
           onBlur: h,
           onChange: te,
-          onFocus: g,
+          onFocus: C,
           required: f,
           ...i
         }
@@ -5894,7 +5904,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         {
           className: H([
             `${L}__label-text`,
-            C ? "" : "visually-hidden"
+            g ? "" : "visually-hidden"
           ])
         },
         m,
@@ -5929,19 +5939,19 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   validationStatus: h,
   ...v
 }) => {
-  const g = l ? { width: `${l / 16}rem` } : null, f = "pds-checkbox-group", C = t ? J.disabled : null, $ = m && !t ? J.required : null, p = h === "error" ? J.error : null, d = h === "success" ? J.success : null, E = _ || n;
+  const C = l ? { width: `${l / 16}rem` } : null, f = "pds-checkbox-group", g = t ? J.disabled : null, y = m && !t ? J.required : null, p = h === "error" ? J.error : null, d = h === "success" ? J.success : null, E = _ || n;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       className: H([
         f,
-        C,
-        $,
+        g,
+        y,
         p,
         d,
         r ?? ""
       ]),
-      style: l ? g : null,
+      style: l ? C : null,
       ...v
     },
     /* @__PURE__ */ e.createElement("fieldset", { className: `${f}__fieldset`, id: c, ...a }, /* @__PURE__ */ e.createElement(
@@ -5982,10 +5992,10 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   showLabel: _ = !0,
   tooltipText: h = null,
   validationMessage: v,
-  validationStatus: g,
+  validationStatus: C,
   ...f
 }) => {
-  const C = c ? { width: `${c / 16}rem` } : null, $ = "pds-checkbox-group", p = r ? J.disabled : null, d = u && !r ? J.required : null, E = g === "error" ? J.error : null, y = g === "success" ? J.success : null, N = v || i;
+  const g = c ? { width: `${c / 16}rem` } : null, y = "pds-checkbox-group", p = r ? J.disabled : null, d = u && !r ? J.required : null, E = C === "error" ? J.error : null, $ = C === "success" ? J.success : null, N = v || i;
   o.map((z) => {
     z.id || (z.id = z.value);
   });
@@ -6009,17 +6019,17 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     "div",
     {
       className: H([
-        $,
+        y,
         p,
         d,
         E,
-        y,
+        $,
         s ?? ""
       ]),
-      style: c ? C : null,
+      style: c ? g : null,
       ...f
     },
-    /* @__PURE__ */ e.createElement("fieldset", { className: `${$}__fieldset`, id: a, ...t }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("fieldset", { className: `${y}__fieldset`, id: a, ...t }, /* @__PURE__ */ e.createElement(
       Be,
       {
         isLegend: !0,
@@ -6030,12 +6040,12 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         showLabel: _,
         tooltipText: h
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${$}__options` }, o.map((z) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${y}__options` }, o.map((z) => /* @__PURE__ */ e.createElement(
       os,
       {
         key: z.id,
         checked: z.checked,
-        className: `${$}__checkbox`,
+        className: `${y}__checkbox`,
         disabled: z.disabled || r,
         id: z.id,
         label: z.label,
@@ -6052,7 +6062,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         hasValidationMessage: !!v,
         id: a,
         message: N,
-        validationStatus: g
+        validationStatus: C
       }
     )
   );
@@ -6077,14 +6087,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     },
     loadingText: h = "Loading results...",
     message: v,
-    noResultsText: g = "No results found",
+    noResultsText: C = "No results found",
     onBlur: f,
-    onChange: C,
-    onClear: $,
+    onChange: g,
+    onClear: y,
     onFocus: p,
     onOptionSelect: d,
     options: E,
-    placeholder: y,
+    placeholder: $,
     required: N = !1,
     showLabel: w = !0,
     showUnfilteredOptions: L = !1,
@@ -6157,10 +6167,10 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     ), ee = () => {
       F(!O);
     }, j = () => {
-      Y || oe(""), R(null), F(!0), ae.current?.focus(), $ && $();
+      Y || oe(""), R(null), F(!0), ae.current?.focus(), y && y();
     }, ie = (fe) => {
       let Ce = fe.target.value;
-      C && C(fe), Y || (Ce.length > 0 && (Ce = Ce.trimStart()), oe(Ce)), Ce ? (R(null), F(!0)) : L || F(!1);
+      g && g(fe), Y || (Ce.length > 0 && (Ce = Ce.trimStart()), oe(Ce)), Ce ? (R(null), F(!0)) : L || F(!1);
     }, le = (fe) => {
       f?.(fe);
     }, ge = (fe) => {
@@ -6259,7 +6269,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
               "aria-autocomplete": "list",
               "aria-label": _.inputInstructions,
               disabled: t,
-              placeholder: y,
+              placeholder: $,
               value: Q,
               onBlur: le,
               onChange: ie,
@@ -6315,7 +6325,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           },
           ...xe()
         },
-        /* @__PURE__ */ e.createElement("div", { style: { ...$e } }, o ? /* @__PURE__ */ e.createElement("div", { className: `${I}__loading` }, h) : re.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${I}__options`, role: "group" }, ke) : /* @__PURE__ */ e.createElement("div", { className: `${I}__no-results` }, g))
+        /* @__PURE__ */ e.createElement("div", { style: { ...$e } }, o ? /* @__PURE__ */ e.createElement("div", { className: `${I}__loading` }, h) : re.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${I}__options`, role: "group" }, ke) : /* @__PURE__ */ e.createElement("div", { className: `${I}__no-results` }, C))
       ),
       se && /* @__PURE__ */ e.createElement(
         Ze,
@@ -6361,12 +6371,12 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   onChange: _,
   options: h,
   placeholder: v = "Filter",
-  required: g = !1,
+  required: C = !1,
   showAllTags: f = !1,
-  showLabel: C = !0,
-  ...$
+  showLabel: g = !0,
+  ...y
 }) => {
-  const p = je(l), d = "pds-combobox-multi", E = t ? J.disabled : null, y = g && !t ? J.required : null, N = f ? `${d}--show-all-tags` : null, [w, L] = B(""), [b, k] = B(c), [M, z] = B(
+  const p = je(l), d = "pds-combobox-multi", E = t ? J.disabled : null, $ = C && !t ? J.required : null, N = f ? `${d}--show-all-tags` : null, [w, L] = B(""), [b, k] = B(c), [M, z] = B(
     null
   ), [T, A] = B(!1), V = Kt(
     () => ms(h, b, w),
@@ -6536,12 +6546,12 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         J.base,
         d,
         E,
-        y,
+        $,
         N,
         r ?? ""
       ]),
       style: l ? p : null,
-      ...$
+      ...y
     },
     /* @__PURE__ */ e.createElement(
       Be,
@@ -6549,8 +6559,8 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         disabled: t,
         id: a,
         label: n,
-        required: g,
-        showLabel: C
+        required: C,
+        showLabel: g
       }
     ),
     /* @__PURE__ */ e.createElement(
@@ -6560,7 +6570,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           G.setReference(q), _e.setReference(q);
         },
         "aria-disabled": t ? !0 : null,
-        "aria-required": g ? !0 : null,
+        "aria-required": C ? !0 : null,
         className: `${d}__input-wrapper`,
         onKeyDown: Ge,
         onMouseDown: Xe,
@@ -6751,10 +6761,10 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   showLabel: _,
   tooltipText: h,
   translationStrings: v = ds,
-  value: g,
+  value: C,
   ...f
 }) => {
-  const [C, $] = B(g), [p, d] = B(!1), [E, y] = B(null), [N, w] = B(""), L = je(c), b = "pds-datepicker", k = r ? J.disabled : null, M = u && !r ? J.required : null, z = o && o.length > 0 && t ? "bottom-end" : "bottom-start", { floatingStyles: T, refs: A } = He({
+  const [g, y] = B(C), [p, d] = B(!1), [E, $] = B(null), [N, w] = B(""), L = je(c), b = "pds-datepicker", k = r ? J.disabled : null, M = u && !r ? J.required : null, z = o && o.length > 0 && t ? "bottom-end" : "bottom-start", { floatingStyles: T, refs: A } = He({
     open: p,
     onOpenChange: d,
     placement: z,
@@ -6808,7 +6818,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         return { from: G, to: G };
     }
   }, I = (R) => {
-    $(R), n?.(R), w(""), t || setTimeout(() => {
+    y(R), n?.(R), w(""), t || setTimeout(() => {
       d(!1);
     }, 300);
   }, Z = (R) => {
@@ -6816,7 +6826,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   }, W = (R) => {
     I(R);
   }, X = () => {
-    $(void 0), n?.(void 0), w("");
+    y(void 0), n?.(void 0), w("");
   }, ce = () => {
     d(!1);
   }, te = (R) => {
@@ -6824,26 +6834,26 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     if (!G) return;
     w(R);
     const oe = V(G);
-    $(oe), n?.(oe), t || setTimeout(() => {
+    y(oe), n?.(oe), t || setTimeout(() => {
       d(!1);
     }, 300);
-  }, se = () => t ? C?.from : C, Y = ({
+  }, se = () => t ? g?.from : g, Y = ({
     className: R,
     orientation: G
   }) => G === "left" ? /* @__PURE__ */ e.createElement(D, { className: R, iconName: "angleLeft", iconSize: "md" }) : /* @__PURE__ */ e.createElement(D, { className: R, iconName: "angleRight", iconSize: "md" }), S = (R) => x2(R, "EEEEE", { locale: i }), x = () => {
     if (t) {
-      const R = C;
+      const R = g;
       return R?.from ? R.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, et(R.from, i), /* @__PURE__ */ e.createElement("span", { className: `${b}__separator` }, " – "), et(R.to, i)) : et(R.from, i) : m || "";
     } else {
-      const R = C;
+      const R = g;
       return R ? et(R, i) : m || "";
     }
-  }, O = () => t ? !C?.from : !C, F = () => {
+  }, O = () => t ? !g?.from : !g, F = () => {
     if (t) {
-      const R = C;
+      const R = g;
       return R?.from ? R.to ? `${v.selectedDateRange}${et(R.from, i)}${v.to}${et(R.to, i)}` : `${v.selectedStartDate}${et(R.from, i)}${v.pleaseSelectEndDate}` : v.noDateRangeSelected || "";
     } else {
-      const R = C;
+      const R = g;
       return R ? `${v.selectedDate}${et(R, i)}` : v.noDateSelected || "";
     }
   }, K = (R) => {
@@ -6894,7 +6904,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       "button",
       {
         ref: (R) => {
-          A.setReference(R), y(R);
+          A.setReference(R), $(R);
         },
         "aria-expanded": p,
         "aria-haspopup": "dialog",
@@ -6944,7 +6954,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           navLayout: "around",
           numberOfMonths: 2,
           onSelect: Z,
-          selected: C
+          selected: g
         }
       ) : /* @__PURE__ */ e.createElement(
         d2,
@@ -6962,7 +6972,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           navLayout: "around",
           numberOfMonths: 1,
           onSelect: W,
-          selected: C
+          selected: g
         }
       )),
       !t && /* @__PURE__ */ e.createElement("div", { className: `${b}__actions` }, /* @__PURE__ */ e.createElement(
@@ -7018,19 +7028,19 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     onClear: _,
     onFileChange: h,
     required: v = !1,
-    showFullPath: g,
+    showFullPath: C,
     showLabel: f = !0,
-    tooltipText: C = null,
-    validationMessage: $,
+    tooltipText: g = null,
+    validationMessage: y,
     validationStatus: p,
     ...d
   }, E) => {
-    const [y, N] = B(!1), [w, L] = B(
+    const [$, N] = B(!1), [w, L] = B(
       !!(yt && t)
     ), b = je(n), k = "pds-file-upload", M = a ? J.disabled : null, z = v && !a ? J.required : null, T = p === "error" ? J.error : null, A = p === "success" ? J.success : null, V = w ? `${k}--safari-default` : null;
     let I = null;
     p === "error" && (I = "error"), p === "success" && (I = "success");
-    const Z = $ || o, W = t ? [t] : null, X = t ? t.split("/").pop() : null, ce = g ? t : X, te = t ? new File(W, ce) : null;
+    const Z = y || o, W = t ? [t] : null, X = t ? t.split("/").pop() : null, ce = C ? t : X, te = t ? new File(W, ce) : null;
     me(() => {
       const x = new DataTransfer();
       if (te && x.items.add(te), x.files.length > 0) {
@@ -7039,7 +7049,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         );
         O.files = x.files, yt && (O.dataset.file = `${ce}`), N(!0);
       }
-    }, [t, g]);
+    }, [t, C]);
     const se = () => {
       const x = document.getElementById(
         `${l}--input`
@@ -7084,13 +7094,13 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           label: c,
           required: v,
           showLabel: f,
-          tooltipText: C
+          tooltipText: g
         }
       ),
       /* @__PURE__ */ e.createElement("span", { className: `${k}__input-wrapper`, id: l }, I && /* @__PURE__ */ e.createElement(ut, { variant: I }), /* @__PURE__ */ e.createElement(
         "label",
         {
-          className: y ? "visually-hidden" : `${k}__input-label`,
+          className: $ ? "visually-hidden" : `${k}__input-label`,
           htmlFor: `${l}--input`
         },
         /* @__PURE__ */ e.createElement(D, { iconName: "paperclip", iconSize: "sm" }),
@@ -7111,7 +7121,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           type: "file",
           ...i
         }
-      ), y && /* @__PURE__ */ e.createElement(
+      ), $ && /* @__PURE__ */ e.createElement(
         c2,
         {
           clearLabel: m.clearButton,
@@ -7122,7 +7132,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       Z && /* @__PURE__ */ e.createElement(
         Ze,
         {
-          hasValidationMessage: !!$,
+          hasValidationMessage: !!y,
           id: l,
           message: Z,
           validationMessageHasDecorators: !1,
@@ -7171,13 +7181,13 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   options: _,
   required: h = !1,
   showLabel: v = !0,
-  tooltipText: g = null,
+  tooltipText: C = null,
   validationMessage: f,
-  validationStatus: C,
-  value: $,
+  validationStatus: g,
+  value: y,
   ...p
 }) => {
-  const d = "pds-radio-group", E = t ? J.disabled : null, y = h && !t ? J.required : null, N = C === "error" ? J.error : null, w = C === "success" ? J.success : null, L = typeof $ < "u", b = typeof r < "u", [k, M] = B(
+  const d = "pds-radio-group", E = t ? J.disabled : null, $ = h && !t ? J.required : null, N = g === "error" ? J.error : null, w = g === "success" ? J.success : null, L = typeof y < "u", b = typeof r < "u", [k, M] = B(
     b ? r : ""
   ), z = f || n, T = (V) => {
     L || M(V.target.value), o && o(V), u && u(V.target.value);
@@ -7190,7 +7200,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       className: H([
         d,
         E,
-        y,
+        $,
         N,
         w,
         s ?? ""
@@ -7207,7 +7217,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         label: i,
         required: h,
         showLabel: v,
-        tooltipText: g
+        tooltipText: C
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, _.map((V, I) => /* @__PURE__ */ e.createElement(
       "div",
@@ -7218,7 +7228,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       /* @__PURE__ */ e.createElement(
         "input",
         {
-          checked: L ? $ === V.value : k === V.value,
+          checked: L ? y === V.value : k === V.value,
           disabled: t || V.disabled,
           id: V.id ? V.id : `${c}-option-${I}`,
           name: c,
@@ -7238,7 +7248,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         hasValidationMessage: !!f,
         id: c,
         message: z,
-        validationStatus: C
+        validationStatus: g
       }
     )
   );
@@ -7258,14 +7268,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     onLabel: _ = "On",
     required: h = !1,
     showLabel: v = !0,
-    showStatusLabel: g = !0,
+    showStatusLabel: C = !0,
     statusLabelPlacement: f = "right",
-    switchPlacement: C = "right",
-    ...$
+    switchPlacement: g = "right",
+    ...y
   }, p) => {
-    const d = je(i), E = "pds-switch", y = `${E}--${C}`, N = m ? `${E}--message` : null, w = a ? J.disabled : null, L = h && !a ? J.required : null, b = typeof s < "u", k = !b && t ? t : !1, [M, z] = B(k), T = s || M ? _ : o, A = (X) => {
+    const d = je(i), E = "pds-switch", $ = `${E}--${g}`, N = m ? `${E}--message` : null, w = a ? J.disabled : null, L = h && !a ? J.required : null, b = typeof s < "u", k = !b && t ? t : !1, [M, z] = B(k), T = s || M ? _ : o, A = (X) => {
       b || z(X.target.checked), u && u(X);
-    }, V = g ? /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true", className: `${E}__toggle-label` }, T) : null, I = () => {
+    }, V = C ? /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true", className: `${E}__toggle-label` }, T) : null, I = () => {
       a || document.getElementById(c)?.click();
     }, Z = /* @__PURE__ */ e.createElement(
       "div",
@@ -7297,7 +7307,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           className: `${E}__track`,
           onClick: I
         },
-        !g && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+        !C && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
           "span",
           {
             className: `${E}__track-icon`,
@@ -7330,14 +7340,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         className: H([
           J.base,
           E,
-          y,
+          $,
           N,
           w,
           L,
           r
         ]),
         style: i ? d : null,
-        ...$
+        ...y
       },
       /* @__PURE__ */ e.createElement(
         Be,
@@ -7368,19 +7378,19 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   setFocusedIndex: _,
   tag: h,
   totalTags: v,
-  translationStrings: g
+  translationStrings: C
 }) => {
-  const f = ue(null), C = "pds-tags-input__tag";
+  const f = ue(null), g = "pds-tags-input__tag";
   me(() => {
     t === a && f.current && f.current.focus();
   }, [t, a]);
-  const $ = (M) => {
+  const y = (M) => {
     if (!l || !f.current) return;
     const z = window.getComputedStyle(
       f.current.closest(".pds-tags-input") || document.documentElement
     ), T = z.getPropertyValue("--tag-hover-background").trim(), A = z.getPropertyValue("--tag-text-hover-color").trim(), V = z.getPropertyValue("--tag-selected-outline").trim(), I = f.current.style.backgroundColor, Z = f.current.style.color, W = f.current.style.outline, X = f.current.style.outlineOffset;
     f.current.style.backgroundColor = T, f.current.style.color = A, f.current.style.outline = V, f.current.style.outlineOffset = "-1px", f.current.offsetHeight, M.dataTransfer.effectAllowed = "move", M.dataTransfer.setData("text/html", M.currentTarget.innerHTML), setTimeout(() => {
-      f.current && (f.current.style.backgroundColor = I, f.current.style.color = Z, f.current.style.outline = W, f.current.style.outlineOffset = X, f.current.classList.add(`${C}--dragging`));
+      f.current && (f.current.style.backgroundColor = I, f.current.style.color = Z, f.current.style.outline = W, f.current.style.outlineOffset = X, f.current.classList.add(`${g}--dragging`));
     }, 0), m(h.id);
   }, p = (M) => {
     if (!l || !f.current) return;
@@ -7400,14 +7410,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       }
       M.key === "Delete" ? (M.preventDefault(), u(h.id), a > 0 && _(a - 1)) : M.key === "ArrowLeft" && !M.shiftKey && a > 0 ? (M.preventDefault(), _(a - 1)) : M.key === "ArrowRight" && !M.shiftKey && a < v - 1 && (M.preventDefault(), _(a + 1));
     }
-  }, E = String(a + 1), y = String(v), N = l ? g.tagAriaLabel : g.tagAriaLabelSimple, w = `${h.value}, ${N.replace("{index}", E).replace("{total}", y)}`, L = c ? `${C}--dragging` : null, b = s ? J.disabled : null, k = r ? `${C}--drop-target-${r}` : null;
+  }, E = String(a + 1), $ = String(v), N = l ? C.tagAriaLabel : C.tagAriaLabelSimple, w = `${h.value}, ${N.replace("{index}", E).replace("{total}", $)}`, L = c ? `${g}--dragging` : null, b = s ? J.disabled : null, k = r ? `${g}--drop-target-${r}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: f,
       "aria-label": w,
       className: H([
-        C,
+        g,
         L,
         b,
         k
@@ -7415,18 +7425,18 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       draggable: l && !s,
       onDragEnd: l ? i : void 0,
       onDragOver: l ? p : void 0,
-      onDragStart: l ? $ : void 0,
+      onDragStart: l ? y : void 0,
       onKeyDown: d,
       role: "button",
       tabIndex: s ? -1 : 0
     },
-    l && /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true", className: `${C}-grip` }, /* @__PURE__ */ e.createElement(D, { iconName: "gripDotsVertical", iconSize: "sm" })),
-    /* @__PURE__ */ e.createElement("span", { className: `${C}-text` }, h.value),
+    l && /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true", className: `${g}-grip` }, /* @__PURE__ */ e.createElement(D, { iconName: "gripDotsVertical", iconSize: "sm" })),
+    /* @__PURE__ */ e.createElement("span", { className: `${g}-text` }, h.value),
     /* @__PURE__ */ e.createElement(
       "button",
       {
-        "aria-label": g.tagRemove.replace("{value}", h.value),
-        className: `${C}-remove`,
+        "aria-label": C.tagRemove.replace("{value}", h.value),
+        className: `${g}-remove`,
         disabled: s,
         onClick: (M) => {
           M.stopPropagation(), u(h.id);
@@ -7437,7 +7447,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       /* @__PURE__ */ e.createElement(
         D,
         {
-          className: `${C}-remove-icon`,
+          className: `${g}-remove-icon`,
           iconName: "xmark",
           iconSize: "md"
         }
@@ -7460,7 +7470,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     required: _ = !1,
     showLabel: h = !0,
     tags: v,
-    tooltipText: g = null,
+    tooltipText: C = null,
     translationStrings: f = {
       inputInstructions: "Type a tag name and press Enter to add. Press Backspace on empty input to remove last tag. Press left arrow on empty input to navigate to tags.",
       tagAriaLabel: "tag {index} of {total}. Press Shift plus arrow keys to reorder, Delete to remove.",
@@ -7468,11 +7478,11 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       tagRemove: "Remove {value}",
       tagsListLabel: "Current tags"
     },
-    validationMessage: C,
-    validationStatus: $,
+    validationMessage: g,
+    validationStatus: y,
     ...p
   }, d) => {
-    const E = je(l), y = "pds-tags-input", N = t ? J.disabled : null, w = _ && !t ? J.required : null, L = $ === "error" ? J.error : null, b = $ === "success" ? J.success : null, k = C || m, [M, z] = B(""), [T, A] = B(null), [V, I] = B(null), [Z, W] = B(null), [X, ce] = B(null), [te, se] = B(""), Y = ue(null), S = v.length > 0 ? s : u, x = (Q) => {
+    const E = je(l), $ = "pds-tags-input", N = t ? J.disabled : null, w = _ && !t ? J.required : null, L = y === "error" ? J.error : null, b = y === "success" ? J.success : null, k = g || m, [M, z] = B(""), [T, A] = B(null), [V, I] = B(null), [Z, W] = B(null), [X, ce] = B(null), [te, se] = B(""), Y = ue(null), S = v.length > 0 ? s : u, x = (Q) => {
       se(Q), setTimeout(() => se(""), 1e3);
     }, O = (Q) => {
       o(Q);
@@ -7519,7 +7529,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       {
         className: H([
           J.base,
-          y,
+          $,
           N,
           w,
           L,
@@ -7537,7 +7547,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           label: n,
           required: _,
           showLabel: h,
-          tooltipText: g
+          tooltipText: C
         }
       ),
       /* @__PURE__ */ e.createElement("div", { "aria-atomic": "true", "aria-live": "polite", className: "visually-hidden" }, te),
@@ -7545,7 +7555,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         "div",
         {
           "aria-labelledby": `${a}-label`,
-          className: `${y}__input-wrapper`,
+          className: `${$}__input-wrapper`,
           role: "group",
           style: { minHeight: `${c}px` }
         },
@@ -7553,7 +7563,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           "div",
           {
             "aria-label": f.tagsListLabel,
-            className: `${y}__tags`,
+            className: `${$}__tags`,
             onDrop: i ? G : void 0,
             role: "list"
           },
@@ -7588,8 +7598,8 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
               Y.current = Q, typeof d == "function" ? d(Q) : d && (d.current = Q);
             },
             "aria-describedby": `${a}__instructions`,
-            "aria-invalid": $ === "error" ? !0 : null,
-            className: `${y}__input`,
+            "aria-invalid": y === "error" ? !0 : null,
+            className: `${$}__input`,
             disabled: t,
             id: a,
             name: a,
@@ -7606,11 +7616,11 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       k && /* @__PURE__ */ e.createElement(
         Ze,
         {
-          hasValidationMessage: !!C,
+          hasValidationMessage: !!g,
           id: a,
           message: k,
           validationMessageHasDecorators: !1,
-          validationStatus: $
+          validationStatus: y
         }
       )
     );
@@ -7631,10 +7641,10 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     onFocus: _,
     placeholder: h,
     readonly: v = !1,
-    required: g = !1,
+    required: C = !1,
     rows: f = 5,
-    showLabel: C,
-    textareaProps: $,
+    showLabel: g,
+    textareaProps: y,
     tooltipText: p = null,
     translationStrings: d = {
       clearButton: "Clear input text",
@@ -7645,11 +7655,11 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       visibilityToggleShow: "Show input value"
     },
     validationMessage: E,
-    validationStatus: y,
+    validationStatus: $,
     value: N,
     ...w
   }, L) => {
-    const b = je(l), k = "pds-textarea", M = i ? "pds-is-resizable" : null, z = a ? J.disabled : null, T = g && !a ? J.required : null, A = y === "error" ? J.error : null, V = y === "success" ? J.success : null, I = v ? J.readonly : null, Z = E || m, W = N != null && u !== void 0, X = typeof t < "u", [ce, te] = B(
+    const b = je(l), k = "pds-textarea", M = i ? "pds-is-resizable" : null, z = a ? J.disabled : null, T = C && !a ? J.required : null, A = $ === "error" ? J.error : null, V = $ === "success" ? J.success : null, I = v ? J.readonly : null, Z = E || m, W = N != null && u !== void 0, X = typeof t < "u", [ce, te] = B(
       X ? t : ""
     ), se = N || ce, Y = (x) => {
       W || te(x.target.value), u && u(x);
@@ -7679,8 +7689,8 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           disabled: a,
           id: c,
           label: n,
-          required: g,
-          showLabel: C,
+          required: C,
+          showLabel: g,
           tooltipText: p
         }
       ), r && /* @__PURE__ */ e.createElement(
@@ -7697,7 +7707,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         {
           ref: L,
           "aria-describedby": Z ? `${c}__message` : null,
-          "aria-invalid": y === "error",
+          "aria-invalid": $ === "error",
           className: H([`${k}--textarea`, M]),
           disabled: a,
           id: c,
@@ -7707,10 +7717,10 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           onFocus: _,
           placeholder: h,
           readOnly: v,
-          required: g,
+          required: C,
           rows: f,
           value: W ? N : ce,
-          ...$
+          ...y
         }
       )),
       Z && /* @__PURE__ */ e.createElement(
@@ -7720,7 +7730,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           hasValidationMessage: !!E,
           id: c,
           message: Z,
-          validationStatus: y
+          validationStatus: $
         }
       )
     );
@@ -7741,14 +7751,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     label: _,
     message: h,
     onBlur: v,
-    onChange: g,
+    onChange: C,
     onClear: f,
-    onFocus: C,
-    placeholder: $,
+    onFocus: g,
+    placeholder: y,
     readonly: p = !1,
     required: d = !1,
     searchIcon: E = "search",
-    showLabel: y = !0,
+    showLabel: $ = !0,
     showVisibilityToggle: N = !1,
     tooltipText: w = null,
     translationStrings: L = {
@@ -7790,9 +7800,9 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
             value: ve
           }
         };
-        x || K(ve), g && g(be);
+        x || K(ve), C && C(be);
       } else
-        x || K(ne.target.value), g && g(ne);
+        x || K(ne.target.value), C && C(ne);
     }, re = () => {
       x || K(""), f && f();
       const ne = document.getElementById(m);
@@ -7827,7 +7837,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           id: m,
           label: _,
           required: d,
-          showLabel: y,
+          showLabel: $,
           tooltipText: w
         }
       ),
@@ -7852,8 +7862,8 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
             name: m,
             onBlur: G,
             onChange: oe,
-            onFocus: C,
-            placeholder: $,
+            onFocus: g,
+            placeholder: y,
             readOnly: p,
             required: d,
             type: ae,
@@ -7961,20 +7971,20 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   title: u,
   ..._
 }) => {
-  const h = Pe(r), v = h.__unslotted, g = h.footer, f = "pds-modal", C = o !== "md" ? `${f}--${o}` : null, $ = c ? {
+  const h = Pe(r), v = h.__unslotted, C = h.footer, f = "pds-modal", g = o !== "md" ? `${f}--${o}` : null, y = c ? {
     maxHeight: c,
     paddingInlineEnd: "1rem",
     marginInlineEnd: "-1rem",
     overflowY: "auto"
-  } : null, [p, d] = B(n), { closeOverlay: E, openOverlay: y } = l2();
+  } : null, [p, d] = B(n), { closeOverlay: E, openOverlay: $ } = l2();
   me(() => {
     d(n);
   }, [n]), me(() => {
     m(p);
   }, [p]), me(() => {
-    if (!(!y || !E) && p)
-      return y(), () => E();
-  }, [p, y, E]);
+    if (!(!$ || !E) && p)
+      return $(), () => E();
+  }, [p, $, E]);
   const { context: N, floatingStyles: w, refs: L } = He({
     open: p,
     onOpenChange: d
@@ -8016,7 +8026,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         ref: L.setFloating,
         "aria-label": s || u,
         ...z(),
-        className: H([f, C, t]),
+        className: H([f, g, t]),
         style: {
           ...w,
           ...A,
@@ -8034,8 +8044,8 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         }
       )),
       /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, u),
-      /* @__PURE__ */ e.createElement("div", { className: `${f}__content`, style: $ }, v),
-      g && /* @__PURE__ */ e.createElement("div", { className: `${f}__footer` }, g)
+      /* @__PURE__ */ e.createElement("div", { className: `${f}__content`, style: y }, v),
+      C && /* @__PURE__ */ e.createElement("div", { className: `${f}__footer` }, C)
     ))
   ));
 }, Mn = ({
@@ -8147,24 +8157,24 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   i && (l = i.isMobile);
   const n = ue(null), m = "pds-button-nav", o = l ? `${m}--isMobile` : null, u = a !== "md" ? `${m}--${a}` : null;
   me(() => {
-    const f = (C) => {
+    const f = (g) => {
       if (l) return;
-      const $ = n.current;
-      if (!$) return;
+      const y = n.current;
+      if (!y) return;
       const p = Array.from(
-        $.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])')
+        y.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])')
       );
       if (p.length === 0) return;
       const d = document.activeElement, E = p.indexOf(d);
       if (E !== -1) {
-        if (C.key === "ArrowRight") {
-          C.preventDefault();
-          const y = (E + 1) % p.length;
-          p[y].focus();
-        } else if (C.key === "ArrowLeft") {
-          C.preventDefault();
-          const y = (E - 1 + p.length) % p.length;
-          p[y].focus();
+        if (g.key === "ArrowRight") {
+          g.preventDefault();
+          const $ = (E + 1) % p.length;
+          p[$].focus();
+        } else if (g.key === "ArrowLeft") {
+          g.preventDefault();
+          const $ = (E - 1 + p.length) % p.length;
+          p[$].focus();
         }
       }
     };
@@ -8172,22 +8182,22 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       document.removeEventListener("keydown", f);
     };
   }, [l]);
-  const _ = ({ isActive: f, linkContent: C }) => {
-    const $ = `${m}__item`;
+  const _ = ({ isActive: f, linkContent: g }) => {
+    const y = `${m}__item`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
         className: H([
-          $,
-          f ? `${$}--active` : null
+          y,
+          f ? `${y}--active` : null
         ])
       },
-      C
+      g
     );
-  }, h = t.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu` }, t.map((f, C) => /* @__PURE__ */ e.createElement(
+  }, h = t.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu` }, t.map((f, g) => /* @__PURE__ */ e.createElement(
     _,
     {
-      key: C,
+      key: g,
       isActive: Le(f),
       linkContent: f.linkContent
     }
@@ -8201,7 +8211,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       isLink: !0
     }));
   });
-  const g = v.length > 0 ? /* @__PURE__ */ e.createElement(
+  const C = v.length > 0 ? /* @__PURE__ */ e.createElement(
     _1,
     {
       actionItems: v,
@@ -8223,7 +8233,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       ]),
       ...c
     },
-    l ? g : h
+    l ? C : h
   );
 }, hs = ({
   className: s,
@@ -8253,29 +8263,29 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   skiplinkText: u = "Skip to main content",
   ..._
 }) => {
-  const { isMobile: h, windowWidth: v } = ye(Me), [g, f] = B(() => c !== void 0 ? c : v > 1440), C = ue(null), [$] = St(C), p = $.width;
+  const { isMobile: h, windowWidth: v } = ye(Me), [C, f] = B(() => c !== void 0 ? c : v > 1440), g = ue(null), [y] = St(g), p = y.width;
   me(() => {
     c !== void 0 && f(c);
   }, [c]), me(() => {
-    i(g);
-  }, [g, i]);
+    i(C);
+  }, [C, i]);
   const d = {
-    isSidebarExpanded: h ? !0 : g,
+    isSidebarExpanded: h ? !0 : C,
     logoLinkContent: l,
     navbarWidth: p,
     isAdmin: a
-  }, E = "pds-dashboard-global", y = a ? `${E}--isAdmin` : null, N = h ? `${E}--isMobile` : `${E}--notMobile`, w = h ? null : g ? `${E}--sidebarExpanded` : `${E}--sidebarCollapsed`, L = g ? `${m}rem` : `${n}rem`, b = {
+  }, E = "pds-dashboard-global", $ = a ? `${E}--isAdmin` : null, N = h ? `${E}--isMobile` : `${E}--notMobile`, w = h ? null : C ? `${E}--sidebarExpanded` : `${E}--sidebarCollapsed`, L = C ? `${m}rem` : `${n}rem`, b = {
     width: L,
     transition: "width 200ms ease-in-out"
   }, k = h ? {} : {
     width: `calc(100% - ${L})`,
     transition: "width 200ms ease-in-out"
   }, M = () => {
-    f(!g);
+    f(!C);
   }, z = Pe(s), T = z.header, A = z.sidebar, V = z.main, I = z.footer, Z = /* @__PURE__ */ e.createElement(e.Fragment, null, T, /* @__PURE__ */ e.createElement("aside", { className: `${E}__sidebar` }, A), /* @__PURE__ */ e.createElement("main", { className: `${E}__main`, id: "main" }, V), I && /* @__PURE__ */ e.createElement("footer", { className: `${E}__footer` }, I)), W = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${E}__sidebar`, style: b }, t && /* @__PURE__ */ e.createElement(
     "button",
     {
-      "aria-expanded": g,
+      "aria-expanded": C,
       "aria-label": o,
       className: `${E}__sidebar-toggle-button`,
       onClick: M
@@ -8284,7 +8294,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   ), /* @__PURE__ */ e.createElement("div", { className: `${E}__sidebar-inner` }, A)), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: C,
+      ref: g,
       className: `${E}__right`,
       style: k
     },
@@ -8296,7 +8306,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     {
       className: H([
         E,
-        y,
+        $,
         N,
         w,
         "pds-typography--product",
@@ -8322,14 +8332,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     }
   ), v = (A) => {
     A.key === "Enter" && d.current[m].querySelector("a")?.click();
-  }, g = (A) => {
+  }, C = (A) => {
     A.target.nodeName === "A" && n(!1);
   };
   me(() => {
     if (i) {
       const A = document.querySelector(".pds-dropdown-menu__dropdown");
-      return A.addEventListener("click", g), () => {
-        A.removeEventListener("click", g);
+      return A.addEventListener("click", C), () => {
+        A.removeEventListener("click", C);
       };
     }
   }, [i]);
@@ -8351,7 +8361,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         })
       )
     };
-  }, C = (A) => {
+  }, g = (A) => {
     const V = [];
     return A.forEach((I) => {
       I.links ? (V.push(f({ item: I, level: "top-level" })), I.links.forEach((Z) => {
@@ -8368,19 +8378,19 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         })) : V.push(f({ item: Z, level: "second-level" }));
       })) : V.push(f({ item: I, level: "top-level" }));
     }), V;
-  }, { context: $, refs: p } = He({
+  }, { context: y, refs: p } = He({
     placement: "bottom-start",
     open: i,
     onOpenChange: n,
     whileElementsMounted: ze
-  }), d = ue([]), E = dt($, {
+  }), d = ue([]), E = dt(y, {
     listRef: d,
     activeIndex: m,
     onNavigate: o,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), y = tt($, { event: "mousedown" }), N = De($), w = Fe($, { role: "menu" }), L = e2($, {
+  }), $ = tt(y, { event: "mousedown" }), N = De(y), w = Fe(y, { role: "menu" }), L = e2(y, {
     listRef: d,
     activeIndex: m,
     selectedIndex: null,
@@ -8392,8 +8402,8 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       return A.find((Z) => (Z?.textContent?.trim().toLowerCase() ?? "").startsWith(I));
     }
   }), { getFloatingProps: b, getItemProps: k, getReferenceProps: M } = Te(
-    [N, w, y, E, L]
-  ), { isMounted: z, styles: T } = st($, {
+    [N, w, $, E, L]
+  ), { isMounted: z, styles: T } = st(y, {
     duration: {
       open: 300,
       close: 300
@@ -8436,7 +8446,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       },
       ...b()
     },
-    C(t).map((A, V) => /* @__PURE__ */ e.createElement(
+    g(t).map((A, V) => /* @__PURE__ */ e.createElement(
       "li",
       {
         key: V,
@@ -8481,19 +8491,19 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       },
       M.linkContent
     ))
-  ), [_, h] = B(!1), { context: v, floatingStyles: g, refs: f } = He({
+  ), [_, h] = B(!1), { context: v, floatingStyles: C, refs: f } = He({
     placement: "right-start",
     open: _,
     onOpenChange: h,
     middleware: [Ue(12), We(), mt()],
     whileElementsMounted: ze
-  }), C = Et(v, {
+  }), g = Et(v, {
     move: !1,
     delay: { open: 100, close: 0 },
     handleClose: t2()
-  }), $ = Jt(v), p = De(v), d = Fe(v, { role: "menu" }), { getFloatingProps: E, getReferenceProps: y } = Te([
-    C,
-    $,
+  }), y = Jt(v), p = De(v), d = Fe(v, { role: "menu" }), { getFloatingProps: E, getReferenceProps: $ } = Te([
+    g,
+    y,
     p,
     d
   ]), N = (b) => {
@@ -8560,7 +8570,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         t ? null : `${n}--collapsed`,
         r ? `${n}--active` : null
       ]),
-      ...y()
+      ...$()
     },
     l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${n}-wrapper` }, it(
       i,
@@ -8587,7 +8597,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         "aria-hidden": !_,
         className: `${i}__flyout`,
         style: {
-          ...g,
+          ...C,
           opacity: _ ? 1 : 0,
           pointerEvents: _ ? "auto" : "none",
           transition: `opacity 200ms ${n2}`
@@ -8626,29 +8636,29 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   const m = ye(i2);
   let o = !0, u = null;
   m && (o = m.isSidebarExpanded, u = m.logoLinkContent);
-  const _ = "pds-dashboard-nav", h = o ? `${_}--expanded` : `${_}--collapsed`, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${_}__menu ${_}__menu--top-level` }, a.map((C, $) => /* @__PURE__ */ e.createElement(
+  const _ = "pds-dashboard-nav", h = o ? `${_}--expanded` : `${_}--collapsed`, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${_}__menu ${_}__menu--top-level` }, a.map((g, y) => /* @__PURE__ */ e.createElement(
     gs,
     {
-      key: $,
-      icon: C.icon,
-      isActive: Le(C),
+      key: y,
+      icon: g.icon,
+      isActive: Le(g),
       isSidebarExpanded: o,
       labels: t,
-      linkContent: C.linkContent,
-      links: C.links
+      linkContent: g.linkContent,
+      links: g.links
     }
-  )))), g = a.map((C) => ({
-    ...C,
+  )))), C = a.map((g) => ({
+    ...g,
     linkContent: it(
       _,
-      C.linkContent,
-      C.links,
-      C.icon
+      g.linkContent,
+      g.links,
+      g.icon
     )
   })), f = /* @__PURE__ */ e.createElement(
     At,
     {
-      menuItems: g,
+      menuItems: C,
       selectTextFallback: c
     }
   );
@@ -8722,13 +8732,13 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   siteList: h,
   ...v
 }) => {
-  const [g, f] = B(null);
-  let C = !1;
-  const $ = ye(Me);
-  $ && (C = $.isMobile);
-  const p = "pds-dashboard-search", d = C ? `${p}--isMobile` : null, E = (b) => {
+  const [C, f] = B(null);
+  let g = !1;
+  const y = ye(Me);
+  y && (g = y.isMobile);
+  const p = "pds-dashboard-search", d = g ? `${p}--isMobile` : null, E = (b) => {
     f(b.value), u && u(b.siteData);
-  }, y = h.map((b) => {
+  }, $ = h.map((b) => {
     const { id: k, machineName: M, name: z } = b;
     return {
       id: k,
@@ -8744,7 +8754,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       hasClearButton: !0,
       hasSearchShortcut: !0,
       className: `${p}__combobox`,
-      defaultValue: g,
+      defaultValue: C,
       disabled: r,
       id: `${a}-combobox`,
       isLoading: c,
@@ -8754,7 +8764,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       noResultsText: m,
       onFocus: o,
       onOptionSelect: E,
-      options: y,
+      options: $,
       placeholder: _,
       showLabel: !1
     }
@@ -8766,7 +8776,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       id: a,
       ...v
     },
-    C ? L : w
+    g ? L : w
   );
 }, gt = ({
   children: s,
@@ -8801,12 +8811,12 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   ..._
 }) => {
   const [h, v] = B(!1);
-  let g = !1;
+  let C = !1;
   const f = ye(Me);
-  f && (g = f.isMobile);
-  const { closeOverlay: C, openOverlay: $ } = l2(), p = ye(i2);
+  f && (C = f.isMobile);
+  const { closeOverlay: g, openOverlay: y } = l2(), p = ye(i2);
   p && (n = p.logoLinkContent);
-  const d = "pds-navbar", E = c ? `${d}--noBorder` : "", y = t !== "default" ? `${d}--${t}` : "", N = g ? `${d}--isMobile` : `${d}--notMobile`, w = (Y) => {
+  const d = "pds-navbar", E = c ? `${d}--noBorder` : "", $ = t !== "default" ? `${d}--${t}` : "", N = C ? `${d}--isMobile` : `${d}--notMobile`, w = (Y) => {
     const S = Y.key;
     let x = !1;
     switch (S) {
@@ -8822,7 +8832,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   }), []);
   const L = () => v(!h), b = X2();
   me(() => {
-    if (g && s) {
+    if (C && s) {
       const Y = S2(
         document.querySelector(".pds-navbar__mobile")
       ), S = ["a", "button", "input", "select", "textarea"];
@@ -8846,9 +8856,9 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   }, [h]), me(() => {
     h ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [h]), me(() => {
-    if (!(!$ || !C) && h)
-      return $(), () => C();
-  }, [h, $, C]);
+    if (!(!y || !g) && h)
+      return y(), () => g();
+  }, [h, y, g]);
   const M = Pe(s), z = M["items-left"], T = M["items-right"];
   let A = "default";
   (t === "reverse" || t === "reverse-transparent") && (A = "reverse");
@@ -8902,14 +8912,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     {
       className: H([
         d,
-        y,
+        $,
         E,
         N,
         r ?? ""
       ]),
       ..._
     },
-    g ? te : se
+    C ? te : se
   );
 }, _s = ({
   items: s,
@@ -8927,7 +8937,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     open: a,
     onOpenChange: c,
     whileElementsMounted: ze
-  }), h = tt(u, { event: "mousedown" }), v = De(u), g = Fe(u, { role: "menu" });
+  }), h = tt(u, { event: "mousedown" }), v = De(u), C = Fe(u, { role: "menu" });
   let f;
   m ? f = Et(u, {
     enabled: !1
@@ -8939,9 +8949,9 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     }),
     enabled: !0
   });
-  const { getFloatingProps: C, getReferenceProps: $ } = Te([
+  const { getFloatingProps: g, getReferenceProps: y } = Te([
     v,
-    g,
+    C,
     h,
     f
   ]), p = (d) => !!(d.isActive || d.linkContent && d.linkContent.props.className && d.linkContent.props.className.includes("pds-isActive"));
@@ -8951,7 +8961,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       ref: _.setReference,
       className: `${o}__trigger`,
       type: "button",
-      ...$()
+      ...y()
     },
     r,
     /* @__PURE__ */ e.createElement(D, { className: `${o}__trigger-icon`, iconName: "angleDown" })
@@ -8960,7 +8970,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     {
       ref: _.setFloating,
       className: `${o}__dropdown`,
-      ...C()
+      ...g()
     },
     s.map((d, E) => /* @__PURE__ */ e.createElement(
       "li",
@@ -8980,29 +8990,29 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   mobileMenuMaxWidth: c = 640,
   ...l
 }) => {
-  const [i, n] = B(1025), [m, o] = B(null), [u, _] = B(-1), [h, v] = B(null), [g, f] = B({
+  const [i, n] = B(1025), [m, o] = B(null), [u, _] = B(-1), [h, v] = B(null), [C, f] = B({
     container: null,
     containerChildren: []
   });
-  me(() => (n(window.innerWidth), window.addEventListener("resize", C), () => {
-    window.removeEventListener("resize", C);
+  me(() => (n(window.innerWidth), window.addEventListener("resize", g), () => {
+    window.removeEventListener("resize", g);
   }), []);
-  const C = () => {
+  const g = () => {
     n(window.innerWidth);
-  }, $ = i <= c;
+  }, y = i <= c;
   me(() => {
-    g.containerChildren[m] && (g.containerChildren[m].classList.contains(
+    C.containerChildren[m] && (C.containerChildren[m].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && h == "down" ? o(m + 1) : g.containerChildren[m].classList.contains(
+    ) && h == "down" ? o(m + 1) : C.containerChildren[m].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && h == "up" ? o(m - 1) : g.containerChildren[m].children[0].focus());
+    ) && h == "up" ? o(m - 1) : C.containerChildren[m].children[0].focus());
   }, [m]), me(() => {
-    u != -1 && (y.current[u].children[0].blur(), y.current[u].children[0].focus({
+    u != -1 && ($.current[u].children[0].blur(), $.current[u].children[0].focus({
       focusVisible: !0
     }));
   }, [u]);
-  const p = "pds-nav-menu", d = t !== "default" ? `${p}--${t}` : "", E = $ ? `${p}--isMobile` : `${p}--notMobile`, y = ue([]), N = (b) => {
-    const k = y.current.length - 1, I = {
+  const p = "pds-nav-menu", d = t !== "default" ? `${p}--${t}` : "", E = y ? `${p}--isMobile` : `${p}--notMobile`, $ = ue([]), N = (b) => {
+    const k = $.current.length - 1, I = {
       ArrowRight: () => {
         o(-1), _(u === -1 ? 1 : u === k ? 0 : u + 1);
       },
@@ -9012,13 +9022,13 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       ArrowDown: () => {
         v("down");
         const Z = b.target.parentNode.children[1], W = b.target?.parentNode.children[1]?.children || b.target?.parentNode.parentNode.children[1]?.children;
-        g.container != Z && Z != null && f({
+        C.container != Z && Z != null && f({
           container: Z,
           containerChildren: [...W]
-        }), m === null || m == g.containerChildren.length - 1 ? o(0) : o(parseInt(m) + 1);
+        }), m === null || m == C.containerChildren.length - 1 ? o(0) : o(parseInt(m) + 1);
       },
       ArrowUp: () => {
-        v("up"), o(m === 0 ? g.containerChildren.length - 1 : parseInt(m) - 1);
+        v("up"), o(m === 0 ? C.containerChildren.length - 1 : parseInt(m) - 1);
       }
     }[b.code];
     I && I();
@@ -9040,7 +9050,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         {
           key: `${k}-dropdown`,
           ref: (T) => {
-            y.current[k] = T;
+            $.current[k] = T;
           },
           className: `${p}__item ${p}__item--top-level ${p}__item--has-children ${w(b) === !0 ? `${p}__item--active` : ""}`,
           id: z
@@ -9060,7 +9070,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         {
           key: k,
           ref: (T) => {
-            y.current[k] = T;
+            $.current[k] = T;
           },
           className: `${p}__item ${p}__item--top-level ${p}__item--has-link ${w(b) === !0 ? `${p}__item--active` : ""}`,
           id: z
@@ -9092,15 +9102,15 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   mobileMenuSelectTextFallback: l = "Navigate to...",
   ...i
 }) => {
-  const n = "pds-side-nav", m = `${n}__item`, o = `${n}__menu`, u = (g) => {
-    const f = g.currentTarget;
-    let C = null;
-    const $ = f.parentElement;
-    if ($?.classList.contains(`${m}-wrapper`) ? C = $.nextElementSibling : C = f.nextElementSibling, !C) return;
+  const n = "pds-side-nav", m = `${n}__item`, o = `${n}__menu`, u = (C) => {
+    const f = C.currentTarget;
+    let g = null;
+    const y = f.parentElement;
+    if (y?.classList.contains(`${m}-wrapper`) ? g = y.nextElementSibling : g = f.nextElementSibling, !g) return;
     const p = f.getAttribute("aria-expanded") === "false";
-    f.classList.toggle(`${n}__toggle--expanded`, p), f.setAttribute("aria-expanded", p ? "true" : "false"), C.classList.toggle(`${o}--expanded`, p);
-  }, _ = (g, f) => {
-    const { linkContent: C, links: $ } = g, p = Le(g), d = fs(C), E = p;
+    f.classList.toggle(`${n}__toggle--expanded`, p), f.setAttribute("aria-expanded", p ? "true" : "false"), g.classList.toggle(`${o}--expanded`, p);
+  }, _ = (C, f) => {
+    const { linkContent: g, links: y } = C, p = Le(C), d = fs(g), E = p;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9108,11 +9118,11 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         className: H([
           m,
           `${m}--top-level`,
-          $ ? `${m}--has-children` : null,
+          y ? `${m}--has-children` : null,
           p ? `${m}--active` : null
         ])
       },
-      $ ? d ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${m}-wrapper` }, _t(C, $), /* @__PURE__ */ e.createElement(
+      y ? d ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${m}-wrapper` }, _t(g, y), /* @__PURE__ */ e.createElement(
         "button",
         {
           "aria-expanded": E,
@@ -9124,7 +9134,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           type: "button"
         },
         /* @__PURE__ */ e.createElement(D, { iconName: "angleDown", iconSize: "md" }),
-        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Ie(C)} ${a.submenu}`)
+        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Ie(g)} ${a.submenu}`)
       )), /* @__PURE__ */ e.createElement(
         "ul",
         {
@@ -9134,19 +9144,19 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
             E ? `${o}--expanded` : null
           ])
         },
-        $.map((y, N) => /* @__PURE__ */ e.createElement(
+        y.map(($, N) => /* @__PURE__ */ e.createElement(
           "li",
           {
             key: N,
             className: H([
               m,
               `${m}--second-level`,
-              Le(y) ? `${m}--active` : null
+              Le($) ? `${m}--active` : null
             ])
           },
           _t(
-            y.linkContent,
-            y.links
+            $.linkContent,
+            $.links
           )
         ))
       )) : (
@@ -9163,20 +9173,20 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
             onClick: u,
             type: "button"
           },
-          Ee(C) && C.type === "span" ? (
+          Ee(g) && g.type === "span" ? (
             // If linkContent is already a span, clone it and add the toggle-content class.
-            Re(C, {
+            Re(g, {
               className: H([
-                C.props.className,
+                g.props.className,
                 `${n}__toggle-content`
               ])
             })
           ) : (
             // For other content types, wrap in toggle-content span
-            /* @__PURE__ */ e.createElement("span", { className: `${n}__toggle-content` }, C)
+            /* @__PURE__ */ e.createElement("span", { className: `${n}__toggle-content` }, g)
           ),
           /* @__PURE__ */ e.createElement(D, { iconName: "angleDown", iconSize: "md" }),
-          /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Ie(C)} ${a.submenu}`)
+          /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Ie(g)} ${a.submenu}`)
         ), /* @__PURE__ */ e.createElement(
           "ul",
           {
@@ -9186,28 +9196,28 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
               E ? `${o}--expanded` : null
             ])
           },
-          $.map((y, N) => /* @__PURE__ */ e.createElement(
+          y.map(($, N) => /* @__PURE__ */ e.createElement(
             "li",
             {
               key: N,
               className: H([
                 m,
                 `${m}--second-level`,
-                Le(y) ? `${m}--active` : null
+                Le($) ? `${m}--active` : null
               ])
             },
             _t(
-              y.linkContent,
-              y.links
+              $.linkContent,
+              $.links
             )
           ))
         ))
       ) : (
         // If no top-level child links are present, render the link content as is.
-        C
+        g
       )
     );
-  }, h = /* @__PURE__ */ e.createElement(e.Fragment, null, t && /* @__PURE__ */ e.createElement("h2", { className: `${n}__heading pds-ts-l` }, t), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${n}__menu ${n}__menu--top-level` }, c.map((g, f) => _(g, f)))), v = /* @__PURE__ */ e.createElement(
+  }, h = /* @__PURE__ */ e.createElement(e.Fragment, null, t && /* @__PURE__ */ e.createElement("h2", { className: `${n}__heading pds-ts-l` }, t), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${n}__menu ${n}__menu--top-level` }, c.map((C, f) => _(C, f)))), v = /* @__PURE__ */ e.createElement(
     At,
     {
       className: `${n}__mobile`,
@@ -9240,12 +9250,12 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   mobileMenuSelectTextFallback: n = "Navigate to...",
   ...m
 }) => {
-  const o = "pds-side-nav-compact", u = `${o}__item`, _ = `${o}__menu`, [h, v] = B(1025), [g, f] = B(!1), [C, $] = B([]), p = ue(null), d = ue(null), E = ue([]), y = ue(-1);
+  const o = "pds-side-nav-compact", u = `${o}__item`, _ = `${o}__menu`, [h, v] = B(1025), [C, f] = B(!1), [g, y] = B([]), p = ue(null), d = ue(null), E = ue([]), $ = ue(-1);
   me(() => (v(window.innerWidth), window.addEventListener("resize", N), () => {
     window.removeEventListener("resize", N);
   }), []), me(() => {
     (!w || !t) && L();
-  }, [h, l, C]), me(() => {
+  }, [h, l, g]), me(() => {
     if (p.current) {
       const S = p.current.querySelector(
         ".pds-side-nav-compact__heading a"
@@ -9262,7 +9272,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
           p.current?.querySelectorAll(`.${u}--top-level`) || []
         ).indexOf(K) : -1;
       }).filter((F) => F !== -1), O = Array.from(new Set(x));
-      $(O);
+      y(O);
     }
   }, [l]);
   const N = () => {
@@ -9300,8 +9310,8 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     const x = S.closest(`.${u}-wrapper`);
     return x ? !!x.querySelector(`.${o}__toggle`) : !1;
   }, z = (S) => {
-    if (!g) return;
-    const x = E.current[y.current];
+    if (!C) return;
+    const x = E.current[$.current];
     if (x)
       switch (S.key) {
         case "ArrowDown": {
@@ -9326,7 +9336,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
                 const K = F.querySelector(
                   "a"
                 );
-                K && (K.focus(), y.current = E.current.indexOf(K));
+                K && (K.focus(), $.current = E.current.indexOf(K));
               }
             }, Nt + 50));
           }
@@ -9346,7 +9356,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
               }), setTimeout(() => {
                 L();
                 const G = F.querySelector("a") || K;
-                G && (G.focus(), y.current = E.current.indexOf(G));
+                G && (G.focus(), $.current = E.current.indexOf(G));
               }, Nt));
             }
           } else if (M(x)) {
@@ -9363,11 +9373,11 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   }, T = (S) => {
     const x = E.current;
     if (x.length === 0) return;
-    let O = y.current + S;
-    O < 0 && (O = x.length - 1), O >= x.length && (O = 0), y.current = O, x[O]?.focus();
+    let O = $.current + S;
+    O < 0 && (O = x.length - 1), O >= x.length && (O = 0), $.current = O, x[O]?.focus();
   }, A = (S) => {
-    if (S.key === "Tab" && g && !S.shiftKey) {
-      S.preventDefault(), f(!1), y.current = -1;
+    if (S.key === "Tab" && C && !S.shiftKey) {
+      S.preventDefault(), f(!1), $.current = -1;
       const x = Array.from(
         document.querySelectorAll(
           'a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -9376,14 +9386,14 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       O !== -1 && O < x.length - 1 && x[O + 1].focus();
     }
   }, V = (S) => {
-    if (S.target === p.current && !g)
-      S.preventDefault(), f(!0), L(), E.current.length > 0 && (y.current = 0, E.current[0]?.focus());
-    else if (S.target !== p.current && !g) {
+    if (S.target === p.current && !C)
+      S.preventDefault(), f(!0), L(), E.current.length > 0 && ($.current = 0, E.current[0]?.focus());
+    else if (S.target !== p.current && !C) {
       L();
       const x = E.current.indexOf(
         S.target
       );
-      x !== -1 && (f(!0), y.current = x);
+      x !== -1 && (f(!0), $.current = x);
     }
   }, I = (S) => {
     const x = S.currentTarget, O = x.parentElement?.nextElementSibling;
@@ -9395,7 +9405,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       const R = Array.from(
         p.current?.querySelectorAll(`.${u}--top-level`) || []
       ).indexOf(K);
-      $((G) => F && !G.includes(R) && R !== -1 ? [...G, R] : F ? G : G.filter((oe) => oe !== R));
+      y((G) => F && !G.includes(R) && R !== -1 ? [...G, R] : F ? G : G.filter((oe) => oe !== R));
     }
     F ? Z(O) : W(O);
   }, Z = (S) => {
@@ -9457,7 +9467,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       const Q = Array.from(
         p.current?.querySelectorAll(`.${u}--top-level`) || []
       ).indexOf(_e);
-      re = C.includes(Q);
+      re = g.includes(Q);
     } else
       re = oe;
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${u}-wrapper` }, /* @__PURE__ */ e.createElement(
@@ -9575,19 +9585,19 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       },
       b.linkContent
     ))
-  ), [_, h] = B(!1), { context: v, floatingStyles: g, refs: f } = He({
+  ), [_, h] = B(!1), { context: v, floatingStyles: C, refs: f } = He({
     placement: "right-start",
     open: _,
     onOpenChange: h,
     middleware: [Ue(8), We(), mt()],
     whileElementsMounted: ze
-  }), C = Et(v, {
+  }), g = Et(v, {
     move: !1,
     delay: { open: 100, close: 0 },
     handleClose: t2()
-  }), $ = Jt(v), p = De(v), d = Fe(v, { role: "menu" }), { getFloatingProps: E, getReferenceProps: y } = Te([
-    C,
-    $,
+  }), y = Jt(v), p = De(v), d = Fe(v, { role: "menu" }), { getFloatingProps: E, getReferenceProps: $ } = Te([
+    g,
+    y,
     p,
     d
   ]), N = (w) => {
@@ -9607,7 +9617,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         t ? `${n}--collapsed` : null,
         r ? `${n}--active` : null
       ]),
-      ...y()
+      ...$()
     },
     l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${n}-wrapper` }, it(
       i,
@@ -9634,7 +9644,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         "aria-hidden": !_,
         className: `${i}__flyout`,
         style: {
-          ...g,
+          ...C,
           opacity: _ ? 1 : 0,
           pointerEvents: _ ? "auto" : "none",
           transition: `opacity 200ms ${n2}`
@@ -9677,24 +9687,24 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       displayType: a ? "icon" : "full",
       linkContent: l
     }
-  )), i.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu ${o}__menu--top-level` }, i.map((g, f) => /* @__PURE__ */ e.createElement(
+  )), i.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu ${o}__menu--top-level` }, i.map((C, f) => /* @__PURE__ */ e.createElement(
     Es,
     {
       key: f,
-      icon: g.icon,
-      isActive: Le(g),
+      icon: C.icon,
+      isActive: Le(C),
       isSidebarCollapsed: a,
       labels: c,
-      linkContent: g.linkContent,
-      links: g.links
+      linkContent: C.linkContent,
+      links: C.links
     }
-  )))), h = i.map((g) => ({
-    ...g,
+  )))), h = i.map((C) => ({
+    ...C,
     linkContent: it(
       o,
-      g.linkContent,
-      g.links,
-      g.icon
+      C.linkContent,
+      C.links,
+      C.icon
     )
   })), v = /* @__PURE__ */ e.createElement(
     At,
@@ -9722,7 +9732,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   minFilterItems: c = 5,
   noResultsText: l = "No results found"
 }) => {
-  const [i, n] = B(!1), [m, o] = B(null), [u, _] = B(a), [h, v] = B(""), g = a.length >= c, f = "pds-tab-menu", C = `${f}__dropdown-menu`, $ = g ? `${C}--scroll` : null, p = `${f}__dropdown-item`, d = ue([]), { context: E, refs: y } = He({
+  const [i, n] = B(!1), [m, o] = B(null), [u, _] = B(a), [h, v] = B(""), C = a.length >= c, f = "pds-tab-menu", g = `${f}__dropdown-menu`, y = C ? `${g}--scroll` : null, p = `${f}__dropdown-item`, d = ue([]), { context: E, refs: $ } = He({
     open: i,
     onOpenChange: n,
     whileElementsMounted: ze
@@ -9752,7 +9762,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       opacity: 0
     }
   }), V = (x) => {
-    x.preventDefault(), x.key === "Enter" && d.current[m].querySelector("a")?.click(), x.key === "Tab" && x.shiftKey && (g ? document.getElementById("links-filter").focus() : n(!1));
+    x.preventDefault(), x.key === "Enter" && d.current[m].querySelector("a")?.click(), x.key === "Tab" && x.shiftKey && (C ? document.getElementById("links-filter").focus() : n(!1));
   }, I = (x, O) => Ie(x.linkContent).toLowerCase().includes(O.toLowerCase()), Z = (x) => {
     const O = x.target.value;
     v(O);
@@ -9772,7 +9782,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     width: `${Ie(
       X.linkContent
     ).length + 2}ch`
-  }, se = /* @__PURE__ */ e.createElement(D, { className: `${f}__active-icon`, iconName: "check" }), Y = g && /* @__PURE__ */ e.createElement("div", { className: `${f}__filter` }, /* @__PURE__ */ e.createElement(
+  }, se = /* @__PURE__ */ e.createElement(D, { className: `${f}__active-icon`, iconName: "check" }), Y = C && /* @__PURE__ */ e.createElement("div", { className: `${f}__filter` }, /* @__PURE__ */ e.createElement(
     q2,
     {
       hasClearButton: !0,
@@ -9806,7 +9816,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
-      ref: y.setReference,
+      ref: $.setReference,
       className: `${f}__dropdown-trigger`,
       ...z({
         "aria-expanded": i,
@@ -9824,7 +9834,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   ), T && /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: y.setFloating,
+      ref: $.setFloating,
       className: `${f}__dropdown`,
       ...k({
         style: {
@@ -9833,7 +9843,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         }
       })
     },
-    /* @__PURE__ */ e.createElement("div", { style: { ...A } }, Y, /* @__PURE__ */ e.createElement("ul", { className: H([C, $]) }, S.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${f}__no-results` }, l) : S))
+    /* @__PURE__ */ e.createElement("div", { style: { ...A } }, Y, /* @__PURE__ */ e.createElement("ul", { className: H([g, y]) }, S.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${f}__no-results` }, l) : S))
   ));
 }, On = ({
   ariaLabel: s,
@@ -9849,12 +9859,12 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     icon: _,
     isActive: h,
     linkContent: v,
-    links: g,
+    links: C,
     promoteActiveChildLink: f = !1
   }) => {
-    const C = `${i}__item`, $ = o2(g), p = (d, E) => {
-      let y = null;
-      return Ee(d) && (E ? y = Re(
+    const g = `${i}__item`, y = o2(C), p = (d, E) => {
+      let $ = null;
+      return Ee(d) && (E ? $ = Re(
         d,
         Object.assign({}, d.props, {
           children: [
@@ -9868,24 +9878,24 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
             ), d.props.children)
           ]
         })
-      ) : y = d), y;
+      ) : $ = d), $;
     };
     return /* @__PURE__ */ e.createElement(
       "li",
       {
         className: H([
-          C,
-          h ? `${C}--active` : null
+          g,
+          h ? `${g}--active` : null
         ])
       },
-      p(f ? $ : v, _),
-      g && /* @__PURE__ */ e.createElement(
+      p(f ? y : v, _),
+      C && /* @__PURE__ */ e.createElement(
         vs,
         {
           buttonLabel: u?.buttonLabel,
           filterLabel: u?.filterLabel,
           filterPlaceholder: u?.filterPlaceholder,
-          links: g,
+          links: C,
           minFilterItems: u?.minFilterItems,
           noResultsText: u?.noResultsText
         }
@@ -9923,10 +9933,10 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   ...n
 }) => {
   const [m, o] = B(null), [u, _] = B(!1), h = ue([]), v = ue([]);
-  let g = !1;
+  let C = !1;
   const f = ye(Me);
-  f && (g = f.isMobile);
-  const C = i && g, $ = "pds-user-menu", p = C ? `${$}--isMobile` : null, d = `${$}__menu`, { context: E, floatingStyles: y, refs: N } = He({
+  f && (C = f.isMobile);
+  const g = i && C, y = "pds-user-menu", p = g ? `${y}--isMobile` : null, d = `${y}__menu`, { context: E, floatingStyles: $, refs: N } = He({
     placement: "bottom-end",
     open: u,
     onOpenChange: _,
@@ -9960,12 +9970,12 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     jt,
     {
       hasUserFallback: !0,
-      className: `${$}__avatar`,
+      className: `${y}__avatar`,
       imageSrc: c,
       size: "sm",
       uniqueId: a
     }
-  ), W = /* @__PURE__ */ e.createElement(D, { className: `${$}__trigger-icon`, iconName: "angleDown" }), X = /* @__PURE__ */ e.createElement("li", { className: `${$}__user-details`, role: "presentation" }, C ? null : /* @__PURE__ */ e.createElement("div", { className: `${$}__user-name` }, l), /* @__PURE__ */ e.createElement("div", { className: `${$}__user-email` }, a));
+  ), W = /* @__PURE__ */ e.createElement(D, { className: `${y}__trigger-icon`, iconName: "angleDown" }), X = /* @__PURE__ */ e.createElement("li", { className: `${y}__user-details`, role: "presentation" }, g ? null : /* @__PURE__ */ e.createElement("div", { className: `${y}__user-name` }, l), /* @__PURE__ */ e.createElement("div", { className: `${y}__user-email` }, a));
   t.forEach((F) => {
     const K = F.id ? F.id : lt();
     h.current.push(K), v.current.push(F);
@@ -9978,7 +9988,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   }, se = (F) => {
     ce(F.currentTarget.id);
   }, Y = t.map((F, K) => {
-    const R = h.current[K], G = `${$}__item`, oe = F.disabled ? `${G}--disabled` : null;
+    const R = h.current[K], G = `${y}__item`, oe = F.disabled ? `${G}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9996,7 +10006,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       F.iconName && /* @__PURE__ */ e.createElement(
         D,
         {
-          className: `${$}__icon`,
+          className: `${y}__icon`,
           iconName: F.iconName,
           iconSize: "sm"
         }
@@ -10008,7 +10018,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     {
       ref: N.setReference,
       "aria-label": s,
-      className: `${$}__trigger`,
+      className: `${y}__trigger`,
       type: "button",
       ...A()
     },
@@ -10017,9 +10027,9 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     "div",
     {
       ref: N.setFloating,
-      className: `${$}__dropdown`,
+      className: `${y}__dropdown`,
       style: {
-        ...y,
+        ...$,
         zIndex: "var(--pds-z-index-dropdown)"
       },
       ...z()
@@ -10027,21 +10037,21 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     /* @__PURE__ */ e.createElement("div", { style: { ...I } }, /* @__PURE__ */ e.createElement("ul", { className: d, role: "menu" }, X, /* @__PURE__ */ e.createElement("li", { role: "separator" }), Y))
   )), x = (F) => {
     const K = F.currentTarget;
-    K.classList.toggle(`${$}__toggle--expanded`), K.setAttribute(
+    K.classList.toggle(`${y}__toggle--expanded`), K.setAttribute(
       "aria-expanded",
       K.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), K.nextElementSibling.classList.toggle(`${$}__mobile-menu--expanded`);
+    ), K.nextElementSibling.classList.toggle(`${y}__mobile-menu--expanded`);
   }, O = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       "aria-expanded": !1,
       "aria-label": s,
-      className: `${$}__toggle`,
+      className: `${y}__toggle`,
       onClick: x
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${$}__toggle-left` }, Z, l || a),
+    /* @__PURE__ */ e.createElement("span", { className: `${y}__toggle-left` }, Z, l || a),
     W
-  ), /* @__PURE__ */ e.createElement("div", { className: `${$}__mobile-menu` }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: `${y}__mobile-menu` }, /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: H([d, `${d}--isMobile`]),
@@ -10054,10 +10064,10 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   return /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: H([$, p, r ?? ""]),
+      className: H([y, p, r ?? ""]),
       ...n
     },
-    C ? O : S
+    g ? O : S
   );
 }, bs = {
   silver: "Silver",
@@ -10077,27 +10087,27 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   workspaceList: o,
   ...u
 }) => {
-  const [_, h] = B(!1), [v, g] = B(null), [f, C] = B(o), $ = ue([]), p = ue(null), d = o.length >= i;
+  const [_, h] = B(!1), [v, C] = B(null), [f, g] = B(o), y = ue([]), p = ue(null), d = o.length >= i;
   let E = !1;
-  const y = ye(Me);
-  y && (E = y.isMobile);
+  const $ = ye(Me);
+  $ && (E = $.isMobile);
   const N = m && E, w = "pds-workspace-selector", L = N ? `${w}--isMobile` : null, b = `${w}__menu`, k = d ? `${b}--scroll` : null, { context: M, floatingStyles: z, refs: T } = He({
     open: _,
     onOpenChange: h,
     whileElementsMounted: ze
   }), A = tt(M, { event: "mousedown" }), V = De(M), I = Fe(M, { role: "menu" }), Z = dt(M, {
-    listRef: $,
+    listRef: y,
     activeIndex: v,
-    onNavigate: g,
+    onNavigate: C,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
   }), W = e2(M, {
-    listRef: $,
+    listRef: y,
     activeIndex: v,
     onMatch: (U) => {
-      _ || h(!0), g(U);
+      _ || h(!0), C(U);
     },
     findMatch: (U, ae) => {
       const ne = ae.toLowerCase();
@@ -10124,17 +10134,17 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   S || (S = o[0]);
   const x = (U) => {
     const { value: ae } = U.target, ne = o.filter((ve) => ve.displayName.toLowerCase().includes(ae.toLowerCase()));
-    C(ne);
+    g(ne);
   };
   me(() => {
     const U = o.map((ae) => ({
       ...ae,
       isActive: ae.isActive
     }));
-    C(U);
+    g(U);
   }, [o]);
   const O = (U) => {
-    U.preventDefault(), U.key === "Enter" && ($.current[v].querySelector("a") || $.current[v].querySelector("button"))?.click(), U.key === "Tab" && (U.shiftKey ? d ? document.getElementById("workspace-filter").focus() : h(!1) : t ? p.current.querySelector("a").focus() : h(!1));
+    U.preventDefault(), U.key === "Enter" && (y.current[v].querySelector("a") || y.current[v].querySelector("button"))?.click(), U.key === "Tab" && (U.shiftKey ? d ? document.getElementById("workspace-filter").focus() : h(!1) : t ? p.current.querySelector("a").focus() : h(!1));
   }, F = /* @__PURE__ */ e.createElement("div", { className: `${w}__button-content` }, /* @__PURE__ */ e.createElement(
     jt,
     {
@@ -10164,7 +10174,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       id: "workspace-filter",
       label: a,
       onChange: x,
-      onClear: () => C(o),
+      onClear: () => g(o),
       placeholder: c,
       showLabel: !1,
       type: "search"
@@ -10172,7 +10182,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
   )), G = f.map(
     (U, ae) => {
       const ne = `${w}__item`, ve = U.isActive ? `${ne}--active` : null, be = U.isUnprivileged ? `${ne}--unprivileged` : null, we = U.isRestricted ? `${ne}--restricted` : null, Xe = /* @__PURE__ */ e.createElement(D, { className: `${w}__active-icon`, iconName: "check" }), Ge = /* @__PURE__ */ e.createElement(D, { className: `${w}__lock-icon`, iconName: "lock" }), xe = U.workspaceId, Ye = U.isRestricted && U.onRestrictedSelection, q = U.workspaceLink?.type, he = U.isUnprivileged ? null : (P) => {
-        $.current[ae] = P;
+        y.current[ae] = P;
       }, $e = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${w}__item-content` }, /* @__PURE__ */ e.createElement(
         jt,
         {
@@ -10309,32 +10319,32 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     info: `${u}--info`,
     warning: `${u}--warning`,
     critical: `${u}--critical`
-  }, v = o > 0 ? n[0].type : null, g = v ? `${u}-group--${v}` : null, f = (y) => ({
-    zIndex: Dt - y
-  }), C = (y) => y === 0 ? 0 : -1, $ = () => {
-    const y = document.getElementsByClassName(
+  }, v = o > 0 ? n[0].type : null, C = v ? `${u}-group--${v}` : null, f = ($) => ({
+    zIndex: Dt - $
+  }), g = ($) => $ === 0 ? 0 : -1, y = () => {
+    const $ = document.getElementsByClassName(
       `${u}--fading`
     );
-    for (; y.length; )
-      y[0].classList.remove(`${u}--fading`);
+    for (; $.length; )
+      $[0].classList.remove(`${u}--fading`);
   }, p = () => {
-    $(), document.getElementById(n[0].id).classList.add(`${u}--fading`), setTimeout(() => {
-      m((y) => [
-        ...y.slice(1),
-        y[0]
+    y(), document.getElementById(n[0].id).classList.add(`${u}--fading`), setTimeout(() => {
+      m(($) => [
+        ...$.slice(1),
+        $[0]
       ]);
     }, 200);
   }, d = () => {
-    $(), document.getElementById(n[0].id).style.zIndex = (Dt + 2).toString(), document.getElementById(n[o - 1].id).style.zIndex = (Dt + 1).toString(), setTimeout(() => {
+    y(), document.getElementById(n[0].id).style.zIndex = (Dt + 2).toString(), document.getElementById(n[o - 1].id).style.zIndex = (Dt + 1).toString(), setTimeout(() => {
       document.getElementById(n[0].id).classList.add(`${u}--fading`);
     }, 50), setTimeout(() => {
-      m((y) => [
-        y[y.length - 1],
-        ...y.slice(0, y.length - 1)
+      m(($) => [
+        $[$.length - 1],
+        ...$.slice(0, $.length - 1)
       ]), document.getElementById(n[0].id).classList.remove(`${u}--fading`);
     }, 200);
-  }, E = (y, N) => {
-    const { id: w, isDismissible: L, message: b, onDismiss: k, type: M } = y, T = ["critical", "warning"].includes(M) ? "alert" : "status", A = `${l[M]}:  `, V = (I) => {
+  }, E = ($, N) => {
+    const { id: w, isDismissible: L, message: b, onDismiss: k, type: M } = $, T = ["critical", "warning"].includes(M) ? "alert" : "status", A = `${l[M]}:  `, V = (I) => {
       I.preventDefault(), document.getElementById(w).classList.add(`${u}--dismissing`), setTimeout(() => {
         if (k?.(), o === 1) {
           m([]);
@@ -10359,7 +10369,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, /* @__PURE__ */ e.createElement(
         D,
         {
-          className: `${u}__icon ${u}__icon--${y.type}`,
+          className: `${u}__icon ${u}__icon--${$.type}`,
           iconName: $s[M],
           iconSize: "md"
         }
@@ -10369,7 +10379,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         {
           className: `${u}__dismiss-button`,
           onClick: V,
-          tabIndex: C(N),
+          tabIndex: g(N),
           type: "button"
         },
         t
@@ -10381,7 +10391,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     {
       className: H([
         `${u}-group`,
-        g,
+        C,
         _,
         r ?? ""
       ]),
@@ -10405,7 +10415,7 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
         onClick: p,
         size: "lg"
       }
-    ), n.map((y, N) => E(y, N))) : E(n[0], 0)
+    ), n.map(($, N) => E($, N))) : E(n[0], 0)
   );
 }, Wt = {
   info: "circleInfo",
@@ -10475,11 +10485,11 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
     discovery: `${h}--discovery`,
     dismissing: `${h}--dismissing`,
     dismissed: `${h}--dismissed`
-  }, g = c ? `${h}--hasDismiss` : null, f = n ? `${h}--hasTitle` : null, $ = ["critical", "warning"].includes(m) ? "alert" : "status", p = `${o[m]}: `, d = typeof l == "string" ? /* @__PURE__ */ e.createElement("p", null, l) : l, E = () => {
-    _.current.addEventListener("animationend", y, {
+  }, C = c ? `${h}--hasDismiss` : null, f = n ? `${h}--hasTitle` : null, y = ["critical", "warning"].includes(m) ? "alert" : "status", p = `${o[m]}: `, d = typeof l == "string" ? /* @__PURE__ */ e.createElement("p", null, l) : l, E = () => {
+    _.current.addEventListener("animationend", $, {
       once: !0
     });
-  }, y = (w) => {
+  }, $ = (w) => {
     i(w, a);
   }, N = () => {
     E(), _.current.classList.toggle(v.dismissing), setTimeout(() => {
@@ -10493,12 +10503,12 @@ const z1 = 0.125, x1 = 0.25, S1 = 0.328, V1 = 0.41, Lt = 0.512, I1 = 0.64, Ht =
       className: H([
         h,
         v[m],
-        g,
+        C,
         f,
         s ?? ""
       ]),
       id: a,
-      role: $,
+      role: y,
       ...u
     },
     /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${h}__icon ${h}__icon-${m}` }, /* @__PURE__ */ e.createElement(
@@ -10637,11 +10647,11 @@ const Gn = () => {
     return [...wt(1, v), Ct, l];
   }
   if (_ && !h) {
-    const v = 3 + 2 * s, g = wt(
+    const v = 3 + 2 * s, C = wt(
       l - v + 1,
       l
     );
-    return [n, Ct, ...g];
+    return [n, Ct, ...C];
   }
   if (_ && h) {
     const v = wt(o, u);
@@ -10677,31 +10687,31 @@ const Gn = () => {
     n(t + 1);
   }, v = () => {
     n(t - 1);
-  }, g = "pds-pagination", f = `${g}__item`, C = `${f}--current`, $ = `${f}--disabled`;
+  }, C = "pds-pagination", f = `${C}__item`, g = `${f}--current`, y = `${f}--disabled`;
   return t === 0 || u.length < 2 ? null : /* @__PURE__ */ e.createElement(
     "nav",
     {
       "aria-labelledby": "pagination",
-      className: H([g, r ?? ""]),
+      className: H([C, r ?? ""]),
       ...o
     },
     /* @__PURE__ */ e.createElement(
       nt,
       {
-        baseClass: g,
+        baseClass: C,
         className: "visually-hidden",
         id: "pagination",
         level: a
       },
       c
     ),
-    /* @__PURE__ */ e.createElement("ul", { className: `${g}__list` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("ul", { className: `${C}__list` }, /* @__PURE__ */ e.createElement(
       "li",
       {
         className: H([
           f,
           `${f}--prev`,
-          t === 1 ? $ : void 0
+          t === 1 ? y : void 0
         ])
       },
       /* @__PURE__ */ e.createElement(
@@ -10727,7 +10737,7 @@ const Gn = () => {
         key: d,
         className: H([
           f,
-          t === p ? C : void 0
+          t === p ? g : void 0
         ])
       },
       /* @__PURE__ */ e.createElement(
@@ -10745,7 +10755,7 @@ const Gn = () => {
         className: H([
           f,
           `${f}--next`,
-          t === _ ? $ : void 0
+          t === _ ? y : void 0
         ])
       },
       /* @__PURE__ */ e.createElement(
@@ -10765,61 +10775,69 @@ const Gn = () => {
   className: r,
   id: t,
   isOpen: a = !1,
-  summary: c,
-  ...l
+  showBorder: c = !0,
+  summary: l,
+  ...i
 }) => {
-  const [i, n] = B(a), o = ue(
+  const [n, m] = B(a), u = ue(
     t || `expansion-panel-${lt()}`
-  ).current, u = "pds-expansion-panel", _ = ue(null), h = ue(null), v = ue(null);
+  ).current, _ = "pds-expansion-panel", h = c ? null : `${_}--no-border`, v = ue(null), C = ue(null), f = ue(null);
   return me(() => {
-    const g = _.current, f = h.current, C = v.current;
-    if (!g || !f || !C) return;
-    let $ = null, p = !1, d = !1;
-    const E = (b) => {
-      b.preventDefault(), g.style.overflow = "hidden", p || !g.open ? N() : (d || g.open) && y();
-    }, y = () => {
-      p = !0, n(!1);
-      const b = `${g.offsetHeight}px`, k = `${f.offsetHeight}px`;
-      $ && $.cancel(), $ = g.animate(
-        { height: [b, k] },
+    const g = v.current, y = C.current, p = f.current;
+    if (!g || !y || !p) return;
+    let d = null, E = !1, $ = !1;
+    const N = (M) => {
+      M.preventDefault(), g.style.overflow = "hidden", E || !g.open ? L() : ($ || g.open) && w();
+    }, w = () => {
+      E = !0, m(!1);
+      const M = `${g.offsetHeight}px`, z = `${y.offsetHeight}px`;
+      d && d.cancel(), d = g.animate(
+        { height: [M, z] },
         {
           duration: y2,
           easing: rt
         }
-      ), $.onfinish = () => L(!1), $.oncancel = () => p = !1;
-    }, N = () => {
-      g.style.height = `${g.offsetHeight}px`, g.open = !0, n(!0), requestAnimationFrame(() => w());
-    }, w = () => {
-      d = !0;
-      const b = `${g.offsetHeight}px`, k = `${f.offsetHeight + C.offsetHeight}px`;
-      $ && $.cancel(), $ = g.animate(
-        { height: [b, k] },
+      ), d.onfinish = () => k(!1), d.oncancel = () => E = !1;
+    }, L = () => {
+      g.style.height = `${g.offsetHeight}px`, g.open = !0, m(!0), requestAnimationFrame(() => b());
+    }, b = () => {
+      $ = !0;
+      const M = `${g.offsetHeight}px`, z = `${y.offsetHeight + p.offsetHeight}px`;
+      d && d.cancel(), d = g.animate(
+        { height: [M, z] },
         {
           duration: y2,
           easing: rt
         }
-      ), $.onfinish = () => L(!0), $.oncancel = () => d = !1;
-    }, L = (b) => {
-      g.open = b, $ = null, p = !1, d = !1, g.style.height = g.style.overflow = "";
+      ), d.onfinish = () => k(!0), d.oncancel = () => $ = !1;
+    }, k = (M) => {
+      g.open = M, d = null, E = !1, $ = !1, g.style.height = g.style.overflow = "";
     };
-    return f.addEventListener("click", E), () => f.removeEventListener("click", E);
-  }, []), /* @__PURE__ */ e.createElement("div", { className: H([u, r]), ...l }, /* @__PURE__ */ e.createElement(
-    "details",
+    return y.addEventListener("click", N), () => y.removeEventListener("click", N);
+  }, []), /* @__PURE__ */ e.createElement(
+    "div",
     {
-      key: o,
-      ref: _,
-      id: o,
-      open: a
+      className: H([_, h, r]),
+      ...i
     },
-    /* @__PURE__ */ e.createElement("summary", { ref: h }, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement(
-      D,
+    /* @__PURE__ */ e.createElement(
+      "details",
       {
-        className: `${u}__icon ${i ? "rotated" : ""}`,
-        iconName: "angleDown"
-      }
-    )),
-    /* @__PURE__ */ e.createElement("div", { ref: v, className: `${u}__content` }, s)
-  ));
+        key: u,
+        ref: v,
+        id: u,
+        open: a
+      },
+      /* @__PURE__ */ e.createElement("summary", { ref: C }, /* @__PURE__ */ e.createElement("span", null, l), /* @__PURE__ */ e.createElement(
+        D,
+        {
+          className: `${_}__icon ${n ? "rotated" : ""}`,
+          iconName: "angleDown"
+        }
+      )),
+      /* @__PURE__ */ e.createElement("div", { ref: f, className: `${_}__content` }, s)
+    )
+  );
 }, Kn = ({
   children: s,
   className: r,
@@ -10885,11 +10903,11 @@ const Gn = () => {
   isExpandable: a = !1,
   ...c
 }) => {
-  const l = "pds-panel-row", [i, n] = B(!1), m = ue(null), o = ue(null), u = Pe(s), _ = u["items-left"], h = u["items-right"], v = u["items-below"], g = () => {
-    const f = o.current, C = m.current;
-    if (!f || !C) return;
-    const $ = !i;
-    if (n($), $) {
+  const l = "pds-panel-row", [i, n] = B(!1), m = ue(null), o = ue(null), u = Pe(s), _ = u["items-left"], h = u["items-right"], v = u["items-below"], C = () => {
+    const f = o.current, g = m.current;
+    if (!f || !g) return;
+    const y = !i;
+    if (n(y), y) {
       f.style.display = "block", f.style.height = "auto";
       const p = `${f.scrollHeight}px`;
       f.animate(
@@ -10905,7 +10923,7 @@ const Gn = () => {
         Object.assign(f.style, {
           height: "auto",
           opacity: "1"
-        }), C.classList.add("is-expanded");
+        }), g.classList.add("is-expanded");
       };
     } else {
       const p = `${f.scrollHeight}px`;
@@ -10923,7 +10941,7 @@ const Gn = () => {
           height: "0",
           opacity: "0",
           display: "none"
-        }), C.classList.remove("is-expanded");
+        }), g.classList.remove("is-expanded");
       };
     }
   };
@@ -10950,7 +10968,7 @@ const Gn = () => {
           "aria-expanded": i,
           "aria-label": t,
           className: `${l}__expand-button`,
-          onClick: g
+          onClick: C
         },
         /* @__PURE__ */ e.createElement(
           D,
@@ -11009,32 +11027,32 @@ const Gn = () => {
   title: _,
   triggerAccessibleText: h = "Show more information",
   triggerIcon: v = "circleInfo",
-  ...g
+  ...C
 }) => {
-  const [f, C] = B(o);
+  const [f, g] = B(o);
   me(() => {
-    C(o);
+    g(o);
   }, [o]), me(() => {
     u(f);
   }, [f]);
-  const $ = typeof c, p = "pds-popover", d = H([
+  const y = typeof c, p = "pds-popover", d = H([
     `${p}__trigger-custom`,
-    $ === "string" ? `${p}__trigger-text` : ""
-  ]), E = c ? i : 0, y = ue(null), { context: N, floatingStyles: w, middlewareData: L, refs: b } = He({
+    y === "string" ? `${p}__trigger-text` : ""
+  ]), E = c ? i : 0, $ = ue(null), { context: N, floatingStyles: w, middlewareData: L, refs: b } = He({
     placement: m,
     open: f,
     onOpenChange(te) {
-      C(te), te || n();
+      g(te), te || n();
     },
     middleware: [
       Ue(at + Hs + E),
       We({ padding: 8 }),
       mt({ padding: 8 }),
-      e1({ element: y })
+      e1({ element: $ })
     ],
     whileElementsMounted: ze
   }), k = () => {
-    C(!1), n && n();
+    g(!1), n && n();
   }, M = tt(N), z = De(N), T = Fe(N), { getFloatingProps: A, getReferenceProps: V } = Te([
     M,
     z,
@@ -11052,7 +11070,7 @@ const Gn = () => {
       }[te]
     })
   });
-  return /* @__PURE__ */ e.createElement("div", { className: H([p, s]), ...g }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: H([p, s]), ...C }, /* @__PURE__ */ e.createElement(
     "span",
     {
       ref: b.setReference,
@@ -11060,7 +11078,7 @@ const Gn = () => {
       role: "button",
       tabIndex: 0,
       ...V(),
-      ...g
+      ...C
     },
     c ? /* @__PURE__ */ e.createElement("span", { className: d }, c) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h), /* @__PURE__ */ e.createElement(
       D,
@@ -11091,7 +11109,7 @@ const Gn = () => {
       /* @__PURE__ */ e.createElement(
         t1,
         {
-          ref: y,
+          ref: $,
           className: `${p}__arrow`,
           context: N,
           fill: "var(--pds-color-bg-default)",
@@ -11134,12 +11152,12 @@ const Gn = () => {
   size: o = "md",
   ...u
 }) => {
-  const _ = t || lt(), h = "pds-progress-bar", v = n ? `${h}__label` : "visually-hidden", g = `${h}__track ${h}__track--${o}`, f = i > 100 ? 100 : i;
-  let C = "neutral";
+  const _ = t || lt(), h = "pds-progress-bar", v = n ? `${h}__label` : "visually-hidden", C = `${h}__track ${h}__track--${o}`, f = i > 100 ? 100 : i;
+  let g = "neutral";
   r.forEach((E) => {
-    i >= E.percentage && (C = E.colorType);
+    i >= E.percentage && (g = E.colorType);
   });
-  const $ = /* @__PURE__ */ e.createElement("div", { className: `${h}__message` }, c), p = c && l === "above", d = c && l === "below";
+  const y = /* @__PURE__ */ e.createElement("div", { className: `${h}__message` }, c), p = c && l === "above", d = c && l === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -11148,12 +11166,12 @@ const Gn = () => {
       ...u
     },
     /* @__PURE__ */ e.createElement("div", { className: v, id: _ }, a),
-    (p || m) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, p && $, m && /* @__PURE__ */ e.createElement(
+    (p || m) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, p && y, m && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${h}__percentage`,
         style: {
-          color: `hsl(from var(${L2[C]}) h s calc(l - 7))`
+          color: `hsl(from var(${L2[g]}) h s calc(l - 7))`
         }
       },
       i,
@@ -11164,7 +11182,7 @@ const Gn = () => {
       {
         "aria-labelledby": _,
         "aria-valuenow": f,
-        className: g,
+        className: C,
         role: "progressbar"
       },
       /* @__PURE__ */ e.createElement(
@@ -11173,12 +11191,12 @@ const Gn = () => {
           className: `${h}__bar`,
           style: {
             width: `${f}%`,
-            backgroundColor: `var(${L2[C]})`
+            backgroundColor: `var(${L2[g]})`
           }
         }
       )
     )),
-    d && $
+    d && y
   );
 }, ks = ({
   className: s,
@@ -11192,9 +11210,9 @@ const Gn = () => {
   ...m
 }) => {
   const o = r || lt(), u = "pds-progress-ring", _ = l ? `${u}__label` : "visually-hidden", h = `${u}__loading-text ${u}__loading-text--${n}`, v = (E) => E * 16;
-  let g = v(W2), f = 7;
-  n === "sm" && (g = v(Z2), f = f / 1.25), n === "lg" && (g = v(G2), f = f * 1.25);
-  const C = g / 2 - f / 2, $ = 2 * Math.PI * C, p = $ - $ * c / 100;
+  let C = v(W2), f = 7;
+  n === "sm" && (C = v(Z2), f = f / 1.25), n === "lg" && (C = v(G2), f = f * 1.25);
+  const g = C / 2 - f / 2, y = 2 * Math.PI * g, p = y - y * c / 100;
   let d;
   return t ? d = t : i ? d = `${c}%` : d = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -11202,7 +11220,7 @@ const Gn = () => {
       className: H([u, s]),
       style: {
         "--ring-stroke-dashoffset": p,
-        "--ring-stroke-dasharray": $
+        "--ring-stroke-dasharray": y
       },
       ...m
     },
@@ -11220,17 +11238,17 @@ const Gn = () => {
       /* @__PURE__ */ e.createElement(
         "svg",
         {
-          height: g,
-          viewBox: `0 0 ${g} ${g}`,
-          width: g
+          height: C,
+          viewBox: `0 0 ${C} ${C}`,
+          width: C
         },
         /* @__PURE__ */ e.createElement(
           "circle",
           {
             className: `${u}__track`,
-            cx: g / 2,
-            cy: g / 2,
-            r: C,
+            cx: C / 2,
+            cy: C / 2,
+            r: g,
             strokeWidth: f
           }
         ),
@@ -11238,13 +11256,13 @@ const Gn = () => {
           "circle",
           {
             className: `${u}__progress`,
-            cx: g / 2,
-            cy: g / 2,
-            r: C,
-            strokeDasharray: $,
+            cx: C / 2,
+            cy: C / 2,
+            r: g,
+            strokeDasharray: y,
             strokeDashoffset: p,
             strokeWidth: f,
-            transform: `rotate(-90 ${g / 2} ${g / 2})`
+            transform: `rotate(-90 ${C / 2} ${C / 2})`
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -11313,7 +11331,7 @@ const ta = ({
         return o.checking;
       case "checked":
         if (c) {
-          const p = c instanceof Date ? c : new Date(c), d = Date.now() - p.getTime(), E = Math.floor(d / 1e3), y = Math.floor(E / 60), N = Math.floor(y / 60), w = Math.floor(N / 24), L = {
+          const p = c instanceof Date ? c : new Date(c), d = Date.now() - p.getTime(), E = Math.floor(d / 1e3), $ = Math.floor(E / 60), N = Math.floor($ / 60), w = Math.floor(N / 24), L = {
             year: "numeric",
             month: "short",
             day: "numeric"
@@ -11322,23 +11340,23 @@ const ta = ({
           return w > 7 ? b = p.toLocaleDateString(
             void 0,
             L
-          ) : w > 0 && w <= 7 ? b = `${w} day${w !== 1 ? "s" : ""} ago` : N > 0 ? b = `${N} hour${N !== 1 ? "s" : ""} ago` : y > 0 ? b = `${y} minute${y !== 1 ? "s" : ""} ago` : b = `${E} second${E !== 1 ? "s" : ""} ago`, `${o.checked} ${b}`;
+          ) : w > 0 && w <= 7 ? b = `${w} day${w !== 1 ? "s" : ""} ago` : N > 0 ? b = `${N} hour${N !== 1 ? "s" : ""} ago` : $ > 0 ? b = `${$} minute${$ !== 1 ? "s" : ""} ago` : b = `${E} second${E !== 1 ? "s" : ""} ago`, `${o.checked} ${b}`;
         }
         return o.checked;
     }
   }, _ = () => {
     l?.();
-  }, h = "pds-refresh-checker", v = `${h}--${s}`, g = H([
+  }, h = "pds-refresh-checker", v = `${h}--${s}`, C = H([
     `${h}__button`,
     m === "working" ? `${h}__button--spinning` : ""
-  ]), f = t !== null && t > 0 ? `${t}rem` : "100%", C = /* @__PURE__ */ e.createElement("span", { className: `${h}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
+  ]), f = t !== null && t > 0 ? `${t}rem` : "100%", g = /* @__PURE__ */ e.createElement("span", { className: `${h}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
     D,
     {
       className: `${h}__icon ${m === "working" ? `${h}__icon--spinning` : ""}`,
       iconName: "rotate",
       iconSize: "md"
     }
-  )), $ = /* @__PURE__ */ e.createElement("span", { className: `${h}__label` }, u());
+  )), y = /* @__PURE__ */ e.createElement("span", { className: `${h}__label` }, u());
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -11351,21 +11369,21 @@ const ta = ({
       {
         "aria-label": o.ariaLabel,
         "aria-live": "polite",
-        className: g,
+        className: C,
         onClick: _,
         type: "button"
       },
-      s === "right" && $,
+      s === "right" && y,
       /* @__PURE__ */ e.createElement(
         Ae,
         {
           content: o.tooltipContent || o.ariaLabel,
-          customTrigger: C,
+          customTrigger: g,
           triggerIconColor: "default",
           triggerIconSize: "sm"
         }
       ),
-      s === "left" && $
+      s === "left" && y
     )
   );
 }, sa = ({
@@ -11383,7 +11401,7 @@ const ta = ({
   workspaceName: _,
   ...h
 }) => {
-  const v = "pds-site-dashboard-heading", g = h1[n], f = m ? R2[m] : "bolt";
+  const v = "pds-site-dashboard-heading", C = h1[n], f = m ? R2[m] : "bolt";
   return /* @__PURE__ */ e.createElement("div", { className: H([v, s ?? ""]), ...h }, _ && /* @__PURE__ */ e.createElement("div", { className: `${v}__workspace-name` }, _), /* @__PURE__ */ e.createElement("div", { className: `${v}__inner` }, /* @__PURE__ */ e.createElement(D, { iconName: f, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, i), /* @__PURE__ */ e.createElement("span", { className: `${v}__plan-level-badge` }, n === "sandbox" ? /* @__PURE__ */ e.createElement(
     Oe,
     {
@@ -11397,7 +11415,7 @@ const ta = ({
     vt,
     {
       color: "neutral",
-      label: g,
+      label: C,
       size: "md"
     }
   ), t && /* @__PURE__ */ e.createElement(
@@ -11506,26 +11524,26 @@ const ta = ({
 }) => {
   const c = "pds-stepper", l = "pds-stepper-mobile", i = ue(null), [n] = St(i), m = n.width, o = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
-  ) * 16, u = -40, _ = 2, h = 5, v = r.length, g = r.map(($) => $.isCurrent).lastIndexOf(!0), f = r.map(($, p) => {
-    const d = p + 1, E = p === g, y = $.isComplete || p < g, N = $.hasError && E, L = (m - v * o) / (v + (v - 2)), b = o + L * 2, k = o + L, M = L + u * -1, z = p === 0, T = p === v - 1;
+  ) * 16, u = -40, _ = 2, h = 5, v = r.length, C = r.map((y) => y.isCurrent).lastIndexOf(!0), f = r.map((y, p) => {
+    const d = p + 1, E = p === C, $ = y.isComplete || p < C, N = y.hasError && E, L = (m - v * o) / (v + (v - 2)), b = o + L * 2, k = o + L, M = L + u * -1, z = p === 0, T = p === v - 1;
     let A = b;
     (z || T) && (A = k);
     const V = `${c}__step`, I = [V];
-    E && I.push(`${V}--current`), y && I.push(`${V}--complete`), N && I.push(`${V}--error`);
+    E && I.push(`${V}--current`), $ && I.push(`${V}--complete`), N && I.push(`${V}--error`);
     let Z = `${t.step} ${d}`;
-    y && (Z = `${t.step} ${d}, ${t.completed}`), N && (Z = `${t.step} ${d}, ${t.hasError}`);
-    const W = y ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }, /* @__PURE__ */ e.createElement(
+    $ && (Z = `${t.step} ${d}, ${t.completed}`), N && (Z = `${t.step} ${d}, ${t.hasError}`);
+    const W = $ ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }, /* @__PURE__ */ e.createElement(
       D,
       {
         className: `${c}__step-complete-icon`,
         iconName: "check",
         iconSize: "md"
       }
-    )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }), X = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-label` }, $.label);
+    )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${c}__step-indicator` }), X = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-label` }, y.label);
     let ce = /* @__PURE__ */ e.createElement("div", { className: `${c}__step-content` }, X, W);
-    if (y && $.callback) {
+    if ($ && y.callback) {
       const te = (se) => {
-        $.callback($), se.preventDefault();
+        y.callback(y), se.preventDefault();
       };
       ce = /* @__PURE__ */ e.createElement(
         "button",
@@ -11541,13 +11559,13 @@ const ta = ({
     return /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: $.id,
+        key: y.id,
         "aria-current": E ? "step" : null,
         "aria-label": Z,
         "aria-posinset": d,
         "aria-setsize": v,
         className: H(I),
-        id: $.id,
+        id: y.id,
         style: { width: A }
       },
       !z && /* @__PURE__ */ e.createElement(
@@ -11569,8 +11587,8 @@ const ta = ({
         }
       )
     );
-  }), C = r.map(($, p) => {
-    const d = p + 1, E = p === g, y = p === v - 1, N = $.hasError && E, w = r[g + 1] ? r[g + 1].label : null;
+  }), g = r.map((y, p) => {
+    const d = p + 1, E = p === C, $ = p === v - 1, N = y.hasError && E, w = r[C + 1] ? r[C + 1].label : null;
     if (E) {
       const L = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.step, " "), d, " of ", v), b = d / v * 100, k = N ? {
         "--pds-color-status-info-foreground": "var(--pds-color-status-critical-foreground)"
@@ -11580,9 +11598,9 @@ const ta = ({
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: $.id,
+          key: y.id,
           className: `${l}__step`,
-          id: `${$.id}--mobile`
+          id: `${y.id}--mobile`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${l}__progress-indicator` }, /* @__PURE__ */ e.createElement(
           ks,
@@ -11601,7 +11619,7 @@ const ta = ({
             iconName: "diamondExclamation",
             iconSize: "md"
           }
-        )), $.label), !y && /* @__PURE__ */ e.createElement("div", { className: `${l}__next-step` }, `${t.next}: ${w}`))
+        )), y.label), !$ && /* @__PURE__ */ e.createElement("div", { className: `${l}__next-step` }, `${t.next}: ${w}`))
       );
     }
   });
@@ -11621,7 +11639,7 @@ const ta = ({
         "data-steps": v,
         ...a
       },
-      /* @__PURE__ */ e.createElement("div", { className: `${l}__steps` }, C)
+      /* @__PURE__ */ e.createElement("div", { className: `${l}__steps` }, g)
     ));
 }, xs = ({
   _isFirstStep: s,
@@ -11655,20 +11673,20 @@ const ta = ({
   ...a
 }) => {
   const c = "pds-vert-stepper", n = t.length, m = t.findIndex((_) => _.isCurrent), o = t.map((u, _) => {
-    const h = _ + 1, v = _ === m, g = _ === 0, f = u.isComplete || !1, C = u.hasError && v;
-    let $ = `${r.step} ${h}`;
-    return f && ($ = `${r.step} ${h}, ${r.completed}`), C && ($ = `${r.step} ${h}, ${r.hasError}`), /* @__PURE__ */ e.createElement(
+    const h = _ + 1, v = _ === m, C = _ === 0, f = u.isComplete || !1, g = u.hasError && v;
+    let y = `${r.step} ${h}`;
+    return f && (y = `${r.step} ${h}, ${r.completed}`), g && (y = `${r.step} ${h}, ${r.hasError}`), /* @__PURE__ */ e.createElement(
       xs,
       {
         key: `s${h}`,
-        _isFirstStep: g,
+        _isFirstStep: C,
         "aria-current": v ? "step" : null,
-        "aria-label": $,
+        "aria-label": y,
         "aria-posinset": h,
         "aria-setsize": n,
         backButton: u.backButton,
         forwardButton: u.forwardButton,
-        hasError: C,
+        hasError: g,
         id: u.id,
         isComplete: f,
         isCurrent: v,
@@ -11688,34 +11706,34 @@ const ta = ({
   const [c] = B(r), [l, i] = B(t), [n, m] = B({
     order: "asc",
     key: ""
-  }), o = (g) => {
+  }), o = (C) => {
     i(
       [...l].sort(
-        (f, C) => String(f[g]).localeCompare(String(C[g]))
+        (f, g) => String(f[C]).localeCompare(String(g[C]))
       )
-    ), m({ order: "desc", key: g });
-  }, u = (g) => {
+    ), m({ order: "desc", key: C });
+  }, u = (C) => {
     i(
       [...l].sort(
-        (f, C) => String(C[g]).localeCompare(String(f[g]))
+        (f, g) => String(g[C]).localeCompare(String(f[C]))
       )
-    ), m({ order: "asc", key: g });
-  }, _ = (g, f) => {
-    f?.target instanceof SVGElement || (m({ ...n, key: g }), n.order === "asc" ? o(g) : u(g));
-  }, h = (g, f) => /* @__PURE__ */ e.createElement("tr", { key: `table-row-${f}`, id: String(f) }, g.map((C, $) => /* @__PURE__ */ e.createElement("td", { key: `${f}-cell-${$}` }, /* @__PURE__ */ e.createElement("span", null, C)))), v = "pds-table";
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", { className: H([v, s]), ...a }, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, c.map((g, f) => /* @__PURE__ */ e.createElement("th", { key: `header-${f}` }, g.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${v}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
+    ), m({ order: "asc", key: C });
+  }, _ = (C, f) => {
+    f?.target instanceof SVGElement || (m({ ...n, key: C }), n.order === "asc" ? o(C) : u(C));
+  }, h = (C, f) => /* @__PURE__ */ e.createElement("tr", { key: `table-row-${f}`, id: String(f) }, C.map((g, y) => /* @__PURE__ */ e.createElement("td", { key: `${f}-cell-${y}` }, /* @__PURE__ */ e.createElement("span", null, g)))), v = "pds-table";
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", { className: H([v, s]), ...a }, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, c.map((C, f) => /* @__PURE__ */ e.createElement("th", { key: `header-${f}` }, C.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${v}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${v}__sort-header`,
-      onClick: (C) => _(f, C)
+      onClick: (g) => _(f, g)
     },
-    g.title
+    C.title
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${v}__sort-button`,
       onClick: () => _(f),
-      title: `Sort by ${g.title}`,
+      title: `Sort by ${C.title}`,
       type: "button"
     },
     /* @__PURE__ */ e.createElement(
@@ -11732,7 +11750,7 @@ const ta = ({
       },
       /* @__PURE__ */ e.createElement(D, { iconName: "caretDown", iconSize: "sm" })
     )
-  )) : /* @__PURE__ */ e.createElement("span", null, g.title))))), /* @__PURE__ */ e.createElement("tbody", null, l.map((g, f) => h(g, f)))));
+  )) : /* @__PURE__ */ e.createElement("span", null, C.title))))), /* @__PURE__ */ e.createElement("tbody", null, l.map((C, f) => h(C, f)))));
 }, oa = ({
   appendIds: s = !1,
   ariaLabel: r = "Table of contents",
@@ -11779,10 +11797,10 @@ const ta = ({
         const z = `item-${lt()}`;
         M.id || (M.id = z);
       });
-      const k = g(b);
+      const k = C(b);
       L(k);
     }, []), { nestedHeadings: w };
-  }, g = (w) => {
+  }, C = (w) => {
     const L = [];
     return w.forEach((b) => {
       const { id: k, innerText: M } = b;
@@ -11791,7 +11809,7 @@ const ta = ({
         title: M
       });
     }), L;
-  }, { nestedHeadings: f } = v(), [C, $] = B();
+  }, { nestedHeadings: f } = v(), [g, y] = B();
   ((w) => {
     const L = ue({});
     me(() => {
@@ -11818,7 +11836,7 @@ const ta = ({
       );
       return M.forEach((z) => k.observe(z)), () => k.disconnect();
     }, [w]);
-  })($);
+  })(y);
   const d = (w) => {
     typeof window < "u" && window.location.hash !== `#${w}` && window.history.pushState({}, "", `#${w}`);
   }, E = (w) => {
@@ -11826,15 +11844,15 @@ const ta = ({
       behavior: "smooth",
       block: "start"
     });
-  }, y = (w, L) => {
+  }, $ = (w, L) => {
     w.preventDefault(), s && d(L), E(L);
   }, N = ({ headings: w }) => /* @__PURE__ */ e.createElement("ul", { className: `${o}__list ${o}__list--top-level` }, w.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${o}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
-      className: L.id === C ? `${o}__link ${o}__link--active` : `${o}__link`,
+      className: L.id === g ? `${o}__link ${o}__link--active` : `${o}__link`,
       href: `#${L.id}`,
       onClick: (b) => {
-        y(b, L.id);
+        $(b, L.id);
       }
     },
     L.title
@@ -11846,10 +11864,10 @@ const ta = ({
     L.items.map((b) => /* @__PURE__ */ e.createElement("li", { key: b.id, className: `${o}__list-item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        className: b.id === C ? `${o}__link ${o}__link--active` : `${o}__link`,
+        className: b.id === g ? `${o}__link ${o}__link--active` : `${o}__link`,
         href: `#${b.id}`,
         onClick: (k) => {
-          y(k, b.id);
+          $(k, b.id);
         }
       },
       b.title
@@ -11871,7 +11889,7 @@ const ta = ({
       },
       c
     ),
-    /* @__PURE__ */ e.createElement(N, { activeID: C, headings: f })
+    /* @__PURE__ */ e.createElement(N, { activeID: g, headings: f })
   );
 }, ia = ({
   ariaLabel: s,
@@ -11887,33 +11905,33 @@ const ta = ({
   me(() => {
     c !== void 0 && o(c);
   }, [c]);
-  const u = (g) => {
-    const f = g.currentTarget.getAttribute("data-tabnumber");
+  const u = (C) => {
+    const f = C.currentTarget.getAttribute("data-tabnumber");
     if (f) {
-      const C = parseInt(f, 10);
-      o(C);
+      const g = parseInt(f, 10);
+      o(g);
     }
   }, _ = ue([]);
   me(() => {
     a(m);
   }, [m, a]), me(() => {
-    const g = _.current.length - 1;
-    if (m > g) {
+    const C = _.current.length - 1;
+    if (m > C) {
       o(0);
       return;
     } else if (m < 0) {
-      o(g);
+      o(C);
       return;
     }
   }, [m]);
-  const h = (g, f) => {
-    const C = m;
-    let $ = _.current[f === "next" ? C + 1 < _.current.length ? C + 1 : 0 : C - 1 >= 0 ? C - 1 : _.current.length - 1];
-    $ || ($ = f == "next" ? _.current[g + 1] == null ? _.current[0] : _.current[g + 1] : _.current[g - 1]), $.focus();
-  }, v = (g) => {
-    const f = _.current.length, C = () => {
+  const h = (C, f) => {
+    const g = m;
+    let y = _.current[f === "next" ? g + 1 < _.current.length ? g + 1 : 0 : g - 1 >= 0 ? g - 1 : _.current.length - 1];
+    y || (y = f == "next" ? _.current[C + 1] == null ? _.current[0] : _.current[C + 1] : _.current[C - 1]), y.focus();
+  }, v = (C) => {
+    const f = _.current.length, g = () => {
       h((m + 1) % f, "next"), o(m + 1);
-    }, $ = () => {
+    }, y = () => {
       h((m - 1 + f) % f, "prev"), o(m - 1);
     }, p = () => {
       h(0), o(0);
@@ -11922,14 +11940,14 @@ const ta = ({
     }, E = () => {
       _.current[m].focus();
     }, N = {
-      ArrowRight: C,
-      ArrowLeft: $,
+      ArrowRight: g,
+      ArrowLeft: y,
       Home: p,
       End: d,
       Space: E,
       Enter: E
-    }[g.code];
-    N && (g.preventDefault(), N());
+    }[C.code];
+    N && (C.preventDefault(), N());
   };
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: H([n, r]), ...i }, /* @__PURE__ */ e.createElement(
     "div",
@@ -11939,20 +11957,20 @@ const ta = ({
       className: `${n}__tablist`,
       role: "tablist"
     },
-    l.map(({ disabled: g, icon: f, tabId: C, tabLabel: $, tally: p }, d) => /* @__PURE__ */ e.createElement(
+    l.map(({ disabled: C, icon: f, tabId: g, tabLabel: y, tally: p }, d) => /* @__PURE__ */ e.createElement(
       "button",
       {
         key: d,
         ref: (E) => {
-          g || (_.current[d] = E);
+          C || (_.current[d] = E);
         },
         "aria-controls": `${n}__tab--${d}`,
-        "aria-disabled": !!g,
+        "aria-disabled": !!C,
         "aria-selected": d == m,
         className: `${n}__tab`,
         "data-tabnumber": d,
-        id: C,
-        onClick: g ? null : u,
+        id: g,
+        onClick: C ? null : u,
         onKeyDown: (E) => {
           E.preventDefault(), v(E);
         },
@@ -11960,9 +11978,9 @@ const ta = ({
         tabIndex: m === d ? 0 : -1,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: f, className: `${n}__tab-label` }, f ? /* @__PURE__ */ e.createElement(D, { iconName: f, iconSize: "md" }) : null, " ", $, l[d].tally ? /* @__PURE__ */ e.createElement(kt, { label: p.label, type: p.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: f, className: `${n}__tab-label` }, f ? /* @__PURE__ */ e.createElement(D, { iconName: f, iconSize: "md" }) : null, " ", y, l[d].tally ? /* @__PURE__ */ e.createElement(kt, { label: p.label, type: p.type }) : null)
     ))
-  ), l.map(({ disabled: g, icon: f, panelContent: C, tabLabel: $, tally: p }, d) => /* @__PURE__ */ e.createElement(
+  ), l.map(({ disabled: C, icon: f, panelContent: g, tabLabel: y, tally: p }, d) => /* @__PURE__ */ e.createElement(
     "div",
     {
       key: d,
@@ -11976,17 +11994,17 @@ const ta = ({
       {
         key: d,
         "aria-controls": `tabpanel_${d}`,
-        "aria-disabled": !!g,
+        "aria-disabled": !!C,
         "aria-selected": d == m,
         className: `${n}__trigger`,
         "data-tabnumber": d,
-        onClick: g ? null : u,
+        onClick: C ? null : u,
         onKeyDown: v,
         role: "tab",
         tabIndex: m === d ? 1 : -1,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: f, className: `${n}__tab-label` }, f ? /* @__PURE__ */ e.createElement(D, { iconName: f, iconSize: "md" }) : null, " ", $, l[d].tally ? /* @__PURE__ */ e.createElement(kt, { label: p.label, type: p.type }) : null),
+      /* @__PURE__ */ e.createElement("div", { key: f, className: `${n}__tab-label` }, f ? /* @__PURE__ */ e.createElement(D, { iconName: f, iconSize: "md" }) : null, " ", y, l[d].tally ? /* @__PURE__ */ e.createElement(kt, { label: p.label, type: p.type }) : null),
       d == m ? /* @__PURE__ */ e.createElement(
         D,
         {
@@ -12009,7 +12027,7 @@ const ta = ({
         className: `${n}__panel-content`,
         hidden: d != m
       },
-      C
+      g
     )
   ))));
 }, H2 = [
@@ -12047,21 +12065,21 @@ const ta = ({
   ...n
 }) => {
   const [m, o] = B(!0), u = "pds-tag", _ = l ? `${u}--${l}` : `${u}--${Ss(i)}`, h = m ? null : "pds-tag--hide", v = () => {
-    o(($) => !$);
+    o((y) => !y);
   };
-  let g, f, C;
+  let C, f, g;
   if (t && !r && Ee(t)) {
-    g = t.type;
-    const $ = t.props;
-    f = $.href ? "href" : "to", C = f === "href" ? $.href : $.to;
+    C = t.type;
+    const y = t.props;
+    f = y.href ? "href" : "to", g = f === "href" ? y.href : y.to;
   } else
-    g = "span", f = null, C = null;
+    C = "span", f = null, g = null;
   return /* @__PURE__ */ e.createElement(
-    g,
+    C,
     {
       className: H([u, _, h, s]),
-      href: f === "href" ? C : null,
-      to: f === "to" ? C : null,
+      href: f === "href" ? g : null,
+      to: f === "to" ? g : null,
       ...n
     },
     /* @__PURE__ */ e.createElement("span", { className: `${u}__label`, title: i }, Vs(i, 20)),
@@ -12270,25 +12288,25 @@ const ta = ({
   sidebarProps: h,
   ...v
 }) => {
-  let g = !1;
+  let C = !1;
   const f = ye(Me);
-  f && (g = f.isMobile);
-  const [C, $] = B(
+  f && (C = f.isMobile);
+  const [g, y] = B(
     c || !1
   );
   me(() => {
-    $(c || !1);
+    y(c || !1);
   }, [c]);
-  const p = "pds-app-layout", d = `pds-container pds-container--${t}`, E = g ? `${p}--isMobile` : null, N = {
-    width: C ? `${o}rem` : `${u}`,
-    minWidth: C ? `${o}rem` : `${_}rem`,
+  const p = "pds-app-layout", d = `pds-container pds-container--${t}`, E = C ? `${p}--isMobile` : null, N = {
+    width: g ? `${o}rem` : `${u}`,
+    minWidth: g ? `${o}rem` : `${_}rem`,
     transition: "all 200ms ease-in-out"
   }, w = () => {
     if (m) {
       m();
       return;
     }
-    $(!C);
+    y(!g);
   }, L = Pe(s), b = L.__unslotted, k = L.sidebar, M = Yt(
     i,
     {
@@ -12322,11 +12340,11 @@ const ta = ({
     a && /* @__PURE__ */ e.createElement(
       "button",
       {
-        "aria-expanded": !C,
-        "aria-label": C ? l.expandSidebar : l.collapseSidebar,
+        "aria-expanded": !g,
+        "aria-label": g ? l.expandSidebar : l.collapseSidebar,
         className: `${p}__sidebar-toggle-button`,
         onClick: w,
-        title: C ? l.expandSidebar : l.collapseSidebar,
+        title: g ? l.expandSidebar : l.collapseSidebar,
         type: "button"
       },
       /* @__PURE__ */ e.createElement("span", { className: `${p}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(D, { iconName: "angleLeft", iconSize: "sm", verticalAlign: "-1px" }))
@@ -12344,7 +12362,7 @@ const ta = ({
       ]),
       ...v
     },
-    g ? z : T
+    C ? z : T
   );
 }, ha = ({
   children: s,
@@ -12381,7 +12399,7 @@ const ta = ({
   const n = "pds-docs-layout", m = l ? `${n}--isMobile` : null, o = {
     width: a,
     minWidth: `${t}rem`
-  }, u = Pe(s), _ = u.__unslotted || u.content, h = u.sidebar, v = /* @__PURE__ */ e.createElement(e.Fragment, null, h && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar` }, h), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, _)), g = /* @__PURE__ */ e.createElement(e.Fragment, null, h && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar`, style: o }, /* @__PURE__ */ e.createElement("div", { className: `${n}__sidebar-inner` }, h)), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, _));
+  }, u = Pe(s), _ = u.__unslotted || u.content, h = u.sidebar, v = /* @__PURE__ */ e.createElement(e.Fragment, null, h && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar` }, h), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, _)), C = /* @__PURE__ */ e.createElement(e.Fragment, null, h && /* @__PURE__ */ e.createElement("aside", { className: `${n}__sidebar`, style: o }, /* @__PURE__ */ e.createElement("div", { className: `${n}__sidebar-inner` }, h)), /* @__PURE__ */ e.createElement("div", { className: `${n}__content` }, _));
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -12393,7 +12411,7 @@ const ta = ({
       ]),
       ...c
     },
-    l ? v : g
+    l ? v : C
   );
 }, Ca = ({
   alignContent: s = "flex-start",
@@ -12410,30 +12428,30 @@ const ta = ({
   mobileFlexWrap: _,
   mobileGap: h,
   mobileJustifyContent: v,
-  ...g
+  ...C
 }) => {
-  let C = F2() <= 640;
-  const $ = ye(Me);
-  $ && (C = $.isMobile);
-  const p = "pds-flex", d = `${p}-container`, E = C ? `${d}--mobile` : null;
-  let y = null;
-  C ? y = `${p}-direction--${u}` : c !== "row" && (y = `${p}-direction--${c}`);
+  let g = F2() <= 640;
+  const y = ye(Me);
+  y && (g = y.isMobile);
+  const p = "pds-flex", d = `${p}-container`, E = g ? `${d}--mobile` : null;
+  let $ = null;
+  g ? $ = `${p}-direction--${u}` : c !== "row" && ($ = `${p}-direction--${c}`);
   let N = null;
-  C ? _ ? _ !== "nowrap" && (N = `${p}-wrap--${_}`) : l !== "nowrap" && (N = `${p}-wrap--${l}`) : l !== "nowrap" && (N = `${p}-wrap--${l}`);
+  g ? _ ? _ !== "nowrap" && (N = `${p}-wrap--${_}`) : l !== "nowrap" && (N = `${p}-wrap--${l}`) : l !== "nowrap" && (N = `${p}-wrap--${l}`);
   let w = null;
-  C ? v ? v !== "flex-start" && (w = `${p}-justify--${v}`) : n !== "flex-start" && (w = `${p}-justify--${n}`) : n !== "flex-start" && (w = `${p}-justify--${n}`);
+  g ? v ? v !== "flex-start" && (w = `${p}-justify--${v}`) : n !== "flex-start" && (w = `${p}-justify--${n}`) : n !== "flex-start" && (w = `${p}-justify--${n}`);
   let L = null;
-  C ? o ? o !== "stretch" && (L = `${p}-align-items--${o}`) : r !== "stretch" && (L = `${p}-align-items--${r}`) : r !== "stretch" && (L = `${p}-align-items--${r}`);
+  g ? o ? o !== "stretch" && (L = `${p}-align-items--${o}`) : r !== "stretch" && (L = `${p}-align-items--${r}`) : r !== "stretch" && (L = `${p}-align-items--${r}`);
   let b = null;
-  C ? m ? m !== "flex-start" && (b = `${p}-align-content--${m}`) : s !== "flex-start" && (b = `${p}-align-content--${s}`) : s !== "flex-start" && (b = `${p}-align-content--${s}`);
+  g ? m ? m !== "flex-start" && (b = `${p}-align-content--${m}`) : s !== "flex-start" && (b = `${p}-align-content--${s}`) : s !== "flex-start" && (b = `${p}-align-content--${s}`);
   let k = null;
-  return C ? h ? h !== "none" && (k = `${p}-gap--${h}`) : i !== "none" && (k = `${p}-gap--${i}`) : i !== "none" && (k = `${p}-gap--${i}`), /* @__PURE__ */ e.createElement(
+  return g ? h ? h !== "none" && (k = `${p}-gap--${h}`) : i !== "none" && (k = `${p}-gap--${i}`) : i !== "none" && (k = `${p}-gap--${i}`), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: H([
         d,
         E,
-        y,
+        $,
         N,
         w,
         L,
@@ -12441,7 +12459,7 @@ const ta = ({
         k,
         a ?? ""
       ]),
-      ...g
+      ...C
     },
     t
   );
@@ -12462,8 +12480,8 @@ const ta = ({
   const _ = ye(Me);
   _ && (u = _.isMobile);
   const h = Pe(s);
-  let v = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", g = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
-  l === "narrow" && (v = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", g = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), l === "wide" && (v = "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");
+  let v = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", C = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
+  l === "narrow" && (v = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", C = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), l === "wide" && (v = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", C = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
   const f = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -12471,11 +12489,11 @@ const ta = ({
       className: `${n}__main ${u ? "pds-grid-item" : v}`
     },
     h.__unslotted || h.content
-  ), C = /* @__PURE__ */ e.createElement(
+  ), g = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "sidebar",
-      className: `${n}__side ${u ? "pds-grid-item" : g}`
+      className: `${n}__side ${u ? "pds-grid-item" : C}`
     },
     h.sidebar
   );
@@ -12490,7 +12508,7 @@ const ta = ({
       ]),
       ...i
     },
-    u ? c === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, C, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, f, C) : a === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, C, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, f, C)
+    u ? c === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, g, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, f, g) : a === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, g, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, f, g)
   );
 }, va = ({
   children: s,
@@ -12552,18 +12570,18 @@ const ta = ({
   ...l
 }) => {
   const i = "pds-two-item-layout", n = t === "standard" ? "pds-grid" : `pds-grid pds-grid--${t}`, m = `${i}--${c}`, o = ["pds-grid-item--md-6"], u = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], _ = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], h = ["pds-grid-item", "pds-grid-item--sm-4"];
-  let v, g;
+  let v, C;
   switch (a) {
     case "equal":
-      v = h.concat(o), g = h.concat(o);
+      v = h.concat(o), C = h.concat(o);
       break;
     case "one-third-start":
-      v = h.concat(u), g = h.concat(_);
+      v = h.concat(u), C = h.concat(_);
       break;
     case "one-third-end":
-      v = h.concat(_), g = h.concat(u);
+      v = h.concat(_), C = h.concat(u);
   }
-  const f = Pe(s), C = f["first-item"], $ = f["second-item"];
+  const f = Pe(s), g = f["first-item"], y = f["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -12575,8 +12593,8 @@ const ta = ({
       ]),
       ...l
     },
-    /* @__PURE__ */ e.createElement("div", { className: v.join(" ").trim() }, C),
-    /* @__PURE__ */ e.createElement("div", { className: g.join(" ").trim() }, $)
+    /* @__PURE__ */ e.createElement("div", { className: v.join(" ").trim() }, g),
+    /* @__PURE__ */ e.createElement("div", { className: C.join(" ").trim() }, y)
   );
 }, ya = (s, r) => {
   const [t, a] = B(!1), c = ct(