@pantheon-systems/pds-toolkit-react 1.0.0-dev.259 → 1.0.0-dev.260

package/_dist/index.js

@@ -23,14 +23,14 @@ var rt = (t, n, s) => new Promise((a, r) => {
   var m = (o) => {
     try {
       l(s.next(o));
-    } catch (u) {
-      r(u);
+    } catch (p) {
+      r(p);
     }
   }, c = (o) => {
     try {
       l(s.throw(o));
-    } catch (u) {
-      r(u);
+    } catch (p) {
+      r(p);
     }
   }, l = (o) => o.done ? a(o.value) : Promise.resolve(o.value).then(m, c);
   l((s = s.apply(t, n)).next());
@@ -75,7 +75,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
     "verticalAlign",
     "className"
   ]);
-  const o = `pds-icon pds-icon--${s} pds-icon--${n}`, u = `0 0 ${j2[n].width} 512`, g = {
+  const o = `pds-icon pds-icon--${s} pds-icon--${n}`, p = `0 0 ${j2[n].width} 512`, g = {
     sm: "0.8rem",
     md: "1rem",
     lg: "1.2rem",
@@ -89,7 +89,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
     w({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
-      viewBox: u,
+      viewBox: p,
       height: g[s],
       fill: "none",
       "aria-hidden": "true",
@@ -815,7 +815,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
   const n = parseInt(Mt(t), 16);
   return it[n % it.length];
 }, K2 = (o) => {
-  var u = o, {
+  var p = o, {
     ariaLabel: t,
     hasUserFallback: n = !1,
     imageSrc: s,
@@ -823,7 +823,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
     size: r = "md",
     uniqueId: m,
     className: c
-  } = u, l = P(u, [
+  } = p, l = P(p, [
     "ariaLabel",
     "hasUserFallback",
     "imageSrc",
@@ -832,7 +832,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
     "uniqueId",
     "className"
   ]);
-  const g = "pds-avatar", p = `${g}--${r}`, d = s ? `${g}--image` : null, [b, C] = Q(void 0), v = {
+  const g = "pds-avatar", u = `${g}--${r}`, d = s ? `${g}--image` : null, [b, C] = Q(void 0), v = {
     backgroundImage: m ? `var(--pds-color-gradient-avatar-${C1(m)})` : null,
     borderRadius: "100%",
     height: "100%",
@@ -860,7 +860,7 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: z([g, p, d, c])
+      className: z([g, u, d, c])
     }, l),
     a ? i : h
   );
@@ -876,11 +876,11 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
     "color",
     "className"
   ]);
-  const l = "pds-indicator-badge", o = `${l}--${s}`, u = `${l}--${n}`;
+  const l = "pds-indicator-badge", o = `${l}--${s}`, p = `${l}--${n}`;
   return /* @__PURE__ */ e.createElement(
     "span",
     w({
-      className: [l, o, u, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, o, p, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("span", { className: `${l}__label` }, t)
   );
@@ -900,14 +900,14 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
     "statusType",
     "className"
   ]);
-  const u = "pds-status-badge", g = `${u}--${t}`, p = `${u}__status`, d = r ? `${p}--${r}` : null;
+  const p = "pds-status-badge", g = `${p}--${t}`, u = `${p}__status`, d = r ? `${u}--${r}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: [u, g, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, g, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " ")
     }, c),
-    n === !0 && /* @__PURE__ */ e.createElement("span", { className: [p, d].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, a, " ", r)),
-    /* @__PURE__ */ e.createElement("span", { className: `${u}__label` }, s)
+    n === !0 && /* @__PURE__ */ e.createElement("span", { className: [u, d].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, a, " ", r)),
+    /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, s)
   );
 }, k2 = (m) => {
   var c = m, {
@@ -927,18 +927,18 @@ const c2 = () => Math.random().toString(32).substring(2, 13), Vt = (t, n) => {
     "typeLabels",
     "className"
   ]);
-  const l = "pds-tally", o = `${l}--${n}`, u = `${s[n]}: `;
+  const l = "pds-tally", o = `${l}--${n}`, p = `${s[n]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: z([l, o, a != null ? a : ""])
     }, r),
-    /* @__PURE__ */ e.createElement("div", { className: `${l}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), t)
+    /* @__PURE__ */ e.createElement("div", { className: `${l}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), t)
   );
 };
 k2.displayName = "Tally";
-const T2 = 300, _1 = 400, Ve = (p) => {
-  var d = p, {
+const T2 = 300, _1 = 400, Ve = (u) => {
+  var d = u, {
     content: t,
     customTrigger: n = null,
     offsetValue: s = 8,
@@ -948,7 +948,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     triggerIconColor: c = "default",
     triggerIconSize: l = "sm",
     zIndex: o = _1,
-    className: u
+    className: p
   } = d, g = P(d, [
     "content",
     "customTrigger",
@@ -983,7 +983,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     M,
     L
   ]);
-  return /* @__PURE__ */ e.createElement("div", w({ className: z([v, u != null ? u : ""]) }, g), n ? /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", w({ className: z([v, p != null ? p : ""]) }, g), n ? /* @__PURE__ */ e.createElement(
     "span",
     w({
       className: _,
@@ -1015,8 +1015,8 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     }, N()),
     t
   )));
-}, Xn = (u) => {
-  var g = u, {
+}, Xn = (p) => {
+  var g = p, {
     isLoading: t,
     loadingText: n = "Loading...",
     numberAhead: s,
@@ -1035,7 +1035,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "componentWidth",
     "className"
   ]);
-  const p = "pds-branch-diff", d = t ? `${p}--loading` : null, b = t ? "pds-pulse" : null, C = c !== null && c > 0 ? `${c}rem` : "100%";
+  const u = "pds-branch-diff", d = t ? `${u}--loading` : null, b = t ? "pds-pulse" : null, C = c !== null && c > 0 ? `${c}rem` : "100%";
   let y = Math.max(0, s), v = Math.max(0, r);
   t && (y = 1, v = 1);
   const _ = Math.max(y, v);
@@ -1046,7 +1046,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: z([p, d, l != null ? l : ""]),
+      className: z([u, d, l != null ? l : ""]),
       style: { width: C }
     }, o),
     /* @__PURE__ */ e.createElement(
@@ -1054,17 +1054,17 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       {
         content: E,
         preferredPlacement: "top",
-        customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
+        customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, /* @__PURE__ */ e.createElement(
           "div",
           {
-            className: `${p}__segment ${p}__segment--behind`
+            className: `${u}__segment ${u}__segment--behind`
           },
-          /* @__PURE__ */ e.createElement("div", { className: `${p}__number` }, !t && v),
+          /* @__PURE__ */ e.createElement("div", { className: `${u}__number` }, !t && v),
           v > 0 && /* @__PURE__ */ e.createElement(
             "div",
             {
               className: z([
-                `${p}__line ${p}__line--behind`,
+                `${u}__line ${u}__line--behind`,
                 b
               ]),
               style: { width: `${h}%` }
@@ -1073,14 +1073,14 @@ const T2 = 300, _1 = 400, Ve = (p) => {
         ), /* @__PURE__ */ e.createElement(
           "div",
           {
-            className: `${p}__segment ${p}__segment--ahead`
+            className: `${u}__segment ${u}__segment--ahead`
           },
-          /* @__PURE__ */ e.createElement("div", { className: `${p}__number` }, !t && y),
+          /* @__PURE__ */ e.createElement("div", { className: `${u}__number` }, !t && y),
           y > 0 && /* @__PURE__ */ e.createElement(
             "div",
             {
               className: z([
-                `${p}__line ${p}__line--ahead`,
+                `${u}__line ${u}__line--ahead`,
                 b
               ]),
               style: { width: `${i}%` }
@@ -1135,12 +1135,12 @@ const T2 = 300, _1 = 400, Ve = (p) => {
   tooltipText: l = null,
   className: o
 }) => {
-  const u = z([
+  const p = z([
     "pds-input-label",
     s ? null : "visually-hidden",
     o != null ? o : ""
   ]), g = /* @__PURE__ */ e.createElement(e.Fragment, null, n, a && !r && /* @__PURE__ */ e.createElement(St, null), l && /* @__PURE__ */ e.createElement(Ve, { content: l }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(j, { iconName: "circleInfo", iconSize: "sm" }))));
-  return m ? /* @__PURE__ */ e.createElement("legend", { className: u, id: `${t}-legend` }, g) : c ? /* @__PURE__ */ e.createElement("span", { className: u, id: `${t}-field-label` }, g) : /* @__PURE__ */ e.createElement("label", { htmlFor: t, className: u, id: `${t}-label` }, g);
+  return m ? /* @__PURE__ */ e.createElement("legend", { className: p, id: `${t}-legend` }, g) : c ? /* @__PURE__ */ e.createElement("span", { className: p, id: `${t}-field-label` }, g) : /* @__PURE__ */ e.createElement("label", { htmlFor: t, className: p, id: `${t}-label` }, g);
 }, Re = ({
   forInputGroup: t = !1,
   id: n,
@@ -1220,7 +1220,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
 }, mt = (t) => "options" in t, N2 = Ue(
   (m, r) => {
     var c = m, { children: t, isActive: n, className: s } = c, a = P(c, ["children", "isActive", "className"]);
-    const l = l1(), o = "pds-input__select-option", u = n ? `${o}--active` : null;
+    const l = l1(), o = "pds-input__select-option", p = n ? `${o}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       w({
@@ -1228,7 +1228,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
         role: "option",
         id: l,
         "aria-selected": n,
-        className: z([o, u, s != null ? s : ""])
+        className: z([o, p, s != null ? s : ""])
       }, a),
       t
     );
@@ -1249,16 +1249,16 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "size",
     "className"
   ]);
-  const u = "pds-spinner", g = t !== "full-color" ? `${u}--${t}` : null, p = `${u}--${r}`, d = n ? `${u}--inline` : null;
+  const p = "pds-spinner", g = t !== "full-color" ? `${p}--${t}` : null, u = `${p}--${r}`, d = n ? `${p}--inline` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     w({
-      className: [u, g, d, p, m].join(" ").trim().replace(/\s+/g, " "),
+      className: [p, g, d, u, m].join(" ").trim().replace(/\s+/g, " "),
       role: "status",
       "aria-hidden": "true"
     }, c),
-    /* @__PURE__ */ e.createElement("span", { className: `${u}__icon` }),
-    a && !n ? /* @__PURE__ */ e.createElement("span", { className: `${u}__label` }, s) : /* @__PURE__ */ e.createElement(et, { label: s })
+    /* @__PURE__ */ e.createElement("span", { className: `${p}__icon` }),
+    a && !n ? /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, s) : /* @__PURE__ */ e.createElement(et, { label: s })
   );
 }, C2 = Ue(
   (v, y) => {
@@ -1272,9 +1272,9 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       isLoading: c = !1,
       isSplitButton: l = !1,
       label: o,
-      onClick: u,
+      onClick: p,
       size: g = "md",
-      tooltipText: p,
+      tooltipText: u,
       variant: d = "primary",
       className: b = ""
     } = _, C = P(_, [
@@ -1329,16 +1329,16 @@ const T2 = 300, _1 = 400, Ve = (p) => {
         ]),
         disabled: s || c,
         "aria-label": t,
-        onClick: u,
+        onClick: p,
         ref: y
       }, C),
       c && /* @__PURE__ */ e.createElement(b2, { className: `${h}__loading-indicator`, size: "md" }),
       M
     );
-    return (s || c) && p ? /* @__PURE__ */ e.createElement(Ve, { content: p, customTrigger: L }) : /* @__PURE__ */ e.createElement(e.Fragment, null, L);
+    return (s || c) && u ? /* @__PURE__ */ e.createElement(Ve, { content: u, customTrigger: L }) : /* @__PURE__ */ e.createElement(e.Fragment, null, L);
   }
-), _2 = (u) => {
-  var g = u, {
+), _2 = (p) => {
+  var g = p, {
     disabled: t = !1,
     displayType: n = "label-only",
     iconName: s,
@@ -1357,7 +1357,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "variant",
     "className"
   ]);
-  const p = "pds-button-link", d = "pds-button", b = r !== "md" ? `${d}--${r}` : null, C = c !== "primary" ? `${d}--${c}` : null, y = z([
+  const u = "pds-button-link", d = "pds-button", b = r !== "md" ? `${d}--${r}` : null, C = c !== "primary" ? `${d}--${c}` : null, y = z([
     d,
     b,
     C
@@ -1366,7 +1366,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     {
       iconName: s,
       iconSize: r,
-      className: `${p}__icon`,
+      className: `${u}__icon`,
       key: s
     }
   );
@@ -1379,14 +1379,14 @@ const T2 = 300, _1 = 400, Ve = (p) => {
   return t ? /* @__PURE__ */ e.createElement(
     C2,
     {
-      className: z([p, l != null ? l : ""]),
+      className: z([u, l != null ? l : ""]),
       disabled: !0,
       label: h,
       size: r,
       tooltipText: m != null ? m : null,
       variant: c
     }
-  ) : /* @__PURE__ */ e.createElement("span", w({ className: z([p, l != null ? l : ""]) }, o), i);
+  ) : /* @__PURE__ */ e.createElement("span", w({ className: z([u, l != null ? l : ""]) }, o), i);
 }, v1 = (t, n) => {
   const [s, a] = Q(!1), r = n == null ? void 0 : n.duration;
   return le(() => {
@@ -1404,7 +1404,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       }
   })];
 }, z2 = Ue(
-  (d, p) => {
+  (d, u) => {
     var b = d, {
       ariaLabel: t,
       buttonType: n = "button",
@@ -1415,7 +1415,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       onClick: c,
       size: l = "md",
       variant: o = "standard",
-      className: u
+      className: p
     } = b, g = P(b, [
       "ariaLabel",
       "buttonType",
@@ -1490,13 +1490,13 @@ const T2 = 300, _1 = 400, Ve = (p) => {
           C,
           y,
           v,
-          u
+          p
         ]),
         disabled: s,
         onClick: M,
         type: n,
         title: a && !s ? null : t,
-        ref: p
+        ref: u
       }, g),
       a && !s ? /* @__PURE__ */ e.createElement(
         Ve,
@@ -1523,7 +1523,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "variant",
     "className"
   ]);
-  const o = "pds-clipboard-button", [u, g] = v1(n);
+  const o = "pds-clipboard-button", [p, g] = v1(n);
   return /* @__PURE__ */ e.createElement(
     z2,
     w({
@@ -1597,9 +1597,9 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     menuItems: c,
     menuPosition: l = "start",
     onClick: o,
-    size: u = "md",
+    size: p = "md",
     testId: g,
-    undefinedLabel: p = "Unlabeled group",
+    undefinedLabel: u = "Unlabeled group",
     variant: d = "primary",
     withinNavbar: b,
     className: C
@@ -1849,7 +1849,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
         },
         fe.map((Ne, je) => {
           ge = V.current[je];
-          const Ge = Ne[0].isHeading, qe = Ge ? `${O}-group-${ge}-heading` : "", Ut = `${O}-group-${ge}`, jt = Ge ? null : `${p} ${je + 1}`;
+          const Ge = Ne[0].isHeading, qe = Ge ? `${O}-group-${ge}-heading` : "", Ut = `${O}-group-${ge}`, jt = Ge ? null : `${u} ${je + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
@@ -1899,7 +1899,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       id: O,
       isSplitButton: r,
       label: m,
-      size: u,
+      size: p,
       variant: d,
       displayType: n,
       iconName: "angleDown",
@@ -1920,7 +1920,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       {
         id: O,
         ariaLabel: U,
-        size: u,
+        size: p,
         variant: "standard",
         iconName: s,
         type: "button",
@@ -1985,7 +1985,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     x ? /* @__PURE__ */ e.createElement(e.Fragment, null, ve, /* @__PURE__ */ e.createElement(r2, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Ze, e2(c))
   );
 }, Yn = (g) => {
-  var p = g, {
+  var u = g, {
     disabled: t = !1,
     id: n,
     defaultValue: s,
@@ -1995,7 +1995,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     size: c = "md",
     value: l,
     className: o
-  } = p, u = P(p, [
+  } = u, p = P(u, [
     "disabled",
     "id",
     "defaultValue",
@@ -2021,7 +2021,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
           b,
           o != null ? o : ""
         ])
-      }, u),
+      }, p),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, a),
       /* @__PURE__ */ e.createElement("div", { className: `${d}__options` }, m.map((f, E) => {
         const $ = y ? l === f.value : _ === f.value, H = `${d}__option`, M = $ ? `${H}--checked` : null;
@@ -2063,7 +2063,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       }))
     );
 }, y1 = (o) => {
-  var u = o, {
+  var p = o, {
     actionItems: t,
     disabled: n,
     id: s,
@@ -2071,7 +2071,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     size: r = "md",
     variant: m = "primary",
     className: c
-  } = u, l = P(u, [
+  } = p, l = P(p, [
     "actionItems",
     "disabled",
     "id",
@@ -2080,7 +2080,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "variant",
     "className"
   ]);
-  const g = "pds-split-button", p = `${g}--${m}`, d = t[0], b = t.slice(1);
+  const g = "pds-split-button", u = `${g}--${m}`, d = t[0], b = t.slice(1);
   let C = null;
   return "isLink" in d && d.isLink === !0 ? C = /* @__PURE__ */ e.createElement(
     _2,
@@ -2105,7 +2105,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
   )), /* @__PURE__ */ e.createElement(
     "span",
     w({
-      className: z([g, p, c]),
+      className: z([g, u, c]),
       id: s
     }, l),
     C,
@@ -2137,9 +2137,9 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     isMonospace: c = !1,
     label: l,
     onClick: o,
-    tooltipText: u,
+    tooltipText: p,
     className: g
-  } = b, p = P(b, [
+  } = b, u = P(b, [
     "buttonProps",
     "disabled",
     "iconName",
@@ -2183,8 +2183,8 @@ const T2 = 300, _1 = 400, Ve = (p) => {
         i,
         g != null ? g : ""
       ])
-    }, p),
-    u ? /* @__PURE__ */ e.createElement(Ve, { content: u, customTrigger: E }) : E
+    }, u),
+    p ? /* @__PURE__ */ e.createElement(Ve, { content: p, customTrigger: E }) : E
   );
 }, P2 = {
   info: "circleInfo",
@@ -2216,11 +2216,11 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "typeLabels",
     "className"
   ]);
-  const o = "pds-callout", u = `${o}--${s}`, g = `${a[s]}: `;
+  const o = "pds-callout", p = `${o}--${s}`, g = `${a[s]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: [o, u, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [o, p, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
     }, m),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--${s}` }, /* @__PURE__ */ e.createElement(
       j,
@@ -2242,18 +2242,18 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "padding",
     "className"
   ]);
-  const l = "pds-card", o = t !== "default" ? `${l}--${t}` : null, u = s !== "standard" ? `${l}--pad-${s}` : null, g = Fe(n), p = g.image, d = g.main;
+  const l = "pds-card", o = t !== "default" ? `${l}--${t}` : null, p = s !== "standard" ? `${l}--pad-${s}` : null, g = Fe(n), u = g.image, d = g.main;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: z([
         l,
         o,
-        u,
+        p,
         a != null ? a : ""
       ])
     }, r),
-    p && /* @__PURE__ */ e.createElement("div", { className: `${l}__image` }, p[0]),
+    u && /* @__PURE__ */ e.createElement("div", { className: `${l}__image` }, u[0]),
     d && /* @__PURE__ */ e.createElement("div", { className: `${l}__main` }, d)
   );
 }, tt = (c) => {
@@ -2270,13 +2270,13 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "text",
     "className"
   ]);
-  const o = "pds-card-heading", u = t === "XL" ? "pds-ts-xl" : "pds-ts-l", g = n === "bold" ? "pds-fw-bold" : "pds-fw-semibold";
+  const o = "pds-card-heading", p = t === "XL" ? "pds-ts-xl" : "pds-ts-l", g = n === "bold" ? "pds-fw-bold" : "pds-fw-semibold";
   return /* @__PURE__ */ e.createElement(
     Ye,
     w({
       className: z([
         o,
-        u,
+        p,
         g,
         r != null ? r : ""
       ]),
@@ -2284,8 +2284,8 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     }, m),
     a
   );
-}, e4 = (u) => {
-  var g = u, {
+}, e4 = (p) => {
+  var g = p, {
     id: t,
     defaultValue: n,
     label: s,
@@ -2304,9 +2304,9 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "options",
     "className"
   ]);
-  const p = "pds-card-select-group";
-  let d = `${p}__legend`;
-  a === "center" && (d = `${p}__legend ${p}__legend--center`), a === "hidden" && (d = `${p}__legend visually-hidden`);
+  const u = "pds-card-select-group";
+  let d = `${u}__legend`;
+  a === "center" && (d = `${u}__legend ${u}__legend--center`), a === "hidden" && (d = `${u}__legend visually-hidden`);
   const [b, C] = Q(n), y = (E) => {
     C(E.currentTarget.value), m && m(E.currentTarget.value);
   }, v = c.length, _ = "pds-grid-item", h = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", i = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
@@ -2314,14 +2314,14 @@ const T2 = 300, _1 = 400, Ve = (p) => {
   return r === "twoAcross" ? f = h : r === "threeAcross" ? f = i : r === "auto" && (v === 1 ? f = _ : v % 3 === 0 ? f = i : v % 2 === 0 ? f = h : f = i), /* @__PURE__ */ e.createElement(
     "fieldset",
     w({
-      className: [p, l].join(" ").trim().replace(/\s+/g, " "),
+      className: [u, l].join(" ").trim().replace(/\s+/g, " "),
       id: t
     }, o),
     /* @__PURE__ */ e.createElement("legend", { className: d }, s),
-    /* @__PURE__ */ e.createElement("div", { className: `${p}__options pds-grid pds-grid--narrow` }, c.map((E, $) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, c.map((E, $) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [`${p}__option`, f].join(" ").trim().replace(/\s+/g, " "),
+        className: [`${u}__option`, f].join(" ").trim().replace(/\s+/g, " "),
         key: `${t}-option-${$}`
       },
       /* @__PURE__ */ e.createElement(
@@ -2339,17 +2339,17 @@ const T2 = 300, _1 = 400, Ve = (p) => {
         "label",
         {
           htmlFor: E.id ? E.id : `${t}-option-${$}`,
-          className: b === E.value ? `${p}__option-label ${p}__option-label--selected` : `${p}__option-label`
+          className: b === E.value ? `${u}__option-label ${u}__option-label--selected` : `${u}__option-label`
         },
-        /* @__PURE__ */ e.createElement("div", { className: `${p}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           j,
           {
             iconName: b === E.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: b === E.value ? `${p}__option-icon ${p}__option-icon--selected` : `${p}__option-icon`
+            className: b === E.value ? `${u}__option-icon ${u}__option-icon--selected` : `${u}__option-icon`
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${p}__option-label-text` }, E.label, E.description && /* @__PURE__ */ e.createElement("div", { className: `${p}__option-description` }, E.description))
+        /* @__PURE__ */ e.createElement("div", { className: `${u}__option-label-text` }, E.label, E.description && /* @__PURE__ */ e.createElement("div", { className: `${u}__option-description` }, E.description))
       )
     )))
   );
@@ -2369,17 +2369,17 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "summary",
     "className"
   ]);
-  const u = "pds-empty-state-card";
-  return /* @__PURE__ */ e.createElement("div", w({ className: z([u, m != null ? m : ""]) }, c), /* @__PURE__ */ e.createElement("div", { className: `${u}__text` }, /* @__PURE__ */ e.createElement(
+  const p = "pds-empty-state-card";
+  return /* @__PURE__ */ e.createElement("div", w({ className: z([p, m != null ? m : ""]) }, c), /* @__PURE__ */ e.createElement("div", { className: `${p}__text` }, /* @__PURE__ */ e.createElement(
     tt,
     {
-      className: `${u}__heading`,
+      className: `${p}__heading`,
       fontSize: "XL",
       fontWeight: "semibold",
       level: t,
       text: n
     }
-  ), /* @__PURE__ */ e.createElement("p", { className: `${u}__summary` }, r)), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("p", { className: `${p}__summary` }, r)), /* @__PURE__ */ e.createElement(
     _2,
     {
       displayType: s ? "icon-end" : "label-only",
@@ -2387,7 +2387,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       size: "md",
       variant: "secondary",
       iconName: "externalLink",
-      className: `${u}__cta`
+      className: `${p}__cta`
     }
   ));
 }, n4 = (m) => {
@@ -2411,7 +2411,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       level: n,
       text: s
     }
-  ), t && /* @__PURE__ */ e.createElement("ul", { className: `${l}__list`, role: "list" }, t.map((u, g) => /* @__PURE__ */ e.createElement("li", { key: g, className: "pds-cta-links-card__item" }, u)))));
+  ), t && /* @__PURE__ */ e.createElement("ul", { className: `${l}__list`, role: "list" }, t.map((p, g) => /* @__PURE__ */ e.createElement("li", { key: g, className: "pds-cta-links-card__item" }, p)))));
   return /* @__PURE__ */ e.createElement("div", w({ className: z([l, a != null ? a : ""]) }, r), o);
 }, w1 = (a) => {
   var r = a, {
@@ -2424,22 +2424,22 @@ const T2 = 300, _1 = 400, Ve = (p) => {
   const m = "pds-platform-icon", c = `pds-platform-icon--${t}`;
   let l;
   if (["front-end-sites", "gatsby-wp", "next-drupal", "next-wp"].includes(t)) {
-    let u = [];
+    let p = [];
     switch (t) {
       case "front-end-sites":
-        u = ["next", "gatsby"];
+        p = ["next", "gatsby"];
         break;
       case "next-drupal":
-        u = ["next", "drupal"];
+        p = ["next", "drupal"];
         break;
       case "gatsby-wp":
-        u = ["gatsby", "wordpress"];
+        p = ["gatsby", "wordpress"];
         break;
       case "next-wp":
-        u = ["next", "wordpress"];
+        p = ["next", "wordpress"];
         break;
     }
-    l = /* @__PURE__ */ e.createElement("span", { className: `${m}__group` }, F2[u[0]], F2[u[1]]);
+    l = /* @__PURE__ */ e.createElement("span", { className: `${m}__group` }, F2[p[0]], F2[p[1]]);
   } else
     l = F2[t];
   return /* @__PURE__ */ e.createElement(
@@ -2690,7 +2690,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
 }, pt = {
   "early-access": { label: "Early Access", color: "success" }
 }, s4 = (g) => {
-  var p = g, {
+  var u = g, {
     badge: t,
     icon: n,
     newWindowString: s = "Opens new window",
@@ -2700,7 +2700,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     selectionLink: c,
     supplementalLinks: l,
     className: o
-  } = p, u = P(p, [
+  } = u, p = P(u, [
     "badge",
     "icon",
     "newWindowString",
@@ -2747,7 +2747,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       ), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s))
     );
   }))));
-  return /* @__PURE__ */ e.createElement("div", w({ className: z([d, o != null ? o : ""]) }, u), C);
+  return /* @__PURE__ */ e.createElement("div", w({ className: z([d, o != null ? o : ""]) }, p), C);
 }, L1 = {
   amex: /* @__PURE__ */ e.createElement(
     "svg",
@@ -3085,7 +3085,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
   ]);
   return /* @__PURE__ */ e.createElement("div", w({ className: z(["pds-payment-icon", n != null ? n : ""]) }, s), L1[t]);
 }, l4 = (g) => {
-  var p = g, {
+  var u = g, {
     cardType: t,
     cardNumber: n,
     cardholderName: s,
@@ -3095,7 +3095,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     detailsCallback: c,
     selectionCallback: l,
     className: o
-  } = p, u = P(p, [
+  } = u, p = P(u, [
     "cardType",
     "cardNumber",
     "cardholderName",
@@ -3107,7 +3107,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "className"
   ]);
   const d = "pds-payment-card";
-  return /* @__PURE__ */ e.createElement("div", w({ className: z([d, o != null ? o : ""]) }, u), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", w({ className: z([d, o != null ? o : ""]) }, p), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${d}__main`,
@@ -3154,24 +3154,24 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "typeLabels",
     "className"
   ]);
-  const u = "pds-comparison-list";
-  return /* @__PURE__ */ e.createElement("div", w({ className: z([u, m != null ? m : ""]) }, c), n && /* @__PURE__ */ e.createElement("div", { className: `${u}__intro` }, n), t && /* @__PURE__ */ e.createElement("ul", { className: `${u}__list` }, t.map((g, p) => /* @__PURE__ */ e.createElement(
+  const p = "pds-comparison-list";
+  return /* @__PURE__ */ e.createElement("div", w({ className: z([p, m != null ? m : ""]) }, c), n && /* @__PURE__ */ e.createElement("div", { className: `${p}__intro` }, n), t && /* @__PURE__ */ e.createElement("ul", { className: `${p}__list` }, t.map((g, u) => /* @__PURE__ */ e.createElement(
     "li",
     {
-      key: p,
-      className: `${u}__list-item ${u}__list-item--${g.type}`
+      key: u,
+      className: `${p}__list-item ${p}__list-item--${g.type}`
     },
-    /* @__PURE__ */ e.createElement("div", { className: `${u}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${p}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(
       j,
       {
         iconName: M1[g.type],
         iconSize: "md",
-        className: `${u}__item-icon`
+        className: `${p}__item-icon`
       }
     )),
     a && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r[g.type], ":", " "),
     g.text
-  ))), s && /* @__PURE__ */ e.createElement("div", { className: `${u}__more-link` }, s));
+  ))), s && /* @__PURE__ */ e.createElement("div", { className: `${p}__more-link` }, s));
 }, k1 = ({
   label: t,
   children: n
@@ -3192,9 +3192,9 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     message: c,
     onBlur: l,
     onFocus: o,
-    onOptionSelect: u,
+    onOptionSelect: p,
     options: g,
-    required: p = !1,
+    required: u = !1,
     showLabel: d = !0,
     tooltipText: b = null,
     validationMessage: C,
@@ -3222,7 +3222,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "className"
   ]);
   var r2, t2;
-  const E = Qe(a), $ = "pds-select", H = n ? ne.disabled : null, M = p && !n ? ne.required : null, L = y === "error" ? ne.error : null, k = y === "success" ? ne.success : null;
+  const E = Qe(a), $ = "pds-select", H = n ? ne.disabled : null, M = u && !n ? ne.required : null, L = y === "error" ? ne.error : null, k = y === "success" ? ne.success : null;
   let N = null;
   y === "error" && (N = "error"), y === "success" && (N = "success");
   const x = C || c, R = typeof v != "undefined", D = typeof t != "undefined", O = ((be) => be.reduce((we, ve) => mt(ve) ? [...we, ...ve.options] : [...we, ve], []))(g), F = (be) => O.findIndex((we) => we.value === be), G = R && F(v) >= 0 ? F(v) : null, K = D ? F(t) : null, J = G || K, [te, Z] = Q(!1), [B, q] = Q(null), [A, I] = Q(
@@ -3270,7 +3270,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     }
   }), He = (be) => {
     const we = O[be];
-    R || (I(be), Z(!1)), u && u(we);
+    R || (I(be), Z(!1)), p && p(we);
   };
   le(() => {
     if (R) {
@@ -3365,7 +3365,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
         label: r,
         showLabel: d,
         tooltipText: b,
-        required: p,
+        required: u,
         disabled: n
       }
     ),
@@ -3422,9 +3422,9 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       mostPopular: "Most popular"
     },
     selectLabel: o = "Select a plan size",
-    statusBadgeType: u,
+    statusBadgeType: p,
     className: g
-  } = b, p = P(b, [
+  } = b, u = P(b, [
     "actionPrimary",
     "actionSecondary",
     "hasComparisonList",
@@ -3437,7 +3437,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "statusBadgeType",
     "className"
   ]);
-  const C = "pds-pricing-card", y = `${C}-container`, v = s ? `${y}--with-list` : null, _ = u ? `${C}--${u}` : null, h = (D) => D.toLowerCase().replace(/\s/g, "-"), i = c && c.length > 1, [f, E] = Q(
+  const C = "pds-pricing-card", y = `${C}-container`, v = s ? `${y}--with-list` : null, _ = p ? `${C}--${p}` : null, h = (D) => D.toLowerCase().replace(/\s/g, "-"), i = c && c.length > 1, [f, E] = Q(
     h(c[0].label)
   ), [$, H] = Q(
     t.label
@@ -3561,19 +3561,19 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "div",
     w({
       className: z([y, v, g])
-    }, p),
-    /* @__PURE__ */ e.createElement("div", { className: z([C, _]) }, u && /* @__PURE__ */ e.createElement(
+    }, u),
+    /* @__PURE__ */ e.createElement("div", { className: z([C, _]) }, p && /* @__PURE__ */ e.createElement(
       Y2,
       {
         className: `${C}__status-badge`,
-        label: l[u],
-        color: u === "mostPopular" ? "reverse" : "neutral"
+        label: l[p],
+        color: p === "mostPopular" ? "reverse" : "neutral"
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${C}__main-content` }, m && /* @__PURE__ */ e.createElement("div", { className: `${C}__plan pds-overline-text` }, m), M, r && /* @__PURE__ */ e.createElement("div", { className: `${C}__description` }, r), N), /* @__PURE__ */ e.createElement("div", { className: `${C}__actions` }, t && x, t && n && R)),
     s && L
   );
-}, c4 = (u) => {
-  var g = u, {
+}, c4 = (p) => {
+  var g = p, {
     gotoText: t = "Go to",
     headingLevel: n = "h3",
     siteImage: s,
@@ -3592,7 +3592,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
     "siteStatus",
     "className"
   ]);
-  const p = "pds-site-card";
+  const u = "pds-site-card";
   let d, b;
   c === "active" && (d = "Active", b = "success"), c === "frozen" && (d = "Frozen", b = "frozen");
   const C = /* @__PURE__ */ e.createElement(
@@ -3602,7 +3602,7 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       statusType: b,
       hasStatusIndicator: !0
     }
-  ), y = /* @__PURE__ */ e.createElement(I2, null, /* @__PURE__ */ e.createElement("img", { slot: "image", src: s, alt: "" }), /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${p}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__header` }, /* @__PURE__ */ e.createElement(
+  ), y = /* @__PURE__ */ e.createElement(I2, null, /* @__PURE__ */ e.createElement("img", { slot: "image", src: s, alt: "" }), /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${u}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__header` }, /* @__PURE__ */ e.createElement(
     tt,
     {
       fontSize: "L",
@@ -3610,12 +3610,12 @@ const T2 = 300, _1 = 400, Ve = (p) => {
       level: n,
       text: r
     }
-  ), C), /* @__PURE__ */ e.createElement("div", { className: `${p}__plan` }, m))), v = Me(a) ? Se(a, ie(w({}, a.props), {
-    className: `${p}__link`,
+  ), C), /* @__PURE__ */ e.createElement("div", { className: `${u}__plan` }, m))), v = Me(a) ? Se(a, ie(w({}, a.props), {
+    className: `${u}__link`,
     children: y,
     "aria-label": `${t} ${r} dashboard`
   })) : null;
-  return /* @__PURE__ */ e.createElement("div", w({ className: z([p, l != null ? l : ""]) }, o), v);
+  return /* @__PURE__ */ e.createElement("div", w({ className: z([u, l != null ? l : ""]) }, o), v);
 };
 var ft = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
 function z1(t) {
@@ -4157,7 +4157,7 @@ var Ot = { exports: {} };
             i[E] = f[E];
           delete i.rest;
         }
-        var $ = new p();
+        var $ = new u();
         return d($, $.head, h), g(h, $, i, $.head, 0), C($);
       },
       /**
@@ -4228,7 +4228,7 @@ var Ot = { exports: {} };
         M += " " + L + '="' + ($.attributes[L] || "").replace(/"/g, """) + '"';
       return "<" + $.tag + ' class="' + $.classes.join(" ") + '"' + M + ">" + $.content + "</" + $.tag + ">";
     };
-    function u(h, i, f, E) {
+    function p(h, i, f, E) {
       h.lastIndex = i;
       var $ = h.exec(f);
       if ($ && E && $[1]) {
@@ -4257,7 +4257,7 @@ var Ot = { exports: {} };
               if (!(J instanceof o)) {
                 var te = 1, Z;
                 if (D) {
-                  if (Z = u(F, K, h, R), !Z || Z.index >= h.length)
+                  if (Z = p(F, K, h, R), !Z || Z.index >= h.length)
                     break;
                   var I = Z.index, B = Z.index + Z[0].length, q = K;
                   for (q += G.value.length; I >= q; )
@@ -4267,7 +4267,7 @@ var Ot = { exports: {} };
                   for (var A = G; A !== i.tail && (q < B || typeof A.value == "string"); A = A.next)
                     te++, q += A.value.length;
                   te--, J = h.slice(K, q), Z.index -= K;
-                } else if (Z = u(F, 0, J, R), !Z)
+                } else if (Z = p(F, 0, J, R), !Z)
                   continue;
                 var I = Z.index, S = Z[0], V = J.slice(0, I), T = J.slice(I + S.length), X = K + J.length;
                 H && X > H.reach && (H.reach = X);
@@ -4286,7 +4286,7 @@ var Ot = { exports: {} };
           }
         }
     }
-    function p() {
+    function u() {
       var h = { value: null, prev: null, next: null }, i = { value: null, prev: h, next: null };
       h.next = i, this.head = h, this.tail = i, this.length = 0;
     }
@@ -4520,8 +4520,8 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
   TYPE_SCALE_7XL: sn,
   TYPE_SCALE_8XL: ln,
   TYPE_SCALE_9XL: an
-}, cn = (u) => {
-  var g = u, {
+}, cn = (p) => {
+  var g = p, {
     colorType: t = "regular",
     isAnimated: n = !0,
     shape: s = "rounded",
@@ -4540,7 +4540,7 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
     "textSize",
     "className"
   ]);
-  const p = "pds-skeleton", d = `${p}--${s}`, b = n ? `pds-pulse pds-pulse--${t}` : `${p}--${t}`, C = ["text-block", "code-block", "code-block-prefix"], y = a != null && a.height ? typeof a.height == "number" ? `${a.height}rem` : `${gt[`SPACING_${a.height.toUpperCase()}`]}rem` : "1rem", v = a != null && a.width ? typeof a.width == "number" ? `${a.width}rem` : `${gt[`SPACING_${a.width.toUpperCase()}`]}rem` : "100%";
+  const u = "pds-skeleton", d = `${u}--${s}`, b = n ? `pds-pulse pds-pulse--${t}` : `${u}--${t}`, C = ["text-block", "code-block", "code-block-prefix"], y = a != null && a.height ? typeof a.height == "number" ? `${a.height}rem` : `${gt[`SPACING_${a.height.toUpperCase()}`]}rem` : "1rem", v = a != null && a.width ? typeof a.width == "number" ? `${a.width}rem` : `${gt[`SPACING_${a.width.toUpperCase()}`]}rem` : "100%";
   let _ = {
     height: y,
     width: v
@@ -4552,7 +4552,7 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
     "div",
     w({
       className: z([
-        p,
+        u,
         b,
         d,
         l != null ? l : ""
@@ -4583,7 +4583,7 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
     "div",
     w({
       className: z([
-        `${p}-group`,
+        `${u}-group`,
         s === "code-block-prefix" ? d : "",
         l != null ? l : ""
       ]),
@@ -4597,7 +4597,7 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
       "div",
       {
         key: R,
-        className: z([`${p}-line`]),
+        className: z([`${u}-line`]),
         style: s === "code-block-prefix" ? {
           gap: H,
           opacity: k(R)
@@ -4609,9 +4609,9 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
         "div",
         {
           className: z([
-            p,
+            u,
             b,
-            `${p}--rounded`
+            `${u}--rounded`
           ]),
           style: {
             width: L(),
@@ -4622,7 +4622,7 @@ const V1 = /* @__PURE__ */ z1(x1), S1 = {
       /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: z([p, b, d]),
+          className: z([u, b, d]),
           style: {
             width: s === "code-block-prefix" ? `calc(${M(R)} - ${L()} - ${H})` : M(R),
             height: `var(--pds-typography-size-${c})`
@@ -4905,9 +4905,9 @@ const r4 = (v) => {
     height: c,
     isLoading: l,
     language: o,
-    loadingLineCount: u = 1,
+    loadingLineCount: p = 1,
     maxHeight: g,
-    promptSymbol: p = "$",
+    promptSymbol: u = "$",
     renderAsLegacy: d = !1,
     shouldWrap: b = !1,
     className: C
@@ -4934,7 +4934,7 @@ const r4 = (v) => {
     cn,
     {
       className: `${h}__skeleton`,
-      textLineCount: u,
+      textLineCount: p,
       shape: r || m ? "code-block-prefix" : "code-block",
       colorType: n === "dark" ? "bold" : "regular"
     }
@@ -4950,7 +4950,7 @@ const r4 = (v) => {
       className: `${h}__line-content`,
       dangerouslySetInnerHTML: { __html: G }
     }
-  ))), x = (O) => O.split(/<br\s*\/?>/i).map((G, K) => /* @__PURE__ */ e.createElement("div", { key: K, className: `${h}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__prompt` }, p), /* @__PURE__ */ e.createElement(
+  ))), x = (O) => O.split(/<br\s*\/?>/i).map((G, K) => /* @__PURE__ */ e.createElement("div", { key: K, className: `${h}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__prompt` }, u), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${h}__line-content`,
@@ -4981,7 +4981,7 @@ const r4 = (v) => {
       )))
     );
   }
-  const R = /* @__PURE__ */ e.createElement(m2.LineContent, null, /* @__PURE__ */ e.createElement(m2.Token, null)), D = /* @__PURE__ */ e.createElement("div", { className: `${h}__line ${f}` }, /* @__PURE__ */ e.createElement(m2.LineNumber, { className: `${h}__number` }), R), W = /* @__PURE__ */ e.createElement("div", { className: `${h}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__prompt` }, p), R);
+  const R = /* @__PURE__ */ e.createElement(m2.LineContent, null, /* @__PURE__ */ e.createElement(m2.Token, null)), D = /* @__PURE__ */ e.createElement("div", { className: `${h}__line ${f}` }, /* @__PURE__ */ e.createElement(m2.LineNumber, { className: `${h}__number` }), R), W = /* @__PURE__ */ e.createElement("div", { className: `${h}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__prompt` }, u), R);
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -5032,8 +5032,8 @@ const r4 = (v) => {
       }
     )
   );
-}, o4 = (u) => {
-  var g = u, {
+}, o4 = (p) => {
+  var g = p, {
     backgroundColor: t = "default",
     containerWidth: n = "standard",
     headingLevel: s = "h2",
@@ -5052,22 +5052,22 @@ const r4 = (v) => {
     "secondaryLinkContent",
     "className"
   ]);
-  const p = "pds-cta-slice", d = t && t !== "default" ? `${p}--${t}` : null, b = n && n !== "standard" ? `pds-container pds-container--${n}` : "pds-container";
+  const u = "pds-cta-slice", d = t && t !== "default" ? `${u}--${t}` : null, b = n && n !== "standard" ? `pds-container pds-container--${n}` : "pds-container";
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: z([p, d, l])
+      className: z([u, d, l])
     }, o),
-    /* @__PURE__ */ e.createElement("div", { className: b }, a && /* @__PURE__ */ e.createElement(Ye, { baseClass: p, className: "pds-ts-4xl", level: s }, a), r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: b }, a && /* @__PURE__ */ e.createElement(Ye, { baseClass: u, className: "pds-ts-4xl", level: s }, a), r && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${p}__lead-text pds-lead-text pds-lead-text--sm`
+        className: `${u}__lead-text pds-lead-text pds-lead-text--sm`
       },
       r
     ), m && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${p}__links pds-button-group pds-button-group--lg`
+        className: `${u}__links pds-button-group pds-button-group--lg`
       },
       m,
       c
@@ -5116,23 +5116,23 @@ const r4 = (v) => {
     "headingLevel",
     "className"
   ]);
-  const u = "pds-compact-empty-state";
-  return /* @__PURE__ */ e.createElement("div", w({ className: z([u, m != null ? m : ""]) }, c), t && /* @__PURE__ */ e.createElement(
+  const p = "pds-compact-empty-state";
+  return /* @__PURE__ */ e.createElement("div", w({ className: z([p, m != null ? m : ""]) }, c), t && /* @__PURE__ */ e.createElement(
     j,
     {
       iconName: t,
       iconSize: "xl",
-      className: `${u}__icon`
+      className: `${p}__icon`
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: `${u}__text` }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: `${p}__text` }, /* @__PURE__ */ e.createElement(
     Ye,
     {
-      baseClass: u,
+      baseClass: p,
       className: "pds-ts-l pds-fw-bold",
       level: r
     },
     a
-  ), s && /* @__PURE__ */ e.createElement("p", { className: `${u}__message` }, s)), n && /* @__PURE__ */ e.createElement("div", { className: `${u}__link` }, n));
+  ), s && /* @__PURE__ */ e.createElement("p", { className: `${p}__message` }, s)), n && /* @__PURE__ */ e.createElement("div", { className: `${p}__link` }, n));
 }, on = (r) => {
   var m = r, {
     platform: t = "youtube",
@@ -5162,7 +5162,7 @@ const r4 = (v) => {
   );
   return /* @__PURE__ */ e.createElement("div", w({ className: z([c, s != null ? s : ""]) }, a), t === "vimeo" ? o : l);
 }, m4 = (g) => {
-  var p = g, {
+  var u = g, {
     alignment: t = "center",
     ctaRegion: n,
     image: s,
@@ -5172,7 +5172,7 @@ const r4 = (v) => {
     message: c,
     video: l,
     className: o
-  } = p, u = P(p, [
+  } = u, p = P(u, [
     "alignment",
     "ctaRegion",
     "image",
@@ -5200,7 +5200,7 @@ const r4 = (v) => {
         h,
         o != null ? o : ""
       ])
-    }, u),
+    }, p),
     d && l && i,
     /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement(
       Ye,
@@ -5214,32 +5214,45 @@ const r4 = (v) => {
     !d && s && !l && /* @__PURE__ */ e.createElement("div", { className: `${C}__media` }, /* @__PURE__ */ e.createElement("img", { className: `${C}__image`, src: s, alt: "" })),
     !d && l && i
   );
-}, u4 = (l) => {
-  var o = l, {
+}, u4 = (p) => {
+  var g = p, {
     ctaRegion: t,
     image: n,
-    heading: s,
-    headingLevel: a = "h2",
-    message: r,
-    className: m
-  } = o, c = P(o, [
+    imageHeight: s = "auto",
+    imageWidth: a = "auto",
+    heading: r,
+    headingLevel: m = "h2",
+    message: c,
+    className: l
+  } = g, o = P(g, [
     "ctaRegion",
     "image",
+    "imageHeight",
+    "imageWidth",
     "heading",
     "headingLevel",
     "message",
     "className"
   ]);
   const u = "pds-vertical-empty-state";
-  return typeof r == "string" ? r = /* @__PURE__ */ e.createElement("p", { className: `${u}__message` }, r) : r = /* @__PURE__ */ e.createElement("div", { className: `${u}__message` }, r), /* @__PURE__ */ e.createElement("div", w({ className: z([u, m != null ? m : ""]) }, c), n && /* @__PURE__ */ e.createElement("img", { className: `${u}__image`, src: n, alt: "" }), /* @__PURE__ */ e.createElement("div", { className: `${u}__text` }, /* @__PURE__ */ e.createElement(
+  return typeof c == "string" ? c = /* @__PURE__ */ e.createElement("p", { className: `${u}__message` }, c) : c = /* @__PURE__ */ e.createElement("div", { className: `${u}__message` }, c), /* @__PURE__ */ e.createElement("div", w({ className: z([u, l != null ? l : ""]) }, o), n && /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      className: `${u}__image`,
+      height: s,
+      width: a,
+      src: n,
+      alt: ""
+    }
+  ), /* @__PURE__ */ e.createElement("div", { className: `${u}__text` }, /* @__PURE__ */ e.createElement(
     Ye,
     {
       baseClass: u,
       className: "pds-ts-2xl pds-fw-bold",
-      level: a
+      level: m
     },
-    s
-  ), r && r), t && /* @__PURE__ */ e.createElement("div", { className: `${u}__cta` }, t));
+    r
+  ), c && c), t && /* @__PURE__ */ e.createElement("div", { className: `${u}__cta` }, t));
 }, p4 = (c) => {
   var l = c, {
     additions: t = 4,
@@ -5258,7 +5271,7 @@ const r4 = (v) => {
     "className",
     "componentWidth"
   ]);
-  const o = "pds-file-diff", u = t + n, g = u > 0 ? n / u * 100 : 0, p = u > 0 ? t / u * 100 : 0, d = r !== null && r > 0 ? `${r}rem` : "100%";
+  const o = "pds-file-diff", p = t + n, g = p > 0 ? n / p * 100 : 0, u = p > 0 ? t / p * 100 : 0, d = r !== null && r > 0 ? `${r}rem` : "100%";
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -5268,10 +5281,10 @@ const r4 = (v) => {
     /* @__PURE__ */ e.createElement("div", { className: `${o}__total-changes` }, /* @__PURE__ */ e.createElement(
       Ve,
       {
-        content: `${u} ${s.linesChanged}`,
+        content: `${p} ${s.linesChanged}`,
         preferredPlacement: "top",
         className: `${o}__tooltip`,
-        customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${o}__total-changes-number` }, u, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, ` ${s.linesChanged}`))
+        customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${o}__total-changes-number` }, p, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, ` ${s.linesChanged}`))
       }
     )),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__bars` }, /* @__PURE__ */ e.createElement(
@@ -5293,7 +5306,7 @@ const r4 = (v) => {
       "div",
       {
         className: `${o}__ahead`,
-        style: { width: `${p}%` }
+        style: { width: `${u}%` }
       },
       /* @__PURE__ */ e.createElement(
         Ve,
@@ -5316,9 +5329,9 @@ const r4 = (v) => {
     "steps",
     "className"
   ]);
-  const c = "pds-flow-steps", l = `${c}--${t}`, o = n.map(({ header: u, content: g }, p) => {
-    const d = /* @__PURE__ */ e.createElement("div", { className: `${c}__number` }, /* @__PURE__ */ e.createElement("span", null, p + 1)), b = /* @__PURE__ */ e.createElement("div", { className: `${c}__header` }, u), C = g ? /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, g) : null;
-    return /* @__PURE__ */ e.createElement("li", { key: p, className: `${c}__step` }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, d, /* @__PURE__ */ e.createElement("div", { className: `${c}__content-group` }, b, C)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}__header-group` }, d, b), C));
+  const c = "pds-flow-steps", l = `${c}--${t}`, o = n.map(({ header: p, content: g }, u) => {
+    const d = /* @__PURE__ */ e.createElement("div", { className: `${c}__number` }, /* @__PURE__ */ e.createElement("span", null, u + 1)), b = /* @__PURE__ */ e.createElement("div", { className: `${c}__header` }, p), C = g ? /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, g) : null;
+    return /* @__PURE__ */ e.createElement("li", { key: u, className: `${c}__step` }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, d, /* @__PURE__ */ e.createElement("div", { className: `${c}__content-group` }, b, C)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}__header-group` }, d, b), C));
   });
   return /* @__PURE__ */ e.createElement(
     "ol",
@@ -5369,7 +5382,7 @@ const r4 = (v) => {
       className: `${l}__heading`,
       headingText: n
     }
-  ), /* @__PURE__ */ e.createElement("ul", { className: `${l}__list`, role: "list" }, s.map((o, u) => /* @__PURE__ */ e.createElement("li", { key: u, className: `${l}__item` }, o))));
+  ), /* @__PURE__ */ e.createElement("ul", { className: `${l}__list`, role: "list" }, s.map((o, p) => /* @__PURE__ */ e.createElement("li", { key: p, className: `${l}__item` }, o))));
 }, g4 = (m) => {
   var c = m, {
     containerWidth: t = "standard",
@@ -5389,8 +5402,8 @@ const r4 = (v) => {
     "legalLinks",
     "className"
   ]);
-  const l = "pds-site-footer", o = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", u = (/* @__PURE__ */ new Date()).getFullYear(), g = s.includes("privacy"), p = s.includes("dataSubjectRequest"), d = s.includes("cookiePolicy"), b = s.includes("termsOfUse"), C = s.includes("acceptableUse"), y = s.includes("accessibilityStatement");
-  return /* @__PURE__ */ e.createElement("footer", w({ className: z([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: o }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", u, " Pantheon Systems, Inc."), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), p && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), d && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), C && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), y && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
+  const l = "pds-site-footer", o = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", p = (/* @__PURE__ */ new Date()).getFullYear(), g = s.includes("privacy"), u = s.includes("dataSubjectRequest"), d = s.includes("cookiePolicy"), b = s.includes("termsOfUse"), C = s.includes("acceptableUse"), y = s.includes("accessibilityStatement");
+  return /* @__PURE__ */ e.createElement("footer", w({ className: z([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: o }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), u && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), d && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), C && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), y && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
 }, mn = Ue(
   (H, $) => {
     var M = H, {
@@ -5403,9 +5416,9 @@ const r4 = (v) => {
       inputWidth: c,
       label: l,
       message: o,
-      name: u,
+      name: p,
       nestingLevel: g = 0,
-      onBlur: p,
+      onBlur: u,
       onChange: d,
       onFocus: b,
       required: C,
@@ -5482,14 +5495,14 @@ const r4 = (v) => {
         w(ie(w({
           ref: $,
           id: a,
-          name: u,
+          name: p,
           type: "checkbox",
           checked: G ? t : J,
           "aria-checked": r ? "mixed" : Z ? "true" : "false"
         }, i ? { value: i } : {}), {
           disabled: s,
           required: C,
-          onBlur: p,
+          onBlur: u,
           onChange: B,
           onFocus: b,
           "aria-invalid": h === "error" ? !0 : null,
@@ -5540,9 +5553,9 @@ const r4 = (v) => {
     message: c,
     required: l = !1,
     showLabel: o = !0,
-    tooltipText: u = null,
+    tooltipText: p = null,
     validationMessage: g,
-    validationStatus: p,
+    validationStatus: u,
     className: d
   } = y, b = P(y, [
     "children",
@@ -5559,7 +5572,7 @@ const r4 = (v) => {
     "validationStatus",
     "className"
   ]);
-  const v = r ? { width: `${r / 16}rem` } : null, _ = "pds-checkbox-group", h = n ? ne.disabled : null, i = l && !n ? ne.required : null, f = p === "error" ? ne.error : null, E = p === "success" ? ne.success : null, $ = g || c;
+  const v = r ? { width: `${r / 16}rem` } : null, _ = "pds-checkbox-group", h = n ? ne.disabled : null, i = l && !n ? ne.required : null, f = u === "error" ? ne.error : null, E = u === "success" ? ne.success : null, $ = g || c;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -5582,7 +5595,7 @@ const r4 = (v) => {
         isLegend: !0,
         required: l,
         showLabel: o,
-        tooltipText: u
+        tooltipText: p
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${_}__options` }, t)),
     $ && /* @__PURE__ */ e.createElement(
@@ -5592,7 +5605,7 @@ const r4 = (v) => {
         message: $,
         hasValidationMessage: !!g,
         validationMessageHasDecorators: !0,
-        validationStatus: p
+        validationStatus: u
       }
     )
   );
@@ -5607,9 +5620,9 @@ const r4 = (v) => {
     onGroupBlur: c,
     onValueChange: l,
     options: o,
-    required: u = !1,
+    required: p = !1,
     showLabel: g = !0,
-    tooltipText: p = null,
+    tooltipText: u = null,
     validationMessage: d,
     validationStatus: b,
     className: C
@@ -5630,7 +5643,7 @@ const r4 = (v) => {
     "validationStatus",
     "className"
   ]);
-  const h = a ? { width: `${a / 16}rem` } : null, i = "pds-checkbox-group", f = t ? ne.disabled : null, E = u && !t ? ne.required : null, $ = b === "error" ? ne.error : null, H = b === "success" ? ne.success : null, M = d || m;
+  const h = a ? { width: `${a / 16}rem` } : null, i = "pds-checkbox-group", f = t ? ne.disabled : null, E = p && !t ? ne.required : null, $ = b === "error" ? ne.error : null, H = b === "success" ? ne.success : null, M = d || m;
   o.map((D) => {
     D.id || (D.id = D.value);
   });
@@ -5670,9 +5683,9 @@ const r4 = (v) => {
         label: r,
         id: s,
         isLegend: !0,
-        required: u,
+        required: p,
         showLabel: g,
-        tooltipText: p
+        tooltipText: u
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${i}__options` }, o.map((D) => /* @__PURE__ */ e.createElement(
       mn,
@@ -5712,14 +5725,14 @@ const r4 = (v) => {
       id: c,
       inputWidth: l,
       isLoading: o = !1,
-      label: u,
+      label: p,
       labelStrings: g = {
         clearButton: "Clear input text",
         inputInstructions: "Type to search options",
         searchShortcut: "Press / to focus the search field",
         triggerButton: "Toggle dropdown menu"
       },
-      loadingText: p = "Loading results...",
+      loadingText: u = "Loading results...",
       message: d,
       noResultsText: b = "No results found",
       onChange: C,
@@ -5875,7 +5888,7 @@ const r4 = (v) => {
         Be,
         {
           id: c,
-          label: u,
+          label: p,
           showLabel: $,
           tooltipText: H,
           required: E,
@@ -5962,7 +5975,7 @@ const r4 = (v) => {
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: w({}, d2) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${F}__loading` }, p) : de.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${F}__options` }, ae) : /* @__PURE__ */ e.createElement("div", { className: `${F}__no-results` }, b))
+        /* @__PURE__ */ e.createElement("div", { style: w({}, d2) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${F}__loading` }, u) : de.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${F}__options` }, ae) : /* @__PURE__ */ e.createElement("div", { className: `${F}__no-results` }, b))
       ),
       B && /* @__PURE__ */ e.createElement(
         Re,
@@ -5999,9 +6012,9 @@ const r4 = (v) => {
     },
     loadingText: l = "Loading results...",
     noResultsText: o = "No results found",
-    onChange: u,
+    onChange: p,
     options: g,
-    placeholder: p = "Filter",
+    placeholder: u = "Filter",
     required: d = !1,
     showLabel: b = !0,
     className: C
@@ -6028,7 +6041,7 @@ const r4 = (v) => {
     () => pn(g, M, $),
     [g, M, $]
   ), R = (V) => {
-    L(V), u == null || u(V);
+    L(V), p == null || p(V);
   }, { getSelectedItemProps: D, getDropdownProps: W, removeSelectedItem: O } = u2({
     selectedItems: M,
     onStateChange: ({ selectedItems: V, type: T }) => {
@@ -6183,7 +6196,7 @@ const r4 = (v) => {
       /* @__PURE__ */ e.createElement("div", { className: `${i}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(i2, { variant: "search" }), /* @__PURE__ */ e.createElement(
         "input",
         ie(w({
-          placeholder: p,
+          placeholder: u,
           className: `${i}__dropdown-input`,
           "aria-label": c.inputInstructions
         }, I), {
@@ -6226,9 +6239,9 @@ const r4 = (v) => {
         clearButton: "Clear selected file"
       },
       message: o,
-      multiple: u = !1,
+      multiple: p = !1,
       onClear: g,
-      onFileChange: p,
+      onFileChange: u,
       required: d = !1,
       showFullPath: b,
       showLabel: C = !0,
@@ -6284,7 +6297,7 @@ const r4 = (v) => {
         n ? q() : M(!1);
         return;
       }
-      y2 && n && (n === S.target.value ? k(!0) : k(!1)), p && p(S.target.files), M(!0);
+      y2 && n && (n === S.target.value ? k(!0) : k(!1)), u && u(S.target.files), M(!0);
     }, I = () => {
       const S = document.getElementById(
         `${r}--input`
@@ -6335,7 +6348,7 @@ const r4 = (v) => {
           id: `${r}--input`,
           accept: t || null,
           disabled: s,
-          multiple: u,
+          multiple: p,
           required: d,
           onChange: A,
           "aria-invalid": _ === "error" ? !0 : null,
@@ -6370,20 +6383,20 @@ const r4 = (v) => {
     "className"
   ]);
   var b, C, y, v;
-  const m = "pds-input-group", c = [t[0], t[1]], l = (b = t[0].props.id) != null ? b : null, o = (C = t[0].props.message) != null ? C : null, u = (y = t[0].props.validationMessage) != null ? y : null, g = (v = t[0].props.validationStatus) != null ? v : null, p = u || o, d = p ? `${m}--has-message` : null;
+  const m = "pds-input-group", c = [t[0], t[1]], l = (b = t[0].props.id) != null ? b : null, o = (C = t[0].props.message) != null ? C : null, p = (y = t[0].props.validationMessage) != null ? y : null, g = (v = t[0].props.validationStatus) != null ? v : null, u = p || o, d = u ? `${m}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: z([m, d, n != null ? n : ""])
     }, s),
     /* @__PURE__ */ e.createElement("div", { className: `${m}__inner` }, c),
-    p && /* @__PURE__ */ e.createElement(
+    u && /* @__PURE__ */ e.createElement(
       Re,
       {
         forInputGroup: !0,
         id: l,
-        message: p,
-        hasValidationMessage: !!u,
+        message: u,
+        hasValidationMessage: !!p,
         validationMessageHasDecorators: !1,
         validationStatus: g
       }
@@ -6400,9 +6413,9 @@ const r4 = (v) => {
     message: c,
     onBlur: l,
     onChange: o,
-    onValueChange: u,
+    onValueChange: p,
     options: g,
-    required: p = !1,
+    required: u = !1,
     showLabel: d = !0,
     tooltipText: b = null,
     validationMessage: C,
@@ -6429,10 +6442,10 @@ const r4 = (v) => {
     "value",
     "className"
   ]);
-  const E = "pds-radio-group", $ = n ? ne.disabled : null, H = p && !n ? ne.required : null, M = y === "error" ? ne.error : null, L = y === "success" ? ne.success : null, k = typeof v != "undefined", N = typeof t != "undefined", [x, R] = Q(
+  const E = "pds-radio-group", $ = n ? ne.disabled : null, H = u && !n ? ne.required : null, M = y === "error" ? ne.error : null, L = y === "success" ? ne.success : null, k = typeof v != "undefined", N = typeof t != "undefined", [x, R] = Q(
     N ? t : ""
   ), D = C || c, W = (F) => {
-    k || R(F.target.value), o && o(F), u && u(F.target.value);
+    k || R(F.target.value), o && o(F), p && p(F.target.value);
   }, O = (F) => {
     l && l(F);
   };
@@ -6456,7 +6469,7 @@ const r4 = (v) => {
         label: m,
         id: a,
         isLegend: !0,
-        required: p,
+        required: u,
         showLabel: d,
         tooltipText: b
       }
@@ -6473,7 +6486,7 @@ const r4 = (v) => {
           id: F.id ? F.id : `${a}-option-${G}`,
           name: a,
           value: F.value,
-          required: p,
+          required: u,
           disabled: n || F.disabled,
           onBlur: O,
           onChange: W,
@@ -6529,9 +6542,9 @@ const r4 = (v) => {
       label: c,
       switchPlacement: l = "right",
       message: o,
-      offLabel: u = "Off",
+      offLabel: p = "Off",
       onChange: g,
-      onLabel: p = "On",
+      onLabel: u = "On",
       required: d = !1,
       showLabel: b = !0,
       showStatusLabel: C = !0,
@@ -6554,7 +6567,7 @@ const r4 = (v) => {
       "showStatusLabel",
       "className"
     ]);
-    const f = Qe(m), E = "pds-switch", $ = s ? ne.disabled : null, H = d && !s ? ne.required : null, M = typeof t != "undefined", L = l == "below", k = l == "right", N = !M && n ? n : !1, [x, R] = Q(N), D = t || x ? p : u, W = (te) => {
+    const f = Qe(m), E = "pds-switch", $ = s ? ne.disabled : null, H = d && !s ? ne.required : null, M = typeof t != "undefined", L = l == "below", k = l == "right", N = !M && n ? n : !1, [x, R] = Q(N), D = t || x ? u : p, W = (te) => {
       M || R(te.target.checked), g && g(te);
     }, O = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -6633,9 +6646,9 @@ const r4 = (v) => {
       label: c,
       message: l,
       onBlur: o,
-      onChange: u,
+      onChange: p,
       onFocus: g,
-      placeholder: p,
+      placeholder: u,
       readonly: d = !1,
       required: b = !1,
       rows: C = 5,
@@ -6679,10 +6692,10 @@ const r4 = (v) => {
       "value",
       "className"
     ]);
-    const N = Qe(r), x = "pds-textarea", R = m ? "pds-is-resizable" : null, D = s ? ne.disabled : null, W = b && !s ? ne.required : null, O = f === "error" ? ne.error : null, F = f === "success" ? ne.success : null, G = d ? ne.readonly : null, K = i || l, J = E != null && u !== void 0, te = typeof n != "undefined", [Z, B] = Q(
+    const N = Qe(r), x = "pds-textarea", R = m ? "pds-is-resizable" : null, D = s ? ne.disabled : null, W = b && !s ? ne.required : null, O = f === "error" ? ne.error : null, F = f === "success" ? ne.success : null, G = d ? ne.readonly : null, K = i || l, J = E != null && p !== void 0, te = typeof n != "undefined", [Z, B] = Q(
       te ? n : ""
     ), q = E || Z, A = (S) => {
-      J || B(S.target.value), u && u(S);
+      J || B(S.target.value), p && p(S);
     }, I = (S) => {
       o && o(S);
     };
@@ -6728,7 +6741,7 @@ const r4 = (v) => {
           className: z([`${x}--textarea`, R]),
           id: a,
           name: a,
-          placeholder: p,
+          placeholder: u,
           required: b,
           readOnly: d,
           disabled: s,
@@ -6765,9 +6778,9 @@ const r4 = (v) => {
       hasUrlPrefix: c = !1,
       id: l,
       inputProps: o,
-      inputWidth: u,
+      inputWidth: p,
       label: g,
-      message: p,
+      message: u,
       onBlur: d,
       onChange: b,
       onClear: C,
@@ -6823,10 +6836,10 @@ const r4 = (v) => {
       "value",
       "className"
     ]);
-    const F = Qe(u), G = "pds-text-input", K = a ? ne.disabled : null, J = h && !a ? ne.required : null, te = k === "error" ? ne.error : null, Z = k === "success" ? ne.success : null, B = _ ? ne.readonly : null, q = c && M === "url" ? `${G}--has-url-prefix` : null;
+    const F = Qe(p), G = "pds-text-input", K = a ? ne.disabled : null, J = h && !a ? ne.required : null, te = k === "error" ? ne.error : null, Z = k === "success" ? ne.success : null, B = _ ? ne.readonly : null, q = c && M === "url" ? `${G}--has-url-prefix` : null;
     let A = null;
     M === "search" && (A = "search"), M === "search" && i === "filter" && (A = "filter"), k === "error" && (A = "error"), k === "success" && (A = "success");
-    const I = L || p, S = typeof N != "undefined", V = typeof s != "undefined", [T, X] = Q(
+    const I = L || u, S = typeof N != "undefined", V = typeof s != "undefined", [T, X] = Q(
       V ? s : ""
     ), ee = N || T, ue = (me) => {
       if (E && _e && re(!1), c && M === "url") {
@@ -6871,7 +6884,7 @@ const r4 = (v) => {
           q,
           x != null ? x : ""
         ]),
-        style: u ? F : null
+        style: p ? F : null
       }, R),
       /* @__PURE__ */ e.createElement(
         Be,
@@ -6978,34 +6991,34 @@ const r4 = (v) => {
     "url",
     "className"
   ]);
-  const u = "pds-link-new-window", g = n ? `${u}--${n}` : null;
+  const p = "pds-link-new-window", g = n ? `${p}--${n}` : null;
   return s ? /* @__PURE__ */ e.createElement(
     "span",
     {
       className: z([
-        u,
+        p,
         g,
-        `${u}--loading pds-pulse`,
+        `${p}--loading pds-pulse`,
         m != null ? m : ""
       ]),
       "aria-hidden": "true"
     },
     t,
-    /* @__PURE__ */ e.createElement(j, { iconName: "externalLink", className: `${u}__icon` })
+    /* @__PURE__ */ e.createElement(j, { iconName: "externalLink", className: `${p}__icon` })
   ) : /* @__PURE__ */ e.createElement(
     "a",
     w({
       href: r,
       rel: "noopener noreferrer",
       target: "_blank",
-      className: z([u, g, m != null ? m : ""])
+      className: z([p, g, m != null ? m : ""])
     }, c),
     t,
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `(${a})`),
-    /* @__PURE__ */ e.createElement(j, { iconName: "externalLink", className: `${u}__icon` })
+    /* @__PURE__ */ e.createElement(j, { iconName: "externalLink", className: `${p}__icon` })
   );
 }, H4 = (g) => {
-  var p = g, {
+  var u = g, {
     ariaLabel: t,
     children: n,
     closeButtonLabel: s = "Close modal",
@@ -7016,7 +7029,7 @@ const r4 = (v) => {
     size: c = "md",
     title: l,
     className: o
-  } = p, u = P(p, [
+  } = u, p = P(u, [
     "ariaLabel",
     "children",
     "closeButtonLabel",
@@ -7078,7 +7091,7 @@ const r4 = (v) => {
           position: "relative",
           top: "5%"
         })
-      }), u),
+      }), p),
       a && /* @__PURE__ */ e.createElement("div", { className: `${d}__close-wrapper` }, /* @__PURE__ */ e.createElement(
         Tt,
         {
@@ -7101,11 +7114,11 @@ const r4 = (v) => {
     "crumbs",
     "className"
   ]);
-  const c = "pds-breadcrumb", l = n.length, o = n.map((u, g) => {
+  const c = "pds-breadcrumb", l = n.length, o = n.map((p, g) => {
     if (g < l - 1)
-      return /* @__PURE__ */ e.createElement("li", { key: g, className: `${c}__crumb` }, u);
+      return /* @__PURE__ */ e.createElement("li", { key: g, className: `${c}__crumb` }, p);
     {
-      const p = Me(u) ? Se(u, {
+      const u = Me(p) ? Se(p, {
         "aria-current": "page"
       }) : null;
       return /* @__PURE__ */ e.createElement(
@@ -7114,7 +7127,7 @@ const r4 = (v) => {
           key: g,
           className: `${c}__crumb ${c}__crumb--current`
         },
-        p
+        u
       );
     }
   });
@@ -7174,11 +7187,11 @@ const r4 = (v) => {
   let l = !1;
   const o = $e(Le);
   o && (l = o.isMobile);
-  const u = ce(null), g = "pds-button-nav", p = l ? `${g}--isMobile` : null, d = s !== "md" ? `${g}--${s}` : null;
+  const p = ce(null), g = "pds-button-nav", u = l ? `${g}--isMobile` : null, d = s !== "md" ? `${g}--${s}` : null;
   le(() => {
     const _ = (h) => {
       if (l) return;
-      const i = u.current;
+      const i = p.current;
       if (!i) return;
       const f = Array.from(
         i.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])')
@@ -7241,12 +7254,12 @@ const r4 = (v) => {
   return /* @__PURE__ */ e.createElement(
     "nav",
     w({
-      ref: u,
+      ref: p,
       "aria-label": t,
       className: z([
         g,
         d,
-        p,
+        u,
         a != null ? a : ""
       ])
     }, r),
@@ -7300,10 +7313,10 @@ const r4 = (v) => {
     sidebarToggleLabel: c = "Toggle sidebar",
     skiplinkText: l = "Skip to main content",
     isSidebarExpanded: o,
-    setIsSidebarExpanded: u = () => {
+    setIsSidebarExpanded: p = () => {
     },
     className: g
-  } = b, p = P(b, [
+  } = b, u = P(b, [
     "children",
     "hasSidebarToggle",
     "isAdmin",
@@ -7320,8 +7333,8 @@ const r4 = (v) => {
   le(() => {
     o !== void 0 && _(o);
   }, [o]), le(() => {
-    u(v);
-  }, [v, u]);
+    p(v);
+  }, [v, p]);
   const E = {
     isSidebarExpanded: C ? !0 : v,
     logoLinkContent: a,
@@ -7365,7 +7378,7 @@ const r4 = (v) => {
         "pds-typography--product",
         g != null ? g : ""
       ])
-    }, p),
+    }, u),
     C ? K : J
   ));
 }, Oe = "ease-out", _t = 0, _n = ({
@@ -7376,7 +7389,7 @@ const r4 = (v) => {
   linkContent: r,
   links: m
 }) => {
-  const c = "pds-dashboard-nav", l = `${c}__item`, o = `${c}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, X2(c, r, m, t)), g = (L, k) => /* @__PURE__ */ e.createElement(
+  const c = "pds-dashboard-nav", l = `${c}__item`, o = `${c}__menu`, p = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, X2(c, r, m, t)), g = (L, k) => /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: z([
@@ -7397,9 +7410,9 @@ const r4 = (v) => {
       },
       N.linkContent
     ))
-  ), [p, d] = Q(!1), { refs: b, floatingStyles: C, context: y } = Ie({
+  ), [u, d] = Q(!1), { refs: b, floatingStyles: C, context: y } = Ie({
     placement: "right-start",
-    open: p,
+    open: u,
     onOpenChange: d,
     middleware: [E2(12), v2(), V2()],
     whileElementsMounted: Pe
@@ -7497,7 +7510,7 @@ const r4 = (v) => {
       },
       /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", iconSize: "md" }),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${We(r)} ${a.submenu}`)
-    )), s && g(m, "second-level"), !s && p && /* @__PURE__ */ e.createElement(
+    )), s && g(m, "second-level"), !s && u && /* @__PURE__ */ e.createElement(
       "div",
       w({
         className: `${c}__flyout`,
@@ -7506,11 +7519,11 @@ const r4 = (v) => {
       }, E()),
       /* @__PURE__ */ e.createElement("div", { className: `${c}__flyout-heading` }, We(r)),
       g(m, "second-level-flyout")
-    )) : /* @__PURE__ */ e.createElement(e.Fragment, null, s ? u : /* @__PURE__ */ e.createElement(
+    )) : /* @__PURE__ */ e.createElement(e.Fragment, null, s ? p : /* @__PURE__ */ e.createElement(
       Ve,
       {
         content: We(r),
-        customTrigger: u,
+        customTrigger: p,
         offsetValue: {
           mainAxis: -4,
           crossAxis: -12
@@ -7531,7 +7544,7 @@ const r4 = (v) => {
     "selectTextFallback",
     "className"
   ]);
-  const l = "pds-dropdown-menu", [o, u] = Q(!1), [g, p] = Q(null), d = nt(n), b = d ? d.props.children : s, C = /* @__PURE__ */ e.createElement(
+  const l = "pds-dropdown-menu", [o, p] = Q(!1), [g, u] = Q(null), d = nt(n), b = d ? d.props.children : s, C = /* @__PURE__ */ e.createElement(
     j,
     {
       iconName: "check",
@@ -7542,7 +7555,7 @@ const r4 = (v) => {
     var O;
     W.key === "Enter" && ((O = E.current[g].querySelector("a")) == null || O.click());
   }, v = (W) => {
-    W.target.nodeName === "A" && u(!1);
+    W.target.nodeName === "A" && p(!1);
   };
   le(() => {
     if (o) {
@@ -7583,12 +7596,12 @@ const r4 = (v) => {
   }, { refs: i, context: f } = Ie({
     placement: "bottom-start",
     open: o,
-    onOpenChange: u,
+    onOpenChange: p,
     whileElementsMounted: Pe
   }), E = ce([]), $ = o2(f, {
     listRef: E,
     activeIndex: g,
-    onNavigate: p,
+    onNavigate: u,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
@@ -7951,26 +7964,26 @@ const r4 = (v) => {
     "subBrand",
     "className"
   ]);
-  const o = "pds-pantheon-logo", u = n && n !== "full" ? `${o}--${n}` : null, g = t && t !== "default" ? `${o}--${t}` : null;
-  let p;
+  const o = "pds-pantheon-logo", p = n && n !== "full" ? `${o}--${n}` : null, g = t && t !== "default" ? `${o}--${t}` : null;
+  let u;
   switch (n) {
     case "full":
-      p = En;
+      u = En;
       break;
     case "icon":
-      p = B2;
+      u = B2;
       break;
     case "wordmark":
-      p = vn;
+      u = vn;
       break;
     case "sub-brand":
-      p = B2;
+      u = B2;
       break;
     case "sub-brand-small":
-      p = B2;
+      u = B2;
   }
   const d = e.isValidElement(s) && typeof s.props.children == "string" ? s.props.children : "", b = e.isValidElement(s) ? Se(s, {
-    children: p,
+    children: u,
     "aria-label": d || null
   }) : s;
   return /* @__PURE__ */ e.createElement(
@@ -7978,12 +7991,12 @@ const r4 = (v) => {
     w({
       className: z([
         o,
-        u,
+        p,
         g,
         r != null ? r : ""
       ])
     }, m),
-    s ? b : p,
+    s ? b : u,
     a && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__separator" }), /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__sub-brand-wordmark" }, a))
   );
 }, z4 = (c) => {
@@ -8004,18 +8017,18 @@ const r4 = (v) => {
     "className"
   ]);
   let o = !1;
-  const u = $e(Le);
-  u && (o = u.isMobile);
+  const p = $e(Le);
+  p && (o = p.isMobile);
   const g = $e(A2);
-  let p = !0, d = null;
-  g && (p = g.isSidebarExpanded, d = g.logoLinkContent);
-  const b = "pds-dashboard-nav", C = p ? `${b}--expanded` : `${b}--collapsed`, y = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${b}__menu ${b}__menu--top-level` }, s.map((h, i) => /* @__PURE__ */ e.createElement(
+  let u = !0, d = null;
+  g && (u = g.isSidebarExpanded, d = g.logoLinkContent);
+  const b = "pds-dashboard-nav", C = u ? `${b}--expanded` : `${b}--collapsed`, y = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${b}__menu ${b}__menu--top-level` }, s.map((h, i) => /* @__PURE__ */ e.createElement(
     _n,
     {
       key: i,
       icon: h.icon,
       isActive: ze(h),
-      isSidebarExpanded: p,
+      isSidebarExpanded: u,
       labels: n,
       linkContent: h.linkContent,
       links: h.links
@@ -8044,7 +8057,7 @@ const r4 = (v) => {
       qt,
       {
         className: `${b}__logo`,
-        displayType: p ? "full" : "icon",
+        displayType: u ? "full" : "icon",
         linkContent: d
       }
     ),
@@ -8075,7 +8088,7 @@ const r4 = (v) => {
     "option",
     "className"
   ]);
-  const m = "pds-dashboard-search", c = t.type ? Wt[t.type] : "bolt", l = ce(), [o] = S2(l), u = o.width / 16 - 7.5;
+  const m = "pds-dashboard-search", c = t.type ? Wt[t.type] : "bolt", l = ce(), [o] = S2(l), p = o.width / 16 - 7.5;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -8097,7 +8110,7 @@ const r4 = (v) => {
         "div",
         {
           className: `${m}__option-label`,
-          style: { maxWidth: `${u}rem` }
+          style: { maxWidth: `${p}rem` }
         },
         t.name
       )
@@ -8134,9 +8147,9 @@ const r4 = (v) => {
     noResultsText: c = "No results found",
     onFocus: l,
     onOptionSelect: o,
-    placeholder: u = "Search sites",
+    placeholder: p = "Search sites",
     siteList: g,
-    horizontalOffset: p = 0,
+    horizontalOffset: u = 0,
     className: d
   } = y, b = P(y, [
     "disabled",
@@ -8160,11 +8173,11 @@ const r4 = (v) => {
   let H = null, M = !1;
   const L = $e(A2);
   L && (H = L.navbarWidth, M = L.isAdmin);
-  const k = 2.25, N = 22, x = M ? 14.5 : 9.625, R = H > 900 ? N : H / 16 - (x + p) - k * 0.675;
+  const k = 2.25, N = 22, x = M ? 14.5 : 9.625, R = H > 900 ? N : H / 16 - (x + u) - k * 0.675;
   let D = k;
   v && !H && (D = N), v && H && (D = R);
   const W = {
-    right: `${x + p}rem`,
+    right: `${x + u}rem`,
     width: `${D}rem`
   }, O = "pds-dashboard-search", F = E ? `${O}--isMobile` : null, G = () => {
     _(!0), setTimeout(() => {
@@ -8212,7 +8225,7 @@ const r4 = (v) => {
       noResultsText: c,
       onFocus: l,
       onOptionSelect: J,
-      placeholder: u,
+      placeholder: p,
       options: te,
       showLabel: !1,
       className: `${O}__combobox`
@@ -8287,12 +8300,12 @@ const r4 = (v) => {
     logoLinkContent: c,
     logoSrc: l,
     logoSubBrand: o,
-    translationStrings: u = {
+    translationStrings: p = {
       closeMobileNav: "Close navigation area",
       openMobileNav: "Open navigation area"
     },
     className: g
-  } = b, p = P(b, [
+  } = b, u = P(b, [
     "children",
     "colorType",
     "containerWidth",
@@ -8369,7 +8382,7 @@ const r4 = (v) => {
     "button",
     {
       className: `${i}__menu-toggle`,
-      "aria-label": C ? u.closeMobileNav : u.openMobileNav,
+      "aria-label": C ? p.closeMobileNav : p.openMobileNav,
       onClick: M,
       type: "button"
     },
@@ -8404,7 +8417,7 @@ const r4 = (v) => {
         $,
         g != null ? g : ""
       ])
-    }, p),
+    }, u),
     v ? te : Z
   );
 }, yn = ({
@@ -8418,16 +8431,16 @@ const r4 = (v) => {
   }), []);
   const l = () => {
     c(window.innerWidth);
-  }, o = m <= s, u = "pds-nav-menu", { refs: g, context: p } = Ie({
+  }, o = m <= s, p = "pds-nav-menu", { refs: g, context: u } = Ie({
     placement: "bottom-start",
     open: a,
     onOpenChange: r,
     whileElementsMounted: Pe
-  }), d = Ke(p, { event: "mousedown" }), b = Ae(p), C = Te(p, { role: "menu" });
+  }), d = Ke(u, { event: "mousedown" }), b = Ae(u), C = Te(u, { role: "menu" });
   let y;
-  o ? y = M2(p, {
+  o ? y = M2(u, {
     enabled: !1
-  }) : y = M2(p, {
+  }) : y = M2(u, {
     handleClose: xt({
       requireIntent: !1,
       buffer: 10,
@@ -8444,16 +8457,16 @@ const r4 = (v) => {
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     w({
-      className: `${u}__trigger`,
+      className: `${p}__trigger`,
       ref: g.setReference,
       type: "button"
     }, v()),
     n,
-    /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${u}__trigger-icon` })
+    /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${p}__trigger-icon` })
   ), a && /* @__PURE__ */ e.createElement(
     "ul",
     w({
-      className: `${u}__dropdown`,
+      className: `${p}__dropdown`,
       ref: g.setFloating
     }, _()),
     t.map((i, f) => /* @__PURE__ */ e.createElement(
@@ -8461,7 +8474,7 @@ const r4 = (v) => {
       {
         key: f,
         role: i.isSeparator ? "separator" : "menuitem",
-        className: `${u}__item ${i.isSeparator ? `${u}__dropdown--separator` : `${u}__item--second-level`} ${h(i) ? `${u}__item--active` : null}`
+        className: `${p}__item ${i.isSeparator ? `${p}__dropdown--separator` : `${p}__item--second-level`} ${h(i) ? `${p}__item--active` : null}`
       },
       !i.isSeparator && i.linkContent
     ))
@@ -8480,22 +8493,22 @@ const r4 = (v) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [o, u] = Q(1025), [g, p] = Q(null), [d, b] = Q(-1), [C, y] = Q(null), [v, _] = Q({
+  const [o, p] = Q(1025), [g, u] = Q(null), [d, b] = Q(-1), [C, y] = Q(null), [v, _] = Q({
     container: null,
     containerChildren: []
   });
-  le(() => (u(window.innerWidth), window.addEventListener("resize", h), () => {
+  le(() => (p(window.innerWidth), window.addEventListener("resize", h), () => {
     window.removeEventListener("resize", h);
   }), []);
   const h = () => {
-    u(window.innerWidth);
+    p(window.innerWidth);
   }, i = o <= a;
   le(() => {
     v.containerChildren[g] && (v.containerChildren[g].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && C == "down" ? p(g + 1) : v.containerChildren[g].classList.contains(
+    ) && C == "down" ? u(g + 1) : v.containerChildren[g].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && C == "up" ? p(g - 1) : v.containerChildren[g].children[0].focus());
+    ) && C == "up" ? u(g - 1) : v.containerChildren[g].children[0].focus());
   }, [g]), le(() => {
     d != -1 && (H.current[d].children[0].blur(), H.current[d].children[0].focus({
       focusVisible: !0
@@ -8504,10 +8517,10 @@ const r4 = (v) => {
   const f = "pds-nav-menu", E = n !== "default" ? `${f}--${n}` : "", $ = i ? `${f}--isMobile` : `${f}--notMobile`, H = ce([]), M = (N) => {
     const x = H.current.length - 1, G = {
       ArrowRight: () => {
-        p(-1), b(d === -1 ? 1 : d === x ? 0 : d + 1);
+        u(-1), b(d === -1 ? 1 : d === x ? 0 : d + 1);
       },
       ArrowLeft: () => {
-        p(-1), b(d === 0 ? x : d - 1);
+        u(-1), b(d === 0 ? x : d - 1);
       },
       ArrowDown: () => {
         var te, Z, B, q;
@@ -8516,10 +8529,10 @@ const r4 = (v) => {
         v.container != K && K != null && _({
           container: K,
           containerChildren: [...J]
-        }), g === null || g == v.containerChildren.length - 1 ? p(0) : p(parseInt(g) + 1);
+        }), g === null || g == v.containerChildren.length - 1 ? u(0) : u(parseInt(g) + 1);
       },
       ArrowUp: () => {
-        y("up"), p(g === 0 ? v.containerChildren.length - 1 : parseInt(g) - 1);
+        y("up"), u(g === 0 ? v.containerChildren.length - 1 : parseInt(g) - 1);
       }
     }[N.code];
     G && G();
@@ -8576,8 +8589,8 @@ const r4 = (v) => {
     }, m),
     /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu` }, k)
   );
-}, p2 = 0, A4 = (u) => {
-  var g = u, {
+}, p2 = 0, A4 = (p) => {
+  var g = p, {
     ariaLabel: t,
     hasMobileMenu: n = !0,
     headingText: s,
@@ -8599,7 +8612,7 @@ const r4 = (v) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const p = "pds-side-nav", d = `${p}__item`, b = `${p}__menu`, [C, y] = Q(1025), [v, _] = Q(!1), [h, i] = Q([]), f = ce(null), E = ce(null), $ = ce([]), H = ce(-1);
+  const u = "pds-side-nav", d = `${u}__item`, b = `${u}__menu`, [C, y] = Q(1025), [v, _] = Q(!1), [h, i] = Q([]), f = ce(null), E = ce(null), $ = ce([]), H = ce(-1);
   le(() => (y(window.innerWidth), window.addEventListener("resize", M), () => {
     window.removeEventListener("resize", M);
   }), []), le(() => {
@@ -8641,7 +8654,7 @@ const r4 = (v) => {
           Z.preventDefault();
           const B = $.current[H.current];
           if (B) {
-            if (B.classList.contains(`${p}__toggle`))
+            if (B.classList.contains(`${u}__toggle`))
               B.getAttribute("aria-expanded") === "false" && (W({
                 currentTarget: B
               }), setTimeout(() => {
@@ -8661,7 +8674,7 @@ const r4 = (v) => {
               );
               if (q) {
                 const A = q.querySelector(
-                  `.${p}__toggle`
+                  `.${u}__toggle`
                 );
                 A && A.getAttribute("aria-expanded") === "false" && (W({
                   currentTarget: A
@@ -8690,7 +8703,7 @@ const r4 = (v) => {
             );
             if (q) {
               const A = q.querySelector(
-                `.${p}__toggle`
+                `.${u}__toggle`
               );
               A && A.getAttribute("aria-expanded") === "true" && (W({
                 currentTarget: A
@@ -8719,13 +8732,13 @@ const r4 = (v) => {
     }
   }, D = (Z) => {
     var B;
-    !v && Z.target !== E.current && (Z.target.closest(`.${p}__heading`) || (_(!0), k(), $.current.length > 0 && (H.current = 0, (B = $.current[0]) == null || B.focus())));
+    !v && Z.target !== E.current && (Z.target.closest(`.${u}__heading`) || (_(!0), k(), $.current.length > 0 && (H.current = 0, (B = $.current[0]) == null || B.focus())));
   }, W = (Z) => {
     var S, V;
     const B = Z.currentTarget, q = (S = B.parentElement) == null ? void 0 : S.nextElementSibling;
     if (!q) return;
     const A = B.getAttribute("aria-expanded") === "false";
-    B.classList.toggle(`${p}__toggle--expanded`, A), B.setAttribute("aria-expanded", A ? "true" : "false");
+    B.classList.toggle(`${u}__toggle--expanded`, A), B.setAttribute("aria-expanded", A ? "true" : "false");
     const I = B.closest(`.${d}--has-children`);
     if (I) {
       const T = Array.from(
@@ -8804,8 +8817,8 @@ const r4 = (v) => {
         {
           "aria-expanded": V,
           className: z([
-            `${p}__toggle`,
-            V ? `${p}__toggle--expanded` : null
+            `${u}__toggle`,
+            V ? `${u}__toggle--expanded` : null
           ]),
           onClick: W,
           type: "button"
@@ -8848,7 +8861,7 @@ const r4 = (v) => {
         q
       )
     );
-  }, J = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${p}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, r.map((Z, B) => K(Z, B)))), te = /* @__PURE__ */ e.createElement(
+  }, J = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((Z, B) => K(Z, B)))), te = /* @__PURE__ */ e.createElement(
     st,
     {
       headingText: s,
@@ -8860,7 +8873,7 @@ const r4 = (v) => {
     "nav",
     w({
       "aria-label": t,
-      className: z([p, l != null ? l : ""]),
+      className: z([u, l != null ? l : ""]),
       ref: f,
       onFocus: D,
       onKeyDown: (Z) => {
@@ -8871,8 +8884,8 @@ const r4 = (v) => {
     }, o),
     L && n ? te : J
   );
-}, w2 = 0, T4 = (u) => {
-  var g = u, {
+}, w2 = 0, T4 = (p) => {
+  var g = p, {
     ariaLabel: t,
     hasMobileMenu: n = !0,
     headingText: s,
@@ -8894,7 +8907,7 @@ const r4 = (v) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const p = "pds-side-nav-compact", d = `${p}__item`, b = `${p}__menu`, [C, y] = Q(1025), [v, _] = Q(!1), [h, i] = Q([]), f = ce(null), E = ce(null), $ = ce([]), H = ce(-1);
+  const u = "pds-side-nav-compact", d = `${u}__item`, b = `${u}__menu`, [C, y] = Q(1025), [v, _] = Q(!1), [h, i] = Q([]), f = ce(null), E = ce(null), $ = ce([]), H = ce(-1);
   le(() => (y(window.innerWidth), window.addEventListener("resize", M), () => {
     window.removeEventListener("resize", M);
   }), []), le(() => {
@@ -8938,24 +8951,24 @@ const r4 = (v) => {
     const S = I.closest(`.${d}-wrapper`);
     if (S)
       return S.querySelector(
-        `.${p}__toggle`
+        `.${u}__toggle`
       );
     const V = I.closest(`.${d}`);
     return V ? V.querySelector(
-      `.${p}__toggle`
+      `.${u}__toggle`
     ) : null;
   }, x = (I) => {
-    if (I.classList.contains(`${p}__toggle`)) {
+    if (I.classList.contains(`${u}__toggle`)) {
       const V = I.closest(`.${d}-wrapper`);
       return (V == null ? void 0 : V.nextElementSibling) || null;
     }
     const S = I.closest(`.${d}`);
     return S ? S.querySelector(`.${b}`) : null;
   }, R = (I) => {
-    if (I.classList.contains(`${p}__toggle`))
+    if (I.classList.contains(`${u}__toggle`))
       return !0;
     const S = I.closest(`.${d}-wrapper`);
-    return S ? !!S.querySelector(`.${p}__toggle`) : !1;
+    return S ? !!S.querySelector(`.${u}__toggle`) : !1;
   }, D = (I) => {
     if (!v) return;
     const S = $.current[H.current];
@@ -8972,7 +8985,7 @@ const r4 = (v) => {
         case "ArrowRight": {
           if (I.preventDefault(), R(S)) {
             const V = S.classList.contains(
-              `${p}__toggle`
+              `${u}__toggle`
             ) ? S : N(S);
             V && V.getAttribute("aria-expanded") === "false" && (G({
               currentTarget: V
@@ -8996,7 +9009,7 @@ const r4 = (v) => {
             const T = V.parentElement;
             if (T && T.classList.contains(d)) {
               const X = T.querySelector(
-                `.${p}__toggle`
+                `.${u}__toggle`
               );
               X && X.getAttribute("aria-expanded") === "true" && (G({
                 currentTarget: X
@@ -9008,7 +9021,7 @@ const r4 = (v) => {
             }
           } else if (R(S)) {
             const T = S.classList.contains(
-              `${p}__toggle`
+              `${u}__toggle`
             ) ? S : N(S);
             T && T.getAttribute("aria-expanded") === "true" && G({
               currentTarget: T
@@ -9049,7 +9062,7 @@ const r4 = (v) => {
     const S = I.currentTarget, V = (ee = S.parentElement) == null ? void 0 : ee.nextElementSibling;
     if (!V) return;
     const T = S.getAttribute("aria-expanded") === "false";
-    S.classList.toggle(`${p}__toggle--expanded`, T), S.setAttribute("aria-expanded", T ? "true" : "false");
+    S.classList.toggle(`${u}__toggle--expanded`, T), S.setAttribute("aria-expanded", T ? "true" : "false");
     const X = S.closest(`.${d}`);
     if (X) {
       const de = Array.from(
@@ -9126,8 +9139,8 @@ const r4 = (v) => {
       {
         "aria-expanded": ze(S),
         className: z([
-          `${p}__toggle`,
-          ze(S) ? `${p}__toggle--expanded` : null
+          `${u}__toggle`,
+          ze(S) ? `${u}__toggle--expanded` : null
         ]),
         onClick: G,
         type: "button"
@@ -9176,7 +9189,7 @@ const r4 = (v) => {
       },
       T ? Z(2, I) : V
     );
-  }, q = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${p}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, r.map((I, S) => B(I, S)))), A = /* @__PURE__ */ e.createElement(
+  }, q = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((I, S) => B(I, S)))), A = /* @__PURE__ */ e.createElement(
     st,
     {
       headingText: s,
@@ -9188,7 +9201,7 @@ const r4 = (v) => {
     "nav",
     w({
       "aria-label": t,
-      className: z([p, l != null ? l : ""]),
+      className: z([u, l != null ? l : ""]),
       ref: f,
       onFocus: F,
       onKeyDown: (I) => {
@@ -9207,7 +9220,7 @@ const r4 = (v) => {
   minFilterItems: r = 5,
   noResultsText: m = "No results found"
 }) => {
-  const [c, l] = Q(!1), [o, u] = Q(null), [g, p] = Q(a), [d, b] = Q(""), C = a.length >= r, y = "pds-tab-menu", v = `${y}__dropdown-menu`, _ = C ? `${v}--scroll` : null, h = `${y}__dropdown-item`, i = ce([]), { context: f, refs: E } = Ie({
+  const [c, l] = Q(!1), [o, p] = Q(null), [g, u] = Q(a), [d, b] = Q(""), C = a.length >= r, y = "pds-tab-menu", v = `${y}__dropdown-menu`, _ = C ? `${v}--scroll` : null, h = `${y}__dropdown-item`, i = ce([]), { context: f, refs: E } = Ie({
     open: c,
     onOpenChange: l,
     whileElementsMounted: Pe
@@ -9216,7 +9229,7 @@ const r4 = (v) => {
   }), H = Ae(f), M = Te(f, { role: "listbox" }), L = o2(f, {
     listRef: i,
     activeIndex: o,
-    onNavigate: u,
+    onNavigate: p,
     loop: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
@@ -9243,14 +9256,14 @@ const r4 = (v) => {
     const I = A.target.value;
     b(I);
     const S = a.filter((V) => O(V, I));
-    p(S);
+    u(S);
   };
   le(() => {
     const A = a.filter((I) => O(I, d));
-    p(A);
+    u(A);
   }, [a]);
   const G = () => {
-    b(""), p(a);
+    b(""), u(a);
   }, K = a.reduce(
     (A, I) => We(A.linkContent).length > We(I.linkContent).length ? A : I
   ), te = {
@@ -9331,7 +9344,7 @@ const r4 = (v) => {
   let c = !1;
   const l = $e(Le);
   l && (c = l.isMobile);
-  const o = "pds-tab-menu", u = c ? `${o}--isMobile` : null, g = ({
+  const o = "pds-tab-menu", p = c ? `${o}--isMobile` : null, g = ({
     dropdownSettings: d,
     icon: b,
     isActive: C,
@@ -9375,7 +9388,7 @@ const r4 = (v) => {
         }
       )
     );
-  }, p = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, n.map((d, b) => /* @__PURE__ */ e.createElement(
+  }, u = n.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, n.map((d, b) => /* @__PURE__ */ e.createElement(
     g,
     {
       key: b,
@@ -9391,12 +9404,12 @@ const r4 = (v) => {
     "nav",
     w({
       "aria-label": t,
-      className: z([o, u, s != null ? s : ""])
+      className: z([o, p, s != null ? s : ""])
     }, a),
-    c ? /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu-wrapper` }, p) : p
+    c ? /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu-wrapper` }, u) : u
   );
 }, R4 = (o) => {
-  var u = o, {
+  var p = o, {
     ariaLabel: t = "User menu",
     menuItems: n,
     userEmail: s,
@@ -9404,7 +9417,7 @@ const r4 = (v) => {
     userName: r,
     withinNavbar: m = !0,
     className: c
-  } = u, l = P(u, [
+  } = p, l = P(p, [
     "ariaLabel",
     "menuItems",
     "userEmail",
@@ -9413,7 +9426,7 @@ const r4 = (v) => {
     "withinNavbar",
     "className"
   ]);
-  const [g, p] = Q(null), [d, b] = Q(!1), C = ce([]), y = ce([]);
+  const [g, u] = Q(null), [d, b] = Q(!1), C = ce([]), y = ce([]);
   let v = !1;
   const _ = $e(Le);
   _ && (v = _.isMobile);
@@ -9426,7 +9439,7 @@ const r4 = (v) => {
   }), L = Ke(M, { event: "mousedown" }), k = Ae(M), N = Te(M, { role: "menu" }), x = ce([]), R = o2(M, {
     listRef: x,
     activeIndex: g,
-    onNavigate: p,
+    onNavigate: u,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnOpen: !1,
@@ -9550,8 +9563,8 @@ const r4 = (v) => {
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, O4 = (p) => {
-  var d = p, {
+}, O4 = (u) => {
+  var d = u, {
     ariaLabel: t = "Workspace selector menu",
     createWorkspaceLink: n,
     filterPlaceholder: s = "Find workspace...",
@@ -9561,7 +9574,7 @@ const r4 = (v) => {
     noResultsText: c = "No results found",
     withinNavbar: l = !0,
     workspaceList: o,
-    className: u
+    className: p
   } = d, g = P(d, [
     "ariaLabel",
     "createWorkspaceLink",
@@ -9752,7 +9765,7 @@ const r4 = (v) => {
   return /* @__PURE__ */ e.createElement(
     "span",
     w({
-      className: z([L, k, u])
+      className: z([L, k, p])
     }, g),
     M ? _e : de
   );
@@ -9780,18 +9793,18 @@ const r4 = (v) => {
     "typeLabels",
     "className"
   ]);
-  const [u, g] = Q(t);
+  const [p, g] = Q(t);
   le(() => {
     g(t);
   }, [t]);
-  const p = u.length;
-  if (p === 0)
+  const u = p.length;
+  if (u === 0)
     return null;
-  const d = "pds-banner", b = p > 1 ? `${d}-group--multiple` : null, C = {
+  const d = "pds-banner", b = u > 1 ? `${d}-group--multiple` : null, C = {
     info: `${d}--info`,
     warning: `${d}--warning`,
     critical: `${d}--critical`
-  }, y = p > 0 ? u[0].type : null, v = y ? `${d}-group--${y}` : null, _ = (H) => ({
+  }, y = u > 0 ? p[0].type : null, v = y ? `${d}-group--${y}` : null, _ = (H) => ({
     zIndex: T2 - H
   }), h = (H) => H === 0 ? 0 : -1, i = () => {
     const H = document.getElementsByClassName(
@@ -9800,25 +9813,25 @@ const r4 = (v) => {
     for (; H.length; )
       H[0].classList.remove(`${d}--fading`);
   }, f = () => {
-    i(), document.getElementById(u[0].id).classList.add(`${d}--fading`), setTimeout(() => {
+    i(), document.getElementById(p[0].id).classList.add(`${d}--fading`), setTimeout(() => {
       g((H) => [
         ...H.slice(1),
         H[0]
       ]);
     }, 200);
   }, E = () => {
-    i(), document.getElementById(u[0].id).style.zIndex = (T2 + 2).toString(), document.getElementById(u[p - 1].id).style.zIndex = (T2 + 1).toString(), setTimeout(() => {
-      document.getElementById(u[0].id).classList.add(`${d}--fading`);
+    i(), document.getElementById(p[0].id).style.zIndex = (T2 + 2).toString(), document.getElementById(p[u - 1].id).style.zIndex = (T2 + 1).toString(), setTimeout(() => {
+      document.getElementById(p[0].id).classList.add(`${d}--fading`);
     }, 50), setTimeout(() => {
       g((H) => [
         H[H.length - 1],
         ...H.slice(0, H.length - 1)
-      ]), document.getElementById(u[0].id).classList.remove(`${d}--fading`);
+      ]), document.getElementById(p[0].id).classList.remove(`${d}--fading`);
     }, 200);
   }, $ = (H, M) => {
     const { id: L, isDismissible: k, message: N, onDismiss: x, type: R } = H, W = ["critical", "warning"].includes(R) ? "alert" : "status", O = `${r[R]}:  `, F = (G) => {
       G.preventDefault(), document.getElementById(L).classList.add(`${d}--dismissing`), setTimeout(() => {
-        if (x && H.onDismiss(), p === 1) {
+        if (x && H.onDismiss(), u === 1) {
           g([]);
           return;
         }
@@ -9868,7 +9881,7 @@ const r4 = (v) => {
         m != null ? m : ""
       ])
     }, c),
-    p > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${d}__navigation` }, /* @__PURE__ */ e.createElement(
+    u > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${d}__navigation` }, /* @__PURE__ */ e.createElement(
       z2,
       {
         iconName: "angleLeft",
@@ -9886,7 +9899,7 @@ const r4 = (v) => {
         ariaLabel: s,
         onClick: f
       }
-    ), u.map((H, M) => $(H, M))) : $(u[0], 0)
+    ), p.map((H, M) => $(H, M))) : $(p[0], 0)
   );
 }, Z2 = {
   info: "circleInfo",
@@ -9913,7 +9926,7 @@ const r4 = (v) => {
     "typeLabels",
     "className"
   ]);
-  const o = "pds-inline-message", u = {
+  const o = "pds-inline-message", p = {
     error: `${o}--error`,
     success: `${o}--success`,
     warning: `${o}--warning`,
@@ -9924,7 +9937,7 @@ const r4 = (v) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: [o, u[s], g, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " "),
+      className: [o, p[s], g, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " "),
       role: d
     }, m),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon-${s}` }, s === "working" ? /* @__PURE__ */ e.createElement(b2, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
@@ -9942,7 +9955,7 @@ const r4 = (v) => {
   critical: "diamondExclamation",
   discovery: "squareQuestion"
 }, B4 = (g) => {
-  var p = g, {
+  var u = g, {
     dismissLabel: t = "Dismiss",
     id: n,
     isDismissible: s,
@@ -9958,7 +9971,7 @@ const r4 = (v) => {
       discovery: "Discovery"
     },
     className: o
-  } = p, u = P(p, [
+  } = u, p = P(u, [
     "dismissLabel",
     "id",
     "isDismissible",
@@ -9996,7 +10009,7 @@ const r4 = (v) => {
       id: n,
       ref: d,
       role: _
-    }, u),
+    }, p),
     /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__icon ${b}__icon-${c}` }, /* @__PURE__ */ e.createElement(
       j,
       {
@@ -10112,23 +10125,23 @@ const G4 = () => {
   const m = Math.ceil(a / s), c = t + 5, l = 1, o = m;
   if (c >= m)
     return L2(1, m);
-  const u = Math.max(n - t, 1), g = Math.min(
+  const p = Math.max(n - t, 1), g = Math.min(
     n + t,
     m
-  ), p = u > 2, d = g < m - 2;
-  if (!p && d) {
+  ), u = p > 2, d = g < m - 2;
+  if (!u && d) {
     const b = 3 + 2 * t;
     return [...L2(1, b), f2, m];
   }
-  if (p && !d) {
+  if (u && !d) {
     const b = 3 + 2 * t, C = L2(
       m - b + 1,
       m
     );
     return [l, f2, ...C];
   }
-  if (p && d) {
-    const b = L2(u, g);
+  if (u && d) {
+    const b = L2(p, g);
     return [
       l,
       f2,
@@ -10138,7 +10151,7 @@ const G4 = () => {
     ];
   }
 }, [a, s, t, n]), q4 = (g) => {
-  var p = g, {
+  var u = g, {
     bufferCount: t = 1,
     currentPage: n,
     headingLevel: s = "h2",
@@ -10151,7 +10164,7 @@ const G4 = () => {
     onPageChange: c,
     totalItemCount: l,
     className: o
-  } = p, u = P(p, [
+  } = u, p = P(u, [
     "bufferCount",
     "currentPage",
     "headingLevel",
@@ -10177,7 +10190,7 @@ const G4 = () => {
     w({
       "aria-labelledby": "pagination",
       className: z([v, o != null ? o : ""])
-    }, u),
+    }, p),
     /* @__PURE__ */ e.createElement(
       Ye,
       {
@@ -10267,7 +10280,7 @@ const G4 = () => {
     "summary",
     "className"
   ]);
-  const [o, u] = Q(s), p = ce(
+  const [o, p] = Q(s), u = ce(
     n || `expansion-panel-${c2()}`
   ).current, d = "pds-expansion-panel", b = ce(null), C = ce(null), y = ce(null);
   return le(() => {
@@ -10277,7 +10290,7 @@ const G4 = () => {
     const $ = (N) => {
       N.preventDefault(), v.style.overflow = "hidden", f || !v.open ? M() : (E || v.open) && H();
     }, H = () => {
-      f = !0, u(!1);
+      f = !0, p(!1);
       const N = `${v.offsetHeight}px`, x = `${_.offsetHeight}px`;
       i && i.cancel(), i = v.animate(
         { height: [N, x] },
@@ -10287,7 +10300,7 @@ const G4 = () => {
         }
       ), i.onfinish = () => k(!1), i.oncancel = () => f = !1;
     }, M = () => {
-      v.style.height = `${v.offsetHeight}px`, v.open = !0, u(!0), requestAnimationFrame(() => L());
+      v.style.height = `${v.offsetHeight}px`, v.open = !0, p(!0), requestAnimationFrame(() => L());
     }, L = () => {
       E = !0;
       const N = `${v.offsetHeight}px`, x = `${_.offsetHeight + h.offsetHeight}px`;
@@ -10305,8 +10318,8 @@ const G4 = () => {
   }, []), /* @__PURE__ */ e.createElement("div", w({ className: z([d, r]) }, m), /* @__PURE__ */ e.createElement(
     "details",
     {
-      key: p,
-      id: p,
+      key: u,
+      id: u,
       open: s,
       ref: b
     },
@@ -10353,11 +10366,11 @@ const G4 = () => {
     "variant",
     "className"
   ]);
-  const u = "pds-panel", g = n ? `${u}__status ${u}__status-${a}` : null, p = `${u}--${r}`, d = `${u}__content`, b = s !== "standard" ? `${d}--pad-${s}` : null;
+  const p = "pds-panel", g = n ? `${p}__status ${p}__status-${a}` : null, u = `${p}--${r}`, d = `${p}__content`, b = s !== "standard" ? `${d}--pad-${s}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: [u, p, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, u, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     n && a && /* @__PURE__ */ e.createElement("span", { className: g }),
     /* @__PURE__ */ e.createElement("div", { className: z([d, b]) }, t)
@@ -10374,14 +10387,14 @@ const G4 = () => {
     "hasBorder",
     "className"
   ]);
-  const l = "pds-panel-list", o = t !== "default" ? `${l}--${t}` : null, u = s ? null : `${l}--borderless`;
+  const l = "pds-panel-list", o = t !== "default" ? `${l}--${t}` : null, p = s ? null : `${l}--borderless`;
   return /* @__PURE__ */ e.createElement(
     "ul",
     w({
       className: z([
         l,
         o,
-        u,
+        p,
         a != null ? a : ""
       ])
     }, r),
@@ -10399,11 +10412,11 @@ const G4 = () => {
     "isExpandable",
     "expandButtonAriaLabel"
   ]);
-  const l = "pds-panel-row", [o, u] = Q(!1), g = ce(null), p = ce(null), d = Fe(t), b = d["items-left"], C = d["items-right"], y = d["items-below"], v = () => {
-    const _ = p.current, h = g.current;
+  const l = "pds-panel-row", [o, p] = Q(!1), g = ce(null), u = ce(null), d = Fe(t), b = d["items-left"], C = d["items-right"], y = d["items-below"], v = () => {
+    const _ = u.current, h = g.current;
     if (!_ || !h) return;
     const i = !o;
-    if (u(i), i) {
+    if (p(i), i) {
       _.style.display = "block", _.style.height = "auto";
       const f = `${_.scrollHeight}px`;
       _.animate(
@@ -10478,7 +10491,7 @@ const G4 = () => {
     s && y && /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: p,
+        ref: u,
         className: `${l}__items ${l}__items--below`,
         style: { display: "none", height: "0", opacity: "0" }
       },
@@ -10497,9 +10510,9 @@ const G4 = () => {
     placement: c = "top",
     title: l,
     triggerIcon: o = "circleInfo",
-    triggerAccessibleText: u = "Show more information",
+    triggerAccessibleText: p = "Show more information",
     popoverIsOpen: g = !1,
-    setPopoverIsOpen: p = () => {
+    setPopoverIsOpen: u = () => {
     },
     className: d,
     classNameContainer: b
@@ -10524,7 +10537,7 @@ const G4 = () => {
   le(() => {
     h(g);
   }, [g]), le(() => {
-    p(_);
+    u(_);
   }, [_]);
   const i = typeof s, f = "pds-popover", E = z([
     `${f}__trigger-custom`,
@@ -10569,7 +10582,7 @@ const G4 = () => {
       role: "button",
       tabIndex: 0
     }, O()),
-    s ? /* @__PURE__ */ e.createElement("span", { className: E }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), /* @__PURE__ */ e.createElement(
+    s ? /* @__PURE__ */ e.createElement("span", { className: E }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), /* @__PURE__ */ e.createElement(
       j,
       {
         iconName: o,
@@ -10621,8 +10634,8 @@ const G4 = () => {
   success: "--pds-color-status-success-foreground",
   warning: "--pds-color-status-warning-foreground",
   critical: "--pds-color-status-critical-foreground"
-}, Q4 = (p) => {
-  var d = p, {
+}, Q4 = (u) => {
+  var d = u, {
     colorBreakpoints: t = [
       { colorType: "info", percentage: 0 },
       { colorType: "success", percentage: 100 }
@@ -10635,7 +10648,7 @@ const G4 = () => {
     showLabel: c = !1,
     showPercentage: l = !1,
     size: o = "md",
-    className: u
+    className: p
   } = d, g = P(d, [
     "colorBreakpoints",
     "id",
@@ -10657,7 +10670,7 @@ const G4 = () => {
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: [C, u].join(" ").trim().replace(/\s+/g, " "),
+      className: [C, p].join(" ").trim().replace(/\s+/g, " "),
       style: { "--bar-percentage": `${_}%` }
     }, g),
     /* @__PURE__ */ e.createElement("div", { id: b, className: y }, s),
@@ -10693,8 +10706,8 @@ const G4 = () => {
     )),
     E && i
   );
-}, Vn = (u) => {
-  var g = u, {
+}, Vn = (p) => {
+  var g = p, {
     id: t,
     innerLabel: n,
     label: s,
@@ -10713,7 +10726,7 @@ const G4 = () => {
     "size",
     "className"
   ]);
-  const p = t || c2(), d = "pds-progress-ring", b = r ? `${d}__label` : "visually-hidden", C = `${d}__loading-text ${d}__loading-text--${c}`, y = ($) => $ * 16;
+  const u = t || c2(), d = "pds-progress-ring", b = r ? `${d}__label` : "visually-hidden", C = `${d}__loading-text ${d}__loading-text--${c}`, y = ($) => $ * 16;
   let v = y(Ft), _ = 7;
   c === "sm" && (v = y(Pt), _ = _ / 1.25), c === "lg" && (v = y(Bt), _ = _ * 1.25);
   const h = v / 2 - _ / 2, i = 2 * Math.PI * h, f = i - i * a / 100;
@@ -10727,13 +10740,13 @@ const G4 = () => {
         "--ring-stroke-dasharray": i
       }
     }, o),
-    /* @__PURE__ */ e.createElement("div", { id: p, className: b }, s),
+    /* @__PURE__ */ e.createElement("div", { id: u, className: b }, s),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${d}__ring`,
         role: "progressbar",
-        "aria-labelledby": p,
+        "aria-labelledby": u,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         "aria-valuenow": a
@@ -10798,11 +10811,11 @@ const G4 = () => {
     "quote",
     "className"
   ]);
-  const o = "pds-pull-quote", u = `${o}--${s}`;
+  const o = "pds-pull-quote", p = `${o}--${s}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: [o, u, r].join(" ").trim().replace(/\s+/g, " ")
+      className: [o, p, r].join(" ").trim().replace(/\s+/g, " ")
     }, m),
     n && s === "stand-alone" && /* @__PURE__ */ e.createElement("div", { className: `${o}__image` }, /* @__PURE__ */ e.createElement("img", { src: n, alt: "" })),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__quote-wrapper` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--before` }, /* @__PURE__ */ e.createElement(j, { iconName: "quotesLeft", iconSize: "4xl" })), /* @__PURE__ */ e.createElement("div", { className: `${o}__text-wrapper` }, /* @__PURE__ */ e.createElement(
@@ -10816,7 +10829,7 @@ const G4 = () => {
 };
 var Sn = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.WORKING = "working", t.CHECKED = "checked", t))(Sn || {});
 const es = (o) => {
-  var u = o, {
+  var p = o, {
     alignment: t = "left",
     componentWidth: n,
     labelStrings: s = {},
@@ -10824,7 +10837,7 @@ const es = (o) => {
     onCheck: r,
     state: m,
     className: c
-  } = u, l = P(u, [
+  } = p, l = P(p, [
     "alignment",
     "componentWidth",
     "labelStrings",
@@ -10833,13 +10846,13 @@ const es = (o) => {
     "state",
     "className"
   ]);
-  const [g, p] = Q(
+  const [g, u] = Q(
     m != null ? m : "default"
     /* DEFAULT */
   );
   le(() => {
-    p(m);
-  }, [m, p]);
+    u(m);
+  }, [m, u]);
   const d = w({
     checkForUpdates: "Check for updates",
     checking: "Checking...",
@@ -10919,8 +10932,8 @@ const es = (o) => {
     "siteType",
     "className"
   ]);
-  const l = "pds-site-dashboard-heading", o = bn[n], u = s ? Wt[s] : "bolt";
-  return /* @__PURE__ */ e.createElement("div", w({ className: z([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement(j, { iconName: u, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, t), n && /* @__PURE__ */ e.createElement(g2, { label: o, color: "neutral", size: "md" }));
+  const l = "pds-site-dashboard-heading", o = bn[n], p = s ? Wt[s] : "bolt";
+  return /* @__PURE__ */ e.createElement("div", w({ className: z([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement(j, { iconName: p, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, t), n && /* @__PURE__ */ e.createElement(g2, { label: o, color: "neutral", size: "md" }));
 }, W2 = {
   bluesky: {
     icon: "bluesky",
@@ -10994,11 +11007,11 @@ const es = (o) => {
     "type",
     "className"
   ]);
-  const l = "pds-status-indicator", o = `${l}--${s}`, u = `${l}--${n}`;
+  const l = "pds-status-indicator", o = `${l}--${s}`, p = `${l}--${n}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: [l, o, u, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [l, o, p, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     s === "working" ? /* @__PURE__ */ e.createElement(
       b2,
@@ -11025,10 +11038,10 @@ const es = (o) => {
     "translatableLabels",
     "className"
   ]);
-  const c = "pds-stepper", l = "pds-stepper-mobile", o = ce(), [u] = S2(o), g = u.width, p = Number(
+  const c = "pds-stepper", l = "pds-stepper-mobile", o = ce(), [p] = S2(o), g = p.width, u = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
   ) * 16, d = -40, b = 2, C = 5, y = t.length, v = t.map((i) => i.isCurrent).lastIndexOf(!0), _ = t.map((i, f) => {
-    const E = f + 1, $ = f === v, H = f < v, M = i.hasError && $, k = (g - y * p) / (y + (y - 2)), N = p + k * 2, x = p + k, R = k + d * -1, D = f === 0, W = f === y - 1;
+    const E = f + 1, $ = f === v, H = f < v, M = i.hasError && $, k = (g - y * u) / (y + (y - 2)), N = u + k * 2, x = u + k, R = k + d * -1, D = f === 0, W = f === y - 1;
     let O = N;
     (D || W) && (O = x);
     const F = `${c}__step`, G = [F];
@@ -11152,12 +11165,12 @@ const es = (o) => {
     "rowData",
     "className"
   ]);
-  const [c] = Q(t), [l, o] = Q(n), [u, g] = Q({ order: "asc", key: "" }), p = (v) => {
+  const [c] = Q(t), [l, o] = Q(n), [p, g] = Q({ order: "asc", key: "" }), u = (v) => {
     o(l.sort((_, h) => _[v].localeCompare(h[v]))), g({ order: "desc", key: v });
   }, d = (v) => {
     o(l.sort((_, h) => h[v].localeCompare(_[v]))), g({ order: "asc", key: v });
   }, b = (v, _) => {
-    g(ie(w({}, u), { key: _ })), u.order === "asc" ? p(_) : d(_);
+    g(ie(w({}, p), { key: _ })), p.order === "asc" ? u(_) : d(_);
   }, C = (v, _) => /* @__PURE__ */ e.createElement("tr", { id: _, key: `table-row-${_}` }, v.map((h, i) => /* @__PURE__ */ e.createElement("td", { key: `${_}-cell-${i}` }, /* @__PURE__ */ e.createElement("span", null, h)))), y = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", w({ className: z([y, s]) }, a), /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, c.map((v, _) => /* @__PURE__ */ e.createElement("th", { key: `header-${_}` }, v.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${y}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
     "span",
@@ -11177,20 +11190,20 @@ const es = (o) => {
     /* @__PURE__ */ e.createElement(
       "span",
       {
-        className: `${y}__sort-button-top ${_ != Number(u.key) && u.key !== "" ? "pds-table__sort-innactive" : Number(u.key) == _ ? u.order : "asc"}`
+        className: `${y}__sort-button-top ${_ != Number(p.key) && p.key !== "" ? "pds-table__sort-innactive" : Number(p.key) == _ ? p.order : "asc"}`
       },
       /* @__PURE__ */ e.createElement(j, { iconName: "caretUp", iconSize: "sm" })
     ),
     /* @__PURE__ */ e.createElement(
       "span",
       {
-        className: `${y}__sort-button-bottom ${Number(u.key) == _ ? u.order : "asc"}`
+        className: `${y}__sort-button-bottom ${Number(p.key) == _ ? p.order : "asc"}`
       },
       /* @__PURE__ */ e.createElement(j, { iconName: "caretDown", iconSize: "sm" })
     )
   )) : /* @__PURE__ */ e.createElement("span", null, v.title))))), /* @__PURE__ */ e.createElement("tbody", null, l.map((v, _) => C(v, _)))));
-}, cs = (u) => {
-  var g = u, {
+}, cs = (p) => {
+  var g = p, {
     appendIds: t = !1,
     ariaLabel: n = "Table of contents",
     headingLevel: s = "h2",
@@ -11209,7 +11222,7 @@ const es = (o) => {
     "sourceID",
     "className"
   ]);
-  const p = "pds-toc", d = [
+  const u = "pds-toc", d = [
     " ",
     "/",
     ".",
@@ -11290,10 +11303,10 @@ const es = (o) => {
     });
   }, $ = (M, L) => {
     M.preventDefault(), t && f(L), E(L);
-  }, H = ({ headings: M }) => /* @__PURE__ */ e.createElement("ul", { className: `${p}__list ${p}__list--top-level` }, M.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
+  }, H = ({ headings: M }) => /* @__PURE__ */ e.createElement("ul", { className: `${u}__list ${u}__list--top-level` }, M.map((L) => /* @__PURE__ */ e.createElement("li", { key: L.id, className: `${u}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
-      className: L.id === _ ? `${p}__link ${p}__link--active` : `${p}__link`,
+      className: L.id === _ ? `${u}__link ${u}__link--active` : `${u}__link`,
       href: `#${L.id}`,
       onClick: (k) => {
         $(k, L.id);
@@ -11303,12 +11316,12 @@ const es = (o) => {
   ), L.items.length > 0 && /* @__PURE__ */ e.createElement(
     "ul",
     {
-      className: `${p}__list ${p}__list--second-level`
+      className: `${u}__list ${u}__list--second-level`
     },
-    L.items.map((k) => /* @__PURE__ */ e.createElement("li", { key: k.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
+    L.items.map((k) => /* @__PURE__ */ e.createElement("li", { key: k.id, className: `${u}__list-item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        className: k.id === _ ? `${p}__link ${p}__link--active` : `${p}__link`,
+        className: k.id === _ ? `${u}__link ${u}__link--active` : `${u}__link`,
         href: `#${k.id}`,
         onClick: (N) => {
           $(N, k.id);
@@ -11321,12 +11334,12 @@ const es = (o) => {
     "nav",
     w({
       "aria-label": n,
-      className: z([p, l])
+      className: z([u, l])
     }, o),
     a && /* @__PURE__ */ e.createElement(
       Ye,
       {
-        baseClass: p,
+        baseClass: u,
         className: `${m ? null : "visually-hidden"}`,
         level: s
       },
@@ -11351,15 +11364,15 @@ const es = (o) => {
     "tabs",
     "className"
   ]);
-  const u = "pds-tabs", [g, p] = Q(a != null ? a : n);
+  const p = "pds-tabs", [g, u] = Q(a != null ? a : n);
   le(() => {
-    a !== void 0 && p(a);
+    a !== void 0 && u(a);
   }, [a]);
   const d = (v) => {
     const _ = v.currentTarget.getAttribute("data-tabnumber");
     if (_) {
       const h = parseInt(_, 10);
-      p(h);
+      u(h);
     }
   }, b = ce([]);
   le(() => {
@@ -11367,10 +11380,10 @@ const es = (o) => {
   }, [g, s]), le(() => {
     const v = b.current.length - 1;
     if (g > v) {
-      p(0);
+      u(0);
       return;
     } else if (g < 0) {
-      p(v);
+      u(v);
       return;
     }
   }, [g]);
@@ -11380,13 +11393,13 @@ const es = (o) => {
     i || (i = _ == "next" ? b.current[v + 1] == null ? b.current[0] : b.current[v + 1] : b.current[v - 1]), i.focus();
   }, y = (v) => {
     const _ = b.current.length, h = () => {
-      C((g + 1) % _, "next"), p(g + 1);
+      C((g + 1) % _, "next"), u(g + 1);
     }, i = () => {
-      C((g - 1 + _) % _, "prev"), p(g - 1);
+      C((g - 1 + _) % _, "prev"), u(g - 1);
     }, f = () => {
-      C(0), p(0);
+      C(0), u(0);
     }, E = () => {
-      C(_ - 1), p(_ - 1);
+      C(_ - 1), u(_ - 1);
     }, $ = () => {
       b.current[g].focus();
     }, M = {
@@ -11399,10 +11412,10 @@ const es = (o) => {
     }[v.code];
     M && (v.preventDefault(), M());
   };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", w({ className: z([u, m]) }, c), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", w({ className: z([p, m]) }, c), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: `${u}__tablist`,
+      className: `${p}__tablist`,
       role: "tablist",
       "aria-label": t,
       "aria-orientation": "horizontal"
@@ -11410,7 +11423,7 @@ const es = (o) => {
     r.map(({ disabled: v, icon: _, tabId: h, tabLabel: i, tally: f }, E) => /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `${u}__tab`,
+        className: `${p}__tab`,
         "aria-selected": E == g,
         "data-tabnumber": E,
         role: "tab",
@@ -11420,27 +11433,27 @@ const es = (o) => {
         },
         key: E,
         ref: ($) => v ? null : b.current[E] = $,
-        "aria-controls": `${u}__tab--${E}`,
+        "aria-controls": `${p}__tab--${E}`,
         tabIndex: g === E ? 0 : -1,
         "aria-disabled": !!v,
         onClick: v ? null : d,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: _, className: `${u}__tab-label` }, _ ? /* @__PURE__ */ e.createElement(j, { iconName: _, iconSize: "md" }) : null, " ", i, r[E].tally ? /* @__PURE__ */ e.createElement(k2, { label: f.label, type: f.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: _, className: `${p}__tab-label` }, _ ? /* @__PURE__ */ e.createElement(j, { iconName: _, iconSize: "md" }) : null, " ", i, r[E].tally ? /* @__PURE__ */ e.createElement(k2, { label: f.label, type: f.type }) : null)
     ))
   ), r.map(({ disabled: v, icon: _, panelContent: h, tabLabel: i, tally: f }, E) => /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: `${u}__panel`,
+      className: `${p}__panel`,
       role: "tabpanel",
       key: E,
-      id: `${u}__tab--${E}`,
-      "aria-labelledby": `${u}__tab--${E}`
+      id: `${p}__tab--${E}`,
+      "aria-labelledby": `${p}__tab--${E}`
     },
     /* @__PURE__ */ e.createElement(
       "button",
       {
-        className: `${u}__trigger`,
+        className: `${p}__trigger`,
         "aria-selected": E == g,
         role: "tab",
         "data-tabnumber": E,
@@ -11452,27 +11465,27 @@ const es = (o) => {
         onClick: v ? null : d,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: _, className: `${u}__tab-label` }, _ ? /* @__PURE__ */ e.createElement(j, { iconSize: "md", iconName: _ }) : null, " ", i, r[E].tally ? /* @__PURE__ */ e.createElement(k2, { label: f.label, type: f.type }) : null),
+      /* @__PURE__ */ e.createElement("div", { key: _, className: `${p}__tab-label` }, _ ? /* @__PURE__ */ e.createElement(j, { iconSize: "md", iconName: _ }) : null, " ", i, r[E].tally ? /* @__PURE__ */ e.createElement(k2, { label: f.label, type: f.type }) : null),
       E == g ? /* @__PURE__ */ e.createElement(
         j,
         {
           iconName: "angleUp",
           iconSize: "md",
-          className: `${u}__panel-content`
+          className: `${p}__panel-content`
         }
       ) : /* @__PURE__ */ e.createElement(
         j,
         {
           iconName: "angleDown",
           iconSize: "md",
-          className: `${u}__panel-content`
+          className: `${p}__panel-content`
         }
       )
     ),
     /* @__PURE__ */ e.createElement(
       "section",
       {
-        className: `${u}__panel-content`,
+        className: `${p}__panel-content`,
         hidden: E != g
       },
       h
@@ -11503,7 +11516,7 @@ const es = (o) => {
   const n = parseInt(Mt(t), 16);
   return yt[n % yt.length];
 }, An = (t, n) => t.length > n ? t.slice(0, n) + " ..." : t, os = (o) => {
-  var u = o, {
+  var p = o, {
     linkContent: t,
     isRemovable: n,
     onRemove: s,
@@ -11511,7 +11524,7 @@ const es = (o) => {
     tagColor: r,
     tagLabel: m,
     className: c
-  } = u, l = P(u, [
+  } = p, l = P(p, [
     "linkContent",
     "isRemovable",
     "onRemove",
@@ -11520,8 +11533,8 @@ const es = (o) => {
     "tagLabel",
     "className"
   ]);
-  const [g, p] = Q(!0), d = "pds-tag", b = r ? `${d}--${r}` : `${d}--${In(m)}`, C = g ? null : "pds-tag--hide", y = () => {
-    p((i) => !i);
+  const [g, u] = Q(!0), d = "pds-tag", b = r ? `${d}--${r}` : `${d}--${In(m)}`, C = g ? null : "pds-tag--hide", y = () => {
+    u((i) => !i);
   };
   let v, _, h;
   return t && !n && Me(t) ? (v = t.type, _ = t.props.href ? "href" : "to", h = _ === "href" ? t.props.href : t.props.to) : (v = "span", _ = null, h = null), /* @__PURE__ */ e.createElement(
@@ -11565,33 +11578,33 @@ const es = (o) => {
     "className"
   ]);
   var d, b;
-  const l = "pds-theme-switcher", [o, u] = Q(t != null ? t : "light");
+  const l = "pds-theme-switcher", [o, p] = Q(t != null ? t : "light");
   le(() => {
-    u(t != null ? t : "system");
+    p(t != null ? t : "system");
   }, [t]);
   const g = [
     {
       label: s.light,
       iconName: "sun",
       callback: () => {
-        u("light"), n == null || n("light");
+        p("light"), n == null || n("light");
       }
     },
     {
       label: s.dark,
       iconName: "moon",
       callback: () => {
-        u("dark"), n == null || n("dark");
+        p("dark"), n == null || n("dark");
       }
     },
     {
       label: s.system,
       iconName: "desktop",
       callback: () => {
-        u("system"), n == null || n("system");
+        p("system"), n == null || n("system");
       }
     }
-  ], p = (() => {
+  ], u = (() => {
     switch (o) {
       case "dark":
         return "moon";
@@ -11613,7 +11626,7 @@ const es = (o) => {
           id: "theme-switcher-menu",
           "aria-label": (b = s.tooltip) != null ? b : "change theme",
           label: "",
-          iconName: p,
+          iconName: u,
           menuItems: g,
           displayType: "icon-only"
         }
@@ -11630,14 +11643,14 @@ const es = (o) => {
   ]);
   const m = "pds-avatar-tile-list", c = "pds-tile-list", l = ({
     image: g,
-    alt: p,
+    alt: u,
     name: d,
     title: b,
     org: C
-  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("div", { className: `${c}__image ${c}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: g, alt: p })), d && /* @__PURE__ */ e.createElement("div", { className: `${c}__name` }, d), b && /* @__PURE__ */ e.createElement("div", { className: `${c}__title` }, b), C && /* @__PURE__ */ e.createElement("div", { className: `${c}__org` }, C)), o = (g) => Me(g.linkContent) ? Se(g.linkContent, {
+  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("div", { className: `${c}__image ${c}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: g, alt: u })), d && /* @__PURE__ */ e.createElement("div", { className: `${c}__name` }, d), b && /* @__PURE__ */ e.createElement("div", { className: `${c}__title` }, b), C && /* @__PURE__ */ e.createElement("div", { className: `${c}__org` }, C)), o = (g) => Me(g.linkContent) ? Se(g.linkContent, {
     children: /* @__PURE__ */ e.createElement(l, w({}, g)),
     className: `${c}__item`
-  }) : /* @__PURE__ */ e.createElement("span", { className: `${c}__item` }, /* @__PURE__ */ e.createElement(l, w({}, g))), u = () => t.map((g, p) => /* @__PURE__ */ e.createElement(s1, { key: `tile-${p}` }, o(g), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
+  }) : /* @__PURE__ */ e.createElement("span", { className: `${c}__item` }, /* @__PURE__ */ e.createElement(l, w({}, g))), p = () => t.map((g, u) => /* @__PURE__ */ e.createElement(s1, { key: `tile-${u}` }, o(g), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -11648,10 +11661,10 @@ const es = (o) => {
         n != null ? n : ""
       ])
     }, s),
-    u()
+    p()
   );
 }, Tn = (o) => {
-  var u = o, {
+  var p = o, {
     displayType: t = "border",
     headingLevel: n = "span",
     headingText: s,
@@ -11659,7 +11672,7 @@ const es = (o) => {
     linkContent: r,
     summary: m,
     className: c
-  } = u, l = P(u, [
+  } = p, l = P(p, [
     "displayType",
     "headingLevel",
     "headingText",
@@ -11668,11 +11681,11 @@ const es = (o) => {
     "summary",
     "className"
   ]);
-  const g = "pds-tile", p = `${g}--${t}`;
+  const g = "pds-tile", u = `${g}--${t}`;
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     w({
-      className: z([g, p, c != null ? c : ""])
+      className: z([g, u, c != null ? c : ""])
     }, l),
     a && /* @__PURE__ */ e.createElement("div", { className: `${g}__image` }, /* @__PURE__ */ e.createElement("img", { src: a, alt: "" })),
     s && /* @__PURE__ */ e.createElement(
@@ -11706,28 +11719,28 @@ const es = (o) => {
     "tiles",
     "className"
   ]);
-  const l = s.length, o = "pds-tile-grid", u = `${o}--${t}`, g = l === 2 || l === 4 ? `${o}--two-column` : null;
+  const l = s.length, o = "pds-tile-grid", p = `${o}--${t}`, g = l === 2 || l === 4 ? `${o}--two-column` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: z([
         o,
-        u,
+        p,
         g,
         a != null ? a : ""
       ])
     }, r),
-    s.map((p, d) => /* @__PURE__ */ e.createElement(
+    s.map((u, d) => /* @__PURE__ */ e.createElement(
       Tn,
       {
         key: d,
         displayType: t,
         headingLevel: n,
-        headingText: p.headingText,
-        imageSrc: p.imageSrc,
-        linkContent: p.linkContent,
-        summary: p.summary,
-        className: p.className
+        headingText: u.headingText,
+        imageSrc: u.imageSrc,
+        linkContent: u.linkContent,
+        summary: u.summary,
+        className: u.className
       }
     ))
   );
@@ -11741,13 +11754,13 @@ const es = (o) => {
     "hasContentSpacing",
     "className"
   ]);
-  const { isMobile: c } = $e(Le), l = "pds-dashboard-inner", o = c ? `${l}--isMobile` : `${l}--notMobile`, u = Fe(t), g = u["header-left"], p = u["header-right"], d = u.content;
+  const { isMobile: c } = $e(Le), l = "pds-dashboard-inner", o = c ? `${l}--isMobile` : `${l}--notMobile`, p = Fe(t), g = p["header-left"], u = p["header-right"], d = p.content;
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: z([l, o, s != null ? s : ""])
     }, a),
-    (g || p) && /* @__PURE__ */ e.createElement("div", { className: `${l}__header` }, g && /* @__PURE__ */ e.createElement("div", { className: `${l}__header-left` }, g), p && /* @__PURE__ */ e.createElement("div", { className: `${l}__header-right` }, p)),
+    (g || u) && /* @__PURE__ */ e.createElement("div", { className: `${l}__header` }, g && /* @__PURE__ */ e.createElement("div", { className: `${l}__header-left` }, g), u && /* @__PURE__ */ e.createElement("div", { className: `${l}__header-right` }, u)),
     d && /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -11767,13 +11780,13 @@ const es = (o) => {
   let m = !1;
   const c = $e(Le);
   c && (m = c.isMobile);
-  const l = "pds-docs-layout", o = m ? `${l}--isMobile` : null, u = Fe(t), g = u.navigation ? /* @__PURE__ */ e.createElement("div", { key: "navigation", className: `${l}__nav` }, u.navigation) : null, p = /* @__PURE__ */ e.createElement("div", { key: "content", className: `${l}__content` }, u.content);
+  const l = "pds-docs-layout", o = m ? `${l}--isMobile` : null, p = Fe(t), g = p.navigation ? /* @__PURE__ */ e.createElement("div", { key: "navigation", className: `${l}__nav` }, p.navigation) : null, u = /* @__PURE__ */ e.createElement("div", { key: "content", className: `${l}__content` }, p.content);
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: z([l, o, n != null ? n : ""])
     }, s),
-    [g, p]
+    [g, u]
   );
 }, hs = (y) => {
   var v = y, {
@@ -11786,9 +11799,9 @@ const es = (o) => {
     mobileAlignItems: c,
     mobileAlignContent: l,
     mobileFlexDirection: o = "column",
-    mobileFlexWrap: u,
+    mobileFlexWrap: p,
     mobileGap: g,
-    mobileJustifyContent: p,
+    mobileJustifyContent: u,
     children: d,
     className: b
   } = v, C = P(v, [
@@ -11814,9 +11827,9 @@ const es = (o) => {
   let H = null;
   h ? H = `${f}-direction--${o}` : s !== "row" && (H = `${f}-direction--${s}`);
   let M = null;
-  h ? u ? u !== "nowrap" && (M = `${f}-wrap--${u}`) : a !== "nowrap" && (M = `${f}-wrap--${a}`) : a !== "nowrap" && (M = `${f}-wrap--${a}`);
+  h ? p ? p !== "nowrap" && (M = `${f}-wrap--${p}`) : a !== "nowrap" && (M = `${f}-wrap--${a}`) : a !== "nowrap" && (M = `${f}-wrap--${a}`);
   let L = null;
-  h ? p ? p !== "flex-start" && (L = `${f}-justify--${p}`) : m !== "flex-start" && (L = `${f}-justify--${m}`) : m !== "flex-start" && (L = `${f}-justify--${m}`);
+  h ? u ? u !== "flex-start" && (L = `${f}-justify--${u}`) : m !== "flex-start" && (L = `${f}-justify--${m}`) : m !== "flex-start" && (L = `${f}-justify--${m}`);
   let k = null;
   h ? c ? c !== "stretch" && (k = `${f}-align-items--${c}`) : n !== "stretch" && (k = `${f}-align-items--${n}`) : n !== "stretch" && (k = `${f}-align-items--${n}`);
   let N = null;
@@ -11858,7 +11871,7 @@ const es = (o) => {
     "sidebarWidth",
     "className"
   ]);
-  const u = "pds-sidebar-layout", g = `pds-grid pds-grid--${n}`, p = `${u}--${r}`;
+  const p = "pds-sidebar-layout", g = `pds-grid pds-grid--${n}`, u = `${p}--${r}`;
   let d = !1;
   const b = $e(Le);
   b && (d = b.isMobile);
@@ -11869,14 +11882,14 @@ const es = (o) => {
     "div",
     {
       key: "content",
-      className: `${u}__main ${d ? "pds-grid-item" : y}`
+      className: `${p}__main ${d ? "pds-grid-item" : y}`
     },
     C.content
   ), h = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "sidebar",
-      className: `${u}__side ${d ? "pds-grid-item" : v}`
+      className: `${p}__side ${d ? "pds-grid-item" : v}`
     },
     C.sidebar
   );
@@ -11884,9 +11897,9 @@ const es = (o) => {
     "div",
     w({
       className: z([
-        u,
-        g,
         p,
+        g,
+        u,
         m != null ? m : ""
       ])
     }, c),
@@ -11900,20 +11913,20 @@ const es = (o) => {
     "children",
     "className"
   ]);
-  const m = Fe(t), c = m.stepper, l = m.form, o = ce(), [u] = S2(o), g = u.width;
+  const m = Fe(t), c = m.stepper, l = m.form, o = ce(), [p] = S2(o), g = p.width;
   document.documentElement.style.setProperty(
     "--stepper-layout-max-width",
     g + "px"
   );
-  const p = "pds-stepper-layout";
-  return /* @__PURE__ */ e.createElement(h2, w({ className: z([p, n]) }, s), c && /* @__PURE__ */ e.createElement(
+  const u = "pds-stepper-layout";
+  return /* @__PURE__ */ e.createElement(h2, w({ className: z([u, n]) }, s), c && /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: `${p}__stepper-container`,
+      className: `${u}__stepper-container`,
       ref: o
     },
     c
-  ), l && /* @__PURE__ */ e.createElement("div", { className: `${p}__form-container` }, l));
+  ), l && /* @__PURE__ */ e.createElement("div", { className: `${u}__form-container` }, l));
 }, _s = (m) => {
   var c = m, {
     children: t,
@@ -11926,7 +11939,7 @@ const es = (o) => {
     "verticalAlign",
     "className"
   ]);
-  const l = "pds-three-item-layout", o = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, u = `${l}--${s}`, g = Fe(t), p = [
+  const l = "pds-three-item-layout", o = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, p = `${l}--${s}`, g = Fe(t), u = [
     g["first-item"],
     g["second-item"],
     g["third-item"]
@@ -11937,11 +11950,11 @@ const es = (o) => {
       className: z([
         l,
         o,
-        u,
+        p,
         a
       ])
     }, r),
-    p.map((d, b) => /* @__PURE__ */ e.createElement(
+    u.map((d, b) => /* @__PURE__ */ e.createElement(
       "div",
       {
         key: b,
@@ -11964,11 +11977,11 @@ const es = (o) => {
     "verticalAlign",
     "className"
   ]);
-  const o = "pds-two-item-layout", u = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, g = `${o}--${a}`, p = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], b = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], C = ["pds-grid-item", "pds-grid-item--sm-4"];
+  const o = "pds-two-item-layout", p = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, g = `${o}--${a}`, u = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], b = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], C = ["pds-grid-item", "pds-grid-item--sm-4"];
   let y, v;
   switch (s) {
     case "equal":
-      y = C.concat(p), v = C.concat(p);
+      y = C.concat(u), v = C.concat(u);
       break;
     case "one-third-start":
       y = C.concat(d), v = C.concat(b);
@@ -11982,7 +11995,7 @@ const es = (o) => {
     w({
       className: z([
         o,
-        u,
+        p,
         g,
         r
       ])