@pantheon-systems/pds-toolkit-react 1.0.0-dev.154 → 1.0.0-dev.155

package/_dist/index.js

@@ -128,9 +128,9 @@ const nn = (r) => {
       ].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     n.map((m, _) => {
-      const p = m.linkContent ? m.linkContent.type : "div", d = m.linkContent.props.href ? "href" : "to", v = d === "href" ? m.linkContent.props.href : m.linkContent.props.to, h = m.linkContent.props.target ? "target" : null;
+      const g = m.linkContent ? m.linkContent.type : "div", d = m.linkContent.props.href ? "href" : "to", v = d === "href" ? m.linkContent.props.href : m.linkContent.props.to, h = m.linkContent.props.target ? "target" : null;
       return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-        p,
+        g,
         {
           key: `avatar-tile-item-${_}`,
           className: `${o}__item`,
@@ -820,24 +820,24 @@ const $t = 300, an = 400, A = (r) => {
     "triggerIcon",
     "className"
   ]);
-  const [_, p] = R(!1), d = typeof n, v = "pds-tooltip", h = [
+  const [_, g] = R(!1), d = typeof n, v = "pds-tooltip", h = [
     `${v}__trigger-custom`,
     d === "string" ? `${v}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), $ = n ? c : 0, { refs: f, floatingStyles: C, context: g } = Ve({
+  ].join(" ").trim().replace(/\s+/g, " "), $ = n ? c : 0, { refs: f, floatingStyles: C, context: p } = Ve({
     placement: "top",
     open: _,
-    onOpenChange: p,
+    onOpenChange: g,
     middleware: [
       is(Qt + $),
       os({ padding: 5 }),
       ds({ padding: 5 })
     ],
     whileElementsMounted: Oe
-  }), b = Tt(g, {
+  }), b = Tt(p, {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), E = js(g), y = Se(g), w = Ie(g, { role: "tooltip" }), { getReferenceProps: z, getFloatingProps: x } = Te([
+  }), E = js(p), y = Se(p), w = Ie(p, { role: "tooltip" }), { getReferenceProps: z, getFloatingProps: x } = Te([
     b,
     E,
     y,
@@ -883,8 +883,8 @@ const $t = 300, an = 400, A = (r) => {
       s
     )
   );
-}, pt = (p) => {
-  var d = p, {
+}, pt = (g) => {
+  var d = g, {
     ariaLabel: s,
     buttonType: n = "button",
     disabled: a = !1,
@@ -924,7 +924,7 @@ const $t = 300, an = 400, A = (r) => {
     case "lg":
       C = "xl";
   }
-  const g = i !== null, b = ee(null), E = ee(null), y = () => {
+  const p = i !== null, b = ee(null), E = ee(null), y = () => {
     b.current.classList.add(f.fadeOut), b.current.classList.add(f.hide), E.current.classList.remove(f.hide), E.current.classList.add(f.scaleIn), setTimeout(() => {
       b.current.classList.remove(
         f.fadeOut,
@@ -932,8 +932,8 @@ const $t = 300, an = 400, A = (r) => {
       ), b.current.classList.add(f.scaleIn), E.current.classList.remove(f.scaleIn), E.current.classList.add(f.hide);
     }, 2e3);
   }, w = () => {
-    y(), l && l();
-  }, z = g ? /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { ref: b, className: `${v}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+    p && y(), l && l();
+  }, z = p ? /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { ref: b, className: `${v}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: r,
@@ -1006,10 +1006,10 @@ const $t = 300, an = 400, A = (r) => {
     "typeLabels",
     "className"
   ]);
-  const [m, _] = R(s), p = m.length;
-  if (p === 0)
+  const [m, _] = R(s), g = m.length;
+  if (g === 0)
     return null;
-  const d = "pds-banner", v = p > 1 ? `${d}-group--multiple` : null, h = {
+  const d = "pds-banner", v = g > 1 ? `${d}-group--multiple` : null, h = {
     info: `${d}--info`,
     warning: `${d}--warning`,
     critical: `${d}--critical`
@@ -1061,17 +1061,17 @@ const $t = 300, an = 400, A = (r) => {
         n
       )
     );
-  }), g = () => {
+  }), p = () => {
     document.getElementById(m[0].id).classList.add(`${d}--fading`), setTimeout(() => {
       _((w) => {
         const z = [...w], x = z.shift();
         return z.push(x), z;
       });
     }, 300), setTimeout(() => {
-      document.getElementById(m[p - 1].id).classList.remove(`${d}--fading`);
+      document.getElementById(m[g - 1].id).classList.remove(`${d}--fading`);
     }, 500);
   }, b = () => {
-    document.getElementById(m[0].id).style.zIndex = $t + 2, document.getElementById(m[p - 1].id).style.zIndex = $t + 1, document.getElementById(m[0].id).classList.add(`${d}--fading`), setTimeout(() => {
+    document.getElementById(m[0].id).style.zIndex = $t + 2, document.getElementById(m[g - 1].id).style.zIndex = $t + 1, document.getElementById(m[0].id).classList.add(`${d}--fading`), setTimeout(() => {
       _((w) => {
         const z = [...w], x = z.pop();
         return z.unshift(x), z;
@@ -1079,7 +1079,7 @@ const $t = 300, an = 400, A = (r) => {
     }, 300), setTimeout(() => {
       document.getElementById(m[1].id).classList.remove(`${d}--fading`);
     }, 500);
-  }, E = p > 0 ? m[0].type : null, y = E ? `${d}--${E}` : null;
+  }, E = g > 0 ? m[0].type : null, y = E ? `${d}--${E}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
@@ -1091,7 +1091,7 @@ const $t = 300, an = 400, A = (r) => {
         i
       ].join(" ").trim().replace(/\s+/g, " ")
     }, l),
-    p > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${d}__navigation` }, /* @__PURE__ */ e.createElement(
+    g > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${d}__navigation` }, /* @__PURE__ */ e.createElement(
       pt,
       {
         iconName: "angleLeft",
@@ -1107,7 +1107,7 @@ const $t = 300, an = 400, A = (r) => {
         iconName: "angleRight",
         size: "lg",
         className: `${d}__nav-button ${d}__nav-button--next`,
-        onClick: g,
+        onClick: p,
         ariaLabel: a,
         hasTooltip: !1
       }
@@ -1178,7 +1178,7 @@ const rn = (s) => /* @__PURE__ */ e.createElement(us, { className: "pds-breadcru
     i(!1);
   }, _ = u.map(
     ($, f) => f === u.length - 1 ? /* @__PURE__ */ e.createElement(je, { crumb: $, lastCrumb: !0, key: f }) : /* @__PURE__ */ e.createElement(je, { crumb: $, key: f })
-  ), p = u.map(
+  ), g = u.map(
     ($, f) => f === u.length - 1 ? /* @__PURE__ */ e.createElement(je, { crumb: $, key: `breadcrumb-${f}`, lastCrumb: !0 }) : f == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -1202,7 +1202,7 @@ const rn = (s) => /* @__PURE__ */ e.createElement(us, { className: "pds-breadcru
         key: `breadcrumb-${f}`
       }
     ) : /* @__PURE__ */ e.createElement(je, { crumb: $, key: `breadcrumb-${f}` })
-  ), d = u.length >= 6 ? p : _, v = u[u.length - 2], h = rn(v);
+  ), d = u.length >= 6 ? g : _, v = u[u.length - 2], h = rn(v);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": s, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", N({ className: "pds-breadcrumbs__item" }, n), d), h);
 };
 gs.propTypes = {
@@ -1591,11 +1591,11 @@ const mn = [
     "size",
     "className"
   ]);
-  const m = "pds-spinner", _ = s !== "full-color" ? `${m}--${s}` : null, p = `${m}--${r}`, d = n ? `${m}--inline` : null;
+  const m = "pds-spinner", _ = s !== "full-color" ? `${m}--${s}` : null, g = `${m}--${r}`, d = n ? `${m}--inline` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     N({
-      className: [m, _, d, p, i].join(" ").trim().replace(/\s+/g, " "),
+      className: [m, _, d, g, i].join(" ").trim().replace(/\s+/g, " "),
       role: "status"
     }, l),
     /* @__PURE__ */ e.createElement("span", { className: `${m}__icon` }),
@@ -1615,7 +1615,7 @@ const mn = [
       onClick: u,
       size: m = "md",
       variant: _ = "primary",
-      className: p
+      className: g
     } = $, d = S($, [
       "ariaLabel",
       "buttonType",
@@ -1630,7 +1630,7 @@ const mn = [
       "variant",
       "className"
     ]);
-    const f = "pds-button", C = m !== "md" ? `${f}--${m}` : null, g = _ !== "primary" ? `${f}--${_}` : null;
+    const f = "pds-button", C = m !== "md" ? `${f}--${m}` : null, p = _ !== "primary" ? `${f}--${_}` : null;
     let b;
     switch (m) {
       case "sm":
@@ -1656,7 +1656,7 @@ const mn = [
       "button",
       ve(N({}, d), {
         type: n,
-        className: [f, C, g, p].join(" ").trim().replace(/\s+/g, " "),
+        className: [f, C, p, g].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || i,
         "aria-label": s,
         onClick: u,
@@ -1744,7 +1744,7 @@ const Fe = (u) => {
     "variant",
     "className"
   ]);
-  const _ = xe(), p = "pds-button-link", d = "pds-button", v = c.props.className, h = r !== "md" ? `${d}--${r}` : null, $ = i !== "primary" ? `${d}--${i}` : null, f = [d, v, $, h].join(" ").trim().replace(/\s+/g, " ");
+  const _ = xe(), g = "pds-button-link", d = "pds-button", v = c.props.className, h = r !== "md" ? `${d}--${r}` : null, $ = i !== "primary" ? `${d}--${i}` : null, f = [d, v, $, h].join(" ").trim().replace(/\s+/g, " ");
   let C;
   switch (r) {
     case "sm":
@@ -1756,7 +1756,7 @@ const Fe = (u) => {
     case "lg":
       C = "lg";
   }
-  const g = /* @__PURE__ */ e.createElement(
+  const p = /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: a,
@@ -1766,7 +1766,7 @@ const Fe = (u) => {
     }
   );
   let E = [c.props.children];
-  n == "icon-start" && a && E.unshift(g), n == "icon-end" && a && E.push(g);
+  n == "icon-start" && a && E.unshift(p), n == "icon-end" && a && E.push(p);
   const y = Ds(c, {
     className: f,
     children: E
@@ -1780,12 +1780,12 @@ const Fe = (u) => {
       label: E,
       variant: i,
       size: r,
-      className: [p, l].join(" ").trim().replace(/\s+/g, " ")
+      className: [g, l].join(" ").trim().replace(/\s+/g, " ")
     }, o)
   ) : /* @__PURE__ */ e.createElement(
     "span",
     N({
-      className: [p, l].join(" ").trim().replace(/\s+/g, " ")
+      className: [g, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
     y
   );
@@ -1828,7 +1828,7 @@ Fe.propTypes = {
   className: t.string
 };
 const vn = (_) => {
-  var p = _, {
+  var g = _, {
     bodyText: s,
     headingLevel: n = "h2",
     headingText: a,
@@ -1838,7 +1838,7 @@ const vn = (_) => {
     primaryLink: l,
     secondaryLink: o,
     className: u
-  } = p, m = S(p, [
+  } = g, m = S(g, [
     "bodyText",
     "headingLevel",
     "headingText",
@@ -1940,24 +1940,24 @@ const En = (m) => {
     "options",
     "className"
   ]);
-  const p = "pds-card-select-group";
-  let d = `${p}__legend`;
-  c === "center" && (d = `${p}__legend ${p}__legend--center`), c === "hidden" && (d = `${p}__legend visually-hidden`);
+  const g = "pds-card-select-group";
+  let d = `${g}__legend`;
+  c === "center" && (d = `${g}__legend ${g}__legend--center`), c === "hidden" && (d = `${g}__legend visually-hidden`);
   const [v, h] = R(n), $ = (E) => {
     h(E.target.value), i && i(E.target.value);
-  }, f = l.length, C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", g = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  }, f = l.length, C = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", p = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let b = "";
-  return r === "twoAcross" ? b = C : r === "threeAcross" ? b = g : r === "auto" && (f % 3 === 0 ? b = g : f % 2 === 0 ? b = C : b = g), /* @__PURE__ */ e.createElement(
+  return r === "twoAcross" ? b = C : r === "threeAcross" ? b = p : r === "auto" && (f % 3 === 0 ? b = p : f % 2 === 0 ? b = C : b = p), /* @__PURE__ */ e.createElement(
     "fieldset",
     N({
-      className: [p, o].join(" ").trim().replace(/\s+/g, " "),
+      className: [g, o].join(" ").trim().replace(/\s+/g, " "),
       id: s
     }, u),
     /* @__PURE__ */ e.createElement("legend", { className: d }, a),
-    /* @__PURE__ */ e.createElement("div", { className: `${p}__options pds-grid pds-grid--narrow` }, l.map((E, y) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${g}__options pds-grid pds-grid--narrow` }, l.map((E, y) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [`${p}__option`, b].join(" ").trim().replace(/\s+/g, " "),
+        className: [`${g}__option`, b].join(" ").trim().replace(/\s+/g, " "),
         key: `${s}-option-${y}`
       },
       /* @__PURE__ */ e.createElement(
@@ -1975,17 +1975,17 @@ const En = (m) => {
         "label",
         {
           htmlFor: `${s}-option-${y}`,
-          className: v === E.value ? `${p}__option-label ${p}__option-label--selected` : `${p}__option-label`
+          className: v === E.value ? `${g}__option-label ${g}__option-label--selected` : `${g}__option-label`
         },
-        /* @__PURE__ */ e.createElement("div", { className: `${p}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("div", { className: `${g}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           A,
           {
             iconName: v === E.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: v === E.value ? `${p}__option-icon ${p}__option-icon--selected` : `${p}__option-icon`
+            className: v === E.value ? `${g}__option-icon ${g}__option-icon--selected` : `${g}__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: `${g}__option-label-text` }, E.label, E.description && /* @__PURE__ */ e.createElement("div", { className: `${g}__option-description` }, E.description))
       )
     )))
   );
@@ -2114,7 +2114,7 @@ Pt.propTypes = {
 };
 const Re = Ze(
   (C, f) => {
-    var g = C, {
+    var p = C, {
       children: s,
       decorator: n,
       disabled: a = !1,
@@ -2126,11 +2126,11 @@ const Re = Ze(
       message: u,
       messagePosition: m = "after",
       readonly: _ = !1,
-      required: p = !1,
+      required: g = !1,
       showLabel: d = !0,
       validationState: v,
       className: h
-    } = g, $ = S(g, [
+    } = p, $ = S(p, [
       "children",
       "decorator",
       "disabled",
@@ -2147,7 +2147,7 @@ const Re = Ze(
       "validationState",
       "className"
     ]);
-    const b = "pds-input-wrapper", E = `${b}--${r}`, y = "pds-input-label", w = `pds-input-field__message pds-input-field__message--${m}`, z = v === "error" ? "pds-has-error" : null, x = v === "success" ? "pds-has-success" : null, L = a ? "pds-is-disabled" : null, V = _ ? "pds-is-readonly" : null, H = p && !a ? "pds-is-required" : null, I = i ? `${i / 16}rem` : null, k = i ? { width: I } : null, M = l ? "fieldset" : "div", D = p && !a ? /* @__PURE__ */ e.createElement(
+    const b = "pds-input-wrapper", E = `${b}--${r}`, y = "pds-input-label", w = `pds-input-field__message pds-input-field__message--${m}`, z = v === "error" ? "pds-has-error" : null, x = v === "success" ? "pds-has-success" : null, L = a ? "pds-is-disabled" : null, V = _ ? "pds-is-readonly" : null, H = g && !a ? "pds-is-required" : null, I = i ? `${i / 16}rem` : null, k = i ? { width: I } : null, M = l ? "fieldset" : "div", D = g && !a ? /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: "asterisk",
@@ -2285,14 +2285,14 @@ const Es = Ze(
         searchShortcut: "Press / to focus the search field",
         triggerButton: "Toggle dropdown menu"
       },
-      loadingText: p = "Loading results...",
+      loadingText: g = "Loading results...",
       message: d,
       noResultsText: v = "No results found",
       onFocus: h,
       onOptionSelect: $,
       options: f,
       placeholder: C,
-      required: g = !1,
+      required: p = !1,
       showLabel: b = !0,
       validationFunction: E,
       className: y
@@ -2427,7 +2427,7 @@ const Es = Ze(
         inputWidth: o,
         label: m,
         message: Ge,
-        required: g,
+        required: p,
         showLabel: b,
         validationState: B
       }, w),
@@ -2440,7 +2440,7 @@ const Es = Ze(
           name: i,
           style: Ke,
           "aria-disabled": s ? !0 : null,
-          "aria-required": g ? !0 : null,
+          "aria-required": p ? !0 : null,
           "aria-invalid": B === "error" ? !0 : null,
           "aria-describedby": Ge ? `${i}__message` : null
         },
@@ -2501,7 +2501,7 @@ const Es = Ze(
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: N({}, re) }, u ? /* @__PURE__ */ e.createElement("div", { className: `${U}__loading` }, p) : O.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${U}__options` }, be) : /* @__PURE__ */ e.createElement("div", { className: `${U}__no-results` }, v))
+        /* @__PURE__ */ e.createElement("div", { style: N({}, re) }, u ? /* @__PURE__ */ e.createElement("div", { className: `${U}__loading` }, g) : O.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${U}__options` }, be) : /* @__PURE__ */ e.createElement("div", { className: `${U}__no-results` }, v))
       )
     );
   }
@@ -2647,22 +2647,22 @@ const Cn = (m) => {
     "secondaryLink",
     "className"
   ]);
-  const p = "pds-cta-slice", d = s && s !== "default" ? `${p}--${s}` : null, v = n && n !== "default" ? `pds-container pds-container--${n}` : "pds-container", h = `${a}`;
+  const g = "pds-cta-slice", d = s && s !== "default" ? `${g}--${s}` : null, v = n && n !== "default" ? `pds-container pds-container--${n}` : "pds-container", h = `${a}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
-      className: [p, d, o].join(" ").trim().replace(/\s+/g, " ")
+      className: [g, d, o].join(" ").trim().replace(/\s+/g, " ")
     }, u),
-    /* @__PURE__ */ e.createElement("div", { className: v }, c && /* @__PURE__ */ e.createElement(h, { className: `${p}__heading pds-ts-4xl` }, c), r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: v }, c && /* @__PURE__ */ e.createElement(h, { className: `${g}__heading pds-ts-4xl` }, c), r && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${p}__lead-text pds-lead-text pds-lead-text--sm`
+        className: `${g}__lead-text pds-lead-text pds-lead-text--sm`
       },
       r
     ), i && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${p}__links pds-button-group pds-button-group--lg`
+        className: `${g}__links pds-button-group pds-button-group--lg`
       },
       /* @__PURE__ */ e.createElement(
         "a",
@@ -2781,19 +2781,19 @@ const De = ht(null), $n = ({
     "skiplinkText",
     "className"
   ]);
-  const [p, d] = R(
+  const [g, d] = R(
     a
   ), { isMobile: v } = Ne(De), h = ee(), [$] = ft(h), C = {
     navbarWidth: $.width,
-    isSidebarExpanded: p
-  }, g = "pds-dashboard", b = v ? `${g}--isMobile` : `${g}--notMobile`, E = v ? null : p ? `${g}--sidebarExpanded` : `${g}--sidebarCollapsed`, y = p ? `${r}rem` : `${c}rem`, w = {
+    isSidebarExpanded: g
+  }, p = "pds-dashboard", b = v ? `${p}--isMobile` : `${p}--notMobile`, E = v ? null : g ? `${p}--sidebarExpanded` : `${p}--sidebarCollapsed`, y = g ? `${r}rem` : `${c}rem`, w = {
     width: y,
     transition: "width 200ms ease-in-out"
   }, z = v ? {} : {
     width: `calc(100% - ${y})`,
     transition: "width 200ms ease-in-out"
   }, x = () => {
-    d(!p);
+    d(!g);
   }, L = {};
   e.Children.forEach(s, (W) => {
     if (e.isValidElement(W)) {
@@ -2801,21 +2801,21 @@ const De = ht(null), $n = ({
       O && (L[O] ? L[O].push(W) : L[O] = [W]);
     }
   });
-  const V = L.header, H = L.sidebar, I = L.main, k = L.footer, M = /* @__PURE__ */ e.createElement("aside", { className: `${g}__sidebar` }, H), D = /* @__PURE__ */ e.createElement("aside", { className: `${g}__sidebar`, style: w }, /* @__PURE__ */ e.createElement("div", { className: `${g}__sidebar-divider` }), n && /* @__PURE__ */ e.createElement(
+  const V = L.header, H = L.sidebar, I = L.main, k = L.footer, M = /* @__PURE__ */ e.createElement("aside", { className: `${p}__sidebar` }, H), D = /* @__PURE__ */ e.createElement("aside", { className: `${p}__sidebar`, style: w }, /* @__PURE__ */ e.createElement("div", { className: `${p}__sidebar-divider` }), n && /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${g}__sidebar-toggle`,
+      className: `${p}__sidebar-toggle`,
       onClick: x,
-      "aria-expanded": p,
+      "aria-expanded": g,
       "aria-label": i
     },
     /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" })
-  ), /* @__PURE__ */ e.createElement("div", { className: `${g}__sidebar-inner` }, H));
+  ), /* @__PURE__ */ e.createElement("div", { className: `${p}__sidebar-inner` }, H));
   return /* @__PURE__ */ e.createElement(jt.Provider, { value: C }, /* @__PURE__ */ e.createElement(yn, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [
-        g,
+        p,
         b,
         E,
         "pds-typography--product",
@@ -2828,11 +2828,11 @@ const De = ht(null), $n = ({
       "div",
       {
         ref: h,
-        className: `${g}__container`,
+        className: `${p}__container`,
         style: z
       },
-      !v && /* @__PURE__ */ e.createElement("div", { className: `${g}__header` }, V),
-      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${g}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__main-inner` }, I), k && /* @__PURE__ */ e.createElement("footer", { className: `${g}__footer` }, k))
+      !v && /* @__PURE__ */ e.createElement("div", { className: `${p}__header` }, V),
+      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${p}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__main-inner` }, I), k && /* @__PURE__ */ e.createElement("footer", { className: `${p}__footer` }, k))
     )
   ));
 }, Et = (i) => {
@@ -2847,7 +2847,7 @@ const De = ht(null), $n = ({
     "selectTextFallback",
     "className"
   ]);
-  const o = "pds-dropdown-menu", [u, m] = R(!1), [_, p] = R(null), d = (O) => !!(O.isActive || O.linkContent.props.className && O.linkContent.props.className.includes("pds-isActive")), v = (O) => {
+  const o = "pds-dropdown-menu", [u, m] = R(!1), [_, g] = R(null), d = (O) => !!(O.isActive || O.linkContent.props.className && O.linkContent.props.className.includes("pds-isActive")), v = (O) => {
     for (let q = 0; q < O.length; q++) {
       if (d(O[q]))
         return O[q].linkContent;
@@ -2860,14 +2860,14 @@ const De = ht(null), $n = ({
     return null;
   }, h = v(n), $ = h ? h.props.children : a, f = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${o}__active-icon` }), C = (O) => {
     O.key === "Enter" && L.current[_].querySelector("a").click();
-  }, g = (O) => {
+  }, p = (O) => {
     O.target.nodeName === "A" && m(!1);
   };
   se(() => {
     if (u) {
       const O = document.querySelector(".pds-dropdown-menu__dropdown");
-      return O.addEventListener("click", g), () => {
-        O.removeEventListener("click", g);
+      return O.addEventListener("click", p), () => {
+        O.removeEventListener("click", p);
       };
     }
   }, [u]);
@@ -2926,7 +2926,7 @@ const De = ht(null), $n = ({
   }), L = ee([]), V = lt(y, {
     listRef: L,
     activeIndex: _,
-    onNavigate: p,
+    onNavigate: g,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
@@ -3007,7 +3007,7 @@ const Bt = (l) => {
     "subBrand",
     "className"
   ]);
-  const u = "pds-pantheon-logo", m = n && n !== "full" ? `${u}--${n}` : null, _ = s && s !== "default" ? `${u}--${s}` : null, p = /* @__PURE__ */ e.createElement(
+  const u = "pds-pantheon-logo", m = n && n !== "full" ? `${u}--${n}` : null, _ = s && s !== "default" ? `${u}--${s}` : null, g = /* @__PURE__ */ e.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3299,7 +3299,7 @@ const Bt = (l) => {
   let h;
   switch (n) {
     case "full":
-      h = p;
+      h = g;
       break;
     case "icon":
       h = d;
@@ -3379,30 +3379,30 @@ const Nn = (l) => {
   const m = Ne(De);
   m && (u = m.isMobile);
   const _ = Ne(jt);
-  let p = !0;
-  _ && (p = _.isSidebarExpanded);
-  const d = "pds-dashboard-nav", v = p ? `${d}--expanded` : `${d}--collapsed`, h = (g) => {
-    const b = g.target;
+  let g = !0;
+  _ && (g = _.isSidebarExpanded);
+  const d = "pds-dashboard-nav", v = g ? `${d}--expanded` : `${d}--collapsed`, h = (p) => {
+    const b = p.target;
     b.classList.toggle(`${d}__toggle--expanded`), b.setAttribute(
       "aria-expanded",
       b.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), b.parentElement.nextElementSibling.classList.toggle(`${d}__menu--expanded`), b.parentElement.classList.toggle(`${d}__item-inner--expanded`);
-  }, $ = (g) => {
-    if (g.isActive)
+  }, $ = (p) => {
+    if (p.isActive)
       return !0;
-    const b = g.linkContent;
+    const b = p.linkContent;
     if (b.props.className && b.props.className.includes("pds-isActive"))
       return !0;
-    if (g.links) {
-      for (let E = 0; E < g.links.length; E++)
-        if ($(g.links[E]))
+    if (p.links) {
+      for (let E = 0; E < p.links.length; E++)
+        if ($(p.links[E]))
           return !0;
     }
     return !1;
   };
-  a = a.map((g) => {
-    const b = g.linkContent.type, E = g.linkContent.props.href ? "href" : "to", y = E === "href" ? g.linkContent.props.href : g.linkContent.props.to, w = g.linkContent.props.children, z = g.linkContent.props.className;
-    return ve(N({}, g), {
+  a = a.map((p) => {
+    const b = p.linkContent.type, E = p.linkContent.props.href ? "href" : "to", y = E === "href" ? p.linkContent.props.href : p.linkContent.props.to, w = p.linkContent.props.children, z = p.linkContent.props.className;
+    return ve(N({}, p), {
       linkContent: /* @__PURE__ */ e.createElement(
         b,
         {
@@ -3410,7 +3410,7 @@ const Nn = (l) => {
           to: E === "to" ? y : null,
           className: `${d}__link ${z}`
         },
-        /* @__PURE__ */ e.createElement("div", { className: `${d}__link-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: g.icon })),
+        /* @__PURE__ */ e.createElement("div", { className: `${d}__link-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: p.icon })),
         /* @__PURE__ */ e.createElement("div", { className: `${d}__link-label` }, w)
       ),
       linkLabel: w
@@ -3422,27 +3422,27 @@ const Nn = (l) => {
       menuItems: a,
       selectTextFallback: c
     }
-  ), C = /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, a.map((g, b) => /* @__PURE__ */ e.createElement(
+  ), C = /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, a.map((p, b) => /* @__PURE__ */ e.createElement(
     "li",
     {
       key: b,
-      className: `${d}__item ${d}__item--top-level ${g.links ? `${d}__item--has-children` : ""} ${$(g) ? `${d}__item--active` : ""}`
+      className: `${d}__item ${d}__item--top-level ${p.links ? `${d}__item--has-children` : ""} ${$(p) ? `${d}__item--active` : ""}`
     },
-    g.links ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}__item-inner` }, g.linkContent, /* @__PURE__ */ e.createElement(
+    p.links ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}__item-inner` }, p.linkContent, /* @__PURE__ */ e.createElement(
       "button",
       {
         onClick: h,
-        className: `${d}__toggle ${$(g) ? `${d}__toggle--expanded` : ""}`,
-        "aria-expanded": $(g)
+        className: `${d}__toggle ${$(p) ? `${d}__toggle--expanded` : ""}`,
+        "aria-expanded": $(p)
       },
       /* @__PURE__ */ e.createElement(A, { iconName: "angleDown" }),
-      /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${n.toggle} ${g.linkLabel} ${n.submenu}`)
+      /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${n.toggle} ${p.linkLabel} ${n.submenu}`)
     )), /* @__PURE__ */ e.createElement(
       "ul",
       {
-        className: `${d}__menu ${d}__menu--second-level ${$(g) ? `${d}__menu--expanded` : ""}`
+        className: `${d}__menu ${d}__menu--second-level ${$(p) ? `${d}__menu--expanded` : ""}`
       },
-      g.links.map((E, y) => /* @__PURE__ */ e.createElement(
+      p.links.map((E, y) => /* @__PURE__ */ e.createElement(
         "li",
         {
           key: y,
@@ -3450,7 +3450,7 @@ const Nn = (l) => {
         },
         E.linkContent
       ))
-    )) : g.linkContent
+    )) : p.linkContent
   )));
   return /* @__PURE__ */ e.createElement(
     "nav",
@@ -3462,7 +3462,7 @@ const Nn = (l) => {
       Bt,
       {
         className: `${d}__logo`,
-        displayType: p ? "full" : "icon"
+        displayType: g ? "full" : "icon"
       }
     ),
     u ? f : C
@@ -3509,13 +3509,13 @@ const Ft = (o) => {
     "statusType",
     "className"
   ]);
-  const m = "pds-status-badge", _ = `${m}--${s}`, p = `${m}__status`, d = r ? `${p}--${r}` : null;
+  const m = "pds-status-badge", _ = `${m}--${s}`, g = `${m}__status`, d = r ? `${g}--${r}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [m, _, i != null ? i : ""].join(" ").trim().replace(/\s+/g, " ")
     }, l),
-    n === !0 && /* @__PURE__ */ e.createElement("span", { className: [p, d].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, c, " ", r)),
+    n === !0 && /* @__PURE__ */ e.createElement("span", { className: [g, d].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, c, " ", r)),
     /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, a)
   );
 }, Cs = ({ option: s }) => {
@@ -3584,7 +3584,7 @@ const wn = (h) => {
     onOptionSelect: u,
     placeholder: m = "Search sites",
     siteList: _,
-    startingRightPosition: p = 9.25,
+    startingRightPosition: g = 9.25,
     className: d
   } = $, v = S($, [
     "disabled",
@@ -3601,18 +3601,18 @@ const wn = (h) => {
     "startingRightPosition",
     "className"
   ]);
-  const [f, C] = R(!1), [g, b] = R(null), E = ee(null);
+  const [f, C] = R(!1), [p, b] = R(null), E = ee(null);
   let y = !1;
   const w = Ne(De);
   w && (y = w.isMobile);
   let z = null;
   const x = Ne(jt);
   x && (z = x.navbarWidth);
-  const L = 2.25, V = 22, H = z > 900 ? V : z / 16 - p - L * 0.675;
+  const L = 2.25, V = 22, H = z > 900 ? V : z / 16 - g - L * 0.675;
   let I = L;
   f && !z && (I = V), f && z && (I = H);
   const k = {
-    right: `${p}rem`,
+    right: `${g}rem`,
     width: `${I}rem`
   }, M = "pds-dashboard-search", D = y ? `${M}--isMobile` : null, W = () => {
     C(!0), setTimeout(() => {
@@ -3647,7 +3647,7 @@ const wn = (h) => {
       disabled: s,
       hasClearButton: !1,
       id: `${n}-combobox`,
-      initialValue: g,
+      initialValue: p,
       isLoading: a,
       label: c,
       labelStrings: r,
@@ -3873,7 +3873,7 @@ const Ln = ($) => {
     multiple: u = !1,
     onFileChange: m,
     required: _ = !1,
-    showLabel: p = !0,
+    showLabel: g = !0,
     validationFunction: d,
     className: v
   } = f, h = S(f, [
@@ -3892,7 +3892,7 @@ const Ln = ($) => {
     "validationFunction",
     "className"
   ]);
-  const [C, g] = R(!1), [b, E] = R(), [y, w] = R(null), z = "pds-file-upload", x = C ? `${z}--has-value` : null;
+  const [C, p] = R(!1), [b, E] = R(), [y, w] = R(null), z = "pds-file-upload", x = C ? `${z}--has-value` : null;
   let L = null;
   y === "error" && (L = "error"), y === "success" && (L = "success");
   const V = () => {
@@ -3902,10 +3902,10 @@ const Ln = ($) => {
       const D = d(M.target.files) || {};
       V(), D.error && w("error"), D.success && w("success"), E(D.message);
     }
-    m && m(M.target.files), M.target.files.length > 0 ? g(!0) : g(!1);
+    m && m(M.target.files), M.target.files.length > 0 ? p(!0) : p(!1);
   }, I = () => {
     const M = document.getElementById(i);
-    M.value = "", g(!1), V();
+    M.value = "", p(!1), V();
   }, k = b || o;
   return /* @__PURE__ */ e.createElement(
     Re,
@@ -3919,7 +3919,7 @@ const Ln = ($) => {
       label: r,
       message: k,
       required: _,
-      showLabel: p,
+      showLabel: g,
       validationState: y
     }, h),
     /* @__PURE__ */ e.createElement(
@@ -4132,7 +4132,7 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
     placeholder: u,
     required: m = !1,
     showLabel: _ = !0,
-    validationFunction: p,
+    validationFunction: g,
     className: d
   } = $, v = S($, [
     "disabled",
@@ -4149,7 +4149,7 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
     "validationFunction",
     "className"
   ]);
-  const f = "pds-input-formatted", C = n ? `${f}--${n}` : null, g = ee([
+  const f = "pds-input-formatted", C = n ? `${f}--${n}` : null, p = ee([
     "pds-input-field",
     f,
     C,
@@ -4166,11 +4166,11 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
     }
   }, []);
   const I = () => {
-    g.current = g.current.filter(
+    p.current = p.current.filter(
       (T) => T !== Ce.required && T !== Ce.disabled
     );
   }, k = () => {
-    g.current = g.current.filter(
+    p.current = p.current.filter(
       (T) => T !== Ce.error && T !== Ce.success
     );
   }, M = () => {
@@ -4183,17 +4183,17 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
   }, W = (T) => {
     E(Z(T.target.value)), M(), D(T.target.value);
   }, O = () => {
-    x("error"), g.current.push(Ce.error);
+    x("error"), p.current.push(Ce.error);
   }, q = (T) => {
-    if (p) {
-      const j = p(T.target.value) || {};
-      M(), j.error && O(), j.success && (x("success"), g.current.push(Ce.success)), w(j.message);
+    if (g) {
+      const j = g(T.target.value) || {};
+      M(), j.error && O(), j.success && (x("success"), p.current.push(Ce.success)), w(j.message);
     } else
       L.current.checkValidity() === !1 || T.target.value.length < H.current + H.numExtra ? (O(), n === "credit-card" && w(
         `Credit card number must have at least ${H.current} digits.`
       ), n === "phone" && w(
         `Phone number must have at least ${H.current} digits.`
-      )) : (n === "credit-card" || n === "phone") && (x("success"), g.current.push(Ce.success));
+      )) : (n === "credit-card" || n === "phone") && (x("success"), p.current.push(Ce.success));
     D(T.target.value);
   }, F = () => {
     M(), E(""), V.current = "", L.current.focus(), D("");
@@ -4235,9 +4235,9 @@ const xn = new Intl.NumberFormat().formatToParts(100000089e-2), Nt = xn.find((s)
     }
     return T;
   };
-  I(), m && !s && g.current.push(Ce.required), s && g.current.push(Ce.disabled);
+  I(), m && !s && p.current.push(Ce.required), s && p.current.push(Ce.disabled);
   let B = null;
-  return z === "error" && (B = /* @__PURE__ */ e.createElement(st, { type: "error" })), z === "success" && (B = /* @__PURE__ */ e.createElement(st, { type: "success" })), /* @__PURE__ */ e.createElement("div", N({ className: g.current.join(" ").trim() }, v), /* @__PURE__ */ e.createElement("span", { className: _ ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: "pds-input-label", htmlFor: c }, i)), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__input-wrapper" }, B && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, B), /* @__PURE__ */ e.createElement(
+  return z === "error" && (B = /* @__PURE__ */ e.createElement(st, { type: "error" })), z === "success" && (B = /* @__PURE__ */ e.createElement(st, { type: "success" })), /* @__PURE__ */ e.createElement("div", N({ className: p.current.join(" ").trim() }, v), /* @__PURE__ */ e.createElement("span", { className: _ ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: "pds-input-label", htmlFor: c }, i)), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__input-wrapper" }, B && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, B), /* @__PURE__ */ e.createElement(
     "input",
     {
       className: "pds-input-field__input",
@@ -4361,7 +4361,7 @@ const Sn = (v) => {
     required: u = !1,
     showLabel: m = !0,
     validationFunction: _,
-    className: p
+    className: g
   } = h, d = S(h, [
     "counterFunction",
     "disabled",
@@ -4376,7 +4376,7 @@ const Sn = (v) => {
     "validationFunction",
     "className"
   ]);
-  const $ = "pds-input-obscured", f = ee(["pds-input-field", $, p]), [C, g] = R(r), [b, E] = R(s("")), [y, w] = R(), [z, x] = R(null), [L, V] = R(!1), H = ee(null), I = ee(null);
+  const $ = "pds-input-obscured", f = ee(["pds-input-field", $, g]), [C, p] = R(r), [b, E] = R(s("")), [y, w] = R(), [z, x] = R(null), [L, V] = R(!1), H = ee(null), I = ee(null);
   se(() => {
     r && s && E(s(r));
   }, []);
@@ -4391,7 +4391,7 @@ const Sn = (v) => {
   }, D = () => {
     M(), w(""), x(null);
   }, W = (T) => {
-    g(T.target.value), D(), s && E(s(T.target.value)), o && o(T.target.value);
+    p(T.target.value), D(), s && E(s(T.target.value)), o && o(T.target.value);
   }, O = (T) => {
     if (V(!1), _) {
       const j = _(T.target.value) || {};
@@ -4399,7 +4399,7 @@ const Sn = (v) => {
     }
     o && o(C);
   }, q = () => {
-    D(), g(""), I.current.value = null, I.current.focus(), s && E(s("")), o && o("");
+    D(), p(""), I.current.value = null, I.current.focus(), s && E(s("")), o && o("");
   }, F = () => {
     V((T) => !T);
   }, Z = (T) => {
@@ -4562,14 +4562,14 @@ const kt = 16, es = 10, In = (L) => {
       visibilityToggleShow: "Show input value"
     },
     message: _,
-    onChange: p,
+    onChange: g,
     onFocus: d,
     placeholder: v,
     readonly: h = !1,
     required: $ = !1,
     showLabel: f = !0,
     specialFormatting: C,
-    specialFormattingValidation: g = !1,
+    specialFormattingValidation: p = !1,
     toggleVisibility: b = !1,
     type: E = "text",
     validationFunction: y,
@@ -4606,7 +4606,7 @@ const kt = 16, es = 10, In = (L) => {
   ]);
   const [H, I] = R(l), [k, M] = R(n("")), [D, W] = R(), [O, q] = R(null), [F, Z] = R(!1), B = ee(null), T = ee(null), j = ee(null), U = ee(null), G = "pds-input-text", ce = C ? `${G}--${C}` : null;
   let ne = null;
-  E === "search" && (ne = "search"), O === "error" && (ne = "error"), O === "success" && (ne = "success"), C && g && se(() => {
+  E === "search" && (ne = "search"), O === "error" && (ne = "error"), O === "success" && (ne = "success"), C && p && se(() => {
     switch (l && I(me(l)), U.numExtra = "", C) {
       case "credit-card":
         U.numExtra = 3, U.current = kt;
@@ -4656,7 +4656,7 @@ const kt = 16, es = 10, In = (L) => {
   }, J = (Q) => {
     d && d(Q.target);
   }, fe = (Q) => {
-    C ? p && p({ formattedValue: Q, rawValue: j.current }) : p && p(Q);
+    C ? g && g({ formattedValue: Q, rawValue: j.current }) : g && g(Q);
   }, _e = (Q) => {
     I(C ? me(Q.target.value) : Q.target.value), ue(), n && M(n(C ? j.current : Q.target.value)), fe(Q.target.value);
   }, re = (Q) => {
@@ -4664,7 +4664,7 @@ const kt = 16, es = 10, In = (L) => {
       const ae = y(Q.target.value) || {};
       ue(), ae.error && q("error"), ae.success && q("success"), W(ae.message);
     }
-    C && g && !y && (B.current.checkValidity() === !1 || Q.target.value.length < te ? (q("error"), C === "credit-card" && W(w.creditCardError), C === "phone" && W(w.phoneError)) : q("success")), fe(Q.target.value);
+    C && p && !y && (B.current.checkValidity() === !1 || Q.target.value.length < te ? (q("error"), C === "credit-card" && W(w.creditCardError), C === "phone" && W(w.phoneError)) : q("success")), fe(Q.target.value);
   }, K = (Q) => {
     var ae;
     (!((ae = T.current) != null && ae.contains(Q.relatedTarget)) || !Q.relatedTarget) && Z(!1);
@@ -4941,7 +4941,7 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
     menuPosition: u = "start",
     size: m = "md",
     testId: _,
-    undefinedLabel: p = "Unlabeled group",
+    undefinedLabel: g = "Unlabeled group",
     variant: d = "primary",
     withinNavbar: v,
     className: h
@@ -4963,7 +4963,7 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
     "className"
   ]);
   const {
-    x: g,
+    x: p,
     y: b,
     reference: E,
     floating: y,
@@ -5174,7 +5174,7 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
             opacity: T ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: w,
-            transform: `translate(${Math.round(g)}px,${Math.round(b)}px)`,
+            transform: `translate(${Math.round(p)}px,${Math.round(b)}px)`,
             zIndex: "var(--pds-z-index-dropdown)"
           },
           onKeyDown: we,
@@ -5182,7 +5182,7 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
         },
         $e.map((ze, Ye) => {
           Ee = ue.current[Ye];
-          const Xe = ze[0].isHeading, Qe = Xe ? `${F}-group-${Ee}-heading` : "", xs = `${F}-group-${Ee}`, Vs = Xe ? null : `${p} ${Ye + 1}`;
+          const Xe = ze[0].isHeading, Qe = Xe ? `${F}-group-${Ee}-heading` : "", xs = `${F}-group-${Ee}`, Vs = Xe ? null : `${g} ${Ye + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
@@ -5216,7 +5216,7 @@ const Ht = (s) => s.isSeparator, Lt = (s) => s.isHeading, zt = (s) => s.isLink,
             opacity: T ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: w,
-            transform: `translate(${Math.round(g)}px,${Math.round(b)}px)`
+            transform: `translate(${Math.round(p)}px,${Math.round(b)}px)`
           },
           onKeyDown: we,
           ref: y
@@ -5451,7 +5451,7 @@ const Rn = (d) => {
     logoSrc: u,
     logoSubBrand: m,
     className: _
-  } = v, p = S(v, [
+  } = v, g = S(v, [
     "children",
     "colorType",
     "containerWidth",
@@ -5468,7 +5468,7 @@ const Rn = (d) => {
   let f = !1;
   const C = Ne(De);
   C && (f = C.isMobile);
-  const g = "pds-navbar", b = c ? `${g}--noBorder` : "", E = n !== "default" ? `${g}--${n}` : "", y = f ? `${g}--isMobile` : `${g}--notMobile`;
+  const p = "pds-navbar", b = c ? `${p}--noBorder` : "", E = n !== "default" ? `${p}--${n}` : "", y = f ? `${p}--isMobile` : `${p}--notMobile`;
   se(() => (window.addEventListener("keyup", w), () => {
     window.removeEventListener("keyup", w);
   }), []);
@@ -5518,7 +5518,7 @@ const Rn = (d) => {
   let k = /* @__PURE__ */ e.createElement(
     "img",
     {
-      className: `${g}__custom-logo`,
+      className: `${p}__custom-logo`,
       src: u,
       alt: l
     }
@@ -5543,7 +5543,7 @@ const Rn = (d) => {
   ), W = /* @__PURE__ */ e.createElement(
     "button",
     {
-      className: `${g}__menu-toggle`,
+      className: `${p}__menu-toggle`,
       "aria-label": h ? "Close navigation area" : "Open navigation area",
       onClick: z
     },
@@ -5551,7 +5551,7 @@ const Rn = (d) => {
   ), O = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: h ? `${g}__mobile ${g}__mobile--open` : `${g}__mobile ${g}__mobile--closed`,
+      className: h ? `${p}__mobile ${p}__mobile--open` : `${p}__mobile ${p}__mobile--closed`,
       ref: x
     },
     /* @__PURE__ */ e.createElement(Je, null, H, I)
@@ -5563,13 +5563,13 @@ const Rn = (d) => {
         initialFocus: !1
       }
     },
-    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(Je, { className: `${g}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__inner-mobile` }, /* @__PURE__ */ e.createElement(D, null), s && W)), /* @__PURE__ */ e.createElement(Je, null, s && O))
-  ), F = /* @__PURE__ */ e.createElement(Je, { width: a, className: `${g}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${g}__logo` }, /* @__PURE__ */ e.createElement(D, null)), /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, H ? /* @__PURE__ */ e.createElement("div", { className: `${g}__items-left` }, H) : /* @__PURE__ */ e.createElement("span", null), I && /* @__PURE__ */ e.createElement("div", { className: `${g}__items-right` }, I)));
+    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(Je, { className: `${p}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__inner-mobile` }, /* @__PURE__ */ e.createElement(D, null), s && W)), /* @__PURE__ */ e.createElement(Je, null, s && O))
+  ), F = /* @__PURE__ */ e.createElement(Je, { width: a, className: `${p}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${p}__logo` }, /* @__PURE__ */ e.createElement(D, null)), /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, H ? /* @__PURE__ */ e.createElement("div", { className: `${p}__items-left` }, H) : /* @__PURE__ */ e.createElement("span", null), I && /* @__PURE__ */ e.createElement("div", { className: `${p}__items-right` }, I)));
   return /* @__PURE__ */ e.createElement(
     "header",
     N({
-      className: [g, E, b, y, _].join(" ").trim().replace(/\s+/g, " ")
-    }, p),
+      className: [p, E, b, y, _].join(" ").trim().replace(/\s+/g, " ")
+    }, g),
     f ? q : F
   );
 };
@@ -5634,16 +5634,16 @@ const Ns = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
   }), []);
   const o = () => {
     l(window.innerWidth);
-  }, u = i <= a, m = "pds-nav-menu", { refs: _, context: p } = Ve({
+  }, u = i <= a, m = "pds-nav-menu", { refs: _, context: g } = Ve({
     placement: "bottom-start",
     open: c,
     onOpenChange: r,
     whileElementsMounted: Oe
-  }), d = nt(p, { event: "mousedown" }), v = Se(p), h = Ie(p, { role: "menu" });
+  }), d = nt(g, { event: "mousedown" }), v = Se(g), h = Ie(g, { role: "menu" });
   let $;
-  u ? $ = Tt(p, {
+  u ? $ = Tt(g, {
     enabled: !1
-  }) : $ = Tt(p, {
+  }) : $ = Tt(g, {
     handleClose: Fs({
       requireIntent: !1,
       buffer: 10,
@@ -5656,7 +5656,7 @@ const Ns = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
     h,
     d,
     $
-  ]), g = (b) => !!(b.isActive || b.linkContent && b.linkContent.props.className && b.linkContent.props.className.includes("pds-isActive"));
+  ]), p = (b) => !!(b.isActive || b.linkContent && b.linkContent.props.className && b.linkContent.props.className.includes("pds-isActive"));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     N({
@@ -5676,7 +5676,7 @@ const Ns = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
       {
         key: E,
         role: b.isSeparator ? "separator" : "menuitem",
-        className: `${m}__item ${b.isSeparator ? `${m}__dropdown--separator` : `${m}__item--second-level`} ${g(b) ? `${m}__item--active` : null}`
+        className: `${m}__item ${b.isSeparator ? `${m}__dropdown--separator` : `${m}__item--second-level`} ${p(b) ? `${m}__item--active` : null}`
       },
       !b.isSeparator && b.linkContent
     ))
@@ -5701,21 +5701,21 @@ const Dn = (l) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [u, m] = R(1025), [_, p] = R(null), [d, v] = R(-1), [h, $] = R(null), [f, C] = R({
+  const [u, m] = R(1025), [_, g] = R(null), [d, v] = R(-1), [h, $] = R(null), [f, C] = R({
     containerChildren: []
   });
-  se(() => (m(window.innerWidth), window.addEventListener("resize", g), () => {
-    window.removeEventListener("resize", g);
+  se(() => (m(window.innerWidth), window.addEventListener("resize", p), () => {
+    window.removeEventListener("resize", p);
   }), []);
-  const g = () => {
+  const p = () => {
     m(window.innerWidth);
   }, b = u <= c;
   se(() => {
     f.containerChildren[_] && (f.containerChildren[_].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && h == "down" ? p(_ + 1) : f.containerChildren[_].classList.contains(
+    ) && h == "down" ? g(_ + 1) : f.containerChildren[_].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && h == "up" ? p(_ - 1) : f.containerChildren[_].children[0].focus());
+    ) && h == "up" ? g(_ - 1) : f.containerChildren[_].children[0].focus());
   }, [_]), se(() => {
     d != -1 && (z.current[d].children[0].blur(), z.current[d].children[0].focus({
       focusVisible: !0
@@ -5724,10 +5724,10 @@ const Dn = (l) => {
   const E = "pds-nav-menu", y = n !== "default" ? `${E}--${n}` : "", w = b ? `${E}--isMobile` : `${E}--notMobile`, z = ee([]), x = (H) => {
     const I = z.current.length - 1, q = {
       ArrowRight: () => {
-        p(-1), v(d === -1 ? 1 : d === I ? 0 : d + 1);
+        g(-1), v(d === -1 ? 1 : d === I ? 0 : d + 1);
       },
       ArrowLeft: () => {
-        p(-1), v(d === 0 ? I : d - 1);
+        g(-1), v(d === 0 ? I : d - 1);
       },
       ArrowDown: () => {
         var B, T, j, U;
@@ -5736,10 +5736,10 @@ const Dn = (l) => {
         f.container != F && F != null && C({
           container: F,
           containerChildren: [...Z]
-        }), _ === null || _ == f.containerChildren.length - 1 ? p(0) : p(parseInt(_) + 1);
+        }), _ === null || _ == f.containerChildren.length - 1 ? g(0) : g(parseInt(_) + 1);
       },
       ArrowUp: () => {
-        $("up"), p(_ === 0 ? f.containerChildren.length - 1 : parseInt(_) - 1);
+        $("up"), g(_ === 0 ? f.containerChildren.length - 1 : parseInt(_) - 1);
       }
     }[H.code];
     q && q();
@@ -6161,37 +6161,37 @@ const Mt = {
     "title",
     "className"
   ]);
-  const p = "pds-new-site-card", d = a.type;
+  const g = "pds-new-site-card", d = a.type;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
-      className: [p, o].join(" ").trim().replace(/\s+/g, " ")
+      className: [g, o].join(" ").trim().replace(/\s+/g, " ")
     }, u),
     /* @__PURE__ */ e.createElement(
       d,
       N({
         "aria-label": a.props.children,
-        className: `${p}__selection-link`
+        className: `${g}__selection-link`
       }, a.props),
-      /* @__PURE__ */ e.createElement("div", { className: `${p}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${p}__icon` }, /* @__PURE__ */ e.createElement(ws, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, l, c && /* @__PURE__ */ e.createElement("div", { className: `${p}__subtitle` }, c))),
+      /* @__PURE__ */ e.createElement("div", { className: `${g}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${g}__icon` }, /* @__PURE__ */ e.createElement(ws, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, l, c && /* @__PURE__ */ e.createElement("div", { className: `${g}__subtitle` }, c))),
       s && /* @__PURE__ */ e.createElement(
         gt,
         {
           label: ts[s].label,
           size: "sm",
           color: ts[s].color,
-          className: `${p}__badge`
+          className: `${g}__badge`
         }
       ),
-      i && /* @__PURE__ */ e.createElement("div", { className: `${p}__summary` }, i)
+      i && /* @__PURE__ */ e.createElement("div", { className: `${g}__summary` }, i)
     ),
-    r && r.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${p}__links` }, r.map((v, h) => {
+    r && r.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${g}__links` }, r.map((v, h) => {
       const $ = v.type;
       return /* @__PURE__ */ e.createElement(
         $,
         N({
           key: h,
-          className: `${p}__link`
+          className: `${g}__link`
         }, v.props),
         v.props.children,
         v.props.target === "_blank" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -6199,7 +6199,7 @@ const Mt = {
           {
             iconName: "externalLink",
             iconSize: "sm",
-            className: `${p}__link-icon`
+            className: `${g}__link-icon`
           }
         ), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Opens new window"))
       );
@@ -6269,7 +6269,7 @@ const at = ht({}), qn = (s) => {
   buttonCallback: r = null,
   children: i
 }) => {
-  const [l, o] = R(() => qn(s)), [u, m] = R([]), _ = s.length, [p, d] = R("");
+  const [l, o] = R(() => qn(s)), [u, m] = R([]), _ = s.length, [g, d] = R("");
   return /* @__PURE__ */ e.createElement(
     at.Provider,
     {
@@ -6278,7 +6278,7 @@ const at = ht({}), qn = (s) => {
         setCurrentKey: o,
         currentPages: u,
         setCurrentPages: m,
-        pageDirection: p,
+        pageDirection: g,
         setDirection: d,
         itemLength: _,
         pages: s,
@@ -6312,7 +6312,7 @@ const Wt = (h) => {
     required: u = !1,
     selectOptionsLabel: m = "Select an option...",
     showLabel: _ = !0,
-    validationFunction: p,
+    validationFunction: g,
     className: d
   } = $, v = S($, [
     "disabled",
@@ -6329,13 +6329,13 @@ const Wt = (h) => {
     "validationFunction",
     "className"
   ]);
-  const [f, C] = R(!1), [g, b] = R(null), [E, y] = R(a), [w, z] = R(), [x, L] = R(null), V = ee([]), H = "pds-select", { context: I, refs: k } = Ve({
+  const [f, C] = R(!1), [p, b] = R(null), [E, y] = R(a), [w, z] = R(), [x, L] = R(null), V = ee([]), H = "pds-select", { context: I, refs: k } = Ve({
     open: f,
     onOpenChange: C,
     whileElementsMounted: Oe
   }), M = Ie(I, { role: "listbox" }), D = Se(I), W = lt(I, {
     listRef: V,
-    activeIndex: g,
+    activeIndex: p,
     onNavigate: b,
     loop: !0,
     openOnArrowKeyDown: !0
@@ -6367,11 +6367,11 @@ const Wt = (h) => {
   }))(o), G = () => {
     z(""), L(null);
   }, ce = (re) => {
-    const K = p(re) || {};
+    const K = g(re) || {};
     G(), K.error && L("error"), K.success && L("success"), z(K.message);
   }, ne = (re) => {
     const K = U[re];
-    y(K.value), b(null), C(!1), l && l(K), p && ce(K);
+    y(K.value), b(null), C(!1), l && l(K), g && ce(K);
   }, te = /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${H}__trigger-icon` }), me = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${H}__checked-icon` }), ue = U.map((re, K) => /* @__PURE__ */ e.createElement(
     Pt,
     ve(N({
@@ -6389,8 +6389,8 @@ const Wt = (h) => {
         (Y.key === "Enter" || Y.key === " ") && ne(K);
       }
     })), {
-      tabIndex: g === K ? 0 : -1,
-      active: g === K
+      tabIndex: p === K ? 0 : -1,
+      active: p === K
     }),
     re.label,
     E === re.value && me
@@ -6553,7 +6553,7 @@ const Pn = {
       i && (f.preventDefault(), i(C));
     },
     [i, l]
-  ), { title: p, rel: d, srText: v, icon: h, keyModifier: $ } = Pn[n];
+  ), { title: g, rel: d, srText: v, icon: h, keyModifier: $ } = Pn[n];
   return /* @__PURE__ */ e.createElement(
     "li",
     N({
@@ -6562,7 +6562,7 @@ const Pn = {
     /* @__PURE__ */ e.createElement(
       "a",
       {
-        title: p,
+        title: g,
         rel: d,
         href: m[$(l)].link,
         onClick: (f) => {
@@ -6591,8 +6591,8 @@ const jn = (n) => {
     pages: o
   } = Ne(at), u = [];
   return o.forEach((m, _) => {
-    let p = { label: `Page ${_ + 1}`, value: `${_ + 1}` };
-    u.push(p);
+    let g = { label: `Page ${_ + 1}`, value: `${_ + 1}` };
+    u.push(g);
   }), /* @__PURE__ */ e.createElement(
     "nav",
     N({
@@ -6763,7 +6763,7 @@ const Fn = (n) => {
     itemLength: u,
     pageDirection: m,
     pages: _
-  } = Ne(at), p = cs(
+  } = Ne(at), g = cs(
     (v, h) => {
       a && (v.preventDefault(), a(h));
     },
@@ -6791,7 +6791,7 @@ const Fn = (n) => {
       {
         href: d[d.length - 1].link,
         onClick: (v) => {
-          p(v, 0), r(0);
+          g(v, 0), r(0);
         }
       },
       "First"
@@ -6800,7 +6800,7 @@ const Fn = (n) => {
       {
         href: d[d.length - 1].link,
         onClick: (v) => {
-          p(v, u - 1), r(u - 1);
+          g(v, u - 1), r(u - 1);
         }
       },
       "Last"
@@ -6917,10 +6917,10 @@ const Gn = {
       className: [m, i != null ? i : ""].join(" ").trim().replace(/\s+/g, " ")
     }, l),
     n && /* @__PURE__ */ e.createElement("div", { className: `${m}__intro` }, n),
-    s && /* @__PURE__ */ e.createElement("ul", { className: `${m}__list` }, s.map((_, p) => /* @__PURE__ */ e.createElement(
+    s && /* @__PURE__ */ e.createElement("ul", { className: `${m}__list` }, s.map((_, g) => /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: p,
+        key: g,
         className: `${m}__list-item ${m}__list-item--${_.type}`
       },
       /* @__PURE__ */ e.createElement(A, { iconName: Gn[_.type], iconSize: "md" }),
@@ -6945,7 +6945,7 @@ const Gn = {
     selectLabel: u = "Select a plan size",
     statusBadgeType: m,
     className: _
-  } = v, p = S(v, [
+  } = v, g = S(v, [
     "actionPrimary",
     "actionSecondary",
     "hasComparisonList",
@@ -6958,8 +6958,8 @@ const Gn = {
     "statusBadgeType",
     "className"
   ]);
-  const h = "pds-pricing-card", $ = `${h}-container`, f = a ? `${$}--with-list` : null, C = m ? `${h}--${m}` : null, g = (M) => M.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [E, y] = R(
-    g(l[0].label)
+  const h = "pds-pricing-card", $ = `${h}-container`, f = a ? `${$}--with-list` : null, C = m ? `${h}--${m}` : null, p = (M) => M.toLowerCase().replace(/\s/g, "-"), b = l && l.length > 1, [E, y] = R(
+    p(l[0].label)
   ), [w, z] = R(
     s.label
   );
@@ -6981,13 +6981,13 @@ const Gn = {
       renderTypeLabels: !1
     }
   )), b && (x = l.map((M) => {
-    const W = E === g(M.label) ? null : `${h}__pricing-data--hide`;
+    const W = E === p(M.label) ? null : `${h}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
         className: [`${h}__pricing-data`, W].join(" ").trim().replace(/\s+/g, " "),
-        id: `data-${g(M.label)}`,
-        key: g(M.label)
+        id: `data-${p(M.label)}`,
+        key: p(M.label)
       },
       /* @__PURE__ */ e.createElement("div", { className: `${h}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__price` }, M.price), M.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__details` }, M.priceDetails)),
       /* @__PURE__ */ e.createElement("div", { className: `${h}__savings-line` }, M.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
@@ -7001,7 +7001,7 @@ const Gn = {
       ), M.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${h}__savings-details` }, M.savingsDetails))
     );
   }), L = l.map((M) => {
-    const W = E === g(M.label) ? null : `${h}__list--hide`;
+    const W = E === p(M.label) ? null : `${h}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       ss,
       {
@@ -7009,13 +7009,13 @@ const Gn = {
         listLabel: M.listLabel,
         listItems: M.listItems,
         renderTypeLabels: !1,
-        key: `${g(M.label)}-list`
+        key: `${p(M.label)}-list`
       }
     );
   }));
   const V = (M) => {
     const D = l.find(
-      (W) => g(W.label) === M
+      (W) => p(W.label) === M
     );
     return D.customActionLabel ? D.customActionLabel : s.label;
   };
@@ -7028,10 +7028,10 @@ const Gn = {
       label: u,
       showLabel: !1,
       options: l.map((M) => ({
-        value: g(M.label),
+        value: p(M.label),
         label: M.label
       })),
-      initialValue: g(l[0].label),
+      initialValue: p(l[0].label),
       onOptionSelect: (M) => {
         y(M.value), z(V(M.value)), c && c(M.value);
       }
@@ -7078,7 +7078,7 @@ const Gn = {
     "div",
     N({
       className: [$, f, _].join(" ").trim().replace(/\s+/g, " ")
-    }, p),
+    }, g),
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -7189,8 +7189,8 @@ const ns = {
   success: "--pds-color-semantic-success-foreground",
   warning: "--pds-color-semantic-warning-foreground",
   critical: "--pds-color-semantic-critical-foreground"
-}, Yn = (p) => {
-  var d = p, {
+}, Yn = (g) => {
+  var d = g, {
     colorBreakpoints: s = [
       { colorType: "info", percentage: 0 },
       { colorType: "success", percentage: 100 }
@@ -7217,9 +7217,9 @@ const ns = {
     "className"
   ]);
   const v = n || xe(), h = "pds-progress-bar", $ = l ? `${h}__label` : "visually-hidden", f = `${h}__track ${h}__track--${u}`, C = i > 100 ? 100 : i;
-  let g;
+  let p;
   s.forEach((w) => {
-    i >= w.percentage && (g = w.colorType);
+    i >= w.percentage && (p = w.colorType);
   });
   const b = /* @__PURE__ */ e.createElement("div", { className: `${h}__message` }, c), E = c && r === "above", y = c && r === "below";
   return /* @__PURE__ */ e.createElement(
@@ -7234,7 +7234,7 @@ const ns = {
       {
         className: `${h}__percentage`,
         style: {
-          color: `hsl(from var(${ns[g]}) h s calc(l - 7))`
+          color: `hsl(from var(${ns[p]}) h s calc(l - 7))`
         }
       },
       i,
@@ -7254,7 +7254,7 @@ const ns = {
           className: `${h}__bar`,
           style: {
             width: `${C}%`,
-            backgroundColor: `var(${ns[g]})`
+            backgroundColor: `var(${ns[p]})`
           }
         }
       )
@@ -7335,10 +7335,10 @@ const Xn = 3.815, Qn = 4.678, Jn = 5.96, Ls = (m) => {
     "size",
     "className"
   ]);
-  const p = s || xe(), d = "pds-progress-ring", v = r ? `${d}__label` : "visually-hidden", h = `${d}__loading-text ${d}__loading-text--${l}`, $ = (z) => z * 16;
+  const g = s || xe(), d = "pds-progress-ring", v = r ? `${d}__label` : "visually-hidden", h = `${d}__loading-text ${d}__loading-text--${l}`, $ = (z) => z * 16;
   let f = $(Qn), C = 7;
   l === "sm" && (f = $(Xn), C = C / 1.25), l === "lg" && (f = $(Jn), C = C * 1.25);
-  const g = f / 2 - C / 2, b = `${g / 100}rem`, E = 2 * Math.PI * g, y = E - E * c / 100;
+  const p = f / 2 - C / 2, b = `${p / 100}rem`, E = 2 * Math.PI * p, y = E - E * c / 100;
   let w;
   return n ? w = n : i ? w = `${c}%` : w = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -7349,13 +7349,13 @@ const Xn = 3.815, Qn = 4.678, Jn = 5.96, Ls = (m) => {
         "--ring-stroke-dasharray": E
       }
     }, u),
-    /* @__PURE__ */ e.createElement("div", { id: p, className: v }, a),
+    /* @__PURE__ */ e.createElement("div", { id: g, className: v }, a),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${d}__ring`,
         role: "progressbar",
-        "aria-labelledby": p,
+        "aria-labelledby": g,
         "aria-valuenow": c
       },
       /* @__PURE__ */ e.createElement(
@@ -7371,7 +7371,7 @@ const Xn = 3.815, Qn = 4.678, Jn = 5.96, Ls = (m) => {
             className: `${d}__track`,
             cx: f / 2,
             cy: f / 2,
-            r: g,
+            r: p,
             strokeWidth: C
           }
         ),
@@ -7381,7 +7381,7 @@ const Xn = 3.815, Qn = 4.678, Jn = 5.96, Ls = (m) => {
             className: `${d}__progress`,
             cx: f / 2,
             cy: f / 2,
-            r: g,
+            r: p,
             strokeWidth: C,
             strokeDasharray: E,
             strokeDashoffset: y,
@@ -7438,8 +7438,8 @@ Ls.propTypes = {
    */
   className: t.string
 };
-const e1 = (p) => {
-  var d = p, {
+const e1 = (g) => {
+  var d = g, {
     disabled: s = !1,
     id: n,
     initialSelection: a,
@@ -7478,17 +7478,17 @@ const e1 = (p) => {
       message: i,
       required: u
     }, _),
-    /* @__PURE__ */ e.createElement("div", { className: [v].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, o.map((C, g) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: [v].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, o.map((C, p) => /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${v}__option`,
-        key: `${n}-option-${g}`
+        key: `${n}-option-${p}`
       },
       /* @__PURE__ */ e.createElement(
         "input",
         {
           type: "radio",
-          id: `${n}-option-${g}`,
+          id: `${n}-option-${p}`,
           name: n,
           value: C.value,
           required: u,
@@ -7497,7 +7497,7 @@ const e1 = (p) => {
           defaultChecked: h === C.value
         }
       ),
-      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${g}` }, C.label)
+      /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${p}` }, C.label)
     ))))
   );
 };
@@ -7584,12 +7584,12 @@ const t1 = (u) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const [_, p] = R(1025);
-  se(() => (p(window.innerWidth), window.addEventListener("resize", d), () => {
+  const [_, g] = R(1025);
+  se(() => (g(window.innerWidth), window.addEventListener("resize", d), () => {
     window.removeEventListener("resize", d);
   }), []);
   const d = () => {
-    p(window.innerWidth);
+    g(window.innerWidth);
   }, v = _ <= r, h = "pds-side-nav", $ = (b) => {
     const E = b.target;
     E.classList.toggle(`${h}__toggle--expanded`), E.setAttribute(
@@ -7615,7 +7615,7 @@ const t1 = (u) => {
       headingText: n,
       selectTextFallback: i
     }
-  ), g = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${h}__heading` }, n), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, c.map((b, E) => /* @__PURE__ */ e.createElement(
+  ), p = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${h}__heading` }, n), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, c.map((b, E) => /* @__PURE__ */ e.createElement(
     "li",
     {
       key: E,
@@ -7652,7 +7652,7 @@ const t1 = (u) => {
       "aria-label": s,
       className: [h, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
-    v ? C : g
+    v ? C : p
   );
 };
 t1.propTypes = {
@@ -7709,12 +7709,12 @@ const s1 = (u) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const [_, p] = R(1025);
-  se(() => (p(window.innerWidth), window.addEventListener("resize", d), () => {
+  const [_, g] = R(1025);
+  se(() => (g(window.innerWidth), window.addEventListener("resize", d), () => {
     window.removeEventListener("resize", d);
   }), []);
   const d = () => {
-    p(window.innerWidth);
+    g(window.innerWidth);
   }, v = _ <= r, h = "pds-side-nav-compact", $ = (b) => {
     const E = b.target;
     E.classList.toggle(`${h}__toggle--expanded`), E.setAttribute(
@@ -7742,7 +7742,7 @@ const s1 = (u) => {
       headingText: n,
       selectTextFallback: i
     }
-  ), g = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${h}__heading` }, n), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, c.map((b, E) => /* @__PURE__ */ e.createElement(
+  ), p = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${h}__heading` }, n), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, c.map((b, E) => /* @__PURE__ */ e.createElement(
     "li",
     {
       key: E,
@@ -7808,7 +7808,7 @@ const s1 = (u) => {
       "aria-label": s,
       className: [h, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
-    v ? C : g
+    v ? C : p
   );
 };
 s1.propTypes = {
@@ -7864,7 +7864,7 @@ const n1 = (m) => {
     "siteStatus",
     "className"
   ]);
-  const p = "pds-site-card", d = `${s}`;
+  const g = "pds-site-card", d = `${s}`;
   let v = "";
   l === "Active" && (v = "success"), l === "Frozen" && (v = "frozen");
   const h = /* @__PURE__ */ e.createElement(
@@ -7879,10 +7879,10 @@ const n1 = (m) => {
     $,
     N(N({
       "aria-label": `${n} ${r} dashboard`,
-      className: [p, o].join(" ").trim().replace(/\s+/g, " ")
+      className: [g, o].join(" ").trim().replace(/\s+/g, " ")
     }, c.props), u),
-    /* @__PURE__ */ e.createElement("div", { className: `${p}__image` }, /* @__PURE__ */ e.createElement("img", { src: a, alt: "" })),
-    /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__heading` }, /* @__PURE__ */ e.createElement(d, { className: `${p}__site-name pds-ts-l`, title: r }, r), h), /* @__PURE__ */ e.createElement("div", { className: `${p}__plan` }, i))
+    /* @__PURE__ */ e.createElement("div", { className: `${g}__image` }, /* @__PURE__ */ e.createElement("img", { src: a, alt: "" })),
+    /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${g}__heading` }, /* @__PURE__ */ e.createElement(d, { className: `${g}__site-name pds-ts-l`, title: r }, r), h), /* @__PURE__ */ e.createElement("div", { className: `${g}__plan` }, i))
   );
 };
 n1.propTypes = {
@@ -7938,13 +7938,13 @@ const a1 = (i) => {
     "legalLinks",
     "className"
   ]);
-  const o = "pds-site-footer", u = s && s !== "default" ? `pds-container pds-container--${s}` : "pds-container", m = (/* @__PURE__ */ new Date()).getFullYear(), _ = a.includes("privacy"), p = a.includes("dataSubjectRequest"), d = a.includes("cookiePolicy"), v = a.includes("termsOfUse"), h = a.includes("acceptableUse"), $ = a.includes("accessibilityStatement");
+  const o = "pds-site-footer", u = s && s !== "default" ? `pds-container pds-container--${s}` : "pds-container", m = (/* @__PURE__ */ new Date()).getFullYear(), _ = a.includes("privacy"), g = a.includes("dataSubjectRequest"), d = a.includes("cookiePolicy"), v = a.includes("termsOfUse"), h = a.includes("acceptableUse"), $ = a.includes("accessibilityStatement");
   return /* @__PURE__ */ e.createElement(
     "footer",
     N({
       className: [o, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
-    /* @__PURE__ */ e.createElement("div", { className: u }, n && /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${o}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__copyright` }, "© ", m, " Pantheon Systems, Inc."), _ && /* @__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"), v && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), $ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
+    /* @__PURE__ */ e.createElement("div", { className: u }, n && /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${o}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__copyright` }, "© ", m, " Pantheon Systems, Inc."), _ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), g && /* @__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"), v && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), $ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
   );
 };
 a1.propTypes = {
@@ -8057,9 +8057,9 @@ const xt = {
     "variant",
     "className"
   ]);
-  const m = "pds-split-button", _ = `${m}--${r}`, p = s[0], d = s.slice(1);
+  const m = "pds-split-button", _ = `${m}--${r}`, g = s[0], d = s.slice(1);
   let v = null;
-  return p.isLink === !0 ? v = /* @__PURE__ */ e.createElement(
+  return g.isLink === !0 ? v = /* @__PURE__ */ e.createElement(
     Fe,
     {
       className: `${m}__primary-action`,
@@ -8067,17 +8067,17 @@ const xt = {
       variant: r,
       displayType: "label-only",
       disabled: n,
-      linkContent: p.linkContent
+      linkContent: g.linkContent
     }
   ) : v = /* @__PURE__ */ e.createElement(
     tt,
     {
       className: `${m}__primary-action`,
-      label: p.label,
+      label: g.label,
       size: c,
       variant: r,
       disabled: n,
-      onClick: () => p.callback(p)
+      onClick: () => g.callback(g)
     }
   ), /* @__PURE__ */ e.createElement(
     "span",
@@ -8131,8 +8131,8 @@ c1.propTypes = {
 const r1 = (c) => {
   var r = c, { listItems: s, className: n } = r, a = S(r, ["listItems", "className"]);
   const i = "pds-tile-list", l = "pds-tile-list--stats", o = ({ item: u }) => {
-    const { imageSrc: m, stat: _, description: p } = u;
-    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${i}__item` }, m && /* @__PURE__ */ e.createElement("div", { className: `${i}__image` }, /* @__PURE__ */ e.createElement("img", { src: m, alt: "" })), _ && /* @__PURE__ */ e.createElement("dt", { className: `${i}__stat` }, _), p && /* @__PURE__ */ e.createElement("dd", { className: `${i}__description` }, p)), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" }));
+    const { imageSrc: m, stat: _, description: g } = u;
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${i}__item` }, m && /* @__PURE__ */ e.createElement("div", { className: `${i}__image` }, /* @__PURE__ */ e.createElement("img", { src: m, alt: "" })), _ && /* @__PURE__ */ e.createElement("dt", { className: `${i}__stat` }, _), g && /* @__PURE__ */ e.createElement("dd", { className: `${i}__description` }, g)), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" }));
   };
   return /* @__PURE__ */ e.createElement(
     "dl",
@@ -8182,8 +8182,8 @@ const i1 = (r) => {
     "translatableLabels",
     "className"
   ]);
-  const l = "pds-stepper", o = "pds-stepper-mobile", u = ee(), [m] = ft(u), _ = m.width, p = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, d = -40, v = 2, h = 5, $ = s.length, f = s.findLastIndex((b) => b.isCurrent), C = s.map((b, E) => {
-    const y = E + 1, w = E === f, z = E < f, x = b.hasError && w, V = (_ - $ * p) / ($ + ($ - 2)), H = p + V * 2, I = p + V, k = V + d * -1, M = E === 0, D = E === $ - 1;
+  const l = "pds-stepper", o = "pds-stepper-mobile", u = ee(), [m] = ft(u), _ = m.width, g = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, d = -40, v = 2, h = 5, $ = s.length, f = s.findLastIndex((b) => b.isCurrent), C = s.map((b, E) => {
+    const y = E + 1, w = E === f, z = E < f, x = b.hasError && w, V = (_ - $ * g) / ($ + ($ - 2)), H = g + V * 2, I = g + V, k = V + d * -1, M = E === 0, D = E === $ - 1;
     let W = H;
     (M || D) && (W = I);
     const O = `${l}__step`, q = [O];
@@ -8244,7 +8244,7 @@ const i1 = (r) => {
         }
       )
     );
-  }), g = s.map((b, E) => {
+  }), p = s.map((b, E) => {
     const y = E + 1, w = E === f, z = E === $ - 1, x = b.hasError && w, L = s[f + 1] ? s[f + 1].label : null;
     if (w) {
       const V = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), y, " of ", $), H = y / $ * 100, I = x ? {
@@ -8294,7 +8294,7 @@ const i1 = (r) => {
         className: [o, a].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": $
       }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, g)
+      /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)
     ));
 };
 i1.propTypes = {
@@ -8341,13 +8341,13 @@ i1.propTypes = {
 };
 const o1 = (r) => {
   var i = r, { headers: s, rowData: n, className: a } = i, c = S(i, ["headers", "rowData", "className"]);
-  const [l] = R(s), [o, u] = R(n), [m, _] = R({ order: "asc", key: "" }), p = (f) => {
-    u(o.sort((C, g) => C[f].localeCompare(g[f]))), _({ order: "desc", key: f });
+  const [l] = R(s), [o, u] = R(n), [m, _] = R({ order: "asc", key: "" }), g = (f) => {
+    u(o.sort((C, p) => C[f].localeCompare(p[f]))), _({ order: "desc", key: f });
   }, d = (f) => {
-    u(o.sort((C, g) => g[f].localeCompare(C[f]))), _({ order: "asc", key: f });
+    u(o.sort((C, p) => p[f].localeCompare(C[f]))), _({ order: "asc", key: f });
   }, v = (f, C) => {
-    _(ve(N({}, m), { key: C })), m.order === "asc" ? p(C) : d(C);
-  }, h = (f, C) => /* @__PURE__ */ e.createElement("tr", { id: C, key: `table-row-${C}` }, f.map((g, b) => /* @__PURE__ */ e.createElement("td", { key: `${C}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, g)))), $ = "pds-table";
+    _(ve(N({}, m), { key: C })), m.order === "asc" ? g(C) : d(C);
+  }, h = (f, C) => /* @__PURE__ */ e.createElement("tr", { id: C, key: `table-row-${C}` }, f.map((p, b) => /* @__PURE__ */ e.createElement("td", { key: `${C}-cell-${b}` }, /* @__PURE__ */ e.createElement("span", null, p)))), $ = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "table",
     N({
@@ -8357,7 +8357,7 @@ const o1 = (r) => {
       "span",
       {
         className: `${$}__sort-header`,
-        onClick: (g) => v(g, C)
+        onClick: (p) => v(p, C)
       },
       f.title
     ), /* @__PURE__ */ e.createElement(
@@ -8365,7 +8365,7 @@ const o1 = (r) => {
       {
         className: `${$}__sort-button`,
         title: `Sort by ${f.title}`,
-        onClick: (g) => v(g, C)
+        onClick: (p) => v(p, C)
       },
       /* @__PURE__ */ e.createElement(
         "span",
@@ -8413,7 +8413,7 @@ const d1 = (m) => {
     "sourceID",
     "className"
   ]);
-  const p = "pds-toc", d = `${a}`, v = [
+  const g = "pds-toc", d = `${a}`, v = [
     " ",
     "/",
     ".",
@@ -8457,7 +8457,7 @@ const d1 = (m) => {
         title: I
       });
     }), V;
-  }, { nestedHeadings: C } = $(), [g, b] = R();
+  }, { nestedHeadings: C } = $(), [p, b] = R();
   ((L) => {
     const V = ee({});
     se(() => {
@@ -8494,10 +8494,10 @@ const d1 = (m) => {
     });
   }, z = (L, V) => {
     L.preventDefault(), s && y(V), w(V);
-  }, x = ({ headings: L }) => /* @__PURE__ */ e.createElement("ul", { className: `${p}__list ${p}__list--top-level` }, L.map((V) => /* @__PURE__ */ e.createElement("li", { key: V.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
+  }, x = ({ headings: L }) => /* @__PURE__ */ e.createElement("ul", { className: `${g}__list ${g}__list--top-level` }, L.map((V) => /* @__PURE__ */ e.createElement("li", { key: V.id, className: `${g}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
-      className: V.id === g ? `${p}__link ${p}__link--active` : `${p}__link`,
+      className: V.id === p ? `${g}__link ${g}__link--active` : `${g}__link`,
       href: `#${V.id}`,
       onClick: (H) => {
         z(H, V.id);
@@ -8507,12 +8507,12 @@ const d1 = (m) => {
   ), V.items.length > 0 && /* @__PURE__ */ e.createElement(
     "ul",
     {
-      className: `${p}__list ${p}__list--second-level`
+      className: `${g}__list ${g}__list--second-level`
     },
-    V.items.map((H) => /* @__PURE__ */ e.createElement("li", { key: H.id, className: `${p}__list-item` }, /* @__PURE__ */ e.createElement(
+    V.items.map((H) => /* @__PURE__ */ e.createElement("li", { key: H.id, className: `${g}__list-item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        className: H.id === g ? `${p}__link ${p}__link--active` : `${p}__link`,
+        className: H.id === p ? `${g}__link ${g}__link--active` : `${g}__link`,
         href: `#${H.id}`,
         onClick: (I) => {
           z(I, H.id);
@@ -8527,16 +8527,16 @@ const d1 = (m) => {
     "nav",
     N({
       "aria-label": n,
-      className: [p, o].join(" ").trim().replace(/\s+/g, " ")
+      className: [g, o].join(" ").trim().replace(/\s+/g, " ")
     }, u),
     c && /* @__PURE__ */ e.createElement(
       d,
       {
-        className: `${p}__heading ${i ? null : "visually-hidden"}`
+        className: `${g}__heading ${i ? null : "visually-hidden"}`
       },
       c
     ),
-    /* @__PURE__ */ e.createElement(x, { headings: C, activeID: g })
+    /* @__PURE__ */ e.createElement(x, { headings: C, activeID: p })
   );
 };
 d1.propTypes = {
@@ -8592,12 +8592,12 @@ const W1 = (u) => {
     "tabs",
     "className"
   ]);
-  const _ = "pds-tabs", p = r != "md" ? `${_}--${r}` : "", [d, v] = R(c != null ? c : a);
+  const _ = "pds-tabs", g = r != "md" ? `${_}--${r}` : "", [d, v] = R(c != null ? c : a);
   se(() => {
     c !== void 0 && v(c);
   }, [c]);
-  const h = (g) => {
-    const b = g.currentTarget.getAttribute("data-tabnumber");
+  const h = (p) => {
+    const b = p.currentTarget.getAttribute("data-tabnumber");
     if (b) {
       const E = parseInt(b, 10);
       v(E);
@@ -8606,20 +8606,20 @@ const W1 = (u) => {
   se(() => {
     s(d);
   }, [d, s]), se(() => {
-    const g = $.current.length - 1;
-    if (d > g) {
+    const p = $.current.length - 1;
+    if (d > p) {
       v(0);
       return;
     } else if (d < 0) {
-      v(g);
+      v(p);
       return;
     }
   }, [d]);
-  const f = (g, b) => {
+  const f = (p, b) => {
     const E = d;
     let y = $.current[b === "next" ? E + 1 < $.current.length ? E + 1 : 0 : E - 1 >= 0 ? E - 1 : $.current.length - 1];
-    y || (y = b == "next" ? $.current[g + 1] == null ? $.current[0] : $.current[g + 1] : $.current[g - 1]), y.focus();
-  }, C = (g) => {
+    y || (y = b == "next" ? $.current[p + 1] == null ? $.current[0] : $.current[p + 1] : $.current[p - 1]), y.focus();
+  }, C = (p) => {
     const b = $.current.length, E = () => {
       f((d + 1) % b, "next"), v(d + 1);
     }, y = () => {
@@ -8637,13 +8637,13 @@ const W1 = (u) => {
       End: z,
       Space: x,
       Enter: x
-    }[g.code];
-    V && (g.preventDefault(), V());
+    }[p.code];
+    V && (p.preventDefault(), V());
   };
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: [_, p, l].join(" ").trim().replace(/\s+/g, " ")
+      className: [_, g, l].join(" ").trim().replace(/\s+/g, " ")
     },
     /* @__PURE__ */ e.createElement(
       "div",
@@ -8653,7 +8653,7 @@ const W1 = (u) => {
         "aria-label": n,
         "aria-orientation": "horizontal"
       },
-      i.map(({ disabled: g, icon: b, tabId: E, tabLabel: y }, w) => /* @__PURE__ */ e.createElement(
+      i.map(({ disabled: p, icon: b, tabId: E, tabLabel: y }, w) => /* @__PURE__ */ e.createElement(
         "button",
         {
           className: `${_}__tab`,
@@ -8665,16 +8665,16 @@ const W1 = (u) => {
             z.preventDefault(), C(z);
           },
           key: y,
-          ref: (z) => g ? null : $.current[w] = z,
+          ref: (z) => p ? null : $.current[w] = z,
           "aria-controls": `tabpanel_${w}`,
           tabIndex: d === w ? 1 : -1,
-          "aria-disabled": !!g,
-          onClick: g ? null : h
+          "aria-disabled": !!p,
+          onClick: p ? null : h
         },
         /* @__PURE__ */ e.createElement("div", { key: b, className: `${_}__tab-text` }, b ? /* @__PURE__ */ e.createElement(A, { iconName: b, iconSize: r }) : null, " ", y)
       ))
     ),
-    i.map(({ tabLabel: g, icon: b, disabled: E, panelContent: y }, w) => /* @__PURE__ */ e.createElement(
+    i.map(({ tabLabel: p, icon: b, disabled: E, panelContent: y }, w) => /* @__PURE__ */ e.createElement(
       "div",
       N({
         className: `${_}__panel`,
@@ -8690,14 +8690,14 @@ const W1 = (u) => {
           "aria-selected": w == d,
           role: "tab",
           "data-tabnumber": w,
-          key: g,
+          key: p,
           onKeyDown: C,
           "aria-disabled": !!E,
           "aria-controls": `tabpanel_${w}`,
           tabIndex: d === w ? 1 : -1,
           onClick: E ? null : h
         },
-        /* @__PURE__ */ e.createElement("div", { key: b, className: `${_}__tab-text` }, b ? /* @__PURE__ */ e.createElement(A, { iconSize: "md", iconName: b }) : null, " ", g),
+        /* @__PURE__ */ e.createElement("div", { key: b, className: `${_}__tab-text` }, b ? /* @__PURE__ */ e.createElement(A, { iconSize: "md", iconName: b }) : null, " ", p),
         w == d ? /* @__PURE__ */ e.createElement(
           A,
           {
@@ -8738,7 +8738,7 @@ const W1 = (u) => {
     onChange: u,
     placeholder: m,
     readonly: _ = !1,
-    required: p = !1,
+    required: g = !1,
     rows: d = 5,
     validationFunction: v,
     className: h
@@ -8759,20 +8759,20 @@ const W1 = (u) => {
     "validationFunction",
     "className"
   ]);
-  const [g, b] = R(c), [E, y] = R(s("")), [w, z] = R(), [x, L] = R(null), V = ee(null), H = "pds-textarea", I = i ? "pds-is-resizable" : null;
+  const [p, b] = R(c), [E, y] = R(s("")), [w, z] = R(), [x, L] = R(null), V = ee(null), H = "pds-textarea", I = i ? "pds-is-resizable" : null;
   se(() => {
     c && s && y(s(c));
   }, []);
   const k = () => {
     z(""), L(null);
   }, M = (O) => {
-    b(O.target.value), k(), s && y(s(O.target.value)), u && u(g);
+    b(O.target.value), k(), s && y(s(O.target.value)), u && u(p);
   }, D = (O) => {
     if (v) {
       const q = v(O.target.value) || {};
       k(), q.error && L("error"), q.success && L("success"), z(q.message);
     }
-    u && u(g);
+    u && u(p);
   }, W = w || o;
   return /* @__PURE__ */ e.createElement(
     Re,
@@ -8785,7 +8785,7 @@ const W1 = (u) => {
       label: l,
       message: W,
       readonly: _,
-      required: p,
+      required: g,
       validationState: x
     }, $),
     E && /* @__PURE__ */ e.createElement("div", { className: `pds-input__counter ${H}__counter` }, E),
@@ -8796,10 +8796,10 @@ const W1 = (u) => {
         id: a,
         name: a,
         placeholder: m,
-        required: p,
+        required: g,
         readOnly: _,
         disabled: n,
-        value: g,
+        value: p,
         rows: d,
         onChange: M,
         onBlur: D,
@@ -8933,11 +8933,11 @@ const u1 = (r) => {
     "summary",
     "className"
   ]);
-  const _ = "pds-tile", p = `${_}--${s}`, d = `${n}`;
+  const _ = "pds-tile", g = `${_}--${s}`, d = `${n}`;
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     N({
-      className: [_, p, l].join(" ").trim().replace(/\s+/g, " ")
+      className: [_, g, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
     c && /* @__PURE__ */ e.createElement("div", { className: `${_}__image` }, /* @__PURE__ */ e.createElement("img", { src: c, alt: "" })),
     a && /* @__PURE__ */ e.createElement(d, { className: `${_}__heading pds-ts-xl` }, a),
@@ -9184,16 +9184,16 @@ const h1 = (o) => {
     "onChange",
     "options"
   ]);
-  const m = "pds-toggle-button", _ = "pds-is-disabled", p = ee([m]), [d, v] = R(a), h = (f) => {
+  const m = "pds-toggle-button", _ = "pds-is-disabled", g = ee([m]), [d, v] = R(a), h = (f) => {
     v(f.target.value), r && r(f.target.value);
   };
   if ((() => {
-    p.current = p.current.filter((f) => f !== _);
-  })(), s && p.current.push(_), i.length === 2)
+    g.current = g.current.filter((f) => f !== _);
+  })(), s && g.current.push(_), i.length === 2)
     return /* @__PURE__ */ e.createElement(
       "fieldset",
       N({
-        className: p.current.join(" ").trim(),
+        className: g.current.join(" ").trim(),
         id: n
       }, l),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
@@ -9286,7 +9286,7 @@ const f1 = (v) => {
     showStatusLabel: u = !0,
     statusOnLabel: m = "On",
     statusOffLabel: _ = "Off",
-    className: p
+    className: g
   } = h, d = S(h, [
     "disabled",
     "id",
@@ -9301,7 +9301,7 @@ const f1 = (v) => {
     "statusOffLabel",
     "className"
   ]);
-  const $ = "pds-toggle-switch", [f, C] = R(!1), g = (y) => {
+  const $ = "pds-toggle-switch", [f, C] = R(!1), p = (y) => {
     C(!f), i && i(y.target);
   };
   let b = f === !0 ? m : _, E;
@@ -9336,7 +9336,7 @@ const f1 = (v) => {
   )), /* @__PURE__ */ e.createElement(
     Re,
     N({
-      className: p,
+      className: g,
       disabled: s,
       id: n,
       inputWidth: a,
@@ -9355,7 +9355,7 @@ const f1 = (v) => {
         role: "switch",
         disabled: s,
         "aria-checked": f,
-        onClick: g
+        onClick: p
       },
       E
     ))
@@ -9429,18 +9429,18 @@ const b1 = (u) => {
     "withinNavbar",
     "className"
   ]);
-  const [_, p] = R(null), [d, v] = R(!1), h = ee([]), $ = ee([]);
+  const [_, g] = R(null), [d, v] = R(!1), h = ee([]), $ = ee([]);
   let f = !1;
   const C = Ne(De);
   C && (f = C.isMobile);
-  const g = i && f, b = "pds-user-menu", E = g ? `${b}--isMobile` : null, y = `${b}__menu`, { refs: w, floatingStyles: z, context: x } = Ve({
+  const p = i && f, b = "pds-user-menu", E = p ? `${b}--isMobile` : null, y = `${b}__menu`, { refs: w, floatingStyles: z, context: x } = Ve({
     open: d,
     onOpenChange: v,
     whileElementsMounted: Oe
   }), L = nt(x, { event: "mousedown" }), V = Se(x), H = Ie(x, { role: "menu" }), I = ee([]), k = lt(x, {
     listRef: I,
     activeIndex: _,
-    onNavigate: p,
+    onNavigate: g,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnOpen: !1,
@@ -9486,7 +9486,7 @@ const b1 = (u) => {
       iconSize: "md",
       className: `${b}__trigger-icon`
     }
-  ), j = /* @__PURE__ */ e.createElement("li", { className: `${b}__user-details`, role: "presentation" }, g ? null : /* @__PURE__ */ e.createElement("div", { className: `${b}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${b}__user-email` }, a)), U = n.map((te, me) => {
+  ), j = /* @__PURE__ */ e.createElement("li", { className: `${b}__user-details`, role: "presentation" }, p ? null : /* @__PURE__ */ e.createElement("div", { className: `${b}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${b}__user-email` }, a)), U = n.map((te, me) => {
     const ue = h.current[me];
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -9561,7 +9561,7 @@ const b1 = (u) => {
     N({
       className: [b, E, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
-    g ? ne : G
+    p ? ne : G
   );
 };
 b1.propTypes = {
@@ -9649,14 +9649,14 @@ const Z1 = () => {
       inputWidth: u,
       label: m,
       message: _,
-      onBlur: p,
+      onBlur: g,
       onChange: d,
       onClear: v,
       onFocus: h,
       placeholder: $,
       readonly: f = !1,
       required: C = !1,
-      showLabel: g = !0,
+      showLabel: p = !0,
       showVisibilityToggle: b = !1,
       translationStrings: E = {
         clearButton: "Clear input text",
@@ -9705,7 +9705,7 @@ const Z1 = () => {
     const T = w || _, j = typeof x != "undefined", U = typeof a != "undefined", [G, ce] = R(
       U ? a : ""
     ), ne = x || G, te = (K) => {
-      b && J && fe(!1), p && p(K);
+      b && J && fe(!1), g && g(K);
     }, me = (K) => {
       j || ce(K.target.value), d && d(K);
     }, ue = () => {
@@ -9738,7 +9738,7 @@ const Z1 = () => {
         {
           id: l,
           label: m,
-          showLabel: g,
+          showLabel: p,
           required: C,
           disabled: c
         }
@@ -9814,8 +9814,8 @@ const Z1 = () => {
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, E1 = (p) => {
-  var d = p, {
+}, E1 = (g) => {
+  var d = g, {
     ariaLabel: s = "Workspace selector menu",
     createWorkspaceLink: n,
     filterPlaceholder: a = "Find workspace...",
@@ -9838,7 +9838,7 @@ const Z1 = () => {
     "workspaceList",
     "className"
   ]);
-  const [v, h] = R(!1), [$, f] = R(null), [C, g] = R(u), b = ee([]), E = ee(null), y = u.length >= i;
+  const [v, h] = R(!1), [$, f] = R(null), [C, p] = R(u), b = ee([]), E = ee(null), y = u.length >= i;
   let w = !1;
   const z = Ne(De);
   z && (w = z.isMobile);
@@ -9875,13 +9875,13 @@ const Z1 = () => {
   G || (G = u[0]);
   const ce = (Y) => {
     const { value: pe } = Y.target, ye = u.filter((Q) => Q.displayName.toLowerCase().includes(pe.toLowerCase()));
-    g(ye);
+    p(ye);
   };
   se(() => {
     const Y = u.map((pe) => ve(N({}, pe), {
       isActive: pe.isActive
     }));
-    g(Y);
+    p(Y);
   }, [u]);
   const ne = (Y) => {
     Y.preventDefault(), Y.key === "Enter" && b.current[$].querySelector("a").click(), Y.key === "Tab" && (Y.shiftKey ? y ? document.getElementById("workspace-filter").focus() : h(!1) : n ? E.current.querySelector("a").focus() : h(!1));
@@ -9911,7 +9911,7 @@ const Z1 = () => {
     _1,
     {
       hasClearButton: !0,
-      onClear: () => g(u),
+      onClear: () => p(u),
       id: "workspace-filter",
       label: c,
       onChange: ce,
@@ -10119,7 +10119,7 @@ const U1 = (i) => {
     "typeLabels",
     "className"
   ]);
-  const o = "pds-tally", u = `${o}--${n}`, _ = ["critical", "warning"].includes(n) ? "alert" : "status", p = `${a[n]} notifications: `;
+  const o = "pds-tally", u = `${o}--${n}`, _ = ["critical", "warning"].includes(n) ? "alert" : "status", g = `${a[n]} notifications: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     ve(N({
@@ -10127,7 +10127,7 @@ const U1 = (i) => {
     }, r), {
       role: _
     }),
-    /* @__PURE__ */ e.createElement("div", { className: `${o}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), s)
+    /* @__PURE__ */ e.createElement("div", { className: `${o}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), s)
   );
 }, G1 = (u) => {
   var m = u, {
@@ -10147,30 +10147,30 @@ const U1 = (i) => {
     "options",
     "className"
   ]);
-  const _ = "pds-segmented-button", p = "pds-is-disabled", d = ee([_]), [v, h] = R(a), $ = (C) => {
+  const _ = "pds-segmented-button", g = "pds-is-disabled", d = ee([_]), [v, h] = R(a), $ = (C) => {
     h(C.target.value), r && r(C.target.value);
   };
   if ((() => {
-    d.current = d.current.filter((C) => C !== p);
-  })(), s && d.current.push(p), i.length >= 2 && i.length <= 6)
+    d.current = d.current.filter((C) => C !== g);
+  })(), s && d.current.push(g), i.length >= 2 && i.length <= 6)
     return /* @__PURE__ */ e.createElement(
       "fieldset",
       N({
         className: [_, l != null ? l : ""].join(" ").trim().replace(/\s+/g, " ")
       }, o),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
-      /* @__PURE__ */ e.createElement("div", { className: `${_}__options` }, i.map((C, g) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${_}__options` }, i.map((C, p) => /* @__PURE__ */ e.createElement(
         "div",
         {
           className: `${_}__option`,
-          key: `${n}-option-${g}`
+          key: `${n}-option-${p}`
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             className: "visually-hidden",
             type: "radio",
-            id: `${n}-option-${g}`,
+            id: `${n}-option-${p}`,
             name: n,
             value: C.value,
             disabled: s,
@@ -10178,7 +10178,7 @@ const U1 = (i) => {
             defaultChecked: v === C.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${g}` }, C.iconName && /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: `${n}-option-${p}` }, C.iconName && /* @__PURE__ */ e.createElement(
           A,
           {
             iconName: C.iconName,
@@ -10244,14 +10244,14 @@ const U1 = (i) => {
       message: u,
       name: m,
       nestingLevel: _ = 0,
-      onBlur: p,
+      onBlur: g,
       onChange: d,
       onFocus: v,
       required: h,
       validationMessage: $,
       validationStatus: f,
       value: C,
-      className: g
+      className: p
     } = w, b = S(w, [
       "checked",
       "defaultChecked",
@@ -10307,7 +10307,7 @@ const U1 = (i) => {
           H,
           I,
           k,
-          g != null ? g : ""
+          p != null ? p : ""
         ].join(" ").trim().replace(/\s+/g, " "),
         style: l ? z : null
       }, b),
@@ -10323,7 +10323,7 @@ const U1 = (i) => {
         }, C ? { value: C } : {}), {
           disabled: a,
           required: h,
-          onBlur: p,
+          onBlur: g,
           onChange: Z,
           onFocus: v,
           "aria-invalid": f === "error" ? !0 : null,
@@ -10361,7 +10361,7 @@ const U1 = (i) => {
     showLabel: u = !0,
     validationMessage: m,
     validationStatus: _,
-    className: p
+    className: g
   } = h, d = S(h, [
     "children",
     "disabled",
@@ -10376,17 +10376,17 @@ const U1 = (i) => {
     "validationStatus",
     "className"
   ]);
-  const $ = r ? { width: `${r / 16}rem` } : null, f = "pds-checkbox-group", C = n ? he.disabled : null, g = o && !n ? he.required : null, b = _ === "error" ? he.error : null, E = _ === "success" ? he.success : null, y = m || l;
+  const $ = r ? { width: `${r / 16}rem` } : null, f = "pds-checkbox-group", C = n ? he.disabled : null, p = o && !n ? he.required : null, b = _ === "error" ? he.error : null, E = _ === "success" ? he.success : null, y = m || l;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [
         f,
         C,
-        g,
+        p,
         b,
         E,
-        p != null ? p : ""
+        g != null ? g : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: r ? $ : null
     }, d),
@@ -10425,7 +10425,7 @@ const U1 = (i) => {
     options: u,
     required: m = !1,
     showLabel: _ = !0,
-    validationMessage: p,
+    validationMessage: g,
     validationStatus: d,
     className: v
   } = f, h = S(f, [
@@ -10444,7 +10444,7 @@ const U1 = (i) => {
     "validationStatus",
     "className"
   ]);
-  const C = c ? { width: `${c / 16}rem` } : null, g = "pds-checkbox-group", b = s ? he.disabled : null, E = m && !s ? he.required : null, y = d === "error" ? he.error : null, w = d === "success" ? he.success : null, z = p || i;
+  const C = c ? { width: `${c / 16}rem` } : null, p = "pds-checkbox-group", b = s ? he.disabled : null, E = m && !s ? he.required : null, y = d === "error" ? he.error : null, w = d === "success" ? he.success : null, z = g || i;
   u.map((k) => {
     k.id || (k.id = k.value);
   });
@@ -10468,7 +10468,7 @@ const U1 = (i) => {
     "div",
     N({
       className: [
-        g,
+        p,
         b,
         E,
         y,
@@ -10477,7 +10477,7 @@ const U1 = (i) => {
       ].join(" ").trim().replace(/\s+/g, " "),
       style: c ? C : null
     }, h),
-    /* @__PURE__ */ e.createElement("fieldset", N({ className: `${g}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("fieldset", N({ className: `${p}__fieldset`, id: a }, n), /* @__PURE__ */ e.createElement(
       _t,
       {
         disabled: s,
@@ -10487,7 +10487,7 @@ const U1 = (i) => {
         required: m,
         showLabel: _
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${g}__options` }, u.map((k) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${p}__options` }, u.map((k) => /* @__PURE__ */ e.createElement(
       $1,
       {
         key: k.id,
@@ -10497,7 +10497,7 @@ const U1 = (i) => {
         name: k.name,
         value: k.value,
         disabled: k.disabled || s,
-        className: `${g}__checkbox`,
+        className: `${p}__checkbox`,
         onChange: H,
         onBlur: I
       }
@@ -10507,7 +10507,7 @@ const U1 = (i) => {
       {
         id: a,
         message: z,
-        hasValidationMessage: !!p,
+        hasValidationMessage: !!g,
         validationMessageHasDecorators: !0,
         validationStatus: d
       }
@@ -10553,8 +10553,8 @@ const U1 = (i) => {
   },
   /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "sm" })
 )), J1 = Ze(
-  (g, C) => {
-    var b = g, {
+  (p, C) => {
+    var b = p, {
       checked: s,
       defaultChecked: n,
       disabled: a = !1,
@@ -10566,7 +10566,7 @@ const U1 = (i) => {
       message: u,
       offLabel: m = "Off",
       onChange: _,
-      onLabel: p = "On",
+      onLabel: g = "On",
       required: d = !1,
       showLabel: v = !0,
       showStatusLabel: h = !0,
@@ -10589,7 +10589,7 @@ const U1 = (i) => {
       "showStatusLabel",
       "className"
     ]);
-    const E = vs(i), y = "pds-switch", w = a ? he.disabled : null, z = d && !a ? he.required : null, x = typeof s != "undefined", L = o == "below", V = o == "right", H = !x && n ? n : !1, [I, k] = R(H), M = s || I ? p : m, D = (B) => {
+    const E = vs(i), y = "pds-switch", w = a ? he.disabled : null, z = d && !a ? he.required : null, x = typeof s != "undefined", L = o == "below", V = o == "right", H = !x && n ? n : !1, [I, k] = R(H), M = s || I ? g : m, D = (B) => {
       x || k(B.target.checked), _ && _(B);
     }, W = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -10677,7 +10677,7 @@ const U1 = (i) => {
     "title",
     "className"
   ]);
-  const p = "pds-modal", d = i !== "md" ? `${p}--${i}` : null, [v, h] = R(c);
+  const g = "pds-modal", d = i !== "md" ? `${g}--${i}` : null, [v, h] = R(c);
   se(() => {
     h(c);
   }, [c]), se(() => {
@@ -10686,9 +10686,9 @@ const U1 = (i) => {
   const { refs: $, context: f, floatingStyles: C } = Ve({
     open: v,
     onOpenChange: h
-  }), g = nt(f), b = Se(f, {
+  }), p = nt(f), b = Se(f, {
     outsidePressEvent: "mousedown"
-  }), E = Ie(f), { getFloatingProps: y } = Te([g, b, E]), { isMounted: w, styles: z } = Ue(f, {
+  }), E = Ie(f), { getFloatingProps: y } = Te([p, b, E]), { isMounted: w, styles: z } = Ue(f, {
     duration: {
       open: 300,
       close: 300
@@ -10722,7 +10722,7 @@ const U1 = (i) => {
         ref: $.setFloating,
         "aria-label": s || l
       }, y()), {
-        className: [p, d, o].join(" ").trim().replace(/\s+/g, " "),
+        className: [g, d, o].join(" ").trim().replace(/\s+/g, " "),
         style: ve(N(N({}, C), z), {
           position: "relative"
         })
@@ -10731,14 +10731,14 @@ const U1 = (i) => {
         "button",
         {
           onClick: () => h(!1),
-          className: `${p}__close`,
+          className: `${g}__close`,
           type: "button"
         },
         /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"),
         /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "xl" })
       ),
-      /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, l),
-      /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, n)
+      /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, l),
+      /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, n)
     ))
   ));
 }, St = {
@@ -10795,7 +10795,7 @@ const U1 = (i) => {
   critical: "diamondExclamation",
   discovery: "squareQuestion"
 }, s2 = (_) => {
-  var p = _, {
+  var g = _, {
     dismissLabel: s = "Dismiss",
     id: n,
     isDismissible: a,
@@ -10811,7 +10811,7 @@ const U1 = (i) => {
       discovery: "Discovery"
     },
     className: u
-  } = p, m = S(p, [
+  } = g, m = S(g, [
     "dismissLabel",
     "id",
     "isDismissible",
@@ -10831,7 +10831,7 @@ const U1 = (i) => {
     discovery: `${v}--discovery`,
     dismissing: `${v}--dismissing`,
     dismissed: `${v}--dismissed`
-  }, $ = i ? `${v}--hasTitle` : null, C = ["critical", "warning"].includes(l) ? "alert" : "status", g = `${o[l]}: `, b = () => {
+  }, $ = i ? `${v}--hasTitle` : null, C = ["critical", "warning"].includes(l) ? "alert" : "status", p = `${o[l]}: `, b = () => {
     d.current.addEventListener("animationend", E, {
       once: !0
     });
@@ -10856,7 +10856,7 @@ const U1 = (i) => {
         iconName: `${l}` in It ? It[l] : It.info,
         iconSize: "md"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), i && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, i), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, r))),
+    )), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, i), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, r))),
     a && /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -10906,7 +10906,7 @@ const U1 = (i) => {
     popoverIsOpen: m = !1,
     setPopoverIsOpen: _ = () => {
     },
-    className: p
+    className: g
   } = h, d = S(h, [
     "content",
     "customTrigger",
@@ -10928,9 +10928,9 @@ const U1 = (i) => {
   }, [m]), se(() => {
     _($);
   }, [$]);
-  const C = typeof n, g = "pds-popover", b = [
-    `${g}__trigger-custom`,
-    C === "string" ? `${g}__trigger-text` : ""
+  const C = typeof n, p = "pds-popover", b = [
+    `${p}__trigger-custom`,
+    C === "string" ? `${p}__trigger-text` : ""
   ].join(" ").trim().replace(/\s+/g, " "), E = n ? c : 0, y = ee(null), { refs: w, floatingStyles: z, context: x, middlewareData: L } = Ve({
     placement: i,
     open: $,
@@ -10966,19 +10966,19 @@ const U1 = (i) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
-      className: [g, p].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, g].join(" ").trim().replace(/\s+/g, " ")
     }, d),
     /* @__PURE__ */ e.createElement(
       "span",
       N({
-        className: `${g}__trigger`,
+        className: `${p}__trigger`,
         ref: w.setReference
       }, M()),
       n ? /* @__PURE__ */ e.createElement("span", { className: b }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), /* @__PURE__ */ e.createElement(
         A,
         {
           iconName: o,
-          className: `${g}__icon`,
+          className: `${p}__icon`,
           iconSize: "md"
         }
       ))
@@ -10986,7 +10986,7 @@ const U1 = (i) => {
     Z && /* @__PURE__ */ e.createElement(ms, { context: x, modal: !1 }, /* @__PURE__ */ e.createElement(
       "div",
       N({
-        className: `${g}__container`,
+        className: `${p}__container`,
         ref: w.setFloating,
         style: z
       }, D()),
@@ -11001,10 +11001,10 @@ const U1 = (i) => {
           fill: "var(--pds-color-background-default)",
           stroke: "var(--pds-color-border-default)",
           strokeWidth: 1,
-          className: `${g}__arrow`
+          className: `${p}__arrow`
         }
       ),
-      /* @__PURE__ */ e.createElement("div", { className: `${g}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${g}__title` }, l), s && /* @__PURE__ */ e.createElement("div", { className: `${g}__content` }, s), a && /* @__PURE__ */ e.createElement("button", { onClick: V, className: `${g}__close` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"), /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "lg" })))
+      /* @__PURE__ */ e.createElement("div", { className: `${p}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, l), s && /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, s), a && /* @__PURE__ */ e.createElement("button", { onClick: V, className: `${p}__close` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"), /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "lg" })))
     ))
   );
 }, l2 = (l) => {
@@ -11106,15 +11106,15 @@ const k1 = (s) => {
     "tagLabel",
     "className"
   ]);
-  const [_, p] = R(!0), d = "pds-tag", v = r ? `${d}--${r}` : `${d}--${k1(i)}`, h = _ ? null : "pds-tag--hide", $ = () => {
-    p((b) => !b);
+  const [_, g] = R(!0), d = "pds-tag", v = r ? `${d}--${r}` : `${d}--${k1(i)}`, h = _ ? null : "pds-tag--hide", $ = () => {
+    g((b) => !b);
   };
-  let f, C, g;
-  return s && !n && Ps(s) ? (f = s.type, C = s.props.href ? "href" : "to", g = C === "href" ? s.props.href : s.props.to) : (f = "span", C = null, g = null), /* @__PURE__ */ e.createElement(
+  let f, C, p;
+  return s && !n && Ps(s) ? (f = s.type, C = s.props.href ? "href" : "to", p = C === "href" ? s.props.href : s.props.to) : (f = "span", C = null, p = null), /* @__PURE__ */ e.createElement(
     f,
     N({
-      href: C === "href" ? g : null,
-      to: C === "to" ? g : null,
+      href: C === "href" ? p : null,
+      to: C === "to" ? p : null,
       className: [d, v, h, l].join(" ").trim().replace(/\s+/g, " ")
     }, o),
     /* @__PURE__ */ e.createElement("span", { className: `${d}__label`, title: i }, H1(i, 20)),
@@ -11139,7 +11139,7 @@ const k1 = (s) => {
     ) : null
   );
 }, L1 = (_) => {
-  var p = _, {
+  var g = _, {
     alignContent: s,
     alignItems: n,
     flexDirection: a,
@@ -11149,7 +11149,7 @@ const k1 = (s) => {
     spacing: l = "standard",
     children: o,
     className: u
-  } = p, m = S(p, [
+  } = g, m = S(g, [
     "alignContent",
     "alignItems",
     "flexDirection",
@@ -11160,7 +11160,7 @@ const k1 = (s) => {
     "children",
     "className"
   ]);
-  const d = "pds-flex", v = l ? `${d}-gap--${l}` : null, h = a ? `${d}-direction--${a}` : null, $ = c ? `${d}--${c}` : null, f = r ? `${d}-justify--${r}` : null, C = n ? `${d}-align-items--${n}` : null, g = s ? `${d}-align-content--${s}` : null, b = i && i !== "same" ? `${d}-mobile--${i}` : null;
+  const d = "pds-flex", v = l ? `${d}-gap--${l}` : null, h = a ? `${d}-direction--${a}` : null, $ = c ? `${d}--${c}` : null, f = r ? `${d}-justify--${r}` : null, C = n ? `${d}-align-items--${n}` : null, p = s ? `${d}-align-content--${s}` : null, b = i && i !== "same" ? `${d}-mobile--${i}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
@@ -11171,7 +11171,7 @@ const k1 = (s) => {
         $,
         f,
         C,
-        g,
+        p,
         b,
         u
       ].join(" ").trim().replace(/\s+/g, " ")
@@ -11251,7 +11251,7 @@ const i2 = ({
   se(() => (_(window.innerWidth), window.addEventListener("resize", h), () => {
     window.removeEventListener("resize", h);
   }), []);
-  const p = "pds-sidebar-layout", d = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, v = `${p}--${a}`, h = () => {
+  const g = "pds-sidebar-layout", d = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, v = `${g}--${a}`, h = () => {
     _(window.innerWidth);
   }, $ = {};
   e.Children.forEach(s, (w) => {
@@ -11260,26 +11260,26 @@ const i2 = ({
   });
   let f = "pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", C = "pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
   r === "narrow" && (f = "pds-grid-item--md-9 pds-grid-item--lg-10", C = "pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (f = "pds-grid-item--md-7 pds-grid-item--lg-8", C = "pds-grid-item--md-5 pds-grid-item--lg-4");
-  const g = /* @__PURE__ */ e.createElement(
+  const p = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "1",
-      className: `${p}__content pds-grid-item pds-grid-item--sm-4 ${f}`
+      className: `${g}__content pds-grid-item pds-grid-item--sm-4 ${f}`
     },
     $.content
   ), b = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "2",
-      className: `${p}__side pds-grid-item pds-grid-item--sm-4 ${C}`
+      className: `${g}__side pds-grid-item pds-grid-item--sm-4 ${C}`
     },
     $.sidebar
   ), E = m < 641;
   let y = [];
-  return a === "left" && c === "before" && (y = [b, g]), a === "left" && c === "after" && (y = E ? [g, b] : [b, g]), a === "right" && c === "before" && (y = E ? [b, g] : [g, b]), a === "right" && c === "after" && (y = [g, b]), /* @__PURE__ */ e.createElement(
+  return a === "left" && c === "before" && (y = [b, p]), a === "left" && c === "after" && (y = E ? [p, b] : [b, p]), a === "right" && c === "before" && (y = E ? [b, p] : [p, b]), a === "right" && c === "after" && (y = [p, b]), /* @__PURE__ */ e.createElement(
     "div",
     N({
-      className: [p, d, v, i].join(" ").trim().replace(/\s+/g, " ")
+      className: [g, d, v, i].join(" ").trim().replace(/\s+/g, " ")
     }, l),
     y
   );
@@ -11322,21 +11322,21 @@ const M1 = (c) => {
     "--pds-stepper-layout-max-width",
     _ + "px"
   );
-  const p = "pds-stepper-layout";
+  const g = "pds-stepper-layout";
   return /* @__PURE__ */ e.createElement(
     Je,
     N({
-      className: [p, n].join(" ").trim().replace(/\s+/g, " ")
+      className: [g, n].join(" ").trim().replace(/\s+/g, " ")
     }, a),
     l && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${p}__stepper-container`,
+        className: `${g}__stepper-container`,
         ref: u
       },
       l
     ),
-    o && /* @__PURE__ */ e.createElement("div", { className: `${p}__form-container` }, o)
+    o && /* @__PURE__ */ e.createElement("div", { className: `${g}__form-container` }, o)
   );
 };
 M1.propTypes = {
@@ -11361,8 +11361,8 @@ const x1 = (r) => {
   ]);
   const l = "pds-three-item-layout", o = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, u = {};
   e.Children.forEach(s, (_) => {
-    const p = _.props.slot;
-    p && (u[p] ? u[p].push(_) : u[p] = [_]);
+    const g = _.props.slot;
+    g && (u[g] ? u[g].push(_) : u[g] = [_]);
   });
   const m = [
     u["first-item"],
@@ -11410,22 +11410,22 @@ const V1 = (i) => {
     "layoutVariant",
     "className"
   ]);
-  const o = "pds-two-item-layout", u = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, m = ["pds-grid-item--md-6"], _ = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], p = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], d = ["pds-grid-item", "pds-grid-item--sm-4"];
+  const o = "pds-two-item-layout", u = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, m = ["pds-grid-item--md-6"], _ = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], g = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], d = ["pds-grid-item", "pds-grid-item--sm-4"];
   let v, h;
   switch (a) {
     case "equal":
       v = d.concat(m), h = d.concat(m);
       break;
     case "one-third-start":
-      v = d.concat(_), h = d.concat(p);
+      v = d.concat(_), h = d.concat(g);
       break;
     case "one-third-end":
-      v = d.concat(p), h = d.concat(_);
+      v = d.concat(g), h = d.concat(_);
   }
   const $ = {};
-  e.Children.forEach(s, (g) => {
-    const b = g.props.slot;
-    b && ($[b] ? $[b].push(g) : $[b] = [g]);
+  e.Children.forEach(s, (p) => {
+    const b = p.props.slot;
+    b && ($[b] ? $[b].push(p) : $[b] = [p]);
   });
   const f = $["first-item"], C = $["second-item"];
   return /* @__PURE__ */ e.createElement(