@pantheon-systems/pds-toolkit-react 1.0.0-dev.224 → 1.0.0-dev.226

package/_dist/index.js

@@ -788,7 +788,7 @@ const et = () => Math.random().toString(32).substring(2, 13), _1 = (t, s) => {
     "uniqueId",
     "className"
   ]);
-  const g = "pds-avatar", u = `${g}--${r}`, h = n ? `${g}--image` : null, E = {
+  const f = "pds-avatar", u = `${f}--${r}`, p = n ? `${f}--image` : null, E = {
     backgroundImage: i ? `var(--pds-color-gradient-avatar-${Y1(i)})` : null,
     borderRadius: "100%",
     height: "100%",
@@ -796,10 +796,10 @@ const et = () => Math.random().toString(32).substring(2, 13), _1 = (t, s) => {
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
-  }, y = n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${g}__image`, alt: "" }) : /* @__PURE__ */ e.createElement("span", { style: E }, s && /* @__PURE__ */ e.createElement(R, { iconName: "user", className: `${g}__user-icon` })), v = /* @__PURE__ */ e.createElement("span", { className: `${g}__content` }, y), $ = be(l) ? xe(
+  }, y = n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${f}__image`, alt: "" }) : /* @__PURE__ */ e.createElement("span", { style: E }, s && /* @__PURE__ */ e.createElement(R, { iconName: "user", className: `${f}__user-icon` })), v = /* @__PURE__ */ e.createElement("span", { className: `${f}__content` }, y), $ = be(l) ? xe(
     l,
     he(L({}, l.props), {
-      className: `${g}__content ${g}__content--link`,
+      className: `${f}__content ${f}__content--link`,
       "aria-label": t
     }),
     y
@@ -807,7 +807,7 @@ const et = () => Math.random().toString(32).substring(2, 13), _1 = (t, s) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: x([g, u, h, a])
+      className: x([f, u, p, a])
     }, c),
     l ? $ : v
   );
@@ -847,13 +847,13 @@ const et = () => Math.random().toString(32).substring(2, 13), _1 = (t, s) => {
     "statusType",
     "className"
   ]);
-  const d = "pds-status-badge", g = `${d}--${t}`, u = `${d}__status`, h = r ? `${u}--${r}` : null;
+  const d = "pds-status-badge", f = `${d}--${t}`, u = `${d}__status`, p = r ? `${u}--${r}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: [d, g, i != null ? i : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [d, f, i != null ? i : ""].join(" ").trim().replace(/\s+/g, " ")
     }, a),
-    s === !0 && /* @__PURE__ */ e.createElement("span", { className: [u, h].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, l, " ", r)),
+    s === !0 && /* @__PURE__ */ e.createElement("span", { className: [u, p].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, l, " ", r)),
     /* @__PURE__ */ e.createElement("span", { className: `${d}__label` }, n)
   );
 }, _t = (i) => {
@@ -885,7 +885,7 @@ const et = () => Math.random().toString(32).substring(2, 13), _1 = (t, s) => {
 };
 _t.displayName = "Tally";
 const zt = 300, Q1 = 400, Fe = (u) => {
-  var h = u, {
+  var p = u, {
     content: t,
     customTrigger: s = null,
     offsetValue: n = 8,
@@ -896,7 +896,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     triggerIconSize: c = "sm",
     zIndex: o = Q1,
     className: d
-  } = h, g = S(h, [
+  } = p, f = S(p, [
     "content",
     "customTrigger",
     "offsetValue",
@@ -911,10 +911,10 @@ const zt = 300, Q1 = 400, Fe = (u) => {
   const [b, E] = Z(!1), y = typeof s, v = "pds-tooltip", $ = x([
     `${v}__trigger-custom`,
     y === "string" ? `${v}__trigger-text` : null
-  ]), p = x([
+  ]), h = x([
     `${v}__trigger`,
     `${v}__trigger--${a}`
-  ]), { refs: m, floatingStyles: f, context: _ } = Ve({
+  ]), { refs: m, floatingStyles: g, context: _ } = Ve({
     placement: l,
     open: b,
     onOpenChange: E,
@@ -930,7 +930,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     H,
     w
   ]);
-  return /* @__PURE__ */ e.createElement("div", L({ className: x([v, d != null ? d : ""]) }, g), s ? /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", L({ className: x([v, d != null ? d : ""]) }, f), s ? /* @__PURE__ */ e.createElement(
     "span",
     L({
       className: $,
@@ -941,7 +941,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "button",
     L({
       "aria-label": r,
-      className: p,
+      className: h,
       ref: m.setReference
     }, z()),
     /* @__PURE__ */ e.createElement(
@@ -957,7 +957,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     L({
       className: `${v}__container`,
       ref: m.setFloating,
-      style: he(L({}, f), { zIndex: o })
+      style: he(L({}, g), { zIndex: o })
     }, k()),
     t
   )));
@@ -977,10 +977,10 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "componentWidth",
     "className"
   ]);
-  const d = "pds-branch-diff", g = Math.max(t, n);
-  let u = g > 0 ? n / g * 100 : 0, h = g > 0 ? t / g * 100 : 0;
+  const d = "pds-branch-diff", f = Math.max(t, n);
+  let u = f > 0 ? n / f * 100 : 0, p = f > 0 ? t / f * 100 : 0;
   const b = 10;
-  u < b ? (u = b, h = 100 - b) : h < b && (h = b, u = 100 - b);
+  u < b ? (u = b, p = 100 - b) : p < b && (p = b, u = 100 - b);
   const E = r !== null && r > 0 ? `${r}rem` : "100%";
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -1013,7 +1013,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
           "div",
           {
             className: `${d}__ahead-line`,
-            style: { width: `${h}%` }
+            style: { width: `${p}%` }
           }
         ))
       }
@@ -1176,11 +1176,11 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "size",
     "className"
   ]);
-  const d = "pds-spinner", g = t !== "full-color" ? `${d}--${t}` : null, u = `${d}--${r}`, h = s ? `${d}--inline` : null;
+  const d = "pds-spinner", f = t !== "full-color" ? `${d}--${t}` : null, u = `${d}--${r}`, p = s ? `${d}--inline` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     L({
-      className: [d, g, h, u, i].join(" ").trim().replace(/\s+/g, " "),
+      className: [d, f, p, u, i].join(" ").trim().replace(/\s+/g, " "),
       role: "status",
       "aria-hidden": "true"
     }, a),
@@ -1200,9 +1200,9 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       isSplitButton: c = !1,
       label: o,
       onClick: d,
-      size: g = "md",
+      size: f = "md",
       variant: u = "primary",
-      className: h = ""
+      className: p = ""
     } = v, b = S(v, [
       "ariaLabel",
       "buttonType",
@@ -1218,24 +1218,24 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       "variant",
       "className"
     ]);
-    const $ = "pds-button", p = g !== "md" ? `${$}--${g}` : null, m = u !== "primary" ? `${$}--${u}` : null;
-    let f;
-    switch (g) {
+    const $ = "pds-button", h = f !== "md" ? `${$}--${f}` : null, m = u !== "primary" ? `${$}--${u}` : null;
+    let g;
+    switch (f) {
       case "sm":
-        f = "sm";
+        g = "sm";
         break;
       case "md":
-        f = "md";
+        g = "md";
         break;
       case "lg":
-        f = "lg";
+        g = "lg";
     }
     const _ = /* @__PURE__ */ e.createElement(
       R,
       {
         key: "icon",
         iconName: r,
-        iconSize: f,
+        iconSize: g,
         className: `${$}__icon`
       }
     );
@@ -1246,10 +1246,10 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         type: s,
         className: x([
           $,
-          p,
+          h,
           m,
           i && `${$}--full-width`,
-          h
+          p
         ]),
         disabled: n || a,
         "aria-label": t,
@@ -1278,35 +1278,35 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "variant",
     "className"
   ]);
-  const g = "pds-button-link", u = "pds-button", h = r !== "md" ? `${u}--${r}` : null, b = i !== "primary" ? `${u}--${i}` : null, E = x([
+  const f = "pds-button-link", u = "pds-button", p = r !== "md" ? `${u}--${r}` : null, b = i !== "primary" ? `${u}--${i}` : null, E = x([
     u,
-    h,
+    p,
     b
   ]), y = be(l) ? l.props.children : null, v = /* @__PURE__ */ e.createElement(
     R,
     {
       iconName: n,
       iconSize: r,
-      className: `${g}__icon`,
+      className: `${f}__icon`,
       key: n
     }
   );
   let $ = [y];
   s === "icon-start" && n ? $ = [v, y] : s === "icon-end" && n && ($ = [y, v]);
-  const p = be(l) ? xe(l, {
+  const h = be(l) ? xe(l, {
     className: E,
     children: $
   }) : null;
   return t ? /* @__PURE__ */ e.createElement(
     dt,
     {
-      className: x([g, a != null ? a : ""]),
+      className: x([f, a != null ? a : ""]),
       disabled: !0,
       label: $,
       size: r,
       variant: i
     }
-  ) : /* @__PURE__ */ e.createElement("span", L({ className: x([g, a != null ? a : ""]) }, c), p);
+  ) : /* @__PURE__ */ e.createElement("span", L({ className: x([f, a != null ? a : ""]) }, c), h);
 }, e2 = (t, s) => {
   const [n, l] = Z(!1), r = s == null ? void 0 : s.duration;
   return ce(() => {
@@ -1324,8 +1324,8 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       }
   })];
 }, vt = Ze(
-  (h, u) => {
-    var b = h, {
+  (p, u) => {
+    var b = p, {
       ariaLabel: t,
       buttonType: s = "button",
       disabled: n = !1,
@@ -1336,7 +1336,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       size: c = "md",
       variant: o = "standard",
       className: d
-    } = b, g = S(b, [
+    } = b, f = S(b, [
       "ariaLabel",
       "buttonType",
       "disabled",
@@ -1353,18 +1353,18 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       hide: `${E}--hide`,
       scaleIn: `${E}--scaleIn`
     };
-    let p, m;
+    let h, m;
     switch (c) {
       case "sm":
-        m = "md", p = 8;
+        m = "md", h = 8;
         break;
       case "md":
-        m = "md", p = 11;
+        m = "md", h = 11;
         break;
       case "lg":
-        m = "xl", p = 12;
+        m = "xl", h = 12;
     }
-    const f = i !== null, _ = ie(null), C = ie(null), M = () => {
+    const g = i !== null, _ = ie(null), C = ie(null), M = () => {
       _.current.classList.add($.fadeOut), _.current.classList.add($.hide), C.current.classList.remove($.hide), C.current.classList.add($.scaleIn), setTimeout(() => {
         _.current.classList.remove(
           $.fadeOut,
@@ -1372,8 +1372,8 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         ), _.current.classList.add($.scaleIn), C.current.classList.remove($.scaleIn), C.current.classList.add($.hide);
       }, 2e3);
     }, H = (z) => {
-      f && M(), a && a(z);
-    }, w = f ? /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, /* @__PURE__ */ e.createElement("div", { ref: _, className: `${E}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
+      g && M(), a && a(z);
+    }, w = g ? /* @__PURE__ */ e.createElement("div", { className: `${E}__content` }, /* @__PURE__ */ e.createElement("div", { ref: _, className: `${E}__icon-wrapper` }, /* @__PURE__ */ e.createElement(
       R,
       {
         iconName: r,
@@ -1417,13 +1417,13 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         type: s,
         title: l && !n ? null : t,
         ref: u
-      }, g),
+      }, f),
       l && !n ? /* @__PURE__ */ e.createElement(
         Fe,
         {
           content: t,
           className: `${E}__tooltip`,
-          offsetValue: p,
+          offsetValue: h,
           customTrigger: w
         }
       ) : w
@@ -1443,7 +1443,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "variant",
     "className"
   ]);
-  const o = "pds-clipboard-button", [d, g] = e2(s);
+  const o = "pds-clipboard-button", [d, f] = e2(s);
   return /* @__PURE__ */ e.createElement(
     vt,
     L({
@@ -1453,7 +1453,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       disabled: n,
       iconName: "copy",
       icon2Name: "check",
-      onClick: g,
+      onClick: f,
       size: "md",
       variant: l
     }, i)
@@ -1476,18 +1476,14 @@ const zt = 300, Q1 = 400, Fe = (u) => {
   children: t,
   mobileMenuMaxWidth: s = 640
 }) => {
-  const n = b1(), l = n <= s;
-  let r = null;
-  n <= 640 ? r = "sm" : n > 641 && n <= 1024 ? r = "md" : n > 1025 && n <= 1440 ? r = "lg" : n > 1441 && (r = "xl");
-  const i = {
-    breakpoint: r,
+  const n = b1(), l = n <= s, r = {
     isMobile: l,
     mobileMenuMaxWidth: s,
     windowWidth: n
   };
   return ce(() => {
     l ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
-  }, [l]), /* @__PURE__ */ e.createElement(ze.Provider, { value: i }, t);
+  }, [l]), /* @__PURE__ */ e.createElement(ze.Provider, { value: r }, t);
 }, kt = (t) => t.isSeparator, Nt = (t) => t.isHeading, xt = (t) => t.isLink, n2 = (t) => t.isNode, a2 = (v) => {
   var $ = v, {
     disabled: t,
@@ -1500,9 +1496,9 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     menuPosition: c = "start",
     onClick: o,
     size: d = "md",
-    testId: g,
+    testId: f,
     undefinedLabel: u = "Unlabeled group",
-    variant: h = "primary",
+    variant: p = "primary",
     withinNavbar: b,
     className: E
   } = $, y = S($, [
@@ -1523,9 +1519,9 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "className"
   ]);
   const {
-    x: p,
+    x: h,
     y: m,
-    reference: f,
+    reference: g,
     floating: _,
     strategy: C,
     update: M,
@@ -1538,7 +1534,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
   let z = !1;
   const k = Ce(ze);
   k && (z = k.isMobile);
-  const I = h === "navbar" && z, V = "pds-menu-button", A = I ? `${V}--isMobile` : null, T = b ? `${V}--navbar` : null, N = l, [P] = Z(`menu-button-${l}`), B = w.floating, F = ie(null), [K, Q] = Z(!1), [G, Y] = Z(!1), [W, O] = Z(""), [X, ae] = Z(0), te = ie([]), j = ie([]), se = ie([]);
+  const I = p === "navbar" && z, V = "pds-menu-button", A = I ? `${V}--isMobile` : null, T = b ? `${V}--navbar` : null, N = l, [P] = Z(`menu-button-${l}`), B = w.floating, F = ie(null), [K, Q] = Z(!1), [G, Y] = Z(!1), [W, O] = Z(""), [X, ae] = Z(0), te = ie([]), j = ie([]), se = ie([]);
   A1(() => {
     window.addEventListener("mousedown", Be, !0), M();
     const D = B.current;
@@ -1743,7 +1739,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
             opacity: K ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: C,
-            transform: `translate(${Math.round(p)}px,${Math.round(m)}px)`,
+            transform: `translate(${Math.round(h)}px,${Math.round(m)}px)`,
             zIndex: "var(--pds-z-index-dropdown)"
           },
           onKeyDown: ke,
@@ -1785,7 +1781,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
             opacity: K ? "1" : "0",
             transition: "opacity 300ms ease-in-out 0s",
             position: C,
-            transform: `translate(${Math.round(p)}px,${Math.round(m)}px)`
+            transform: `translate(${Math.round(h)}px,${Math.round(m)}px)`
           },
           onKeyDown: ke,
           ref: _
@@ -1802,7 +1798,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       isSplitButton: r,
       label: i,
       size: d,
-      variant: h,
+      variant: p,
       displayType: s,
       iconName: "angleDown",
       type: "button",
@@ -1813,7 +1809,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       "aria-expanded": K,
       onClick: de,
       onKeyDown: De,
-      ref: f
+      ref: g
     }
   )), s === "icon-only") {
     const D = Ut(i);
@@ -1833,7 +1829,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         "aria-expanded": K,
         onClick: de,
         onKeyDown: De,
-        ref: f,
+        ref: g,
         hasTooltip: !1
       }
     );
@@ -1881,13 +1877,13 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         Ne,
         E
       ]),
-      "data-testid": g,
+      "data-testid": f,
       ref: F
     }, y),
     I ? /* @__PURE__ */ e.createElement(e.Fragment, null, we, /* @__PURE__ */ e.createElement(_e, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, Re, Qe(a))
   );
-}, ts = (g) => {
-  var u = g, {
+}, ts = (f) => {
+  var u = f, {
     disabled: t = !1,
     id: s,
     defaultValue: n,
@@ -1908,27 +1904,27 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "value",
     "className"
   ]);
-  const h = "pds-segmented-button", b = t ? "pds-is-disabled" : null, E = a !== "md" ? `${h}--${a}` : null, y = typeof c != "undefined", v = typeof n != "undefined", [$, p] = Z(
+  const p = "pds-segmented-button", b = t ? "pds-is-disabled" : null, E = a !== "md" ? `${p}--${a}` : null, y = typeof c != "undefined", v = typeof n != "undefined", [$, h] = Z(
     v ? n : ""
-  ), m = (f) => {
-    p(f.target.value), r && r(f.target.value);
+  ), m = (g) => {
+    h(g.target.value), r && r(g.target.value);
   };
   if (i.length >= 2 && i.length <= 6)
     return /* @__PURE__ */ e.createElement(
       "fieldset",
       L({
         className: x([
-          h,
+          p,
           E,
           b,
           o != null ? o : ""
         ])
       }, d),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, l),
-      /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, i.map((f, _) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${p}__options` }, i.map((g, _) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: `${h}__option`,
+          className: `${p}__option`,
           key: `${s}-option-${_}`
         },
         /* @__PURE__ */ e.createElement(
@@ -1936,29 +1932,29 @@ const zt = 300, Q1 = 400, Fe = (u) => {
           {
             className: "visually-hidden",
             type: "radio",
-            id: f.id ? f.id : `${s}-option-${_}`,
+            id: g.id ? g.id : `${s}-option-${_}`,
             name: s,
-            value: f.value,
+            value: g.value,
             disabled: t,
             onChange: m,
-            checked: y ? c === f.value : $ === f.value
+            checked: y ? c === g.value : $ === g.value
           }
         ),
-        /* @__PURE__ */ e.createElement("label", { htmlFor: f.id ? f.id : `${s}-option-${_}` }, f.tally ? /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("label", { htmlFor: g.id ? g.id : `${s}-option-${_}` }, g.tally ? /* @__PURE__ */ e.createElement(
           _t,
           {
-            label: f.tally.label,
-            type: f.tally.type,
-            className: `${h}__tally`
+            label: g.tally.label,
+            type: g.tally.type,
+            className: `${p}__tally`
           }
-        ) : f.iconName && /* @__PURE__ */ e.createElement(
+        ) : g.iconName && /* @__PURE__ */ e.createElement(
           R,
           {
-            iconName: f.iconName,
+            iconName: g.iconName,
             iconSize: a,
-            className: `${h}__icon`
+            className: `${p}__icon`
           }
-        ), /* @__PURE__ */ e.createElement("span", { className: `${h}__label-text` }, f.label))
+        ), /* @__PURE__ */ e.createElement("span", { className: `${p}__label-text` }, g.label))
       )))
     );
 }, ss = (c) => {
@@ -1977,7 +1973,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "variant",
     "className"
   ]);
-  const d = "pds-split-button", g = `${d}--${r}`, u = t[0], h = t.slice(1);
+  const d = "pds-split-button", f = `${d}--${r}`, u = t[0], p = t.slice(1);
   let b = null;
   return "isLink" in u && u.isLink === !0 ? b = /* @__PURE__ */ e.createElement(
     Et,
@@ -2002,7 +1998,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
   )), /* @__PURE__ */ e.createElement(
     "span",
     L({
-      className: x([d, g, i])
+      className: x([d, f, i])
     }, a),
     b,
     /* @__PURE__ */ e.createElement(
@@ -2012,7 +2008,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         label: n,
         size: l,
         variant: r,
-        menuItems: h,
+        menuItems: p,
         displayType: "icon-end",
         isSplitButton: !0,
         disabled: s,
@@ -2022,8 +2018,8 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       }
     )
   );
-}, ns = (g) => {
-  var u = g, {
+}, ns = (f) => {
+  var u = f, {
     buttonProps: t,
     disabled: s = !1,
     iconName: n,
@@ -2044,21 +2040,21 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "tooltipText",
     "className"
   ]);
-  const h = "pds-utility-button", b = l ? `${h}--critical` : null, E = s ? `${h}--disabled` : null, y = r ? `${h}--monospace` : null, v = /* @__PURE__ */ e.createElement(
+  const p = "pds-utility-button", b = l ? `${p}--critical` : null, E = s ? `${p}--disabled` : null, y = r ? `${p}--monospace` : null, v = /* @__PURE__ */ e.createElement(
     "button",
     L({
-      className: `${h}__button`,
+      className: `${p}__button`,
       "aria-disabled": s ? "true" : void 0,
       onClick: s ? void 0 : a
     }, t),
     n && /* @__PURE__ */ e.createElement(R, { iconName: n }),
-    /* @__PURE__ */ e.createElement("span", { className: `${h}__label` }, i)
+    /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, i)
   );
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: x([
-        h,
+        p,
         b,
         E,
         y,
@@ -2097,7 +2093,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "typeLabels",
     "className"
   ]);
-  const o = "pds-callout", d = `${o}--${n}`, g = `${l[n]}: `;
+  const o = "pds-callout", d = `${o}--${n}`, f = `${l[n]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
@@ -2109,7 +2105,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         iconName: `${n}` in Vt ? Vt[n] : Vt.info,
         iconSize: "xl"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), s && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, s), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__main-content` }, t)))
+    )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), s && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, s), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__main-content` }, t)))
   );
 }, qt = (i) => {
   var a = i, {
@@ -2123,7 +2119,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "padding",
     "className"
   ]);
-  const c = "pds-card", o = t !== "default" ? `${c}--${t}` : null, d = n !== "standard" ? `${c}--pad-${n}` : null, g = qe(s), u = g.image, h = g.main;
+  const c = "pds-card", o = t !== "default" ? `${c}--${t}` : null, d = n !== "standard" ? `${c}--pad-${n}` : null, f = qe(s), u = f.image, p = f.main;
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
@@ -2135,7 +2131,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       ])
     }, r),
     u && /* @__PURE__ */ e.createElement("div", { className: `${c}__image` }, u[0]),
-    h && /* @__PURE__ */ e.createElement("div", { className: `${c}__main` }, h)
+    p && /* @__PURE__ */ e.createElement("div", { className: `${c}__main` }, p)
   );
 }, C1 = (a) => {
   var c = a, {
@@ -2151,14 +2147,14 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "text",
     "className"
   ]);
-  const o = "pds-card-heading", d = t === "XL" ? "pds-ts-xl" : "pds-ts-l", g = s === "bold" ? "pds-fw-bold" : "pds-fw-semibold";
+  const o = "pds-card-heading", d = t === "XL" ? "pds-ts-xl" : "pds-ts-l", f = s === "bold" ? "pds-fw-bold" : "pds-fw-semibold";
   return /* @__PURE__ */ e.createElement(
     mt,
     L({
       className: x([
         o,
         d,
-        g,
+        f,
         r != null ? r : ""
       ]),
       level: n
@@ -2166,7 +2162,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     l
   );
 }, ls = (d) => {
-  var g = d, {
+  var f = d, {
     id: t,
     defaultValue: s,
     label: n,
@@ -2175,7 +2171,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     onChange: i,
     options: a,
     className: c
-  } = g, o = S(g, [
+  } = f, o = S(f, [
     "id",
     "defaultValue",
     "label",
@@ -2186,23 +2182,23 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "className"
   ]);
   const u = "pds-card-select-group";
-  let h = `${u}__legend`;
-  l === "center" && (h = `${u}__legend ${u}__legend--center`), l === "hidden" && (h = `${u}__legend visually-hidden`);
+  let p = `${u}__legend`;
+  l === "center" && (p = `${u}__legend ${u}__legend--center`), l === "hidden" && (p = `${u}__legend visually-hidden`);
   const [b, E] = Z(s), y = (_) => {
     E(_.currentTarget.value), i && i(_.currentTarget.value);
-  }, v = a.length, $ = "pds-grid-item", p = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", m = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
-  let f = "";
-  return r === "twoAcross" ? f = p : r === "threeAcross" ? f = m : r === "auto" && (v === 1 ? f = $ : v % 3 === 0 ? f = m : v % 2 === 0 ? f = p : f = m), /* @__PURE__ */ e.createElement(
+  }, v = a.length, $ = "pds-grid-item", h = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", m = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  let g = "";
+  return r === "twoAcross" ? g = h : r === "threeAcross" ? g = m : r === "auto" && (v === 1 ? g = $ : v % 3 === 0 ? g = m : v % 2 === 0 ? g = h : g = m), /* @__PURE__ */ e.createElement(
     "fieldset",
     L({
       className: [u, c].join(" ").trim().replace(/\s+/g, " "),
       id: t
     }, o),
-    /* @__PURE__ */ e.createElement("legend", { className: h }, n),
+    /* @__PURE__ */ e.createElement("legend", { className: p }, n),
     /* @__PURE__ */ e.createElement("div", { className: `${u}__options pds-grid pds-grid--narrow` }, a.map((_, C) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [`${u}__option`, f].join(" ").trim().replace(/\s+/g, " "),
+        className: [`${u}__option`, g].join(" ").trim().replace(/\s+/g, " "),
         key: `${t}-option-${C}`
       },
       /* @__PURE__ */ e.createElement(
@@ -2255,7 +2251,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       level: s,
       text: n
     }
-  ), t && /* @__PURE__ */ e.createElement("ul", { className: `${c}__list`, role: "list" }, t.map((d, g) => /* @__PURE__ */ e.createElement("li", { key: g, className: "pds-cta-links-card__item" }, d)))));
+  ), t && /* @__PURE__ */ e.createElement("ul", { className: `${c}__list`, role: "list" }, t.map((d, f) => /* @__PURE__ */ e.createElement("li", { key: f, className: "pds-cta-links-card__item" }, d)))));
   return /* @__PURE__ */ e.createElement("div", L({ className: x([c, l != null ? l : ""]) }, r), o);
 }, l2 = (l) => {
   var r = l, {
@@ -2539,8 +2535,8 @@ const zt = 300, Q1 = 400, Fe = (u) => {
   )
 }, s1 = {
   "early-access": { label: "Early Access", color: "success" }
-}, rs = (g) => {
-  var u = g, {
+}, rs = (f) => {
+  var u = f, {
     badge: t,
     icon: s,
     newWindowString: n = "Opens new window",
@@ -2561,30 +2557,30 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "supplementalLinks",
     "className"
   ]);
-  const h = "pds-new-site-card", b = a.type, E = /* @__PURE__ */ e.createElement(qt, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${h}__main` }, /* @__PURE__ */ e.createElement(
+  const p = "pds-new-site-card", b = a.type, E = /* @__PURE__ */ e.createElement(qt, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${p}__main` }, /* @__PURE__ */ e.createElement(
     b,
     L({
       "aria-label": a.props.children,
-      className: `${h}__selection-link`
+      className: `${p}__selection-link`
     }, a.props),
-    /* @__PURE__ */ e.createElement("div", { className: `${h}__header` }, s && /* @__PURE__ */ e.createElement("div", { className: `${h}__icon` }, /* @__PURE__ */ e.createElement(l2, { platformType: s })), /* @__PURE__ */ e.createElement("div", { className: `${h}__title` }, l, r && /* @__PURE__ */ e.createElement("div", { className: `${h}__subtitle` }, r))),
+    /* @__PURE__ */ e.createElement("div", { className: `${p}__header` }, s && /* @__PURE__ */ e.createElement("div", { className: `${p}__icon` }, /* @__PURE__ */ e.createElement(l2, { platformType: s })), /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, l, r && /* @__PURE__ */ e.createElement("div", { className: `${p}__subtitle` }, r))),
     t && /* @__PURE__ */ e.createElement(
       it,
       {
         label: s1[t].label,
         size: "sm",
         color: s1[t].color,
-        className: `${h}__badge`
+        className: `${p}__badge`
       }
     ),
-    i && /* @__PURE__ */ e.createElement("div", { className: `${h}__summary` }, i)
-  ), c && c.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${h}__links` }, c.map((y, v) => {
+    i && /* @__PURE__ */ e.createElement("div", { className: `${p}__summary` }, i)
+  ), c && c.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${p}__links` }, c.map((y, v) => {
     const $ = y.type;
     return /* @__PURE__ */ e.createElement(
       $,
       L({
         key: v,
-        className: `${h}__link`
+        className: `${p}__link`
       }, y.props),
       y.props.children,
       y.props.target === "_blank" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -2592,12 +2588,12 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         {
           iconName: "externalLink",
           iconSize: "sm",
-          className: `${h}__link-icon`
+          className: `${p}__link-icon`
         }
       ), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n))
     );
   }))));
-  return /* @__PURE__ */ e.createElement("div", L({ className: x([h, o != null ? o : ""]) }, d), E);
+  return /* @__PURE__ */ e.createElement("div", L({ className: x([p, o != null ? o : ""]) }, d), E);
 }, c2 = {
   included: "circleCheck",
   notIncluded: "xmark",
@@ -2623,22 +2619,22 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "className"
   ]);
   const d = "pds-comparison-list";
-  return /* @__PURE__ */ e.createElement("div", L({ className: x([d, i != null ? i : ""]) }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${d}__intro` }, s), t && /* @__PURE__ */ e.createElement("ul", { className: `${d}__list` }, t.map((g, u) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", L({ className: x([d, i != null ? i : ""]) }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${d}__intro` }, s), t && /* @__PURE__ */ e.createElement("ul", { className: `${d}__list` }, t.map((f, u) => /* @__PURE__ */ e.createElement(
     "li",
     {
       key: u,
-      className: `${d}__list-item ${d}__list-item--${g.type}`
+      className: `${d}__list-item ${d}__list-item--${f.type}`
     },
     /* @__PURE__ */ e.createElement("div", { className: `${d}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(
       R,
       {
-        iconName: c2[g.type],
+        iconName: c2[f.type],
         iconSize: "md",
         className: `${d}__item-icon`
       }
     )),
-    l && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r[g.type], ":", " "),
-    g.text
+    l && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r[f.type], ":", " "),
+    f.text
   ))), n && /* @__PURE__ */ e.createElement("div", { className: `${d}__more-link` }, n));
 }, r2 = ({
   label: t,
@@ -2646,8 +2642,8 @@ const zt = 300, Q1 = 400, Fe = (u) => {
 }) => {
   const n = "pds-select";
   return /* @__PURE__ */ e.createElement("li", { role: "presentation", className: `${n}__group` }, /* @__PURE__ */ e.createElement("span", { className: `${n}__group-label` }, t), /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${n}__group-options` }, s));
-}, o2 = (p) => {
-  var m = p, {
+}, o2 = (h) => {
+  var m = h, {
     defaultValue: t,
     disabled: s,
     id: n,
@@ -2661,9 +2657,9 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     onBlur: c,
     onFocus: o,
     onOptionSelect: d,
-    options: g,
+    options: f,
     required: u = !1,
-    showLabel: h = !0,
+    showLabel: p = !0,
     validationMessage: b,
     validationStatus: E,
     value: y,
@@ -2688,10 +2684,10 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "className"
   ]);
   var Re, st;
-  const f = tt(l), _ = "pds-select", C = s ? J.disabled : null, M = u && !s ? J.required : null, H = E === "error" ? J.error : null, w = E === "success" ? J.success : null;
+  const g = tt(l), _ = "pds-select", C = s ? J.disabled : null, M = u && !s ? J.required : null, H = E === "error" ? J.error : null, w = E === "success" ? J.success : null;
   let z = null;
   E === "error" && (z = "error"), E === "success" && (z = "success");
-  const k = b || a, I = typeof y != "undefined", V = typeof t != "undefined", T = ((_e) => _e.reduce((Ee, fe) => t1(fe) ? [...Ee, ...fe.options] : [...Ee, fe], []))(g), N = (_e) => T.findIndex((Ee) => Ee.value === _e), P = I && N(y) >= 0 ? N(y) : null, B = V ? N(t) : null, F = P || B, [K, Q] = Z(!1), [G, Y] = Z(null), [W, O] = Z(
+  const k = b || a, I = typeof y != "undefined", V = typeof t != "undefined", T = ((_e) => _e.reduce((Ee, fe) => t1(fe) ? [...Ee, ...fe.options] : [...Ee, fe], []))(f), N = (_e) => T.findIndex((Ee) => Ee.value === _e), P = I && N(y) >= 0 ? N(y) : null, B = V ? N(t) : null, F = P || B, [K, Q] = Z(!1), [G, Y] = Z(null), [W, O] = Z(
     F != null ? F : null
   ), X = W !== null ? (Re = T[W]) == null ? void 0 : Re.label : void 0, ae = W !== null ? (st = T[W]) == null ? void 0 : st.value : void 0, te = ie([]), { context: j, refs: se } = Ve({
     open: K,
@@ -2810,14 +2806,14 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         w,
         v != null ? v : ""
       ]),
-      style: l ? f : null
+      style: l ? g : null
     }, $),
     /* @__PURE__ */ e.createElement(
       je,
       {
         id: n,
         label: r,
-        showLabel: h,
+        showLabel: p,
         required: u,
         disabled: s
       }
@@ -2849,7 +2845,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
           zIndex: "var(--pds-z-index-dropdown)"
         }
       })),
-      /* @__PURE__ */ e.createElement("div", { style: L({}, De) }, /* @__PURE__ */ e.createElement("ul", { className: `${_}__options` }, Qe(g)))
+      /* @__PURE__ */ e.createElement("div", { style: L({}, De) }, /* @__PURE__ */ e.createElement("ul", { className: `${_}__options` }, Qe(f)))
     ),
     k && /* @__PURE__ */ e.createElement(
       Te,
@@ -2862,8 +2858,8 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       }
     )
   );
-}, os = (h) => {
-  var b = h, {
+}, os = (p) => {
+  var b = p, {
     actionPrimary: t,
     actionSecondary: s,
     hasComparisonList: n = !0,
@@ -2877,7 +2873,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     },
     selectLabel: o = "Select a plan size",
     statusBadgeType: d,
-    className: g
+    className: f
   } = b, u = S(b, [
     "actionPrimary",
     "actionSecondary",
@@ -2891,8 +2887,8 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "statusBadgeType",
     "className"
   ]);
-  const E = "pds-pricing-card", y = `${E}-container`, v = n ? `${y}--with-list` : null, $ = d ? `${E}--${d}` : null, p = (A) => A.toLowerCase().replace(/\s/g, "-"), m = a && a.length > 1, [f, _] = Z(
-    p(a[0].label)
+  const E = "pds-pricing-card", y = `${E}-container`, v = n ? `${y}--with-list` : null, $ = d ? `${E}--${d}` : null, h = (A) => A.toLowerCase().replace(/\s/g, "-"), m = a && a.length > 1, [g, _] = Z(
+    h(a[0].label)
   ), [C, M] = Z(
     t.label
   );
@@ -2914,7 +2910,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       renderTypeLabels: !1
     }
   )), m && (H = a.map((A) => {
-    const N = f === p(A.label) ? null : `${E}__pricing-data--hide`;
+    const N = g === h(A.label) ? null : `${E}__pricing-data--hide`;
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -2922,8 +2918,8 @@ const zt = 300, Q1 = 400, Fe = (u) => {
           `${E}__pricing-data`,
           N
         ]),
-        id: `data-${p(A.label)}`,
-        key: p(A.label)
+        id: `data-${h(A.label)}`,
+        key: h(A.label)
       },
       A.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${E}__price-prefix` }, A.pricePrefix),
       /* @__PURE__ */ e.createElement("div", { className: `${E}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__price` }, A.price), A.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__details` }, A.priceDetails)),
@@ -2938,7 +2934,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       ), A.savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, A.savingsDetails))
     );
   }), w = a.map((A) => {
-    const N = f === p(A.label) ? null : `${E}__list--hide`;
+    const N = g === h(A.label) ? null : `${E}__list--hide`;
     return /* @__PURE__ */ e.createElement(
       n1,
       {
@@ -2946,13 +2942,13 @@ const zt = 300, Q1 = 400, Fe = (u) => {
         listLabel: A.listLabel,
         listItems: A.listItems,
         renderTypeLabels: !1,
-        key: `${p(A.label)}-list`
+        key: `${h(A.label)}-list`
       }
     );
   }));
   const z = (A) => {
     const T = a.find(
-      (N) => p(N.label) === A
+      (N) => h(N.label) === A
     );
     return T.customActionLabel ? T.customActionLabel : t.label;
   };
@@ -2965,10 +2961,10 @@ const zt = 300, Q1 = 400, Fe = (u) => {
       label: o,
       showLabel: !1,
       options: a.map((A) => ({
-        value: p(A.label),
+        value: h(A.label),
         label: A.label
       })),
-      defaultValue: p(a[0].label),
+      defaultValue: h(a[0].label),
       onOptionSelect: (A) => {
         _(A.value), M(z(A.value)), l && l(A.value);
       }
@@ -3014,7 +3010,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
   ))), /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: x([y, v, g])
+      className: x([y, v, f])
     }, u),
     /* @__PURE__ */ e.createElement("div", { className: x([E, $]) }, d && /* @__PURE__ */ e.createElement(
       Wt,
@@ -3027,7 +3023,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     n && w
   );
 }, is = (d) => {
-  var g = d, {
+  var f = d, {
     gotoText: t = "Go to",
     headingLevel: s = "h3",
     siteImage: n,
@@ -3036,7 +3032,7 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     sitePlan: i,
     siteStatus: a,
     className: c
-  } = g, o = S(g, [
+  } = f, o = S(f, [
     "gotoText",
     "headingLevel",
     "siteImage",
@@ -3047,12 +3043,12 @@ const zt = 300, Q1 = 400, Fe = (u) => {
     "className"
   ]);
   const u = "pds-site-card";
-  let h, b;
-  a === "active" && (h = "Active", b = "success"), a === "frozen" && (h = "Frozen", b = "frozen");
+  let p, b;
+  a === "active" && (p = "Active", b = "success"), a === "frozen" && (p = "Frozen", b = "frozen");
   const E = /* @__PURE__ */ e.createElement(
     Wt,
     {
-      label: h,
+      label: p,
       statusType: b,
       hasStatusIndicator: !0
     }
@@ -3142,8 +3138,8 @@ var $1 = { exports: {} };
        * @memberof Prism
        */
       util: {
-        encode: function p(m) {
-          return m instanceof o ? new o(m.type, p(m.content), m.alias) : Array.isArray(m) ? m.map(p) : m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+        encode: function h(m) {
+          return m instanceof o ? new o(m.type, h(m.content), m.alias) : Array.isArray(m) ? m.map(h) : m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
         },
         /**
          * Returns the name of the type of the given value.
@@ -3161,8 +3157,8 @@ var $1 = { exports: {} };
          * type(String)    === 'Function'
          * type(/abc+/)    === 'RegExp'
          */
-        type: function(p) {
-          return Object.prototype.toString.call(p).slice(8, -1);
+        type: function(h) {
+          return Object.prototype.toString.call(h).slice(8, -1);
         },
         /**
          * Returns a unique number for the given object. Later calls will still return the same number.
@@ -3170,8 +3166,8 @@ var $1 = { exports: {} };
          * @param {Object} obj
          * @returns {number}
          */
-        objId: function(p) {
-          return p.__id || Object.defineProperty(p, "__id", { value: ++i }), p.__id;
+        objId: function(h) {
+          return h.__id || Object.defineProperty(h, "__id", { value: ++i }), h.__id;
         },
         /**
          * Creates a deep clone of the given object.
@@ -3183,26 +3179,26 @@ var $1 = { exports: {} };
          * @returns {T}
          * @template T
          */
-        clone: function p(m, f) {
-          f = f || {};
+        clone: function h(m, g) {
+          g = g || {};
           var _, C;
           switch (c.util.type(m)) {
             case "Object":
-              if (C = c.util.objId(m), f[C])
-                return f[C];
+              if (C = c.util.objId(m), g[C])
+                return g[C];
               _ = /** @type {Record<string, any>} */
-              {}, f[C] = _;
+              {}, g[C] = _;
               for (var M in m)
-                m.hasOwnProperty(M) && (_[M] = p(m[M], f));
+                m.hasOwnProperty(M) && (_[M] = h(m[M], g));
               return (
                 /** @type {any} */
                 _
               );
             case "Array":
-              return C = c.util.objId(m), f[C] ? f[C] : (_ = [], f[C] = _, /** @type {Array} */
+              return C = c.util.objId(m), g[C] ? g[C] : (_ = [], g[C] = _, /** @type {Array} */
               /** @type {any} */
               m.forEach(function(H, w) {
-                _[w] = p(H, f);
+                _[w] = h(H, g);
               }), /** @type {any} */
               _);
             default:
@@ -3217,12 +3213,12 @@ var $1 = { exports: {} };
          * @param {Element} element
          * @returns {string}
          */
-        getLanguage: function(p) {
-          for (; p; ) {
-            var m = r.exec(p.className);
+        getLanguage: function(h) {
+          for (; h; ) {
+            var m = r.exec(h.className);
             if (m)
               return m[1].toLowerCase();
-            p = p.parentElement;
+            h = h.parentElement;
           }
           return "none";
         },
@@ -3233,8 +3229,8 @@ var $1 = { exports: {} };
          * @param {string} language
          * @returns {void}
          */
-        setLanguage: function(p, m) {
-          p.className = p.className.replace(RegExp(r, "gi"), ""), p.classList.add("language-" + m);
+        setLanguage: function(h, m) {
+          h.className = h.className.replace(RegExp(r, "gi"), ""), h.classList.add("language-" + m);
         },
         /**
          * Returns the script element that is currently executing.
@@ -3254,12 +3250,12 @@ var $1 = { exports: {} };
           try {
             throw new Error();
           } catch (_) {
-            var p = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(_.stack) || [])[1];
-            if (p) {
+            var h = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(_.stack) || [])[1];
+            if (h) {
               var m = document.getElementsByTagName("script");
-              for (var f in m)
-                if (m[f].src == p)
-                  return m[f];
+              for (var g in m)
+                if (m[g].src == h)
+                  return m[g];
             }
             return null;
           }
@@ -3283,16 +3279,16 @@ var $1 = { exports: {} };
          * @param {boolean} [defaultActivation=false]
          * @returns {boolean}
          */
-        isActive: function(p, m, f) {
-          for (var _ = "no-" + m; p; ) {
-            var C = p.classList;
+        isActive: function(h, m, g) {
+          for (var _ = "no-" + m; h; ) {
+            var C = h.classList;
             if (C.contains(m))
               return !0;
             if (C.contains(_))
               return !1;
-            p = p.parentElement;
+            h = h.parentElement;
           }
-          return !!f;
+          return !!g;
         }
       },
       /**
@@ -3338,11 +3334,11 @@ var $1 = { exports: {} };
          *     'color': /\b(?:red|green|blue)\b/
          * });
          */
-        extend: function(p, m) {
-          var f = c.util.clone(c.languages[p]);
+        extend: function(h, m) {
+          var g = c.util.clone(c.languages[h]);
           for (var _ in m)
-            f[_] = m[_];
-          return f;
+            g[_] = m[_];
+          return g;
         },
         /**
          * Inserts tokens _before_ another token in a language definition or any other grammar.
@@ -3419,31 +3415,31 @@ var $1 = { exports: {} };
          * @returns {Grammar} The new grammar object.
          * @public
          */
-        insertBefore: function(p, m, f, _) {
+        insertBefore: function(h, m, g, _) {
           _ = _ || /** @type {any} */
           c.languages;
-          var C = _[p], M = {};
+          var C = _[h], M = {};
           for (var H in C)
             if (C.hasOwnProperty(H)) {
               if (H == m)
-                for (var w in f)
-                  f.hasOwnProperty(w) && (M[w] = f[w]);
-              f.hasOwnProperty(H) || (M[H] = C[H]);
+                for (var w in g)
+                  g.hasOwnProperty(w) && (M[w] = g[w]);
+              g.hasOwnProperty(H) || (M[H] = C[H]);
             }
-          var z = _[p];
-          return _[p] = M, c.languages.DFS(c.languages, function(k, I) {
-            I === z && k != p && (this[k] = M);
+          var z = _[h];
+          return _[h] = M, c.languages.DFS(c.languages, function(k, I) {
+            I === z && k != h && (this[k] = M);
           }), M;
         },
         // Traverse a language definition with Depth First Search
-        DFS: function p(m, f, _, C) {
+        DFS: function h(m, g, _, C) {
           C = C || {};
           var M = c.util.objId;
           for (var H in m)
             if (m.hasOwnProperty(H)) {
-              f.call(m, H, m[H], _ || H);
+              g.call(m, H, m[H], _ || H);
               var w = m[H], z = c.util.type(w);
-              z === "Object" && !C[M(w)] ? (C[M(w)] = !0, p(w, f, null, C)) : z === "Array" && !C[M(w)] && (C[M(w)] = !0, p(w, f, H, C));
+              z === "Object" && !C[M(w)] ? (C[M(w)] = !0, h(w, g, null, C)) : z === "Array" && !C[M(w)] && (C[M(w)] = !0, h(w, g, H, C));
             }
         }
       },
@@ -3460,8 +3456,8 @@ var $1 = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAll: function(p, m) {
-        c.highlightAllUnder(document, p, m);
+      highlightAll: function(h, m) {
+        c.highlightAllUnder(document, h, m);
       },
       /**
        * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -3478,10 +3474,10 @@ var $1 = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAllUnder: function(p, m, f) {
+      highlightAllUnder: function(h, m, g) {
         var _ = {
-          callback: f,
-          container: p,
+          callback: g,
+          container: h,
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
         c.hooks.run("before-highlightall", _), _.elements = Array.prototype.slice.apply(_.container.querySelectorAll(_.selector)), c.hooks.run("before-all-elements-highlight", _);
@@ -3516,22 +3512,22 @@ var $1 = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightElement: function(p, m, f) {
-        var _ = c.util.getLanguage(p), C = c.languages[_];
-        c.util.setLanguage(p, _);
-        var M = p.parentElement;
+      highlightElement: function(h, m, g) {
+        var _ = c.util.getLanguage(h), C = c.languages[_];
+        c.util.setLanguage(h, _);
+        var M = h.parentElement;
         M && M.nodeName.toLowerCase() === "pre" && c.util.setLanguage(M, _);
-        var H = p.textContent, w = {
-          element: p,
+        var H = h.textContent, w = {
+          element: h,
           language: _,
           grammar: C,
           code: H
         };
         function z(I) {
-          w.highlightedCode = I, c.hooks.run("before-insert", w), w.element.innerHTML = w.highlightedCode, c.hooks.run("after-highlight", w), c.hooks.run("complete", w), f && f.call(w.element);
+          w.highlightedCode = I, c.hooks.run("before-insert", w), w.element.innerHTML = w.highlightedCode, c.hooks.run("after-highlight", w), c.hooks.run("complete", w), g && g.call(w.element);
         }
         if (c.hooks.run("before-sanity-check", w), M = w.element.parentElement, M && M.nodeName.toLowerCase() === "pre" && !M.hasAttribute("tabindex") && M.setAttribute("tabindex", "0"), !w.code) {
-          c.hooks.run("complete", w), f && f.call(w.element);
+          c.hooks.run("complete", w), g && g.call(w.element);
           return;
         }
         if (c.hooks.run("before-highlight", w), !w.grammar) {
@@ -3570,11 +3566,11 @@ var $1 = { exports: {} };
        * @example
        * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
        */
-      highlight: function(p, m, f) {
+      highlight: function(h, m, g) {
         var _ = {
-          code: p,
+          code: h,
           grammar: m,
-          language: f
+          language: g
         };
         if (c.hooks.run("before-tokenize", _), !_.grammar)
           throw new Error('The language "' + _.language + '" has no grammar.');
@@ -3604,15 +3600,15 @@ var $1 = { exports: {} };
        *     }
        * });
        */
-      tokenize: function(p, m) {
-        var f = m.rest;
-        if (f) {
-          for (var _ in f)
-            m[_] = f[_];
+      tokenize: function(h, m) {
+        var g = m.rest;
+        if (g) {
+          for (var _ in g)
+            m[_] = g[_];
           delete m.rest;
         }
         var C = new u();
-        return h(C, C.head, p), g(p, C, m, C.head, 0), E(C);
+        return p(C, C.head, h), f(h, C, m, C.head, 0), E(C);
       },
       /**
        * @namespace
@@ -3633,9 +3629,9 @@ var $1 = { exports: {} };
          * @param {HookCallback} callback The callback function which is given environment variables.
          * @public
          */
-        add: function(p, m) {
-          var f = c.hooks.all;
-          f[p] = f[p] || [], f[p].push(m);
+        add: function(h, m) {
+          var g = c.hooks.all;
+          g[h] = g[h] || [], g[h].push(m);
         },
         /**
          * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -3646,35 +3642,35 @@ var $1 = { exports: {} };
          * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
          * @public
          */
-        run: function(p, m) {
-          var f = c.hooks.all[p];
-          if (!(!f || !f.length))
-            for (var _ = 0, C; C = f[_++]; )
+        run: function(h, m) {
+          var g = c.hooks.all[h];
+          if (!(!g || !g.length))
+            for (var _ = 0, C; C = g[_++]; )
               C(m);
         }
       },
       Token: o
     };
     l.Prism = c;
-    function o(p, m, f, _) {
-      this.type = p, this.content = m, this.alias = f, this.length = (_ || "").length | 0;
+    function o(h, m, g, _) {
+      this.type = h, this.content = m, this.alias = g, this.length = (_ || "").length | 0;
     }
-    o.stringify = function p(m, f) {
+    o.stringify = function h(m, g) {
       if (typeof m == "string")
         return m;
       if (Array.isArray(m)) {
         var _ = "";
         return m.forEach(function(z) {
-          _ += p(z, f);
+          _ += h(z, g);
         }), _;
       }
       var C = {
         type: m.type,
-        content: p(m.content, f),
+        content: h(m.content, g),
         tag: "span",
         classes: ["token", m.type],
         attributes: {},
-        language: f
+        language: g
       }, M = m.alias;
       M && (Array.isArray(M) ? Array.prototype.push.apply(C.classes, M) : C.classes.push(M)), c.hooks.run("wrap", C);
       var H = "";
@@ -3682,19 +3678,19 @@ var $1 = { exports: {} };
         H += " " + w + '="' + (C.attributes[w] || "").replace(/"/g, "&quot;") + '"';
       return "<" + C.tag + ' class="' + C.classes.join(" ") + '"' + H + ">" + C.content + "</" + C.tag + ">";
     };
-    function d(p, m, f, _) {
-      p.lastIndex = m;
-      var C = p.exec(f);
+    function d(h, m, g, _) {
+      h.lastIndex = m;
+      var C = h.exec(g);
       if (C && _ && C[1]) {
         var M = C[1].length;
         C.index += M, C[0] = C[0].slice(M);
       }
       return C;
     }
-    function g(p, m, f, _, C, M) {
-      for (var H in f)
-        if (!(!f.hasOwnProperty(H) || !f[H])) {
-          var w = f[H];
+    function f(h, m, g, _, C, M) {
+      for (var H in g)
+        if (!(!g.hasOwnProperty(H) || !g[H])) {
+          var w = g[H];
           w = Array.isArray(w) ? w : [w];
           for (var z = 0; z < w.length; ++z) {
             if (M && M.cause == H + "," + z)
@@ -3706,12 +3702,12 @@ var $1 = { exports: {} };
             }
             for (var P = k.pattern || k, B = _.next, F = C; B !== m.tail && !(M && F >= M.reach); F += B.value.length, B = B.next) {
               var K = B.value;
-              if (m.length > p.length)
+              if (m.length > h.length)
                 return;
               if (!(K instanceof o)) {
                 var Q = 1, G;
                 if (A) {
-                  if (G = d(P, F, p, V), !G || G.index >= p.length)
+                  if (G = d(P, F, h, V), !G || G.index >= h.length)
                     break;
                   var X = G.index, Y = G.index + G[0].length, W = F;
                   for (W += B.value.length; X >= W; )
@@ -3720,20 +3716,20 @@ var $1 = { exports: {} };
                     continue;
                   for (var O = B; O !== m.tail && (W < Y || typeof O.value == "string"); O = O.next)
                     Q++, W += O.value.length;
-                  Q--, K = p.slice(F, W), G.index -= F;
+                  Q--, K = h.slice(F, W), G.index -= F;
                 } else if (G = d(P, 0, K, V), !G)
                   continue;
                 var X = G.index, ae = G[0], te = K.slice(0, X), j = K.slice(X + ae.length), se = F + K.length;
                 M && se > M.reach && (M.reach = se);
                 var ne = B.prev;
-                te && (ne = h(m, ne, te), F += te.length), b(m, ne, Q);
+                te && (ne = p(m, ne, te), F += te.length), b(m, ne, Q);
                 var me = new o(H, I ? c.tokenize(ae, I) : ae, T, ae);
-                if (B = h(m, ne, me), j && h(m, B, j), Q > 1) {
+                if (B = p(m, ne, me), j && p(m, B, j), Q > 1) {
                   var ue = {
                     cause: H + "," + z,
                     reach: se
                   };
-                  g(p, m, f, B.prev, F, ue), M && ue.reach > M.reach && (M.reach = ue.reach);
+                  f(h, m, g, B.prev, F, ue), M && ue.reach > M.reach && (M.reach = ue.reach);
                 }
               }
             }
@@ -3741,27 +3737,27 @@ var $1 = { exports: {} };
         }
     }
     function u() {
-      var p = { value: null, prev: null, next: null }, m = { value: null, prev: p, next: null };
-      p.next = m, this.head = p, this.tail = m, this.length = 0;
+      var h = { value: null, prev: null, next: null }, m = { value: null, prev: h, next: null };
+      h.next = m, this.head = h, this.tail = m, this.length = 0;
     }
-    function h(p, m, f) {
-      var _ = m.next, C = { value: f, prev: m, next: _ };
-      return m.next = C, _.prev = C, p.length++, C;
+    function p(h, m, g) {
+      var _ = m.next, C = { value: g, prev: m, next: _ };
+      return m.next = C, _.prev = C, h.length++, C;
     }
-    function b(p, m, f) {
-      for (var _ = m.next, C = 0; C < f && _ !== p.tail; C++)
+    function b(h, m, g) {
+      for (var _ = m.next, C = 0; C < g && _ !== h.tail; C++)
         _ = _.next;
-      m.next = _, _.prev = m, p.length -= C;
+      m.next = _, _.prev = m, h.length -= C;
     }
-    function E(p) {
-      for (var m = [], f = p.head.next; f !== p.tail; )
-        m.push(f.value), f = f.next;
+    function E(h) {
+      for (var m = [], g = h.head.next; g !== h.tail; )
+        m.push(g.value), g = g.next;
       return m;
     }
     if (!l.document)
-      return l.addEventListener && (c.disableWorkerMessageHandler || l.addEventListener("message", function(p) {
-        var m = JSON.parse(p.data), f = m.language, _ = m.code, C = m.immediateClose;
-        l.postMessage(c.highlight(_, c.languages[f], f)), C && l.close();
+      return l.addEventListener && (c.disableWorkerMessageHandler || l.addEventListener("message", function(h) {
+        var m = JSON.parse(h.data), g = m.language, _ = m.code, C = m.immediateClose;
+        l.postMessage(c.highlight(_, c.languages[g], g)), C && l.close();
       }, !1)), c;
     var y = c.util.currentScript();
     y && (c.filename = y.src, y.hasAttribute("data-manual") && (c.manual = !0));
@@ -4204,8 +4200,8 @@ const m2 = /* @__PURE__ */ i2(d2), u2 = {
     value: s
   });
 })(Prism);
-const ds = (h) => {
-  var b = h, {
+const ds = (p) => {
+  var b = p, {
     code: t,
     colorType: s = "dark",
     copyButtonLabel: n = "Copy to clipboard",
@@ -4216,7 +4212,7 @@ const ds = (h) => {
     maxHeight: c,
     promptSymbol: o = "$",
     shouldWrap: d = !1,
-    className: g
+    className: f
   } = b, u = S(b, [
     "code",
     "colorType",
@@ -4230,11 +4226,11 @@ const ds = (h) => {
     "shouldWrap",
     "className"
   ]);
-  const E = "pds-code-block", y = `${E}--${s}`, v = d ? `${E}__line-wrapped` : "", $ = c ? { maxHeight: `${c}rem` } : {}, p = s === "dark" ? "reverse" : "standard", m = s === "dark" ? u2 : p2, f = ["bash", "diff", "twig"], _ = /* @__PURE__ */ e.createElement(ct.LineContent, null, /* @__PURE__ */ e.createElement(ct.Token, null)), C = /* @__PURE__ */ e.createElement("div", { className: `${E}__line ${v}` }, /* @__PURE__ */ e.createElement(ct.LineNumber, { className: `${E}__number` }), _), M = /* @__PURE__ */ e.createElement("div", { className: `${E}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__prompt` }, o), _);
+  const E = "pds-code-block", y = `${E}--${s}`, v = d ? `${E}__line-wrapped` : "", $ = c ? { maxHeight: `${c}rem` } : {}, h = s === "dark" ? "reverse" : "standard", m = s === "dark" ? u2 : p2, g = ["bash", "diff", "twig"], _ = /* @__PURE__ */ e.createElement(ct.LineContent, null, /* @__PURE__ */ e.createElement(ct.Token, null)), C = /* @__PURE__ */ e.createElement("div", { className: `${E}__line ${v}` }, /* @__PURE__ */ e.createElement(ct.LineNumber, { className: `${E}__number` }), _), M = /* @__PURE__ */ e.createElement("div", { className: `${E}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${E}__prompt` }, o), _);
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: x([E, y, g != null ? g : ""]),
+      className: x([E, y, f != null ? f : ""]),
       style: $
     }, u),
     /* @__PURE__ */ e.createElement(
@@ -4243,7 +4239,7 @@ const ds = (h) => {
         code: t,
         language: a || "",
         theme: m,
-        prism: f.includes(a) ? m2 : void 0
+        prism: g.includes(a) ? m2 : void 0
       },
       /* @__PURE__ */ e.createElement(ct.Code, { className: `${E}__code`, tabIndex: 0 }, r || i ? r ? C : M : _)
     ),
@@ -4252,7 +4248,7 @@ const ds = (h) => {
       {
         ariaLabel: n,
         clipboardText: t,
-        variant: p
+        variant: h
       }
     ))
   );
@@ -4283,7 +4279,7 @@ const ds = (h) => {
     )
   );
 }, ms = (d) => {
-  var g = d, {
+  var f = d, {
     backgroundColor: t = "default",
     containerWidth: s = "standard",
     headingLevel: n = "h2",
@@ -4292,7 +4288,7 @@ const ds = (h) => {
     primaryLinkContent: i,
     secondaryLinkContent: a,
     className: c
-  } = g, o = S(g, [
+  } = f, o = S(f, [
     "backgroundColor",
     "containerWidth",
     "headingLevel",
@@ -4302,11 +4298,11 @@ const ds = (h) => {
     "secondaryLinkContent",
     "className"
   ]);
-  const u = "pds-cta-slice", h = t && t !== "default" ? `${u}--${t}` : null, b = s && s !== "standard" ? `pds-container pds-container--${s}` : "pds-container";
+  const u = "pds-cta-slice", p = t && t !== "default" ? `${u}--${t}` : null, b = s && s !== "standard" ? `pds-container pds-container--${s}` : "pds-container";
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: x([u, h, c])
+      className: x([u, p, c])
     }, o),
     /* @__PURE__ */ e.createElement("div", { className: b }, l && /* @__PURE__ */ e.createElement(mt, { baseClass: u, className: "pds-ts-4xl", level: n }, l), r && /* @__PURE__ */ e.createElement(
       "div",
@@ -4368,12 +4364,12 @@ const ds = (h) => {
     "className",
     "componentWidth"
   ]);
-  const o = "pds-file-diff", d = t + s, g = d > 0 ? s / d * 100 : 0, u = d > 0 ? t / d * 100 : 0, h = r !== null && r > 0 ? `${r}rem` : "100%";
+  const o = "pds-file-diff", d = t + s, f = d > 0 ? s / d * 100 : 0, u = d > 0 ? t / d * 100 : 0, p = r !== null && r > 0 ? `${r}rem` : "100%";
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: x([o, l != null ? l : ""]),
-      style: { width: h }
+      style: { width: p }
     }, i),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__total-changes` }, /* @__PURE__ */ e.createElement(
       Fe,
@@ -4388,7 +4384,7 @@ const ds = (h) => {
       "div",
       {
         className: `${o}__behind`,
-        style: { width: `${g}%` }
+        style: { width: `${f}%` }
       },
       /* @__PURE__ */ e.createElement(
         Fe,
@@ -4426,9 +4422,9 @@ const ds = (h) => {
     "steps",
     "className"
   ]);
-  const a = "pds-flow-steps", c = `${a}--${t}`, o = s.map(({ header: d, content: g }, u) => {
-    const h = /* @__PURE__ */ e.createElement("div", { className: `${a}__number` }, /* @__PURE__ */ e.createElement("span", null, u + 1)), b = /* @__PURE__ */ e.createElement("div", { className: `${a}__header` }, d), E = g ? /* @__PURE__ */ e.createElement("div", { className: `${a}__content` }, g) : null;
-    return /* @__PURE__ */ e.createElement("li", { key: u, className: `${a}__step` }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, h, /* @__PURE__ */ e.createElement("div", { className: `${a}__content-group` }, b, E)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${a}__header-group` }, h, b), E));
+  const a = "pds-flow-steps", c = `${a}--${t}`, o = s.map(({ header: d, content: f }, u) => {
+    const p = /* @__PURE__ */ e.createElement("div", { className: `${a}__number` }, /* @__PURE__ */ e.createElement("span", null, u + 1)), b = /* @__PURE__ */ e.createElement("div", { className: `${a}__header` }, d), E = f ? /* @__PURE__ */ e.createElement("div", { className: `${a}__content` }, f) : null;
+    return /* @__PURE__ */ e.createElement("li", { key: u, className: `${a}__step` }, t === "indented" && /* @__PURE__ */ e.createElement(e.Fragment, null, p, /* @__PURE__ */ e.createElement("div", { className: `${a}__content-group` }, b, E)), t === "left" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${a}__header-group` }, p, b), E));
   });
   return /* @__PURE__ */ e.createElement(
     "ol",
@@ -4499,8 +4495,8 @@ const ds = (h) => {
     "legalLinks",
     "className"
   ]);
-  const c = "pds-site-footer", o = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", d = (/* @__PURE__ */ new Date()).getFullYear(), g = n.includes("privacy"), u = n.includes("dataSubjectRequest"), h = n.includes("cookiePolicy"), b = n.includes("termsOfUse"), E = n.includes("acceptableUse"), y = n.includes("accessibilityStatement");
-  return /* @__PURE__ */ e.createElement("footer", L({ className: x([c, l != null ? l : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: o }, s && /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, s), /* @__PURE__ */ e.createElement("div", { className: `${c}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${c}__copyright` }, "© ", d, " Pantheon Systems, Inc."), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), u && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), y && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
+  const c = "pds-site-footer", o = t && t !== "standard" ? `pds-container pds-container--${t}` : "pds-container", d = (/* @__PURE__ */ new Date()).getFullYear(), f = n.includes("privacy"), u = n.includes("dataSubjectRequest"), p = n.includes("cookiePolicy"), b = n.includes("termsOfUse"), E = n.includes("acceptableUse"), y = n.includes("accessibilityStatement");
+  return /* @__PURE__ */ e.createElement("footer", L({ className: x([c, l != null ? l : ""]) }, r), /* @__PURE__ */ e.createElement("div", { className: o }, s && /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, s), /* @__PURE__ */ e.createElement("div", { className: `${c}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${c}__copyright` }, "© ", d, " Pantheon Systems, Inc."), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), u && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), p && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), E && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/acceptable-use-policy" }, "Acceptable Use Policy"), y && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
 }, g2 = Ze(
   (M, C) => {
     var H = M, {
@@ -4514,17 +4510,17 @@ const ds = (h) => {
       label: c,
       message: o,
       name: d,
-      nestingLevel: g = 0,
+      nestingLevel: f = 0,
       onBlur: u,
-      onChange: h,
+      onChange: p,
       onFocus: b,
       required: E,
       showLabel: y = !0,
       size: v = "M",
       validationMessage: $,
-      validationStatus: p,
+      validationStatus: h,
       value: m,
-      className: f
+      className: g
     } = H, _ = S(H, [
       "checked",
       "defaultChecked",
@@ -4548,10 +4544,10 @@ const ds = (h) => {
       "value",
       "className"
     ]);
-    const w = a ? { width: `${a / 16}rem` } : null, z = "pds-checkbox", k = n ? J.disabled : null, I = p === "error" ? J.error : null, V = g > 0 ? `${z}--indent-${g}` : null, A = E && !n ? J.required : null, T = v === "S" ? `${z}--sm` : null, N = p === "success" ? J.success : null, P = $ || o, B = typeof t != "undefined", F = typeof s != "undefined", [K, Q] = Z(
+    const w = a ? { width: `${a / 16}rem` } : null, z = "pds-checkbox", k = n ? J.disabled : null, I = h === "error" ? J.error : null, V = f > 0 ? `${z}--indent-${f}` : null, A = E && !n ? J.required : null, T = v === "S" ? `${z}--sm` : null, N = h === "success" ? J.success : null, P = $ || o, B = typeof t != "undefined", F = typeof s != "undefined", [K, Q] = Z(
       F ? s : !1
     ), G = t || K, Y = (te) => {
-      B || Q(te.target.checked), h && h(te);
+      B || Q(te.target.checked), p && p(te);
     }, W = `${z}__box`, O = r ? null : G ? `${W}--checked` : null, X = r ? `${W}--indeterminate` : null, ae = T1(() => {
       if (r)
         return /* @__PURE__ */ e.createElement(
@@ -4583,7 +4579,7 @@ const ds = (h) => {
           N,
           T,
           V,
-          f != null ? f : ""
+          g != null ? g : ""
         ].join(" ").trim().replace(/\s+/g, " "),
         style: a ? w : null
       }, _),
@@ -4602,7 +4598,7 @@ const ds = (h) => {
           onBlur: u,
           onChange: Y,
           onFocus: b,
-          "aria-invalid": p === "error" ? !0 : null,
+          "aria-invalid": h === "error" ? !0 : null,
           "aria-describedby": P ? `${l}__message` : null
         }), i)
       ), /* @__PURE__ */ e.createElement("label", { htmlFor: l, className: `${z}__label` }, /* @__PURE__ */ e.createElement(
@@ -4634,7 +4630,7 @@ const ds = (h) => {
           message: P,
           hasValidationMessage: !!$,
           validationMessageHasDecorators: !0,
-          validationStatus: p
+          validationStatus: h
         }
       )
     );
@@ -4651,9 +4647,9 @@ const ds = (h) => {
     required: c = !1,
     showLabel: o = !0,
     validationMessage: d,
-    validationStatus: g,
+    validationStatus: f,
     className: u
-  } = E, h = S(E, [
+  } = E, p = S(E, [
     "children",
     "disabled",
     "fieldsetProps",
@@ -4667,20 +4663,20 @@ const ds = (h) => {
     "validationStatus",
     "className"
   ]);
-  const y = r ? { width: `${r / 16}rem` } : null, v = "pds-checkbox-group", $ = s ? J.disabled : null, p = c && !s ? J.required : null, m = g === "error" ? J.error : null, f = g === "success" ? J.success : null, _ = d || a;
+  const y = r ? { width: `${r / 16}rem` } : null, v = "pds-checkbox-group", $ = s ? J.disabled : null, h = c && !s ? J.required : null, m = f === "error" ? J.error : null, g = f === "success" ? J.success : null, _ = d || a;
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: [
         v,
         $,
-        p,
+        h,
         m,
-        f,
+        g,
         u != null ? u : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: r ? y : null
-    }, h),
+    }, p),
     /* @__PURE__ */ e.createElement("fieldset", L({ className: `${v}__fieldset`, id: l }, n), /* @__PURE__ */ e.createElement(
       je,
       {
@@ -4699,7 +4695,7 @@ const ds = (h) => {
         message: _,
         hasValidationMessage: !!d,
         validationMessageHasDecorators: !0,
-        validationStatus: g
+        validationStatus: f
       }
     )
   );
@@ -4715,9 +4711,9 @@ const ds = (h) => {
     onValueChange: c,
     options: o,
     required: d = !1,
-    showLabel: g = !0,
+    showLabel: f = !0,
     validationMessage: u,
-    validationStatus: h,
+    validationStatus: p,
     className: b
   } = v, E = S(v, [
     "disabled",
@@ -4735,7 +4731,7 @@ const ds = (h) => {
     "validationStatus",
     "className"
   ]);
-  const $ = l ? { width: `${l / 16}rem` } : null, p = "pds-checkbox-group", m = t ? J.disabled : null, f = d && !t ? J.required : null, _ = h === "error" ? J.error : null, C = h === "success" ? J.success : null, M = u || i;
+  const $ = l ? { width: `${l / 16}rem` } : null, h = "pds-checkbox-group", m = t ? J.disabled : null, g = d && !t ? J.required : null, _ = p === "error" ? J.error : null, C = p === "success" ? J.success : null, M = u || i;
   o.map((V) => {
     V.id || (V.id = V.value);
   });
@@ -4759,16 +4755,16 @@ const ds = (h) => {
     "div",
     L({
       className: [
-        p,
+        h,
         m,
-        f,
+        g,
         _,
         C,
         b != null ? b : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: l ? $ : null
     }, E),
-    /* @__PURE__ */ e.createElement("fieldset", L({ className: `${p}__fieldset`, id: n }, s), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("fieldset", L({ className: `${h}__fieldset`, id: n }, s), /* @__PURE__ */ e.createElement(
       je,
       {
         disabled: t,
@@ -4776,9 +4772,9 @@ const ds = (h) => {
         id: n,
         isLegend: !0,
         required: d,
-        showLabel: g
+        showLabel: f
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${p}__options` }, o.map((V) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${h}__options` }, o.map((V) => /* @__PURE__ */ e.createElement(
       g2,
       {
         key: V.id,
@@ -4788,7 +4784,7 @@ const ds = (h) => {
         name: V.name,
         value: V.value,
         disabled: V.disabled || t,
-        className: `${p}__checkbox`,
+        className: `${h}__checkbox`,
         onChange: k,
         onBlur: I
       }
@@ -4800,7 +4796,7 @@ const ds = (h) => {
         message: M,
         hasValidationMessage: !!u,
         validationMessageHasDecorators: !0,
-        validationStatus: h
+        validationStatus: p
       }
     )
   );
@@ -4817,22 +4813,22 @@ const ds = (h) => {
       inputWidth: c,
       isLoading: o = !1,
       label: d,
-      labelStrings: g = {
+      labelStrings: f = {
         clearButton: "Clear input text",
         inputInstructions: "Type to search options",
         searchShortcut: "Press / to focus the search field",
         triggerButton: "Toggle dropdown menu"
       },
       loadingText: u = "Loading results...",
-      message: h,
+      message: p,
       noResultsText: b = "No results found",
       onChange: E,
       onBlur: y,
       onClear: v,
       onFocus: $,
-      onOptionSelect: p,
+      onOptionSelect: h,
       options: m,
-      placeholder: f,
+      placeholder: g,
       required: _ = !1,
       showLabel: C = !0,
       value: M,
@@ -4871,7 +4867,7 @@ const ds = (h) => {
     const T = tt(c), N = "pds-combobox", P = s ? J.disabled : null, B = _ && !s ? J.required : null, F = w === "error" ? J.error : null, K = w === "success" ? J.success : null;
     let Q = null;
     r && (Q = "search"), w === "error" && (Q = "error"), w === "success" && (Q = "success");
-    const G = H || h, Y = typeof M != "undefined", W = typeof t != "undefined", O = (q) => {
+    const G = H || p, Y = typeof M != "undefined", W = typeof t != "undefined", O = (q) => {
       const U = m.find((re) => re.value === q);
       return U ? U.label : "";
     }, [X, ae] = Z(!1), [te, j] = Z(null), [se, ne] = Z(
@@ -4915,7 +4911,7 @@ const ds = (h) => {
       $ && $(q);
     }, we = (q) => {
       const U = me[q];
-      !Y && ne(U.label), j(null), ae(!1), p && p(U);
+      !Y && ne(U.label), j(null), ae(!1), h && h(U);
     }, Ne = (q) => q.map((re) => {
       const Ue = re, { label: le, optionDisplay: pe, value: oe, searchIndex: ye } = Ue, nt = S(Ue, ["label", "optionDisplay", "value", "searchIndex"]), Le = oe || le, We = [le, oe];
       return ye && We.push(...ye), L({
@@ -5004,9 +5000,9 @@ const ds = (h) => {
             autoComplete: "off"
           }, Be({
             "aria-autocomplete": "list",
-            "aria-label": g.inputInstructions,
+            "aria-label": f.inputInstructions,
             disabled: s,
-            placeholder: f,
+            placeholder: g,
             value: ge,
             onBlur: fe,
             onChange: Ee,
@@ -5020,7 +5016,7 @@ const ds = (h) => {
           Gt,
           {
             id: `input-${a}`,
-            clearLabel: g.clearButton,
+            clearLabel: f.clearButton,
             handleClearInput: _e
           }
         ),
@@ -5028,7 +5024,7 @@ const ds = (h) => {
           E1,
           {
             inputId: `input-${a}`,
-            shortcutLabel: g.searchShortcut
+            shortcutLabel: f.searchShortcut
           }
         ),
         l && /* @__PURE__ */ e.createElement(
@@ -5040,7 +5036,7 @@ const ds = (h) => {
             disabled: s,
             type: "button",
             "aria-expanded": X,
-            "aria-label": g.triggerButton
+            "aria-label": f.triggerButton
           })), {
             className: `${N}__trigger`
           }),
@@ -5078,8 +5074,8 @@ const ds = (h) => {
     );
   }
 ), vs = Ze(
-  (f, m) => {
-    var _ = f, {
+  (g, m) => {
+    var _ = g, {
       accept: t,
       defaultValue: s,
       disabled: n = !1,
@@ -5093,15 +5089,15 @@ const ds = (h) => {
       },
       message: o,
       multiple: d = !1,
-      onClear: g,
+      onClear: f,
       onFileChange: u,
-      required: h = !1,
+      required: p = !1,
       showFullPath: b,
       showLabel: E = !0,
       validationMessage: y,
       validationStatus: v,
       className: $
-    } = _, p = S(_, [
+    } = _, h = S(_, [
       "accept",
       "defaultValue",
       "disabled",
@@ -5121,7 +5117,7 @@ const ds = (h) => {
       "validationStatus",
       "className"
     ]);
-    const [C, M] = Z(!1), H = tt(a), w = "pds-file-upload", z = n ? J.disabled : null, k = h && !n ? J.required : null, I = v === "error" ? J.error : null, V = v === "success" ? J.success : null;
+    const [C, M] = Z(!1), H = tt(a), w = "pds-file-upload", z = n ? J.disabled : null, k = p && !n ? J.required : null, I = v === "error" ? J.error : null, V = v === "success" ? J.success : null;
     let A = null;
     v === "error" && (A = "error"), v === "success" && (A = "success");
     const T = y || o;
@@ -5153,7 +5149,7 @@ const ds = (h) => {
       const F = document.getElementById(
         `${r}--input`
       );
-      F.value = "", M(!1), g && g(), F.focus();
+      F.value = "", M(!1), f && f(), F.focus();
     };
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -5168,7 +5164,7 @@ const ds = (h) => {
           $ != null ? $ : ""
         ]),
         style: a ? H : null
-      }, p),
+      }, h),
       /* @__PURE__ */ e.createElement(
         je,
         {
@@ -5176,7 +5172,7 @@ const ds = (h) => {
           isPseudoLabel: !0,
           label: l,
           showLabel: E,
-          required: h,
+          required: p,
           disabled: n
         }
       ),
@@ -5198,7 +5194,7 @@ const ds = (h) => {
           accept: t || null,
           disabled: n,
           multiple: d,
-          required: h,
+          required: p,
           onChange: N,
           "aria-invalid": v === "error" ? !0 : null,
           "aria-describedby": T ? `${r}__message` : null
@@ -5232,11 +5228,11 @@ const ds = (h) => {
     "className"
   ]);
   var b, E, y, v;
-  const i = "pds-input-group", a = [t[0], t[1]], c = (b = t[0].props.id) != null ? b : null, o = (E = t[0].props.message) != null ? E : null, d = (y = t[0].props.validationMessage) != null ? y : null, g = (v = t[0].props.validationStatus) != null ? v : null, u = d || o, h = u ? `${i}--has-message` : null;
+  const i = "pds-input-group", a = [t[0], t[1]], c = (b = t[0].props.id) != null ? b : null, o = (E = t[0].props.message) != null ? E : null, d = (y = t[0].props.validationMessage) != null ? y : null, f = (v = t[0].props.validationStatus) != null ? v : null, u = d || o, p = u ? `${i}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: x([i, h, s != null ? s : ""])
+      className: x([i, p, s != null ? s : ""])
     }, n),
     /* @__PURE__ */ e.createElement("div", { className: `${i}__inner` }, a),
     u && /* @__PURE__ */ e.createElement(
@@ -5246,12 +5242,12 @@ const ds = (h) => {
         message: u,
         hasValidationMessage: !!d,
         validationMessageHasDecorators: !1,
-        validationStatus: g
+        validationStatus: f
       }
     )
   );
-}, Cs = (p) => {
-  var m = p, {
+}, Cs = (h) => {
+  var m = h, {
     defaultValue: t,
     disabled: s = !1,
     fieldsetProps: n,
@@ -5262,9 +5258,9 @@ const ds = (h) => {
     onBlur: c,
     onChange: o,
     onValueChange: d,
-    options: g,
+    options: f,
     required: u = !1,
-    showLabel: h = !0,
+    showLabel: p = !0,
     validationMessage: b,
     validationStatus: E,
     value: y,
@@ -5288,7 +5284,7 @@ const ds = (h) => {
     "value",
     "className"
   ]);
-  const f = "pds-radio-group", _ = s ? J.disabled : null, C = u && !s ? J.required : null, M = E === "error" ? J.error : null, H = E === "success" ? J.success : null, w = typeof y != "undefined", z = typeof t != "undefined", [k, I] = Z(
+  const g = "pds-radio-group", _ = s ? J.disabled : null, C = u && !s ? J.required : null, M = E === "error" ? J.error : null, H = E === "success" ? J.success : null, w = typeof y != "undefined", z = typeof t != "undefined", [k, I] = Z(
     z ? t : ""
   ), V = b || a, A = (N) => {
     w || I(N.target.value), o && o(N), d && d(N.target.value);
@@ -5299,7 +5295,7 @@ const ds = (h) => {
     "div",
     L({
       className: x([
-        f,
+        g,
         _,
         C,
         M,
@@ -5308,7 +5304,7 @@ const ds = (h) => {
       ]),
       style: tt(r)
     }, $),
-    /* @__PURE__ */ e.createElement("fieldset", L({ className: `${f}__fieldset`, id: l }, n), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("fieldset", L({ className: `${g}__fieldset`, id: l }, n), /* @__PURE__ */ e.createElement(
       je,
       {
         disabled: s,
@@ -5316,12 +5312,12 @@ const ds = (h) => {
         id: l,
         isLegend: !0,
         required: u,
-        showLabel: h
+        showLabel: p
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, g.map((N, P) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${g}__options` }, f.map((N, P) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${f}__option`,
+        className: `${g}__option`,
         key: `${l}-option-${P}`
       },
       /* @__PURE__ */ e.createElement(
@@ -5376,8 +5372,8 @@ const ds = (h) => {
   },
   /* @__PURE__ */ e.createElement(R, { iconName: "xmark", iconSize: "sm" })
 )), $s = Ze(
-  (p, $) => {
-    var m = p, {
+  (h, $) => {
+    var m = h, {
       checked: t,
       defaultChecked: s,
       disabled: n = !1,
@@ -5388,9 +5384,9 @@ const ds = (h) => {
       switchPlacement: c = "right",
       message: o,
       offLabel: d = "Off",
-      onChange: g,
+      onChange: f,
       onLabel: u = "On",
-      required: h = !1,
+      required: p = !1,
       showLabel: b = !0,
       showStatusLabel: E = !0,
       className: y
@@ -5412,8 +5408,8 @@ const ds = (h) => {
       "showStatusLabel",
       "className"
     ]);
-    const f = tt(i), _ = "pds-switch", C = n ? J.disabled : null, M = h && !n ? J.required : null, H = typeof t != "undefined", w = c == "below", z = c == "right", k = !H && s ? s : !1, [I, V] = Z(k), A = t || I ? u : d, T = (Q) => {
-      H || V(Q.target.checked), g && g(Q);
+    const g = tt(i), _ = "pds-switch", C = n ? J.disabled : null, M = p && !n ? J.required : null, H = typeof t != "undefined", w = c == "below", z = c == "right", k = !H && s ? s : !1, [I, V] = Z(k), A = t || I ? u : d, T = (Q) => {
+      H || V(Q.target.checked), f && f(Q);
     }, N = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
       L({
@@ -5425,7 +5421,7 @@ const ds = (h) => {
         className: "visually-hidden",
         onChange: T,
         disabled: n,
-        required: h,
+        required: p,
         checked: t !== void 0 ? t : I,
         "aria-describedby": o ? `${l}__message` : null
       }, r)
@@ -5435,7 +5431,7 @@ const ds = (h) => {
         id: l,
         label: a,
         showLabel: b,
-        required: h,
+        required: p,
         disabled: n,
         className: x([
           "pds-input-label--disable-click",
@@ -5474,7 +5470,7 @@ const ds = (h) => {
           K,
           y
         ]),
-        style: i ? f : null
+        style: i ? g : null
       }, v),
       F
     );
@@ -5492,9 +5488,9 @@ const ds = (h) => {
       message: c,
       onBlur: o,
       onChange: d,
-      onFocus: g,
+      onFocus: f,
       placeholder: u,
-      readonly: h = !1,
+      readonly: p = !1,
       required: b = !1,
       rows: E = 5,
       showLabel: y,
@@ -5507,9 +5503,9 @@ const ds = (h) => {
         visibilityToggleHide: "Hide input value",
         visibilityToggleShow: "Show input value"
       },
-      validationMessage: p,
+      validationMessage: h,
       validationStatus: m,
-      value: f,
+      value: g,
       className: _
     } = w, C = S(w, [
       "counterMaxLength",
@@ -5535,9 +5531,9 @@ const ds = (h) => {
       "value",
       "className"
     ]);
-    const z = tt(r), k = "pds-textarea", I = i ? "pds-is-resizable" : null, V = n ? J.disabled : null, A = b && !n ? J.required : null, T = m === "error" ? J.error : null, N = m === "success" ? J.success : null, P = h ? J.readonly : null, B = p || c, F = f != null && d !== void 0, K = typeof s != "undefined", [Q, G] = Z(
+    const z = tt(r), k = "pds-textarea", I = i ? "pds-is-resizable" : null, V = n ? J.disabled : null, A = b && !n ? J.required : null, T = m === "error" ? J.error : null, N = m === "success" ? J.success : null, P = p ? J.readonly : null, B = h || c, F = g != null && d !== void 0, K = typeof s != "undefined", [Q, G] = Z(
       K ? s : ""
-    ), Y = f || Q, W = (X) => {
+    ), Y = g || Q, W = (X) => {
       F || G(X.target.value), d && d(X);
     }, O = (X) => {
       o && o(X);
@@ -5585,13 +5581,13 @@ const ds = (h) => {
           name: l,
           placeholder: u,
           required: b,
-          readOnly: h,
+          readOnly: p,
           disabled: n,
-          value: F ? f : Q,
+          value: F ? g : Q,
           rows: E,
           onChange: W,
           onBlur: O,
-          onFocus: g,
+          onFocus: f,
           "aria-invalid": m === "error",
           "aria-describedby": B ? `${l}__message` : null
         }, v)
@@ -5601,7 +5597,7 @@ const ds = (h) => {
         {
           id: l,
           message: B,
-          hasValidationMessage: !!p,
+          hasValidationMessage: !!h,
           validationMessageHasDecorators: !0,
           validationStatus: m
         }
@@ -5621,17 +5617,17 @@ const ds = (h) => {
       inputProps: c,
       inputWidth: o,
       label: d,
-      message: g,
+      message: f,
       onBlur: u,
-      onChange: h,
+      onChange: p,
       onClear: b,
       onFocus: E,
       placeholder: y,
       readonly: v = !1,
       required: $ = !1,
-      searchIcon: p = "search",
+      searchIcon: h = "search",
       showLabel: m = !0,
-      showVisibilityToggle: f = !1,
+      showVisibilityToggle: g = !1,
       translationStrings: _ = {
         clearButton: "Clear input text",
         counterOverLimit: "Character limit exceeded by",
@@ -5676,13 +5672,13 @@ const ds = (h) => {
     ]);
     const T = tt(o), N = "pds-text-input", P = l ? J.disabled : null, B = $ && !l ? J.required : null, F = H === "error" ? J.error : null, K = H === "success" ? J.success : null, Q = v ? J.readonly : null;
     let G = null;
-    C === "search" && (G = "search"), C === "search" && p === "filter" && (G = "filter"), H === "error" && (G = "error"), H === "success" && (G = "success");
-    const Y = M || g, W = typeof w != "undefined", O = typeof n != "undefined", [X, ae] = Z(
+    C === "search" && (G = "search"), C === "search" && h === "filter" && (G = "filter"), H === "error" && (G = "error"), H === "success" && (G = "success");
+    const Y = M || f, W = typeof w != "undefined", O = typeof n != "undefined", [X, ae] = Z(
       O ? n : ""
     ), te = w || X, j = (ee) => {
-      f && me && ue(!1), u && u(ee);
+      g && me && ue(!1), u && u(ee);
     }, se = (ee) => {
-      W || ae(ee.target.value), h && h(ee);
+      W || ae(ee.target.value), p && p(ee);
     }, ne = () => {
       W || ae(""), b && b();
       const ee = document.getElementById(a);
@@ -5693,7 +5689,7 @@ const ds = (h) => {
       ee && ee.focus();
     };
     let $e = C;
-    return f && C === "password" && (me ? $e = "text" : $e = "password"), /* @__PURE__ */ e.createElement(
+    return g && C === "password" && (me ? $e = "text" : $e = "password"), /* @__PURE__ */ e.createElement(
       "div",
       L({
         className: x([
@@ -5718,7 +5714,7 @@ const ds = (h) => {
           disabled: l
         }
       ),
-      f && C === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${_.visibilityStatus} ${me ? "visible" : "hidden"}.`),
+      g && C === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${_.visibilityStatus} ${me ? "visible" : "hidden"}.`),
       /* @__PURE__ */ e.createElement("div", { className: `${N}__input-wrapper` }, G && /* @__PURE__ */ e.createElement(ut, { variant: G }), /* @__PURE__ */ e.createElement(
         "input",
         L({
@@ -5746,7 +5742,7 @@ const ds = (h) => {
           clearLabel: _.clearButton,
           handleClearInput: ne
         }
-      ), f && C === "password" && /* @__PURE__ */ e.createElement(
+      ), g && C === "password" && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
@@ -5812,7 +5808,7 @@ const ds = (h) => {
     /* @__PURE__ */ e.createElement(R, { iconName: "externalLink", className: `${o}__icon` })
   );
 }, Ls = (d) => {
-  var g = d, {
+  var f = d, {
     ariaLabel: t,
     children: s,
     hasCloseButton: n = !0,
@@ -5822,7 +5818,7 @@ const ds = (h) => {
     size: i = "md",
     title: a,
     className: c
-  } = g, o = S(g, [
+  } = f, o = S(f, [
     "ariaLabel",
     "children",
     "hasCloseButton",
@@ -5832,7 +5828,7 @@ const ds = (h) => {
     "title",
     "className"
   ]);
-  const u = "pds-modal", h = i !== "md" ? `${u}--${i}` : null, [b, E] = Z(l);
+  const u = "pds-modal", p = i !== "md" ? `${u}--${i}` : null, [b, E] = Z(l);
   ce(() => {
     E(l);
   }, [l]), ce(() => {
@@ -5841,9 +5837,9 @@ const ds = (h) => {
   const { refs: y, context: v, floatingStyles: $ } = Ve({
     open: b,
     onOpenChange: E
-  }), p = Ke(v), m = Ie(v, {
+  }), h = Ke(v), m = Ie(v, {
     outsidePressEvent: "mousedown"
-  }), f = Se(v), { getFloatingProps: _ } = Ae([p, m, f]), { isMounted: C, styles: M } = Xe(v, {
+  }), g = Se(v), { getFloatingProps: _ } = Ae([h, m, g]), { isMounted: C, styles: M } = Xe(v, {
     duration: {
       open: 300,
       close: 300
@@ -5878,7 +5874,7 @@ const ds = (h) => {
         ref: y.setFloating,
         "aria-label": t || a
       }, _()), {
-        className: [u, h, c].join(" ").trim().replace(/\s+/g, " "),
+        className: [u, p, c].join(" ").trim().replace(/\s+/g, " "),
         style: he(L(L({}, $), M), {
           position: "relative",
           top: "5%"
@@ -5908,9 +5904,9 @@ const ds = (h) => {
     "crumbs",
     "className"
   ]);
-  const a = "pds-breadcrumb", c = s.length, o = s.map((d, g) => {
-    if (g < c - 1)
-      return /* @__PURE__ */ e.createElement("li", { key: g, className: `${a}__crumb` }, d);
+  const a = "pds-breadcrumb", c = s.length, o = s.map((d, f) => {
+    if (f < c - 1)
+      return /* @__PURE__ */ e.createElement("li", { key: f, className: `${a}__crumb` }, d);
     {
       const u = be(d) ? xe(d, {
         "aria-current": "page"
@@ -5918,7 +5914,7 @@ const ds = (h) => {
       return /* @__PURE__ */ e.createElement(
         "li",
         {
-          key: g,
+          key: f,
           className: `${a}__crumb ${a}__crumb--current`
         },
         u
@@ -6003,8 +5999,8 @@ const ds = (h) => {
     }, l),
     s
   );
-}, Mt = m1(null), Hs = (h) => {
-  var b = h, {
+}, Mt = m1(null), Hs = (p) => {
+  var b = p, {
     children: t,
     hasSidebarToggle: s = !0,
     isAdmin: n,
@@ -6016,7 +6012,7 @@ const ds = (h) => {
     isSidebarExpanded: o,
     setIsSidebarExpanded: d = () => {
     },
-    className: g
+    className: f
   } = b, u = S(b, [
     "children",
     "hasSidebarToggle",
@@ -6030,23 +6026,21 @@ const ds = (h) => {
     "setIsSidebarExpanded",
     "className"
   ]);
-  const { breakpoint: E, isMobile: y } = Ce(ze), [v, $] = Z(
-    E === "xl" || o
-  ), p = ie(), [m] = yt(p), f = m.width;
+  const { isMobile: E, windowWidth: y } = Ce(ze), [v, $] = Z(y > 1440 || o), h = ie(), [m] = yt(h), g = m.width;
   ce(() => {
     o !== void 0 && $(o);
   }, [o]), ce(() => {
     d(v);
   }, [v, d]);
   const _ = {
-    isSidebarExpanded: y ? !0 : v,
+    isSidebarExpanded: E ? !0 : v,
     logoLinkContent: l,
-    navbarWidth: f,
+    navbarWidth: g,
     isAdmin: n
-  }, C = "pds-dashboard-global", M = n ? `${C}--isAdmin` : null, H = y ? `${C}--isMobile` : `${C}--notMobile`, w = y ? null : v ? `${C}--sidebarExpanded` : `${C}--sidebarCollapsed`, z = v ? `${i}rem` : `${r}rem`, k = {
+  }, C = "pds-dashboard-global", M = n ? `${C}--isAdmin` : null, H = E ? `${C}--isMobile` : `${C}--notMobile`, w = E ? null : v ? `${C}--sidebarExpanded` : `${C}--sidebarCollapsed`, z = v ? `${i}rem` : `${r}rem`, k = {
     width: z,
     transition: "width 200ms ease-in-out"
-  }, I = y ? {} : {
+  }, I = E ? {} : {
     width: `calc(100% - ${z})`,
     transition: "width 200ms ease-in-out"
   }, V = () => {
@@ -6070,19 +6064,19 @@ const ds = (h) => {
         H,
         w,
         "pds-typography--product",
-        g != null ? g : ""
+        f != null ? f : ""
       ])
     }, u),
-    y && T,
-    y ? F : K,
+    E && T,
+    E ? F : K,
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: p,
+        ref: h,
         className: `${C}__container`,
         style: I
       },
-      !y && /* @__PURE__ */ e.createElement("div", { className: `${C}__header` }, T),
+      !E && /* @__PURE__ */ e.createElement("div", { className: `${C}__header` }, T),
       /* @__PURE__ */ e.createElement("main", { id: "main", className: `${C}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__main-inner` }, P), B && /* @__PURE__ */ e.createElement("footer", { className: `${C}__footer` }, B))
     )
   ));
@@ -6094,7 +6088,7 @@ const ds = (h) => {
   linkContent: r,
   links: i
 }) => {
-  const a = "pds-dashboard-nav", c = `${a}__item`, o = `${a}__menu`, d = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Bt(a, r, i, t)), g = (M, H) => /* @__PURE__ */ e.createElement(
+  const a = "pds-dashboard-nav", c = `${a}__item`, o = `${a}__menu`, d = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Bt(a, r, i, t)), f = (M, H) => /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: x([
@@ -6115,19 +6109,19 @@ const ds = (h) => {
       },
       w.linkContent
     ))
-  ), [u, h] = Z(!1), { refs: b, floatingStyles: E, context: y } = Ve({
+  ), [u, p] = Z(!1), { refs: b, floatingStyles: E, context: y } = Ve({
     placement: "right-start",
     open: u,
-    onOpenChange: h,
+    onOpenChange: p,
     middleware: [Ct(12), $t(), wt()],
     whileElementsMounted: Pe
   }), v = gt(y, {
     move: !1,
     handleClose: g1()
-  }), $ = p1(y), p = Ie(y), m = Se(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: _ } = Ae([
+  }), $ = p1(y), h = Ie(y), m = Se(y, { role: "menu" }), { getReferenceProps: g, getFloatingProps: _ } = Ae([
     v,
     $,
-    p,
+    h,
     m
   ]), C = (M) => {
     const H = M.target;
@@ -6147,7 +6141,7 @@ const ds = (h) => {
         s ? `${c}--active` : null
       ]),
       ref: n ? null : b.setReference
-    }, f()),
+    }, g()),
     i ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Bt(
       a,
       r,
@@ -6165,7 +6159,7 @@ const ds = (h) => {
       },
       /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", iconSize: "md" }),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${l.toggle} ${Ge(r)} ${l.submenu}`)
-    )), n && g(i, "second-level"), !n && u && /* @__PURE__ */ e.createElement(
+    )), n && f(i, "second-level"), !n && u && /* @__PURE__ */ e.createElement(
       "div",
       L({
         className: `${a}__flyout`,
@@ -6173,7 +6167,7 @@ const ds = (h) => {
         style: E
       }, _()),
       /* @__PURE__ */ e.createElement("div", { className: `${a}__flyout-heading` }, Ge(r)),
-      g(i, "second-level-flyout")
+      f(i, "second-level-flyout")
     )) : /* @__PURE__ */ e.createElement(e.Fragment, null, n ? d : /* @__PURE__ */ e.createElement(
       Fe,
       {
@@ -6199,7 +6193,7 @@ const ds = (h) => {
     "selectTextFallback",
     "className"
   ]);
-  const c = "pds-dropdown-menu", [o, d] = Z(!1), [g, u] = Z(null), h = jt(s), b = h ? h.props.children : n, E = /* @__PURE__ */ e.createElement(
+  const c = "pds-dropdown-menu", [o, d] = Z(!1), [f, u] = Z(null), p = jt(s), b = p ? p.props.children : n, E = /* @__PURE__ */ e.createElement(
     R,
     {
       iconName: "check",
@@ -6208,7 +6202,7 @@ const ds = (h) => {
     }
   ), y = (T) => {
     var N;
-    T.key === "Enter" && ((N = _.current[g].querySelector("a")) == null || N.click());
+    T.key === "Enter" && ((N = _.current[f].querySelector("a")) == null || N.click());
   }, v = (T) => {
     T.target.nodeName === "A" && d(!1);
   };
@@ -6231,7 +6225,7 @@ const ds = (h) => {
         tabIndex: -1
       }
     )
-  }), p = (T) => {
+  }), h = (T) => {
     const N = [];
     return T.forEach((P) => {
       P.links ? (N.push($({ item: P, level: "top-level" })), P.links.forEach((B) => {
@@ -6248,21 +6242,21 @@ const ds = (h) => {
         })) : N.push($({ item: B, level: "second-level" }));
       })) : N.push($({ item: P, level: "top-level" }));
     }), N;
-  }, { refs: m, context: f } = Ve({
+  }, { refs: m, context: g } = Ve({
     placement: "bottom-start",
     open: o,
     onOpenChange: d,
     whileElementsMounted: Pe
-  }), _ = ie([]), C = lt(f, {
+  }), _ = ie([]), C = lt(g, {
     listRef: _,
-    activeIndex: g,
+    activeIndex: f,
     onNavigate: u,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), M = Ke(f, { event: "mousedown" }), H = Ie(f), w = Se(f, { role: "menu" }), { getReferenceProps: z, getFloatingProps: k, getItemProps: I } = Ae(
+  }), M = Ke(g, { event: "mousedown" }), H = Ie(g), w = Se(g, { role: "menu" }), { getReferenceProps: z, getFloatingProps: k, getItemProps: I } = Ae(
     [H, w, M, C]
-  ), { isMounted: V, styles: A } = Xe(f, {
+  ), { isMounted: V, styles: A } = Xe(g, {
     duration: {
       open: 300,
       close: 300
@@ -6301,13 +6295,13 @@ const ds = (h) => {
         zIndex: "var(--pds-z-index-dropdown)"
       })
     }, k()),
-    p(s).map((T, N) => /* @__PURE__ */ e.createElement(
+    h(s).map((T, N) => /* @__PURE__ */ e.createElement(
       "li",
       L({
         key: N,
         onKeyDown: y,
         className: `${c}__item ${c}__item--${T.level} ${T.isActive === !0 ? `${c}__item--active` : ""}`,
-        tabIndex: g === N ? 0 : -1,
+        tabIndex: f === N ? 0 : -1,
         ref: (P) => {
           _.current[N] = P;
         }
@@ -6618,7 +6612,7 @@ const ds = (h) => {
     "subBrand",
     "className"
   ]);
-  const o = "pds-pantheon-logo", d = s && s !== "full" ? `${o}--${s}` : null, g = t && t !== "default" ? `${o}--${t}` : null;
+  const o = "pds-pantheon-logo", d = s && s !== "full" ? `${o}--${s}` : null, f = t && t !== "default" ? `${o}--${t}` : null;
   let u;
   switch (s) {
     case "full":
@@ -6636,9 +6630,9 @@ const ds = (h) => {
     case "sub-brand-small":
       u = St;
   }
-  const h = e.isValidElement(n) && typeof n.props.children == "string" ? n.props.children : "", b = e.isValidElement(n) ? xe(n, {
+  const p = e.isValidElement(n) && typeof n.props.children == "string" ? n.props.children : "", b = e.isValidElement(n) ? xe(n, {
     children: u,
-    "aria-label": h || null
+    "aria-label": p || null
   }) : n;
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -6646,7 +6640,7 @@ const ds = (h) => {
       className: x([
         o,
         d,
-        g,
+        f,
         r != null ? r : ""
       ])
     }, i),
@@ -6673,26 +6667,26 @@ const ds = (h) => {
   let o = !1;
   const d = Ce(ze);
   d && (o = d.isMobile);
-  const g = Ce(Mt);
-  let u = !0, h = null;
-  g && (u = g.isSidebarExpanded, h = g.logoLinkContent);
-  const b = "pds-dashboard-nav", E = u ? `${b}--expanded` : `${b}--collapsed`, y = /* @__PURE__ */ e.createElement(e.Fragment, null, n.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${b}__menu ${b}__menu--top-level` }, n.map((p, m) => /* @__PURE__ */ e.createElement(
+  const f = Ce(Mt);
+  let u = !0, p = null;
+  f && (u = f.isSidebarExpanded, p = f.logoLinkContent);
+  const b = "pds-dashboard-nav", E = u ? `${b}--expanded` : `${b}--collapsed`, y = /* @__PURE__ */ e.createElement(e.Fragment, null, n.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${b}__menu ${b}__menu--top-level` }, n.map((h, m) => /* @__PURE__ */ e.createElement(
     C2,
     {
       key: m,
-      icon: p.icon,
-      isActive: ve(p),
+      icon: h.icon,
+      isActive: ve(h),
       isSidebarExpanded: u,
       labels: s,
-      linkContent: p.linkContent,
-      links: p.links
+      linkContent: h.linkContent,
+      links: h.links
     }
-  )))), v = n.map((p) => he(L({}, p), {
+  )))), v = n.map((h) => he(L({}, h), {
     linkContent: Bt(
       b,
-      p.linkContent,
-      p.links,
-      p.icon
+      h.linkContent,
+      h.links,
+      h.icon
     )
   })), $ = /* @__PURE__ */ e.createElement(
     Kt,
@@ -6712,7 +6706,7 @@ const ds = (h) => {
       {
         className: `${b}__logo`,
         displayType: u ? "full" : "icon",
-        linkContent: h
+        linkContent: p
       }
     ),
     o ? $ : y
@@ -6802,9 +6796,9 @@ const ds = (h) => {
     onFocus: c,
     onOptionSelect: o,
     placeholder: d = "Search sites",
-    siteList: g,
+    siteList: f,
     horizontalOffset: u = 0,
-    className: h
+    className: p
   } = y, b = S(y, [
     "disabled",
     "id",
@@ -6820,7 +6814,7 @@ const ds = (h) => {
     "horizontalOffset",
     "className"
   ]);
-  const [v, $] = Z(!1), [p, m] = Z(null), f = ie(null);
+  const [v, $] = Z(!1), [h, m] = Z(null), g = ie(null);
   let _ = !1;
   const C = Ce(ze);
   C && (_ = C.isMobile);
@@ -6835,7 +6829,7 @@ const ds = (h) => {
     width: `${A}rem`
   }, N = "pds-dashboard-search", P = _ ? `${N}--isMobile` : null, B = () => {
     $(!0), setTimeout(() => {
-      f.current.querySelector("input").focus();
+      g.current.querySelector("input").focus();
     }, 500);
   }, F = () => {
     setTimeout(() => {
@@ -6846,10 +6840,10 @@ const ds = (h) => {
   };
   ce(() => {
     const O = (ae) => {
-      f.current && !f.current.contains(ae.target) && $(!1);
+      g.current && !g.current.contains(ae.target) && $(!1);
     }, X = (ae) => {
       var j;
-      const te = (j = f.current) == null ? void 0 : j.querySelector("input");
+      const te = (j = g.current) == null ? void 0 : j.querySelector("input");
       ae.key === "Tab" && v && te === document.activeElement && $(!1);
     };
     if (v)
@@ -6857,7 +6851,7 @@ const ds = (h) => {
         document.removeEventListener("mousedown", O), document.removeEventListener("keydown", X);
       };
   }, [v]);
-  const Q = g.map((O) => {
+  const Q = f.map((O) => {
     const { id: X, machineName: ae, name: te } = O;
     return {
       id: X,
@@ -6865,13 +6859,13 @@ const ds = (h) => {
       value: ae != null ? ae : te,
       optionDisplay: /* @__PURE__ */ e.createElement(L2, { option: O })
     };
-  }), G = /* @__PURE__ */ e.createElement("div", { ref: f, className: `${N}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
+  }), G = /* @__PURE__ */ e.createElement("div", { ref: g, className: `${N}__combobox-wrapper` }, /* @__PURE__ */ e.createElement(
     _2,
     {
       disabled: t,
       hasClearButton: !1,
       id: `${s}-combobox`,
-      defaultValue: p,
+      defaultValue: h,
       isLoading: n,
       label: l,
       labelStrings: r,
@@ -6915,7 +6909,7 @@ const ds = (h) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: x([N, P, h != null ? h : ""]),
+      className: x([N, P, p != null ? p : ""]),
       id: s,
       style: _ ? null : T,
       onKeyDown: _ ? null : (O) => {
@@ -6942,8 +6936,8 @@ const ds = (h) => {
     }, l),
     t
   );
-}, xs = (h) => {
-  var b = h, {
+}, xs = (p) => {
+  var b = p, {
     children: t,
     colorType: s = "default",
     containerWidth: n = "x-wide",
@@ -6957,7 +6951,7 @@ const ds = (h) => {
       closeMobileNav: "Close navigation area",
       openMobileNav: "Open navigation area"
     },
-    className: g
+    className: f
   } = b, u = S(b, [
     "children",
     "colorType",
@@ -6975,9 +6969,9 @@ const ds = (h) => {
   let v = !1;
   const $ = Ce(ze);
   $ && (v = $.isMobile);
-  const p = Ce(Mt);
-  p && (a = p.logoLinkContent);
-  const m = "pds-navbar", f = l ? `${m}--noBorder` : "", _ = s !== "default" ? `${m}--${s}` : "", C = v ? `${m}--isMobile` : `${m}--notMobile`, M = (Y) => {
+  const h = Ce(Mt);
+  h && (a = h.logoLinkContent);
+  const m = "pds-navbar", g = l ? `${m}--noBorder` : "", _ = s !== "default" ? `${m}--${s}` : "", C = v ? `${m}--isMobile` : `${m}--notMobile`, M = (Y) => {
     const W = Y.key;
     let O = !1;
     switch (W) {
@@ -7065,9 +7059,9 @@ const ds = (h) => {
       className: x([
         m,
         _,
-        f,
+        g,
         C,
-        g != null ? g : ""
+        f != null ? f : ""
       ])
     }, u),
     v ? Q : G
@@ -7083,12 +7077,12 @@ const ds = (h) => {
   }), []);
   const c = () => {
     a(window.innerWidth);
-  }, o = i <= n, d = "pds-nav-menu", { refs: g, context: u } = Ve({
+  }, o = i <= n, d = "pds-nav-menu", { refs: f, context: u } = Ve({
     placement: "bottom-start",
     open: l,
     onOpenChange: r,
     whileElementsMounted: Pe
-  }), h = Ke(u, { event: "mousedown" }), b = Ie(u), E = Se(u, { role: "menu" });
+  }), p = Ke(u, { event: "mousedown" }), b = Ie(u), E = Se(u, { role: "menu" });
   let y;
   o ? y = gt(u, {
     enabled: !1
@@ -7103,14 +7097,14 @@ const ds = (h) => {
   const { getReferenceProps: v, getFloatingProps: $ } = Ae([
     b,
     E,
-    h,
+    p,
     y
-  ]), p = (m) => !!(m.isActive || m.linkContent && m.linkContent.props.className && m.linkContent.props.className.includes("pds-isActive"));
+  ]), h = (m) => !!(m.isActive || m.linkContent && m.linkContent.props.className && m.linkContent.props.className.includes("pds-isActive"));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     L({
       className: `${d}__trigger`,
-      ref: g.setReference
+      ref: f.setReference
     }, v()),
     s,
     /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", className: `${d}__trigger-icon` })
@@ -7118,14 +7112,14 @@ const ds = (h) => {
     "ul",
     L({
       className: `${d}__dropdown`,
-      ref: g.setFloating
+      ref: f.setFloating
     }, $()),
-    t.map((m, f) => /* @__PURE__ */ e.createElement(
+    t.map((m, g) => /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: f,
+        key: g,
         role: m.isSeparator ? "separator" : "menuitem",
-        className: `${d}__item ${m.isSeparator ? `${d}__dropdown--separator` : `${d}__item--second-level`} ${p(m) ? `${d}__item--active` : null}`
+        className: `${d}__item ${m.isSeparator ? `${d}__dropdown--separator` : `${d}__item--second-level`} ${h(m) ? `${d}__item--active` : null}`
       },
       !m.isSeparator && m.linkContent
     ))
@@ -7144,34 +7138,34 @@ const ds = (h) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [o, d] = Z(1025), [g, u] = Z(null), [h, b] = Z(-1), [E, y] = Z(null), [v, $] = Z({
+  const [o, d] = Z(1025), [f, u] = Z(null), [p, b] = Z(-1), [E, y] = Z(null), [v, $] = Z({
     container: null,
     containerChildren: []
   });
-  ce(() => (d(window.innerWidth), window.addEventListener("resize", p), () => {
-    window.removeEventListener("resize", p);
+  ce(() => (d(window.innerWidth), window.addEventListener("resize", h), () => {
+    window.removeEventListener("resize", h);
   }), []);
-  const p = () => {
+  const h = () => {
     d(window.innerWidth);
   }, m = o <= l;
   ce(() => {
-    v.containerChildren[g] && (v.containerChildren[g].classList.contains(
+    v.containerChildren[f] && (v.containerChildren[f].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && E == "down" ? u(g + 1) : v.containerChildren[g].classList.contains(
+    ) && E == "down" ? u(f + 1) : v.containerChildren[f].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && E == "up" ? u(g - 1) : v.containerChildren[g].children[0].focus());
-  }, [g]), ce(() => {
-    h != -1 && (M.current[h].children[0].blur(), M.current[h].children[0].focus({
+    ) && E == "up" ? u(f - 1) : v.containerChildren[f].children[0].focus());
+  }, [f]), ce(() => {
+    p != -1 && (M.current[p].children[0].blur(), M.current[p].children[0].focus({
       focusVisible: !0
     }));
-  }, [h]);
-  const f = "pds-nav-menu", _ = s !== "default" ? `${f}--${s}` : "", C = m ? `${f}--isMobile` : `${f}--notMobile`, M = ie([]), H = (k) => {
+  }, [p]);
+  const g = "pds-nav-menu", _ = s !== "default" ? `${g}--${s}` : "", C = m ? `${g}--isMobile` : `${g}--notMobile`, M = ie([]), H = (k) => {
     const I = M.current.length - 1, B = {
       ArrowRight: () => {
-        u(-1), b(h === -1 ? 1 : h === I ? 0 : h + 1);
+        u(-1), b(p === -1 ? 1 : p === I ? 0 : p + 1);
       },
       ArrowLeft: () => {
-        u(-1), b(h === 0 ? I : h - 1);
+        u(-1), b(p === 0 ? I : p - 1);
       },
       ArrowDown: () => {
         var Q, G, Y, W;
@@ -7180,10 +7174,10 @@ const ds = (h) => {
         v.container != F && F != null && $({
           container: F,
           containerChildren: [...K]
-        }), g === null || g == v.containerChildren.length - 1 ? u(0) : u(parseInt(g) + 1);
+        }), f === null || f == v.containerChildren.length - 1 ? u(0) : u(parseInt(f) + 1);
       },
       ArrowUp: () => {
-        y("up"), u(g === 0 ? v.containerChildren.length - 1 : parseInt(g) - 1);
+        y("up"), u(f === 0 ? v.containerChildren.length - 1 : parseInt(f) - 1);
       }
     }[k.code];
     B && B();
@@ -7206,7 +7200,7 @@ const ds = (h) => {
           key: `${I}-dropdown`,
           id: A,
           ref: (T) => M.current[I] = T,
-          className: `${f}__item ${f}__item--top-level ${f}__item--has-children ${w(k) === !0 ? `${f}__item--active` : ""}`
+          className: `${g}__item ${g}__item--top-level ${g}__item--has-children ${w(k) === !0 ? `${g}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
           M2,
@@ -7224,7 +7218,7 @@ const ds = (h) => {
           key: I,
           id: A,
           ref: (T) => M.current[I] = T,
-          className: `${f}__item ${f}__item--top-level ${f}__item--has-link ${w(k) === !0 ? `${f}__item--active` : ""}`
+          className: `${g}__item ${g}__item--top-level ${g}__item--has-link ${w(k) === !0 ? `${g}__item--active` : ""}`
         },
         k.linkContent
       )
@@ -7232,16 +7226,16 @@ const ds = (h) => {
   }), /* @__PURE__ */ e.createElement(
     "nav",
     L({
-      className: x([f, _, C, r]),
+      className: x([g, _, C, r]),
       "aria-label": t,
       onKeyDown: (k) => {
         H(k);
       }
     }, i),
-    /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu` }, z)
+    /* @__PURE__ */ e.createElement("ul", { className: `${g}__menu` }, z)
   );
 }, Is = (d) => {
-  var g = d, {
+  var f = d, {
     ariaLabel: t,
     hasMobileMenu: s = !0,
     headingText: n,
@@ -7253,7 +7247,7 @@ const ds = (h) => {
     mobileMenuMaxWidth: i = 640,
     mobileMenuSelectTextFallback: a = "Navigate to...",
     className: c
-  } = g, o = S(g, [
+  } = f, o = S(f, [
     "ariaLabel",
     "hasMobileMenu",
     "headingText",
@@ -7263,19 +7257,19 @@ const ds = (h) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const u = "pds-side-nav", [h, b] = Z(1025);
+  const u = "pds-side-nav", [p, b] = Z(1025);
   ce(() => (b(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
   const E = () => {
     b(window.innerWidth);
-  }, y = h <= i, v = (_) => {
+  }, y = p <= i, v = (_) => {
     const C = _.target;
     C.classList.toggle(`${u}__toggle--expanded`), C.setAttribute(
       "aria-expanded",
       C.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), C.parentElement.nextElementSibling.classList.toggle(`${u}__menu--expanded`);
-  }, $ = (_) => d1.toArray(_).some((C) => be(C) ? C.type && C.type.displayName === "Tally" ? !0 : $(C.props.children) : !1), p = (_, C) => {
+  }, $ = (_) => d1.toArray(_).some((C) => be(C) ? C.type && C.type.displayName === "Tally" ? !0 : $(C.props.children) : !1), h = (_, C) => {
     const { linkContent: M, links: H } = _, w = $(M), z = `${u}__item`, k = `${u}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -7338,7 +7332,7 @@ const ds = (h) => {
         M
       )
     );
-  }, m = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, n), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((_, C) => p(_, C)))), f = /* @__PURE__ */ e.createElement(
+  }, m = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, n), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((_, C) => h(_, C)))), g = /* @__PURE__ */ e.createElement(
     Kt,
     {
       headingText: n,
@@ -7352,10 +7346,10 @@ const ds = (h) => {
       "aria-label": t,
       className: x([u, c != null ? c : ""])
     }, o),
-    y && s ? f : m
+    y && s ? g : m
   );
 }, Ss = (d) => {
-  var g = d, {
+  var f = d, {
     ariaLabel: t,
     hasMobileMenu: s = !0,
     headingText: n,
@@ -7367,7 +7361,7 @@ const ds = (h) => {
     mobileMenuMaxWidth: i = 640,
     mobileMenuSelectTextFallback: a = "Navigate to...",
     className: c
-  } = g, o = S(g, [
+  } = f, o = S(f, [
     "ariaLabel",
     "hasMobileMenu",
     "headingText",
@@ -7377,21 +7371,21 @@ const ds = (h) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const u = "pds-side-nav-compact", h = `${u}__item`, b = `${u}__menu`, [E, y] = Z(1025);
+  const u = "pds-side-nav-compact", p = `${u}__item`, b = `${u}__menu`, [E, y] = Z(1025);
   ce(() => (y(window.innerWidth), window.addEventListener("resize", v), () => {
     window.removeEventListener("resize", v);
   }), []);
   const v = () => {
     y(window.innerWidth);
-  }, $ = E <= i, p = (H) => {
+  }, $ = E <= i, h = (H) => {
     const w = H.target;
     w.classList.toggle(`${u}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), w.parentElement.nextElementSibling.classList.toggle(`${b}--expanded`);
-  }, m = { 2: "second", 3: "third", 4: "fourth" }, f = (H, w, z) => {
-    const k = m[H], I = `${b}--${k}-level`, V = `${h}--${k}-level`, A = H + 1;
-    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${h}-wrapper` }, /* @__PURE__ */ e.createElement(
+  }, m = { 2: "second", 3: "third", 4: "fourth" }, g = (H, w, z) => {
+    const k = m[H], I = `${b}--${k}-level`, V = `${p}--${k}-level`, A = H + 1;
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${p}-wrapper` }, /* @__PURE__ */ e.createElement(
       "button",
       {
         "aria-expanded": ve(w),
@@ -7399,7 +7393,7 @@ const ds = (h) => {
           `${u}__toggle`,
           ve(w) ? `${u}__toggle--expanded` : null
         ]),
-        onClick: p
+        onClick: h
       },
       /* @__PURE__ */ e.createElement(R, { iconName: "caretDown", iconSize: "md" }),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${l.toggle} ${Ge(w.linkContent)} ${l.submenu}`)
@@ -7417,12 +7411,12 @@ const ds = (h) => {
         {
           key: `${N}-${k}`,
           className: x([
-            h,
+            p,
             V,
-            ve(T) ? `${h}--active` : null
+            ve(T) ? `${p}--active` : null
           ])
         },
-        T.links && A in m ? f(
+        T.links && A in m ? g(
           A,
           T,
           T.links
@@ -7436,12 +7430,12 @@ const ds = (h) => {
       {
         key: w,
         className: x([
-          h,
-          `${h}--top-level`,
-          ve(H) ? `${h}--active` : null
+          p,
+          `${p}--top-level`,
+          ve(H) ? `${p}--active` : null
         ])
       },
-      k ? f(2, H) : z
+      k ? g(2, H) : z
     );
   }, C = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading` }, n), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, r.map((H, w) => _(H, w)))), M = /* @__PURE__ */ e.createElement(
     Kt,
@@ -7467,13 +7461,13 @@ const ds = (h) => {
   minFilterItems: r = 5,
   noResultsText: i = "No results found"
 }) => {
-  const [a, c] = Z(!1), [o, d] = Z(null), [g, u] = Z(l), [h, b] = Z(""), E = l.length >= r, y = "pds-tab-menu", v = `${y}__dropdown-menu`, $ = E ? `${v}--scroll` : null, p = `${y}__dropdown-item`, m = ie([]), { context: f, refs: _ } = Ve({
+  const [a, c] = Z(!1), [o, d] = Z(null), [f, u] = Z(l), [p, b] = Z(""), E = l.length >= r, y = "pds-tab-menu", v = `${y}__dropdown-menu`, $ = E ? `${v}--scroll` : null, h = `${y}__dropdown-item`, m = ie([]), { context: g, refs: _ } = Ve({
     open: a,
     onOpenChange: c,
     whileElementsMounted: Pe
-  }), C = Ke(f, {
+  }), C = Ke(g, {
     event: "mousedown"
-  }), M = Ie(f), H = Se(f, { role: "listbox" }), w = lt(f, {
+  }), M = Ie(g), H = Se(g, { role: "listbox" }), w = lt(g, {
     listRef: m,
     activeIndex: o,
     onNavigate: d,
@@ -7482,7 +7476,7 @@ const ds = (h) => {
     focusItemOnOpen: !1
   }), { getReferenceProps: z, getFloatingProps: k, getItemProps: I } = Ae(
     [H, M, w, C]
-  ), { isMounted: V, styles: A } = Xe(f, {
+  ), { isMounted: V, styles: A } = Xe(g, {
     duration: {
       open: 300,
       close: 150
@@ -7506,7 +7500,7 @@ const ds = (h) => {
     u(ae);
   };
   ce(() => {
-    const O = l.filter((X) => N(X, h));
+    const O = l.filter((X) => N(X, p));
     u(O);
   }, [l]);
   const B = () => {
@@ -7531,13 +7525,13 @@ const ds = (h) => {
       type: "search",
       autoComplete: "off"
     }
-  )), W = g.map((O, X) => {
-    const ae = O.isActive ? `${p}--active` : null;
+  )), W = f.map((O, X) => {
+    const ae = O.isActive ? `${h}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       L({
         key: X,
-        className: x([p, ae]),
+        className: x([h, ae]),
         ref: (te) => {
           m.current[X] = te;
         },
@@ -7589,15 +7583,15 @@ const ds = (h) => {
   let a = !1;
   const c = Ce(ze);
   c && (a = c.isMobile);
-  const o = "pds-tab-menu", d = a ? `${o}--isMobile` : null, g = ({
-    dropdownSettings: h,
+  const o = "pds-tab-menu", d = a ? `${o}--isMobile` : null, f = ({
+    dropdownSettings: p,
     icon: b,
     isActive: E,
     linkContent: y,
     links: v,
     promoteActiveChildLink: $ = !1
   }) => {
-    const p = `${o}__item`, m = jt(v), f = (_, C) => {
+    const h = `${o}__item`, m = jt(v), g = (_, C) => {
       let M = null;
       return typeof _ == "object" && (C ? M = xe(_, he(L({}, _.props), {
         children: [
@@ -7616,33 +7610,33 @@ const ds = (h) => {
       "li",
       {
         className: x([
-          p,
-          E ? `${p}--active` : null
+          h,
+          E ? `${h}--active` : null
         ])
       },
-      f($ ? m : y, b),
+      g($ ? m : y, b),
       v && /* @__PURE__ */ e.createElement(
         H2,
         {
           links: v,
-          buttonLabel: h == null ? void 0 : h.buttonLabel,
-          filterLabel: h == null ? void 0 : h.filterLabel,
-          filterPlaceholder: h == null ? void 0 : h.filterPlaceholder,
-          minFilterItems: h == null ? void 0 : h.minFilterItems,
-          noResultsText: h == null ? void 0 : h.noResultsText
+          buttonLabel: p == null ? void 0 : p.buttonLabel,
+          filterLabel: p == null ? void 0 : p.filterLabel,
+          filterPlaceholder: p == null ? void 0 : p.filterPlaceholder,
+          minFilterItems: p == null ? void 0 : p.minFilterItems,
+          noResultsText: p == null ? void 0 : p.noResultsText
         }
       )
     );
-  }, u = s.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, s.map((h, b) => /* @__PURE__ */ e.createElement(
-    g,
+  }, u = s.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, s.map((p, b) => /* @__PURE__ */ e.createElement(
+    f,
     {
       key: b,
-      dropdownSettings: h.dropdownSettings,
-      icon: h.icon,
-      isActive: ve(h),
-      linkContent: h.linkContent,
-      links: h.links,
-      promoteActiveChildLink: h.promoteActiveChildLink
+      dropdownSettings: p.dropdownSettings,
+      icon: p.icon,
+      isActive: ve(p),
+      linkContent: p.linkContent,
+      links: p.links,
+      promoteActiveChildLink: p.promoteActiveChildLink
     }
   ))) : null;
   return /* @__PURE__ */ e.createElement(
@@ -7671,19 +7665,19 @@ const ds = (h) => {
     "withinNavbar",
     "className"
   ]);
-  const [g, u] = Z(null), [h, b] = Z(!1), E = ie([]), y = ie([]);
+  const [f, u] = Z(null), [p, b] = Z(!1), E = ie([]), y = ie([]);
   let v = !1;
   const $ = Ce(ze);
   $ && (v = $.isMobile);
-  const p = i && v, m = "pds-user-menu", f = p ? `${m}--isMobile` : null, _ = `${m}__menu`, { refs: C, floatingStyles: M, context: H } = Ve({
+  const h = i && v, m = "pds-user-menu", g = h ? `${m}--isMobile` : null, _ = `${m}__menu`, { refs: C, floatingStyles: M, context: H } = Ve({
     placement: "bottom-end",
-    open: h,
+    open: p,
     onOpenChange: b,
     middleware: [Ct(12), $t(), wt()],
     whileElementsMounted: Pe
   }), w = Ke(H, { event: "mousedown" }), z = Ie(H), k = Se(H, { role: "menu" }), I = ie([]), V = lt(H, {
     listRef: I,
-    activeIndex: g,
+    activeIndex: f,
     onNavigate: u,
     loop: !0,
     openOnArrowKeyDown: !0,
@@ -7714,7 +7708,7 @@ const ds = (h) => {
       uniqueId: n,
       className: `${m}__avatar`
     }
-  ), K = /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", className: `${m}__trigger-icon` }), Q = /* @__PURE__ */ e.createElement("li", { className: `${m}__user-details`, role: "presentation" }, p ? null : /* @__PURE__ */ e.createElement("div", { className: `${m}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${m}__user-email` }, n));
+  ), K = /* @__PURE__ */ e.createElement(R, { iconName: "angleDown", className: `${m}__trigger-icon` }), Q = /* @__PURE__ */ e.createElement("li", { className: `${m}__user-details`, role: "presentation" }, h ? null : /* @__PURE__ */ e.createElement("div", { className: `${m}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${m}__user-email` }, n));
   s.forEach((j) => {
     const se = j.id ? j.id : et();
     E.current.push(se), y.current.push(j);
@@ -7735,7 +7729,7 @@ const ds = (h) => {
         id: ne,
         className: x([me, ue]),
         role: "menuitem",
-        tabIndex: g === se ? 0 : -1,
+        tabIndex: f === se ? 0 : -1,
         ref: (ge) => {
           I.current[se] = ge;
         },
@@ -7798,9 +7792,9 @@ const ds = (h) => {
   return /* @__PURE__ */ e.createElement(
     "span",
     L({
-      className: x([m, f, a != null ? a : ""])
+      className: x([m, g, a != null ? a : ""])
     }, c),
-    p ? te : X
+    h ? te : X
   );
 }, z2 = {
   silver: "Silver",
@@ -7808,7 +7802,7 @@ const ds = (h) => {
   platinum: "Platinum",
   diamond: "Diamond"
 }, Ds = (u) => {
-  var h = u, {
+  var p = u, {
     ariaLabel: t = "Workspace selector menu",
     createWorkspaceLink: s,
     filterPlaceholder: n = "Find workspace...",
@@ -7819,7 +7813,7 @@ const ds = (h) => {
     withinNavbar: c = !0,
     workspaceList: o,
     className: d
-  } = h, g = S(h, [
+  } = p, f = S(p, [
     "ariaLabel",
     "createWorkspaceLink",
     "filterPlaceholder",
@@ -7831,7 +7825,7 @@ const ds = (h) => {
     "workspaceList",
     "className"
   ]);
-  const [b, E] = Z(!1), [y, v] = Z(null), [$, p] = Z(o), m = ie([]), f = ie(null), _ = o.length >= i;
+  const [b, E] = Z(!1), [y, v] = Z(null), [$, h] = Z(o), m = ie([]), g = ie(null), _ = o.length >= i;
   let C = !1;
   const M = Ce(ze);
   M && (C = M.isMobile);
@@ -7868,16 +7862,16 @@ const ds = (h) => {
   O || (O = o[0]);
   const X = (ee) => {
     const { value: de } = ee.target, Me = o.filter((De) => De.displayName.toLowerCase().includes(de.toLowerCase()));
-    p(Me);
+    h(Me);
   };
   ce(() => {
     const ee = o.map((de) => he(L({}, de), {
       isActive: de.isActive
     }));
-    p(ee);
+    h(ee);
   }, [o]);
   const ae = (ee) => {
-    ee.preventDefault(), ee.key === "Enter" && m.current[y].querySelector("a").click(), ee.key === "Tab" && (ee.shiftKey ? _ ? document.getElementById("workspace-filter").focus() : E(!1) : s ? f.current.querySelector("a").focus() : E(!1));
+    ee.preventDefault(), ee.key === "Enter" && m.current[y].querySelector("a").click(), ee.key === "Tab" && (ee.shiftKey ? _ ? document.getElementById("workspace-filter").focus() : E(!1) : s ? g.current.querySelector("a").focus() : E(!1));
   }, te = /* @__PURE__ */ e.createElement("div", { className: `${w}__button-content` }, /* @__PURE__ */ e.createElement(
     Ft,
     {
@@ -7904,7 +7898,7 @@ const ds = (h) => {
     w1,
     {
       hasClearButton: !0,
-      onClear: () => p(o),
+      onClear: () => h(o),
       id: "workspace-filter",
       label: l,
       onChange: X,
@@ -7950,7 +7944,7 @@ const ds = (h) => {
         )
       );
     }
-  ), me = s && /* @__PURE__ */ e.createElement("div", { className: `${w}__create-link`, ref: f }, /* @__PURE__ */ e.createElement(
+  ), me = s && /* @__PURE__ */ e.createElement("div", { className: `${w}__create-link`, ref: g }, /* @__PURE__ */ e.createElement(
     Et,
     {
       displayType: "icon-end",
@@ -8008,7 +8002,7 @@ const ds = (h) => {
     "span",
     L({
       className: x([w, z, d])
-    }, g),
+    }, f),
     H ? $e : ue
   );
 }, k2 = {
@@ -8035,49 +8029,49 @@ const ds = (h) => {
     "typeLabels",
     "className"
   ]);
-  const [d, g] = Z(t);
+  const [d, f] = Z(t);
   ce(() => {
-    g(t);
+    f(t);
   }, [t]);
   const u = d.length;
   if (u === 0)
     return null;
-  const h = "pds-banner", b = u > 1 ? `${h}-group--multiple` : null, E = {
-    info: `${h}--info`,
-    warning: `${h}--warning`,
-    critical: `${h}--critical`
-  }, y = u > 0 ? d[0].type : null, v = y ? `${h}-group--${y}` : null, $ = (M) => ({
+  const p = "pds-banner", b = u > 1 ? `${p}-group--multiple` : null, E = {
+    info: `${p}--info`,
+    warning: `${p}--warning`,
+    critical: `${p}--critical`
+  }, y = u > 0 ? d[0].type : null, v = y ? `${p}-group--${y}` : null, $ = (M) => ({
     zIndex: zt - M
-  }), p = (M) => M === 0 ? 0 : -1, m = () => {
+  }), h = (M) => M === 0 ? 0 : -1, m = () => {
     const M = document.getElementsByClassName(
-      `${h}--fading`
+      `${p}--fading`
     );
     for (; M.length; )
-      M[0].classList.remove(`${h}--fading`);
-  }, f = () => {
-    m(), document.getElementById(d[0].id).classList.add(`${h}--fading`), setTimeout(() => {
-      g((M) => [
+      M[0].classList.remove(`${p}--fading`);
+  }, g = () => {
+    m(), document.getElementById(d[0].id).classList.add(`${p}--fading`), setTimeout(() => {
+      f((M) => [
         ...M.slice(1),
         M[0]
       ]);
     }, 200);
   }, _ = () => {
     m(), document.getElementById(d[0].id).style.zIndex = (zt + 2).toString(), document.getElementById(d[u - 1].id).style.zIndex = (zt + 1).toString(), setTimeout(() => {
-      document.getElementById(d[0].id).classList.add(`${h}--fading`);
+      document.getElementById(d[0].id).classList.add(`${p}--fading`);
     }, 50), setTimeout(() => {
-      g((M) => [
+      f((M) => [
         M[M.length - 1],
         ...M.slice(0, M.length - 1)
-      ]), document.getElementById(d[0].id).classList.remove(`${h}--fading`);
+      ]), document.getElementById(d[0].id).classList.remove(`${p}--fading`);
     }, 200);
   }, C = (M, H) => {
     const { id: w, isDismissible: z, message: k, onDismiss: I, type: V } = M, T = ["critical", "warning"].includes(V) ? "alert" : "status", N = `${r[V]}:  `, P = (B) => {
-      B.preventDefault(), document.getElementById(w).classList.add(`${h}--dismissing`), setTimeout(() => {
+      B.preventDefault(), document.getElementById(w).classList.add(`${p}--dismissing`), setTimeout(() => {
         if (u === 1) {
-          g([]);
+          f([]);
           return;
         }
-        g(
+        f(
           (F) => F.filter((K) => K.id !== w)
         ), I && M.onDismiss();
       }, 200);
@@ -8087,26 +8081,26 @@ const ds = (h) => {
       {
         key: w,
         id: w,
-        className: x([h, E[V]]),
+        className: x([p, E[V]]),
         role: T,
         style: {
           zIndex: $(H).zIndex
         }
       },
-      /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
         R,
         {
           iconName: k2[V],
           iconSize: "md",
-          className: `${h}__icon ${h}__icon--${M.type}`
+          className: `${p}__icon ${p}__icon--${M.type}`
         }
-      ), /* @__PURE__ */ e.createElement("div", { className: `${h}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, N, " "), k)),
+      ), /* @__PURE__ */ e.createElement("div", { className: `${p}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, N, " "), k)),
       z && /* @__PURE__ */ e.createElement(
         "button",
         {
-          className: `${h}__dismiss-button`,
+          className: `${p}__dismiss-button`,
           onClick: P,
-          tabIndex: p(H)
+          tabIndex: h(H)
         },
         s
       )
@@ -8116,18 +8110,18 @@ const ds = (h) => {
     "div",
     L({
       className: x([
-        `${h}-group`,
+        `${p}-group`,
         v,
         b,
         i != null ? i : ""
       ])
     }, a),
-    u > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${h}__navigation` }, /* @__PURE__ */ e.createElement(
+    u > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${p}__navigation` }, /* @__PURE__ */ e.createElement(
       vt,
       {
         iconName: "angleLeft",
         size: "lg",
-        className: `${h}__nav-button ${h}__nav-button--prev`,
+        className: `${p}__nav-button ${p}__nav-button--prev`,
         ariaLabel: l,
         onClick: _
       }
@@ -8136,9 +8130,9 @@ const ds = (h) => {
       {
         iconName: "angleRight",
         size: "lg",
-        className: `${h}__nav-button ${h}__nav-button--next`,
+        className: `${p}__nav-button ${p}__nav-button--next`,
         ariaLabel: n,
-        onClick: f
+        onClick: g
       }
     ), d.map((M, H) => C(M, H))) : C(d[0], 0)
   );
@@ -8174,12 +8168,12 @@ const ds = (h) => {
     info: `${o}--info`,
     critical: `${o}--critical`,
     working: `${o}--working`
-  }, g = t ? `${o}--hasTitle` : null, h = ["critical", "warning"].includes(n) ? "alert" : "status", b = `${l[n]}: `;
+  }, f = t ? `${o}--hasTitle` : null, p = ["critical", "warning"].includes(n) ? "alert" : "status", b = `${l[n]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: [o, d[n], g, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " "),
-      role: h
+      className: [o, d[n], f, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " "),
+      role: p
     }, i),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon-${n}` }, n === "working" ? /* @__PURE__ */ e.createElement(Lt, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
       R,
@@ -8195,8 +8189,8 @@ const ds = (h) => {
   success: "circleCheck",
   critical: "diamondExclamation",
   discovery: "squareQuestion"
-}, Fs = (g) => {
-  var u = g, {
+}, Fs = (f) => {
+  var u = f, {
     dismissLabel: t = "Dismiss",
     id: s,
     isDismissible: n,
@@ -8223,7 +8217,7 @@ const ds = (h) => {
     "typeLabels",
     "className"
   ]);
-  const h = ie(null), b = "pds-section-message", E = {
+  const p = ie(null), b = "pds-section-message", E = {
     error: `${b}--error`,
     success: `${b}--success`,
     warning: `${b}--warning`,
@@ -8232,15 +8226,15 @@ const ds = (h) => {
     discovery: `${b}--discovery`,
     dismissing: `${b}--dismissing`,
     dismissed: `${b}--dismissed`
-  }, y = i ? `${b}--hasTitle` : null, $ = ["critical", "warning"].includes(a) ? "alert" : "status", p = `${c[a]}: `, m = () => {
-    h.current.addEventListener("animationend", f, {
+  }, y = i ? `${b}--hasTitle` : null, $ = ["critical", "warning"].includes(a) ? "alert" : "status", h = `${c[a]}: `, m = () => {
+    p.current.addEventListener("animationend", g, {
       once: !0
     });
-  }, f = (C) => {
+  }, g = (C) => {
     l(C, s);
   }, _ = () => {
-    m(), h.current.classList.toggle(E.dismissing), setTimeout(() => {
-      h.current.classList.toggle(E.dismissing), h.current.classList.toggle(E.dismissed);
+    m(), p.current.classList.toggle(E.dismissing), setTimeout(() => {
+      p.current.classList.toggle(E.dismissing), p.current.classList.toggle(E.dismissed);
     }, 400);
   };
   return /* @__PURE__ */ e.createElement(
@@ -8248,7 +8242,7 @@ const ds = (h) => {
     L({
       className: [b, E[a], y, o != null ? o : ""].join(" ").trim().replace(/\s+/g, " "),
       id: s,
-      ref: h,
+      ref: p,
       role: $
     }, d),
     /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__icon ${b}__icon-${a}` }, /* @__PURE__ */ e.createElement(
@@ -8257,7 +8251,7 @@ const ds = (h) => {
         iconName: `${a}` in Tt ? Tt[a] : Tt.info,
         iconSize: "md"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${b}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${b}__title` }, i), /* @__PURE__ */ e.createElement("div", { className: `${b}__message` }, r))),
+    )), /* @__PURE__ */ e.createElement("div", { className: `${b}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h), i && /* @__PURE__ */ e.createElement("div", { className: `${b}__title` }, i), /* @__PURE__ */ e.createElement("div", { className: `${b}__message` }, r))),
     n && /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -8365,23 +8359,23 @@ const Bs = () => {
   const i = Math.ceil(l / n), a = t + 5, c = 1, o = i;
   if (a >= i)
     return ht(1, i);
-  const d = Math.max(s - t, 1), g = Math.min(
+  const d = Math.max(s - t, 1), f = Math.min(
     s + t,
     i
-  ), u = d > 2, h = g < i - 2;
-  if (!u && h) {
+  ), u = d > 2, p = f < i - 2;
+  if (!u && p) {
     const b = 3 + 2 * t;
     return [...ht(1, b), ot, i];
   }
-  if (u && !h) {
+  if (u && !p) {
     const b = 3 + 2 * t, E = ht(
       i - b + 1,
       i
     );
     return [c, ot, ...E];
   }
-  if (u && h) {
-    const b = ht(d, g);
+  if (u && p) {
+    const b = ht(d, f);
     return [
       c,
       ot,
@@ -8390,8 +8384,8 @@ const Bs = () => {
       o
     ];
   }
-}, [l, n, t, s]), Ws = (g) => {
-  var u = g, {
+}, [l, n, t, s]), Ws = (f) => {
+  var u = f, {
     bufferCount: t = 1,
     currentPage: s,
     headingLevel: n = "h2",
@@ -8415,17 +8409,17 @@ const Bs = () => {
     "totalItemCount",
     "className"
   ]);
-  const h = I2({
+  const p = I2({
     currentPage: s,
     totalItemCount: c,
     bufferCount: t,
     itemsPerPage: r
-  }), b = h[h.length - 1], E = () => {
+  }), b = p[p.length - 1], E = () => {
     a(s + 1);
   }, y = () => {
     a(s - 1);
-  }, v = "pds-pagination", $ = `${v}__item`, p = `${$}--current`, m = `${$}--disabled`;
-  return s === 0 || h.length < 2 ? null : /* @__PURE__ */ e.createElement(
+  }, v = "pds-pagination", $ = `${v}__item`, h = `${$}--current`, m = `${$}--disabled`;
+  return s === 0 || p.length < 2 ? null : /* @__PURE__ */ e.createElement(
     "nav",
     L({
       "aria-labelledby": "pagination",
@@ -8459,7 +8453,7 @@ const Bs = () => {
         },
         /* @__PURE__ */ e.createElement(R, { iconName: "arrowLeft" })
       )
-    ), h.map((f, _) => f === ot ? /* @__PURE__ */ e.createElement(
+    ), p.map((g, _) => g === ot ? /* @__PURE__ */ e.createElement(
       "li",
       {
         key: _,
@@ -8472,16 +8466,16 @@ const Bs = () => {
         key: _,
         className: x([
           $,
-          s === f ? p : void 0
+          s === g ? h : void 0
         ])
       },
       /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-current": s === f ? "page" : void 0,
-          onClick: () => a(Number(f))
+          "aria-current": s === g ? "page" : void 0,
+          onClick: () => a(Number(g))
         },
-        f
+        g
       )
     )), /* @__PURE__ */ e.createElement(
       "li",
@@ -8517,46 +8511,46 @@ const Bs = () => {
     "summary",
     "className"
   ]);
-  const [o, d] = Z(n), g = s || `expansion-panel-${et()}`, u = "pds-expansion-panel", h = ie(null), b = ie(null), E = ie(null);
+  const [o, d] = Z(n), f = s || `expansion-panel-${et()}`, u = "pds-expansion-panel", p = ie(null), b = ie(null), E = ie(null);
   return ce(() => {
-    const y = h.current, v = b.current, $ = E.current;
+    const y = p.current, v = b.current, $ = E.current;
     if (!y || !v || !$) return;
-    let p = null, m = !1, f = !1;
+    let h = null, m = !1, g = !1;
     const _ = (z) => {
-      z.preventDefault(), y.style.overflow = "hidden", m || !y.open ? M() : (f || y.open) && C();
+      z.preventDefault(), y.style.overflow = "hidden", m || !y.open ? M() : (g || y.open) && C();
     }, C = () => {
       m = !0, d(!1);
       const z = `${y.offsetHeight}px`, k = `${v.offsetHeight}px`;
-      p && p.cancel(), p = y.animate(
+      h && h.cancel(), h = y.animate(
         { height: [z, k] },
         {
           duration: l1,
           easing: c1
         }
-      ), p.onfinish = () => w(!1), p.oncancel = () => m = !1;
+      ), h.onfinish = () => w(!1), h.oncancel = () => m = !1;
     }, M = () => {
       y.style.height = `${y.offsetHeight}px`, y.open = !0, d(!0), requestAnimationFrame(() => H());
     }, H = () => {
-      f = !0;
+      g = !0;
       const z = `${y.offsetHeight}px`, k = `${v.offsetHeight + $.offsetHeight}px`;
-      p && p.cancel(), p = y.animate(
+      h && h.cancel(), h = y.animate(
         { height: [z, k] },
         {
           duration: l1,
           easing: c1
         }
-      ), p.onfinish = () => w(!0), p.oncancel = () => f = !1;
+      ), h.onfinish = () => w(!0), h.oncancel = () => g = !1;
     }, w = (z) => {
-      y.open = z, p = null, m = !1, f = !1, y.style.height = y.style.overflow = "";
+      y.open = z, h = null, m = !1, g = !1, y.style.height = y.style.overflow = "";
     };
     return v.addEventListener("click", _), () => v.removeEventListener("click", _);
   }, []), /* @__PURE__ */ e.createElement("div", L({ className: x([u, r]) }, i), /* @__PURE__ */ e.createElement(
     "details",
     {
-      key: g,
-      id: g,
+      key: f,
+      id: f,
       open: n,
-      ref: h
+      ref: p
     },
     /* @__PURE__ */ e.createElement("summary", { ref: b }, /* @__PURE__ */ e.createElement("span", null, l), /* @__PURE__ */ e.createElement(
       R,
@@ -8601,14 +8595,14 @@ const Bs = () => {
     "variant",
     "className"
   ]);
-  const d = "pds-panel", g = s ? `${d}__status ${d}__status-${l}` : null, u = `${d}--${r}`, h = `${d}__content`, b = n !== "standard" ? `${h}--pad-${n}` : null;
+  const d = "pds-panel", f = s ? `${d}__status ${d}__status-${l}` : null, u = `${d}--${r}`, p = `${d}__content`, b = n !== "standard" ? `${p}--pad-${n}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: [d, u, i != null ? i : ""].join(" ").trim().replace(/\s+/g, " ")
     }, a),
-    s && l && /* @__PURE__ */ e.createElement("span", { className: g }),
-    /* @__PURE__ */ e.createElement("div", { className: x([h, b]) }, t)
+    s && l && /* @__PURE__ */ e.createElement("span", { className: f }),
+    /* @__PURE__ */ e.createElement("div", { className: x([p, b]) }, t)
   );
 }, qs = (i) => {
   var a = i, {
@@ -8652,10 +8646,10 @@ const Bs = () => {
     triggerIcon: c = "circleInfo",
     triggerAccessibleText: o = "Show more information",
     popoverIsOpen: d = !1,
-    setPopoverIsOpen: g = () => {
+    setPopoverIsOpen: f = () => {
     },
     className: u
-  } = E, h = S(E, [
+  } = E, p = S(E, [
     "content",
     "customTrigger",
     "hasCloseButton",
@@ -8674,19 +8668,19 @@ const Bs = () => {
   ce(() => {
     v(d);
   }, [d]), ce(() => {
-    g(y);
+    f(y);
   }, [y]);
-  const $ = typeof s, p = "pds-popover", m = x([
-    `${p}__trigger-custom`,
-    $ === "string" ? `${p}__trigger-text` : ""
-  ]), f = s ? l : 0, _ = ie(null), { refs: C, floatingStyles: M, context: H, middlewareData: w } = Ve({
+  const $ = typeof s, h = "pds-popover", m = x([
+    `${h}__trigger-custom`,
+    $ === "string" ? `${h}__trigger-text` : ""
+  ]), g = s ? l : 0, _ = ie(null), { refs: C, floatingStyles: M, context: H, middlewareData: w } = Ve({
     placement: i,
     open: y,
     onOpenChange(O) {
       v(O), O || r();
     },
     middleware: [
-      Ct(Je + S2 + f),
+      Ct(Je + S2 + g),
       $t({ padding: 8 }),
       wt({ padding: 8 }),
       B1({ element: _ })
@@ -8711,10 +8705,10 @@ const Bs = () => {
       }[O]
     })
   });
-  return /* @__PURE__ */ e.createElement("div", L({ className: x([p, u]) }, h), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", L({ className: x([h, u]) }, p), /* @__PURE__ */ e.createElement(
     "span",
     L({
-      className: `${p}__trigger`,
+      className: `${h}__trigger`,
       ref: C.setReference,
       role: "button"
     }, A()),
@@ -8722,14 +8716,14 @@ const Bs = () => {
       R,
       {
         iconName: c,
-        className: `${p}__icon`,
+        className: `${h}__icon`,
         iconSize: "md"
       }
     ))
   ), K && /* @__PURE__ */ e.createElement(h1, null, /* @__PURE__ */ e.createElement(f1, { context: H, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: `${p}__container`,
+      className: `${h}__container`,
       ref: C.setFloating,
       style: M
     }, T()),
@@ -8744,14 +8738,14 @@ const Bs = () => {
         fill: "var(--pds-color-background-default)",
         stroke: "var(--pds-color-border-default)",
         strokeWidth: 1,
-        className: `${p}__arrow`
+        className: `${h}__arrow`
       }
     ),
-    /* @__PURE__ */ e.createElement("div", { className: `${p}__container-inner` }, a && /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, a), t && /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, t), n && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${h}__container-inner` }, a && /* @__PURE__ */ e.createElement("div", { className: `${h}__title` }, a), t && /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, t), n && /* @__PURE__ */ e.createElement(
       "button",
       {
         onClick: z,
-        className: `${p}__close`
+        className: `${h}__close`
       },
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"),
       /* @__PURE__ */ e.createElement(R, { iconName: "xmark", iconSize: "lg" })
@@ -8764,7 +8758,7 @@ const Bs = () => {
   warning: "--pds-color-status-warning-foreground",
   critical: "--pds-color-status-critical-foreground"
 }, Xs = (u) => {
-  var h = u, {
+  var p = u, {
     colorBreakpoints: t = [
       { colorType: "info", percentage: 0 },
       { colorType: "success", percentage: 100 }
@@ -8778,7 +8772,7 @@ const Bs = () => {
     showPercentage: c = !1,
     size: o = "md",
     className: d
-  } = h, g = S(h, [
+  } = p, f = S(p, [
     "colorBreakpoints",
     "id",
     "label",
@@ -8791,24 +8785,24 @@ const Bs = () => {
     "className"
   ]);
   const b = s || et(), E = "pds-progress-bar", y = a ? `${E}__label` : "visually-hidden", v = `${E}__track ${E}__track--${o}`, $ = i > 100 ? 100 : i;
-  let p = "neutral";
+  let h = "neutral";
   t.forEach((C) => {
-    i >= C.percentage && (p = C.colorType);
+    i >= C.percentage && (h = C.colorType);
   });
-  const m = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, l), f = l && r === "above", _ = l && r === "below";
+  const m = /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, l), g = l && r === "above", _ = l && r === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: [E, d].join(" ").trim().replace(/\s+/g, " "),
       style: { "--bar-percentage": `${$}%` }
-    }, g),
+    }, f),
     /* @__PURE__ */ e.createElement("div", { id: b, className: y }, n),
-    (f || c) && /* @__PURE__ */ e.createElement("div", { className: `${E}__details` }, f && m, c && /* @__PURE__ */ e.createElement(
+    (g || c) && /* @__PURE__ */ e.createElement("div", { className: `${E}__details` }, g && m, c && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${E}__percentage`,
         style: {
-          color: `hsl(from var(${o1[p]}) h s calc(l - 7))`
+          color: `hsl(from var(${o1[h]}) h s calc(l - 7))`
         }
       },
       i,
@@ -8828,7 +8822,7 @@ const Bs = () => {
           className: `${E}__bar`,
           style: {
             width: `${$}%`,
-            backgroundColor: `var(${o1[p]})`
+            backgroundColor: `var(${o1[h]})`
           }
         }
       )
@@ -8836,7 +8830,7 @@ const Bs = () => {
     _ && m
   );
 }, A2 = 3.815, T2 = 4.678, D2 = 5.96, O2 = (d) => {
-  var g = d, {
+  var f = d, {
     id: t,
     innerLabel: s,
     label: n,
@@ -8845,7 +8839,7 @@ const Bs = () => {
     showPercentage: i = !1,
     size: a = "md",
     className: c
-  } = g, o = S(g, [
+  } = f, o = S(f, [
     "id",
     "innerLabel",
     "label",
@@ -8855,17 +8849,17 @@ const Bs = () => {
     "size",
     "className"
   ]);
-  const u = t || et(), h = "pds-progress-ring", b = r ? `${h}__label` : "visually-hidden", E = `${h}__loading-text ${h}__loading-text--${a}`, y = (C) => C * 16;
+  const u = t || et(), p = "pds-progress-ring", b = r ? `${p}__label` : "visually-hidden", E = `${p}__loading-text ${p}__loading-text--${a}`, y = (C) => C * 16;
   let v = y(T2), $ = 7;
   a === "sm" && (v = y(A2), $ = $ / 1.25), a === "lg" && (v = y(D2), $ = $ * 1.25);
-  const p = v / 2 - $ / 2, m = 2 * Math.PI * p, f = m - m * l / 100;
+  const h = v / 2 - $ / 2, m = 2 * Math.PI * h, g = m - m * l / 100;
   let _;
   return s ? _ = s : i ? _ = `${l}%` : _ = "", /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: [h, c].join(" ").trim().replace(/\s+/g, " "),
+      className: [p, c].join(" ").trim().replace(/\s+/g, " "),
       style: {
-        "--ring-stroke-dashoffset": f,
+        "--ring-stroke-dashoffset": g,
         "--ring-stroke-dasharray": m
       }
     }, o),
@@ -8873,7 +8867,7 @@ const Bs = () => {
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${h}__ring`,
+        className: `${p}__ring`,
         role: "progressbar",
         "aria-labelledby": u,
         "aria-valuenow": l
@@ -8888,23 +8882,23 @@ const Bs = () => {
         /* @__PURE__ */ e.createElement(
           "circle",
           {
-            className: `${h}__track`,
+            className: `${p}__track`,
             cx: v / 2,
             cy: v / 2,
-            r: p,
+            r: h,
             strokeWidth: $
           }
         ),
         /* @__PURE__ */ e.createElement(
           "circle",
           {
-            className: `${h}__progress`,
+            className: `${p}__progress`,
             cx: v / 2,
             cy: v / 2,
-            r: p,
+            r: h,
             strokeWidth: $,
             strokeDasharray: m,
-            strokeDashoffset: f,
+            strokeDashoffset: g,
             transform: `rotate(-90 ${v / 2} ${v / 2})`
           }
         ),
@@ -8955,106 +8949,108 @@ const Bs = () => {
   );
 };
 var R2 = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.WORKING = "working", t.CHECKED = "checked", t))(R2 || {});
-const Qs = (c) => {
-  var o = c, {
+const Qs = (o) => {
+  var d = o, {
     alignment: t = "left",
     componentWidth: s,
-    labelStrings: n = {},
-    lastChecked: l,
-    onCheck: r,
-    className: i
-  } = o, a = S(o, [
+    initialState: n,
+    labelStrings: l = {},
+    lastChecked: r,
+    onCheck: i,
+    className: a
+  } = d, c = S(d, [
     "alignment",
     "componentWidth",
+    "initialState",
     "labelStrings",
     "lastChecked",
     "onCheck",
     "className"
   ]);
-  const [d, g] = Z(
-    "default"
+  const [f, u] = Z(
+    n != null ? n : "default"
     /* DEFAULT */
-  ), u = L({
+  ), p = L({
     checkForUpdates: "Check for updates",
     checking: "Checking...",
-    checked: "Checked",
+    checked: "Last checked",
     ariaLabel: "Check for updates"
-  }, n), h = () => {
-    switch (d) {
+  }, l), b = () => {
+    switch (f) {
       case "default":
-        return u.checkForUpdates;
+        return p.checkForUpdates;
       case "working":
-        return u.checking;
+        return p.checking;
       case "checked":
-        if (l) {
-          const f = l instanceof Date ? l : new Date(l), _ = Date.now() - f.getTime(), C = Math.floor(_ / 1e3), M = Math.floor(C / 60), H = Math.floor(M / 60), w = Math.floor(H / 24), z = {
+        if (r) {
+          const _ = r instanceof Date ? r : new Date(r), C = Date.now() - _.getTime(), M = Math.floor(C / 1e3), H = Math.floor(M / 60), w = Math.floor(H / 60), z = Math.floor(w / 24), k = {
             year: "numeric",
             month: "short",
             day: "numeric"
           };
-          let k = "";
-          return w > 7 ? k = f.toLocaleDateString(
+          let I = "";
+          return z > 7 ? I = _.toLocaleDateString(
             void 0,
-            z
-          ) : w > 0 && w <= 7 ? k = `${w} day${w !== 1 ? "s" : ""} ago` : H > 0 ? k = `${H} hour${H !== 1 ? "s" : ""} ago` : M > 0 ? k = `${M} minute${M !== 1 ? "s" : ""} ago` : k = `${C} second${C !== 1 ? "s" : ""} ago`, `${u.checked} ${k}`;
+            k
+          ) : z > 0 && z <= 7 ? I = `${z} day${z !== 1 ? "s" : ""} ago` : w > 0 ? I = `${w} hour${w !== 1 ? "s" : ""} ago` : H > 0 ? I = `${H} minute${H !== 1 ? "s" : ""} ago` : I = `${M} second${M !== 1 ? "s" : ""} ago`, `${p.checked} ${I}`;
         }
-        return u.checked;
+        return p.checked;
     }
-  }, b = () => Ht(void 0, null, function* () {
-    if (d !== "working") {
-      g(
+  }, E = () => Ht(void 0, null, function* () {
+    if (f !== "working") {
+      u(
         "working"
         /* WORKING */
       );
       try {
-        yield r == null ? void 0 : r(), g(
+        yield i == null ? void 0 : i(), u(
           "checked"
           /* CHECKED */
         );
-      } catch (f) {
-        g(
+      } catch (_) {
+        u(
           "default"
           /* DEFAULT */
         );
       }
     }
-  }), E = "pds-refresh-checker", y = `${E}--${t}`, v = x([
-    `${E}__button`,
-    d === "working" ? `${E}__button--spinning` : ""
-  ]), $ = s !== null && s > 0 ? `${s}rem` : "100%", p = /* @__PURE__ */ e.createElement("span", { className: `${E}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
+  }), y = "pds-refresh-checker", v = `${y}--${t}`, $ = x([
+    `${y}__button`,
+    f === "working" ? `${y}__button--spinning` : ""
+  ]), h = s !== null && s > 0 ? `${s}rem` : "100%", m = /* @__PURE__ */ e.createElement("span", { className: `${y}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
     R,
     {
       iconName: "rotate",
       iconSize: "md",
-      className: `${E}__icon ${d === "working" ? `${E}__icon--spinning` : ""}`
+      className: `${y}__icon ${f === "working" ? `${y}__icon--spinning` : ""}`
     }
-  )), m = /* @__PURE__ */ e.createElement("span", { className: `${E}__label` }, h());
+  )), g = /* @__PURE__ */ e.createElement("span", { className: `${y}__label` }, b());
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: x([E, y, i != null ? i : ""]),
-      style: { width: $ }
-    }, a),
+      className: x([y, v, a != null ? a : ""]),
+      style: { width: h }
+    }, c),
     /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
-        className: v,
-        onClick: b,
+        className: $,
+        onClick: E,
         "aria-live": "polite",
-        "aria-label": u.ariaLabel
+        "aria-label": p.ariaLabel
       },
-      t === "right" && m,
+      t === "right" && g,
       /* @__PURE__ */ e.createElement(
         Fe,
         {
-          content: u.tooltipContent || u.ariaLabel,
-          customTrigger: p,
+          content: p.tooltipContent || p.ariaLabel,
+          customTrigger: m,
           triggerIconColor: "default",
           triggerIconSize: "sm"
         }
       ),
-      t === "left" && m
+      t === "left" && g
     )
   );
 }, Js = (i) => {
@@ -9187,10 +9183,10 @@ const Qs = (c) => {
     "translatableLabels",
     "className"
   ]);
-  const a = "pds-stepper", c = "pds-stepper-mobile", o = ie(), [d] = yt(o), g = d.width, u = Number(
+  const a = "pds-stepper", c = "pds-stepper-mobile", o = ie(), [d] = yt(o), f = d.width, u = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
-  ) * 16, h = -40, b = 2, E = 5, y = t.length, v = t.map((m) => m.isCurrent).lastIndexOf(!0), $ = t.map((m, f) => {
-    const _ = f + 1, C = f === v, M = f < v, H = m.hasError && C, z = (g - y * u) / (y + (y - 2)), k = u + z * 2, I = u + z, V = z + h * -1, A = f === 0, T = f === y - 1;
+  ) * 16, p = -40, b = 2, E = 5, y = t.length, v = t.map((m) => m.isCurrent).lastIndexOf(!0), $ = t.map((m, g) => {
+    const _ = g + 1, C = g === v, M = g < v, H = m.hasError && C, z = (f - y * u) / (y + (y - 2)), k = u + z * 2, I = u + z, V = z + p * -1, A = g === 0, T = g === y - 1;
     let N = k;
     (A || T) && (N = I);
     const P = `${a}__step`, B = [P];
@@ -9238,7 +9234,7 @@ const Qs = (c) => {
           className: `${a}__connector ${a}__connector--before`,
           style: {
             width: V,
-            marginRight: h
+            marginRight: p
           }
         }
       ),
@@ -9247,12 +9243,12 @@ const Qs = (c) => {
         "span",
         {
           className: `${a}__connector ${a}__connector--after`,
-          style: { width: V, marginLeft: h }
+          style: { width: V, marginLeft: p }
         }
       )
     );
-  }), p = t.map((m, f) => {
-    const _ = f + 1, C = f === v, M = f === y - 1, H = m.hasError && C, w = t[v + 1] ? t[v + 1].label : null;
+  }), h = t.map((m, g) => {
+    const _ = g + 1, C = g === v, M = g === y - 1, H = m.hasError && C, w = t[v + 1] ? t[v + 1].label : null;
     if (C) {
       const z = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s.step, " "), _, " of ", y), k = _ / y * 100, I = H ? {
         "--pds-color-status-info-foreground": "var(--pds-color-status-critical-foreground)"
@@ -9301,7 +9297,7 @@ const Qs = (c) => {
         className: [c, n].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": y
       }, l),
-      /* @__PURE__ */ e.createElement("div", { className: `${c}__steps` }, p)
+      /* @__PURE__ */ e.createElement("div", { className: `${c}__steps` }, h)
     ));
 }, nn = (r) => {
   var i = r, {
@@ -9313,18 +9309,18 @@ const Qs = (c) => {
     "rowData",
     "className"
   ]);
-  const [a] = Z(t), [c, o] = Z(s), [d, g] = Z({ order: "asc", key: "" }), u = (v) => {
-    o(c.sort(($, p) => $[v].localeCompare(p[v]))), g({ order: "desc", key: v });
-  }, h = (v) => {
-    o(c.sort(($, p) => p[v].localeCompare($[v]))), g({ order: "asc", key: v });
+  const [a] = Z(t), [c, o] = Z(s), [d, f] = Z({ order: "asc", key: "" }), u = (v) => {
+    o(c.sort(($, h) => $[v].localeCompare(h[v]))), f({ order: "desc", key: v });
+  }, p = (v) => {
+    o(c.sort(($, h) => h[v].localeCompare($[v]))), f({ order: "asc", key: v });
   }, b = (v, $) => {
-    g(he(L({}, d), { key: $ })), d.order === "asc" ? u($) : h($);
-  }, E = (v, $) => /* @__PURE__ */ e.createElement("tr", { id: $, key: `table-row-${$}` }, v.map((p, m) => /* @__PURE__ */ e.createElement("td", { key: `${$}-cell-${m}` }, /* @__PURE__ */ e.createElement("span", null, p)))), y = "pds-table";
+    f(he(L({}, d), { key: $ })), d.order === "asc" ? u($) : p($);
+  }, E = (v, $) => /* @__PURE__ */ e.createElement("tr", { id: $, key: `table-row-${$}` }, v.map((h, m) => /* @__PURE__ */ e.createElement("td", { key: `${$}-cell-${m}` }, /* @__PURE__ */ e.createElement("span", null, h)))), y = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("table", L({ className: x([y, n]) }, l), /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, a.map((v, $) => /* @__PURE__ */ e.createElement("th", { key: `header-${$}` }, v.sortable ? /* @__PURE__ */ e.createElement("div", { className: `${y}__sort-wrapper` }, /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `${y}__sort-header`,
-      onClick: (p) => b(p, $)
+      onClick: (h) => b(h, $)
     },
     v.title
   ), /* @__PURE__ */ e.createElement(
@@ -9332,7 +9328,7 @@ const Qs = (c) => {
     {
       className: `${y}__sort-button`,
       title: `Sort by ${v.title}`,
-      onClick: (p) => b(p, $)
+      onClick: (h) => b(h, $)
     },
     /* @__PURE__ */ e.createElement(
       "span",
@@ -9350,7 +9346,7 @@ const Qs = (c) => {
     )
   )) : /* @__PURE__ */ e.createElement("span", null, v.title))))), /* @__PURE__ */ e.createElement("tbody", null, c.map((v, $) => E(v, $)))));
 }, an = (d) => {
-  var g = d, {
+  var f = d, {
     appendIds: t = !1,
     ariaLabel: s = "Table of contents",
     headingLevel: n = "h2",
@@ -9359,7 +9355,7 @@ const Qs = (c) => {
     showHeading: i = !1,
     sourceID: a = "pds-toc-source",
     className: c
-  } = g, o = S(g, [
+  } = f, o = S(f, [
     "appendIds",
     "ariaLabel",
     "headingLevel",
@@ -9369,7 +9365,7 @@ const Qs = (c) => {
     "sourceID",
     "className"
   ]);
-  const u = "pds-toc", h = [
+  const u = "pds-toc", p = [
     " ",
     "/",
     ".",
@@ -9394,7 +9390,7 @@ const Qs = (c) => {
         document.querySelectorAll(b)
       );
       z.map((I) => {
-        h.forEach((V) => {
+        p.forEach((V) => {
           I.id.includes(V) && (I.id = I.id.replaceAll(V, "-"));
         });
       }), z.map((I) => {
@@ -9413,7 +9409,7 @@ const Qs = (c) => {
         title: k
       });
     }), w;
-  }, { nestedHeadings: v } = E(), [$, p] = Z();
+  }, { nestedHeadings: v } = E(), [$, h] = Z();
   ((H) => {
     const w = ie({});
     ce(() => {
@@ -9440,8 +9436,8 @@ const Qs = (c) => {
       );
       return I.forEach((V) => k.observe(V)), () => k.disconnect();
     }, [H]);
-  })(p);
-  const f = (H) => {
+  })(h);
+  const g = (H) => {
     typeof window != "undefined" && window.location.hash !== `#${H}` && window.history.pushState({}, "", `#${H}`);
   }, _ = (H) => {
     document.querySelector(`#${H}`).scrollIntoView({
@@ -9449,7 +9445,7 @@ const Qs = (c) => {
       block: "start"
     });
   }, C = (H, w) => {
-    H.preventDefault(), t && f(w), _(w);
+    H.preventDefault(), t && g(w), _(w);
   }, M = ({ headings: H }) => /* @__PURE__ */ e.createElement("ul", { className: `${u}__list ${u}__list--top-level` }, H.map((w) => /* @__PURE__ */ e.createElement("li", { key: w.id, className: `${u}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
@@ -9511,48 +9507,48 @@ const Qs = (c) => {
     "tabs",
     "className"
   ]);
-  const d = "pds-tabs", [g, u] = Z(l != null ? l : s);
+  const d = "pds-tabs", [f, u] = Z(l != null ? l : s);
   ce(() => {
     l !== void 0 && u(l);
   }, [l]);
-  const h = (v) => {
+  const p = (v) => {
     const $ = v.currentTarget.getAttribute("data-tabnumber");
     if ($) {
-      const p = parseInt($, 10);
-      u(p);
+      const h = parseInt($, 10);
+      u(h);
     }
   }, b = ie([]);
   ce(() => {
-    n(g);
-  }, [g, n]), ce(() => {
+    n(f);
+  }, [f, n]), ce(() => {
     const v = b.current.length - 1;
-    if (g > v) {
+    if (f > v) {
       u(0);
       return;
-    } else if (g < 0) {
+    } else if (f < 0) {
       u(v);
       return;
     }
-  }, [g]);
+  }, [f]);
   const E = (v, $) => {
-    const p = g;
-    let m = b.current[$ === "next" ? p + 1 < b.current.length ? p + 1 : 0 : p - 1 >= 0 ? p - 1 : b.current.length - 1];
+    const h = f;
+    let m = b.current[$ === "next" ? h + 1 < b.current.length ? h + 1 : 0 : h - 1 >= 0 ? h - 1 : b.current.length - 1];
     m || (m = $ == "next" ? b.current[v + 1] == null ? b.current[0] : b.current[v + 1] : b.current[v - 1]), m.focus();
   }, y = (v) => {
-    const $ = b.current.length, p = () => {
-      E((g + 1) % $, "next"), u(g + 1);
+    const $ = b.current.length, h = () => {
+      E((f + 1) % $, "next"), u(f + 1);
     }, m = () => {
-      E((g - 1 + $) % $, "prev"), u(g - 1);
-    }, f = () => {
+      E((f - 1 + $) % $, "prev"), u(f - 1);
+    }, g = () => {
       E(0), u(0);
     }, _ = () => {
       E($ - 1), u($ - 1);
     }, C = () => {
-      b.current[g].focus();
+      b.current[f].focus();
     }, H = {
-      ArrowRight: p,
+      ArrowRight: h,
       ArrowLeft: m,
-      Home: f,
+      Home: g,
       End: _,
       Space: C,
       Enter: C
@@ -9567,28 +9563,28 @@ const Qs = (c) => {
       "aria-label": t,
       "aria-orientation": "horizontal"
     },
-    r.map(({ disabled: v, icon: $, tabId: p, tabLabel: m, tally: f }, _) => /* @__PURE__ */ e.createElement(
+    r.map(({ disabled: v, icon: $, tabId: h, tabLabel: m, tally: g }, _) => /* @__PURE__ */ e.createElement(
       "button",
       {
         className: `${d}__tab`,
-        "aria-selected": _ == g,
+        "aria-selected": _ == f,
         "data-tabnumber": _,
         role: "tab",
-        id: p,
+        id: h,
         onKeyDown: (C) => {
           C.preventDefault(), y(C);
         },
         key: _,
         ref: (C) => v ? null : b.current[_] = C,
         "aria-controls": `${d}__tab--${_}`,
-        tabIndex: g === _ ? 0 : -1,
+        tabIndex: f === _ ? 0 : -1,
         "aria-disabled": !!v,
-        onClick: v ? null : h,
+        onClick: v ? null : p,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: $, className: `${d}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(R, { iconName: $, iconSize: "md" }) : null, " ", m, r[_].tally ? /* @__PURE__ */ e.createElement(_t, { label: f.label, type: f.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: $, className: `${d}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(R, { iconName: $, iconSize: "md" }) : null, " ", m, r[_].tally ? /* @__PURE__ */ e.createElement(_t, { label: g.label, type: g.type }) : null)
     ))
-  ), r.map(({ disabled: v, icon: $, panelContent: p, tabLabel: m, tally: f }, _) => /* @__PURE__ */ e.createElement(
+  ), r.map(({ disabled: v, icon: $, panelContent: h, tabLabel: m, tally: g }, _) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${d}__panel`,
@@ -9601,19 +9597,19 @@ const Qs = (c) => {
       "button",
       {
         className: `${d}__trigger`,
-        "aria-selected": _ == g,
+        "aria-selected": _ == f,
         role: "tab",
         "data-tabnumber": _,
         key: _,
         onKeyDown: y,
         "aria-disabled": !!v,
         "aria-controls": `tabpanel_${_}`,
-        tabIndex: g === _ ? 1 : -1,
-        onClick: v ? null : h,
+        tabIndex: f === _ ? 1 : -1,
+        onClick: v ? null : p,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: $, className: `${d}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(R, { iconSize: "md", iconName: $ }) : null, " ", m, r[_].tally ? /* @__PURE__ */ e.createElement(_t, { label: f.label, type: f.type }) : null),
-      _ == g ? /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { key: $, className: `${d}__tab-label` }, $ ? /* @__PURE__ */ e.createElement(R, { iconSize: "md", iconName: $ }) : null, " ", m, r[_].tally ? /* @__PURE__ */ e.createElement(_t, { label: g.label, type: g.type }) : null),
+      _ == f ? /* @__PURE__ */ e.createElement(
         R,
         {
           iconName: "angleUp",
@@ -9633,9 +9629,9 @@ const Qs = (c) => {
       "section",
       {
         className: `${d}__panel-content`,
-        hidden: _ != g
+        hidden: _ != f
       },
-      p
+      h
     )
   ))));
 };
@@ -9682,23 +9678,23 @@ const F2 = (t) => {
     "tagLabel",
     "className"
   ]);
-  const [g, u] = Z(!0), h = "pds-tag", b = r ? `${h}--${r}` : `${h}--${F2(i)}`, E = g ? null : "pds-tag--hide", y = () => {
+  const [f, u] = Z(!0), p = "pds-tag", b = r ? `${p}--${r}` : `${p}--${F2(i)}`, E = f ? null : "pds-tag--hide", y = () => {
     u((m) => !m);
   };
-  let v, $, p;
-  return t && !s && be(t) ? (v = t.type, $ = t.props.href ? "href" : "to", p = $ === "href" ? t.props.href : t.props.to) : (v = "span", $ = null, p = null), /* @__PURE__ */ e.createElement(
+  let v, $, h;
+  return t && !s && be(t) ? (v = t.type, $ = t.props.href ? "href" : "to", h = $ === "href" ? t.props.href : t.props.to) : (v = "span", $ = null, h = null), /* @__PURE__ */ e.createElement(
     v,
     L({
-      href: $ === "href" ? p : null,
-      to: $ === "to" ? p : null,
-      className: [h, b, E, a].join(" ").trim().replace(/\s+/g, " ")
+      href: $ === "href" ? h : null,
+      to: $ === "to" ? h : null,
+      className: [p, b, E, a].join(" ").trim().replace(/\s+/g, " ")
     }, c),
-    /* @__PURE__ */ e.createElement("span", { className: `${h}__label`, title: i }, P2(i, 20)),
+    /* @__PURE__ */ e.createElement("span", { className: `${p}__label`, title: i }, P2(i, 20)),
     s ? /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
-        className: `${h}__remove`,
+        className: `${p}__remove`,
         "aria-label": `${l}: ${i}`,
         onClick: () => {
           y(), n();
@@ -9708,7 +9704,7 @@ const F2 = (t) => {
         R,
         {
           iconName: "xmark",
-          className: `${h}__remove-icon`,
+          className: `${p}__remove-icon`,
           iconSize: "md"
         }
       )
@@ -9723,15 +9719,15 @@ const F2 = (t) => {
     "className"
   ]);
   const i = "pds-avatar-tile-list", a = "pds-tile-list", c = ({
-    image: g,
+    image: f,
     alt: u,
-    name: h,
+    name: p,
     title: b,
     org: E
-  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, g && /* @__PURE__ */ e.createElement("div", { className: `${a}__image ${a}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: g, alt: u })), h && /* @__PURE__ */ e.createElement("div", { className: `${a}__name` }, h), b && /* @__PURE__ */ e.createElement("div", { className: `${a}__title` }, b), E && /* @__PURE__ */ e.createElement("div", { className: `${a}__org` }, E)), o = (g) => be(g.linkContent) ? xe(g.linkContent, {
-    children: /* @__PURE__ */ e.createElement(c, L({}, g)),
+  }) => /* @__PURE__ */ e.createElement(e.Fragment, null, f && /* @__PURE__ */ e.createElement("div", { className: `${a}__image ${a}__image--avatar` }, /* @__PURE__ */ e.createElement("img", { src: f, alt: u })), p && /* @__PURE__ */ e.createElement("div", { className: `${a}__name` }, p), b && /* @__PURE__ */ e.createElement("div", { className: `${a}__title` }, b), E && /* @__PURE__ */ e.createElement("div", { className: `${a}__org` }, E)), o = (f) => be(f.linkContent) ? xe(f.linkContent, {
+    children: /* @__PURE__ */ e.createElement(c, L({}, f)),
     className: `${a}__item`
-  }) : /* @__PURE__ */ e.createElement("span", { className: `${a}__item` }, /* @__PURE__ */ e.createElement(c, L({}, g))), d = () => t.map((g, u) => /* @__PURE__ */ e.createElement(R1, { key: `tile-${u}` }, o(g), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
+  }) : /* @__PURE__ */ e.createElement("span", { className: `${a}__item` }, /* @__PURE__ */ e.createElement(c, L({}, f))), d = () => t.map((f, u) => /* @__PURE__ */ e.createElement(R1, { key: `tile-${u}` }, o(f), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" })));
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
@@ -9762,32 +9758,32 @@ const F2 = (t) => {
     "summary",
     "className"
   ]);
-  const g = "pds-tile", u = `${g}--${t}`;
+  const f = "pds-tile", u = `${f}--${t}`;
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     L({
-      className: x([g, u, a != null ? a : ""])
+      className: x([f, u, a != null ? a : ""])
     }, c),
-    l && /* @__PURE__ */ e.createElement("div", { className: `${g}__image` }, /* @__PURE__ */ e.createElement("img", { src: l, alt: "" })),
+    l && /* @__PURE__ */ e.createElement("div", { className: `${f}__image` }, /* @__PURE__ */ e.createElement("img", { src: l, alt: "" })),
     n && /* @__PURE__ */ e.createElement(
       mt,
       {
-        baseClass: g,
+        baseClass: f,
         className: "pds-ts-xl",
         level: s
       },
       n
     ),
-    i && /* @__PURE__ */ e.createElement("div", { className: `${g}__summary` }, /* @__PURE__ */ e.createElement("p", null, i)),
+    i && /* @__PURE__ */ e.createElement("div", { className: `${f}__summary` }, /* @__PURE__ */ e.createElement("p", null, i)),
     r && (t == "border" || t == "clean") && /* @__PURE__ */ e.createElement(
       h2,
       {
         linkContent: r,
         size: "sm",
-        className: `${g}__cta`
+        className: `${f}__cta`
       }
     )
-  ), /* @__PURE__ */ e.createElement("span", { className: `${g}__separator` }));
+  ), /* @__PURE__ */ e.createElement("span", { className: `${f}__separator` }));
 }, on = (i) => {
   var a = i, {
     displayType: t = "border",
@@ -9806,10 +9802,10 @@ const F2 = (t) => {
     L({
       className: x([c, o, l != null ? l : ""])
     }, r),
-    n.map((d, g) => /* @__PURE__ */ e.createElement(
+    n.map((d, f) => /* @__PURE__ */ e.createElement(
       B2,
       {
-        key: g,
+        key: f,
         displayType: t,
         headingLevel: s,
         headingText: d.headingText,
@@ -9828,13 +9824,13 @@ const F2 = (t) => {
     "children",
     "className"
   ]);
-  const { isMobile: i } = Ce(ze), a = "pds-dashboard-inner", c = i ? `${a}--isMobile` : `${a}--notMobile`, o = qe(t), d = o["header-left"], g = o["header-right"], u = o.content;
+  const { isMobile: i } = Ce(ze), a = "pds-dashboard-inner", c = i ? `${a}--isMobile` : `${a}--notMobile`, o = qe(t), d = o["header-left"], f = o["header-right"], u = o.content;
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: x([a, c, s != null ? s : ""])
     }, n),
-    (d || g) && /* @__PURE__ */ e.createElement("div", { className: `${a}__header` }, (d || g) && /* @__PURE__ */ e.createElement("div", { className: `${a}__header-top` }, d && /* @__PURE__ */ e.createElement("div", { className: `${a}__header-left` }, d), g && /* @__PURE__ */ e.createElement("div", { className: `${a}__header-right` }, g))),
+    (d || f) && /* @__PURE__ */ e.createElement("div", { className: `${a}__header` }, (d || f) && /* @__PURE__ */ e.createElement("div", { className: `${a}__header-top` }, d && /* @__PURE__ */ e.createElement("div", { className: `${a}__header-left` }, d), f && /* @__PURE__ */ e.createElement("div", { className: `${a}__header-right` }, f))),
     u && u
   );
 }, mn = (y) => {
@@ -9849,9 +9845,9 @@ const F2 = (t) => {
     mobileAlignContent: c,
     mobileFlexDirection: o = "column",
     mobileFlexWrap: d,
-    mobileGap: g,
+    mobileGap: f,
     mobileJustifyContent: u,
-    children: h,
+    children: p,
     className: b
   } = v, E = S(v, [
     "alignContent",
@@ -9869,22 +9865,22 @@ const F2 = (t) => {
     "children",
     "className"
   ]);
-  let p = b1() <= 640;
+  let h = b1() <= 640;
   const m = Ce(ze);
-  m && (p = m.isMobile);
-  const f = "pds-flex", _ = `${f}-container`, C = p ? `${_}--mobile` : null;
+  m && (h = m.isMobile);
+  const g = "pds-flex", _ = `${g}-container`, C = h ? `${_}--mobile` : null;
   let M = null;
-  p ? M = `${f}-direction--${o}` : n !== "row" && (M = `${f}-direction--${n}`);
+  h ? M = `${g}-direction--${o}` : n !== "row" && (M = `${g}-direction--${n}`);
   let H = null;
-  p ? d ? d !== "nowrap" && (H = `${f}-wrap--${d}`) : l !== "nowrap" && (H = `${f}-wrap--${l}`) : l !== "nowrap" && (H = `${f}-wrap--${l}`);
+  h ? d ? d !== "nowrap" && (H = `${g}-wrap--${d}`) : l !== "nowrap" && (H = `${g}-wrap--${l}`) : l !== "nowrap" && (H = `${g}-wrap--${l}`);
   let w = null;
-  p ? u ? u !== "flex-start" && (w = `${f}-justify--${u}`) : i !== "flex-start" && (w = `${f}-justify--${i}`) : i !== "flex-start" && (w = `${f}-justify--${i}`);
+  h ? u ? u !== "flex-start" && (w = `${g}-justify--${u}`) : i !== "flex-start" && (w = `${g}-justify--${i}`) : i !== "flex-start" && (w = `${g}-justify--${i}`);
   let z = null;
-  p ? a ? a !== "stretch" && (z = `${f}-align-items--${a}`) : s !== "stretch" && (z = `${f}-align-items--${s}`) : s !== "stretch" && (z = `${f}-align-items--${s}`);
+  h ? a ? a !== "stretch" && (z = `${g}-align-items--${a}`) : s !== "stretch" && (z = `${g}-align-items--${s}`) : s !== "stretch" && (z = `${g}-align-items--${s}`);
   let k = null;
-  p ? c ? c !== "flex-start" && (k = `${f}-align-content--${c}`) : t !== "flex-start" && (k = `${f}-align-content--${t}`) : t !== "flex-start" && (k = `${f}-align-content--${t}`);
+  h ? c ? c !== "flex-start" && (k = `${g}-align-content--${c}`) : t !== "flex-start" && (k = `${g}-align-content--${t}`) : t !== "flex-start" && (k = `${g}-align-content--${t}`);
   let I = null;
-  return p ? g ? g !== "none" && (I = `${f}-gap--${g}`) : r !== "none" && (I = `${f}-gap--${r}`) : r !== "none" && (I = `${f}-gap--${r}`), /* @__PURE__ */ e.createElement(
+  return h ? f ? f !== "none" && (I = `${g}-gap--${f}`) : r !== "none" && (I = `${g}-gap--${r}`) : r !== "none" && (I = `${g}-gap--${r}`), /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: x([
@@ -9899,7 +9895,7 @@ const F2 = (t) => {
         b != null ? b : ""
       ])
     }, E),
-    h
+    p
   );
 }, un = ({
   children: t,
@@ -9920,10 +9916,10 @@ const F2 = (t) => {
     "sidebarWidth",
     "className"
   ]);
-  const d = "pds-sidebar-layout", g = `pds-grid pds-grid--${s}`, u = `${d}--${r}`;
-  let h = !1;
+  const d = "pds-sidebar-layout", f = `pds-grid pds-grid--${s}`, u = `${d}--${r}`;
+  let p = !1;
   const b = Ce(ze);
-  b && (h = b.isMobile);
+  b && (p = b.isMobile);
   const E = qe(t);
   let y = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9", v = "pds-grid-item pds-grid-item--lg-3";
   r === "narrow" && (y = "pds-grid-item pds-grid-item--md-9 pds-grid-item--lg-10", v = "pds-grid-item pds-grid-item--md-3 pds-grid-item--lg-2"), r === "wide" && (y = "pds-grid-item pds-grid-item--md-7 pds-grid-item--lg-8", v = "pds-grid-item pds-grid-item--md-5 pds-grid-item--lg-4");
@@ -9931,14 +9927,14 @@ const F2 = (t) => {
     "div",
     {
       key: "content",
-      className: `${d}__main ${h ? "pds-grid-item" : y}`
+      className: `${d}__main ${p ? "pds-grid-item" : y}`
     },
     E.content
-  ), p = /* @__PURE__ */ e.createElement(
+  ), h = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "sidebar",
-      className: `${d}__side ${h ? "pds-grid-item" : v}`
+      className: `${d}__side ${p ? "pds-grid-item" : v}`
     },
     E.sidebar
   );
@@ -9947,12 +9943,12 @@ const F2 = (t) => {
     L({
       className: x([
         d,
-        g,
+        f,
         u,
         i != null ? i : ""
       ])
     }, a),
-    h ? l === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, p, $) : /* @__PURE__ */ e.createElement(e.Fragment, null, $, p) : n === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, p, $) : /* @__PURE__ */ e.createElement(e.Fragment, null, $, p)
+    p ? l === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, $) : /* @__PURE__ */ e.createElement(e.Fragment, null, $, h) : n === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, $) : /* @__PURE__ */ e.createElement(e.Fragment, null, $, h)
   );
 }, hn = (l) => {
   var r = l, {
@@ -9962,10 +9958,10 @@ const F2 = (t) => {
     "children",
     "className"
   ]);
-  const i = qe(t), a = i.stepper, c = i.form, o = ie(), [d] = yt(o), g = d.width;
+  const i = qe(t), a = i.stepper, c = i.form, o = ie(), [d] = yt(o), f = d.width;
   document.documentElement.style.setProperty(
     "--pds-stepper-layout-max-width",
-    g + "px"
+    f + "px"
   );
   const u = "pds-stepper-layout";
   return /* @__PURE__ */ e.createElement(rt, L({ className: x([u, s]) }, n), a && /* @__PURE__ */ e.createElement(
@@ -9988,10 +9984,10 @@ const F2 = (t) => {
     "verticalAlign",
     "className"
   ]);
-  const c = "pds-three-item-layout", o = s === "standard" ? "pds-grid" : `pds-grid pds-grid--${s}`, d = `${c}--${n}`, g = qe(t), u = [
-    g["first-item"],
-    g["second-item"],
-    g["third-item"]
+  const c = "pds-three-item-layout", o = s === "standard" ? "pds-grid" : `pds-grid pds-grid--${s}`, d = `${c}--${n}`, f = qe(t), u = [
+    f["first-item"],
+    f["second-item"],
+    f["third-item"]
   ];
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -10003,13 +9999,13 @@ const F2 = (t) => {
         l
       ])
     }, r),
-    u.map((h, b) => /* @__PURE__ */ e.createElement(
+    u.map((p, b) => /* @__PURE__ */ e.createElement(
       "div",
       {
         key: b,
         className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
       },
-      h
+      p
     ))
   );
 }, gn = (a) => {
@@ -10026,30 +10022,30 @@ const F2 = (t) => {
     "verticalAlign",
     "className"
   ]);
-  const o = "pds-two-item-layout", d = s === "standard" ? "pds-grid" : `pds-grid pds-grid--${s}`, g = `${o}--${l}`, u = ["pds-grid-item--md-6"], h = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], b = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], E = ["pds-grid-item", "pds-grid-item--sm-4"];
+  const o = "pds-two-item-layout", d = s === "standard" ? "pds-grid" : `pds-grid pds-grid--${s}`, f = `${o}--${l}`, u = ["pds-grid-item--md-6"], p = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], b = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], E = ["pds-grid-item", "pds-grid-item--sm-4"];
   let y, v;
   switch (n) {
     case "equal":
       y = E.concat(u), v = E.concat(u);
       break;
     case "one-third-start":
-      y = E.concat(h), v = E.concat(b);
+      y = E.concat(p), v = E.concat(b);
       break;
     case "one-third-end":
-      y = E.concat(b), v = E.concat(h);
+      y = E.concat(b), v = E.concat(p);
   }
-  const $ = qe(t), p = $["first-item"], m = $["second-item"];
+  const $ = qe(t), h = $["first-item"], m = $["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: x([
         o,
         d,
-        g,
+        f,
         r
       ])
     }, i),
-    /* @__PURE__ */ e.createElement("div", { className: y.join(" ").trim() }, p),
+    /* @__PURE__ */ e.createElement("div", { className: y.join(" ").trim() }, h),
     /* @__PURE__ */ e.createElement("div", { className: v.join(" ").trim() }, m)
   );
 };